@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700;0,900;1,700&family=Inter:wght@400;500&display=swap');

/* ── RESET ── */
*{box-sizing:border-box;margin:0;padding:0;}
body{font-family:'Inter',sans-serif;background:#f7f3e8;color:#1a1a1a;}

/* ── LOGO SVG ── */
.logo-svg{display:block;}

/* ── NAV ── */
.nav{display:flex;justify-content:space-between;align-items:center;padding:14px 40px;background:#fff;border-bottom:2px solid #1a1a1a;position:sticky;top:0;z-index:100;}
.nav-links{display:flex;gap:28px;list-style:none;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:#888;}
.nav-links li{cursor:pointer;transition:color .2s;}.nav-links li:hover{color:#009c3b;}
.nav-links li a{color:inherit;text-decoration:none;}
.nav-links li.active a{color:#009c3b;}
.nav-btn{background:#009c3b;color:#fff;border:none;padding:10px 20px;font-family:'Inter',sans-serif;font-size:12px;font-weight:500;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:4px;text-decoration:none;display:inline-block;transition:background .2s;}
.nav-btn:hover{background:#007d30;}

/* ── TICKER ── */
.ticker{background:#1a1a1a;padding:13px 0;overflow:hidden;border-top:2px solid #fedf00;border-bottom:2px solid #fedf00;}
.ticker-inner{display:flex;gap:48px;animation:tick 18s linear infinite;width:max-content;}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.ti{font-family:'Montserrat',sans-serif;font-weight:700;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#fedf00;white-space:nowrap;display:flex;align-items:center;gap:14px;}
.ts{color:#009c3b;}

/* ── BUTTONS ── */
.btn-dark{padding:14px 30px;background:#1a1a1a;color:#fedf00;border:2px solid #1a1a1a;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:all .2s;text-decoration:none;display:inline-block;}
.btn-dark:hover{background:#009c3b;border-color:#009c3b;color:#fff;}
.btn-green{padding:14px 30px;background:#009c3b;color:#fff;border:2px solid #009c3b;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:all .2s;text-decoration:none;display:inline-block;}
.btn-green:hover{background:#007d30;border-color:#007d30;}
.btn-outline{padding:14px 30px;background:transparent;color:#1a1a1a;border:2px solid #1a1a1a;font-family:'Montserrat',sans-serif;font-size:13px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:all .2s;text-decoration:none;display:inline-block;}
.btn-outline:hover{background:#1a1a1a;color:#fedf00;}

/* ── FOOTER ── */
.footer{background:#1a1a1a;padding:32px 40px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
.footer-logo{display:block;}
.footer-links{display:flex;gap:22px;font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;}
.footer-links a{color:#555;cursor:pointer;text-decoration:none;transition:color .2s;}
.footer-links a:hover{color:#fedf00;}
.footer-copy{font-size:11px;color:#333;}

/* ── EMAIL BAR ── */
.email-bar{background:#009c3b;padding:48px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px;}
.eb-title{font-family:'Montserrat',sans-serif;font-weight:900;font-size:28px;color:#fff;line-height:1;margin-bottom:6px;}
.eb-sub{font-size:13px;color:rgba(255,255,255,.7);}
.eb-form{display:flex;flex:1;max-width:400px;}
.eb-inp{flex:1;padding:13px 16px;background:#fff;border:2px solid #fff;border-right:none;border-radius:4px 0 0 4px;font-family:'Inter',sans-serif;font-size:13px;color:#1a1a1a;outline:none;}
.eb-inp::placeholder{color:#aaa;}
.eb-btn{padding:13px 20px;background:#fedf00;color:#1a1a1a;border:none;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:0 4px 4px 0;white-space:nowrap;transition:background .2s;}
.eb-btn:hover{background:#ffd700;}

/* ── COOKIE BANNER ── */
.cookie{position:fixed;bottom:0;left:0;right:0;background:#1a1a1a;border-top:3px solid #fedf00;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:24px;z-index:300;flex-wrap:wrap;}
.cookie-text{flex:1;}
.cookie-title{font-family:'Montserrat',sans-serif;font-weight:700;font-size:14px;color:#fff;margin-bottom:3px;}
.cookie-sub{font-size:12px;color:#666;line-height:1.6;}
.cookie-sub a{color:#fedf00;text-decoration:underline;cursor:pointer;}
.cookie-btns{display:flex;gap:10px;}
.cookie-accept{padding:10px 20px;background:#fedf00;color:#1a1a1a;border:none;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:4px;}
.cookie-decline{padding:10px 20px;background:transparent;color:#555;border:1px solid #333;font-family:'Montserrat',sans-serif;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;cursor:pointer;border-radius:4px;transition:all .2s;}
.cookie-decline:hover{border-color:#fedf00;color:#fedf00;}

/* ── UTILITIES ── */
.section-eyebrow{font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;color:#009c3b;margin-bottom:10px;}
.section-title{font-family:'Montserrat',sans-serif;font-weight:900;font-size:40px;letter-spacing:-1px;line-height:1.1;}
.divider{border:none;border-top:2px solid #f0ece0;margin:16px 0;}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .nav{padding:14px 20px;}
  .nav-links{display:none;}
  .footer{padding:24px 20px;}
  .email-bar{flex-direction:column;padding:40px 20px;}
  .cookie{padding:16px 20px;}
}



/* ── IMAGE FALLBACKS (show colour if image fails to load) ── */
.kit-card-img,.hero-kit{background:#f0ece0;}
.kit-card:has(.kit-card-img img[src*="green"]) .kit-card-img,.hero-kit img[src*="green"]{background:#009c3b;}
.kit-card:has(.kit-card-img img[src*="yellow"]) .kit-card-img,.hero-kit img[src*="yellow"]{background:#fedf00;}
.kit-card:has(.kit-card-img img[src*="blue"]) .kit-card-img,.hero-kit img[src*="blue"]{background:#1a5bc4;}
.kit-card:has(.kit-card-img img[src*="white"]) .kit-card-img,.hero-kit img[src*="white"]{background:#e8e8e8;}
img{background:#f7f3e8;}


/* ── NEW IMPROVED FOOTER ── */
.footer-v2{background:#1a1a1a;padding:48px 40px 24px;color:#888;}
.footer-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:32px;}
.footer-brand{max-width:280px;}
.footer-brand-tag{font-size:13px;color:#666;line-height:1.7;margin-top:14px;}
.footer-social{display:flex;gap:10px;margin-top:18px;}
.footer-social a{width:36px;height:36px;border-radius:8px;background:#2a2a2a;display:flex;align-items:center;justify-content:center;color:#fedf00;transition:all .2s;text-decoration:none;}
.footer-social a:hover{background:#fedf00;color:#1a1a1a;}
.footer-col-title{font-family:'Montserrat',sans-serif;font-weight:900;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#fedf00;margin-bottom:14px;}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.footer-col a{color:#888;font-size:13px;text-decoration:none;transition:color .2s;}
.footer-col a:hover{color:#fedf00;}
.footer-contact-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#888;margin-bottom:8px;}
.footer-contact-item svg{flex-shrink:0;}
.footer-bottom{border-top:1px solid #2a2a2a;padding-top:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
.footer-bottom-left{font-size:11px;color:#555;}
.footer-pay{display:flex;gap:6px;align-items:center;opacity:.6;}
.footer-pay-label{font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#555;margin-right:6px;}
@media(max-width:768px){
  .footer-top{grid-template-columns:1fr 1fr;gap:24px;}
  .footer-brand{grid-column:1/3;max-width:100%;}
  .footer-v2{padding:40px 20px 20px;}
}


/* ── BREADCRUMBS ── */
.breadcrumb{padding:12px 40px;background:#fff;border-bottom:1px solid #eee;font-size:12px;color:#aaa;display:flex;align-items:center;gap:8px;}
.breadcrumb a{color:#aaa;text-decoration:none;transition:color .2s;}
.breadcrumb a:hover{color:#009c3b;}
.breadcrumb-sep{color:#ddd;}
.breadcrumb-current{color:#1a1a1a;font-weight:500;}
@media(max-width:768px){.breadcrumb{padding:12px 20px;}}


/* ── STICKY BUY BUTTON / FOOTER OVERLAP FIX ── */
@media(max-width:768px){
  body{padding-bottom:80px;}
  .footer-v2{padding-bottom:100px !important;}
}