/* =========================================================
   She Care Ayurvedic — Theme Stylesheet
   Mobile-first. Container caps at 430px like a phone screen
   (matches the original design brief) but scales up gracefully.
   ========================================================= */

:root{
	--scp-primary: #0C5500;
	--scp-accent: #C9A227;
	--scp-buy-green: #0E6300;
	--scp-bg: #FFFFFF;
	--scp-card-bg: #FFFFFF;
	--scp-border: #E3EDDE;
	--scp-pill-bg: #ECF5E7;
	--scp-alt-bg: #F3F8F0;
	--scp-text-dark: #0C5500;
	--scp-text-body: #3F3F3F;
	--scp-text-muted: #666666;
	--scp-text-faint: #979797;
}

*{ box-sizing: border-box; }
body.single-she_product, body.archive-she_product, body.home, body.front-page{
	margin:0;
	background: var(--scp-bg);
	font-family: 'Work Sans', sans-serif;
	color: var(--scp-text-body);
}

.scp-app{ width:100%; }
.scp-app a{ color: var(--scp-primary); }
.scp-app a.scp-buy-btn, .scp-app a.scp-buy-btn *{ color:#fff !important; }
.scp-container{
	max-width: 560px;
	margin: 0 auto;
	background: var(--scp-card-bg);
	min-height: 100vh;
	position: relative;
	box-shadow: 0 0 40px rgba(0,0,0,0.06);
}

/* Legal/standard pages inherit brand link color too */
.scp-wrap a{ color: var(--scp-primary); }

/* ---------- Sticky marquee trust bar ---------- */
.scp-marquee-bar{
	position: sticky; top:0; z-index:40;
	background: var(--scp-primary);
	color: #f4efe6;
	padding: 7px 0;
	overflow: hidden;
	white-space: nowrap;
}
.scp-marquee-track{
	display: inline-flex;
	animation: scp-marquee 26s linear infinite;
}
.scp-marquee-item{
	display:flex; align-items:center; gap:8px;
	padding: 0 12px;
	font-size: 13px; font-weight:600; letter-spacing:.02em;
	border-right: 1px solid rgba(255,255,255,.2);
}
@keyframes scp-marquee{ 0%{ transform:translateX(0);} 100%{ transform:translateX(-50%);} }

/* ---------- Hero ---------- */
.scp-hero-section{ padding: 20px 20px 16px; }
.scp-brand-row{ display:flex; align-items:center; gap:6px; margin-bottom:10px; }
.scp-brand-name{ font-family:'Poppins',sans-serif; font-size:19px; color:var(--scp-primary); letter-spacing:.04em; }
.scp-brand-logo{ height:42px; max-width:200px; width:auto; display:block; object-fit:contain; }
.scp-home-logo{ height:52px; max-width:240px; margin:0 auto 12px; }
.scp-dot{ width:3px;height:3px;border-radius:50%;background:var(--scp-accent); }
.scp-tagline{ font-size:12px; color:#7A5A45; text-transform:uppercase; letter-spacing:.12em; }

.scp-carousel{ width:100%; border-radius:20px; overflow:hidden; background:#e9ecdf; position:relative; margin-bottom:8px; }
.scp-carousel-track{ display:flex; overflow-x:auto; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; }
.scp-carousel-img{ width:100%; flex:0 0 100%; scroll-snap-align:start; display:block; object-fit:cover; aspect-ratio:1/1; }
.scp-corner-badge{ position:absolute; top:12px; font-size:12px; font-weight:700; padding:5px 10px; border-radius:100px; }
.scp-corner-left{ left:12px; background:var(--scp-accent); color:var(--scp-primary); letter-spacing:.03em; }
.scp-corner-right{ right:12px; background:rgba(12,85,0,.88); color:#fff; font-weight:600; }
.scp-dots{ position:absolute; bottom:10px; left:0; right:0; display:flex; justify-content:center; gap:5px; }
.scp-dot-indicator{ width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.85); }
.scp-swipe-hint{ text-align:center; font-size:12px; color:var(--scp-text-faint); margin:-2px 0 14px; }

.scp-headline{ font-family:'Poppins',sans-serif; font-size:29px; line-height:1.28; color:var(--scp-primary); margin:0 0 10px; font-weight:600; }
.scp-hl{ color: var(--scp-buy-green); }
.scp-subheadline{ font-size:16px; color:var(--scp-text-muted); margin:0 0 12px; line-height:1.5; }

.scp-badges-row{ display:flex; align-items:center; gap:8px; margin-bottom:10px; flex-wrap:wrap; }
.scp-rating-pill{ display:flex; align-items:center; gap:5px; background:var(--scp-pill-bg); border:1px solid var(--scp-border); border-radius:100px; padding:6px 12px; }
.scp-stars{ color:var(--scp-accent); font-size:16px; letter-spacing:1px; }
.scp-rating-num{ font-size:14px; font-weight:600; color:var(--scp-primary); }
.scp-review-count{ font-size:13px; color:var(--scp-text-muted); }
.scp-social-pill{ background:#FBF3E0; border:1px solid var(--scp-border); border-radius:100px; padding:7px 13px; font-size:13px; color:#7A5A00; font-weight:600; }

.scp-price-row{ display:flex; align-items:baseline; gap:10px; margin-bottom:14px; }
.scp-price-now{ font-size:27px; font-weight:700; color:var(--scp-primary); }
.scp-price-was{ font-size:16px; color:var(--scp-text-faint); text-decoration:line-through; }
.scp-discount-badge{ font-size:12px; font-weight:700; color:var(--scp-buy-green); background:#E7F3E3; padding:3px 9px; border-radius:100px; }

/* ---------- CTA box ---------- */
.scp-cta-box{
	margin: 0 20px 22px;
	background: linear-gradient(135deg,#eef3e6,#f7efe0);
	border: 1px solid #D8C9A0;
	border-radius: 18px;
	padding: 14px;
}
.scp-coupon-row{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:12px; }
.scp-coupon-label{ margin:0 0 6px; font-size:13.5px; font-weight:600; color:var(--scp-primary); }
.scp-coupon-code{ display:inline-flex; align-items:center; border:1.5px dashed #A9832E; border-radius:100px; padding:6px 14px; background:rgba(255,255,255,.6); font-family:monospace; font-size:16px; font-weight:700; color:#7A5A00; letter-spacing:.06em; }
.scp-copy-btn{ flex-shrink:0; background:var(--scp-primary); color:#fff; border:none; border-radius:100px; padding:11px 18px; font-size:14px; font-weight:600; min-height:44px; cursor:pointer; white-space:nowrap; }
.scp-copy-btn.copied{ background: var(--scp-buy-green); }

.scp-buy-btn{
	display:flex; flex-direction:column; align-items:center; justify-content:center; gap:2px;
	width:100%; min-height:58px;
	background: linear-gradient(180deg, #148002, #0C5500);
	color:#fff;
	border-radius:14px; text-decoration:none;
	font-size:17px; font-weight:700; letter-spacing:.01em;
	box-shadow: 0 6px 18px rgba(12,85,0,.28), inset 0 1px 0 rgba(255,255,255,.18);
	padding: 10px 0;
	transition: transform .15s ease, box-shadow .15s ease;
}
.scp-buy-btn:hover{ transform: translateY(-1px); box-shadow: 0 8px 22px rgba(12,85,0,.34), inset 0 1px 0 rgba(255,255,255,.18); }
.scp-buy-btn:active{ transform: translateY(0); }
.scp-timer{ font-size:12.5px; font-weight:600; opacity:.9; }
.scp-redirect-note{ text-align:center; font-size:12px; color:var(--scp-text-faint); margin:8px 0 0; }

/* ---------- Generic sections ---------- */
.scp-section{ padding: 22px 20px 26px; border-top:1px solid var(--scp-border); }
.scp-section-alt{ background: var(--scp-alt-bg); }
.scp-eyebrow{ margin:0 0 4px; font-size:11px; font-weight:600; color:var(--scp-buy-green); text-transform:uppercase; letter-spacing:.1em; }
.scp-section-title{ font-family:'Poppins',sans-serif; font-weight:600; font-size:22px; color:var(--scp-primary); margin:0 0 14px; }
.scp-section-body{ font-size:15.5px; line-height:1.65; color:var(--scp-text-body); margin:0 0 14px; }

.scp-pill-row{ display:flex; flex-wrap:wrap; gap:7px; }
.scp-pill{ font-size:13px; font-weight:500; color:var(--scp-primary); background:var(--scp-pill-bg); border:1px solid var(--scp-border); border-radius:100px; padding:5px 11px; }

/* Benefits */
.scp-benefit-list{ display:flex; flex-direction:column; gap:16px; }
.scp-benefit-item{ display:flex; gap:14px; align-items:flex-start; }
.scp-benefit-icon{ flex-shrink:0; width:40px; height:40px; border-radius:12px; background:var(--scp-pill-bg); display:flex; align-items:center; justify-content:center; font-size:19px; }
.scp-benefit-item h3{ margin:0 0 3px; font-size:15.5px; font-weight:600; color:var(--scp-primary); }
.scp-benefit-item p{ margin:0; font-size:14px; color:var(--scp-text-muted); line-height:1.5; }

/* Gallery */
.scp-gallery-grid{ display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.scp-gallery-item img{ width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:12px; border:1px solid var(--scp-border); display:block; }
.scp-gallery-item figcaption{ margin:6px 0 0; font-size:13px; font-weight:600; color:var(--scp-primary); text-align:center; line-height:1.3; }

/* How to use */
.scp-howto-list{ display:flex; flex-direction:column; gap:12px; }
.scp-howto-item{
	display:flex; gap:14px; align-items:flex-start;
	background:#fff; border:1px solid var(--scp-border); border-radius:14px;
	padding:16px; box-shadow:0 2px 8px rgba(12,85,0,.04);
}
.scp-howto-icon{
	flex-shrink:0; width:46px; height:46px; border-radius:12px;
	background:var(--scp-pill-bg); border:1px solid var(--scp-border);
	display:flex; align-items:center; justify-content:center; font-size:22px;
}
.scp-howto-text{ min-width:0; }
.scp-howto-item h3{ margin:0 0 4px; font-size:16px; font-weight:600; color:var(--scp-primary); line-height:1.3; }
.scp-howto-item p{ margin:0; font-size:14px; color:var(--scp-text-muted); line-height:1.55; }

/* Testimonials */
.scp-testimonial-list{ display:flex; gap:12px; overflow-x:auto; padding-bottom:8px; scroll-snap-type:x mandatory; margin: 0 -20px; padding-left:20px; padding-right:20px; scrollbar-width:none; -ms-overflow-style:none; }
.scp-testimonial-list::-webkit-scrollbar{ display:none; }
.scp-testimonial-card{ flex:0 0 82%; scroll-snap-align:start; background:#fff; border:1px solid var(--scp-border); border-radius:16px; padding:16px; box-shadow:0 2px 10px rgba(12,85,0,.05); }
.scp-testimonial-quote{ font-size:15px; line-height:1.55; color:#4A3B32; margin:0 0 14px; font-style:italic; }
.scp-testimonial-name{ margin:0; font-size:13.5px; font-weight:600; color:var(--scp-primary); }

/* FAQ */
.scp-faq-list{ display:flex; flex-direction:column; gap:8px; }
.scp-faq-item{ border:1px solid var(--scp-border); border-radius:12px; overflow:hidden; background:#fff; }
.scp-faq-question{ width:100%; text-align:left; background:none; border:none; padding:15px 16px; font-size:15px; font-weight:600; color:var(--scp-primary); display:flex; justify-content:space-between; align-items:center; min-height:44px; cursor:pointer; }
.scp-faq-icon{ font-size:16px; color:var(--scp-text-faint); flex-shrink:0; margin-left:10px; }
.scp-faq-answer{ max-height:0; overflow:hidden; transition:max-height .25s ease; }
.scp-faq-answer p{ margin:0; padding:0 16px 16px; font-size:14px; line-height:1.55; color:var(--scp-text-muted); }
.scp-faq-item.open .scp-faq-answer{ max-height:600px; }

/* Cross-sell */
.scp-crosssell-list{ display:flex; gap:12px; overflow-x:auto; padding-bottom:8px; }
.scp-crosssell-card{ flex:0 0 62%; text-decoration:none; background:#fff; border:1px solid var(--scp-border); border-radius:14px; overflow:hidden; display:block; }
.scp-crosssell-card img{ width:100%; aspect-ratio:1/1; object-fit:cover; display:block; }
.scp-crosssell-card div{ padding:10px 12px; }
.scp-crosssell-card h4{ margin:0 0 4px; font-size:12.5px; font-weight:600; color:var(--scp-primary); line-height:1.3; }
.scp-crosssell-card span{ font-size:12px; font-weight:700; color:var(--scp-buy-green); }

/* Sticky bottom CTA */
.scp-sticky-cta{
	position: fixed; bottom:-160px; left:50%; transform:translateX(-50%);
	width:100%; max-width:560px;
	background:rgba(255,255,255,.97);
	backdrop-filter: blur(8px);
	border-top:1px solid var(--scp-border);
	box-shadow: 0 -6px 24px rgba(0,0,0,.10);
	padding:10px 16px calc(10px + env(safe-area-inset-bottom));
	z-index:50;
	transition: bottom .3s ease;
}
.scp-sticky-cta.visible{ bottom:0; }
.scp-sticky-top{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; }
.scp-sticky-coupon-row{ display:flex; align-items:center; gap:8px; min-width:0; }
.scp-sticky-coupon{
	font-family:monospace; font-size:14px; font-weight:700; color:#7A5A00;
	border:1.5px dashed #A9832E; border-radius:100px; padding:5px 12px;
	background:#FDF9EE; white-space:nowrap;
}
.scp-sticky-copy{ min-height:0; padding:7px 14px; font-size:12.5px; border-radius:100px; }
.scp-sticky-prices{ display:flex; align-items:baseline; gap:6px; flex-shrink:0; }
.scp-sticky-price-now{ font-size:18px; font-weight:700; color:var(--scp-primary); }
.scp-sticky-price-was{ font-size:13px; color:var(--scp-text-faint); }
.scp-buy-btn-small{ min-height:54px; font-size:15.5px; border-radius:12px; gap:2px; }

/* Footer */
/* Footer — styled in the dedicated Footer section below */

/* ---------- Archive / "All Products" listing ---------- */
.scp-product-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; padding:16px 20px 60px; }
.scp-product-card{ text-decoration:none; background:#fff; border:1px solid var(--scp-border); border-radius:16px; overflow:hidden; display:block; }
.scp-product-card-img{ width:100%; aspect-ratio:1/1; background:var(--scp-pill-bg); }
.scp-product-card-img img{ width:100%; height:100%; object-fit:cover; display:block; }
.scp-product-card-body{ padding:12px; }
.scp-product-card-body h3{ font-size:13px; margin:0 0 6px; color:var(--scp-primary); font-family:'Poppins',sans-serif; font-weight:600; }
.scp-card-rating{ font-size:11px; color:var(--scp-accent); margin-bottom:6px; }
.scp-card-rating span{ color:var(--scp-text-muted); }
.scp-card-price strong{ color:var(--scp-buy-green); font-size:13px; }
.scp-card-price s{ color:var(--scp-text-faint); font-size:11px; margin-left:6px; }

/* ---------- Homepage hero ---------- */
.scp-home-hero{
	position: relative;
	min-height: 420px;
	background-size: cover;
	background-position: center;
	background-color: var(--scp-primary);
	display:flex; align-items:flex-end;
}
.scp-home-hero-overlay{
	width:100%;
	padding: 40px 24px 32px;
	background: linear-gradient(0deg, rgba(0,0,0,.55) 10%, rgba(0,0,0,.05) 100%);
	color:#fff; text-align:center;
}
.scp-home-brand{ color:#fff !important; display:block; margin-bottom:10px; font-size:16px; letter-spacing:.08em; text-transform:uppercase; }
.scp-home-hero-overlay h1{ font-family:'Poppins',sans-serif; font-size:30px; font-weight:600; margin:0 0 10px; line-height:1.25; }
.scp-home-hero-overlay p{ font-size:14px; margin:0 0 18px; opacity:.92; }
.scp-home-cta{ display:inline-flex; width:auto; padding:14px 28px; }

/* ---------- Scroll reveal animations ---------- */
.scp-animate{ opacity:0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.scp-animate.scp-in-view{ opacity:1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce){
	.scp-animate{ opacity:1; transform:none; transition:none; }
}

/* ---------- WhatsApp floating button ---------- */
.scp-whatsapp-btn{
	position: fixed; right:18px; bottom:18px; z-index:60;
	width:56px; height:56px; border-radius:50%;
	background:#25D366; display:flex; align-items:center; justify-content:center;
	box-shadow:0 4px 14px rgba(0,0,0,.25);
	text-decoration:none;
}
body.single-she_product .scp-whatsapp-btn{ bottom:96px; }

/* Footer */
.scp-site-footer{
	background: linear-gradient(180deg, #0D5A00, #0A4A00);
	margin-top: 0;
	padding: 32px 20px calc(90px + env(safe-area-inset-bottom));
	text-align:center;
}
.scp-footer-inner{ max-width:560px; margin:0 auto; }
.scp-footer-brand{ margin:0 0 2px; font-family:'Poppins',sans-serif; font-weight:700; font-size:17px; color:#fff; letter-spacing:.05em; text-transform:uppercase; }
.scp-footer-tag{ margin:0 0 16px; font-size:12px; color:rgba(255,255,255,.65); }
.scp-footer-links{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:8px; margin-bottom:16px; }
.scp-footer-links a{ color:rgba(255,255,255,.85); font-size:12px; font-weight:500; text-decoration:none; padding:4px 2px; transition: color .15s ease; }
.scp-footer-links a:hover{ color:#fff; text-decoration:underline; }
.scp-footer-sep{ color:rgba(255,255,255,.35); font-size:12px; }
.scp-footer-copy{ margin:0; font-size:11px; color:rgba(255,255,255,.5); }

/* ---------- 404 page ---------- */
.scp-404{ text-align:center; padding:80px 24px; }
.scp-404-emoji{ font-size:48px; display:block; margin-bottom:16px; }
.scp-404 h1{ font-family:'Poppins',sans-serif; color:var(--scp-primary); font-size:24px; margin:0 0 10px; }
.scp-404 p{ color:var(--scp-text-muted); margin:0 0 24px; }
.scp-404-btn{ max-width:260px; margin:0 auto 16px; }
.scp-404-link{ display:block; color:var(--scp-buy-green); font-size:13px; font-weight:600; text-decoration:none; }

/* ---------- Responsive: scale up nicely on tablets/desktop ---------- */
@media (min-width: 640px){
	.scp-headline{ font-size:32px; }
	.scp-gallery-grid{ grid-template-columns:repeat(3,1fr); }
	.scp-product-grid{ grid-template-columns:repeat(3,1fr); max-width:900px; margin:0 auto; }
}
@media (min-width: 431px){
	.scp-sticky-cta{ left:50%; }
}
