/* ========================================
   SYNEVRA ULTRALIFT SERUM — styles.css
   Design: Premium Luxury (Black/Gold/White)
   Font: Montserrat + Open Sans
======================================== */

/* === RESET & BASE === */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;}
html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{font-family:'Open Sans',sans-serif;color:#1a1a1a;background:#fff;overflow-x:hidden;line-height:1.7;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;}
h1,h2,h3,h4{font-family:'Montserrat',sans-serif;font-weight:800;line-height:1.2;}

/* === CSS VARIABLES === */
:root{
  --gold:#c8a87e;
  --gold-dark:#a8885e;
  --gold-light:#e8d5b0;
  --black:#0a0a0a;
  --dark:#1a1a1a;
  --white:#ffffff;
  --cream:#fdf9f4;
  --gray:#6b7280;
  --shadow:0 4px 24px rgba(0,0,0,0.10);
  --shadow-lg:0 12px 48px rgba(0,0,0,0.18);
  --radius:16px;
  --radius-sm:8px;
  --transition:0.35s cubic-bezier(.4,0,.2,1);
}

/* === UTILITIES === */
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px;}
.section-pad{padding:80px 0;}
.bg-cream{background:var(--cream);}
.gold-text{color:var(--gold);}
.section-header{text-align:center;margin-bottom:56px;}
.section-header h2{font-size:clamp(24px,4vw,40px);margin:12px 0 16px;}
.section-tag{display:inline-block;background:var(--gold-light);color:var(--gold-dark);font-family:'Montserrat',sans-serif;font-weight:700;font-size:13px;letter-spacing:1.5px;padding:6px 18px;border-radius:50px;margin-bottom:8px;}
.urgent-tag{background:#fff3cd;color:#b45309;}
.section-sub{color:var(--gray);font-size:17px;max-width:600px;margin:0 auto;}

/* === BUTTONS === */
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:700;font-size:16px;padding:16px 36px;border-radius:50px;border:none;cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition);min-height:52px;letter-spacing:0.5px;}
.btn-primary{background:var(--gold);color:var(--black);}
.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,#d4af37 50%,var(--gold) 100%);color:var(--black);box-shadow:0 4px 20px rgba(200,168,126,0.4);}
.btn-dark{background:var(--black);color:var(--gold);}
.btn:hover{transform:scale(1.05);box-shadow:0 8px 32px rgba(200,168,126,0.5);}
.btn:active{transform:scale(0.98);}
.pulse-btn{animation:pulse 2.5s infinite;}
@keyframes pulse{0%,100%{box-shadow:0 4px 20px rgba(200,168,126,0.4);}50%{box-shadow:0 4px 40px rgba(200,168,126,0.8);}}

/* === NAVBAR === */
.navbar{position:fixed;top:0;left:0;right:0;z-index:999;background:rgba(10,10,10,0.97);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(200,168,126,0.2);transition:box-shadow 0.3s;}
.navbar.scrolled{box-shadow:0 4px 24px rgba(0,0,0,0.4);}
.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;height:72px;}
.brand-logo{display:flex;align-items:center;gap:10px;}
.logo-img{width:38px;height:38px;object-fit:contain;border-radius:8px;}
.brand-name{font-family:'Montserrat',sans-serif;font-weight:900;font-size:20px;color:var(--white);letter-spacing:-0.5px;}
.brand-name span{color:var(--gold);}
.desktop-nav{display:flex;gap:32px;}
.desktop-nav a{font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;color:rgba(255,255,255,0.85);letter-spacing:0.5px;transition:color 0.2s;}
.desktop-nav a:hover{color:var(--gold);}
.nav-cta{padding:12px 28px;font-size:14px;}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px;}
.hamburger span{display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:all 0.3s;}
.mobile-menu{display:none;flex-direction:column;gap:0;background:rgba(10,10,10,0.98);padding:0;border-top:1px solid rgba(200,168,126,0.15);overflow:hidden;max-height:0;transition:max-height 0.4s cubic-bezier(.4,0,.2,1);}
.mobile-menu.open{max-height:400px;}
.mob-link{display:block;padding:18px 24px;font-family:'Montserrat',sans-serif;font-weight:600;font-size:15px;color:rgba(255,255,255,0.85);border-bottom:1px solid rgba(255,255,255,0.07);transition:background 0.2s,color 0.2s;}
.mob-link:hover{background:rgba(200,168,126,0.1);color:var(--gold);}
.mob-cta{margin:16px 20px 20px;border-radius:50px;text-align:center;}

