:root{
--bg:#ffffff;
--bg-soft:#fdf8f7;
--bg-soft-2:#fbf1ee;
--pink:#c9536c;
--pink-dark:#a83f56;
--pink-light:#f3d9de;
--gold:#b8933f;
--ink:#3a2b2f;
--ink-soft:#7d6a6d;
--line:#ecdfe0;
--shadow: 0 10px 30px rgba(168,63,86,0.09);
}
*{box-sizing:border-box;}
body{
margin:0;
font-family:'Mukta',sans-serif;
color:var(--ink);
background:var(--bg);
-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
.wrap{max-width:720px;margin:0 auto;padding:0 18px;}
h1,h2,h3{font-family:'Mukta',sans-serif;font-weight:800;margin:0 0 12px;line-height:1.3;}
p{line-height:2.05;margin:0 0 18px;font-size:18px;color:var(--ink);letter-spacing:.01em;}
.eyebrow{
display:inline-block;font-family:'Poppins',sans-serif;font-size:11.5px;letter-spacing:.14em;
text-transform:uppercase;color:var(--pink-dark);font-weight:600;margin-bottom:8px;
}

/* ---- top black bar ---- */
.topbar{background:#1a1a1a;color:#fff;font-family:'Mukta',sans-serif;}
.topbar-inner{
display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:10px 18px;
max-width:960px;margin:0 auto;
}
.topbar-tag{
background:#e02424;color:#fff;font-weight:700;font-size:12.5px;padding:4px 10px;border-radius:2px;
}
.topbar-mid{font-size:13px;color:#f2f2f2;}
.topbar-right{margin-right:0;margin-left:auto;font-size:12.5px;color:#e6e6e6;}

/* ---- masthead (white title block) ---- */
.masthead{background:#ffffff;padding:26px 18px 20px;text-align:center;}
.masthead h1{font-size:34px;font-weight:800;color:#1a1a1a;margin:0 0 10px;}
.masthead h1 .accent{color:#1f8a3d;}
.masthead .sub{color:#5a6b7a;font-size:15px;font-family:'Mukta',sans-serif;}

/* ---- nav bar ---- */
.navbar{background:#1a1a1a;border-top:2px solid #1f8a3d;}
.navbar-inner{
display:flex;align-items:center;flex-wrap:wrap;gap:8px 22px;padding:12px 18px;
max-width:960px;margin:0 auto;
}
.nav-item{color:#e6e6e6;font-size:13.5px;font-weight:600;font-family:'Mukta',sans-serif;white-space:nowrap;}
.nav-item.active{
background:#2f8f3f;color:#fff;padding:7px 16px;border-radius:20px;
}

/* ---- sub info bar ---- */
.subbar{background:#eef1ef;border-bottom:1px solid var(--line);}
.subbar-inner{
display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 14px;
padding:9px 18px;max-width:960px;margin:0 auto;font-size:12.5px;color:#3a3a3a;font-family:'Mukta',sans-serif;
}
.readcount{color:#3a3a3a;}
.readcount .dot{color:#d84c4c;}

section{padding:34px 0;}
.story h2{
font-size:24px;color:#fff;background:linear-gradient(120deg,var(--pink),var(--pink-dark));
display:block;padding:14px 18px;border-radius:12px;box-shadow:var(--shadow);
text-align:center;line-height:1.35;
}
.story .lede{font-size:19px;font-weight:500;}
figure{margin:22px 0;}
figure img{border-radius:14px;box-shadow:var(--shadow);}
figcaption{font-size:12.5px;color:var(--ink-soft);text-align:center;margin-top:8px;font-family:'Poppins',sans-serif;}

.pretitle{
font-size:22px;color:var(--ink);background:none;box-shadow:none;padding:0;
text-align:center;font-weight:800;line-height:1.4;margin-bottom:16px;
}
/* .name-accent{color:var(--pink-dark);} */
.product-caption{
font-family:'Mukta',sans-serif;font-weight:700;font-size:14.5px;color:var(--gold);
background:var(--bg-soft-2);display:inline-block;padding:6px 14px;border-radius:20px;
margin-top:10px;width:100%;box-sizing:border-box;text-align:center;
}

.callout{
background:var(--bg-soft-2);border-right:4px solid var(--gold);border-radius:10px;
padding:16px 18px;margin:20px 0;
}
.callout p{margin:0;font-weight:600;color:var(--pink-dark);}

.divider{
text-align:center;font-size:22px;color:var(--pink-light);margin:26px 0;letter-spacing:12px;
}

/* ---- benefits checklist ---- */
.benefits-heading{
text-align:center;font-size:19px;font-weight:700;color:var(--ink);margin:0 0 6px;line-height:1.5;
}
.benefits-subheading{
text-align:center;font-size:22px;font-weight:800;color:#fff;background:linear-gradient(120deg,var(--pink),var(--pink-dark));
padding:14px 16px;border-radius:12px;margin:18px 0;box-shadow:var(--shadow);line-height:1.4;
}
.checklist{list-style:none;margin:20px 0;padding:0;}
.checklist li{
display:flex;align-items:flex-start;gap:12px;padding:14px 6px;border-bottom:1px solid var(--line);font-size:17px;
}
.checklist li:last-child{border-bottom:none;}
.checklist .tick{
flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#2f8f3f;color:#fff;
display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;
}

/* ---- full-bleed image gallery ---- */
.gallery-full{margin:0 -18px;}
.gallery-full img{border-radius:0;box-shadow:none;display:block;width:100%;margin-bottom:3px;}

/* ---- how to use ---- */
.howto-box{
background:var(--bg-soft-2);border-radius:16px;padding:20px 18px;margin:22px 0;
}
.howto-box p{margin-bottom:14px;}
.howto-box img{border-radius:10px;margin-top:6px;}

.cta-btn{
display:block;width:100%;text-align:center;background:linear-gradient(180deg,var(--pink),var(--pink-dark));
color:#fff !important;font-family:'Poppins',sans-serif;font-weight:600;font-size:16.5px;
padding:16px 20px;border-radius:50px;text-decoration:none;border:none;cursor:pointer;
box-shadow:0 10px 24px rgba(168,63,86,0.28);
}
.cta-wrap{margin:24px 0;}
.cta-note{text-align:center;font-size:12.5px;color:var(--ink-soft);margin-top:8px;font-family:'Poppins',sans-serif;}

/* result badge */
.badge-row{display:flex;align-items:center;justify-content:center;gap:10px;margin:22px 0;}
.badge-row .pct{
font-family:'Poppins',sans-serif;font-weight:700;color:var(--pink-dark);font-size:15px;
background:var(--pink-light);padding:8px 16px;border-radius:30px;
}

/* ---- testimonial story cards ---- */
.quote-card{
background:var(--bg-soft);border:1px solid var(--line);border-radius:16px;overflow:hidden;
margin:20px 0;box-shadow:var(--shadow);
}
.quote-card img{border-radius:0;}
.quote-card .qtext{padding:16px 18px 18px;}
.quote-card .name{
font-family:'Poppins',sans-serif;font-weight:600;color:var(--pink-dark);font-size:13.5px;margin-bottom:6px;
}
.quote-card p{font-style:italic;font-size:17.5px;margin:0;line-height:1.85;}

/* ---- offer section ---- */
.offer{background:var(--bg-soft-2);}
.offer h2{
color:#fff;font-size:25px;text-align:center;background:linear-gradient(120deg,var(--pink),var(--pink-dark));
padding:14px 16px;border-radius:12px;box-shadow:var(--shadow);line-height:1.4;
}
.offer .discount{
text-align:center;font-family:'Poppins',sans-serif;font-weight:700;color:#fff;background:var(--pink);
display:inline-block;padding:6px 18px;border-radius:30px;font-size:14px;margin:0 auto 16px;
}
.offer-center{text-align:center;}
.offer p{text-align:center;}
.offer-date{
font-family:'Poppins',sans-serif;font-weight:700;color:#fff;text-align:center;font-size:15.5px;
background:var(--gold);display:inline-block;padding:8px 18px;border-radius:30px;width:auto;
}
.offer-date-wrap{text-align:center;}

.product-shot{max-width:380px;margin:22px auto;}
.product-shot img{border-radius:18px;box-shadow:var(--shadow);}

.timer-box{
background:#fff;border:2px dashed var(--pink);border-radius:14px;text-align:center;
padding:16px;max-width:300px;margin:22px auto;
}
.timer-box .lbl{font-family:'Poppins',sans-serif;font-size:13.5px;color:var(--pink-dark);font-weight:600;margin-bottom:8px;}
.timer-box .clock{
font-family:'Poppins',sans-serif;font-size:32px;font-weight:700;color:var(--ink);letter-spacing:2px;
}

.price-box{text-align:center;margin:18px 0 26px;}
.price-box .old{
font-family:'Poppins',sans-serif;color:var(--ink-soft);text-decoration:line-through;font-size:16px;margin-left:8px;
}
.price-box .now{
font-family:'Poppins',sans-serif;color:var(--pink-dark);font-weight:800;font-size:38px;
}
.price-box .cur{font-size:22px;vertical-align:top;}

/* ---- order form ---- */
.order-card{
background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 22px;
box-shadow:var(--shadow);max-width:460px;margin:0 auto;
}
.order-card h3{text-align:center;color:var(--pink-dark);font-size:19px;}
.field{margin-bottom:14px;}
.field label{
display:block;font-family:'Poppins',sans-serif;font-size:12.5px;color:var(--ink-soft);margin-bottom:6px;font-weight:600;
}
.field input, .field textarea{
width:100%;padding:13px 14px;border:1.5px solid var(--line);border-radius:10px;
font-family:'Mukta',sans-serif;font-size:15.5px;background:var(--bg-soft);color:var(--ink);
}
.field input:focus, .field textarea:focus{outline:none;border-color:var(--pink);background:#fff;}
.order-note{
text-align:center;font-size:13.5px;color:var(--ink-soft);margin-top:14px;line-height:1.7;
}
.free-delivery{
display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px;
font-family:'Poppins',sans-serif;font-weight:700;color:var(--gold);font-size:13.5px;
}
.success-msg{display:none;text-align:center;padding:14px;background:#eaf6ec;border-radius:10px;color:#2f7a3d;font-weight:600;margin-top:14px;font-family:'Poppins',sans-serif;font-size:14px;}

/* ---- reviews ---- */
.reviews{background:var(--bg-soft);}
.reviews h2{
text-align:center;color:#fff;font-size:24px;background:linear-gradient(120deg,var(--pink),var(--pink-dark));
padding:14px 16px;border-radius:12px;box-shadow:var(--shadow);
}
.review-card{
background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:14px 0;
}
.stars{color:#e8a53d;font-size:15px;margin-bottom:6px;letter-spacing:2px;}
.review-card .who{
font-family:'Poppins',sans-serif;font-weight:600;font-size:12.5px;color:var(--pink-dark);margin-top:8px;
}
.review-card p{font-size:16.5px;margin:0;line-height:1.8;}
.review-photo{width:100%;border-radius:10px;margin-bottom:12px;display:block;}

footer{
background:var(--ink);color:#e9dcdf;padding:28px 18px;text-align:center;font-family:'Poppins',sans-serif;font-size:12px;
}
footer .brand{color:#fff;font-weight:700;font-size:14px;margin-bottom:6px;}

/* sticky mobile CTA */
.sticky-cta{
position:fixed;left:0;right:0;bottom:0;background:#fff;border-top:1px solid var(--line);
padding:10px 16px;box-shadow:0 -6px 20px rgba(0,0,0,0.08);z-index:999;
}
.sticky-cta .row{display:flex;align-items:center;gap:12px;max-width:720px;margin:0 auto;}
.sticky-cta .p{font-family:'Poppins',sans-serif;font-weight:700;color:var(--pink-dark);font-size:16px;white-space:nowrap;}
.sticky-cta a{
flex:1;text-align:center;background:var(--pink-dark);color:#fff;text-decoration:none;
font-family:'Poppins',sans-serif;font-weight:600;padding:12px 10px;border-radius:40px;font-size:14.5px;
}
body{padding-bottom:70px;}

@media(min-width:560px){
.masthead h1{font-size:30px;}
.price-box .now{font-size:44px;}
}