/*
Theme Name: Fitness Bioforce
Theme URI: https://fitnessbioforce.org
Author: BTPL Soft
Version: 8.0.0
Text Domain: fitness-bioforce
Description: Production-level premium supplement brand — modern, polished, conversion-optimized.
*/

/* ============================================
   CSS VARIABLES — Premium Light Theme
   ============================================ */
:root {
    --black: #000000;
    --white: #FFFFFF;
    --gold: #B8860B;
    --gold-light: #D4A333;
    --gold-dark: #9A7209;
    --gold-glow: rgba(184,134,11,0.12);
    --gray-50: #FAFAFA;
    --gray-100: #F5F5F5;
    --gray-200: #E5E5E5;
    --gray-300: #D4D4D4;
    --gray-400: #A3A3A3;
    --gray-500: #737373;
    --gray-600: #525252;
    --gray-700: #404040;
    --gray-800: #262626;
    --gray-900: #171717;
    --gray-950: #0A0A0A;

    --primary: #B8860B;
    --primary-dark: #9A7209;
    --primary-light: #D4A333;
    --accent: #B8860B;
    --success: #059669;
    --success-bg: rgba(5,150,105,0.08);
    --danger: #DC2626;
    --info: #2563EB;

    --bg-body: #FFFFFF;
    --bg-card: #FFFFFF;
    --bg-surface: #FAFAFA;
    --bg-muted: #F5F5F5;
    --bg-elevated: #FFFFFF;
    --bg-warm: #FFFBF0;

    --text-primary: #171717;
    --text-heading: #171717;
    --text-body: #525252;
    --text-muted: #737373;
    --text-light: #A3A3A3;
    --text-inverse: #FFFFFF;

    --border: #E5E5E5;
    --border-light: #F0F0F0;
    --border-focus: var(--gold);

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-full: 50px;

    --transition: all 0.25s cubic-bezier(0.4,0,0.2,1);
    --transition-fast: all 0.15s cubic-bezier(0.4,0,0.2,1);
    --transition-slow: all 0.4s cubic-bezier(0.4,0,0.2,1);

    --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -2px rgba(0,0,0,0.05);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.08), 0 4px 6px -4px rgba(0,0,0,0.05);
    --shadow-xl: 0 20px 25px -5px rgba(0,0,0,0.08), 0 8px 10px -6px rgba(0,0,0,0.04);
    --shadow-2xl: 0 25px 50px -12px rgba(0,0,0,0.15);
    --shadow-gold: 0 4px 14px rgba(184,134,11,0.25);
    --shadow-card: 0 1px 3px rgba(0,0,0,0.04);
    --shadow-card-hover: 0 12px 24px rgba(0,0,0,0.08);
}

/* ============================================
   RESET & BASE
   ============================================ */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{
    font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
    background:var(--bg-body);color:var(--text-body);line-height:1.65;font-size:16px;overflow-x:hidden;
}
a{text-decoration:none;color:inherit;transition:var(--transition)}
ul{list-style:none}
img{max-width:100%;height:auto;display:block}
h1,h2,h3,h4,h5,h6{color:var(--text-heading);line-height:1.15;font-weight:800}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.container-wide{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}
::selection{background:var(--gold);color:#fff}

/* ============================================
   ANNOUNCEMENT BAR
   ============================================ */
.announcement-bar{
    background:linear-gradient(90deg, #FFFBF0 0%, #FFF8E7 50%, #FFFBF0 100%);
    color:var(--gray-700);padding:10px 0;overflow:hidden;
    font-size:0.72rem;font-weight:600;
    letter-spacing:1.5px;text-transform:uppercase;
    position:relative;z-index:1001;
    border-bottom:1px solid rgba(184,134,11,0.12);
}
.announcement-bar a{color:var(--gold-dark);font-weight:700;transition:var(--transition)}
.announcement-bar a:hover{color:var(--gold);text-decoration:underline}
.announcement-ticker{
    display:flex;align-items:center;
    animation:ticker 30s linear infinite;white-space:nowrap;
}
.announcement-ticker span{display:inline-block;padding:0 32px}
.announcement-ticker .ticker-dot{
    display:inline-block;width:4px;height:4px;
    background:var(--gold);border-radius:50%;margin:0 12px;flex-shrink:0;
}
@keyframes ticker{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* ============================================
   HEADER / NAVBAR — Premium Ultra
   ============================================ */
.site-header{
    position:fixed;top:0;left:0;right:0;z-index:1000;
    padding:0;background:rgba(255,255,255,0.85);
    backdrop-filter:blur(12px) saturate(1.4);-webkit-backdrop-filter:blur(12px) saturate(1.4);
    transition:all 0.4s cubic-bezier(0.16,1,0.3,1);
    border-bottom:1px solid rgba(0,0,0,0.04);
}
.site-header.has-announcement{top:38px}
.site-header.scrolled{
    background:rgba(255,255,255,0.97);
    backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);
    box-shadow:0 1px 0 rgba(0,0,0,0.06), 0 4px 24px rgba(0,0,0,0.05);
    border-bottom-color:transparent;
}
.site-header.scrolled .header-inner{height:64px}
.site-header.scrolled.has-announcement{top:0}
.header-inner{
    display:flex;align-items:center;justify-content:space-between;
    height:72px;gap:24px;
    transition:height 0.35s cubic-bezier(0.16,1,0.3,1);
}

/* Logo */
.site-logo{display:flex;align-items:center}
.logo-text{
    font-size:1.3rem;font-weight:900;color:var(--text-heading);
    letter-spacing:2.5px;text-transform:uppercase;
    position:relative;
    transition:var(--transition);
}
.logo-text span{
    color:transparent;
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
    -webkit-background-clip:text;background-clip:text;
}
.site-logo:hover .logo-text{
    transform:scale(1.02);
}

/* Navigation Links */
.main-nav ul{display:flex;align-items:center;gap:2px}
.main-nav a{
    display:block;padding:8px 16px;
    font-size:0.76rem;font-weight:600;color:var(--text-muted);
    text-transform:uppercase;letter-spacing:1.2px;
    border-radius:var(--radius-sm);transition:all 0.25s ease;
    position:relative;
}
.main-nav a::after{
    content:'';
    position:absolute;
    bottom:2px;left:50%;right:50%;
    height:2px;
    background:linear-gradient(135deg, var(--gold), var(--gold-dark));
    border-radius:2px;
    transition:all 0.3s cubic-bezier(0.16,1,0.3,1);
    opacity:0;
}
.main-nav a:hover{color:var(--text-heading)}
.main-nav a:hover::after{
    left:16px;right:16px;
    opacity:1;
}
.main-nav .current-menu-item a{
    color:var(--gold-dark);
    font-weight:700;
}
.main-nav .current-menu-item a::after{
    left:16px;right:16px;
    opacity:1;
}

/* Header Actions */
.header-actions{display:flex;align-items:center;gap:8px}
.header-social{display:flex;gap:2px}
.header-social a{
    display:inline-flex;align-items:center;justify-content:center;
    width:36px;height:36px;color:var(--text-muted);
    border-radius:50%;transition:all 0.25s ease;
}
.header-social a:hover{
    color:var(--gold);
    background:rgba(184,134,11,0.08);
    transform:translateY(-1px);
}
.header-social svg{width:15px;height:15px}

/* Search Button */
.header-search-toggle{
    display:inline-flex;align-items:center;justify-content:center;
    width:38px;height:38px;
    background:transparent;border:1.5px solid var(--border-light);
    border-radius:50%;cursor:pointer;
    color:var(--text-muted);
    transition:all 0.25s ease;
}
.header-search-toggle:hover{
    color:var(--gold);
    border-color:var(--gold);
    background:rgba(184,134,11,0.04);
    transform:translateY(-1px);
}

/* Search Overlay */
.header-search-overlay{
    position:absolute;top:100%;left:0;right:0;
    background:rgba(255,255,255,0.98);
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
    padding:0;
    max-height:0;overflow:hidden;
    transition:all 0.35s cubic-bezier(0.16,1,0.3,1);
    border-bottom:1px solid transparent;
    box-shadow:none;
}
.header-search-overlay.active{
    max-height:80px;
    padding:16px 0;
    border-bottom-color:var(--border-light);
    box-shadow:0 8px 32px rgba(0,0,0,0.06);
}
.header-search-form{
    display:flex;align-items:center;gap:12px;
    max-width:600px;margin:0 auto;
    background:var(--bg-surface);
    border:1.5px solid var(--border-light);
    border-radius:var(--radius-full);
    padding:4px 8px 4px 20px;
    transition:border-color 0.25s ease;
}
.header-search-form:focus-within{
    border-color:var(--gold);
    box-shadow:0 0 0 3px rgba(184,134,11,0.1);
}
.header-search-form svg{
    flex-shrink:0;color:var(--text-muted);
}
.header-search-form input{
    flex:1;border:none;outline:none;background:transparent;
    font-family:inherit;font-size:0.88rem;
    color:var(--text-heading);padding:10px 0;
}
.header-search-form input::placeholder{color:var(--text-muted);font-size:0.85rem}
.header-search-close{
    display:inline-flex;align-items:center;justify-content:center;
    width:34px;height:34px;
    background:transparent;border:none;cursor:pointer;
    color:var(--text-muted);border-radius:50%;
    transition:all 0.2s ease;
}
.header-search-close:hover{
    color:var(--text-heading);
    background:var(--gray-100);
}

/* Shop Now Button — Premium */
.btn-shop-now{
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 24px;
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
    color:#fff;font-weight:700;font-size:0.7rem;letter-spacing:1.5px;
    text-transform:uppercase;border-radius:var(--radius-full);
    transition:all 0.3s cubic-bezier(0.16,1,0.3,1);
    box-shadow:0 2px 12px rgba(184,134,11,0.25);
    position:relative;overflow:hidden;
}
.btn-shop-now::before{
    content:'';
    position:absolute;top:0;left:-100%;
    width:100%;height:100%;
    background:linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
    transition:left 0.5s ease;
}
.btn-shop-now:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 24px rgba(184,134,11,0.35);
}
.btn-shop-now:hover::before{
    left:100%;
}
.btn-shop-now svg{
    opacity:0.9;
}

/* Mobile Toggle */
.mobile-toggle{
    display:none;flex-direction:column;justify-content:center;gap:5px;
    width:40px;height:40px;padding:9px;
    background:transparent;border:1.5px solid var(--border-light);
    border-radius:var(--radius);cursor:pointer;
    transition:all 0.25s ease;
}
.mobile-toggle:hover{border-color:var(--gold)}
.mobile-toggle span{display:block;width:100%;height:2px;background:var(--text-heading);transition:all 0.3s cubic-bezier(0.16,1,0.3,1);border-radius:2px}
.mobile-toggle.active{border-color:var(--gold);background:rgba(184,134,11,0.04)}
.mobile-toggle.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}
.mobile-toggle.active span:nth-child(2){opacity:0;transform:scaleX(0)}
.mobile-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}