/* === HERO === */
.hero{padding:140px 0 80px;background:var(--black);position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;}
.hero-bg-anim{position:absolute;inset:0;pointer-events:none;}
.orb{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.18;}
.orb1{width:500px;height:500px;background:radial-gradient(circle,#c8a87e,transparent);top:-100px;right:-100px;animation:orbFloat1 8s ease-in-out infinite;}
.orb2{width:350px;height:350px;background:radial-gradient(circle,#d4af37,transparent);bottom:-80px;left:-80px;animation:orbFloat2 10s ease-in-out infinite;}
.orb3{width:250px;height:250px;background:radial-gradient(circle,#fff,transparent);top:50%;left:50%;animation:orbFloat3 12s ease-in-out infinite;}
@keyframes orbFloat1{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(-30px,30px) scale(1.1);}}
@keyframes orbFloat2{0%,100%{transform:translate(0,0) scale(1);}50%{transform:translate(40px,-20px) scale(1.08);}}
@keyframes orbFloat3{0%,100%{transform:translate(-50%,-50%) scale(1);}50%{transform:translate(-50%,-50%) scale(1.15);}}
.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.hero-image-wrap{position:relative;display:flex;justify-content:center;}
.hero-glow-ring{position:absolute;width:380px;height:380px;border-radius:50%;background:radial-gradient(circle,rgba(200,168,126,0.25),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:glowPulse 3s ease-in-out infinite;}
@keyframes glowPulse{0%,100%{opacity:0.6;transform:translate(-50%,-50%) scale(1);}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1);}}
.hero-product-img{width:100%;max-width:420px;margin:0 auto;position:relative;z-index:2;animation:heroFloat 6s ease-in-out infinite;filter:drop-shadow(0 20px 60px rgba(200,168,126,0.5));}
@keyframes heroFloat{0%,100%{transform:translateY(0px) rotate(0deg);}33%{transform:translateY(-16px) rotate(1deg);}66%{transform:translateY(-8px) rotate(-0.5deg);}}
.hero-badge{position:absolute;z-index:3;background:rgba(200,168,126,0.95);color:var(--black);font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;padding:8px 16px;border-radius:50px;white-space:nowrap;}
.hero-badge{top:20%;right:-10px;}
.hero-badge-star{position:absolute;z-index:3;background:rgba(255,255,255,0.95);color:var(--dark);font-family:'Montserrat',sans-serif;font-weight:700;font-size:12px;padding:8px 16px;border-radius:50px;bottom:25%;left:-10px;}
.floating{animation:badgeFloat 4s ease-in-out infinite;}
.floating2{animation:badgeFloat2 5s ease-in-out infinite;}
@keyframes badgeFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
@keyframes badgeFloat2{0%,100%{transform:translateY(0);}50%{transform:translateY(-14px);}}
.hero-tag{display:inline-block;background:rgba(200,168,126,0.15);border:1px solid rgba(200,168,126,0.4);color:var(--gold);font-family:'Montserrat',sans-serif;font-weight:600;font-size:13px;padding:6px 18px;border-radius:50px;margin-bottom:20px;letter-spacing:1px;}
.hero-h1{font-size:clamp(28px,4.5vw,52px);color:var(--white);margin-bottom:24px;line-height:1.1;}
.hero-desc{color:rgba(255,255,255,0.75);font-size:16px;margin-bottom:16px;line-height:1.8;}
.hero-desc strong{color:var(--gold-light);}
.hero-cta-wrap{margin-top:32px;}
.hero-btn{font-size:17px;padding:20px 40px;width:100%;}
.hero-trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;}
.hero-trust span{color:rgba(255,255,255,0.65);font-size:13px;font-family:'Montserrat',sans-serif;font-weight:600;}

/* === WHY US === */
.badges-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;}
.badge-card{background:var(--white);border-radius:var(--radius);padding:36px 24px;text-align:center;box-shadow:var(--shadow);border:1px solid rgba(200,168,126,0.15);transition:transform var(--transition),box-shadow var(--transition);}
.badge-card:hover{transform:scale(1.05) rotate(1deg);box-shadow:var(--shadow-lg);}
.badge-icon-wrap{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;overflow:hidden;border:3px solid var(--gold-light);}
.badge-icon-wrap img{width:100%;height:100%;object-fit:cover;}
.badge-card h3{font-size:16px;font-family:'Montserrat',sans-serif;font-weight:800;color:var(--dark);margin-bottom:12px;}
.badge-card p{font-size:14px;color:var(--gray);line-height:1.7;}

/* === WHAT IS IT === */
.what-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.img-frame{border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-lg);position:relative;}
.img-frame::before{content:'';position:absolute;inset:-3px;background:linear-gradient(135deg,var(--gold),var(--gold-dark));border-radius:calc(var(--radius)+3px);z-index:-1;}
.img-frame img{border-radius:var(--radius);width:100%;}
.what-content h2{font-size:clamp(24px,3.5vw,38px);margin:12px 0 20px;}
.what-content p{font-size:16px;color:#4a4a4a;margin-bottom:16px;line-height:1.8;}
.what-content .btn{margin-top:16px;}

/* === HOW IT WORKS === */
.how-works{background:var(--black);}
.how-works .section-header h2{color:var(--white);}
.how-works .section-tag{background:rgba(200,168,126,0.15);color:var(--gold);}
.how-works .section-sub{color:rgba(255,255,255,0.65);}
.accordion-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.acc-item{background:rgba(255,255,255,0.04);border:1px solid rgba(200,168,126,0.2);border-radius:var(--radius-sm);overflow:hidden;transition:border-color 0.3s;}
.acc-item.active{border-color:var(--gold);}
.acc-header{width:100%;display:flex;align-items:center;gap:16px;padding:22px 24px;background:none;border:none;cursor:pointer;text-align:left;font-family:'Montserrat',sans-serif;font-weight:700;font-size:16px;color:var(--white);transition:background 0.2s;min-height:48px;}
.acc-header:hover{background:rgba(200,168,126,0.08);}
.acc-icon{font-size:20px;flex-shrink:0;}
.acc-arrow{margin-left:auto;font-size:12px;color:var(--gold);transition:transform 0.3s;flex-shrink:0;}
.acc-item.active .acc-arrow{transform:rotate(180deg);}
.acc-body{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(.4,0,.2,1);}
.acc-body p{padding:4px 24px 24px 60px;color:rgba(255,255,255,0.7);font-size:15px;line-height:1.8;}

/* === REVIEWS === */
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.review-card{background:var(--white);border-radius:var(--radius);padding:32px 28px;box-shadow:var(--shadow);border:1px solid rgba(200,168,126,0.12);transition:transform var(--transition),box-shadow var(--transition);}
.review-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.review-top{display:flex;align-items:center;gap:16px;margin-bottom:20px;}
.review-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid var(--gold-light);}
.review-loc{display:block;font-size:13px;color:var(--gray);margin-top:2px;}
.stars{color:var(--gold);font-size:18px;margin-top:4px;}
.review-card p{font-size:15px;color:#4a4a4a;line-height:1.7;}

/* === PRICING === */
.pricing{background:var(--black);}
.pricing .section-header h2,.pricing .section-header .section-tag.urgent-tag{color:var(--white);}
.pricing .section-header h2{color:var(--white);}
.pricing .section-sub{color:rgba(255,255,255,0.7);}
.countdown-wrap{text-align:center;margin-bottom:48px;}
.countdown-label{font-family:'Montserrat',sans-serif;font-weight:700;font-size:16px;color:rgba(255,255,255,0.8);margin-bottom:12px;letter-spacing:1px;}
.countdown-display{display:inline-flex;align-items:center;gap:8px;}
.cd-unit{background:rgba(200,168,126,0.15);border:2px solid var(--gold);border-radius:12px;padding:16px 28px;text-align:center;}
.cd-unit span{display:block;font-family:'Montserrat',sans-serif;font-weight:900;font-size:48px;color:var(--gold);line-height:1;}
.cd-unit small{display:block;font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;color:rgba(255,255,255,0.6);letter-spacing:2px;margin-top:4px;}
.cd-sep{font-family:'Montserrat',sans-serif;font-weight:900;font-size:48px;color:var(--gold);}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start;}
.price-card{background:rgba(255,255,255,0.04);border:1px solid rgba(200,168,126,0.2);border-radius:20px;padding:32px 24px;text-align:center;transition:transform var(--transition),box-shadow var(--transition);position:relative;}
.price-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(200,168,126,0.2);}
.price-card.popular{background:linear-gradient(180deg,rgba(200,168,126,0.12),rgba(200,168,126,0.05));border-color:var(--gold);border-width:2px;transform:scale(1.03);}
.price-card.popular:hover{transform:scale(1.03) translateY(-8px);}
.popular-badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--gold),#d4af37);color:var(--black);font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;padding:6px 20px;border-radius:50px;white-space:nowrap;letter-spacing:0.5px;}
.price-label{font-family:'Montserrat',sans-serif;font-weight:800;font-size:13px;color:var(--gold);letter-spacing:2px;margin-bottom:6px;}
.price-bottles{font-family:'Montserrat',sans-serif;font-weight:900;font-size:22px;color:var(--white);margin-bottom:4px;}
.price-supply{font-size:13px;color:rgba(255,255,255,0.55);margin-bottom:20px;}
.price-img{max-height:160px;margin:0 auto 20px;object-fit:contain;}
.price-amount{font-family:'Montserrat',sans-serif;font-weight:900;font-size:42px;color:var(--gold);line-height:1;}
.price-amount small{font-size:18px;font-weight:600;color:rgba(255,255,255,0.6);}
.price-orig{font-size:14px;color:rgba(255,255,255,0.55);margin:8px 0 16px;}
.price-orig strong{color:var(--white);font-size:16px;}
.price-badges{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;}
.pbadge{background:rgba(200,168,126,0.15);color:var(--gold-light);font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;padding:5px 12px;border-radius:50px;letter-spacing:0.5px;}
.price-btn{width:100%;margin-bottom:16px;}
.cards-img{max-height:28px;margin:0 auto;object-fit:contain;opacity:0.7;}
.rating-row{text-align:center;margin-top:40px;display:flex;align-items:center;justify-content:center;gap:16px;color:rgba(255,255,255,0.65);font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;}
.five-star{max-height:36px;object-fit:contain;}

