/* ÜrünVeri Atlas: category-first information hierarchy. */
:root{
 --atlas-accent:#1454cc;--accent-primary:#1454cc;--brand:#1454cc;
 --atlas-border:#dce4ee;--atlas-soft:#f2f6fb;--atlas-text:#14263e;
 --font-body:'Work Sans',system-ui,sans-serif;--font-heading:'Outfit',system-ui,sans-serif;
}
[data-theme='dark']{--atlas-accent:#8bb8ff;--accent-primary:#8bb8ff;--brand:#8bb8ff;--atlas-border:#34465d;--atlas-soft:#182538;--atlas-text:#f1f5fb}
body{font-family:var(--font-body)!important;line-height:1.55}
.site-header{display:block!important;padding:0!important}
.header-top{max-width:1400px;margin-inline:auto;padding:18px 24px!important;gap:24px!important;width:100%;box-sizing:border-box}
.header-top .main-nav{flex:1!important;min-width:180px;max-width:720px}
.header-bottom-bar{width:100%;border-block-start:1px solid var(--atlas-border)}
.header-bottom-bar .category-nav{display:flex!important;justify-content:center;gap:8px;flex-wrap:wrap!important}
.header-bottom-bar .category-nav .nav-link{white-space:nowrap;font-size:12px!important;padding:14px 12px!important}
.category-nav .nav-separator{display:none!important}
h1,h2,h3,.section-headline{font-family:var(--font-heading)!important;letter-spacing:-.025em}
.product-hero-details-col h1{font-size:clamp(1.65rem,2.3vw,2.35rem)!important;line-height:1.2!important;overflow-wrap:anywhere}
.product-hero-layout-grid{gap:32px!important;align-items:start!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important}
.product-hero-gallery-col{position:static!important;min-width:0}
.product-gallery-container .swiper-main{height:clamp(240px,30vw,430px)!important;min-height:0!important;background:var(--bg-card)}
.swiper-main img{width:100%;height:100%;object-fit:contain}
.atlas-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;flex-basis:100%;order:3;width:100%;border:1px solid var(--atlas-border);border-radius:12px;background:var(--bg-card);margin:16px 0;overflow:hidden}
.atlas-summary>div{padding:13px 16px;border-block-end:1px solid var(--atlas-border);min-width:0}
.atlas-summary dt{font-size:13px;color:var(--text-secondary);font-weight:500;margin:0 0 4px}
.atlas-summary dd{font-size:16px;font-weight:650;margin:0;overflow-wrap:anywhere;color:var(--text-primary)}
.atlas-group-nav{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 24px}
.atlas-group-nav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;border-radius:9px;border:1px solid var(--atlas-border);color:var(--text-primary);background:var(--bg-card);font-size:13px;text-decoration:none}
.atlas-group-nav a:hover{background:var(--atlas-soft);border-color:var(--atlas-accent)}
.specs-section-editorial .accordion-item{border:1px solid var(--atlas-border)!important;border-radius:12px!important;box-shadow:none!important;scroll-margin-top:180px}
.specs-section-editorial .accordion-header{min-height:60px;background:var(--atlas-soft)!important;padding:15px 20px!important}
.specs-section-editorial .accordion-title-text{font-size:17px!important;font-weight:650!important}
.specs-section-editorial .spec-row{padding:13px 20px!important;align-items:start!important;gap:16px!important}
.specs-section-editorial .spec-name{font-size:14px!important;color:var(--text-secondary)!important;line-height:1.5}
.specs-section-editorial .spec-val{font-family:var(--font-body)!important;font-size:15px!important;font-weight:550!important;overflow-wrap:anywhere}
.specs-section-editorial .tech-val{font-family:var(--font-body)!important;letter-spacing:normal!important}
.atlas-filter-heading{font-size:13px;letter-spacing:.03em;margin:24px 0 5px;color:var(--atlas-accent);border-block-start:1px solid var(--atlas-border);padding-top:18px}
button.filter-group-header{border:0;background:none;text-align:start;width:100%;font-family:inherit;color:inherit;min-height:44px}
.atlas-option{display:flex;align-items:center;gap:8px;padding:8px;font-size:13px;color:var(--text-secondary);cursor:pointer;min-height:44px}
.atlas-option input{width:16px;height:16px;accent-color:var(--atlas-accent);flex-shrink:0}
.atlas-option .option-count{margin-inline-start:auto;opacity:.65;font-size:12px}
.category-nav{white-space:normal!important;flex-wrap:wrap!important;overflow:visible!important}
.atlas-categories{max-width:1360px;margin:0 auto;padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.atlas-category-family{padding:20px;background:var(--bg-card);border:1px solid var(--atlas-border);border-radius:14px}
.atlas-category-family h2{font-size:20px;margin:0 0 12px}
.atlas-category-family ul{list-style:none;padding:0;margin:0;display:grid;gap:4px}
.atlas-category-family a{color:var(--text-primary);display:block;min-height:44px;padding:8px 0;text-decoration:none}
.atlas-category-family a:hover{color:var(--atlas-accent)}
.atlas-category-family .atlas-category-root{font-weight:650;color:var(--atlas-accent)}
.atlas-nav-link{color:var(--text-primary);text-decoration:none;padding:10px 14px;min-height:44px;display:inline-flex;align-items:center}
:where(a,button,input,select):focus-visible{outline:3px solid var(--atlas-accent)!important;outline-offset:3px}
@media(min-width:1024px){.main-layout{grid-template-columns:290px minmax(0,1fr)!important}.sidebar-filters{width:auto!important}}
@media(max-width:900px){.atlas-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.product-hero-layout-grid{grid-template-columns:minmax(0,1fr)!important}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px!important}}
@media(max-width:540px){.atlas-categories{grid-template-columns:1fr}.atlas-summary dd{font-size:14px}.atlas-summary>div{padding:12px}.specs-section-editorial .spec-row{flex-wrap:wrap!important}.specs-section-editorial .spec-name{flex-basis:100%!important}.atlas-group-nav{gap:6px}.footer-grid{grid-template-columns:1fr!important}.header-top{flex-wrap:wrap}.product-hero-details-col h1{min-width:0!important}.atlas-group-nav a{font-size:12px}}
@media(max-width:768px){.header-top{padding:12px 16px!important;gap:12px!important;flex-wrap:wrap}.header-top .logo{flex:0 0 auto}.header-top .header-actions{margin-inline-start:auto;gap:8px!important}.header-top .main-nav{order:3;flex:0 0 100%!important;max-width:100%!important;min-width:0!important;margin-top:0}.atlas-nav-link{padding:8px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}