/* Product and compatibility presentation. Does not change catalog matching. */
.site-header .logo>a{position:relative;display:inline-flex;align-items:center;padding-inline-end:16px}.uv-registered{position:absolute;inset-inline-end:0;top:12px;font-size:14px;line-height:1;font-weight:600;color:var(--uv-navy)}
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--uv-navy:#003f8c;--uv-orange:#ad4200;--uv-green:#356900;--uv-soft:#edf2fa;--uv-border:#dce3ef;--uv-card:#fff;--uv-ink:#102747;--uv-muted:#52627b;--uv-bg:#f5f7fc;--atlas-accent:var(--uv-navy);--accent-primary:var(--uv-navy);--brand:var(--uv-navy);--font-body:Manrope,system-ui,sans-serif;--font-heading:Manrope,system-ui,sans-serif}
[data-theme=dark]{--uv-navy:#a6caff;--uv-orange:#ffb27e;--uv-green:#b5df78;--uv-soft:#203553;--uv-border:#344962;--uv-card:#14233b;--uv-ink:#edf3ff;--uv-muted:#b4c4dc;--uv-bg:#0c1729}
body{background:var(--uv-bg)!important;color:var(--uv-ink);font-family:var(--font-body)!important}
h1,h2,h3,.hw-card-title,.hw-product-name{font-family:var(--font-heading)!important}
.site-header{background:var(--uv-card)!important;border-top:4px solid #003f8c!important;border-bottom:1px solid var(--uv-border)!important;box-shadow:none!important}
.header-top{padding-block:20px!important}.site-header .logo-img{width:220px!important;height:74px!important;object-fit:contain!important;max-width:100%}
[data-theme=dark] .logo-img{background:white;border-radius:12px;padding:4px}
.header-bottom-bar .nav-link{font-size:13px!important;letter-spacing:0!important}
.product-hero-layout-grid{gap:48px!important;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)!important;padding-block:28px!important}
.product-hero-gallery-col{border:1px solid var(--uv-border);background:linear-gradient(140deg,var(--uv-soft),var(--uv-card));border-radius:28px;padding:24px!important;overflow:hidden}
.product-gallery-container .swiper-main{background:transparent!important;height:clamp(300px,35vw,530px)!important}
.product-hero-details-col h1{font-size:clamp(28px,3.1vw,48px)!important;font-weight:600!important;line-height:1.14!important;letter-spacing:-.035em!important;color:var(--uv-ink)!important;overflow-wrap:break-word!important}
.atlas-summary{border:0!important;background:transparent!important;border-radius:0!important;margin-block:28px!important;border-block:1px solid var(--uv-border)!important}
.atlas-summary>div{padding:20px 12px!important;border-color:var(--uv-border)!important}.atlas-summary dt{font-size:13px!important;color:var(--uv-muted)!important}.atlas-summary dd{font-size:20px!important;font-weight:700!important;color:var(--uv-navy)!important}
.atlas-summary>div:nth-child(3n+2) dd{color:var(--uv-orange)!important}.atlas-summary>div:nth-child(3n) dd{color:var(--uv-green)!important}
.info-tab-btn{border-radius:28px!important;min-height:46px!important;padding:12px 20px!important;font-family:var(--font-body)!important}
.info-tab-btn.active{background:#003f8c!important;color:white!important;border-color:#003f8c!important}
.atlas-group-nav a{border-radius:24px!important;background:var(--uv-card)!important;color:var(--uv-ink)!important;border-color:var(--uv-border)!important}
.specs-section-editorial .accordion-item{background:var(--uv-card)!important;border-color:var(--uv-border)!important;border-radius:18px!important;overflow:hidden}
.specs-section-editorial .accordion-header{background:var(--uv-soft)!important;color:var(--uv-ink)!important;padding:20px 24px!important}
.specs-section-editorial .spec-row{padding:16px 24px!important;border-color:var(--uv-border)!important}.specs-section-editorial .spec-name{color:var(--uv-muted)!important}.specs-section-editorial .spec-val{color:var(--uv-ink)!important}
.tab-hero-card{background:#003f8c!important;color:#fff!important;border:0!important;border-radius:26px!important;padding:38px!important;margin-bottom:30px!important;box-shadow:none!important}
.tab-hero-title{font-size:clamp(28px,3vw,44px)!important;font-weight:600!important;letter-spacing:-.035em!important;line-height:1.2!important;color:white!important}
.tab-hero-desc{color:#dce9fb!important;font-size:15px!important;line-height:1.75!important}.tab-hero-badge{background:#ffffff18!important;color:white!important;border-color:#ffffff30!important;font-size:12px!important}
.btn-return-product{min-height:48px!important;border-radius:28px!important;background:white!important;color:#003f8c!important;border:0!important}
.tab-content-card{padding:24px!important;background:var(--uv-card)!important;border:1px solid var(--uv-border)!important;border-radius:24px!important}
.hw-compat-wrapper{color:var(--uv-ink)!important;font-family:var(--font-body)!important}
.hw-overview-grid{gap:18px!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))!important}
.hw-card{background:var(--uv-card)!important;border-color:var(--uv-border)!important;border-radius:20px!important;padding:26px!important;box-shadow:none!important}
.hw-card-primary,.hw-card-info{border-top:4px solid #003f8c!important}.hw-card-success{border-top:4px solid #70b800!important}.hw-card-accent{border-top:4px solid #f56600!important}
.hw-card-title{color:var(--uv-ink)!important;font-size:21px!important;font-weight:600!important;letter-spacing:-.5px!important}.hw-card-desc,.hw-card-footer,.hw-card-badge{color:var(--uv-muted)!important;font-size:13px!important;line-height:1.65!important}
.hw-card-footer strong{color:var(--uv-ink)!important}
.hw-filter-bar{background:var(--uv-soft)!important;border:1px solid var(--uv-border)!important;border-radius:18px!important;padding:22px!important;gap:16px!important;flex-wrap:wrap!important}
.hw-filter-item{min-width:0!important}.hw-filter-item label{font-size:13px!important;color:var(--uv-muted)!important}
.hw-filter-item select,.hw-input-wrapper input{min-height:46px!important;background:var(--uv-card)!important;color:var(--uv-ink)!important;border:1px solid var(--uv-border)!important;border-radius:10px!important}
.hw-products-grid{gap:20px!important;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr))!important}
.hw-product-card{background:var(--uv-card)!important;border:1px solid var(--uv-border)!important;border-radius:22px!important;padding:22px!important;box-shadow:none!important;min-width:0!important}
.hw-product-name{font-size:18px!important;line-height:1.35!important;font-weight:650!important;color:var(--uv-ink)!important;letter-spacing:-.4px!important;white-space:normal!important}
.hw-img-box{background:var(--uv-soft)!important;border-radius:14px!important;min-height:160px!important}.hw-img-box img{object-fit:contain!important;max-width:100%!important}
.hw-specs-row,.hw-quick-cap-bar{flex-wrap:wrap!important;gap:8px!important}.hw-spec-tag{background:var(--uv-soft)!important;color:var(--uv-ink)!important;border-color:var(--uv-border)!important;font-size:12px!important;white-space:normal!important}
.hw-btn-detail,.hw-reset-btn{background:var(--uv-orange)!important;color:white!important;min-height:46px!important;border-radius:26px!important;border:0!important;padding:12px 18px!important}
[data-theme=dark] .hw-btn-detail,[data-theme=dark] .hw-reset-btn{color:#241407!important}
.hw-filter-chip{min-height:44px!important;background:var(--uv-card)!important;color:var(--uv-ink)!important;border-color:var(--uv-border)!important}.hw-filter-chip.active{background:#003f8c!important;color:white!important}
.tab-content-card table{width:100%!important;border-color:var(--uv-border)!important}.tab-content-card th,.tab-content-card td{padding:14px!important;color:var(--uv-ink)!important;border-color:var(--uv-border)!important;background:var(--uv-card)!important}.tab-content-card th{background:var(--uv-soft)!important}
.tab-content-card .table-responsive{overflow-x:auto}
:where(a,button,input,select):focus-visible{outline:3px solid var(--uv-navy)!important;outline-offset:4px!important}
@media(max-width:900px){.product-hero-layout-grid{grid-template-columns:1fr!important;gap:28px!important}.tab-hero-card{padding:26px!important}.site-header .logo-img{width:190px!important;height:64px!important}}
@media(max-width:600px){.tab-content-card{padding:16px!important}.product-hero-gallery-col{padding:16px!important}.hw-filter-item{flex:1 1 100%!important}.tab-hero-title{font-size:28px!important}.atlas-summary dd{font-size:17px!important}.product-gallery-container .swiper-main{height:320px!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
