:root{
--bg:#FDFCF9;--bg-warm:#F5F0E8;--bg-dark:#1A1915;--bg-card:#FFF;
--text:#1C1B18;--text-body:#3D3B35;--text-soft:#6B6860;--text-muted:#9A978E;--text-on-dark:#F5F0E8;
--red:#B83220;--red-deep:#8B1A0E;--red-bg:#FDF0ED;
--green:#1B7A4A;--green-deep:#0F5C34;--green-bg:#E9F7F0;
--gold:#A67B1A;--gold-bg:#FEF8E8;
--blue:#1A5C8A;--blue-bg:#E8F2FA;
--accent:#B83220;--accent-hover:#9A2818;
--border:rgba(28,27,24,0.1);--border-s:rgba(28,27,24,0.18);
--sh-sm:0 1px 3px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.06);
--sh-md:0 4px 12px rgba(0,0,0,0.06),0 2px 4px rgba(0,0,0,0.04);
--sh-lg:0 12px 40px rgba(0,0,0,0.08),0 4px 12px rgba(0,0,0,0.04);
--r:10px;--rl:16px;--rxl:24px;
--fd:'Playfair Display',Georgia,serif;
--fb:'Source Sans 3',-apple-system,BlinkMacSystemFont,sans-serif;
--mw:1080px;--gap:clamp(4rem,9vw,7rem)
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--fb);background:var(--bg);color:var(--text-body);line-height:1.75;font-size:17px;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
.wrap{max-width:var(--mw);margin:0 auto;padding:0 clamp(1.25rem,5vw,2.5rem)}
.wrap-n{max-width:780px;margin:0 auto;padding:0 clamp(1.25rem,5vw,2.5rem)}
h1,h2,h3,h4{font-family:var(--fd);color:var(--text);line-height:1.25}
h1{font-size:clamp(2rem,5vw,3.2rem);font-weight:800}
h2{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700}
h3{font-size:clamp(1.2rem,3vw,1.5rem);font-weight:700}
a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}
.section{padding:var(--gap) 0}
.tc{text-align:center}
.eyebrow{font-size:13px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;margin-bottom:0.75rem;display:block}
.ic{display:inline-flex;align-items:center;gap:8px}
.check{width:16px;height:16px;flex-shrink:0}

/* ===== NAV ===== */
.btn:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 28px rgba(184,50,32,0.35);color:#fff}
.btn-lg{padding:20px 44px;font-size:19px;border-radius:var(--rl)}
.btn-ghost{background:transparent;color:var(--accent);border:2px solid var(--accent);box-shadow:none}
.btn-ghost:hover{background:var(--red-bg);color:var(--accent)}
.btn-sub{display:block;font-size:13px;font-weight:400;opacity:.85;margin-top:2px}
.arrow-r{width:18px;height:18px}

/* ===== HERO ===== */
.hero{padding:clamp(3rem,8vw,5rem) 0 var(--gap);position:relative}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--green-bg);color:var(--green-deep);font-size:13px;font-weight:700;padding:6px 14px;border-radius:100px;margin-bottom:1.25rem}
.hero h1{margin-bottom:1.25rem}
.hero h1 em{font-style:italic;color:var(--accent)}
.hero-sub{font-size:clamp(1.05rem,2.5vw,1.2rem);color:var(--text-body);margin-bottom:2rem;max-width:520px}
.hero-ctas{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;margin-bottom:2rem}
.hero-micro{display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap;font-size:14px;color:var(--text-soft)}
.hero-mi{display:flex;align-items:center;gap:6px}
.hero-mi svg{color:var(--green);flex-shrink:0}

