@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Inter:wght@400;500;600&display=swap');

:root{
  --c-bg:#F4F7F3;
  --c-surface:#FFFFFF;
  --c-ink:#17231F;
  --c-ink-soft:#4A5750;
  --c-green:#2F6F5C;
  --c-green-dark:#1F4D3F;
  --c-peach:#E8A87C;
  --c-peach-ink:#7A4322;
  --c-border:#E2E8E4;
  --radius:14px;
  --font-display:'Fraunces', Georgia, serif;
  --font-body:'Inter', -apple-system, Segoe UI, sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:var(--font-body);color:var(--c-ink);margin:0;background:var(--c-bg);font-size:16px;line-height:1.6;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;display:block;}
h1,h2,h3{font-family:var(--font-display);font-weight:500;letter-spacing:-0.01em;color:var(--c-ink);margin:0;}

#sps-announcement-bar{background:var(--c-green-dark);color:#EAF3EF;text-align:center;font-size:13px;padding:10px;letter-spacing:.02em;}

#sps-header{background:var(--c-bg);border-bottom:1px solid var(--c-border);position:sticky;top:0;z-index:50;}
.sps-header-inner{max-width:1180px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;}
.sps-logo{font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--c-green-dark);}
.sps-main-nav{display:flex;gap:28px;font-size:14px;color:var(--c-ink-soft);}
.sps-main-nav a:hover{color:var(--c-green);}
.sps-cart-icon{position:relative;font-size:19px;color:var(--c-ink);}
.sps-cart-count{position:absolute;top:-7px;right:-11px;background:var(--c-green);color:#fff;font-size:10px;border-radius:50%;padding:1px 6px;}

.sps-home{max-width:1180px;margin:0 auto;padding:0 24px 90px;}
.sps-hero{display:grid;grid-template-columns:1fr;gap:36px;align-items:center;padding:60px 0 70px;}
@media(min-width:900px){.sps-hero{grid-template-columns:1fr 1fr;padding:90px 0 100px;}}
.sps-hero-text h1{font-size:40px;line-height:1.15;margin:0 0 18px;}
@media(min-width:900px){.sps-hero-text h1{font-size:52px;}}
.sps-hero-text p{color:var(--c-ink-soft);font-size:17px;margin:0 0 28px;max-width:36ch;}
.sps-hero-btn{display:inline-block;background:var(--c-green-dark);color:#fff;padding:15px 30px;border-radius:100px;font-size:15px;font-weight:500;}
.sps-hero-btn:hover{background:var(--c-green);}
.sps-hero-image{position:relative;}
.sps-hero-image::before{content:"";position:absolute;inset:-6% -10%;background:var(--c-peach);opacity:.35;border-radius:44% 56% 61% 39% / 49% 42% 58% 51%;z-index:0;}
.sps-hero-image img{position:relative;z-index:1;border-radius:24px;}

.sps-trust-strip{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;padding:32px 0;border-top:1px solid var(--c-border);border-bottom:1px solid var(--c-border);}
@media(min-width:700px){.sps-trust-strip{grid-template-columns:repeat(4,1fr);}}
.sps-trust-strip div{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:13px;color:var(--c-ink-soft);text-align:center;}
.sps-trust-strip i{font-size:22px;color:var(--c-green);}

.sps-featured-product{padding:70px 0;}
.sps-featured-product h2{text-align:center;margin-bottom:32px;font-size:28px;}
.sps-featured-card{display:grid;grid-template-columns:1fr;gap:28px;background:var(--c-surface);border-radius:24px;padding:36px;align-items:center;border:1px solid var(--c-border);}
@media(min-width:700px){.sps-featured-card{grid-template-columns:220px 1fr;}}
.sps-featured-card img{border-radius:14px;}
.sps-featured-info h3{font-size:22px;margin-bottom:6px;}
.sps-featured-price{font-size:22px;font-weight:500;font-family:var(--font-display);margin:8px 0 18px;color:var(--c-green-dark);}
.sps-featured-btn{display:inline-block;background:var(--c-ink);color:#fff;padding:13px 26px;border-radius:100px;font-size:14px;font-weight:500;}

.sps-all-products{padding:70px 0;}
.sps-all-products h2,.sps-shop-title,.sps-testimonials h2{text-align:center;margin-bottom:32px;font-size:28px;}
.sps-product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 20px;}
@media(min-width:700px){.sps-product-grid{grid-template-columns:repeat(4,1fr);}}
.sps-product-card{display:block;}
.sps-product-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;background:var(--c-surface);transition:opacity .2s;}
.sps-product-card:hover img{opacity:.9;}
.sps-product-card-name{font-size:14px;padding:12px 2px 2px;margin:0;color:var(--c-ink);}
.sps-product-card-price{font-size:14px;font-weight:500;padding:2px;margin:0;color:var(--c-green-dark);}

.sps-view-all-wrap{text-align:center;margin-top:36px;}
.sps-view-all-btn{display:inline-block;border:1px solid var(--c-ink);padding:13px 28px;border-radius:100px;font-weight:500;font-size:14px;}
.sps-view-all-btn:hover{background:var(--c-ink);color:#fff;}

.sps-testimonials{padding:70px 0;}
.sps-testimonial-grid{display:grid;grid-template-columns:1fr;gap:32px;}
@media(min-width:700px){.sps-testimonial-grid{grid-template-columns:repeat(3,1fr);}}
.sps-testimonial-card{padding:0 0 0 28px;font-size:16px;position:relative;border-left:2px solid var(--c-peach);}
.sps-testimonial-card p{font-family:var(--font-display);font-style:italic;font-size:19px;line-height:1.5;margin:0;color:var(--c-ink);}
.sps-testimonial-card span{display:block;margin-top:14px;font-size:13px;color:var(--c-ink-soft);font-family:var(--font-body);font-style:normal;}

.sps-shop-page{max-width:1180px;margin:0 auto;padding:50px 24px 90px;}

.sps-product-page{max-width:1180px;margin:0 auto;padding:40px 24px 90px;}
.sps-product-top{display:grid;grid-template-columns:1fr;gap:48px;}
@media(min-width:900px){.sps-product-top{grid-template-columns:1.05fr 1fr;}}
.sps-gallery img{border-radius:20px;}

.sps-product-title{font-size:28px;margin:0 0 10px;}
.sps-social-proof{font-size:13px;color:var(--c-ink-soft);margin-bottom:16px;}
.sps-price{font-family:var(--font-display);font-size:28px;font-weight:500;margin-bottom:14px;color:var(--c-green-dark);}
.sps-price del{color:#A6ADA9;font-weight:400;margin-right:10px;font-size:18px;font-family:var(--font-body);}
.sps-price ins{text-decoration:none;}

.sps-urgency-banner{background:#FCF1E7;color:var(--c-peach-ink);border:1px solid #F2D9C0;border-radius:100px;padding:9px 16px;font-size:13px;font-weight:500;margin-bottom:20px;display:inline-block;}

.single_add_to_cart_button{width:100%;background:var(--c-ink)!important;color:#fff!important;border:none;padding:17px;border-radius:100px;font-size:15px;font-weight:500;cursor:pointer;font-family:var(--font-body)!important;}
.single_add_to_cart_button:hover{background:var(--c-green-dark)!important;}

.sps-trust-badges{display:flex;flex-wrap:wrap;gap:18px;margin:22px 0;font-size:13px;color:var(--c-ink-soft);}

.sps-order-steps{display:flex;gap:0;margin-top:14px;}
.sps-order-steps .step{flex:1;text-align:center;font-size:12px;padding:10px 4px;border-bottom:2px solid var(--c-border);color:#A6ADA9;}
.sps-order-steps .step.active{border-color:var(--c-green);color:var(--c-green-dark);font-weight:500;}

.sps-section{margin-top:64px;}
.sps-section h2{font-size:24px;margin-bottom:24px;text-align:center;}

.sps-ba-images{display:flex;gap:20px;justify-content:center;}
.sps-ba-images div{text-align:center;width:45%;}
.sps-ba-images img{border-radius:16px;}
.sps-ba-images span{display:block;margin-top:8px;font-size:13px;color:var(--c-ink-soft);}

.sps-steps-list{max-width:600px;margin:0 auto;line-height:2;}

.sps-description-content{max-width:700px;margin:0 auto;line-height:1.75;color:var(--c-ink-soft);}

#sps-sticky-bar{position:fixed;bottom:0;left:0;right:0;background:var(--c-surface);border-top:1px solid var(--c-border);display:flex;align-items:center;gap:12px;padding:12px 18px;z-index:60;box-shadow:0 -6px 20px rgba(23,35,31,.06);}
#sps-sticky-bar.sps-hidden{display:none;}
.sps-sticky-price{font-weight:500;font-family:var(--font-display);}
.sps-sticky-btn{background:var(--c-ink);color:#fff;border:none;padding:12px 22px;border-radius:100px;font-weight:500;margin-left:auto;}

.sps-cart-wrap{max-width:900px;margin:0 auto;padding:50px 24px 90px;}
.sps-cart-title{font-size:28px;margin-bottom:28px;}
.sps-cart-row{display:grid;grid-template-columns:64px 1fr auto auto auto;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--c-border);}
.sps-cart-thumb img{border-radius:10px;}
.sps-update-cart{margin-top:20px;padding:11px 22px;border-radius:100px;border:1px solid var(--c-ink);background:transparent;cursor:pointer;font-size:14px;}
.sps-checkout-btn{display:block;text-align:center;background:var(--c-ink);color:#fff;padding:17px;border-radius:100px;font-weight:500;margin-top:24px;}

.sps-checkout-wrap{max-width:1000px;margin:0 auto;padding:50px 24px 90px;}
.sps-checkout-title{text-align:center;margin-bottom:32px;font-size:28px;}
.sps-checkout-columns{display:grid;grid-template-columns:1fr;gap:40px;}
@media(min-width:900px){.sps-checkout-columns{grid-template-columns:1.1fr 1fr;}}
.sps-checkout-fields h3,.sps-checkout-summary h3{font-size:16px;font-weight:500;margin-bottom:16px;font-family:var(--font-body);}
.sps-checkout-fields input,.sps-checkout-fields select{width:100%;padding:13px;border:1px solid var(--c-border);border-radius:10px;margin-bottom:14px;font-family:var(--font-body);background:var(--c-surface);}
#place_order{width:100%;background:var(--c-ink)!important;color:#fff!important;padding:17px!important;border-radius:100px!important;font-size:15px!important;font-family:var(--font-body)!important;}

.sps-contact-page,.sps-simple-page{max-width:700px;margin:0 auto;padding:60px 24px 100px;line-height:1.75;color:var(--c-ink-soft);}
.sps-contact-page h1,.sps-simple-page h1{color:var(--c-ink);font-size:32px;margin-bottom:16px;}
.sps-whatsapp-btn{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;padding:15px 26px;border-radius:100px;font-weight:500;margin:18px 0;font-family:var(--font-body);}
.sps-contact-details p{margin:8px 0;color:var(--c-ink-soft);}

#sps-footer{background:var(--c-surface);margin-top:0;padding:56px 24px 24px;border-top:1px solid var(--c-border);}
.sps-footer-inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px;}
@media(min-width:700px){.sps-footer-inner{grid-template-columns:repeat(3,1fr);}}
.sps-footer-inner h4{font-family:var(--font-body);font-weight:500;font-size:13px;color:var(--c-ink-soft);margin:0 0 12px;}
.sps-footer-bottom{text-align:center;font-size:12px;color:#A6ADA9;margin-top:40px;}

/* ===== Sticky bottom mobile nav ===== */
#sps-bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--c-surface);border-top:1px solid var(--c-border);display:flex;z-index:70;padding:6px 0 8px;box-shadow:0 -4px 16px rgba(23,35,31,.06);}
#sps-bottom-nav .sps-bn-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:11px;color:var(--c-ink-soft);padding:6px 2px;}
#sps-bottom-nav .sps-bn-item i{font-size:20px;}
#sps-bottom-nav .sps-bn-item:hover{color:var(--c-green-dark);}
body{padding-bottom:64px;}
@media(min-width:900px){#sps-bottom-nav{display:none;}body{padding-bottom:0;}}

/* ===== Floating WhatsApp button ===== */
#sps-whatsapp-float{position:fixed;left:18px;bottom:78px;width:52px;height:52px;background:#25D366;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;z-index:70;box-shadow:0 4px 14px rgba(0,0,0,.18);}
@media(min-width:900px){#sps-whatsapp-float{bottom:24px;}}

/* ===== Sale badge on product cards ===== */
.sps-product-card{position:relative;}
.sps-product-card .sps-sale-badge{position:absolute;top:8px;left:8px;background:var(--c-peach-ink);color:#fff;font-size:11px;font-weight:500;padding:4px 10px;border-radius:100px;z-index:2;}

/* ===== Contact page trust panel ===== */
.sps-contact-details i{margin-right:8px;color:var(--c-green);}
.sps-trust-panel{margin-top:40px;padding:28px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:20px;}
.sps-trust-panel h3{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--c-ink);margin:0 0 14px;}
.sps-trust-panel h3:not(:first-child){margin-top:24px;}
.sps-logo-row{display:flex;flex-wrap:wrap;gap:14px;}
.sps-logo-row span{font-size:13px;color:var(--c-ink-soft);border:1px solid var(--c-border);padding:8px 16px;border-radius:100px;}

/* ===== Hero slider ===== */
.sps-slider{position:relative;overflow:hidden;border-radius:20px;margin-top:20px;}
.sps-slider-track{display:flex;transition:transform .5s ease;}
.sps-slide{min-width:100%;height:220px;display:flex;align-items:center;padding:0 40px;}
@media(min-width:700px){.sps-slide{height:340px;padding:0 70px;}}
.sps-slide-caption span{font-size:12px;color:var(--c-ink-soft);letter-spacing:.03em;}
.sps-slide-caption h2{font-size:28px;margin-top:6px;}
@media(min-width:700px){.sps-slide-caption h2{font-size:40px;}}
.sps-slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.85);border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;}
.sps-slider-prev{left:14px;}
.sps-slider-next{right:14px;}
.sps-slider-dots{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;gap:6px;}
.sps-dot{width:7px;height:7px;border-radius:50%;background:rgba(23,35,31,.25);border:none;padding:0;cursor:pointer;}
.sps-dot.active{background:var(--c-green-dark);width:18px;border-radius:4px;}

/* ===== Horizontal scroll rows (categories + carousel) ===== */
.sps-category-row,.sps-carousel-section{padding:50px 0 10px;}
.sps-category-row h2,.sps-carousel-section h2,.sps-budget-row h2{font-size:24px;margin-bottom:20px;}
.sps-scroll-row{display:flex;gap:16px;overflow-x:auto;padding-bottom:10px;scrollbar-width:none;}
.sps-scroll-row::-webkit-scrollbar{display:none;}

.sps-cat-card{flex:0 0 auto;width:100px;text-align:center;}
.sps-cat-img{width:88px;height:88px;border-radius:50%;background:var(--c-surface);border:1px solid var(--c-border);margin:0 auto 8px;}
.sps-cat-card span{font-size:12px;color:var(--c-ink-soft);}

.sps-carousel-card{flex:0 0 auto;width:160px;position:relative;}
.sps-carousel-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;background:var(--c-surface);}

/* ===== Budget cards ===== */
.sps-budget-row{padding:50px 0 10px;}
.sps-budget-grid{display:grid;grid-template-columns:1fr;gap:16px;}
@media(min-width:700px){.sps-budget-grid{grid-template-columns:repeat(3,1fr);}}
.sps-budget-card{display:block;background:var(--c-surface);border:1px solid var(--c-border);border-radius:18px;padding:24px;}
.sps-budget-tag{font-family:var(--font-display);font-size:20px;color:var(--c-green-dark);display:block;margin-bottom:8px;}
.sps-budget-card p{font-size:13px;color:var(--c-ink-soft);margin:0;}

/* ===== Buy Now button + popup modal ===== */
.sps-buy-now-btn{width:100%;background:transparent;color:var(--c-green-dark);border:1.5px solid var(--c-green-dark);padding:15px;border-radius:100px;font-size:15px;font-weight:500;cursor:pointer;margin-top:10px;font-family:var(--font-body);}
.sps-buy-now-btn:hover{background:var(--c-green-dark);color:#fff;}

.sps-modal-overlay{position:fixed;inset:0;background:rgba(23,35,31,.5);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px;}
.sps-modal-overlay.sps-hidden{display:none;}
.sps-modal-box{background:var(--c-surface);border-radius:20px;padding:30px;max-width:420px;width:100%;position:relative;max-height:90vh;overflow-y:auto;}
.sps-modal-close{position:absolute;top:14px;right:16px;background:none;border:none;font-size:22px;cursor:pointer;color:var(--c-ink-soft);}
.sps-modal-box h3{font-size:20px;margin-bottom:6px;}
.sps-modal-sub{font-size:13px;color:var(--c-ink-soft);margin:0 0 20px;}
.sps-modal-box label{display:block;font-size:12px;color:var(--c-ink-soft);margin-bottom:12px;}
.sps-modal-box input{width:100%;padding:12px;border:1px solid var(--c-border);border-radius:10px;margin-top:5px;font-family:var(--font-body);font-size:14px;}
.sps-modal-error{color:#B3261E;font-size:13px;margin-bottom:10px;}
.sps-modal-submit{width:100%;background:var(--c-ink);color:#fff;border:none;padding:15px;border-radius:100px;font-weight:500;cursor:pointer;font-size:14px;margin-top:6px;}
.sps-modal-submit:disabled{opacity:.6;cursor:default;}
#sps-buy-now-success{text-align:center;font-size:15px;padding:20px 0;}

/* ===== Payment method choice + bank transfer details in Buy Now modal ===== */
.sps-payment-choice{margin:14px 0;display:flex;flex-direction:column;gap:10px;}
.sps-radio-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--c-ink);border:1px solid var(--c-border);border-radius:10px;padding:12px;cursor:pointer;}
.sps-radio-label input{width:auto;margin:0;}
.sps-bank-details{background:var(--c-bg);border:1px solid var(--c-border);border-radius:12px;padding:14px;margin-bottom:14px;font-size:13px;}
.sps-bank-details p{margin:4px 0;}
.sps-bank-details span{font-weight:500;color:var(--c-green-dark);}
.sps-bank-note{color:var(--c-ink-soft);font-size:12px;margin-top:8px!important;}
.sps-whatsapp-receipt-btn{display:inline-flex;align-items:center;gap:8px;background:#25D366;color:#fff;padding:12px 20px;border-radius:100px;font-weight:500;margin-top:14px;font-size:13px;}
