/* Ürün detay, katalog, mobil menü */
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.9rem;color:var(--muted);margin:22px 0 14px}.crumbs a{color:inherit;min-height:32px;display:inline-flex;align-items:center}.crumbs span[aria-current]{color:var(--text)}
.detail{display:grid;grid-template-columns:minmax(300px,420px) 1fr;gap:56px;align-items:start;padding-bottom:60px}
.detail-stage{position:sticky;top:90px;display:grid;gap:14px;justify-items:center}.detail-stage .phone{width:min(100%,340px)}
.scene-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.scene-chips button,.seg button{min-height:44px;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:100px;padding:6px 14px}
.scene-chips button[aria-current=true],.seg button[aria-pressed=true]{background:var(--green);color:var(--ground);border-color:var(--green)}
.seg{display:inline-flex;flex-wrap:wrap;gap:6px}
.detail h1{font-size:clamp(2.6rem,5vw,4.2rem);margin:6px 0}.detail .lead{color:var(--muted);font-size:1.1rem}
.spec{display:grid;gap:22px;margin-top:26px}.spec section{border-top:1px solid var(--line);padding-top:18px}.spec h2{font-size:1.5rem;margin:0 0 10px}
.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{display:grid;gap:4px;justify-items:center;font-size:.8rem;color:var(--muted)}.swatch i{width:52px;height:52px;border-radius:50%;border:1px solid var(--line)}
.fontline{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:baseline}.fontline b{font-size:1.9rem;font-weight:400}.fontline small{display:block;color:var(--muted)}
.tick{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px}.tick li{padding-left:22px;position:relative}.tick li::before{content:'✓';position:absolute;left:0;color:var(--gold)}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}
.more-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px}
.mini-card{display:grid;gap:8px;text-decoration:none;color:inherit}.mini-card .shot{aspect-ratio:9/16;border-radius:16px;border:4px solid #111;overflow:hidden;background:#222}.mini-card img{width:100%;height:100%;object-fit:cover;display:block}.mini-card b{font:500 1.35rem 'Cormorant Garamond',serif}.mini-card small{color:var(--muted)}
.mini-card:hover .shot,.mini-card:focus-visible .shot{outline:2px solid var(--gold)}
.catalog-head{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;align-items:end;margin:10px 0 22px}
.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:22px;padding-bottom:60px}.cat-empty{color:var(--muted);padding:30px 0}
@media(max-width:860px){.detail{grid-template-columns:1fr;gap:28px}.detail-stage{position:static}.tick{grid-template-columns:1fr}}
.nav-toggle{display:none;width:48px;height:48px;border:1px solid var(--line);background:var(--card);border-radius:12px;padding:0;position:relative;margin-left:auto}
.nav-toggle span{position:absolute;left:13px;right:13px;height:2px;background:var(--text);border-radius:2px;transition:transform .25s,opacity .2s,top .25s}
.nav-toggle span:nth-child(1){top:16px}.nav-toggle span:nth-child(2){top:23px}.nav-toggle span:nth-child(3){top:30px}
.site-header[data-nav-open=true] .nav-toggle span:nth-child(1){top:23px;transform:rotate(45deg)}.site-header[data-nav-open=true] .nav-toggle span:nth-child(2){opacity:0}.site-header[data-nav-open=true] .nav-toggle span:nth-child(3){top:23px;transform:rotate(-45deg)}
@media(max-width:900px){
 .nav-toggle{display:block}
 .site-header[data-nav-open=true] nav{display:flex!important;position:fixed;left:0;right:0;top:66px;bottom:0;z-index:60;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px calc(20px + env(safe-area-inset-bottom));background:var(--ground);overflow:auto;border-top:1px solid var(--line)}
 .site-header[data-nav-open=true] nav a:not(.header-cta){display:flex!important;min-height:56px;font:500 1.6rem 'Cormorant Garamond',serif;border-bottom:1px solid var(--line);padding:0 4px}
 .site-header[data-nav-open=true] nav .header-cta{margin-top:18px;justify-content:center;min-height:52px}
}
html.nav-lock,html.nav-lock body{overflow:hidden}
@media(prefers-reduced-motion:reduce){.nav-toggle span{transition:none}}