.hero-visual{position:relative}
.hero-img{aspect-ratio:4/3;background:var(--bg-warm);border-radius:var(--rxl);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-muted);border:1px dashed var(--border-s);overflow:hidden;position:relative}
.hero-img .ph{text-align:center;padding:2rem;z-index:1}
.hero-float{position:absolute;background:var(--bg-card);border-radius:var(--r);padding:12px 16px;box-shadow:var(--sh-lg);font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;animation:fl 3s ease-in-out infinite;z-index:2}
.hf1{bottom:16px;left:-16px;animation-delay:0s}
.hf2{top:16px;right:-16px;animation-delay:1.5s}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.hero-float .em{font-size:20px;line-height:1}

@media(max-width:768px){
 .hero-grid{grid-template-columns:1fr}
 .hero-visual{order:-1}
 .hero-float{display:none}
}

/* ===== PAIN ===== */
.pain{background:var(--bg-dark);color:var(--text-on-dark);padding:var(--gap) 0;position:relative;overflow:hidden}
.pain::before{content:'';position:absolute;top:-120px;right:-120px;width:400px;height:400px;background:radial-gradient(circle,rgba(184,50,32,0.08) 0%,transparent 70%);pointer-events:none}
.pain h2{color:#fff;text-align:center;margin-bottom:0.5rem}
.pain-sub{text-align:center;color:rgba(255,255,255,0.6);font-size:1.05rem;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}
.pain-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}
.pain-card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.08);border-radius:var(--rl);padding:1.75rem;transition:background .3s}
.pain-card:hover{background:rgba(255,255,255,0.08)}
.pain-card-ic{font-size:28px;margin-bottom:1rem;line-height:1}
.pain-card h3{color:#fff;font-size:1.15rem;margin-bottom:0.5rem}
.pain-card p{color:rgba(255,255,255,0.6);font-size:15px;line-height:1.7}
.warn-banner{background:rgba(184,50,32,0.1);border:1px solid rgba(184,50,32,0.2);border-radius:var(--r);padding:1.25rem 1.5rem;margin-top:2.5rem;display:flex;align-items:flex-start;gap:12px;font-size:15px;color:rgba(255,255,255,0.85);max-width:780px;margin-left:auto;margin-right:auto}
.warn-banner svg{flex-shrink:0;margin-top:2px;color:#E8755A}

/* ===== ANCHOR ===== */
.anchor{padding:var(--gap) 0}
.anchor-box{background:var(--bg-card);border-radius:var(--rxl);box-shadow:var(--sh-md);overflow:hidden;border:1px solid var(--border)}
.anchor-grid{display:grid;grid-template-columns:1fr 1fr}
.anchor-col{padding:clamp(2rem,5vw,3rem)}
.anchor-old{background:#FDF5F4;border-right:1px solid var(--border);position:relative}
.anchor-old::after{content:'VS';position:absolute;right:-22px;top:50%;transform:translateY(-50%);background:var(--bg-card);border:2px solid var(--border-s);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:13px;color:var(--text-soft);z-index:2}
.anchor-new{background:#F2FAF5}
.anchor-price{font-family:var(--fd);font-weight:800;line-height:1;margin:1rem 0}
.anchor-price-old{font-size:clamp(2.5rem,6vw,3.5rem);color:var(--red);text-decoration:line-through;text-decoration-thickness:3px}
.anchor-price-new{font-size:clamp(2.5rem,6vw,3.5rem);color:var(--green)}
.anchor-label{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:0.05em}
.anchor-items{list-style:none;margin-top:1.5rem;font-size:15px}
.anchor-items li{padding:6px 0;display:flex;align-items:flex-start;gap:8px}
.anchor-items li svg{flex-shrink:0;margin-top:3px}
@media(max-width:640px){
 .anchor-grid{grid-template-columns:1fr}
 .anchor-old::after{right:50%;transform:translateX(50%);top:auto;bottom:-22px}
 .anchor-old{border-right:none;border-bottom:1px solid var(--border)}
}

/* ===== STEPS ===== */
.steps{padding:var(--gap) 0;background:var(--bg-warm)}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}
.step-card{text-align:center;position:relative}
.step-num{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--fd);font-size:24px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem}
.step-card h3{margin-bottom:0.5rem}
.step-card p{color:var(--text-soft);font-size:15px;max-width:300px;margin:0 auto}
.step-conn{position:absolute;top:28px;left:calc(50% + 36px);width:calc(100% - 72px);height:2px;border-top:2px dashed var(--border-s)}
.step-card:last-child .step-conn{display:none}
@media(max-width:640px){.steps-grid{grid-template-columns:1fr;gap:2.5rem}.step-conn{display:none}}

/* ===== PROOF ===== */
.proof{padding:var(--gap) 0}
.proof-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}
.proof-stat{text-align:center;padding:1.5rem}
.proof-stat-num{font-family:var(--fd);font-size:clamp(2rem,5vw,3rem);font-weight:800;color:var(--text);line-height:1;margin-bottom:0.25rem}
.proof-stat-label{font-size:15px;color:var(--text-soft)}
.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}
.testi{background:var(--bg-card);border-radius:var(--rl);padding:2rem;box-shadow:var(--sh-sm);border:1px solid var(--border);position:relative}
.testi-badge{position:absolute;top:16px;right:16px;background:var(--green-bg);color:var(--green);font-size:11px;font-weight:700;padding:3px 10px;border-radius:100px}
.testi-stars{color:#E8A520;font-size:14px;letter-spacing:2px;margin-bottom:0.75rem}
.testi-q{font-size:1rem;line-height:1.8;color:var(--text-body);margin-bottom:1.25rem;font-style:italic}
.testi-q::before{content:'\201E';font-family:var(--fd);font-size:3rem;color:var(--accent);opacity:.3;line-height:0;position:relative;top:14px;margin-right:4px}
.testi-name{font-weight:700;font-size:15px;color:var(--text)}
.testi-meta{font-size:13px;color:var(--text-muted)}
@media(max-width:640px){.proof-stats{grid-template-columns:1fr}}

/* ===== STORY ===== */
.story{padding:var(--gap) 0;background:var(--bg-warm)}
.story-box{max-width:780px;margin:0 auto}
.story-open{font-family:var(--fd);font-size:clamp(1.3rem,3vw,1.7rem);font-weight:500;font-style:italic;line-height:1.6;color:var(--text);margin-bottom:2rem;text-align:center}
.story-body{font-size:1.05rem;line-height:1.9;color:var(--text-body)}
.story-body p{margin-bottom:1.25rem}
.story-body strong{color:var(--text);font-weight:700}
.story-sig{margin-top:2rem;font-family:var(--fd);font-size:1.4rem;font-style:italic;color:var(--text)}
.story-sig-role{font-family:var(--fb);font-style:normal;font-size:14px;color:var(--text-soft)}

/* ===== TRUST ===== */
.trust{padding:var(--gap) 0}
.trust-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;margin-top:2.5rem}
.trust-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--rl);padding:1.75rem;text-align:center}
.trust-ic{width:48px;height:48px;margin:0 auto 1rem;border-radius:12px;display:flex;align-items:center;justify-content:center}
.trust-card h3{font-size:1.05rem;margin-bottom:0.5rem}
.trust-card p{font-size:14px;color:var(--text-soft);line-height:1.65}

