:root{--dark:#1a1a24;--dark2:#2d2d3a;--dark3:#3d3d4a;--gold:#d4a853;--gold-light:#e8c47c;--gold-dark:#b8922f;--cream:#f5f0e6;--cream2:#e8dcc8;--green:#22c55e;--red:#ef4444;--orange:#e85a2c;--gray:#666;--light:#faf9f7;--white:#ffffff}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',sans-serif;background:var(--light);color:#333;line-height:1.6}
body.product-page{background:var(--cream);color:#333}
h1,h2,h3,h4{font-family:'Playfair Display',serif;font-weight:600}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto}
.gold-text{background:linear-gradient(135deg,#d4a853,#f4d794,#d4a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.section-container{max-width:1200px;margin:0 auto;padding:0 24px}

/* Announcement & Navbar */
.announcement-bar{background:var(--dark);padding:12px;text-align:center;border-bottom:1px solid rgba(255,255,255,.1)}
.announcement-bar p{color:var(--gold-light);font-size:13px;font-weight:600;letter-spacing:1px}
.navbar{background:#fff;backdrop-filter:blur(20px);position:sticky;top:0;z-index:1000;border-bottom:1px solid #eee;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.product-page .navbar{background:#fff;border-bottom:1px solid #eee}
.nav-container{max-width:1200px;margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}
.logo{display:flex;flex-direction:column}
.logo-text{font-family:'Playfair Display',serif;font-size:28px;font-weight:700;background:linear-gradient(135deg,#1a1a24,#d4a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.product-page .logo-text{background:linear-gradient(135deg,#1a1a24,#d4a853);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.logo-tagline{font-size:8px;letter-spacing:3px;color:var(--gold-dark);font-weight:600}
.nav-links{display:flex;list-style:none;gap:32px}
.nav-links a{font-size:14px;font-weight:500;color:#555;transition:.2s}
.nav-links a:hover,.nav-links a.active{color:var(--gold-dark)}
.product-page .nav-links a{color:#555}
.product-page .nav-links a:hover,.product-page .nav-links a.active{color:var(--gold-dark)}
.cart-btn{position:relative;background:none;border:none;color:#333;cursor:pointer;padding:8px}
.product-page .cart-btn{color:#333}
.cart-count{position:absolute;top:0;right:0;background:var(--orange);color:#fff;font-size:10px;font-weight:700;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.mobile-menu-toggle{display:none;background:none;border:none;cursor:pointer;padding:10px}
.mobile-menu-toggle span{display:block;width:24px;height:2px;background:#333;margin:5px 0;transition:.3s}
.product-page .mobile-menu-toggle span{background:#333}
@media(max-width:768px){.mobile-menu-toggle{display:block}.nav-links{position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:20px;display:none;box-shadow:0 10px 30px rgba(0,0,0,.1)}.nav-links.active{display:flex}.product-page .nav-links{background:#fff}}

/* Hero Banner */
.hero-banner{position:relative;width:100%;overflow:hidden}
.hero-banner-img{width:100%;display:block}
.hero-overlay{position:absolute;bottom:20%;left:10%;transform:translateY(50%)}
.hero-btn{font-size:18px;padding:20px 50px}
.btn-primary{display:inline-block;background:var(--orange);color:#fff;padding:16px 40px;border-radius:6px;font-size:14px;font-weight:700;letter-spacing:1px;border:none;cursor:pointer;transition:.3s}
.btn-primary:hover{background:#ff6b3d;transform:translateY(-2px);box-shadow:0 10px 30px rgba(232,90,44,.3)}

/* Stats */
.stats-section{background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-dark));padding:32px 0}
.stats-container{max-width:1400px;margin:0 auto;display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;padding:0 24px}
.stat-item{text-align:center;min-width:120px}
.stat-number{display:block;font-family:'Playfair Display',serif;font-size:28px;font-weight:700;color:var(--dark)}
.stat-label{font-size:11px;font-weight:500;color:var(--dark2);text-transform:uppercase}

/* Section Header */
.section-header{text-align:center;margin-bottom:50px}
.section-badge{display:inline-block;background:rgba(212,168,83,.15);border:1px solid rgba(212,168,83,.3);padding:8px 20px;border-radius:50px;font-size:11px;font-weight:600;letter-spacing:2px;color:var(--gold-dark);margin-bottom:20px}
.section-header h2{font-size:36px;margin-bottom:16px;color:var(--dark)}
.section-header p{font-size:15px;color:#666;max-width:600px;margin:0 auto}

/* Benefits */
.benefits-section{padding:100px 0;background:#fff}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.benefit-card{background:#faf9f7;border:1px solid #eee;border-radius:16px;padding:40px;transition:.3s}
.benefit-card:hover{transform:translateY(-8px);border-color:var(--gold);box-shadow:0 10px 40px rgba(212,168,83,.15)}
.benefit-card.featured{border-color:var(--gold);background:linear-gradient(180deg,#fff,rgba(212,168,83,.08))}
.benefit-icon{font-size:48px;margin-bottom:20px}
.benefit-card h3{font-size:22px;margin-bottom:12px;color:var(--dark)}
.benefit-card p{font-size:14px;color:#666;margin-bottom:20px}
.benefit-list{list-style:none}
.benefit-list li{font-size:13px;color:#555;padding:8px 0;padding-left:20px;position:relative}
.benefit-list li::before{content:'✓';position:absolute;left:0;color:var(--gold-dark)}

/* Product Showcase */
.product-showcase-section{padding:100px 0;background:var(--cream)}
.showcase-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.showcase-image img{max-width:400px;margin:0 auto;display:block}
.showcase-info h2{font-size:32px;margin-bottom:16px;color:var(--dark)}
.showcase-info>p{color:#666;margin-bottom:24px}
.showcase-benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}
.showcase-benefit{display:flex;align-items:center;gap:10px;background:#fff;padding:12px 16px;border-radius:10px;font-size:13px;color:#333;border:1px solid #eee}
.showcase-benefit span{font-size:20px}
.showcase-price{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.old-price{font-size:18px;color:#999;text-decoration:line-through}
.new-price{font-size:36px;font-weight:700;color:var(--dark)}
.save-tag{background:var(--green);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}

/* Comparison */
.comparison-section{padding:80px 0;background:#fff}
.comparison-table{max-width:800px;margin:0 auto;background:#faf9f7;border-radius:20px;overflow:hidden;border:1px solid #eee}
.comparison-header{display:grid;grid-template-columns:2fr 1fr 1fr;background:#f0f0f0;padding:20px}
.comparison-feature{padding:16px 24px;color:#333}
.comparison-brand{display:flex;align-items:center;justify-content:center;font-weight:600}
.comparison-brand.lifeyze{background:var(--gold);color:#fff;border-radius:10px;margin:0 10px}
.comparison-brand.other{color:#999}
.comparison-row{display:grid;grid-template-columns:2fr 1fr 1fr;border-bottom:1px solid #eee;align-items:center}
.comparison-row:last-child{border-bottom:none}
.comparison-check{text-align:center;padding:16px;font-size:18px}
.comparison-check.yes{color:var(--gold-dark)}
.comparison-check.no{color:#ccc}

/* Cholesterol Section */
.cholesterol-section{padding:60px 0;background:var(--cream)}
.cholesterol-full-image{width:100%;max-width:1000px;margin:0 auto;display:block;border-radius:16px}

/* Reviews */
.reviews-section{padding:100px 0;background:var(--cream)}
.reviews-section .section-header h2{color:var(--dark)}
.reviews-rating{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:16px}
.stars{color:#ffc107;font-size:24px}
.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}
.review-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:.3s}
.review-card:hover{transform:translateY(-5px)}
.review-image{width:100%;height:250px;object-fit:cover}
.review-content{padding:20px}
.review-stars{color:#ffc107;margin-bottom:8px}
.review-date{font-size:12px;color:#999;float:right}
.reviewer-name{font-weight:600;color:var(--dark)}
.verified{background:#e8f5e9;color:var(--green);padding:2px 8px;border-radius:10px;font-size:10px;margin-left:8px}
.review-content p{font-size:14px;color:#555;margin-top:12px}
.reviews-cta{text-align:center}

/* Contact */
.contact-section{padding:100px 0;background:#fff}
.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;max-width:900px;margin:0 auto}
.contact-info{display:flex;flex-direction:column;gap:30px}
.contact-item{display:flex;flex-direction:column;gap:8px}
.contact-label{font-size:12px;font-weight:600;letter-spacing:1px;color:var(--gold-dark);text-transform:uppercase}
.contact-item a,.contact-item span{font-size:16px;color:#555}
.contact-form{display:flex;flex-direction:column;gap:16px}
.contact-form input,.contact-form textarea{background:#faf9f7;border:1px solid #ddd;border-radius:10px;padding:16px 20px;font-size:14px;color:#333;font-family:'Montserrat',sans-serif}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--gold)}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#999}

/* Footer */
.footer{background:var(--dark);border-top:1px solid rgba(255,255,255,.1);padding:60px 0 30px}
.footer-container{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-brand .logo-text{font-size:32px}
.footer-brand p{font-size:14px;color:var(--gray);margin-top:16px}
.footer-column h4{font-size:14px;font-weight:600;color:var(--gold);margin-bottom:20px;font-family:'Montserrat',sans-serif}
.footer-column a{display:block;font-size:14px;color:var(--gray);margin-bottom:10px;transition:.2s}
.footer-column a:hover{color:var(--gold-light)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;text-align:center;max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}
.footer-bottom p{font-size:12px;color:#666}
.disclaimer{font-size:11px!important;margin-top:12px;opacity:.6}

/* Cart */
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;z-index:2000;transition:.3s}
.cart-overlay.active{opacity:1;visibility:visible}
.cart-sidebar{position:fixed;top:0;right:-400px;width:400px;max-width:100%;height:100vh;background:#fff;z-index:2001;display:flex;flex-direction:column;transition:.3s}
.cart-sidebar.active{right:0}
.cart-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #eee}
.cart-header h3{color:#333}
.cart-close{background:none;border:none;font-size:32px;cursor:pointer;color:#999}
.cart-items{flex:1;overflow-y:auto;padding:24px}
.cart-empty{text-align:center;padding:40px 0;color:#999}
.cart-footer{padding:20px 24px;border-top:1px solid #eee}
.cart-total{display:flex;justify-content:space-between;font-size:18px;font-weight:600;margin-bottom:16px;color:#333}
.checkout-btn{width:100%;background:var(--dark);color:#fff;border:none;padding:16px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer}

/* ========== PRODUCT PAGE STYLES ========== */
.product-detail-section{padding:40px 0}
.product-container{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px}
.product-gallery{position:sticky;top:100px}
.main-image-container{position:relative;background:linear-gradient(145deg,#1a1a24,#2d2d3a);border-radius:20px;padding:20px;margin-bottom:16px}
.top-seller-badge{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#d4a853,#f4d794);padding:10px 16px;border-radius:50px;font-size:11px;font-weight:700;color:var(--dark);z-index:2}
.main-product-image{width:100%;border-radius:12px}
.thumbnail-row{display:flex;gap:10px}
.thumbnail{width:70px;height:70px;border-radius:8px;border:2px solid transparent;cursor:pointer;object-fit:cover;transition:.2s}
.thumbnail.active,.thumbnail:hover{border-color:var(--gold)}

.product-details h1{font-size:28px;margin-bottom:16px;color:var(--dark)}
.social-proof{display:flex;align-items:center;gap:12px;background:var(--cream2);padding:12px 20px;border-radius:50px;margin-bottom:20px}
.avatars{display:flex}
.avatars img{width:32px;height:32px;border-radius:50%;border:2px solid #fff;margin-left:-10px}
.avatars img:first-child{margin-left:0}
.social-proof span{font-size:13px;color:#555}
.benefits-list-product{list-style:none;margin-bottom:24px}
.benefits-list-product li{padding:8px 0;padding-left:24px;position:relative;font-size:14px;color:#444}
.benefits-list-product li::before{content:'•';position:absolute;left:0;color:var(--gold);font-size:20px}
.formulated-for{text-align:center;padding:16px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin-bottom:24px;font-size:14px;color:#666;font-style:italic}

/* Bundles */
.bundle-option{display:block;position:relative;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:16px 20px;margin-bottom:12px;cursor:pointer;transition:.2s}
.bundle-option:hover,.bundle-option.selected{border-color:var(--gold)}
.bundle-option.selected{background:linear-gradient(135deg,#fffef5,#fff9e6)}
.bundle-option input{display:none}
.bundle-badge{position:absolute;top:-10px;right:16px;padding:4px 12px;border-radius:20px;font-size:10px;font-weight:700;color:#fff}
.bundle-badge.popular{background:var(--gold-dark)}
.bundle-badge.best-value{background:var(--green)}
.bundle-content{display:flex;align-items:center;gap:16px}
.bundle-image{width:60px;height:60px;object-fit:contain}
.bundle-info{flex:1}
.bundle-name{font-weight:600;font-size:15px;color:var(--dark)}
.bundle-supply{font-size:12px;color:#777}
.bundle-description{font-size:12px;color:#999;margin-top:4px}
.bundle-price{text-align:right}
.original-price{font-size:13px;color:#999;text-decoration:line-through}
.sale-price{font-size:22px;font-weight:700;color:var(--dark)}
.save-badge{display:inline-block;background:#e8f5e9;color:var(--green);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;margin-top:4px}

/* Upsells */
.upsell-item{display:flex;align-items:center;gap:12px;background:#f8f8f8;padding:12px 16px;border-radius:10px;margin-top:-4px;margin-bottom:12px;border:1px dashed #ddd}
.upsell-item img{width:40px;height:40px;object-fit:cover;border-radius:6px}
.upsell-info{flex:1}
.upsell-name{font-size:13px;font-weight:500;color:#333}
.upsell-price .old{text-decoration:line-through;color:#999}
.upsell-price .free{color:var(--green);font-weight:700}
.scratch-card{background:linear-gradient(135deg,#fff9e6,#fff3cd)!important;border-color:var(--gold)!important}
.scratch-icon{font-size:28px}

.subscribe-option{display:flex;align-items:center;gap:12px;background:#fff;border:2px dashed var(--gold);padding:16px 20px;border-radius:12px;margin-bottom:20px;cursor:pointer}
.subscribe-option input{width:20px;height:20px;accent-color:var(--gold)}
.subscribe-info h4{font-family:'Montserrat',sans-serif;font-size:14px;font-weight:600;color:var(--dark)}
.subscribe-info p{font-size:12px;color:#777}

.add-to-cart-btn{width:100%;background:var(--dark);color:#fff;border:none;padding:18px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:.2s;margin-bottom:20px}
.add-to-cart-btn:hover{background:#2a2a3a;transform:translateY(-2px)}

.trust-icons{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}
.trust-icon-item{display:flex;align-items:center;gap:6px;font-size:12px;color:#666}

/* As Seen On */
.as-seen-on{background:var(--dark);padding:30px 0}
.as-seen-on-logos{max-width:1000px;margin:0 auto;display:flex;justify-content:center;gap:60px;flex-wrap:wrap}
.as-seen-on-logos span{font-family:'Playfair Display',serif;font-size:24px;color:#fff;opacity:.7}

/* What Is */
.what-is-section{padding:60px 0;background:var(--cream)}
.what-is-content{max-width:700px;margin:0 auto;text-align:center}
.what-is-content h3{font-size:24px;margin-bottom:16px;color:var(--dark)}
.what-is-content p{color:#555;margin-bottom:24px}
.what-is-content ul{list-style:none;display:inline-block;text-align:left}
.what-is-content li{padding:8px 0;color:#444}

/* Marquee */
.benefits-marquee{background:var(--dark);padding:16px 0;overflow:hidden;white-space:nowrap}
.marquee-content{display:inline-block;animation:marquee 20s linear infinite}
.marquee-content span{color:#fff;font-size:14px;margin-right:50px}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* WHY NOTHING WORKED */
.why-failed-section{padding:80px 0;background:#f9f9f9}
.why-failed-section h2{text-align:center;font-size:36px;margin-bottom:50px;color:var(--dark)}
.failed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.failed-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08)}
.failed-image{position:relative}
.failed-image img{width:100%;height:220px;object-fit:cover}
.x-mark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:120px;color:var(--red);font-weight:bold;background:rgba(0,0,0,.2)}
.failed-card h4{padding:20px 20px 10px;font-size:15px;color:var(--dark);line-height:1.4}
.why-box{background:#ffebee;margin:0 20px 20px;padding:16px;border-radius:10px}
.why-label{display:block;color:var(--red);font-weight:600;font-size:13px;margin-bottom:8px}
.why-box p{font-size:13px;color:#555;line-height:1.5}

/* INGREDIENTS */
.ingredients-section{padding:80px 0;background:var(--cream)}
.ingredients-section h2{text-align:center;font-size:32px;margin-bottom:40px;color:var(--dark)}
.ingredients-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto 40px}
.ingredient-card{display:flex;align-items:center;gap:16px;background:#fff;padding:20px 24px;border-radius:50px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.ingredient-icon{font-size:36px}
.ingredient-info h4{font-size:15px;color:var(--dark);font-family:'Montserrat',sans-serif;font-weight:600}
.dosage{font-size:12px;color:var(--gold-dark)}
.expand-icon{color:#ccc;font-size:18px;margin-left:auto}
.ingredients-tagline{text-align:center;background:linear-gradient(135deg,#fff3cd,#fff9e6);padding:30px;border-radius:16px;max-width:800px;margin:0 auto}
.ingredients-tagline p{color:var(--dark);margin:8px 0}

/* SOURCING */
.sourcing-section{padding:80px 0;background:#fff}
.sourcing-section h2{text-align:center;font-size:32px;margin-bottom:50px;color:var(--dark)}
.sourcing-timeline{display:flex;justify-content:space-between;max-width:1200px;margin:0 auto;position:relative;gap:20px;padding:0 20px}
.sourcing-timeline::before{content:'';position:absolute;top:120px;left:12%;right:12%;height:3px;background:linear-gradient(90deg,var(--gold-dark),var(--gold),var(--gold-dark))}
.source-step{text-align:center;flex:1;position:relative;background:#fff;border-radius:16px;padding:0;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.08);transition:.3s}
.source-step:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(0,0,0,.12)}
.source-img{width:100%;height:140px;object-fit:cover}
.step-num{width:50px;height:50px;background:var(--gold);border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:-25px auto 15px;font-family:'Playfair Display',serif;font-size:20px;font-weight:700;color:#fff;position:relative;z-index:1;box-shadow:0 4px 15px rgba(212,168,83,.4)}
.source-step h4{font-size:14px;color:var(--dark);margin-bottom:8px;font-family:'Montserrat',sans-serif;font-weight:600;padding:0 15px}
.source-step p{font-size:12px;color:#666;line-height:1.5;padding:0 15px 20px}

/* Comparison Product Page */
.comparison-section-product{padding:60px 0;background:var(--cream)}
.comparison-box{max-width:800px;margin:0 auto;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.08)}
.comparison-header-dark{background:var(--dark);padding:30px;text-align:center}
.comparison-header-dark h3{color:#fff;font-size:24px}
.comparison-header-dark h3 span{color:var(--gold-light)}
.comparison-table-product{padding:0}
.comp-row{display:grid;grid-template-columns:2fr 1fr 1fr;border-bottom:1px solid #eee}
.comp-row>div{padding:16px 24px;display:flex;align-items:center}
.comp-row.header{background:#f8f8f8;font-weight:600}
.lifeyze-col{background:var(--gold)!important;color:var(--dark);justify-content:center}
.comp-row>div:nth-child(2){justify-content:center}
.comp-row>div:nth-child(3){justify-content:center;color:#999}
.yes{color:var(--gold);font-size:18px}
.no{color:#ddd;font-size:18px}

/* Results */
.results-section{padding:80px 0;background:#fff;margin:0}
.results-section h2{text-align:center;margin-bottom:40px;font-size:32px;color:var(--dark)}
.cholesterol-image-container{max-width:900px;margin:0 auto 50px}
.results-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;max-width:800px;margin-left:auto;margin-right:auto}
.result-card{background:#f8f9fa;border-radius:16px;padding:30px;text-align:center}
.result-card.before{border:2px solid #ffcdd2}
.result-card.after{border:2px solid #c8e6c9}
.result-card h4{font-size:14px;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px}
.result-card.before h4{color:var(--red)}
.result-card.after h4{color:var(--green)}
.cholesterol-value{font-size:64px;font-weight:700;font-family:'Playfair Display',serif}
.result-card.before .cholesterol-value{color:var(--red)}
.result-card.after .cholesterol-value{color:var(--green)}
.cholesterol-label{font-size:14px;color:#777}
.status-badge{display:inline-block;padding:6px 16px;border-radius:20px;font-size:12px;font-weight:700;margin-top:12px}
.status-badge.bad{background:#ffebee;color:var(--red)}
.status-badge.good{background:#e8f5e9;color:var(--green)}

/* Chart */
.chart-container{background:#f8f9fa;border-radius:16px;padding:30px;max-width:800px;margin:0 auto 40px}
.chart-title{text-align:center;margin-bottom:30px;font-size:18px;color:var(--dark)}
.chart{position:relative;height:250px;display:flex;align-items:flex-end;justify-content:space-around;padding:0 20px;border-bottom:2px solid #ddd}
.chart-bar{width:60px;border-radius:8px 8px 0 0;position:relative}
.chart-bar.high{background:linear-gradient(180deg,var(--red),#ff8a80)}
.chart-bar.medium{background:linear-gradient(180deg,#ffc107,#ffe082)}
.chart-bar.good{background:linear-gradient(180deg,#8bc34a,#c5e1a5)}
.chart-bar.optimal{background:linear-gradient(180deg,var(--green),#69f0ae)}
.chart-bar span{position:absolute;top:-30px;left:50%;transform:translateX(-50%);font-weight:700;font-size:14px;color:var(--dark)}
.chart-labels{display:flex;justify-content:space-around;margin-top:15px}
.chart-labels span{font-size:12px;color:#777;width:60px;text-align:center}

/* Blood Test */
.blood-test-section{background:var(--dark);border-radius:20px;padding:50px;color:#fff;max-width:1000px;margin:0 auto}
.blood-test-section h3{text-align:center;font-size:28px;margin-bottom:10px}
.blood-subtitle{text-align:center;color:#888;margin-bottom:40px;font-size:14px}
.test-results{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.test-item{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;text-align:center}
.test-name{font-size:12px;color:var(--gold-light);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.test-value{font-size:36px;font-weight:700;font-family:'Playfair Display',serif;margin-bottom:8px}
.test-range{font-size:11px;color:#888}
.test-change{display:inline-block;background:rgba(34,197,94,.2);color:var(--green);padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;margin-top:8px}

/* Reviews Product */
.reviews-section-product{padding:80px 0;background:var(--cream)}
.reviews-section-product .section-header{margin-bottom:30px}
.reviews-section-product .section-header h2{color:var(--dark)}
.reviews-section-product .section-header p{color:#666}
.customer-photos{display:flex;gap:12px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}
.customer-photo{width:70px;height:70px;border-radius:10px;object-fit:cover;cursor:pointer;transition:.2s}
.customer-photo:hover{transform:scale(1.1)}

/* FAQ */
.faq-section{padding:80px 0;background:var(--cream)}
.faq-section h2{text-align:center;margin-bottom:40px;color:var(--dark)}
.faq-list{max-width:700px;margin:0 auto}
.faq-item{background:#fff;border-radius:12px;margin-bottom:12px;overflow:hidden}
.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:none;border:none;font-size:15px;font-weight:500;text-align:left;cursor:pointer;color:var(--dark)}
.faq-icon{font-size:24px;color:var(--gold);transition:.2s}
.faq-item.active .faq-icon{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s}
.faq-item.active .faq-answer{max-height:200px}
.faq-answer p{padding:0 24px 20px;color:#666;font-size:14px}

/* Responsive */
@media(max-width:1024px){
    .showcase-content,.product-container,.contact-content,.footer-container,.results-grid,.test-results,.reviews-grid,.benefits-grid,.failed-grid{grid-template-columns:1fr}
    .product-gallery{position:static}
    .sourcing-timeline{flex-wrap:wrap;gap:20px}
    .sourcing-timeline::before{display:none}
    .source-step{flex:1 1 calc(50% - 20px);min-width:200px}
    .ingredients-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
    .nav-links{display:none}
    .comparison-row,.comp-row{grid-template-columns:1.5fr 1fr 1fr;font-size:12px}
    .stat-number{font-size:22px}
    .hero-overlay{left:50%;transform:translateX(-50%);bottom:15%}
    .hero-btn{padding:16px 30px;font-size:14px}
    .section-header h2,.why-failed-section h2,.sourcing-section h2,.results-section h2,.ingredients-section h2{font-size:26px}
    .source-step{flex:1 1 100%}
    .failed-grid{gap:20px}
    .failed-card h4{font-size:14px}
    .cholesterol-value{font-size:48px}
    .test-results{grid-template-columns:1fr 1fr}
    .blood-test-section{padding:30px 20px}
    .blood-test-section h3{font-size:22px}
    .test-value{font-size:28px}
    .reviews-grid{gap:16px}
    .review-image{height:200px}
    .bundle-content{flex-wrap:wrap}
    .bundle-image{width:50px;height:50px}
    .bundle-price{width:100%;text-align:left;margin-top:10px;display:flex;align-items:center;gap:12px}
    .sale-price{font-size:18px}
    .footer-container{grid-template-columns:1fr 1fr}
    .stats-container{gap:15px}
    .stat-item{min-width:80px}
    .product-details h1{font-size:22px}
    .social-proof{flex-direction:column;text-align:center;gap:8px}
}
@media(max-width:480px){
    .announcement-bar p{font-size:11px}
    .logo-text{font-size:22px}
    .stats-container{justify-content:center}
    .stat-item{min-width:70px}
    .stat-number{font-size:18px}
    .stat-label{font-size:9px}
    .section-header h2,.why-failed-section h2{font-size:22px}
    .benefit-card{padding:24px}
    .benefit-icon{font-size:36px}
    .showcase-price{flex-wrap:wrap}
    .new-price{font-size:28px}
    .test-results{grid-template-columns:1fr}
    .footer-container{grid-template-columns:1fr}
    .trust-icons{flex-direction:column;align-items:center}
    .bundle-info{min-width:0}
    .bundle-name{font-size:13px}
    .customer-photos{gap:8px}
    .customer-photo{width:50px;height:50px}
}

/* ========== POLICY PAGES ========== */
.policy-hero{background:linear-gradient(135deg,var(--dark),var(--dark2));padding:80px 24px;text-align:center}
.policy-hero h1{font-size:42px;color:#fff;margin-bottom:16px}
.policy-hero p{color:var(--gray);font-size:16px}

.policy-content{padding:60px 0;background:var(--cream)}
.policy-text{max-width:800px;margin:0 auto;background:#fff;padding:50px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.05)}
.policy-text h2{font-size:22px;color:var(--dark);margin:30px 0 15px;padding-top:20px;border-top:1px solid #eee}
.policy-text h2:first-child{margin-top:0;padding-top:0;border-top:none}
.policy-text p{color:#555;margin-bottom:15px;line-height:1.8}
.policy-text ul,.policy-text ol{margin:15px 0 15px 20px;color:#555}
.policy-text li{margin-bottom:10px;line-height:1.7}
.policy-text a{color:var(--gold-dark);text-decoration:underline}

/* About Page */
.about-content{padding:60px 0;background:var(--cream)}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:60px}
.about-text h2{font-size:28px;color:var(--dark);margin-bottom:20px}
.about-text p{color:#555;margin-bottom:20px;line-height:1.8}
.about-image img{max-width:400px;margin:0 auto;display:block}

.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.value-card{background:#fff;padding:30px;border-radius:16px;text-align:center;box-shadow:0 4px 20px rgba(0,0,0,.05)}
.value-icon{font-size:40px;margin-bottom:15px}
.value-card h3{font-size:16px;color:var(--dark);margin-bottom:8px;font-family:'Montserrat',sans-serif}
.value-card p{font-size:13px;color:#666}

.cta-section{background:var(--dark);padding:80px 24px;text-align:center}
.cta-section h2{color:#fff;font-size:32px;margin-bottom:16px}
.cta-section p{color:var(--gray);margin-bottom:30px}

/* Refund Page */
.guarantee-badge{background:linear-gradient(135deg,#fff9e6,#fff3cd);padding:40px;border-radius:20px;text-align:center;margin-bottom:40px;border:2px solid var(--gold)}
.guarantee-badge .guarantee-icon{font-size:60px;margin-bottom:15px}
.guarantee-badge h3{font-size:24px;color:var(--dark);margin-bottom:10px}
.guarantee-badge p{color:#666;max-width:500px;margin:0 auto}

.timeline-box{background:#f8f8f8;border-radius:12px;padding:24px;margin:20px 0}
.timeline-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px dashed #ddd}
.timeline-item:last-child{border-bottom:none}
.timeline-day{background:var(--gold);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;min-width:80px;text-align:center}
.timeline-desc{margin-left:20px;color:#555}

/* ========== CHECKOUT PAGE ========== */
.checkout-page{background:#f5f5f5}
.checkout-page .navbar{background:#fff;border-bottom:1px solid #eee}
.secure-badge{background:#e8f5e9;color:var(--green);padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600}

.checkout-section{padding:40px 0}
.checkout-container{max-width:1100px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.2fr 1fr;gap:40px}

.checkout-form-side h2{font-size:28px;color:var(--dark);margin-bottom:30px}
.checkout-step{background:#fff;padding:30px;border-radius:16px;margin-bottom:20px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.checkout-step h3{display:flex;align-items:center;gap:12px;font-size:18px;color:var(--dark);margin-bottom:20px;font-family:'Montserrat',sans-serif}
.checkout-step .step-num{width:28px;height:28px;background:var(--gold);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600}

.form-group{margin-bottom:16px}
.form-group input,.form-group select{width:100%;padding:14px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px;font-family:'Montserrat',sans-serif;transition:.2s}
.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--gold)}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-row.three{grid-template-columns:1fr 1fr 1fr}

.checkbox-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#666;cursor:pointer}
.checkbox-label input{width:18px;height:18px;accent-color:var(--gold)}

.payment-methods{display:flex;gap:12px;margin-bottom:20px}
.payment-option{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;padding:16px;border:2px solid #ddd;border-radius:10px;cursor:pointer;transition:.2s}
.payment-option.selected{border-color:var(--gold);background:#fffef5}
.payment-option input{display:none}
.card-icons{font-size:20px}

.place-order-btn{width:100%;background:var(--green);color:#fff;border:none;padding:20px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:.2s}
.place-order-btn:hover{background:#1ea34d;transform:translateY(-2px)}
.place-order-btn:disabled{opacity:.7;cursor:not-allowed}

.trust-badges{display:flex;justify-content:center;gap:20px;margin-top:20px;flex-wrap:wrap}
.trust-badges span{font-size:12px;color:#666}

/* Order Summary */
.order-summary-side{position:sticky;top:100px}
.order-summary{background:#fff;padding:30px;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:20px}
.order-summary h3{font-size:18px;color:var(--dark);margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee}

.order-item{display:flex;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid #eee}
.item-image{position:relative;width:70px;height:70px}
.item-image img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid #eee}
.item-qty{position:absolute;top:-8px;right:-8px;background:var(--gold);color:#fff;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700}
.item-details{flex:1}
.item-name{display:block;font-weight:600;color:var(--dark);font-size:14px}
.item-variant{display:block;font-size:12px;color:#888;margin-top:4px}
.item-price{font-weight:600;color:var(--dark)}

.discount-code{display:flex;gap:10px;margin:20px 0}
.discount-code input{flex:1;padding:12px 16px;border:1px solid #ddd;border-radius:8px;font-size:14px}
.discount-code button{padding:12px 20px;background:var(--dark);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer}

.order-totals{padding-top:15px;border-top:1px solid #eee}
.total-row{display:flex;justify-content:space-between;padding:10px 0;font-size:14px;color:#666}
.total-row.total{font-size:18px;font-weight:700;color:var(--dark);padding-top:15px;margin-top:10px;border-top:2px solid #eee}
.discount-row{color:var(--green)}

.free-gifts{margin-top:20px;padding-top:20px;border-top:1px solid #eee}
.free-gifts h4{font-size:14px;color:var(--dark);margin-bottom:15px}
.gift-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f8f8f8;border-radius:10px;margin-bottom:10px}
.gift-item img,.gift-icon{width:40px;height:40px;border-radius:8px;object-fit:cover;display:flex;align-items:center;justify-content:center;font-size:24px}
.gift-name{display:block;font-size:13px;font-weight:500;color:var(--dark)}
.gift-value{display:block;font-size:11px;color:#888}
.free-tag{background:var(--green);color:#fff;padding:4px 10px;border-radius:20px;font-size:10px;font-weight:700;margin-left:auto}

.guarantee-box{display:flex;align-items:center;gap:15px;background:#fff;padding:20px;border-radius:16px;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.guarantee-box .guarantee-icon{font-size:36px}
.guarantee-box strong{display:block;color:var(--dark);margin-bottom:4px}
.guarantee-box p{font-size:12px;color:#666;margin:0}

/* ========== MODAL & SCRATCH CARD ========== */
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:3000;opacity:0;visibility:hidden;transition:.3s;padding:20px}
.modal-overlay.active{opacity:1;visibility:visible}
.modal-content{background:#fff;padding:50px;border-radius:24px;text-align:center;max-width:450px;width:100%;max-height:90vh;overflow-y:auto}

.modal-success .success-icon{width:80px;height:80px;background:var(--green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:40px;margin:0 auto 20px}
.modal-success h2{font-size:28px;color:var(--dark);margin-bottom:10px}
.modal-success p{color:#666;margin-bottom:10px}
.order-number{background:#f8f8f8;padding:12px 20px;border-radius:10px;font-size:14px;color:var(--dark);display:inline-block;margin-top:10px}

.scratch-card-section{margin-top:30px;padding-top:30px;border-top:1px solid #eee}
.scratch-card-section h3{font-size:20px;color:var(--dark);margin-bottom:10px}
.scratch-card-section>p{color:#666;font-size:14px;margin-bottom:20px}

.scratch-card-container{display:flex;justify-content:center}
.scratch-card{position:relative;width:280px;height:150px;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.15)}
#scratchCanvas{position:absolute;top:0;left:0;cursor:pointer;transition:opacity .3s;z-index:2}
.prize-reveal{position:absolute;inset:0;background:linear-gradient(135deg,#1a1a24,#2d2d3a);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}
.prize-amount{font-size:36px;font-weight:700;color:var(--gold-light);font-family:'Playfair Display',serif}
.prize-text{font-size:14px;margin:5px 0 15px}
.prize-code{background:rgba(255,255,255,.1);padding:8px 16px;border-radius:8px;font-size:12px}

.scratch-hint{font-size:12px;color:#888;margin-top:15px}
.modal-btn{margin-top:25px}

/* Responsive for new pages */
@media(max-width:1024px){
    .checkout-container{grid-template-columns:1fr}
    .order-summary-side{position:static}
    .about-grid{grid-template-columns:1fr}
    .values-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:768px){
    .policy-hero h1{font-size:32px}
    .policy-text{padding:30px 20px}
    .form-row{grid-template-columns:1fr}
    .values-grid{grid-template-columns:1fr}
    .payment-methods{flex-direction:column}
    .trust-badges{flex-direction:column;align-items:center}
}
@media(max-width:480px){
    .checkout-step{padding:20px}
    .order-summary{padding:20px}
    .modal-content{padding:30px 20px}
}

/* Cart Item Styles */
.cart-item{display:flex;align-items:flex-start;gap:15px;padding:20px 0;border-bottom:1px solid #eee}
.cart-item-img{width:70px;height:70px;object-fit:contain;border-radius:8px;background:#f8f8f8;padding:5px}
.cart-item-info{flex:1}
.cart-item-info h4{font-size:14px;color:#333;margin-bottom:5px;font-family:'Montserrat',sans-serif}
.cart-item-info p{font-size:12px;color:#888;margin-bottom:8px}
.cart-item-price{font-size:16px;font-weight:600;color:var(--gold-dark)}
.cart-item-remove{background:none;border:none;color:#ccc;font-size:24px;cursor:pointer;padding:0 5px}
.cart-item-remove:hover{color:var(--red)}

/* Scratch card and ebook images */
.scratch-img{width:50px;height:50px;object-fit:cover;border-radius:8px}
.gift-scratch-img{width:40px;height:40px;object-fit:cover;border-radius:8px}
.upsell-item img{width:50px;height:50px;object-fit:cover;border-radius:8px}

/* ========== CART PAGE ========== */
.cart-page-section{padding:60px 0;min-height:60vh}
.cart-page-section h1{font-size:32px;color:var(--dark);margin-bottom:30px}
.cart-table{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,.05);margin-bottom:30px}
.cart-header-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:16px 24px;background:#f8f8f8;font-weight:600;font-size:13px;color:#666;text-transform:uppercase;letter-spacing:1px}
.cart-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:24px;align-items:center;border-bottom:1px solid #eee}
.cart-row:last-child{border-bottom:none}
.cart-product{display:flex;align-items:center;gap:16px}
.cart-product img{width:80px;height:80px;object-fit:contain;background:#f8f8f8;border-radius:10px;padding:8px}
.cart-product-info h4{font-size:15px;color:var(--dark);margin-bottom:4px;font-family:'Montserrat',sans-serif}
.cart-product-info p{font-size:13px;color:#888;margin-bottom:8px}
.remove-link{background:none;border:none;color:var(--red);font-size:12px;cursor:pointer;padding:0}
.remove-link:hover{text-decoration:underline}
.cart-price,.cart-line-total{font-size:16px;font-weight:600;color:var(--dark)}
.cart-quantity{display:flex;align-items:center;gap:12px}
.cart-quantity button{width:32px;height:32px;border:1px solid #ddd;background:#fff;border-radius:6px;font-size:18px;cursor:pointer;transition:.2s}
.cart-quantity button:hover{border-color:var(--gold);color:var(--gold)}
.cart-quantity span{font-size:16px;font-weight:500;min-width:20px;text-align:center}
.cart-summary{background:#fff;padding:30px;border-radius:16px;max-width:400px;margin-left:auto;box-shadow:0 2px 10px rgba(0,0,0,.05)}
.cart-subtotal{display:flex;justify-content:space-between;font-size:18px;font-weight:600;color:var(--dark);margin-bottom:12px}
.cart-note{font-size:13px;color:#888;margin-bottom:20px}
.checkout-btn-large{display:block;width:100%;background:var(--dark);color:#fff;text-align:center;padding:18px;border-radius:10px;font-size:15px;font-weight:600;margin-bottom:16px;transition:.2s}
.checkout-btn-large:hover{background:#2a2a3a}
.continue-shopping{display:block;text-align:center;color:var(--gold-dark);font-size:14px}
.continue-shopping:hover{text-decoration:underline}
.cart-empty-page{text-align:center;padding:80px 20px}
.cart-empty-page p{font-size:18px;color:#666;margin-bottom:24px}

/* Checkout Info Box */
.checkout-info-box{background:#e8f5e9;border:1px solid #c8e6c9;padding:16px 20px;border-radius:10px;margin-bottom:20px}
.checkout-info-box p{color:#2e7d32;font-size:14px;margin:0}

/* Thank You Page */
.thank-you-section{padding:80px 0;text-align:center;min-height:60vh}
.thank-you-section .success-icon{width:100px;height:100px;background:var(--green);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:50px;margin:0 auto 30px}
.thank-you-section h1{font-size:36px;color:var(--dark);margin-bottom:16px}
.thank-you-section p{color:#666;font-size:16px;margin-bottom:12px}
.thank-you-section .order-number{background:#f8f8f8;padding:16px 30px;border-radius:10px;display:inline-block;margin:20px 0 30px}

@media(max-width:768px){
    .cart-header-row{display:none}
    .cart-row{grid-template-columns:1fr;gap:16px}
    .cart-product{flex-direction:column;text-align:center}
    .cart-quantity{justify-content:center}
    .cart-price,.cart-line-total{text-align:center}
    .cart-summary{max-width:100%}
}

/* ========== NAV ACTIONS ========== */
.nav-actions{display:flex;align-items:center;gap:12px}
.account-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:transparent;color:#333;transition:all .2s}
.account-btn:hover{background:var(--cream);color:var(--gold-dark)}
.product-page .account-btn{color:#333}
.product-page .account-btn:hover{color:var(--gold-dark)}

/* ========== FOOTER ENHANCEMENTS ========== */
.footer-container{grid-template-columns:2fr 1fr 1fr 1fr 1.5fr}
.footer-social{display:flex;gap:12px;margin-top:20px}
.footer-social a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(255,255,255,.1);border-radius:50%;color:var(--gray);transition:all .2s}
.footer-social a:hover{background:var(--gold);color:#fff}
.footer-newsletter{display:flex;flex-direction:column;gap:10px}
.footer-newsletter input{padding:12px 16px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:14px}
.footer-newsletter input::placeholder{color:#888}
.footer-newsletter input:focus{outline:none;border-color:var(--gold)}
.footer-newsletter button{padding:12px 20px;background:var(--gold);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:13px;cursor:pointer;transition:all .2s}
.footer-newsletter button:hover{background:var(--gold-dark)}
@media(max-width:1024px){.footer-container{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:768px){.footer-container{grid-template-columns:1fr 1fr}.nav-actions{gap:8px}}
@media(max-width:480px){.footer-container{grid-template-columns:1fr}}