/* TURBOS NAUTO — Visual v4: Light/dark sections, red CTAs, reduced gold */
:root{--red-cta:#D63031;--red-hover:#E74C3C;--red-glow:0 4px 20px rgba(214,48,49,0.3);--light-bg:#FFFFFF;--light-alt:#F5F4F0;--light-text:#1a1a1a;--light-sub:#555;--light-border:#E0DED8;--light-card:#FFFFFF;--surface-glass:rgba(20,35,55,0.6)}
body::before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 50% 40% at 20% 20%,rgba(200,150,62,0.03) 0%,transparent 60%),radial-gradient(ellipse 40% 50% at 80% 80%,rgba(214,48,49,0.02) 0%,transparent 60%)}

/* LIGHT SECTIONS */
.section-light{background:var(--light-bg)!important;color:var(--light-text)!important}
.section-light-alt{background:var(--light-alt)!important;color:var(--light-text)!important}
.section-light .section-title,.section-light-alt .section-title{color:var(--light-text)!important}
.section-light .section-subtitle,.section-light-alt .section-subtitle{color:var(--light-sub)!important}
.section-light .divider,.section-light-alt .divider{background:linear-gradient(90deg,var(--red-cta),var(--gold))!important}

/* LIGHT PRODUCT CARDS */
.section-light .product-card,.section-light-alt .product-card{background:var(--light-card)!important;border:1px solid var(--light-border)!important;backdrop-filter:none!important;box-shadow:0 2px 8px rgba(0,0,0,0.06)}
.section-light .product-card:hover,.section-light-alt .product-card:hover{border-color:var(--red-cta)!important;box-shadow:0 8px 24px rgba(0,0,0,0.1),0 0 0 1px var(--red-cta)!important;transform:translateY(-4px)!important}
.section-light .product-body,.section-light-alt .product-body{color:var(--light-text)}
.section-light .product-name,.section-light-alt .product-name{color:var(--light-text)!important}
.section-light .product-img,.section-light-alt .product-img{background:linear-gradient(135deg,#f0f0ec,#e8e6e0)!important}
.section-light .product-oem,.section-light-alt .product-oem{background:rgba(26,45,66,0.06)!important;border-color:rgba(26,45,66,0.15)!important;color:var(--navy)!important}
.section-light .product-footer,.section-light-alt .product-footer{border-color:var(--light-border)!important}
.section-light .product-price,.section-light-alt .product-price{color:#1a2d42!important;font-size:1.3rem}
.section-light .product-price span,.section-light-alt .product-price span{color:var(--light-sub)!important}
.section-light .compat-badge,.section-light-alt .compat-badge{background:rgba(26,45,66,0.06)!important;border-color:rgba(26,45,66,0.12)!important;color:var(--light-sub)!important}
.section-light .tag-navy,.section-light-alt .tag-navy{background:rgba(26,45,66,0.08)!important;border-color:rgba(26,45,66,0.2)!important;color:var(--navy)!important}
.section-light .tag-gold,.section-light-alt .tag-gold{background:rgba(200,150,62,0.1)!important;border-color:rgba(200,150,62,0.3)!important;color:#8B6914!important}
.section-light .btn-outline,.section-light-alt .btn-outline{border-color:var(--light-border)!important;color:var(--light-text)!important}
.section-light .btn-outline:hover,.section-light-alt .btn-outline:hover{border-color:var(--red-cta)!important;color:var(--red-cta)!important;background:rgba(214,48,49,0.04)!important}

/* LIGHT CAT CARDS */
.section-light .cat-card,.section-light-alt .cat-card{background:var(--light-card)!important;border:1px solid var(--light-border)!important;backdrop-filter:none!important;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.section-light .cat-card:hover,.section-light-alt .cat-card:hover{border-color:var(--red-cta)!important;box-shadow:0 8px 24px rgba(0,0,0,0.08)!important;transform:translateY(-4px)!important;background:var(--light-card)!important}
.section-light .cat-name,.section-light-alt .cat-name{color:var(--light-text)!important}
.section-light .cat-count,.section-light-alt .cat-count{color:var(--light-sub)!important}

/* LIGHT SERVICE CARDS */
.section-light .service-card,.section-light-alt .service-card{background:var(--light-card)!important;border:1px solid var(--light-border)!important;backdrop-filter:none!important;box-shadow:0 2px 8px rgba(0,0,0,0.04);position:relative;overflow:hidden}
.section-light .service-card:hover,.section-light-alt .service-card:hover{border-color:var(--red-cta)!important;box-shadow:0 8px 24px rgba(0,0,0,0.1)!important;transform:translateY(-5px)!important}
.section-light .service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--red-cta));border-radius:16px 16px 0 0;opacity:0;transition:opacity 0.3s}
.section-light .service-card:hover::before{opacity:1}
.section-light .service-name,.section-light-alt .service-name{color:var(--light-text)!important}
.section-light .service-desc,.section-light-alt .service-desc{color:var(--light-sub)!important}

/* RED CTA BUTTONS */
.btn-red{background:var(--red-cta)!important;color:#fff!important;border:none!important}
.btn-red:hover{background:var(--red-hover)!important;box-shadow:var(--red-glow)!important;transform:translateY(-2px)!important}
.cta-section .btn-gold{background:var(--red-cta)!important;color:#fff!important}
.cta-section .btn-gold:hover{background:var(--red-hover)!important;box-shadow:var(--red-glow)!important}

/* DIVIDER */
.divider{width:56px!important;height:3px!important;background:linear-gradient(90deg,var(--red-cta),var(--gold))!important}

/* CTA SECTION */
.cta-section{background:radial-gradient(ellipse 50% 50% at 30% 50%,rgba(214,48,49,0.06) 0%,transparent 50%),linear-gradient(135deg,#0d1117,var(--navy-deep))!important}

/* TRUST BANNER */
.trust-banner{background:var(--navy-deep)!important;border-top:2px solid var(--red-cta)!important;border-bottom:1px solid var(--border)!important}

/* ICON CONTAINERS */
.icon-container{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:14px;flex-shrink:0}
.icon-container svg{width:26px;height:26px}
.icon-gold{background:linear-gradient(135deg,rgba(200,150,62,0.15),rgba(200,150,62,0.05));border:1px solid rgba(200,150,62,0.25);color:var(--gold-light)}
.icon-cyan{background:linear-gradient(135deg,rgba(26,45,66,0.2),rgba(26,45,66,0.05));border:1px solid rgba(26,45,66,0.25);color:var(--navy-light)}
.icon-green{background:linear-gradient(135deg,rgba(37,211,102,0.12),rgba(37,211,102,0.03));border:1px solid rgba(37,211,102,0.2);color:var(--wa-green)}
.icon-red{background:linear-gradient(135deg,rgba(214,48,49,0.12),rgba(214,48,49,0.03));border:1px solid rgba(214,48,49,0.2);color:var(--red-cta)}
.section-light .icon-gold,.section-light-alt .icon-gold{background:linear-gradient(135deg,rgba(200,150,62,0.12),rgba(200,150,62,0.04));border-color:rgba(200,150,62,0.2);color:#9B7B2F}
.section-light .icon-cyan,.section-light-alt .icon-cyan{background:linear-gradient(135deg,rgba(26,45,66,0.08),rgba(26,45,66,0.02));border-color:rgba(26,45,66,0.15);color:var(--navy)}
.section-light .icon-green,.section-light-alt .icon-green{background:rgba(37,211,102,0.08);border-color:rgba(37,211,102,0.15);color:#1a9e50}
.menu-icon{display:inline-flex;width:18px;height:18px;margin-right:6px;vertical-align:middle}
.menu-icon svg{width:18px;height:18px}
.menu-icon.icon-gold,.menu-icon.icon-cyan,.menu-icon.icon-green{background:none;border:none;width:auto;height:auto}
.product-placeholder-svg{display:flex!important;color:var(--gold);opacity:0.3}
.product-placeholder-svg svg{width:56px;height:56px}

/* NAVBAR */
.navbar{background:rgba(10,18,28,0.92)!important;backdrop-filter:blur(16px) saturate(1.3)!important;border-bottom:1px solid rgba(255,255,255,0.06)!important}
.navbar.scrolled{background:rgba(10,18,28,0.97)!important;box-shadow:0 2px 24px rgba(0,0,0,0.4)!important}

/* HERO SHIMMER */
.hero-title .hl{background:linear-gradient(135deg,var(--gold),var(--gold-glow),#fff,var(--gold))!important;background-size:200% 200%!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;animation:shimmer 4s ease infinite}
@keyframes shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}

/* FAQ */
.faq-item{background:var(--surface-glass)!important;border:1px solid rgba(255,255,255,0.06)!important}
.faq-item.open{border-color:rgba(214,48,49,0.3)!important;box-shadow:0 0 20px rgba(214,48,49,0.08)}
.faq-question .faq-icon{border-color:rgba(214,48,49,0.3)!important;color:var(--red-cta)!important}

/* LIGHT CALC */
.section-light .compat-calculator,.section-light-alt .compat-calculator{background:var(--light-card)!important;border:1px solid var(--light-border)!important;backdrop-filter:none!important;box-shadow:0 4px 16px rgba(0,0,0,0.06);position:relative;overflow:hidden}
.section-light .compat-calculator::before,.section-light-alt .compat-calculator::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--red-cta),var(--gold))}
.section-light .compat-header-title,.section-light-alt .compat-header-title{color:var(--light-text)!important}
.section-light .compat-header-sub,.section-light-alt .compat-header-sub{color:var(--light-sub)!important}
.section-light .compat-field label,.section-light-alt .compat-field label{color:var(--light-sub)!important}
.section-light .compat-field select,.section-light-alt .compat-field select{background:#f8f7f4!important;border-color:var(--light-border)!important;color:var(--light-text)!important}
.section-light .compat-field select:focus,.section-light-alt .compat-field select:focus{border-color:var(--red-cta)!important}
.section-light .compat-field select option,.section-light-alt .compat-field select option{background:var(--light-card)}
.section-light .compat-search-btn,.section-light-alt .compat-search-btn{background:var(--red-cta)!important;color:#fff!important}
.section-light .compat-search-btn:hover,.section-light-alt .compat-search-btn:hover{background:var(--red-hover)!important;box-shadow:var(--red-glow)!important}
.section-light .compat-empty,.section-light-alt .compat-empty{color:var(--light-sub)!important}
.section-light .compat-results-title,.section-light-alt .compat-results-title{color:var(--light-text)!important;border-color:var(--light-border)!important}
.section-light .compat-result-item,.section-light-alt .compat-result-item{background:#f8f7f4!important;border-color:var(--light-border)!important}
.section-light .compat-result-item:hover,.section-light-alt .compat-result-item:hover{border-color:var(--red-cta)!important}
.section-light .compat-result-name,.section-light-alt .compat-result-name{color:var(--light-text)!important}
.section-light .compat-result-price,.section-light-alt .compat-result-price{color:#1a2d42!important}

/* LIGHT FILTER BAR */
.section-light .filter-bar,.section-light-alt .filter-bar{background:#f8f7f4!important;border-color:var(--light-border)!important;backdrop-filter:none!important}
.section-light .filter-title,.section-light-alt .filter-title{color:var(--light-sub)!important}
.section-light .filter-input,.section-light .filter-select,.section-light-alt .filter-input,.section-light-alt .filter-select{background:var(--light-card)!important;border-color:var(--light-border)!important;color:var(--light-text)!important}
.section-light .filter-input:focus,.section-light .filter-select:focus,.section-light-alt .filter-input:focus,.section-light-alt .filter-select:focus{border-color:var(--red-cta)!important}
.section-light .filter-input::placeholder,.section-light-alt .filter-input::placeholder{color:#999!important}
.section-light .results-info,.section-light-alt .results-info{color:var(--light-sub)!important}
.section-light .results-count,.section-light-alt .results-count{color:#1a2d42!important;font-weight:700}
.section-light .no-results,.section-light-alt .no-results{color:var(--light-sub)!important}
.section-light .no-results h3,.section-light-alt .no-results h3{color:var(--light-text)!important}

/* LIGHT FORMS */
.section-light .form-card,.section-light-alt .form-card{background:var(--light-card)!important;border-color:var(--light-border)!important;backdrop-filter:none!important;box-shadow:0 2px 12px rgba(0,0,0,0.05)}
.section-light .form-title,.section-light-alt .form-title{color:var(--light-text)!important}
.section-light .form-subtitle,.section-light-alt .form-subtitle{color:var(--light-sub)!important}
.section-light .field label,.section-light-alt .field label{color:var(--light-sub)!important}
.section-light .field input,.section-light .field select,.section-light .field textarea,.section-light-alt .field input,.section-light-alt .field select,.section-light-alt .field textarea{background:#f8f7f4!important;border-color:var(--light-border)!important;color:var(--light-text)!important}
.section-light .field input:focus,.section-light .field select:focus,.section-light .field textarea:focus,.section-light-alt .field input:focus,.section-light-alt .field select:focus,.section-light-alt .field textarea:focus{border-color:var(--red-cta)!important}
.section-light .submit-btn,.section-light-alt .submit-btn{background:var(--red-cta)!important;color:#fff!important}
.section-light .submit-btn:hover,.section-light-alt .submit-btn:hover{background:var(--red-hover)!important;box-shadow:var(--red-glow)!important}
.section-light .form-divider,.section-light-alt .form-divider{color:var(--light-sub)!important}

/* LIGHT INFO BLOCKS */
.section-light .info-block,.section-light-alt .info-block{background:#f8f7f4!important;border-color:var(--light-border)!important;backdrop-filter:none!important}
.section-light .info-block-title,.section-light-alt .info-block-title{color:var(--light-text)!important}
.section-light .courier-item,.section-light-alt .courier-item{background:var(--light-card)!important;color:var(--light-text)!important}
.section-light .courier-time,.section-light-alt .courier-time{color:var(--light-sub)!important}
.section-light .contact-item,.section-light-alt .contact-item{color:var(--light-text)!important}

/* LIGHT CHANNELS */
.section-light .channel-card,.section-light-alt .channel-card{background:var(--light-card)!important;border-color:var(--light-border)!important;backdrop-filter:none!important}
.section-light .channel-card:hover,.section-light-alt .channel-card:hover{border-color:var(--red-cta)!important}
.section-light .channel-label,.section-light-alt .channel-label{color:var(--light-sub)!important}
.section-light .channel-value,.section-light-alt .channel-value{color:var(--light-text)!important}

/* LIGHT ABOUT */
.section-light .about-visual,.section-light-alt .about-visual{background:#f8f7f4!important;border-color:var(--light-border)!important;backdrop-filter:none!important}
.section-light .about-stat,.section-light-alt .about-stat{background:var(--light-card)!important;border-color:var(--light-border)!important}
.section-light .about-stat-num,.section-light-alt .about-stat-num{color:var(--gold)!important}
.section-light .about-stat-label,.section-light-alt .about-stat-label{color:var(--light-sub)!important}
.section-light .advantage-title,.section-light-alt .advantage-title{color:var(--light-text)!important}
.section-light .advantage-desc,.section-light-alt .advantage-desc{color:var(--light-sub)!important}

/* LIGHT SEND STEPS */
.section-light .send-step-card,.section-light-alt .send-step-card{background:var(--light-card)!important;border-color:var(--light-border)!important;backdrop-filter:none!important;box-shadow:0 2px 8px rgba(0,0,0,0.04)}
.section-light .send-step-card:hover,.section-light-alt .send-step-card:hover{border-color:var(--red-cta)!important;box-shadow:0 8px 20px rgba(0,0,0,0.08)!important}
.section-light .send-step-title,.section-light-alt .send-step-title{color:var(--light-text)!important}
.section-light .send-step-desc,.section-light-alt .send-step-desc{color:var(--light-sub)!important}
.section-light .send-step-num,.section-light-alt .send-step-num{background:linear-gradient(135deg,var(--red-cta),var(--red-hover))!important;color:#fff!important}
.section-light .send-step-card::after{color:var(--red-cta)!important}

/* LIGHT BRANDS */
.section-light .brand-pill,.section-light-alt .brand-pill{background:var(--light-card)!important;border-color:var(--light-border)!important;color:var(--light-text)!important}
.section-light .brand-pill:hover,.section-light-alt .brand-pill:hover{border-color:var(--red-cta)!important;color:var(--red-cta)!important}

/* LIGHT MAP/HOURS */
.section-light .hours-table tr td,.section-light-alt .hours-table tr td{color:var(--light-text)!important;border-color:var(--light-border)!important}
.section-light .hours-table td:last-child,.section-light-alt .hours-table td:last-child{color:#8B6914!important;font-weight:600}
.section-light .map-placeholder,.section-light-alt .map-placeholder{background:#f8f7f4!important;border-color:var(--light-border)!important}

/* PROCESS STEPS dark */
.step-num{box-shadow:0 4px 16px rgba(200,150,62,0.3)}

/* FOOTER */
footer{background:linear-gradient(180deg,#080d14,#050810)!important;border-top:2px solid var(--red-cta)!important}

/* POPUP */
.wa-popup-card{background:rgba(15,25,40,0.96)!important;border:1px solid rgba(214,48,49,0.2)!important;box-shadow:0 24px 64px rgba(0,0,0,0.5),0 0 40px rgba(214,48,49,0.1)!important}

/* 404 */
.page-404-code{background:linear-gradient(135deg,var(--red-cta),var(--gold))!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important}

/* MISC */
::selection{background:rgba(214,48,49,0.2);color:inherit}
:focus-visible{outline:2px solid var(--red-cta);outline-offset:3px}
::-webkit-scrollbar-thumb{background:var(--red-cta)!important}

/* ═══ V4.1 IMPROVEMENTS ═══ */

/* SALE PRICE: red ONLY for discounted prices */
.product-price-old{text-decoration:line-through;color:#999!important;font-size:0.85rem!important;font-weight:400!important;margin-right:6px}
.product-price-sale{color:var(--red-cta)!important}

/* SUBTLE TOP ACCENT LINE on cards hover (gold→red gradient) */
.section-light .service-card,.section-light-alt .service-card,
.section-light .cat-card,.section-light-alt .cat-card{position:relative;overflow:hidden}

/* BETTER CARD SHADOWS on hover */
.section-light .product-card:hover,.section-light-alt .product-card:hover{box-shadow:0 12px 32px rgba(0,0,0,0.12)!important}

/* NAVBAR ACTIVE LINK: red underline indicator */
.nav-links a.active{color:var(--gold-light)!important;position:relative}
.nav-links a.active::after{content:'';position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:20px;height:2px;background:var(--red-cta);border-radius:1px}

/* PAGE HERO: subtle gradient line at bottom */
.page-hero{position:relative}
.page-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--red-cta),var(--gold),transparent)}

/* PRODUCT IMAGE: gentle gradient overlay */
.section-light .product-img::after,.section-light-alt .product-img::after{background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,0.03) 100%)!important}

/* BADGE IMPROVEMENTS */
.badge-stock{background:var(--wa-green)!important;font-size:0.68rem;letter-spacing:0.3px}
.badge-out{background:#999!important}

/* BUTTON MICRO-INTERACTIONS */
.btn{transition:all 0.25s cubic-bezier(0.16,1,0.3,1)!important}
.btn:active{transform:scale(0.97)!important}

/* WA BUTTON: softer, less aggressive */
.btn-wa-sm{border-radius:8px!important;font-size:0.82rem!important;padding:10px 14px!important}

/* SECTION HEADER: centered alignment for light sections */
.section-light .section-header,.section-light-alt .section-header{text-align:center}
.section-light .divider,.section-light-alt .divider{margin:16px auto!important}

/* FILTER BAR: subtle left accent */
.section-light .filter-bar,.section-light-alt .filter-bar{border-left:3px solid var(--red-cta)!important;border-radius:0 12px 12px 0!important}

/* SMOOTH PAGE TRANSITIONS */
.page-content{animation:pageIn 0.4s ease}
@keyframes pageIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* STEP NOTE: use red accent */
.step-note{border-color:rgba(214,48,49,0.2)!important;background:rgba(214,48,49,0.06)!important;color:var(--red-cta)!important}

/* LIGHT SECTION LINKS */
.section-light a:not(.btn):not(.nav-logo):not(.cat-card):not(.product-card):hover,
.section-light-alt a:not(.btn):not(.nav-logo):not(.cat-card):not(.product-card):hover{color:var(--red-cta)!important}

/* SEPARATOR between light sections */
.section-light+.section-light-alt,.section-light-alt+.section-light{border-top:1px solid var(--light-border)}

/* MOBILE IMPROVEMENTS */
@media(max-width:768px){
  .section-light .section-header,.section-light-alt .section-header{text-align:left}
  .section-light .divider,.section-light-alt .divider{margin:16px 0!important}
  .page-hero::after{height:2px}
}

/* ═══ HERO BUTTONS REDESIGN ═══ */
.btn-hero-primary{
  background:#FFFFFF!important;color:#0F1923!important;
  border:none!important;padding:14px 28px!important;
  font-weight:700!important;font-size:0.95rem!important;
  border-radius:8px!important;letter-spacing:0.2px;
  box-shadow:0 4px 16px rgba(255,255,255,0.15);
}
.btn-hero-primary:hover{
  background:#F0EDE6!important;
  box-shadow:0 8px 28px rgba(255,255,255,0.2)!important;
  transform:translateY(-2px)!important;
}

.btn-hero-secondary{
  background:transparent!important;
  color:var(--gold-light)!important;
  border:1.5px solid var(--gold)!important;
  padding:13px 26px!important;
  font-weight:600!important;font-size:0.95rem!important;
  border-radius:8px!important;
}
.btn-hero-secondary:hover{
  background:rgba(200,150,62,0.1)!important;
  border-color:var(--gold-light)!important;
  box-shadow:0 4px 20px rgba(200,150,62,0.2)!important;
  transform:translateY(-2px)!important;
}