/* ===== PRODUCTS ===== */
.products{padding:var(--gap) 0;background:var(--bg-warm)}
.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem;margin-top:3rem}
.prod{background:var(--bg-card);border-radius:var(--rxl);padding:2rem;box-shadow:var(--sh-sm);border:1px solid var(--border);display:flex;flex-direction:column;position:relative;transition:box-shadow .3s,transform .3s}
.prod:hover{box-shadow:var(--sh-lg);transform:translateY(-4px)}
.prod.feat{border:2px solid var(--accent);box-shadow:var(--sh-md)}
.prod-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:12px;font-weight:800;padding:5px 18px;border-radius:100px;text-transform:uppercase;letter-spacing:0.05em;white-space:nowrap}
.prod-name{font-family:var(--fd);font-size:1.4rem;font-weight:700;margin-bottom:0.5rem}
.prod-desc{font-size:14px;color:var(--text-soft);margin-bottom:1.25rem;flex-grow:1}
.prod-price{font-family:var(--fd);font-size:2rem;font-weight:800;color:var(--text);margin-bottom:0.25rem}
.prod-per{font-size:13px;color:var(--text-muted);margin-bottom:1.25rem}
.prod-feat{list-style:none;margin-bottom:1.5rem;font-size:14px}
.prod-feat li{padding:5px 0;display:flex;align-items:flex-start;gap:8px}
.prod-feat li svg{flex-shrink:0;color:var(--green);margin-top:2px}
.prod-btn{width:100%;text-align:center}