/* Transparent header on front page */
.header-transparent{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent}
.header-transparent .logo-text{color:#fff}
.header-transparent .logo-text span{
    color:transparent;
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
    -webkit-background-clip:text;background-clip:text;
}
.header-transparent .main-nav a{color:rgba(255,255,255,0.75)}
.header-transparent .main-nav a:hover{color:#fff;background:rgba(255,255,255,0.08)}
.header-transparent .main-nav a::after{background:var(--gold)}
.header-transparent .main-nav .current-menu-item a{color:#fff}
.header-transparent .main-nav .current-menu-item a::after{opacity:1;left:16px;right:16px}
.header-transparent .header-social a{color:rgba(255,255,255,0.6);background:transparent}
.header-transparent .header-social a:hover{color:var(--gold);background:rgba(255,255,255,0.1)}
.header-transparent .header-search-toggle{color:rgba(255,255,255,0.6);border-color:rgba(255,255,255,0.2)}
.header-transparent .header-search-toggle:hover{color:var(--gold);border-color:var(--gold)}
.header-transparent .btn-shop-now{background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);color:#fff;box-shadow:0 2px 12px rgba(184,134,11,0.3)}
.header-transparent .btn-shop-now:hover{box-shadow:0 6px 24px rgba(184,134,11,0.4)}
.header-transparent .mobile-toggle{border-color:rgba(255,255,255,0.25)}
.header-transparent .mobile-toggle span{background:#fff}
.header-transparent .mobile-toggle:hover{border-color:var(--gold)}
/* Scrolled transparent */
.header-transparent.scrolled{
    background:rgba(255,255,255,0.97);
    backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);
    box-shadow:0 1px 0 rgba(0,0,0,0.06), 0 4px 24px rgba(0,0,0,0.05);
    border-bottom-color:transparent;
}
.header-transparent.scrolled .logo-text{color:var(--text-heading)}
.header-transparent.scrolled .main-nav a{color:var(--text-muted)}
.header-transparent.scrolled .main-nav a:hover{color:var(--text-heading);background:transparent}
.header-transparent.scrolled .main-nav a::after{background:linear-gradient(135deg, var(--gold), var(--gold-dark))}
.header-transparent.scrolled .main-nav .current-menu-item a{color:var(--gold-dark)}
.header-transparent.scrolled .header-social a{color:var(--text-muted)}
.header-transparent.scrolled .header-social a:hover{color:var(--gold);background:rgba(184,134,11,0.08)}
.header-transparent.scrolled .header-search-toggle{color:var(--text-muted);border-color:var(--border-light)}
.header-transparent.scrolled .header-search-toggle:hover{color:var(--gold);border-color:var(--gold)}
.header-transparent.scrolled .mobile-toggle{border-color:var(--border-light)}
.header-transparent.scrolled .mobile-toggle span{background:var(--text-heading)}

/* ============================================
   HERO — Premium Split Layout
   ============================================ */
.hero-banner{
    position:relative;overflow:hidden;
    background:#1a1a1a;
    min-height:100vh;
}

/* Slider container */
.hero-slider{
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    z-index:1;
}
.hero-slide{
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    object-fit:cover;
    object-position:center;
    opacity:0;
    transition:opacity 1.2s ease-in-out;
    animation:kenBurns 12s ease-in-out infinite alternate;
}
.hero-slide.active{
    opacity:1;
}
@keyframes kenBurns{
    0%{transform:scale(1)}
    100%{transform:scale(1.08)}
}

.hero-banner-overlay{
    position:absolute;top:0;left:0;right:0;bottom:0;
    z-index:2;
    background:linear-gradient(135deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.35) 40%, rgba(0,0,0,0.15) 100%);
}

/* Content always visible on top */
.hero-banner-content{
    position:relative;
    z-index:3;
    display:flex;
    align-items:center;
    min-height:100vh;
    padding-bottom:60px;
}

/* Slider dots */
.hero-slider-dots{
    position:absolute;
    bottom:70px;
    left:50%;
    transform:translateX(-50%);
    z-index:5;
    display:flex;
    gap:10px;
}
.hero-dot{
    width:10px;height:10px;
    border-radius:50%;
    border:2px solid rgba(255,255,255,0.6);
    background:transparent;
    cursor:pointer;
    transition:all 0.3s ease;
    padding:0;
}
.hero-dot:hover{
    border-color:#fff;
    background:rgba(255,255,255,0.3);
}
.hero-dot.active{
    background:var(--gold);
    border-color:var(--gold);
    transform:scale(1.2);
}

.hero-banner-img{
    width:100%;display:block;
    min-height:100vh;object-fit:cover;object-position:center;
}
.btn-hero-shop{
    display:inline-flex;align-items:center;gap:10px;
    padding:18px 48px;
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
    color:#fff;font-weight:800;font-size:0.82rem;letter-spacing:2px;
    text-transform:uppercase;border-radius:var(--radius-full);
    transition:var(--transition);box-shadow:var(--shadow-gold);
}
.btn-hero-shop:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 30px rgba(184,134,11,0.4);
    filter:brightness(1.1);
}

/* Fallback hero (no image) — legacy */
.hero-banner.no-image{min-height:100vh;display:flex;align-items:center}
.hero-banner-fallback{display:none;padding:0;width:100%}
.hero-banner.no-image .hero-banner-fallback{display:flex;align-items:center}
.hero-banner.no-image .hero-banner-cta{display:none}
.hero-fb-content{max-width:680px;padding:80px 0 80px;padding-left:5%}
.hero-fb-tagline{
    display:inline-block;padding:8px 20px;
    background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);
    border-radius:var(--radius-full);
    font-size:0.75rem;color:var(--gold-light);
    letter-spacing:3px;text-transform:uppercase;margin-bottom:28px;font-weight:600;
    backdrop-filter:blur(8px);
}
.hero-fb-title{
    font-size:4.5rem;font-weight:900;color:#fff;
    line-height:1;letter-spacing:-2px;
    margin-bottom:24px;
    text-shadow:0 2px 40px rgba(0,0,0,0.3);
}
.hero-fb-title span{
    color:transparent;
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
    -webkit-background-clip:text;background-clip:text;
}
.hero-fb-desc{
    font-size:1.05rem;color:rgba(255,255,255,0.85);line-height:1.7;
    margin-bottom:36px;max-width:520px;
}
.hero-fb-badges{display:flex;gap:16px;margin-bottom:40px;flex-wrap:wrap}
.hero-fb-badges span{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 16px;
    background:rgba(255,255,255,0.1);border:1px solid rgba(255,255,255,0.2);
    border-radius:var(--radius-full);
    color:rgba(255,255,255,0.9);font-size:0.72rem;font-weight:600;
    letter-spacing:1px;text-transform:uppercase;
    backdrop-filter:blur(6px);
}
.hero-fb-badges span::before{
    content:'';width:6px;height:6px;border-radius:50%;
    background:var(--gold-light);flex-shrink:0;
}
.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}

/* Offer banner inside hero */
.hero-offer-strip{
    position:absolute;bottom:0;left:0;right:0;z-index:5;
    background:linear-gradient(90deg, var(--gold-dark), var(--gold), var(--gold-light));
    padding:14px 0;text-align:center;
}
.hero-offer-strip p{
    color:#fff;font-size:0.82rem;font-weight:700;letter-spacing:2px;text-transform:uppercase;
}

/* ============================================
   TRUST BAR — Floating Glass Style
   ============================================ */
.trust-bar{
    padding:0;background:transparent;
    position:relative;z-index:10;margin-top:-32px;
}
.trust-bar .container{max-width:1100px}
.trust-items{
    display:flex;justify-content:center;flex-wrap:wrap;gap:0;
    background:rgba(255,255,255,0.92);
    backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);
    border-radius:var(--radius-xl);
    box-shadow:0 8px 40px rgba(0,0,0,0.08), 0 1px 3px rgba(0,0,0,0.04);
    border:1px solid rgba(255,255,255,0.6);
    padding:20px 16px;
}
.trust-item{
    display:flex;align-items:center;gap:10px;
    font-size:0.75rem;color:var(--text-body);
    font-weight:700;letter-spacing:0.5px;
    padding:8px 24px;
    border-right:1px solid var(--border-light);
    transition:var(--transition);
}
.trust-item:last-child{border-right:none}
.trust-item:hover{color:var(--gold)}
.trust-item .trust-icon{
    display:inline-flex;align-items:center;justify-content:center;
    width:42px;height:42px;font-size:1.15rem;
    background:linear-gradient(135deg, var(--gold-glow) 0%, rgba(184,134,11,0.06) 100%);
    border:1px solid rgba(184,134,11,0.12);
    border-radius:var(--radius-full);
    transition:var(--transition);
}
.trust-item:hover .trust-icon{
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
    transform:scale(1.1);
}

/* ============================================
   SECTION STYLES — Modern Redesign
   ============================================ */
