/* Otolux 2.0 — product-first storefront layer */
:root{
  --otolux-v2-ink:#111417;
  --otolux-v2-soft:#6f7881;
  --otolux-v2-line:#e7eaed;
  --otolux-v2-panel:#f5f6f7;
  --otolux-v2-accent:#ff5a1f;
}
body{background:#fff;color:var(--otolux-v2-ink);}
.site-container{width:min(1460px,calc(100% - 44px));}
.topbar--v2{min-height:32px;background:#101316;color:#d8dde2;font-size:11px;}
.topbar--v2 .topbar__inner{min-height:32px;}
.topbar--v2 a{color:#fff;}
.site-header--v2{box-shadow:0 8px 30px rgba(13,18,22,.04);}
.header-main--v2{min-height:78px;grid-template-columns:auto minmax(320px,760px) auto;gap:30px;}
.header-main--v2 .site-branding{min-width:150px;}
.header-search--v2{width:100%;max-width:none;}
.header-search--v2 .header-search__form{height:46px;border-radius:999px;background:#f5f6f7;border-color:#e5e8eb;box-shadow:none;}
.header-search--v2 .header-search__form:focus-within{background:#fff;border-color:#bfc5ca;box-shadow:0 0 0 3px rgba(17,20,23,.05);}
.header-search--v2 .header-search__form button{min-width:92px;border-radius:999px;margin:4px;padding:0 18px;background:#111417;}
.header-search--v2 .header-search__form button:hover{background:var(--otolux-v2-accent);}
.header-actions--v2{gap:4px;}
.header-action--compact{min-width:52px;height:48px;padding:0 10px;border-radius:12px;justify-content:center;gap:6px;}
.header-action--compact:hover{background:#f5f6f7;}
.header-action--compact .header-action__text small{display:none;}
.header-action--compact .header-action__text strong{font-size:11px;}
.header-action--compact .action-count{top:1px;right:2px;}
.header-action--mode{width:42px;min-width:42px;}
.header-navigation--v2{border-top:1px solid #eef0f2;border-bottom:0;}
.header-navigation--v2 .header-navigation__inner{min-height:46px;grid-template-columns:auto 1fr auto;gap:24px;}
.header-navigation--v2 .category-navigation__toggle{min-width:164px;padding:0 17px;background:#111417;color:#fff;border-radius:9px;height:34px;align-self:center;}
.header-navigation--v2 .primary-navigation>ul{gap:23px;}
.header-navigation--v2 .primary-navigation a{font-size:12px;}
.header-nav-utility{display:flex;align-items:center;justify-content:flex-end;gap:18px;font-size:11px;font-weight:800;}
.header-nav-utility a{text-decoration:none;color:var(--otolux-v2-soft);}
.header-nav-utility a:hover{color:var(--otolux-v2-ink);}
.header-deals-link{color:var(--otolux-v2-accent)!important;}
.header-vehicle-finder{display:none!important;}

.otolux-v2-home{background:#fff;}
.v2-store-intro{padding:48px 0 36px;border-bottom:1px solid var(--otolux-v2-line);background:linear-gradient(180deg,#fff,#fafafa);}
.v2-store-intro__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end;}
.v2-kicker{display:inline-block;color:#808890;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;}
.v2-store-intro h1{margin:8px 0 10px;font-family:var(--otolux-heading-font,Manrope,sans-serif);font-size:clamp(38px,5vw,68px);line-height:.98;letter-spacing:-.055em;}
.v2-store-intro p{max-width:690px;margin:0;color:var(--otolux-v2-soft);font-size:15px;line-height:1.7;}
.v2-store-intro__meta{display:flex;align-items:center;gap:20px;padding-bottom:6px;}
.v2-store-intro__meta span{display:grid;color:#8a9299;font-size:10px;text-transform:uppercase;letter-spacing:.1em;}
.v2-store-intro__meta strong{color:var(--otolux-v2-ink);font-size:24px;line-height:1.1;letter-spacing:-.04em;}
.v2-store-intro__meta a{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#fff;background:#111417;border-radius:999px;padding:11px 16px;font-size:11px;font-weight:800;}

.v2-category-rail{position:relative;border-bottom:1px solid var(--otolux-v2-line);background:#fff;}
.v2-category-rail__scroller{display:flex;gap:8px;overflow:auto;padding-top:14px;padding-bottom:14px;scrollbar-width:none;}
.v2-category-rail__scroller::-webkit-scrollbar{display:none;}
.v2-category-pill{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;min-height:38px;padding:0 14px;border:1px solid #e1e5e8;border-radius:999px;text-decoration:none;color:#333b41;background:#fff;font-size:11px;font-weight:800;transition:.18s ease;}
.v2-category-pill:hover,.v2-category-pill.is-active{color:#fff;background:#111417;border-color:#111417;}
.v2-category-pill small{min-width:20px;height:20px;display:grid;place-items:center;border-radius:999px;background:#f0f2f4;color:#697078;font-size:9px;}
.v2-category-pill:hover small,.v2-category-pill.is-active small{background:rgba(255,255,255,.14);color:#fff;}

.v2-catalog{padding-top:44px;padding-bottom:64px;}
.v2-catalog__header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px;}
.v2-catalog__header h2{margin:5px 0 0;font-family:var(--otolux-heading-font,Manrope,sans-serif);font-size:clamp(28px,3vw,40px);letter-spacing:-.04em;}
.v2-catalog__actions{display:flex;gap:8px;}
.v2-text-button{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border:1px solid #dfe3e6;border-radius:999px;text-decoration:none;color:#22282e;background:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.06em;}
.v2-text-button--dark{background:#111417;color:#fff;border-color:#111417;}
.v2-product-grid .woocommerce{width:100%;}
.v2-product-grid .woocommerce ul.products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:0;}
.v2-product-grid .woocommerce ul.products::before,.v2-product-grid .woocommerce ul.products::after{display:none;}
.v2-product-grid .woocommerce ul.products li.product{width:auto!important;margin:0!important;padding:0 0 14px!important;border:1px solid #e7eaed;border-radius:14px;background:#fff;box-shadow:none;overflow:hidden;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;}
.v2-product-grid .woocommerce ul.products li.product:hover{transform:translateY(-2px);border-color:#cfd5da;box-shadow:0 12px 32px rgba(13,18,22,.07);}
.v2-product-grid .woocommerce ul.products li.product a.woocommerce-LoopProduct-link{display:block;}
.v2-product-grid .woocommerce ul.products li.product img{width:100%;aspect-ratio:1/1;object-fit:cover;margin:0 0 14px!important;border-radius:0;background:#f5f6f7;transition:transform .25s ease;}
.v2-product-grid .woocommerce ul.products li.product:hover img{transform:scale(1.012);}
.v2-product-grid .woocommerce ul.products li.product .woocommerce-loop-product__title{min-height:40px;margin:0;padding:0 14px;font-family:var(--otolux-heading-font,Manrope,sans-serif);font-size:13px;line-height:1.45;letter-spacing:-.02em;}
.v2-product-grid .woocommerce ul.products li.product .price{display:block;margin:8px 0 0;padding:0 14px;color:#15191d;font-size:14px;font-weight:900;}
.v2-product-grid .woocommerce ul.products li.product .price del{color:#9aa1a8;font-weight:500;}
.v2-product-grid .woocommerce ul.products li.product .price ins{text-decoration:none;}
.v2-product-grid .woocommerce ul.products li.product .button{width:calc(100% - 28px);min-height:39px;display:flex;align-items:center;justify-content:center;margin:12px 14px 0!important;padding:0 12px;border-radius:9px;background:#111417;color:#fff;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;}
.v2-product-grid .woocommerce ul.products li.product .button:hover{background:var(--otolux-v2-accent);}
.v2-product-grid .woocommerce ul.products li.product .onsale{top:10px;left:10px;right:auto;min-width:0;min-height:0;margin:0;padding:5px 9px;border-radius:999px;line-height:1;background:var(--otolux-v2-accent);font-size:9px;}
.v2-product-grid .product-card-tools{top:10px;right:10px;}
.v2-empty-catalog{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:34px;border:1px solid #e5e8eb;border-radius:16px;background:#f7f8f9;}
.v2-empty-catalog h2{margin:7px 0 8px;font-size:28px;letter-spacing:-.035em;}
.v2-empty-catalog p{max-width:680px;margin:0;color:#6f7881;}

.v2-fitment-section{padding-bottom:56px;}
.v2-fitment-section .vehicle-finder{border:1px solid #e4e7ea;border-radius:16px;background:#f7f8f9;box-shadow:none;}
.home-benefits{padding:0 0 58px;background:#fff;}
.home-benefits .benefit-grid{gap:10px;}
.home-benefits .benefit-card{padding:18px;border:1px solid #e7eaed;border-radius:13px;background:#fff;box-shadow:none;}
.home-benefits .benefit-card h3{font-size:13px;}
.home-benefits .benefit-card p{font-size:11px;line-height:1.55;}

.v2-support-band{padding:0 0 72px;background:#fff;}
.v2-support-band__inner{display:flex;align-items:center;justify-content:space-between;gap:34px;padding:34px 38px;border-radius:18px;background:#111417;color:#fff;}
.v2-support-band h2{margin:5px 0 7px;color:#fff;font-family:var(--otolux-heading-font,Manrope,sans-serif);font-size:clamp(26px,3vw,38px);letter-spacing:-.04em;}
.v2-support-band p{margin:0;color:#aeb7bf;font-size:13px;}
.v2-custom-content{padding-bottom:70px;}

/* Make catalog/product cards use the same calm visual language site-wide. */
.woocommerce ul.products li.product{border:1px solid #e7eaed;box-shadow:none;}
.woocommerce ul.products li.product:hover{border-color:#cfd5da;}

[data-color-mode="dark"] .v2-store-intro,[data-color-mode="dark"] .v2-category-rail,[data-color-mode="dark"] .otolux-v2-home{background:var(--otolux-bg);}
[data-color-mode="dark"] .v2-category-pill{background:var(--otolux-surface);border-color:var(--otolux-line);color:var(--otolux-text);}
[data-color-mode="dark"] .v2-product-grid .woocommerce ul.products li.product,[data-color-mode="dark"] .home-benefits .benefit-card{background:var(--otolux-surface);border-color:var(--otolux-line);}
[data-color-mode="dark"] .v2-product-grid .woocommerce ul.products li.product .price{color:var(--otolux-text);}
[data-color-mode="dark"] .v2-empty-catalog,[data-color-mode="dark"] .v2-fitment-section .vehicle-finder{background:var(--otolux-surface);border-color:var(--otolux-line);}

@media(max-width:1180px){
  .header-main--v2{grid-template-columns:auto minmax(250px,1fr) auto;gap:16px;}
  .header-action--compact .header-action__text{display:none;}
  .header-action--compact{width:44px;min-width:44px;padding:0;}
  .v2-product-grid .woocommerce ul.products{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:900px){
  .topbar--v2 .topbar__links{display:none;}
  .header-main--v2{min-height:68px;grid-template-columns:auto 1fr auto;}
  .header-main--v2 .header-search{grid-column:1/-1;padding-bottom:10px;}
  .header-navigation--v2{display:none;}
  .v2-store-intro{padding:34px 0 28px;}
  .v2-store-intro__inner{grid-template-columns:1fr;gap:18px;}
  .v2-store-intro__meta{justify-content:space-between;}
  .v2-product-grid .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
  .v2-catalog{padding-top:34px;}
}
@media(max-width:620px){
  .site-container{width:min(100% - 24px,1460px);}
  .topbar--v2{display:none;}
  .site-header--v2{position:sticky;top:0;}
  .header-main--v2{gap:8px;}
  .header-main--v2 .site-branding{min-width:0;}
  .header-actions--v2 .header-action--wishlist,.header-actions--v2 .header-action--mode{display:none;}
  .header-search--v2 .header-search__form{height:42px;}
  .header-search--v2 .header-search__form button{min-width:72px;padding:0 12px;font-size:10px;}
  .v2-store-intro h1{font-size:42px;}
  .v2-store-intro__meta span{display:none;}
  .v2-store-intro__meta a{width:100%;justify-content:center;}
  .v2-catalog__header{align-items:flex-start;flex-direction:column;}
  .v2-catalog__actions{width:100%;}
  .v2-catalog__actions a{flex:1;}
  .v2-product-grid .woocommerce ul.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .v2-product-grid .woocommerce ul.products li.product{border-radius:10px;padding-bottom:10px!important;}
  .v2-product-grid .woocommerce ul.products li.product .woocommerce-loop-product__title{min-height:38px;padding:0 10px;font-size:11px;}
  .v2-product-grid .woocommerce ul.products li.product .price{padding:0 10px;font-size:12px;}
  .v2-product-grid .woocommerce ul.products li.product .button{width:calc(100% - 20px);margin:10px 10px 0!important;font-size:9px;}
  .v2-empty-catalog{align-items:flex-start;flex-direction:column;padding:24px;}
  .v2-support-band__inner{align-items:flex-start;flex-direction:column;padding:28px 22px;}
  .v2-support-band__inner .button{width:100%;}
  .home-benefits .benefit-grid{grid-template-columns:1fr 1fr;}
}
@media(max-width:390px){
  .home-benefits .benefit-grid{grid-template-columns:1fr;}
}