/* === BONUS === */
.bonus-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.bonus-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(200,168,126,0.15);display:flex;flex-direction:column;transition:transform var(--transition);}
.bonus-card:hover{transform:translateY(-6px);}
.bonus-card img{width:100%;height:220px;object-fit:cover;}
.bonus-content{padding:28px;}
.bonus-tag{font-family:'Montserrat',sans-serif;font-weight:800;font-size:12px;color:var(--gold-dark);background:var(--gold-light);padding:5px 14px;border-radius:50px;display:inline-block;margin-bottom:12px;letter-spacing:1px;}
.bonus-content h3{font-size:20px;margin-bottom:10px;}
.bonus-content p{font-size:15px;color:var(--gray);line-height:1.7;}

/* === INGREDIENTS === */
.ing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.ing-card{background:var(--white);border-radius:var(--radius-sm);padding:28px 24px;border:1px solid rgba(200,168,126,0.15);box-shadow:var(--shadow);transition:transform var(--transition),box-shadow var(--transition);}
.ing-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}
.ing-card h3{font-size:16px;color:var(--dark);margin-bottom:10px;}
.ing-card p{font-size:14px;color:var(--gray);line-height:1.7;}

/* === SCIENCE === */
.science-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:24px;}
.sci-item{background:var(--white);border-radius:var(--radius-sm);padding:32px;border-left:4px solid var(--gold);box-shadow:var(--shadow);}
.sci-item h3{font-size:18px;margin-bottom:12px;color:var(--dark);}
.sci-item p{font-size:15px;color:#4a4a4a;line-height:1.8;}

/* === GUARANTEE === */
.guarantee-inner{display:grid;grid-template-columns:1fr 1.6fr;gap:64px;align-items:center;}
.guarantee-image img{border-radius:50%;max-width:300px;margin:0 auto;box-shadow:0 0 0 12px rgba(200,168,126,0.15);}
.guarantee-content h2{font-size:clamp(24px,3.5vw,36px);margin:12px 0 16px;}
.guarantee-content>p{font-size:16px;color:#4a4a4a;margin-bottom:28px;line-height:1.8;}
.guarantee-points{display:flex;flex-direction:column;gap:24px;}
.g-point{display:flex;gap:20px;align-items:flex-start;}
.g-icon{font-size:32px;flex-shrink:0;line-height:1;}
.g-point h3{font-size:17px;margin-bottom:6px;}
.g-point p{font-size:15px;color:var(--gray);line-height:1.7;}

/* === BENEFITS === */
.benefits-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:0 auto;}
.benefit-item{display:flex;gap:20px;background:var(--white);padding:24px;border-radius:var(--radius-sm);box-shadow:var(--shadow);border:1px solid rgba(200,168,126,0.12);transition:transform var(--transition);}
.benefit-item:hover{transform:translateX(4px);}
.b-check{width:36px;height:36px;background:var(--gold);color:var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Montserrat',sans-serif;font-weight:900;font-size:16px;flex-shrink:0;margin-top:2px;}
.benefit-item h3{font-size:16px;margin-bottom:6px;}
.benefit-item p{font-size:14px;color:var(--gray);line-height:1.7;}

/* === FAQ === */
.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.faq-item{border-radius:var(--radius-sm);overflow:hidden;border:1px solid rgba(200,168,126,0.2);}
.faq-item.active{border-color:var(--gold);}
.faq-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:22px 24px;background:var(--white);border:none;cursor:pointer;font-family:'Montserrat',sans-serif;font-weight:700;font-size:15px;color:var(--dark);text-align:left;min-height:48px;gap:16px;transition:background 0.2s;}
.faq-header:hover{background:var(--cream);}
.faq-arrow{font-size:12px;color:var(--gold);transition:transform 0.3s;flex-shrink:0;}
.faq-item.active .faq-arrow{transform:rotate(180deg);}
.faq-body{max-height:0;overflow:hidden;transition:max-height 0.4s cubic-bezier(.4,0,.2,1);background:var(--white);}
.faq-body p{padding:4px 24px 24px;font-size:15px;color:#4a4a4a;line-height:1.8;}

/* === FINAL CTA === */
.final-cta{background:var(--black);position:relative;overflow:hidden;}
.final-cta-bg{position:absolute;inset:0;pointer-events:none;}
.final-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:center;position:relative;z-index:1;}
.final-glow{position:absolute;width:360px;height:360px;background:radial-gradient(circle,rgba(200,168,126,0.3),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;}
.final-product-img{position:relative;z-index:2;max-width:340px;margin:0 auto;animation:finalFloat 5s ease-in-out infinite;filter:drop-shadow(0 20px 50px rgba(200,168,126,0.5));}
@keyframes finalFloat{0%,100%{transform:translateY(0px);}50%{transform:translateY(-18px);}}
.final-h2{font-size:clamp(24px,3.5vw,40px);color:var(--white);margin:12px 0 20px;}
.final-content p{color:rgba(255,255,255,0.75);font-size:16px;margin-bottom:28px;line-height:1.8;}
.final-price{display:flex;flex-direction:column;gap:6px;margin-bottom:28px;}
.old-price{font-family:'Montserrat',sans-serif;font-weight:600;color:rgba(255,255,255,0.5);font-size:16px;}
.old-price s{text-decoration:line-through;}
.special-price{font-family:'Montserrat',sans-serif;font-weight:900;font-size:32px;color:var(--gold);}
.final-btn{font-size:18px;padding:22px 48px;width:100%;}
.final-trust{display:flex;flex-wrap:wrap;gap:16px;margin-top:20px;}
.final-trust span{color:rgba(255,255,255,0.6);font-family:'Montserrat',sans-serif;font-weight:600;font-size:13px;}

/* === FOOTER === */
.footer{background:var(--black);border-top:1px solid rgba(200,168,126,0.15);}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:48px;padding:60px 0 40px;}
.footer-brand .brand-name{font-size:22px;display:block;margin-bottom:12px;}
.footer-brand p{color:rgba(255,255,255,0.55);font-size:14px;line-height:1.7;margin-bottom:20px;}
.social-icons{display:flex;gap:12px;}
.social-icons a{font-size:22px;transition:transform 0.2s;display:block;}
.social-icons a:hover{transform:scale(1.2);}
.footer-links h4{font-family:'Montserrat',sans-serif;font-weight:800;font-size:14px;color:var(--gold);letter-spacing:1px;margin-bottom:16px;}
.footer-links a{display:block;color:rgba(255,255,255,0.55);font-size:14px;margin-bottom:10px;transition:color 0.2s;}
.footer-links a:hover{color:var(--gold);}
.footer-disclaimer{padding:24px 0 32px;border-top:1px solid rgba(255,255,255,0.07);}
.footer-disclaimer p{font-size:13px;color:rgba(255,255,255,0.4);line-height:1.7;margin-bottom:8px;}
.copyright{font-family:'Montserrat',sans-serif;font-weight:600;text-align:center;}
.copyright a{color:var(--gold);}

/* === NOTIFICATIONS === */
.notif-popup{position:fixed;bottom:24px;left:24px;z-index:9999;background:var(--white);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.18);display:flex;align-items:center;gap:12px;padding:14px 20px 14px 14px;max-width:320px;border-left:4px solid var(--gold);transform:translateX(-150%);transition:transform 0.4s cubic-bezier(.4,0,.2,1);pointer-events:none;}
.notif-popup.show{transform:translateX(0);pointer-events:all;}
.notif-img{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0;}
.notif-text{display:flex;flex-direction:column;gap:2px;font-size:13px;}
.notif-text strong{font-family:'Montserrat',sans-serif;font-size:14px;}
.notif-close{background:none;border:none;cursor:pointer;font-size:16px;color:var(--gray);margin-left:8px;padding:4px;line-height:1;flex-shrink:0;}