.section{padding:110px 0;position:relative;background:var(--bg-body)}
.section-white{background:var(--bg-body)}
.section-light{background:var(--bg-body)}
.section-gray{background:var(--bg-surface);padding:80px 0}
.section-warm{background:var(--bg-warm)}
.section-dark{background:linear-gradient(180deg, #F8F6F2 0%, #F3F0EA 100%);color:var(--text-heading)}
.section-darker{background:linear-gradient(180deg, #F3F0EA 0%, #EDE9E0 100%);color:var(--text-heading)}
.section-alt{
    background:linear-gradient(180deg, #F8F6F2 0%, #F3F0EA 100%);
    position:relative;
}
.section-alt::after{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg, transparent, rgba(184,134,11,0.15), transparent);
}
.section-header{text-align:center;margin-bottom:64px}
.section-badge{
    display:inline-flex;align-items:center;gap:8px;
    padding:8px 20px;margin-bottom:20px;
    background:linear-gradient(135deg, rgba(184,134,11,0.08) 0%, rgba(184,134,11,0.04) 100%);
    border:1px solid rgba(184,134,11,0.12);
    border-radius:var(--radius-full);
    font-size:0.68rem;font-weight:700;color:var(--gold);
    text-transform:uppercase;letter-spacing:2.5px;
    backdrop-filter:blur(8px);
}
.section-title{
    font-size:3.2rem;margin-bottom:18px;
    letter-spacing:-1px;font-weight:900;line-height:1.05;
    text-transform:none;
    background:linear-gradient(180deg, var(--text-heading) 0%, var(--gray-700) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.section-subtitle{
    font-size:1rem;color:var(--text-muted);
    max-width:580px;margin:0 auto;line-height:1.75;
}
.gradient-text{
    color:transparent;
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
    -webkit-background-clip:text;background-clip:text;
}

/* ============================================
   BUTTONS — Premium Rounded
   ============================================ */
.btn-primary{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:14px 36px;
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
    color:#fff;font-weight:700;font-size:0.8rem;
    border:none;cursor:pointer;transition:var(--transition);
    letter-spacing:1px;text-transform:uppercase;
    border-radius:var(--radius-full);box-shadow:var(--shadow-gold);
    position:relative;overflow:hidden;
}
.btn-primary::before{content:none}
.btn-primary:hover{
    transform:translateY(-2px);
    box-shadow:0 8px 24px rgba(184,134,11,0.35);filter:brightness(1.08);
}
.btn-secondary{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:14px 36px;
    background:transparent;color:var(--text-heading);
    font-weight:700;font-size:0.8rem;
    border:2px solid var(--border);cursor:pointer;transition:var(--transition);
    text-transform:uppercase;letter-spacing:1px;
    border-radius:var(--radius-full);
}
.btn-secondary:hover{border-color:var(--text-heading);background:var(--text-heading);color:#fff;transform:translateY(-2px)}
.btn-amazon{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;
    padding:14px 36px;
    background:linear-gradient(135deg,#FF9900,#E88B00);color:#fff;
    font-weight:800;font-size:0.8rem;
    border:none;cursor:pointer;transition:var(--transition);
    text-transform:uppercase;letter-spacing:1px;
    border-radius:var(--radius-full);
    box-shadow:0 4px 14px rgba(255,153,0,0.3);
}
.btn-amazon:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(255,153,0,0.4);filter:brightness(1.08)}
.btn-shopify{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:13px 24px;
    background:linear-gradient(135deg, var(--text-heading) 0%, var(--gray-800) 100%);
    color:#fff;
    font-weight:700;font-size:0.75rem;
    border:none;cursor:pointer;transition:var(--transition);
    width:100%;text-transform:uppercase;letter-spacing:1.2px;
    border-radius:var(--radius-lg);position:relative;overflow:hidden;
}
.btn-shopify::before{content:none}
.btn-shopify:hover{
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
    transform:translateY(-2px);
    box-shadow:0 4px 16px rgba(184,134,11,0.3);
}
.btn-outline{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:14px 36px;
    background:transparent;color:var(--text-heading);
    font-weight:700;font-size:0.8rem;
    border:1px solid var(--border);
    cursor:pointer;transition:var(--transition);
    text-transform:uppercase;letter-spacing:1px;
    border-radius:var(--radius-full);
}
.btn-outline:hover{border-color:var(--text-heading);background:var(--gray-50);transform:translateY(-2px)}
.btn-white{
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:14px 36px;
    background:rgba(255,255,255,0.95);color:var(--text-heading);
    font-weight:700;font-size:0.8rem;
    border:none;cursor:pointer;transition:var(--transition);
    text-transform:uppercase;letter-spacing:1px;
    border-radius:var(--radius-full);
    box-shadow:0 4px 12px rgba(0,0,0,0.1);
}
.btn-white:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,0.12)}

/* ============================================
   OFFER BANNERS — Premium Grid
   ============================================ */
.offers-section{padding:80px 0 60px;background:var(--bg-body)}
.offers-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.offer-card{
    position:relative;overflow:hidden;
    border-radius:var(--radius-xl);
    padding:52px 44px;min-height:280px;
    display:flex;flex-direction:column;justify-content:center;
    transition:var(--transition-slow);cursor:pointer;
}
.offer-card::before{
    content:'';position:absolute;top:0;left:0;right:0;bottom:0;
    background:linear-gradient(135deg, rgba(255,255,255,0.08) 0%, transparent 60%);
    opacity:0;transition:var(--transition-slow);
}
.offer-card:hover{transform:translateY(-6px) scale(1.01);box-shadow:0 24px 48px rgba(0,0,0,0.12)}
.offer-card:hover::before{opacity:1}
.offer-card-dark{
    background:linear-gradient(135deg, #F8F6F2 0%, #F0ECE4 60%, #E8E0D4 100%);
    color:var(--text-heading);border:1px solid var(--border);
}
.offer-card-gold{
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 40%, #E8C557 80%, #F0D76E 100%);
    color:#fff;
}
.offer-card-light{
    background:linear-gradient(135deg, #FDFCFA 0%, #F5F2ED 100%);
    border:1px solid var(--border);color:var(--text-heading);
}
.offer-card .offer-badge{
    display:inline-block;padding:6px 16px;
    border-radius:var(--radius-full);
    font-size:0.62rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;
    margin-bottom:20px;width:fit-content;
    backdrop-filter:blur(10px);
}
.offer-card-dark .offer-badge{background:linear-gradient(135deg, var(--gold), var(--gold-light));color:#fff}
.offer-card-gold .offer-badge{background:rgba(255,255,255,0.25);color:#fff;border:1px solid rgba(255,255,255,0.3)}
.offer-card-light .offer-badge{background:var(--gold-glow);color:var(--gold);border:1px solid rgba(184,134,11,0.12)}
.offer-card h3{font-size:2rem;font-weight:900;margin-bottom:10px;line-height:1.15;letter-spacing:-0.5px}
.offer-card p{font-size:0.9rem;opacity:0.75;margin-bottom:24px;line-height:1.6}
.offer-card .offer-cta{
    font-size:0.78rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;
    display:inline-flex;align-items:center;gap:8px;
    padding:10px 24px;border-radius:var(--radius-full);
    width:fit-content;transition:var(--transition);
}
.offer-card .offer-cta::after{content:'→';transition:var(--transition);font-size:1rem}
.offer-card:hover .offer-cta::after{transform:translateX(6px)}
.offer-card-dark .offer-cta{color:var(--gold);background:rgba(184,134,11,0.08);border:1px solid rgba(184,134,11,0.2)}
.offer-card-dark:hover .offer-cta{background:var(--gold);color:#fff}
.offer-card-gold .offer-cta{color:#fff;background:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.3)}
.offer-card-gold:hover .offer-cta{background:rgba(255,255,255,0.35)}
.offer-card-light .offer-cta{color:var(--gold);background:var(--gold-glow);border:1px solid rgba(184,134,11,0.15)}
.offer-card-emoji{
    position:absolute;right:24px;bottom:16px;
    font-size:5rem;opacity:0.1;
    transition:var(--transition-slow);
}
.offer-card:hover .offer-card-emoji{opacity:0.2;transform:scale(1.15) rotate(-5deg)}

/* ============================================
   NEW ARRIVALS SECTION — Modern Cards
   ============================================ */
.new-arrivals-section{
    padding:100px 0;
    background:linear-gradient(180deg, #F8F6F2 0%, #F3F0EA 50%, #F8F6F2 100%);
    position:relative;
}
.new-arrivals-section::before{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg, transparent, rgba(184,134,11,0.1), transparent);
}
.new-arrivals-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.arrival-card{
    background:var(--bg-card);border-radius:var(--radius-xl);
    overflow:hidden;transition:var(--transition-slow);
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
    border:1px solid rgba(0,0,0,0.04);
    position:relative;
}
.arrival-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 40px rgba(0,0,0,0.1);
    border-color:rgba(184,134,11,0.15);
}
.arrival-card .arrival-badge{
    position:absolute;top:16px;left:16px;z-index:2;
    padding:5px 14px;
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
    color:#fff;
    font-size:0.6rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;
    border-radius:var(--radius-full);
    box-shadow:0 2px 8px rgba(184,134,11,0.3);
}
.arrival-card-image{
    height:220px;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg, #F9F7F3 0%, #F0ECE4 100%);
    padding:24px;position:relative;overflow:hidden;
}
.arrival-card-image::after{
    content:'';position:absolute;bottom:0;left:0;right:0;height:60px;
    background:linear-gradient(to top, var(--bg-card), transparent);
}
.arrival-card-image span{font-size:3.5rem;transition:var(--transition-slow)}
.arrival-card:hover .arrival-card-image span{transform:scale(1.15) translateY(-4px)}
.arrival-card-body{padding:20px 22px}
.arrival-card-body .arrival-cat{
    font-size:0.62rem;font-weight:800;color:var(--gold);
    text-transform:uppercase;letter-spacing:2px;margin-bottom:8px;
}
.arrival-card-body h3{
    font-size:0.92rem;font-weight:800;color:var(--text-heading);
    margin-bottom:8px;line-height:1.3;letter-spacing:0;text-transform:none;
}
.arrival-card-body p{
    font-size:0.82rem;color:var(--text-muted);line-height:1.6;margin-bottom:16px;
}
.arrival-card-footer{padding:0 22px 22px}
.arrival-card-footer a{
    display:flex;align-items:center;justify-content:center;gap:8px;
    padding:12px;width:100%;
    background:linear-gradient(135deg, var(--text-heading) 0%, var(--gray-800) 100%);
    color:#fff;
    font-size:0.72rem;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;
    border-radius:var(--radius-lg);transition:var(--transition);
}
.arrival-card-footer a:hover{
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
    box-shadow:0 4px 16px rgba(184,134,11,0.3);
    transform:translateY(-1px);
}

/* ============================================
   TRENDING / PRODUCT CAROUSEL — Modern
   ============================================ */
.trending-section{padding:100px 0;background:var(--bg-body);position:relative}
.trending-header{
    display:flex;align-items:flex-end;justify-content:space-between;
    margin-bottom:44px;
}
.trending-header h2{
    font-size:2.4rem;letter-spacing:-0.5px;font-weight:900;
    text-transform:none;
    background:linear-gradient(180deg, var(--text-heading) 0%, var(--gray-700) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.trending-header .view-all{
    display:inline-flex;align-items:center;gap:8px;
    font-size:0.78rem;font-weight:700;color:var(--gold);
    letter-spacing:0.5px;padding:10px 24px;
    border:1.5px solid var(--gold);border-radius:var(--radius-full);
    transition:var(--transition);
    background:transparent;
}
.trending-header .view-all:hover{
    background:var(--gold);color:#fff;
    box-shadow:0 4px 16px rgba(184,134,11,0.3);
}
.trending-header .view-all::after{content:'→';transition:var(--transition)}
.trending-header .view-all:hover::after{transform:translateX(3px)}

.products-carousel{
    display:flex;gap:20px;overflow-x:auto;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    scrollbar-width:none;padding-bottom:20px;
}
.products-carousel::-webkit-scrollbar{display:none}
.products-carousel .product-card{
    min-width:290px;flex:0 0 290px;scroll-snap-align:start;
}

/* ============================================
   PRODUCT CARDS — Premium Modern
   ============================================ */
.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.products-grid-5{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.products-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.product-card{
    background:var(--bg-card);overflow:hidden;
    transition:var(--transition-slow);position:relative;
    border:1px solid rgba(0,0,0,0.04);
    border-radius:var(--radius-xl);
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
}
.product-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 40px rgba(0,0,0,0.1);
    border-color:rgba(184,134,11,0.12);
}
.product-card-image{
    height:220px;display:flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg, #F9F7F3 0%, #F0ECE4 100%);
    padding:24px;position:relative;overflow:hidden;
}
.product-card-image::after{
    content:'';position:absolute;inset:0;
    background:radial-gradient(circle at 50% 120%, rgba(184,134,11,0.06) 0%, transparent 60%);
}
.product-card-image img{max-height:100%;object-fit:contain;position:relative;z-index:1}
.product-card-image span{transition:var(--transition-slow);position:relative;z-index:1}
.product-card:hover .product-card-image span{transform:scale(1.12) translateY(-4px)}
.product-card-body{padding:20px 22px 12px}
.product-card-body .product-tag{
    display:inline-block;padding:4px 12px;
    background:linear-gradient(135deg, rgba(184,134,11,0.08) 0%, rgba(184,134,11,0.04) 100%);
    color:var(--gold);
    font-size:0.6rem;font-weight:800;
    text-transform:uppercase;letter-spacing:2px;margin-bottom:12px;
    border-radius:var(--radius-full);border:1px solid rgba(184,134,11,0.1);
}
.product-card-body h3{
    font-size:0.9rem;margin-bottom:8px;color:var(--text-heading);
    letter-spacing:0;font-weight:800;text-transform:none;line-height:1.3;
}
.product-card-body p{
    color:var(--text-muted);font-size:0.82rem;line-height:1.6;margin-bottom:4px;
}
.product-card-body .product-price{font-size:1.1rem;font-weight:900;color:var(--gold);margin:10px 0 4px}
.product-features{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}
.product-features span{
    padding:4px 12px;background:linear-gradient(135deg, var(--gray-50), #F5F3EF);
    border:1px solid rgba(0,0,0,0.04);
    font-size:0.65rem;color:var(--text-muted);font-weight:600;
    border-radius:var(--radius-full);
}
.product-card-footer{padding:0 22px 22px}

/* ============================================
   PROBLEM / SOLUTION — Split Cards
   ============================================ */
.problem-solution{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ps-card{
    padding:44px;background:var(--bg-card);
    border:1px solid rgba(0,0,0,0.04);
    border-radius:var(--radius-xl);
    transition:var(--transition-slow);position:relative;overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,0.03);
}
.ps-card::before{
    content:'';position:absolute;top:0;left:0;right:0;height:4px;
    border-radius:var(--radius-xl) var(--radius-xl) 0 0;
    opacity:0;transition:var(--transition-slow);
}
.ps-card::after{
    content:'';position:absolute;top:0;left:0;right:0;bottom:0;
    opacity:0;transition:var(--transition-slow);border-radius:var(--radius-xl);
}
.ps-card:hover{
    background:var(--bg-card);
    box-shadow:0 16px 40px rgba(0,0,0,0.08);
    border-color:transparent;
    transform:translateY(-4px);
}
.ps-card:hover::before{opacity:1}
.ps-card.problem-card::before{background:linear-gradient(90deg, #DC2626, #EF4444, #F87171)}
.ps-card.solution-card::before{background:linear-gradient(90deg, #059669, #10B981, #34D399)}
.ps-card.problem-card{border-left:3px solid rgba(220,38,38,0.15)}
.ps-card.solution-card{border-left:3px solid rgba(5,150,105,0.15)}
.ps-card:hover.problem-card{border-left-color:transparent}
.ps-card:hover.solution-card{border-left-color:transparent}
.ps-card h3{
    font-size:1.15rem;margin-bottom:28px;
    display:flex;align-items:center;gap:12px;
    letter-spacing:0;text-transform:none;font-weight:800;
}
.ps-card ul{display:flex;flex-direction:column;gap:16px}
.ps-card li{
    display:flex;align-items:flex-start;gap:14px;
    font-size:0.88rem;color:var(--text-body);line-height:1.65;
    padding:10px 14px;border-radius:var(--radius);
    background:var(--bg-surface);border:1px solid var(--border-light);
    transition:var(--transition);
}
.ps-card li:hover{background:var(--bg-elevated);border-color:transparent;box-shadow:var(--shadow-sm)}
.ps-card li .icon{flex-shrink:0;margin-top:2px;font-size:1rem}

/* ============================================
   SCIENCE STATS — Premium Counters
   ============================================ */
.science-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.stat-card{
    text-align:center;padding:48px 24px;
    background:var(--bg-card);
    border:1px solid rgba(0,0,0,0.04);
    border-radius:var(--radius-xl);transition:var(--transition-slow);
    position:relative;overflow:hidden;
    box-shadow:0 2px 8px rgba(0,0,0,0.03);
}
.stat-card::before{
    content:'';position:absolute;top:50%;left:50%;width:120px;height:120px;
    border-radius:50%;transform:translate(-50%,-50%);
    background:radial-gradient(circle, rgba(184,134,11,0.06) 0%, transparent 70%);
    transition:var(--transition-slow);
}
.stat-card:hover{
    background:var(--bg-card);box-shadow:0 20px 48px rgba(0,0,0,0.08);
    border-color:rgba(184,134,11,0.12);transform:translateY(-6px);
}
.stat-card:hover::before{width:200px;height:200px;background:radial-gradient(circle, rgba(184,134,11,0.1) 0%, transparent 70%)}
.stat-card .stat-value{
    font-size:3.5rem;font-weight:900;
    color:transparent;
    background:linear-gradient(135deg, var(--gold-dark) 0%, var(--gold) 50%, var(--gold-light) 100%);
    -webkit-background-clip:text;background-clip:text;
    margin-bottom:12px;line-height:1;
    position:relative;
}
.stat-card .stat-label{
    font-size:0.72rem;color:var(--text-muted);font-weight:700;
    text-transform:uppercase;letter-spacing:2px;
    position:relative;
}

/* ============================================
   TESTIMONIALS — Premium Card Style
   ============================================ */
.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testimonial-card{
    padding:40px;background:var(--bg-card);
    border:1px solid rgba(0,0,0,0.04);
    border-radius:var(--radius-xl);transition:var(--transition-slow);
    position:relative;box-shadow:0 2px 8px rgba(0,0,0,0.03);
}
.testimonial-card:hover{
    box-shadow:0 20px 48px rgba(0,0,0,0.08);
    border-color:rgba(184,134,11,0.12);
    transform:translateY(-6px);
}
.testimonial-card::before{
    content:'\201C';font-size:5rem;line-height:1;
    position:absolute;top:16px;left:32px;
    font-family:Georgia,serif;
    background:linear-gradient(135deg, rgba(184,134,11,0.15), rgba(184,134,11,0.05));
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.testimonial-stars{
    color:var(--gold);font-size:0.9rem;margin-bottom:20px;
    letter-spacing:3px;position:relative;
}
.testimonial-text{
    font-size:0.95rem;line-height:1.85;color:var(--text-body);
    margin-bottom:24px;font-style:italic;
    position:relative;
}
.testimonial-author{
    display:flex;align-items:center;gap:14px;
    font-size:0.8rem;font-weight:700;color:var(--text-heading);
    letter-spacing:0;text-transform:none;
    padding-top:20px;border-top:1px solid var(--border-light);
}
.testimonial-author::before{
    content:'';width:32px;height:3px;
    background:linear-gradient(90deg, var(--gold), var(--gold-light));
    border-radius:2px;
}

/* ============================================
   ABOUT / BIO — Modern Layout
   ============================================ */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.about-text .subtitle{
    font-size:0.85rem;color:var(--gold);font-weight:700;
    margin-bottom:24px;letter-spacing:1.5px;text-transform:uppercase;
}
.about-text p{margin-bottom:18px;line-height:1.85;color:var(--text-body);font-size:0.95rem}
.about-image-wrapper{position:relative}
.about-image-placeholder{
    width:100%;aspect-ratio:4/5;
    background:linear-gradient(135deg, #F9F7F3 0%, #F0ECE4 80%, #E8E0D4 100%);
    border:none;
    border-radius:var(--radius-xl);
    display:flex;align-items:center;justify-content:center;flex-direction:column;
    color:var(--text-muted);overflow:hidden;
    box-shadow:0 24px 48px rgba(0,0,0,0.08);
    position:relative;
}
.about-image-placeholder::before{
    content:'';position:absolute;top:-20%;right:-20%;
    width:200px;height:200px;border-radius:50%;
    background:radial-gradient(circle, rgba(184,134,11,0.08) 0%, transparent 70%);
}
.credentials-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:32px}
.credential-item{
    display:flex;align-items:center;gap:14px;padding:16px;
    background:var(--bg-surface);border:1px solid var(--border-light);
    border-radius:var(--radius);transition:var(--transition);
}
.credential-item:hover{background:var(--bg-card);box-shadow:var(--shadow-md);border-color:transparent}
.credential-icon{
    display:flex;align-items:center;justify-content:center;
    width:40px;height:40px;background:var(--gold-glow);
    border-radius:var(--radius);font-size:1rem;flex-shrink:0;
}
.credential-item span:last-child{font-size:0.82rem;color:var(--text-body);font-weight:500;line-height:1.4}

/* ============================================
   BOOK PAGE — Modern Layout
   ============================================ */
.book-grid{display:grid;grid-template-columns:380px 1fr;gap:72px;align-items:start}
.book-cover-placeholder{
    width:100%;aspect-ratio:2/3;
    background:linear-gradient(135deg, #F9F7F3 0%, #F0ECE4 80%, #E8E0D4 100%);
    border:none;
    border-radius:var(--radius-xl);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    color:var(--text-muted);gap:14px;padding:30px;text-align:center;
    box-shadow:0 24px 48px rgba(0,0,0,0.08);
    position:relative;overflow:hidden;
    transition:var(--transition-slow);
}
.book-cover-placeholder:hover{transform:rotate(-2deg) translateY(-4px);box-shadow:0 32px 64px rgba(0,0,0,0.12)}
.book-cover-placeholder::before{
    content:'';position:absolute;top:0;left:0;bottom:0;width:4px;
    background:linear-gradient(180deg, var(--gold), var(--gold-light), var(--gold));
}
.book-info h2{font-size:2.2rem;margin-top:12px;letter-spacing:-0.5px}
.book-subtitle{font-size:0.85rem;color:var(--gold);font-weight:600;margin-bottom:20px;letter-spacing:1px}
.book-info p{color:var(--text-body);line-height:1.8;margin-bottom:14px}
.book-highlights{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}
.book-highlight{
    display:flex;align-items:center;gap:10px;padding:14px 18px;
    background:var(--bg-surface);border:1px solid var(--border-light);
    font-size:0.82rem;color:var(--text-body);border-radius:var(--radius);
    transition:var(--transition);
}
.book-highlight:hover{background:var(--bg-card);box-shadow:var(--shadow-md);border-color:transparent}

/* ============================================
   RESEARCH PAGE
   ============================================ */
.research-category{
    background:var(--bg-surface);padding:40px;
    border:1px solid var(--border-light);border-radius:var(--radius-lg);
    margin-bottom:20px;
}
.research-category-title{font-size:1.4rem;margin:14px 0 24px;color:var(--text-heading);letter-spacing:-0.3px}
.citations-list{display:grid;gap:12px}
.citation-card{
    display:flex;gap:20px;padding:20px;
    background:var(--bg-card);border:1px solid var(--border-light);
    border-radius:var(--radius);transition:var(--transition);
}
.citation-card:hover{box-shadow:var(--shadow-md);border-color:transparent}
.citation-number{font-size:1.3rem;font-weight:900;color:var(--gold);flex-shrink:0;min-width:36px;line-height:1}
.citation-content h3{font-size:0.92rem;color:var(--text-heading);margin-bottom:4px;font-weight:700;letter-spacing:0}
.citation-content .citation-source{font-size:0.78rem;color:var(--gold);font-weight:700;margin-bottom:6px;letter-spacing:0.5px}
.citation-content .citation-desc{font-size:0.85rem;color:var(--text-muted);line-height:1.6;margin-bottom:8px}
.citation-link{
    display:inline-flex;align-items:center;gap:4px;
    font-size:0.78rem;color:var(--gold);font-weight:700;
    transition:var(--transition);
}
.citation-link:hover{color:var(--gold-dark)}

/* ============================================
   CONTACT PAGE
   ============================================ */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.contact-form-wrap h2,.contact-info-wrap h2{font-size:1.4rem;margin-bottom:24px;color:var(--text-heading);letter-spacing:-0.3px}
.contact-form{display:flex;flex-direction:column}
.form-group{margin-bottom:18px}
.form-group label{
    display:block;font-size:0.78rem;font-weight:600;
    color:var(--text-body);margin-bottom:8px;
    letter-spacing:0;
}
.form-group .required{color:var(--danger)}
.form-group input,.form-group textarea,.form-group select{
    width:100%;padding:12px 16px;
    background:var(--bg-body);border:1px solid var(--border);
    color:var(--text-heading);font-size:0.92rem;font-family:inherit;
    border-radius:var(--radius);transition:var(--transition);
}
.form-group input:focus,.form-group textarea:focus,.form-group select:focus{
    outline:none;border-color:var(--gold);
    box-shadow:0 0 0 3px var(--gold-glow);
}
.form-group textarea{min-height:140px;resize:vertical}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-light)}
.form-success{
    padding:14px 18px;background:var(--success-bg);
    border:1px solid rgba(5,150,105,0.2);color:var(--success);
    border-radius:var(--radius);margin-bottom:18px;font-size:0.88rem;
}
.form-error{
    padding:14px 18px;background:rgba(220,38,38,0.06);
    border:1px solid rgba(220,38,38,0.15);color:var(--danger);
    border-radius:var(--radius);margin-bottom:18px;font-size:0.88rem;
}
.contact-info-card{background:var(--bg-surface);padding:28px;border:1px solid var(--border-light);border-radius:var(--radius-lg)}
.contact-info-item{display:flex;gap:14px;padding:18px 0;border-bottom:1px solid var(--border-light)}
.contact-info-item:last-child{border-bottom:none}
.contact-info-icon{
    font-size:1.1rem;flex-shrink:0;width:40px;height:40px;
    display:flex;align-items:center;justify-content:center;
    background:var(--gold-glow);border-radius:var(--radius);
}
.contact-info-item h3{font-size:0.82rem;margin-bottom:4px;color:var(--text-heading);letter-spacing:0;text-transform:none}
.contact-info-item p{color:var(--text-muted);font-size:0.85rem;line-height:1.6}
.contact-info-item a{color:var(--gold);transition:var(--transition)}
.contact-info-item a:hover{color:var(--gold-dark)}
.contact-social{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.contact-social a{
    display:inline-flex;align-items:center;gap:8px;padding:10px 18px;
    background:var(--bg-surface);border:1px solid var(--border-light);
    color:var(--text-body);font-size:0.78rem;border-radius:var(--radius);
    transition:var(--transition);font-weight:600;
}
.contact-social a:hover{border-color:var(--gold);color:var(--gold)}
.contact-business-info{margin-top:20px;padding:20px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius)}
.contact-business-info h3{font-size:0.82rem;margin-bottom:8px;color:var(--text-heading);letter-spacing:0;text-transform:none}
.contact-business-info p{color:var(--text-muted);font-size:0.85rem;line-height:1.6}

/* ============================================
   FDA DISCLAIMER
   ============================================ */
.fda-disclaimer{padding:20px;background:var(--bg-surface);border:1px solid var(--border-light);margin-top:36px;border-radius:var(--radius)}
.fda-disclaimer p{font-size:0.75rem;color:var(--text-muted);line-height:1.8}

/* ============================================
   INGREDIENTS TABLE
   ============================================ */
.ingredients-table{width:100%;border-collapse:collapse;margin:16px 0}
.ingredients-table th,.ingredients-table td{
    padding:10px 14px;text-align:left;
    border-bottom:1px solid var(--border-light);font-size:0.85rem;
}
.ingredients-table th{color:var(--gold);font-weight:700;font-size:0.72rem;letter-spacing:1px}
.ingredients-table td{color:var(--text-body)}

/* ============================================
   NEWSLETTER — Modern Dark Section
   ============================================ */
.newsletter-section{
    padding:100px 0;
    background:linear-gradient(180deg, #F8F6F2 0%, #F3F0EA 50%, #F8F6F2 100%);
    text-align:center;position:relative;overflow:hidden;
}
.newsletter-section::before{
    content:'';position:absolute;top:-40%;right:-15%;
    width:600px;height:600px;border-radius:50%;
    background:radial-gradient(circle, rgba(184,134,11,0.06) 0%, transparent 60%);
}
.newsletter-section::after{
    content:'';position:absolute;bottom:-30%;left:-10%;
    width:400px;height:400px;border-radius:50%;
    background:radial-gradient(circle, rgba(184,134,11,0.04) 0%, transparent 60%);
}
.newsletter-section h2{
    font-size:2.8rem;font-weight:900;
    letter-spacing:-1px;margin-bottom:14px;
    position:relative;
    background:linear-gradient(180deg, var(--text-heading) 0%, var(--gray-700) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.newsletter-section p{
    color:var(--text-muted);font-size:0.95rem;margin-bottom:40px;
    position:relative;
}
.newsletter-form{
    display:flex;gap:0;max-width:520px;margin:0 auto;
    border-radius:var(--radius-full);overflow:hidden;
    box-shadow:var(--shadow-lg);
    border:1px solid var(--border);
    position:relative;
}
.newsletter-form input[type="email"]{
    flex:1;padding:18px 28px;
    background:var(--bg-card);border:none;
    color:var(--text-heading);font-size:0.9rem;font-family:inherit;
    border-radius:var(--radius-full) 0 0 var(--radius-full);
}
.newsletter-form input[type="email"]:focus{
    outline:none;background:var(--bg-card);
}
.newsletter-form input[type="email"]::placeholder{color:var(--text-light)}
.newsletter-form button{
    padding:18px 40px;
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
    color:#fff;font-weight:800;font-size:0.75rem;letter-spacing:2px;
    text-transform:uppercase;border:none;cursor:pointer;
    transition:var(--transition);white-space:nowrap;
    border-radius:0 var(--radius-full) var(--radius-full) 0;
}
.newsletter-form button:hover{
    filter:brightness(1.15);
    box-shadow:0 0 24px rgba(184,134,11,0.3);
}

/* ============================================
   ONNIT-STYLE PRODUCT SHOWCASE
   ============================================ */
.onnit-products{
    padding:100px 0 80px;
    background:var(--bg-body);
    overflow:hidden;
    position:relative;
}
.onnit-products::before{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg, transparent, rgba(184,134,11,0.12), transparent);
}
.onnit-container{
    max-width:1340px;
    margin:0 auto;
    padding:0 40px;
}
.onnit-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-bottom:56px;
}
.onnit-heading{
    font-size:clamp(2rem, 4vw, 3.2rem);
    font-weight:900;
    line-height:1.05;
    color:var(--text-heading);
    letter-spacing:-0.02em;
    text-transform:uppercase;
}
.onnit-heading sup{
    font-size:0.4em;
    vertical-align:super;
    color:var(--gold);
}
.onnit-nav{
    display:flex;
    gap:12px;
}
.onnit-nav-btn{
    display:flex;
    align-items:center;
    gap:6px;
    background:transparent;
    border:2px solid var(--border);
    color:var(--text-heading);
    padding:10px 22px;
    font-family:'Inter',sans-serif;
    font-size:0.75rem;
    font-weight:700;
    letter-spacing:0.12em;
    text-transform:uppercase;
    cursor:pointer;
    transition:all 0.3s ease;
    border-radius:var(--radius-full);
}
.onnit-nav-btn:hover{
    border-color:var(--gold);
    color:var(--gold);
    background:var(--gold-glow);
}
.onnit-track-wrapper{
    overflow:hidden;
    margin:0 -10px;
}
.onnit-track{
    display:flex;
    gap:20px;
    transition:transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    padding:0 10px;
}
.onnit-card{
    min-width:calc((100% - 80px) / 5);
    max-width:calc((100% - 80px) / 5);
    background:var(--bg-card);
    border-radius:var(--radius-xl);
    overflow:hidden;
    position:relative;
    transition:transform 0.4s ease, box-shadow 0.4s ease;
    flex-shrink:0;
    border:1px solid var(--border-light);
    box-shadow:var(--shadow-sm);
}
.onnit-card:hover{
    transform:translateY(-8px);
    box-shadow:var(--shadow-xl);
    border-color:rgba(184,134,11,0.15);
}
.onnit-card-badge{
    position:absolute;
    top:14px;
    left:14px;
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
    color:#fff;
    font-size:0.62rem;
    font-weight:800;
    letter-spacing:0.1em;
    text-transform:uppercase;
    padding:5px 14px;
    border-radius:var(--radius-full);
    z-index:2;
    box-shadow:0 2px 8px rgba(184,134,11,0.3);
}
.onnit-card-image{
    display:flex;
    align-items:center;
    justify-content:center;
    height:240px;
    background:linear-gradient(135deg, #F9F7F3 0%, #F0ECE4 100%);
    text-decoration:none;
    position:relative;
    overflow:hidden;
}
.onnit-card-image::after{
    content:'';
    position:absolute;
    bottom:0;left:0;right:0;
    height:60px;
    background:linear-gradient(to top, var(--bg-card), transparent);
}
.onnit-emoji{
    font-size:5rem;
    filter:drop-shadow(0 6px 20px rgba(0,0,0,0.08));
    transition:transform 0.4s ease;
}
.onnit-card-image img{
    width:100%;height:100%;object-fit:contain;
    padding:12px;
    transition:transform 0.4s ease;
    position:relative;z-index:1;
}
.onnit-card:hover .onnit-card-image img{
    transform:scale(1.08);
}
.onnit-card:hover .onnit-emoji{
    transform:scale(1.12) rotate(-3deg);
}
.onnit-card-info{
    padding:22px 22px 24px;
}
.onnit-card-name{
    font-size:0.85rem;
    font-weight:800;
    color:var(--text-heading);
    letter-spacing:0.04em;
    text-transform:uppercase;
    margin-bottom:4px;
    line-height:1.3;
}
.onnit-card-cat{
    font-size:0.68rem;
    font-weight:700;
    color:var(--gold);
    letter-spacing:0.1em;
    text-transform:uppercase;
    margin-bottom:10px;
}
.onnit-card-desc{
    font-size:0.8rem;
    color:var(--text-muted);
    line-height:1.6;
    margin-bottom:20px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.onnit-card-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}
.onnit-card-price{
    font-size:1.15rem;
    font-weight:900;
    color:var(--text-heading);
    letter-spacing:-0.01em;
}
.onnit-add-to-cart{
    display:inline-block;
    background:linear-gradient(135deg, var(--text-heading) 0%, var(--gray-800) 100%);
    color:#fff;
    font-size:0.65rem;
    font-weight:800;
    letter-spacing:0.1em;
    text-transform:uppercase;
    padding:11px 20px;
    border-radius:var(--radius-full);
    text-decoration:none;
    transition:all 0.3s ease;
    white-space:nowrap;
}
.onnit-add-to-cart:hover{
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
    color:#fff;
    transform:translateY(-2px);
    box-shadow:0 4px 16px rgba(184,134,11,0.3);
}
.onnit-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-top:40px;
}
.onnit-shop-btn{
    display:inline-block;
    background:transparent;
    color:var(--text-heading);
    border:2px solid var(--text-heading);
    font-size:0.75rem;
    font-weight:800;
    letter-spacing:0.12em;
    text-transform:uppercase;
    padding:14px 40px;
    border-radius:var(--radius-full);
    text-decoration:none;
    transition:all 0.3s ease;
}
.onnit-shop-btn:hover{
    background:var(--text-heading);
    color:#fff;
}
.onnit-dots{
    display:flex;
    gap:8px;
}
.onnit-dot{
    width:10px;
    height:10px;
    border-radius:50%;
    background:var(--gray-200);
    cursor:pointer;
    transition:all 0.3s ease;
}
.onnit-dot.active{
    background:var(--gold);
    transform:scale(1.2);
}

/* Responsive — Onnit Products */
@media(max-width:1200px){
    .onnit-card{
        min-width:calc((100% - 60px) / 4);
        max-width:calc((100% - 60px) / 4);
    }
}
@media(max-width:1024px){
    .onnit-card{
        min-width:calc((100% - 40px) / 3);
        max-width:calc((100% - 40px) / 3);
    }
    .onnit-heading{font-size:clamp(1.6rem, 3.5vw, 2.4rem)}
}
@media(max-width:768px){
    .onnit-products{padding:60px 0 40px}
    .onnit-container{padding:0 20px}
    .onnit-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}
    .onnit-card{
        min-width:calc((100% - 20px) / 2);
        max-width:calc((100% - 20px) / 2);
    }
    .onnit-card-image{height:200px}
    .onnit-emoji{font-size:3.8rem}
    .onnit-footer{flex-direction:column;gap:24px;align-items:center}
}
@media(max-width:480px){
    .onnit-card{
        min-width:calc(100% - 20px);
        max-width:calc(100% - 20px);
    }
    .onnit-card-image{height:200px}
    .onnit-emoji{font-size:4rem}
    .onnit-heading{font-size:1.6rem}
}

/* ============================================
   LIFESTYLE BANNER — Ghost Style
   ============================================ */
.lifestyle-banner{
    position:relative;
    width:100%;
    min-height:85vh;
    overflow:hidden;
    display:flex;
    align-items:flex-end;
    background:#1a1a1a;
}
.lifestyle-banner-img{
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    object-fit:cover;
    object-position:center top;
    z-index:1;
}
.lifestyle-banner.no-img{
    background:linear-gradient(135deg, #2d2d2d 0%, #0d0d0d 40%, #1a1a1a 100%);
}
.lifestyle-overlay{
    position:absolute;
    inset:0;
    z-index:2;
    background:linear-gradient(
        180deg,
        transparent 0%,
        transparent 30%,
        rgba(0,0,0,0.15) 50%,
        rgba(0,0,0,0.55) 75%,
        rgba(0,0,0,0.8) 100%
    );
}
.lifestyle-content{
    position:relative;
    z-index:3;
    padding:60px 60px 80px;
    max-width:800px;
}
.lifestyle-tagline{
    font-size:0.72rem;
    font-weight:700;
    letter-spacing:3px;
    text-transform:uppercase;
    color:rgba(255,255,255,0.7);
    margin-bottom:20px;
}
.lifestyle-heading{
    font-size:clamp(3.5rem, 8vw, 7rem);
    font-weight:900;
    color:#fff;
    line-height:0.92;
    letter-spacing:-2px;
    margin-bottom:36px;
    text-transform:uppercase;
}
.lifestyle-btn{
    display:inline-block;
    padding:16px 48px;
    font-size:0.78rem;
    font-weight:800;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#fff;
    background:transparent;
    border:2px solid #fff;
    text-decoration:none;
    transition:all 0.3s ease;
}
.lifestyle-btn:hover{
    background:#fff;
    color:#000;
}

/* Responsive — Lifestyle Banner */
@media(max-width:1024px){
    .lifestyle-banner{min-height:70vh}
    .lifestyle-content{padding:40px 40px 60px}
}
@media(max-width:768px){
    .lifestyle-banner{min-height:60vh}
    .lifestyle-content{padding:30px 24px 50px}
    .lifestyle-heading{letter-spacing:-1px}
    .lifestyle-tagline{font-size:0.65rem;letter-spacing:2px}
}
@media(max-width:480px){
    .lifestyle-banner{min-height:55vh}
    .lifestyle-content{padding:24px 20px 40px}
    .lifestyle-heading{letter-spacing:-0.5px}
    .lifestyle-btn{padding:14px 36px;font-size:0.72rem}
}

/* ============================================
   ALL PRODUCTS — 4x2 Grid
   ============================================ */
.all-products-section{
    padding:100px 0;
    background:linear-gradient(180deg, #F8F6F2 0%, #F3F0EA 50%, #F8F6F2 100%);
    position:relative;
}
.all-products-section::before{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg, transparent, rgba(184,134,11,0.1), transparent);
}
.section-header-row{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    margin-bottom:40px;
}
.section-header-row .section-badge{
    display:inline-block;
    font-size:0.65rem;
    font-weight:800;
    letter-spacing:2.5px;
    text-transform:uppercase;
    color:var(--gold);
    margin-bottom:8px;
}
.section-header-row .section-title{
    font-size:2.2rem;
    font-weight:900;
    color:var(--text-heading);
    letter-spacing:-0.5px;
    line-height:1.1;
}
.view-all-link{
    font-size:0.82rem;
    font-weight:700;
    color:var(--gold);
    text-decoration:none;
    letter-spacing:0.5px;
    white-space:nowrap;
    padding:10px 24px;
    border:1.5px solid var(--gold);
    border-radius:var(--radius-full);
    transition:var(--transition);
}
.view-all-link:hover{
    background:var(--gold);
    color:#fff;
    box-shadow:var(--shadow-gold);
}
.products-grid-8{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
}
.cat-product-card{
    background:var(--bg-card);
    border-radius:var(--radius-xl);
    overflow:hidden;
    position:relative;
    border:1px solid rgba(0,0,0,0.04);
    box-shadow:var(--shadow-sm);
    transition:var(--transition-slow);
}
.cat-product-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow-xl);
    border-color:rgba(184,134,11,0.12);
}
.cat-product-badge{
    position:absolute;
    top:14px;
    left:14px;
    color:#fff;
    font-size:0.58rem;
    font-weight:800;
    letter-spacing:0.1em;
    text-transform:uppercase;
    padding:5px 14px;
    border-radius:var(--radius-full);
    z-index:2;
    box-shadow:0 2px 8px rgba(0,0,0,0.15);
}
.cat-product-image{
    display:flex;
    align-items:center;
    justify-content:center;
    height:200px;
    background:linear-gradient(135deg, #F9F7F3 0%, #F0ECE4 100%);
    text-decoration:none;
    position:relative;
    overflow:hidden;
}
.cat-product-image::after{
    content:'';
    position:absolute;
    bottom:0;left:0;right:0;
    height:50px;
    background:linear-gradient(to top, var(--bg-card), transparent);
}
.cat-product-emoji{
    font-size:3.8rem;
    filter:drop-shadow(0 4px 12px rgba(0,0,0,0.06));
    transition:transform 0.4s ease;
}
.cat-product-image img{
    width:100%;height:100%;object-fit:contain;
    padding:10px;
    transition:transform 0.4s ease;
    position:relative;z-index:1;
}
.cat-product-card:hover .cat-product-image img{
    transform:scale(1.08);
}
.cat-product-card:hover .cat-product-emoji{
    transform:scale(1.1) translateY(-4px);
}
.cat-product-info{
    padding:20px 20px 22px;
}
.cat-product-name{
    font-size:0.85rem;
    font-weight:800;
    color:var(--text-heading);
    line-height:1.3;
    margin-bottom:8px;
    letter-spacing:0;
}
.cat-product-desc{
    font-size:0.78rem;
    color:var(--text-muted);
    line-height:1.6;
    margin-bottom:14px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.cat-product-features{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:16px;
}
.cat-product-features span{
    padding:3px 10px;
    background:var(--bg-surface);
    border:1px solid var(--border-light);
    font-size:0.62rem;
    color:var(--text-muted);
    font-weight:600;
    border-radius:var(--radius-full);
    letter-spacing:0.3px;
}
.cat-product-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-top:14px;
    border-top:1px solid var(--border-light);
}
.cat-product-price{
    font-size:1.1rem;
    font-weight:900;
    color:var(--text-heading);
}
.cat-product-btn{
    display:inline-flex;
    align-items:center;
    gap:4px;
    font-size:0.72rem;
    font-weight:700;
    color:var(--gold);
    text-decoration:none;
    letter-spacing:0.5px;
    transition:var(--transition);
    padding:8px 16px;
    border:1.5px solid var(--gold);
    border-radius:var(--radius-full);
}
.cat-product-btn:hover{
    background:var(--gold);
    color:#fff;
    box-shadow:var(--shadow-gold);
}

/* Responsive — All Products */
@media(max-width:1024px){
    .products-grid-8{grid-template-columns:repeat(3, 1fr)}
}
@media(max-width:768px){
    .all-products-section{padding:60px 0}
    .products-grid-8{grid-template-columns:repeat(2, 1fr);gap:14px}
    .section-header-row{flex-direction:column;align-items:flex-start;gap:16px}
    .section-header-row .section-title{font-size:1.6rem}
    .cat-product-image{height:170px}
    .cat-product-emoji{font-size:3rem}
}
@media(max-width:480px){
    .products-grid-8{grid-template-columns:1fr 1fr;gap:10px}
    .cat-product-image{height:160px}
    .cat-product-emoji{font-size:2.8rem}
    .cat-product-info{padding:14px 14px 16px}
    .cat-product-name{font-size:0.78rem}
    .cat-product-features{display:none}
}

/* ============================================
   FOOTER CTA — Premium Dark
   ============================================ */
.footer-cta{
    padding:120px 0;
    background:#1a1a1a;
    text-align:center;position:relative;overflow:hidden;
}
.footer-cta-img{
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    object-fit:cover;
    object-position:center;
    z-index:1;
    opacity:0.35;
}
.footer-cta-overlay{
    position:absolute;
    inset:0;
    z-index:2;
    background:linear-gradient(
        180deg,
        rgba(0,0,0,0.5) 0%,
        rgba(0,0,0,0.3) 50%,
        rgba(0,0,0,0.5) 100%
    );
}
.footer-cta h2{
    font-size:3rem;margin-bottom:18px;position:relative;letter-spacing:-1px;
    color:#fff;
    background:none;-webkit-background-clip:unset;background-clip:unset;
    -webkit-text-fill-color:#fff;
    font-weight:900;
}
.footer-cta h2 span{color:var(--gold-light) !important;-webkit-text-fill-color:var(--gold-light) !important}
.footer-cta p{color:rgba(255,255,255,0.75);margin-bottom:40px;font-size:0.95rem;position:relative}
.footer-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;position:relative}

/* ============================================
   SITE FOOTER — Modern Dark
   ============================================ */
.site-footer{
    background:var(--bg-surface);
    padding:72px 0 36px;
    position:relative;
}
.site-footer::before{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg, transparent, rgba(184,134,11,0.1), transparent);
}
.footer-grid{
    display:grid;grid-template-columns:2fr 1fr 1fr 1fr;
    gap:48px;margin-bottom:56px;
}
.footer-brand .logo-text{
    font-size:1.3rem;font-weight:900;color:var(--text-heading);
    margin-bottom:16px;letter-spacing:2px;text-transform:uppercase;
}
.footer-brand .logo-text span{
    color:transparent;
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
    -webkit-background-clip:text;background-clip:text;
}
.footer-brand p{color:var(--text-muted);font-size:0.85rem;margin-bottom:20px;line-height:1.7}
.footer-social{display:flex;gap:8px}
.footer-social a{
    display:inline-flex;align-items:center;justify-content:center;
    width:36px;height:36px;border-radius:var(--radius);
    color:var(--text-muted);background:var(--bg-muted);
    transition:var(--transition);
}
.footer-social a:hover{color:var(--gold);background:var(--gold-glow)}
.footer-col h4{
    font-size:0.72rem;margin-bottom:20px;color:var(--text-heading);
    font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
}
.footer-col ul li{margin-bottom:10px}
.footer-col a{color:var(--text-muted);font-size:0.85rem;transition:var(--transition)}
.footer-col a:hover{color:var(--gold)}
.footer-bottom{
    padding-top:28px;border-top:1px solid var(--border-light);
    display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;
}
.footer-bottom p{color:var(--text-light);font-size:0.78rem}
.footer-disclaimer{padding:20px 0;border-top:1px solid var(--border-light);margin-top:20px}
.footer-disclaimer p{font-size:0.7rem;color:var(--text-light);line-height:1.8;text-align:center}

/* ============================================
   INNER HERO — Full Bleed Image Hero
   ============================================ */
.inner-hero{
    position:relative;
    min-height:65vh;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    overflow:hidden;
    background:#1a1a1a;
}
.inner-hero-img{
    position:absolute;
    top:0;left:0;
    width:100%;height:100%;
    object-fit:cover;
    object-position:center;
    z-index:1;
}
.inner-hero.no-img{
    background:linear-gradient(135deg, #2d2d2d 0%, #0d0d0d 40%, #1a1a1a 100%);
}
.inner-hero--about.no-img{background:linear-gradient(135deg, #1a2332 0%, #0d1117 50%, #1a1a2e 100%)}
.inner-hero--book.no-img{background:linear-gradient(135deg, #2d1f0d 0%, #1a1308 50%, #0d0d0d 100%)}
.inner-hero--research.no-img{background:linear-gradient(135deg, #0d1a2d 0%, #0a1628 50%, #1a1a1a 100%)}
.inner-hero--contact.no-img{background:linear-gradient(135deg, #1a2d1a 0%, #0d170d 50%, #1a1a1a 100%)}
.inner-hero-overlay{
    position:absolute;
    inset:0;
    z-index:2;
    background:linear-gradient(
        180deg,
        rgba(0,0,0,0.25) 0%,
        rgba(0,0,0,0.4) 40%,
        rgba(0,0,0,0.75) 100%
    );
}
.inner-hero-content{
    position:relative;
    z-index:3;
    padding:0 0 60px;
}
.inner-hero-content .container{
    max-width:800px;
    margin:0 auto;
    text-align:center;
}
.inner-hero .section-badge{
    color:rgba(255,255,255,0.65);
    font-size:0.65rem;
    font-weight:800;
    letter-spacing:2.5px;
    text-transform:uppercase;
    display:inline-block;
    margin-bottom:18px;
    padding:6px 16px;
    background:rgba(255,255,255,0.1);
    border:1px solid rgba(255,255,255,0.15);
    border-radius:var(--radius-full);
    backdrop-filter:blur(8px);
}
.inner-hero h1{
    font-size:clamp(2.8rem, 6vw, 4.5rem);
    font-weight:900;
    color:#fff;
    letter-spacing:-1.5px;
    line-height:1;
    margin-bottom:20px;
    background:none;
    -webkit-background-clip:unset;
    background-clip:unset;
    -webkit-text-fill-color:#fff;
}
.inner-hero .subtitle{
    font-size:1rem;
    color:rgba(255,255,255,0.75);
    max-width:580px;
    margin:0 auto;
    line-height:1.75;
}
.inner-hero-offer{
    position:relative;
    z-index:3;
    background:rgba(0,0,0,0.6);
    backdrop-filter:blur(12px);
    -webkit-backdrop-filter:blur(12px);
    border-top:1px solid rgba(255,255,255,0.08);
    padding:14px 0;
    text-align:center;
}
.inner-hero-offer p{
    font-size:0.75rem;
    color:rgba(255,255,255,0.8);
    letter-spacing:0.5px;
    margin:0;
}
.inner-hero-offer strong{
    color:var(--gold-light);
    letter-spacing:1.5px;
}

/* About Page — Real Image */
.about-img-real{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:var(--radius-xl);
    box-shadow:0 24px 48px rgba(0,0,0,0.08);
    aspect-ratio:4/5;
}

/* Book Cover — Real Image */
.book-cover-img{
    width:100%;
    height:100%;
    object-fit:cover;
    border-radius:var(--radius-xl);
}

/* Responsive — Inner Hero */
@media(max-width:1024px){
    .inner-hero{min-height:55vh}
}
@media(max-width:768px){
    .inner-hero{min-height:50vh}
    .inner-hero-content{padding:0 0 40px}
    .inner-hero h1{letter-spacing:-1px}
    .inner-hero-offer p{font-size:0.68rem}
}
@media(max-width:480px){
    .inner-hero{min-height:45vh}
    .inner-hero-content{padding:0 0 30px}
    .inner-hero-offer{padding:10px 0}
    .inner-hero-offer p{font-size:0.62rem}
}

/* ============================================
   PAGE HERO — Interior Pages Modern (legacy/supplements)
   ============================================ */
.page-hero{
    padding:180px 0 80px;
    background:linear-gradient(180deg, #F8F6F2 0%, var(--bg-body) 100%);
    text-align:center;position:relative;overflow:hidden;
}
.page-hero::before{
    content:'';position:absolute;top:-20%;left:50%;
    width:1000px;height:500px;border-radius:50%;
    background:radial-gradient(ellipse, rgba(184,134,11,0.06) 0%, transparent 60%);
    transform:translateX(-50%);opacity:0.8;
}
.page-hero h1{
    font-size:3.5rem;margin-bottom:16px;
    letter-spacing:-1px;position:relative;color:var(--text-heading);
    font-weight:900;
    background:linear-gradient(180deg, var(--text-heading) 0%, var(--gray-700) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
}
.page-hero .subtitle{
    font-size:0.95rem;color:var(--text-muted);
    max-width:580px;margin:0 auto;line-height:1.75;
    position:relative;
}
.page-hero .section-badge{margin-bottom:18px;position:relative}

/* ============================================
   SUPPLEMENT CATEGORIES (legacy)
   ============================================ */
.supplement-category{margin-bottom:48px}
.supplement-category-header{
    display:flex;align-items:center;gap:14px;
    margin-bottom:24px;padding-bottom:16px;
    border-bottom:1px solid var(--border-light);
}
.supplement-category-header h2{font-size:1.3rem;color:var(--text-heading);letter-spacing:-0.3px;text-transform:none}
.supplement-category-header .cat-icon{font-size:1.5rem}
.supplement-category-header .cat-count{
    margin-left:auto;font-size:0.7rem;color:var(--text-muted);
    font-weight:600;background:var(--bg-surface);
    padding:5px 14px;border:1px solid var(--border-light);
    border-radius:var(--radius-full);letter-spacing:0.5px;
}

/* ============================================
   SUPPLEMENTS PAGE — Modern Filter + Grid
   ============================================ */

/* Category Filter Bar */
.cat-filter-bar{
    position:sticky;
    top:72px;
    z-index:90;
    background:rgba(255,255,255,0.95);
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    border-bottom:1px solid var(--border-light);
    padding:0;
}
.cat-filter-scroll{
    display:flex;
    align-items:center;
    gap:8px;
    padding:14px 0;
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}
.cat-filter-scroll::-webkit-scrollbar{display:none}
.cat-filter-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:9px 20px;
    font-size:0.75rem;
    font-weight:700;
    color:var(--text-muted);
    background:var(--bg-surface);
    border:1.5px solid var(--border-light);
    border-radius:var(--radius-full);
    cursor:pointer;
    transition:var(--transition);
    white-space:nowrap;
    font-family:inherit;
    letter-spacing:0.3px;
}
.cat-filter-btn:hover{
    color:var(--text-heading);
    border-color:var(--border);
    background:var(--bg-card);
}
.cat-filter-btn.active{
    background:var(--text-heading);
    color:#fff;
    border-color:var(--text-heading);
}
.cat-filter-icon{font-size:0.9rem}

/* Products Section */
.supp-products-section{
    padding:60px 0 100px;
    background:linear-gradient(180deg, var(--bg-body) 0%, #F8F6F2 50%, var(--bg-body) 100%);
}
.supp-products-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:20px;
}

/* Product Card */
.supp-card{
    background:var(--bg-card);
    border-radius:var(--radius-xl);
    overflow:hidden;
    position:relative;
    border:1px solid rgba(0,0,0,0.04);
    box-shadow:0 2px 8px rgba(0,0,0,0.04);
    transition:all 0.4s cubic-bezier(0.4,0,0.2,1);
}
.supp-card:hover{
    transform:translateY(-6px);
    box-shadow:0 20px 40px rgba(0,0,0,0.1);
    border-color:rgba(184,134,11,0.12);
}
.supp-card-badge{
    position:absolute;
    top:14px;left:14px;
    color:#fff;
    font-size:0.58rem;
    font-weight:800;
    letter-spacing:0.1em;
    text-transform:uppercase;
    padding:5px 14px;
    border-radius:var(--radius-full);
    z-index:2;
    box-shadow:0 2px 8px rgba(0,0,0,0.15);
}
.supp-card-image{
    display:flex;
    align-items:center;
    justify-content:center;
    height:220px;
    background:linear-gradient(135deg, #F9F7F3 0%, #F0ECE4 100%);
    text-decoration:none;
    position:relative;
    overflow:hidden;
}
.supp-card-image::after{
    content:'';
    position:absolute;
    bottom:0;left:0;right:0;
    height:50px;
    background:linear-gradient(to top, var(--bg-card), transparent);
}
.supp-card-emoji{
    font-size:4rem;
    filter:drop-shadow(0 4px 12px rgba(0,0,0,0.06));
    transition:transform 0.4s ease;
    position:relative;z-index:1;
}
.supp-card-image img{
    width:100%;height:100%;object-fit:contain;
    padding:10px;
    transition:transform 0.4s ease;
    position:relative;z-index:1;
}
.supp-card:hover .supp-card-image img{
    transform:scale(1.08);
}
.supp-card:hover .supp-card-emoji{
    transform:scale(1.1) translateY(-4px);
}
.supp-card-info{
    padding:20px 22px 24px;
}
.supp-card-cat{
    font-size:0.6rem;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:1.5px;
    margin-bottom:8px;
    display:block;
}
.supp-card-name{
    font-size:0.88rem;
    font-weight:800;
    color:var(--text-heading);
    line-height:1.3;
    margin-bottom:8px;
}
.supp-card-desc{
    font-size:0.78rem;
    color:var(--text-muted);
    line-height:1.6;
    margin-bottom:14px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.supp-card-features{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:16px;
}
.supp-card-features span{
    padding:3px 10px;
    background:var(--bg-surface);
    border:1px solid var(--border-light);
    font-size:0.62rem;
    color:var(--text-muted);
    font-weight:600;
    border-radius:var(--radius-full);
    letter-spacing:0.3px;
}
.supp-card-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding-top:14px;
    border-top:1px solid var(--border-light);
}
.supp-card-price{
    font-size:1.15rem;
    font-weight:900;
    color:var(--text-heading);
}
.supp-card-btn{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:0.72rem;
    font-weight:700;
    color:#fff;
    text-decoration:none;
    letter-spacing:0.5px;
    padding:10px 20px;
    background:linear-gradient(135deg, var(--text-heading) 0%, var(--gray-800) 100%);
    border-radius:var(--radius-full);
    transition:var(--transition);
}
.supp-card-btn:hover{
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
    box-shadow:0 4px 16px rgba(184,134,11,0.3);
    transform:translateY(-1px);
}

/* Reviews on Supplements Page */
.supp-reviews-section{
    padding:80px 0;
    background:var(--bg-body);
}

/* Responsive — Supplements Page */
@media(max-width:1024px){
    .supp-products-grid{grid-template-columns:repeat(3, 1fr)}
}
@media(max-width:768px){
    .supp-products-section{padding:40px 0 60px}
    .supp-products-grid{grid-template-columns:repeat(2, 1fr);gap:14px}
    .cat-filter-bar{top:60px}
    .cat-filter-btn{padding:8px 16px;font-size:0.7rem}
    .supp-card-image{height:180px}
    .supp-card-emoji{font-size:3.2rem}
}
@media(max-width:480px){
    .supp-products-grid{grid-template-columns:1fr 1fr;gap:10px}
    .supp-card-image{height:160px}
    .supp-card-emoji{font-size:2.8rem}
    .supp-card-info{padding:14px 14px 18px}
    .supp-card-name{font-size:0.78rem}
    .supp-card-features{display:none}
    .supp-card-btn{padding:8px 14px;font-size:0.65rem}
}

/* ============================================
   ANIMATIONS
   ============================================ */
@keyframes shimmer{0%{background-position:-200% center}100%{background-position:200% center}}
@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@keyframes scaleIn{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

.reveal{opacity:0;transform:translateY(24px);transition:opacity 0.6s cubic-bezier(0.4,0,0.2,1),transform 0.6s cubic-bezier(0.4,0,0.2,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-30px);transition:opacity 0.6s cubic-bezier(0.4,0,0.2,1),transform 0.6s cubic-bezier(0.4,0,0.2,1)}
.reveal-left.visible{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(30px);transition:opacity 0.6s cubic-bezier(0.4,0,0.2,1),transform 0.6s cubic-bezier(0.4,0,0.2,1)}
.reveal-right.visible{opacity:1;transform:translateX(0)}
.reveal-scale{opacity:0;transform:scale(0.95);transition:opacity 0.6s ease,transform 0.6s ease}
.reveal-scale.visible{opacity:1;transform:scale(1)}
.stagger-children .reveal:nth-child(1){transition-delay:0.05s}
.stagger-children .reveal:nth-child(2){transition-delay:0.1s}
.stagger-children .reveal:nth-child(3){transition-delay:0.15s}
.stagger-children .reveal:nth-child(4){transition-delay:0.2s}
.stagger-children .reveal:nth-child(5){transition-delay:0.25s}
.stagger-children .reveal:nth-child(6){transition-delay:0.3s}
.stagger-children .reveal:nth-child(7){transition-delay:0.35s}
.stagger-children .reveal:nth-child(8){transition-delay:0.4s}

/* ============================================
   SCROLL TO TOP BUTTON
   ============================================ */
.scroll-to-top{
    position:fixed;
    bottom:32px;right:32px;
    width:48px;height:48px;
    border-radius:50%;
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
    color:#fff;
    border:none;
    cursor:pointer;
    display:flex;align-items:center;justify-content:center;
    box-shadow:0 4px 20px rgba(184,134,11,0.35);
    opacity:0;
    visibility:hidden;
    transform:translateY(20px);
    transition:all 0.35s cubic-bezier(0.4,0,0.2,1);
    z-index:999;
}
.scroll-to-top.visible{
    opacity:1;visibility:visible;transform:translateY(0);
}
.scroll-to-top:hover{
    transform:translateY(-4px);
    box-shadow:0 8px 30px rgba(184,134,11,0.5);
    filter:brightness(1.1);
}
.scroll-to-top:active{transform:translateY(-1px)}

/* ============================================
   ENHANCED MICRO-INTERACTIONS
   ============================================ */
/* Smooth section separators */
.onnit-products::after{
    content:'';position:absolute;bottom:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg, transparent, rgba(184,134,11,0.12), transparent);
}
.all-products-section::before{
    content:'';position:absolute;top:0;left:0;right:0;height:1px;
    background:linear-gradient(90deg, transparent, rgba(184,134,11,0.12), transparent);
}

/* Subtle gold glow on hover for section badges */
.section-badge{transition:var(--transition)}
.section-badge:hover{
    background:linear-gradient(135deg, rgba(184,134,11,0.14) 0%, rgba(184,134,11,0.08) 100%);
    box-shadow:0 0 20px rgba(184,134,11,0.1);
}

/* Enhanced testimonial card glow */
.testimonial-card::after{
    content:'';position:absolute;top:0;left:0;right:0;height:3px;
    background:linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));
    border-radius:var(--radius-xl) var(--radius-xl) 0 0;
    opacity:0;transition:opacity 0.3s ease;
}
.testimonial-card:hover::after{opacity:1}

/* Stat card gold underline on hover */
.stat-card::after{
    content:'';position:absolute;bottom:24px;left:50%;
    width:0;height:2px;
    background:linear-gradient(90deg, var(--gold), var(--gold-light));
    border-radius:2px;
    transform:translateX(-50%);
    transition:width 0.4s cubic-bezier(0.4,0,0.2,1);
}
.stat-card:hover::after{width:40px}

/* Newsletter subscribe button pulse hint */
.newsletter-form button:hover{
    animation:subtlePulse 1.5s ease infinite;
}
@keyframes subtlePulse{
    0%,100%{box-shadow:0 0 24px rgba(184,134,11,0.3)}
    50%{box-shadow:0 0 36px rgba(184,134,11,0.5)}
}

/* Footer CTA reveal effect */
.footer-cta h2{
    animation:none;
}
.footer-cta:hover .footer-cta-img{
    transform:scale(1.03);
    transition:transform 8s ease;
}

/* Lifestyle banner parallax-like slow zoom */
.lifestyle-banner:hover .lifestyle-banner-img{
    transform:scale(1.04);
    transition:transform 6s ease;
}

/* Product grid cards - subtle lift on entire row hover */
.products-grid-8{
    transition:var(--transition);
}

/* Hero content entrance animation */
.hero-fb-tagline{animation:fadeInUp 0.8s ease 0.2s both}
.hero-fb-title{animation:fadeInUp 0.8s ease 0.4s both}
.hero-fb-desc{animation:fadeInUp 0.8s ease 0.6s both}
.hero-fb-badges{animation:fadeInUp 0.8s ease 0.8s both}
.hero-buttons{animation:fadeInUp 0.8s ease 1s both}
.hero-offer-strip{animation:fadeInUp 0.6s ease 1.2s both}

/* ============================================
   RESPONSIVE — Updated
   ============================================ */
@media(max-width:1024px){
    .section-title{font-size:2.4rem}
    .about-grid,.book-grid{grid-template-columns:1fr;gap:48px}
    .footer-grid{grid-template-columns:1fr 1fr}
    .science-stats{grid-template-columns:repeat(2,1fr)}
    .products-grid-5{grid-template-columns:repeat(3,1fr)}
    .products-grid-4{grid-template-columns:repeat(2,1fr)}
    .hero-fb-title{font-size:3.5rem}
    .offers-grid{grid-template-columns:1fr}
    .new-arrivals-grid{grid-template-columns:repeat(2,1fr)}
    .trust-items{flex-wrap:wrap;gap:0}
    .trust-item{border-right:none;border-bottom:1px solid var(--border-light);flex:1 1 auto}
    .trust-item:last-child{border-bottom:none}
}
@media(max-width:768px){
    .announcement-bar{font-size:0.65rem;padding:8px 0}
    .site-header.has-announcement{top:34px}
    .main-nav{
        display:none;position:fixed;top:72px;left:0;right:0;bottom:0;
        background:rgba(255,255,255,0.98);backdrop-filter:blur(20px);
        padding:20px;overflow-y:auto;z-index:999;
    }
    .main-nav.active{display:block}
    .main-nav ul{flex-direction:column;gap:4px}
    .main-nav a{
        display:block;padding:14px 16px;font-size:0.88rem;
        border-radius:var(--radius);color:var(--text-heading);
    }
    .main-nav a:hover{background:var(--gray-50)}
    .mobile-toggle{display:flex}
    .hero-banner{min-height:70vh}
    .hero-banner-content{min-height:70vh}
    .hero-banner-img{min-height:70vh}
    .hero-slider-dots{bottom:55px}
    .btn-hero-shop{padding:14px 36px;font-size:0.75rem}
    .hero-fb-title{font-size:2.5rem}
    .hero-fb-content{padding-top:130px}
    .hero-offer-strip{position:relative}
    .section-title{font-size:2rem}
    .section{padding:72px 0}
    .trust-bar{margin-top:-20px}
    .trust-items{
        flex-direction:column;align-items:center;gap:0;
        padding:16px;border-radius:var(--radius-lg);
    }
    .trust-item{padding:10px 16px;border-right:none;border-bottom:1px solid var(--border-light);width:100%;justify-content:center}
    .trust-item:last-child{border-bottom:none}
    .problem-solution{grid-template-columns:1fr}
    .ps-card{padding:32px}
    .products-grid{grid-template-columns:repeat(2,1fr);gap:14px}
    .products-grid-5{grid-template-columns:repeat(2,1fr)}
    .products-grid-4{grid-template-columns:repeat(2,1fr)}
    .testimonials-grid{grid-template-columns:1fr}
    .contact-grid{grid-template-columns:1fr}
    .credentials-list{grid-template-columns:1fr}
    .book-highlights{grid-template-columns:1fr}
    .footer-grid{grid-template-columns:1fr}
    .page-hero h1{font-size:2.4rem}
    .page-hero{padding:140px 0 52px}
    .book-grid{grid-template-columns:1fr}
    .book-cover-placeholder{max-width:280px;margin:0 auto}
    .footer-bottom{flex-direction:column;text-align:center}
    .footer-cta h2{font-size:2rem}
    .footer-cta{padding:72px 0}
    .footer-cta-buttons{flex-direction:column;align-items:center}
    .citation-card{flex-direction:column;gap:8px}
    .header-social{display:none}
    .newsletter-form{flex-direction:column;border-radius:var(--radius-lg)}
    .newsletter-form input[type="email"]{border-radius:var(--radius-lg) var(--radius-lg) 0 0}
    .newsletter-form button{border-radius:0 0 var(--radius-lg) var(--radius-lg)}
    .newsletter-section h2{font-size:2rem}
    .trending-header{flex-direction:column;align-items:flex-start;gap:14px}
    .trending-header h2{font-size:1.8rem}
    .stat-card .stat-value{font-size:2.5rem}
    .offers-grid{grid-template-columns:1fr}
    .new-arrivals-grid{grid-template-columns:repeat(2,1fr);gap:14px}
    .arrival-card-image{height:180px}
    /* Mobile transparent header fix */
    .header-transparent .main-nav{background:rgba(255,255,255,0.98)}
    .header-transparent .main-nav a{color:var(--text-heading)}
}
@media(max-width:480px){
    .hero-banner{min-height:60vh}
    .hero-banner-content{min-height:60vh}
    .hero-banner-img{min-height:60vh}
    .hero-slider-dots{bottom:50px}
    .hero-dot{width:8px;height:8px}
    .btn-hero-shop{padding:12px 28px;font-size:0.7rem}
    .hero-fb-title{font-size:2rem}
    .hero-fb-content{padding-top:120px}
    .container{padding:0 16px}
    .product-card-image{height:180px}
    .ps-card{padding:24px}
    .section-title{font-size:1.6rem}
    .products-grid,.products-grid-5,.products-grid-4{grid-template-columns:1fr 1fr;gap:10px}
    .page-hero h1{font-size:1.8rem}
    .footer-cta h2{font-size:1.5rem}
    .science-stats{grid-template-columns:1fr 1fr}
    .new-arrivals-grid{grid-template-columns:1fr 1fr;gap:10px}
    .arrival-card-image{height:160px}
    .offer-card{padding:36px 28px;min-height:220px}
    .offer-card h3{font-size:1.5rem}
    .trust-bar{margin-top:-16px}
    .newsletter-section{padding:64px 0}
    .newsletter-section h2{font-size:1.6rem}
    .stat-card{padding:32px 16px}
    .stat-card .stat-value{font-size:2rem}
    .testimonial-card{padding:28px}
    .scroll-to-top{bottom:20px;right:20px;width:42px;height:42px}
}

/* ============================================
   WHY CHOOSE US — Trust Section
   ============================================ */
.why-choose-section{
    padding:100px 0;
    background:linear-gradient(180deg, var(--bg-body) 0%, #F8F6F2 50%, var(--bg-body) 100%);
    position:relative;
}
.why-choose-header{
    text-align:center;
    max-width:640px;
    margin:0 auto 56px;
}
.why-choose-subtitle{
    color:var(--text-muted);
    font-size:0.95rem;
    line-height:1.75;
    margin-top:16px;
}
.why-choose-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:24px;
}
.why-choose-card{
    text-align:center;
    padding:48px 28px 40px;
    background:var(--bg-card);
    border:1px solid rgba(0,0,0,0.04);
    border-radius:var(--radius-xl);
    transition:var(--transition-slow);
    position:relative;
}
.why-choose-card:hover{
    transform:translateY(-6px);
    box-shadow:var(--shadow-xl);
    border-color:rgba(184,134,11,0.12);
}
.why-choose-icon{
    width:64px;height:64px;
    display:inline-flex;align-items:center;justify-content:center;
    background:linear-gradient(135deg, rgba(184,134,11,0.08) 0%, rgba(184,134,11,0.03) 100%);
    border-radius:var(--radius-lg);
    margin-bottom:24px;
    color:var(--gold);
    transition:var(--transition);
}
.why-choose-card:hover .why-choose-icon{
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
    color:#fff;
    transform:scale(1.1);
}
.why-choose-card h3{
    font-size:1rem;
    font-weight:800;
    color:var(--text-heading);
    margin-bottom:12px;
    letter-spacing:-0.2px;
}
.why-choose-card p{
    font-size:0.85rem;
    color:var(--text-muted);
    line-height:1.7;
}
.section-center-header{
    text-align:center;
    max-width:640px;
    margin:0 auto 48px;
}
.testimonials-cta{
    text-align:center;
    margin-top:48px;
}
.home-testimonials .testimonials-grid{
    max-width:1200px;
    margin:0 auto;
}
.section-gray{
    background:var(--bg-surface);
    padding:80px 0;
}
.home-stats .science-stats{
    max-width:1000px;
    margin:0 auto;
}

/* ============================================
   FAQ PAGE
   ============================================ */
.inner-hero--faq.no-img{background:linear-gradient(135deg, #2d2d1a 0%, #1a170d 50%, #1a1a1a 100%)}
.inner-hero--shipping.no-img{background:linear-gradient(135deg, #1a2d2d 0%, #0d1a1a 50%, #1a1a1a 100%)}
.inner-hero--testimonials.no-img{background:linear-gradient(135deg, #2d1a2d 0%, #1a0d1a 50%, #1a1a1a 100%)}

.faq-section{
    padding:80px 0 100px;
}
.faq-category{
    margin-bottom:48px;
}
.faq-category:last-child{margin-bottom:0}
.faq-category-title{
    font-size:1.3rem;
    font-weight:800;
    color:var(--text-heading);
    margin-bottom:20px;
    display:flex;
    align-items:center;
    gap:12px;
    padding-bottom:16px;
    border-bottom:1px solid var(--border-light);
}
.faq-category-icon{font-size:1.3rem}
.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{
    background:var(--bg-card);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
    overflow:hidden;
    transition:var(--transition);
}
.faq-item:hover{border-color:rgba(184,134,11,0.15)}
.faq-item.active{
    border-color:rgba(184,134,11,0.2);
    box-shadow:0 4px 16px rgba(0,0,0,0.04);
}
.faq-question{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    padding:20px 24px;
    background:none;
    border:none;
    cursor:pointer;
    font-family:inherit;
    font-size:0.92rem;
    font-weight:700;
    color:var(--text-heading);
    text-align:left;
    gap:16px;
}
.faq-question:hover{color:var(--gold)}
.faq-chevron{
    flex-shrink:0;
    color:var(--text-muted);
    transition:transform 0.3s ease;
}
.faq-item.active .faq-chevron{
    transform:rotate(180deg);
    color:var(--gold);
}
.faq-answer{
    max-height:0;
    overflow:hidden;
    transition:max-height 0.35s cubic-bezier(0.4,0,0.2,1), padding 0.35s ease;
    padding:0 24px;
}
.faq-item.active .faq-answer{
    max-height:300px;
    padding:0 24px 24px;
}
.faq-answer p{
    font-size:0.88rem;
    color:var(--text-body);
    line-height:1.8;
}
.faq-answer a{
    color:var(--gold);
    font-weight:600;
    text-decoration:underline;
}

/* ============================================
   TESTIMONIALS PAGE
   ============================================ */
.review-stats-bar{
    padding:40px 0;
    background:var(--bg-surface);
    border-bottom:1px solid var(--border-light);
}
.review-stats-grid{
    display:grid;
    grid-template-columns:repeat(4, 1fr);
    gap:24px;
    text-align:center;
}
.review-stat-value{
    display:block;
    font-size:2rem;
    font-weight:900;
    color:var(--text-heading);
    letter-spacing:-0.5px;
    margin-bottom:4px;
}
.review-stat-label{
    font-size:0.72rem;
    font-weight:700;
    color:var(--text-muted);
    text-transform:uppercase;
    letter-spacing:1.5px;
}
.testimonials-page-grid{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:24px;
}
.testimonials-page-section{
    padding:80px 0 100px;
}
.testimonial-meta{margin-bottom:16px}
.testimonial-product{
    display:inline-block;
    padding:4px 12px;
    background:var(--gold-glow);
    color:var(--gold-dark);
    font-size:0.68rem;
    font-weight:700;
    border-radius:var(--radius-full);
    letter-spacing:0.5px;
}
.testimonials-cta-section{
    padding:80px 0;
    background:linear-gradient(180deg, var(--bg-surface) 0%, var(--bg-body) 100%);
}
.testimonials-cta-box{
    text-align:center;
    max-width:600px;
    margin:0 auto;
    padding:60px 40px;
    background:var(--bg-card);
    border:1px solid var(--border-light);
    border-radius:var(--radius-xl);
    box-shadow:var(--shadow-lg);
}
.testimonials-cta-box h2{
    font-size:1.8rem;
    font-weight:900;
    color:var(--text-heading);
    letter-spacing:-0.5px;
    margin-bottom:12px;
}
.testimonials-cta-box p{
    color:var(--text-muted);
    font-size:0.92rem;
    margin-bottom:28px;
}
.testimonials-cta-buttons{
    display:flex;
    gap:12px;
    justify-content:center;
    flex-wrap:wrap;
}
.btn-outline{
    display:inline-block;
    padding:14px 36px;
    font-size:0.75rem;
    font-weight:800;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--text-heading);
    background:transparent;
    border:2px solid var(--border);
    border-radius:var(--radius-full);
    text-decoration:none;
    transition:var(--transition);
}
.btn-outline:hover{
    border-color:var(--gold);
    color:var(--gold);
    background:var(--gold-glow);
}

/* ============================================
   SHIPPING & RETURNS PAGE
   ============================================ */
.policy-section{
    padding:80px 0 100px;
}
.policy-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:48px;
}
.policy-block{
    background:var(--bg-card);
    padding:40px;
    border:1px solid var(--border-light);
    border-radius:var(--radius-xl);
}
.policy-icon{
    font-size:2rem;
    margin-bottom:16px;
}
.policy-block h2{
    font-size:1.6rem;
    font-weight:900;
    color:var(--text-heading);
    margin-bottom:24px;
    letter-spacing:-0.3px;
}
.policy-block h3{
    font-size:1rem;
    font-weight:800;
    color:var(--text-heading);
    margin:24px 0 10px;
    letter-spacing:0;
}
.policy-block h3:first-of-type{margin-top:0}
.policy-block p{
    font-size:0.88rem;
    color:var(--text-body);
    line-height:1.8;
}
.policy-block a{
    color:var(--gold);
    font-weight:600;
}
.policy-table-wrap{
    overflow-x:auto;
    margin:12px 0 20px;
}
.policy-table{
    width:100%;
    border-collapse:collapse;
}
.policy-table th,.policy-table td{
    padding:12px 16px;
    text-align:left;
    font-size:0.82rem;
    border-bottom:1px solid var(--border-light);
}
.policy-table th{
    font-weight:700;
    color:var(--gold);
    font-size:0.72rem;
    letter-spacing:1px;
    text-transform:uppercase;
}
.policy-table td{color:var(--text-body)}
.policy-steps{
    display:flex;
    flex-direction:column;
    gap:16px;
    margin:20px 0;
}
.policy-step{
    display:flex;
    gap:16px;
    align-items:flex-start;
    padding:20px;
    background:var(--bg-surface);
    border-radius:var(--radius);
    border:1px solid var(--border-light);
}
.step-number{
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;height:36px;
    background:linear-gradient(135deg, var(--gold) 0%, var(--gold-dark) 100%);
    color:#fff;
    font-weight:800;
    font-size:0.82rem;
    border-radius:50%;
    flex-shrink:0;
}

/* ============================================
   TRUSTED BY — Social Proof Logos Bar
   ============================================ */
.trusted-by-section{
    padding:50px 0;
    background:linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 100%);
    border-top:3px solid var(--gold);
    border-bottom:1px solid rgba(255,255,255,0.06);
    position:relative;
    overflow:hidden;
}
.trusted-by-section::before{
    content:'';
    position:absolute;
    top:0;left:0;right:0;bottom:0;
    background:radial-gradient(ellipse at center, rgba(212,175,55,0.06) 0%, transparent 70%);
    pointer-events:none;
}
.trusted-by-label{
    text-align:center;
    font-size:0.72rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:4px;
    color:var(--gold);
    margin-bottom:28px;
    position:relative;
}
.trusted-by-logos{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:56px;
    flex-wrap:wrap;
    position:relative;
}
.trusted-logo{
    opacity:0.5;
    transition:all 0.4s ease;
    color:#ffffff;
    filter:brightness(1);
}
.trusted-logo:hover{
    opacity:1;
    color:var(--gold);
    transform:scale(1.08);
}

/* ============================================
   SMOOTH SCROLL + GLOBAL POLISH
   ============================================ */
html{
    scroll-behavior:smooth;
}
::selection{
    background:var(--gold);
    color:#fff;
}

/* ============================================
   RESPONSIVE — Trusted By
   ============================================ */
@media(max-width:768px){
    .trusted-by-logos{
        gap:24px;
    }
    .trusted-logo svg{
        width:80px;
        height:24px;
    }
}
@media(max-width:480px){
    .trusted-by-logos{
        gap:16px;
    }
    .trusted-logo svg{
        width:60px;
        height:20px;
    }
}
.policy-step h4{
    font-size:0.88rem;
    font-weight:700;
    color:var(--text-heading);
    margin-bottom:4px;
}
.policy-step p{
    font-size:0.82rem;
    color:var(--text-muted);
    line-height:1.6;
    margin:0;
}
.policy-contact-notice{
    text-align:center;
    margin-top:48px;
    padding:20px;
    background:var(--bg-surface);
    border:1px solid var(--border-light);
    border-radius:var(--radius-lg);
}
.policy-contact-notice p{
    font-size:0.88rem;
    color:var(--text-body);
}
.policy-contact-notice a{
    color:var(--gold);
    font-weight:700;
}

/* ============================================
   RESPONSIVE — New Sections
   ============================================ */
@media(max-width:1024px){
    .why-choose-grid{grid-template-columns:repeat(2, 1fr)}
    .review-stats-grid{grid-template-columns:repeat(2, 1fr);gap:16px}
    .testimonials-page-grid{grid-template-columns:repeat(2, 1fr)}
    .policy-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
    .why-choose-section{padding:64px 0}
    .why-choose-grid{grid-template-columns:1fr 1fr;gap:16px}
    .why-choose-card{padding:32px 20px 28px}
    .why-choose-card h3{font-size:0.92rem}
    .why-choose-card p{font-size:0.8rem}
    .why-choose-icon{width:52px;height:52px}
    .why-choose-icon svg{width:26px;height:26px}
    .faq-question{padding:16px 20px;font-size:0.85rem}
    .faq-item.active .faq-answer{padding:0 20px 20px}
    .review-stats-grid{grid-template-columns:repeat(2, 1fr)}
    .review-stat-value{font-size:1.5rem}
    .testimonials-page-grid{grid-template-columns:1fr}
    .policy-block{padding:28px}
    .testimonials-cta-box{padding:40px 24px}
    .testimonials-cta-box h2{font-size:1.4rem}
}
@media(max-width:480px){
    .why-choose-grid{grid-template-columns:1fr 1fr;gap:12px}
    .why-choose-card{padding:24px 16px 20px}
    .why-choose-icon{width:44px;height:44px;margin-bottom:16px}
    .why-choose-icon svg{width:22px;height:22px}
    .why-choose-card h3{font-size:0.82rem}
    .why-choose-card p{font-size:0.75rem}
    .review-stats-grid{grid-template-columns:1fr 1fr}
    .review-stat-value{font-size:1.3rem}
    .policy-block{padding:20px}
    .policy-step{flex-direction:column;gap:12px}
}

/* ============================================
   LEGAL PAGES — Privacy Policy & Terms
   ============================================ */
.legal-page{
    padding:80px 0;
}
.legal-content{
    max-width:800px;
    margin:0 auto;
}
.legal-updated{
    display:inline-block;
    font-size:0.8rem;
    font-weight:600;
    color:var(--gold);
    background:rgba(184,134,11,0.08);
    padding:6px 16px;
    border-radius:20px;
    margin-bottom:32px;
}
.legal-content h2{
    font-size:1.2rem;
    font-weight:800;
    color:var(--text-heading);
    margin:36px 0 12px;
    padding-bottom:8px;
    border-bottom:1px solid var(--border-light);
}
.legal-content h2:first-of-type{
    margin-top:0;
}
.legal-content p{
    font-size:0.92rem;
    color:var(--text-body);
    line-height:1.8;
    margin-bottom:16px;
}
.legal-content ul{
    list-style:none;
    padding:0;
    margin:0 0 16px;
}
.legal-content ul li{
    position:relative;
    padding-left:20px;
    font-size:0.9rem;
    color:var(--text-body);
    line-height:1.8;
    margin-bottom:8px;
}
.legal-content ul li::before{
    content:'';
    position:absolute;
    left:0;
    top:10px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:var(--gold);
}
.legal-content a{
    color:var(--gold);
    font-weight:600;
    text-decoration:none;
    border-bottom:1px solid transparent;
    transition:border-color 0.2s;
}
.legal-content a:hover{
    border-bottom-color:var(--gold);
}

/* Footer Legal Links */
.footer-legal-links{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:0.78rem;
    color:var(--text-muted);
    margin-top:8px;
    flex-wrap:wrap;
}
.footer-legal-links a{
    color:var(--text-muted);
    text-decoration:none;
    transition:color 0.2s;
}
.footer-legal-links a:hover{
    color:var(--gold);
}
.footer-legal-links span{
    opacity:0.4;
}

@media(max-width:768px){
    .legal-content h2{font-size:1.05rem}
    .legal-content p,.legal-content ul li{font-size:0.85rem}
    .footer-legal-links{flex-direction:column;gap:4px}
    .footer-legal-links span:not(:last-child){display:none}
}