/* ===== FAQ ===== */
.faq{padding:var(--gap) 0}
.faq-list{max-width:780px;margin:2.5rem auto 0}
.faq-item{border-bottom:1px solid var(--border)}
.faq-q{width:100%;background:none;border:none;padding:1.25rem 0;font-family:var(--fb);font-size:1.05rem;font-weight:700;color:var(--text);text-align:left;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.faq-q::after{content:'+';font-size:1.5rem;font-weight:300;color:var(--text-muted);transition:transform .3s;flex-shrink:0}
.faq-item.open .faq-q::after{content:'\2212'}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease,padding .35s ease;font-size:15px;color:var(--text-soft);line-height:1.8}
.faq-item.open .faq-a{max-height:400px;padding-bottom:1.25rem}

/* ===== FINAL CTA ===== */
.final-cta{padding:var(--gap) 0;background:var(--bg-dark);color:#fff;text-align:center;position:relative;overflow:hidden}
.final-cta::before{content:'';position:absolute;bottom:-200px;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(184,50,32,0.12) 0%,transparent 70%);pointer-events:none}
.final-cta h2{color:#fff;margin-bottom:1rem}
.final-cta>div>p{color:rgba(255,255,255,0.7);font-size:1.1rem;margin-bottom:2rem;max-width:580px;margin-left:auto;margin-right:auto}
.guarantee{display:inline-flex;align-items:center;gap:12px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:var(--r);padding:14px 24px;margin-top:2rem;font-size:14px;color:rgba(255,255,255,0.8)}
.guarantee svg{flex-shrink:0;color:#5ABA7A}
.guarantee-g{background:var(--green-bg);border-color:rgba(27,122,74,0.15);color:var(--green-deep)}

/* ===== FOOTER ===== */
.footer{background:var(--bg-dark);color:rgba(255,255,255,0.5);font-size:13px;padding:3rem 0;border-top:1px solid rgba(255,255,255,0.06)}
.footer-in{max-width:var(--mw);margin:0 auto;padding:0 clamp(1.25rem,5vw,2.5rem);display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem}
.footer-brand{font-family:var(--fd);font-size:20px;color:rgba(255,255,255,0.8);margin-bottom:0.75rem}
.footer h4{color:rgba(255,255,255,0.7);font-family:var(--fb);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:0.75rem}
.footer a{color:rgba(255,255,255,0.5)}.footer a:hover{color:rgba(255,255,255,0.8)}
.footer ul{list-style:none}.footer li{padding:3px 0}
.footer-bot{max-width:var(--mw);margin:0 auto;padding:2rem clamp(1.25rem,5vw,2.5rem) 0;border-top:1px solid rgba(255,255,255,0.06);margin-top:2rem;font-size:12px;text-align:center}
@media(max-width:640px){.footer-in{grid-template-columns:1fr;gap:2rem}}

/* ===== STICKY MOBILE CTA ===== */
.rv.vis{opacity:1;transform:translateY(0)}

.cfg-wrap{max-width:720px;margin:0 auto;padding:0 clamp(1.25rem,5vw,2.5rem)}
.cfg-section-title{text-align:center;font-family:var(--fd);font-size:clamp(1.6rem,4vw,2.2rem);margin-bottom:.5rem;color:var(--text)}
.cfg-section-sub{text-align:center;font-size:15px;color:var(--text-soft);margin-bottom:2rem;max-width:520px;margin-left:auto;margin-right:auto}
.cfg-step{animation:cfgFadeIn .4s}
@keyframes cfgFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.cfg-progress{height:4px;background:var(--border);border-radius:4px;margin-bottom:2rem;overflow:hidden}
.cfg-progress-bar{height:100%;background:var(--accent);border-radius:4px;transition:width .4s}
.cfg-title{font-family:var(--fd);font-size:clamp(1.2rem,3vw,1.5rem);text-align:center;margin-bottom:.35rem}
.cfg-sub{text-align:center;font-size:14px;color:var(--text-soft);margin-bottom:1.5rem}
.cfg-btn-cta{display:block;text-align:center;background:var(--accent);color:#fff;padding:18px 32px;border-radius:12px;font-size:17px;font-weight:800;text-decoration:none;margin:1.5rem auto 0;max-width:460px;box-shadow:0 6px 20px rgba(184,50,32,0.25);transition:all .2s}
.cfg-btn-cta:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 8px 24px rgba(184,50,32,0.3);color:#fff}

.cfg-cards{display:flex;flex-direction:column;gap:10px}
.cfg-card{background:#fff;border:2px solid var(--border);border-radius:14px;padding:16px 18px;cursor:pointer;text-align:left;transition:all .2s;display:flex;align-items:center;gap:14px;width:100%}
.cfg-card:hover,.cfg-card:active{border-color:var(--accent);background:#FFF8F6}
.cfg-card-icon{font-size:24px;width:48px;height:48px;background:var(--bg-warm,#F5F0E8);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cfg-card-text{flex:1;min-width:0}
.cfg-card-title{font-weight:700;font-size:16px;color:var(--text);display:block}
.cfg-card-desc{font-size:13px;color:var(--text-muted);line-height:1.5;display:block;margin-top:2px}
.cfg-duo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cfg-bigbtn{background:#fff;border:2px solid var(--border);border-radius:14px;padding:28px 16px;cursor:pointer;text-align:center;font-size:17px;font-weight:700;color:var(--text);transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:6px}
.cfg-bigbtn:hover,.cfg-bigbtn:active{border-color:var(--accent);background:#FFF8F6}
.cfg-bigbtn-label{font-size:17px;font-weight:700}
.cfg-bigbtn-sub{font-size:12px;color:var(--text-muted);font-weight:400}
.cfg-counter{text-align:center;font-size:13px;font-weight:700;color:var(--accent);background:#FFF0ED;display:inline-block;padding:6px 16px;border-radius:20px;margin:0 auto 16px;display:block;width:fit-content;margin-left:auto;margin-right:auto}
.cfg-collected{margin-top:18px;background:#F5F0E8;border-radius:12px;padding:14px 18px;font-size:14px}
.cfg-collected-item{padding:3px 0;color:var(--text-body)}
.cfg-nav{display:flex;justify-content:center;gap:12px;margin-top:1.5rem;flex-wrap:wrap}
.cfg-btn-back{background:none;border:2px solid var(--border);color:var(--text-soft);padding:12px 22px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}
.cfg-btn-back:hover{border-color:var(--text-soft)}
.cfg-btn-next{background:var(--accent);color:#fff;border:none;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px rgba(184,50,32,0.2)}
.cfg-btn-next:hover{background:var(--accent-hover);transform:translateY(-1px)}
.cfg-questions{display:flex;flex-direction:column;gap:12px}
.cfg-question{background:#fff;border-radius:12px;padding:16px 18px;border:1px solid var(--border)}
.cfg-question p{margin:0 0 10px;font-size:14px;line-height:1.5}
.cfg-qopts{display:flex;gap:8px;flex-wrap:wrap}
.cfg-qbtn{background:#F5F2EE;border:2px solid transparent;border-radius:8px;padding:10px 16px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;color:var(--text)}
.cfg-qbtn:hover{border-color:var(--accent)}
.cfg-qbtn--yes{border-color:var(--accent);background:#FFF5F3;color:var(--accent)}
.cfg-qbtn--no{border-color:#C62828;color:#C62828;background:#FFF0F0}
.cfg-warn{background:#FFF0F0;color:#C62828;font-size:13px;padding:10px 14px;border-radius:8px;margin-top:10px;line-height:1.5}
.cfg-result-box{background:#fff;border-radius:12px;padding:16px 20px;border:1px solid var(--border);margin-bottom:1rem;font-size:14px;line-height:1.8}
.cfg-result-product{background:#fff;border-radius:16px;padding:24px;border:2px solid var(--accent);position:relative;margin-bottom:1rem}
.cfg-result-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;font-size:12px;font-weight:700;padding:4px 16px;border-radius:20px;white-space:nowrap}
.cfg-result-pname{text-align:center;font-family:var(--fd);font-size:1.4rem;margin:12px 0 4px}
.cfg-result-price{text-align:center;font-size:1.8rem;font-weight:800;color:var(--accent);margin-bottom:8px}
.cfg-upsell{background:#FFFBE6;border:1px solid #F5E6A3;border-radius:12px;padding:16px 20px;margin-bottom:1rem;font-size:13px;line-height:1.6;text-align:center}


/* === FLOATING CART === */
.fcart{position:fixed;bottom:24px;right:24px;z-index:95;display:none}
.fcart.has-items{display:block}
.fcart-btn{width:60px;height:60px;border-radius:50%;background:#B83220;color:#fff;border:none;cursor:pointer;box-shadow:0 8px 24px rgba(184,50,32,0.35);display:flex;align-items:center;justify-content:center;transition:all .25s;position:relative}
.fcart-btn:hover{transform:scale(1.08);box-shadow:0 12px 32px rgba(184,50,32,0.4)}
.fcart-badge{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;border-radius:50%;background:#1B7A4A;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px}
.fcart-dropdown{position:absolute;bottom:70px;right:0;width:340px;background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,0.12),0 4px 12px rgba(0,0,0,0.06);border:1px solid rgba(0,0,0,0.08);padding:1.25rem;display:none;max-height:400px;overflow-y:auto}
.fcart.open .fcart-dropdown{display:block}
.fcart-item{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid rgba(0,0,0,0.06);font-size:14px}
.fcart-item:last-of-type{border-bottom:none}
.fcart-total{font-weight:800;font-size:16px;margin-top:8px;padding-top:10px;border-top:2px solid rgba(0,0,0,0.08);display:flex;justify-content:space-between}
.fcart-checkout{display:block;width:100%;margin-top:12px;background:#B83220;color:#fff;border:none;padding:14px;border-radius:10px;font-weight:700;font-size:15px;cursor:pointer;text-align:center;text-decoration:none;transition:background .2s}
.fcart-checkout:hover{background:#9A2818;color:#fff}

/* === SK HEADER/NAV/FOOTER (from main.css) === */
.header,.hdr{position:static;z-index:100;background:#fff}
.hdr-top{display:flex;align-items:center;justify-content:space-between;max-width:var(--mw);margin:0 auto;padding:16px clamp(16px,3vw,32px)}
.hdr-right{display:flex;align-items:center;gap:16px}
.hdr-phone{display:none;font-size:14px;font-weight:600;color:var(--text-soft);text-decoration:none;white-space:nowrap}
.hdr-phone:hover{color:var(--accent)}
@media(min-width:900px){.hdr-phone{display:flex;align-items:center;gap:6px}}
.hdr-cta{display:none;padding:10px 22px;background:var(--accent);color:#fff;border-radius:10px;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .2s}
.hdr-cta:hover{background:var(--accent-hover);color:#fff}
@media(min-width:900px){.hdr-cta{display:inline-flex}}
.logo a{display:flex;align-items:center}
.logo img{height:56px}
@media(min-width:768px){.logo img{height:72px}}
@media(min-width:1024px){.logo img{height:88px}}
.hdr-nav{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg)}
.nav-list{display:none;list-style:none;gap:0;font-size:14px;font-weight:600;margin:0;padding:0;align-items:center;max-width:var(--mw);margin:0 auto}
@media(min-width:900px){.nav-list{display:flex}}
.nav-list li{list-style:none}
.nav-list a{color:var(--text-soft);transition:all .15s;text-decoration:none;padding:14px clamp(12px,1.5vw,20px);display:block;white-space:nowrap;font-size:14px;border-bottom:2px solid transparent}
.nav-list a:hover{color:var(--accent);border-bottom-color:var(--accent)}
@media(min-width:1200px){.nav-list a{font-size:15px;padding:14px clamp(14px,1.8vw,22px)}}
.nav-cta-mobile{display:none}
.nav-list.open .nav-cta-mobile{display:block}
.nav-account{color:var(--text-soft);text-decoration:none;display:flex;align-items:center;padding:8px;border-radius:8px;transition:color .2s}
.nav-account:hover{color:var(--accent)}
@media(max-width:768px){.nav-account{display:none !important}}
.hamburger{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;-webkit-tap-highlight-color:transparent}
.hamburger span{display:block;width:24px;height:2.5px;background:var(--text);border-radius:2px;transition:all .25s}
.hamburger.open span:nth-child(1){transform:translateY(7.5px) rotate(45deg)}
.hamburger.open span:nth-child(2){opacity:0}
.hamburger.open span:nth-child(3){transform:translateY(-7.5px) rotate(-45deg)}
@media(min-width:900px){.hamburger{display:none}}
.nav-list.open{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(253,252,249,.98);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:200;padding:80px 24px 24px;overflow-y:auto;gap:0}
.nav-list.open li{width:100%;border-bottom:1px solid var(--border)}
.nav-list.open a{padding:16px 0;font-size:17px;font-weight:500;color:var(--text-soft);border-bottom:none}
.nav-list.open a:hover{color:var(--accent)}
.nav-list.open .nav-cta{margin-top:16px;justify-content:center;padding:14px 20px;font-size:15px!important;border-radius:10px;width:100%;text-align:center}
.nav-cta{background:var(--accent)!important;color:#fff!important;padding:8px 16px;border-radius:8px;font-weight:700!important;font-size:13px!important;display:inline-flex;align-items:center;gap:5px;transition:background .2s;white-space:nowrap;flex-shrink:0;border-bottom:none!important}
.nav-cta:hover{background:var(--accent-hover)!important}

/* === SK FOOTER === */
.ftr{background:var(--bg-dark);padding:clamp(2rem,5vw,3rem) clamp(16px,3vw,32px) 1.5rem;color:rgba(255,255,255,.7);font-size:14px}
.ftr-grid{display:grid;grid-template-columns:1fr;gap:32px;max-width:var(--mw);margin:0 auto 32px}
@media(min-width:600px){.ftr-grid{grid-template-columns:1fr 1fr}}
@media(min-width:900px){.ftr-grid{grid-template-columns:2fr 1fr 1fr 1fr}}
.ftr-logo{height:60px;margin-bottom:16px}
@media(min-width:768px){.ftr-logo{height:80px}}
@media(min-width:1024px){.ftr-logo{height:100px}}
.ftr-desc{font-size:13px;line-height:1.6;color:rgba(255,255,255,.5)}
.ftr-h{font-weight:600;color:#fff;margin-bottom:8px}
.ftr a{display:block;padding:3px 0;color:rgba(255,255,255,.6);transition:color .15s;text-decoration:none}
.ftr a:hover{color:#fff}
.ftr-bot{border-top:1px solid rgba(255,255,255,.1);padding-top:16px;text-align:center;font-size:12px;color:rgba(255,255,255,.35);max-width:var(--mw);margin:0 auto}