/* === EXIT POPUP === */
.popup-overlay{position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,0.7);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity 0.3s;}
.popup-overlay.show{opacity:1;pointer-events:all;}
.popup-box{background:var(--white);border-radius:20px;max-width:480px;width:100%;position:relative;overflow:hidden;transform:scale(0.9);transition:transform 0.3s;}
.popup-overlay.show .popup-box{transform:scale(1);}
.popup-close{position:absolute;top:12px;right:12px;background:rgba(0,0,0,0.1);border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:14px;line-height:1;}
.popup-close a{color:var(--dark);font-size:14px;}
.popup-inner{padding:40px 32px;text-align:center;}
.popup-emoji{font-size:56px;margin-bottom:16px;}
.popup-box h3{font-size:24px;margin-bottom:12px;}
.popup-box p{font-size:16px;color:#4a4a4a;margin-bottom:20px;line-height:1.6;}
.popup-perks{list-style:none;text-align:left;margin-bottom:24px;display:inline-block;}
.popup-perks li{font-family:'Montserrat',sans-serif;font-weight:600;font-size:14px;margin-bottom:8px;color:var(--dark);}
.popup-btn{width:100%;font-size:16px;margin-bottom:12px;}
.popup-skip{display:block;font-size:13px;color:var(--gold-dark);font-family:'Montserrat',sans-serif;font-weight:600;text-decoration:underline;}

/* === SCROLL TOP === */
.scroll-top{position:fixed;bottom:24px;right:24px;z-index:9998;width:52px;height:52px;border-radius:50%;background:var(--gold);color:var(--black);border:none;cursor:pointer;font-family:'Montserrat',sans-serif;font-weight:800;font-size:20px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px rgba(200,168,126,0.5);opacity:0;pointer-events:none;transition:opacity 0.3s,transform 0.3s;}
.scroll-top.show{opacity:1;pointer-events:all;}
.scroll-top:hover{transform:translateY(-4px);}

/* === ANIMATIONS === */
.fade-in,.fade-in-up,.fade-in-right{opacity:0;transition:opacity 0.7s ease,transform 0.7s ease;transition-delay:var(--delay,0s);}
.fade-in{transform:translateY(20px);}
.fade-in-up{transform:translateY(40px);}
.fade-in-right{transform:translateX(30px);}
.fade-in.visible,.fade-in-up.visible,.fade-in-right.visible{opacity:1;transform:translate(0);}

/* === PREFERS REDUCED MOTION === */
@media(prefers-reduced-motion:reduce){
  *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
}

/* ==================== RESPONSIVE ==================== */

/* Tablet */
@media(max-width:1024px){
  .badges-grid{grid-template-columns:repeat(2,1fr);}
  .ing-grid{grid-template-columns:repeat(2,1fr);}
  .hero-inner{gap:40px;}
}

/* Tablet small */
@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;gap:40px;}
  .hero-image-wrap{order:-1;}
  .hero-product-img{max-width:300px;}
  .what-inner{grid-template-columns:1fr;gap:40px;}
  .what-image{order:-1;}
  .guarantee-inner{grid-template-columns:1fr;gap:40px;text-align:center;}
  .guarantee-image img{margin:0 auto;}
  .g-point{text-align:left;}
  .final-inner{grid-template-columns:1fr;gap:40px;}
  .final-image{order:-1;}
  .final-product-img{max-width:260px;}
  .reviews-grid{grid-template-columns:1fr 1fr;}
  .footer-inner{grid-template-columns:1fr 1fr;gap:32px;}
}

/* Mobile */
@media(max-width:768px){
  .section-pad{padding:60px 0;}
  .desktop-nav,.nav-cta{display:none;}
  .hamburger{display:flex;}
  .mobile-menu{display:flex;}
  .hero{padding:100px 0 60px;}
  .hero-h1{font-size:26px;}
  .hero-badge,.hero-badge-star{display:none;}
  .badges-grid{grid-template-columns:1fr 1fr;gap:16px;}
  .badge-card{padding:24px 16px;}
  .reviews-grid{grid-template-columns:1fr;}
  .pricing-grid{grid-template-columns:1fr;}
  .price-card.popular{transform:scale(1);}
  .bonus-grid{grid-template-columns:1fr;}
  .ing-grid{grid-template-columns:1fr;}
  .benefits-grid{grid-template-columns:1fr;}
  .footer-inner{grid-template-columns:1fr;gap:28px;padding:40px 0 28px;}
  .footer-inner>*{text-align:center;}
  .social-icons{justify-content:center;}
  .footer-links a{text-align:center;}
  .notif-popup{left:12px;right:12px;max-width:calc(100% - 24px);}
  .cd-unit span{font-size:36px;}
  .cd-sep{font-size:36px;}
}

/* Small phones */
@media(max-width:480px){
  .container{padding:0 16px;}
  .hero-h1{font-size:22px;}
  .section-header h2{font-size:22px;}
  .hero-btn{font-size:15px;padding:18px 24px;}
  .hero-trust{gap:10px;}
  .hero-trust span{font-size:12px;}
  .badges-grid{grid-template-columns:1fr;}
  .popup-inner{padding:28px 20px;}
  .popup-box h3{font-size:20px;}
}