/* ============================================================================
   catalog-v7.css : web katalog (/katalog). Yalnız token (tokens-v7 + tokens-dark-v7);
   sert kodlu renk yok, iki temada çalışır. Kapak iki temada koyu (scrim + on-media).
   İki düzen:
     SNAP  (>=900px, yatay, yükseklik >=500): her sayfa 100dvh, overflow hidden,
           html'de scroll-snap-type:y mandatory, sağda cam sayfa dizini.
     AKIŞ  (diğerleri): min-height:100dvh, doğal kaydırma, üst çubukta model çipleri.
   Hareket yalnız transform/opacity; transition:all yok. Reveal kapısı html.cat-anim
   (catalog-v7.js ekler; JS'siz ya da reduced-motion'da her şey baştan görünür).
   Cam bütçesi 390px: üst çubuk + kapaktaki "Kataloğu Aç" = en çok 2 yüzey.
   ========================================================================= */

.is-catalog{--cat-bar-h:56px;--rail-w:0px;--pad-x:var(--wrap-gutter);--pad-l:max(var(--pad-x), calc((100% - var(--wrap-max)) / 2));--pad-r:max(calc(var(--pad-x) + var(--rail-w)), calc((100% - var(--wrap-max)) / 2))}
html:has(body.is-catalog){scroll-padding-top:0}

/* Katalog token'ları (yalnız bu sayfa). Birincil "Teklif Al": açık temada Organic dolgu (site
   birincili), koyu temada Apricot dolgu + Organic'in en derin tonu metin (--c-scrim, 6.2:1).
   Fotoğraf paspartusu (--c-cat-mat): açık temada sıcak taş tonu, soğuk gri stüdyo fonunu Ivory
   zeminden ayırır; koyu temada yok (--mp 0). Fotoğraf kırpılmaz, paspartu dışta kalır. */
.is-catalog{--c-cat-cta:var(--c-action);--c-on-cat-cta:var(--c-on-action);--c-cat-cta-hover:var(--c-action-hover);--c-cat-mat:color-mix(in oklab,var(--c-natural) 24%,var(--c-paper));--mp:clamp(6px, .7vw, 10px)}
:root[data-theme="dark"] .is-catalog{--c-cat-cta:var(--c-apricot);--c-on-cat-cta:var(--c-scrim);--c-cat-cta-hover:color-mix(in oklab,var(--c-apricot) 84%,var(--c-ivory));--c-cat-mat:transparent;--mp:0px}
.is-catalog .cat-cta{background-color:var(--c-cat-cta);color:var(--c-on-cat-cta)}
@media (hover:hover) and (pointer:fine){.is-catalog .cat-cta:hover{background-color:var(--c-cat-cta-hover)}}

/* Standart site başlığı yerine katalogun kendi çubuğu. Footer ve tema JS'si aynen kalır. */
.is-catalog .site-header,.is-catalog .hdr-sentinel{display:none}

/* ---------- Üst çubuk (cam) ---------- */
.cat-bar{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);height:var(--cat-bar-h);color:var(--c-text);background-color:var(--glass-bar);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));transition:background-color var(--du-hover) var(--ez-out),color var(--du-hover) var(--ez-out)}
.cat-bar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--glass-hair);pointer-events:none;transition:opacity var(--du-hover) var(--ez-out)}
.cat-bar__inner{display:flex;align-items:center;gap:var(--sp-3);height:100%;padding-inline:var(--pad-x)}
.cat-bar__brand{display:inline-flex;align-items:center;min-height:44px;color:inherit;text-decoration:none;font-family:var(--f-display);font-weight:var(--w-strong);font-size:1.25rem;letter-spacing:-0.02em;line-height:1}
.cat-bar__label{display:none;font-size:var(--t-body-s);font-weight:var(--w-ui);color:inherit;opacity:.72}
.cat-bar__site{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;justify-content:center;margin-left:auto;color:inherit;font-size:var(--t-body-s);font-weight:var(--w-ui);text-decoration:none;border-radius:var(--r-pill)}
.cat-bar__site .icon{width:18px;height:18px;transition:transform var(--du-hover) var(--ez-out)}
.cat-bar__site-txt{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--c-hair-strong)}
.cat-bar .icon-btn{color:inherit}
@media (hover:hover) and (pointer:fine){
  .cat-bar__site:hover .icon{transform:translate(2px,-2px)}
  .cat-bar__site:hover .cat-bar__site-txt{text-decoration-thickness:2px;text-decoration-color:currentColor}
}

/* Model çipleri (yalnız AKIŞ düzeninde): yatay kaydırmalı şerit, aktif çip IntersectionObserver ile. */
.cat-chips{flex:1;min-width:0;display:flex}
/* Sağ kenar solması: şeridin kaydırılabildiği görülür (ok/etiket yok). */
.cat-chips ol{display:flex;gap:2px;min-width:0;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:none;padding:4px 40px 4px 2px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 40px),transparent)}
.cat-chips ol::-webkit-scrollbar{display:none}
.cat-chips li{scroll-snap-align:center}
.cat-chip{display:inline-grid;place-items:center;min-width:44px;height:40px;padding:0 14px;border-radius:var(--r-pill);color:inherit;font-size:var(--t-body-s);font-weight:var(--w-ui);white-space:nowrap;text-decoration:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--du-micro) var(--ez-out),color var(--du-micro) var(--ez-out)}
.cat-chip[aria-current]{background-color:var(--c-action);color:var(--c-on-action)}
.cat-chip:focus-visible{border-radius:var(--r-pill)}
@media (hover:hover) and (pointer:fine){.cat-chip:not([aria-current]):hover{background-color:var(--c-stage)}}

/* Kapak üstündeyken (cat-off-top yok): saydam + scrim, Ivory metin, blur yok. JS yoksa normal cam. */
html.js .is-catalog:not(.cat-off-top) .cat-bar{color:var(--c-on-media);background-color:transparent;background-image:linear-gradient(to bottom,color-mix(in srgb,var(--c-scrim) 58%,transparent),transparent);-webkit-backdrop-filter:none;backdrop-filter:none}
html.js .is-catalog:not(.cat-off-top) .cat-bar::after{opacity:0}
html.js .is-catalog:not(.cat-off-top) .cat-bar__site-txt{text-decoration-color:color-mix(in srgb,var(--c-on-media) 40%,transparent)}
html.js .is-catalog:not(.cat-off-top) .cat-bar :focus-visible{box-shadow:0 0 0 2px var(--c-scrim),0 0 0 4px var(--c-on-media)}
@media (hover:hover) and (pointer:fine){
  html.js .is-catalog:not(.cat-off-top) .cat-bar .icon-btn:hover,
  html.js .is-catalog:not(.cat-off-top) .cat-chip:not([aria-current]):hover{background-color:var(--glass-media-hover)}
}

/* ---------- Sayfa dizini (yalnız SNAP; cam, sağda sabit) ---------- */
.cat-rail{display:none}
/* Sakin dizin: yalnız noktalar (numara yok). Etkin nokta uzar ve koyulaşır; etkin sayfanın adı
   solda kalıcı etiket. Diğer adlar yalnız hover/odakta. Erişilebilir ad bağlantının içinde. */
.cat-rail ol{display:grid}
.cat-rail__a{position:relative;display:grid;place-items:center;width:28px;height:clamp(22px, 3.2vh, 28px);border-radius:var(--r-pill);color:var(--c-natural);text-decoration:none;-webkit-tap-highlight-color:transparent;transition:color var(--du-micro) var(--ez-out)}
.cat-rail__dot{width:6px;height:6px;border-radius:var(--r-pill);background-color:currentColor;transition:transform var(--du-hover) var(--ez-out)}
.cat-rail__a[aria-current]{color:var(--c-ink)}
.cat-rail__a[aria-current] .cat-rail__dot{transform:scale(1.6)}
.cat-rail__a:focus-visible{border-radius:var(--r-pill)}
.cat-rail__lb{position:absolute;right:calc(100% + 16px);top:50%;padding:6px 12px;border-radius:var(--r-pill);background-color:var(--c-raised);color:var(--c-ink);box-shadow:var(--sh-float);font-size:var(--t-label);font-weight:var(--w-ui);line-height:1.2;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(6px,-50%);transition:opacity var(--du-micro) var(--ez-out),transform var(--du-hover) var(--ez-out)}
.cat-rail__a[aria-current] .cat-rail__lb,.cat-rail__a:hover .cat-rail__lb,.cat-rail__a:focus-visible .cat-rail__lb{opacity:1;transform:translate(0,-50%)}
@media (hover:hover) and (pointer:fine){.cat-rail__a:not([aria-current]):hover{color:var(--c-ink)}}

/* ---------- Ortak sayfa ---------- */
.cat-page{position:relative;isolation:isolate;overflow:clip;min-height:100vh;min-height:100dvh}
.cat-page:focus,.cat-page:focus-visible{outline:none;box-shadow:none}

/* ---------- Kapak (iki temada koyu) ---------- */
.cc{display:flex;flex-direction:column;justify-content:flex-end;background-color:var(--c-scrim);color:var(--c-on-media);padding:calc(var(--cat-bar-h) + var(--sp-6)) var(--pad-r) clamp(24px, 6vh, 64px) var(--pad-l)}
.cc__media{position:absolute;inset:0;z-index:-1}
.cc__poster,.cc__loop{position:absolute;inset:0}
.cc__video{display:block;width:100%;height:100%;object-fit:cover}
.cc__media::after{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(to top,
    color-mix(in srgb, var(--c-scrim) 90%, transparent) 0%,
    color-mix(in srgb, var(--c-scrim) 72%, transparent) 34%,
    color-mix(in srgb, var(--c-scrim) 30%, transparent) 62%,
    color-mix(in srgb, var(--c-scrim) 8%, transparent) 100%),
  linear-gradient(to right,
    color-mix(in srgb, var(--c-scrim) 46%, transparent) 0%,
    color-mix(in srgb, var(--c-scrim) 0%, transparent) 64%)}
/* Dikey video açık tonlu: dar/dikey ekranda scrim alt yarıda daha yoğun, üstte çubuk için koyu bant. */
@media (max-width:899px),(orientation:portrait){
  .cc__media::after{background:
    linear-gradient(to bottom,
      color-mix(in srgb, var(--c-scrim) 52%, transparent) 0%,
      color-mix(in srgb, var(--c-scrim) 0%, transparent) 18%),
    linear-gradient(to top,
      color-mix(in srgb, var(--c-scrim) 94%, transparent) 0%,
      color-mix(in srgb, var(--c-scrim) 84%, transparent) 30%,
      color-mix(in srgb, var(--c-scrim) 58%, transparent) 50%,
      color-mix(in srgb, var(--c-scrim) 14%, transparent) 72%,
      color-mix(in srgb, var(--c-scrim) 0%, transparent) 86%)}
}
.cc__inner{width:100%}
.cc__title{display:grid;color:var(--c-on-media);font-weight:var(--w-display)}
.cc__brand{display:block;overflow:hidden;padding:.04em 0 .06em;margin:-.04em 0 -.06em;font-family:var(--f-display);font-weight:var(--w-strong);font-size:clamp(3.25rem, 18vw, 13rem);line-height:.88;letter-spacing:-0.045em}
.cc__brand > span{display:block;animation:cat-rise var(--du-hero) var(--ez-out) both}
.cc__sub{display:block;margin-top:clamp(8px, 1.6vh, 20px);font-family:var(--f-display);font-size:var(--t-heading-l);line-height:var(--lh-snug);letter-spacing:var(--tr-heading);animation:cat-fade var(--du-hero) var(--ez-out) both;animation-delay:calc(var(--stagger) * 2)}
.cc__foot{position:relative;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--sp-4) var(--sp-5);margin-top:clamp(20px, 5vh, 56px);padding-top:clamp(16px, 3vh, 28px);animation:cat-fade var(--du-hero) var(--ez-out) both;animation-delay:calc(var(--stagger) * 4)}
.cc__foot::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--c-on-media) 36%,transparent),color-mix(in srgb,var(--c-on-media) 8%,transparent))}
.cc__count{display:grid;gap:6px;font-size:var(--t-body);line-height:1.35}
.cc__count-l{display:flex;align-items:baseline;gap:8px;font-size:var(--t-lead)}
.cc__count-n{font-family:var(--f-display);font-weight:var(--w-display);font-size:var(--t-heading-l);line-height:1;font-variant-numeric:tabular-nums}
.cc__count-note{font-size:var(--t-body-s);opacity:.8}
.cc__cta{min-height:56px;padding-left:var(--sp-5);font-size:var(--t-body)}
.cc__cta .btn__orb{width:44px;height:44px}
@keyframes cat-rise{from{transform:translateY(105%)}to{transform:none}}
@keyframes cat-fade{from{opacity:0;transform:translateY(var(--reveal-y))}to{opacity:1;transform:none}}

/* ---------- Model sayfası ----------
   Satırlar: meta (Model No / sayfa no) · başlık yığını · 3 görünüm · alt (marka + Teklif Al).
   Zemin: paper + modelin tonundan çok düşük opaklıklı radial (3 tonlu döngü, token). */
.cm{--tint:var(--c-apricot);--tint-a:14%;display:grid;grid-template-columns:minmax(0,1fr);align-content:start;row-gap:clamp(14px, 2.4vh, 28px);padding:calc(var(--cat-bar-h) + clamp(14px, 3vh, 36px)) var(--pad-r) clamp(24px, 4vh, 44px) var(--pad-l);background-color:var(--c-paper);background-image:radial-gradient(64% 72% at 90% 18%,color-mix(in oklab,var(--tint) var(--tint-a),transparent),transparent 72%)}
.cm--t2{--tint:var(--c-natural);--tint-a:16%}
.cm--t3{--tint:var(--c-ivory);--tint-a:72%}
:root[data-theme="dark"] .cm--t1{--tint-a:11%}
:root[data-theme="dark"] .cm--t2{--tint-a:14%}
:root[data-theme="dark"] .cm--t3{--tint-a:7%}

.cm__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4)}
.cm__sku{font-size:var(--t-body-s);color:var(--c-text-2)}
.cm__sku .num{margin-left:4px;color:var(--c-ink);font-weight:var(--w-emph);letter-spacing:var(--tr-label)}
.cm__page{display:inline-flex;align-items:baseline;gap:6px;color:var(--c-ink)}
.cm__page-n{font-family:var(--f-display);font-weight:var(--w-display);font-size:var(--t-heading-m);line-height:1;letter-spacing:var(--tr-heading)}
.cm__page-t{font-size:var(--t-caption);color:var(--c-text-2)}

.cm__head{display:grid;justify-items:start}
.cm__name{font-family:var(--f-display);font-weight:var(--w-strong);font-size:clamp(2.75rem, 1.6rem + 5vw, 4.5rem);line-height:.96;letter-spacing:-0.035em;color:var(--c-ink)}
.cm__mask{display:block;overflow:hidden;padding:.06em .02em .1em;margin:-.06em -.02em -.1em}
.cm__mask > span{display:block}
.cm__tag{margin-top:clamp(8px, 1.4vh, 14px);max-width:48ch;font-size:var(--t-lead);line-height:1.45;color:var(--c-text)}
.cm__spec{display:flex;flex-wrap:wrap;gap:var(--sp-1) var(--sp-5);margin-top:clamp(10px, 1.8vh, 18px)}
.cm__spec div{display:inline-flex;align-items:baseline;gap:var(--sp-2)}
.cm__spec dt{font-size:var(--t-caption);color:var(--c-text-2)}
.cm__spec dd{font-size:var(--t-body-s);font-weight:var(--w-ui);color:var(--c-ink)}
.cm__meas{margin-top:var(--sp-1);font-size:var(--t-caption);color:var(--c-text-2)}

/* Üç görünüm: fotoğraf olduğu gibi (doğal 4:3), kırpma/zoom/çerçeve/padding yok. */
.cm__views{min-width:0}
.cm__row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-3) 10px}
.cm__view:first-child{grid-column:1 / -1}
.cm__view figure{display:grid}
.cm__ph{position:relative;isolation:isolate;display:block;padding:var(--mp);border-radius:var(--r);background-color:var(--c-cat-mat);transition:transform var(--du-hover) var(--ez-out)}
.cm__ph::after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;box-shadow:var(--sh-lift);opacity:0;pointer-events:none;transition:opacity var(--du-hover) var(--ez-out)}
.cm__img{display:block;width:100%;height:auto;border-radius:max(0px, calc(var(--r) - var(--mp)))}
.cm__view figcaption{margin-top:var(--sp-2);font-size:var(--t-caption);line-height:1.3;color:var(--c-text-2)}
@media (hover:hover) and (pointer:fine){
  .cm__view:hover .cm__ph{transform:translateY(var(--stage-lift))}
  .cm__view:hover .cm__ph::after{opacity:1}
}
@media (min-width:600px){
  .cm__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sp-3) clamp(10px, 1.4vw, 24px)}
  .cm__view:first-child{grid-column:auto}
}

.cm__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sp-3) var(--sp-4)}
.cm__brand,.ce__brand{font-size:var(--t-caption);color:var(--c-text-2)}
.cm__brand-w{margin-right:6px;font-family:var(--f-display);font-weight:var(--w-strong);font-size:var(--t-body-s);letter-spacing:-0.01em;color:var(--c-ink)}

/* Giriş hareketi: ad maskeden yükselir, künye solar, 3 görünüm 80ms arayla belirir. */
html.cat-anim .cm__mask > span{transform:translateY(105%);transition:transform var(--du-hero) var(--ez-out)}
html.cat-anim .cm__tag,html.cat-anim .cm__spec,html.cat-anim .cm__meas{opacity:0;transform:translateY(10px);transition:opacity var(--du-reveal) var(--ez-out),transform var(--du-reveal) var(--ez-out);transition-delay:120ms}
html.cat-anim .cm__view{opacity:0;transform:translateY(24px);transition:opacity var(--du-reveal) var(--ez-out),transform var(--du-reveal) var(--ez-out);transition-delay:calc(180ms + var(--vi, 0) * 80ms)}
html.cat-anim .cm.is-on .cm__mask > span,
html.cat-anim .cm.is-on .cm__tag,html.cat-anim .cm.is-on .cm__spec,html.cat-anim .cm.is-on .cm__meas,
html.cat-anim .cm.is-on .cm__view{opacity:1;transform:none}

/* ---------- Kapanış ---------- */
.ce__grid{margin-block:auto}
.ce{display:flex;flex-direction:column;gap:clamp(24px, 5vh, 56px);padding:calc(var(--cat-bar-h) + clamp(24px, 6vh, 72px)) var(--pad-r) clamp(24px, 4vh, 44px) var(--pad-l);background-color:var(--c-band)}
.ce__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gap);row-gap:var(--sp-6);align-items:end}
.ce__copy{grid-column:1 / span 6}
.ce__title{font-family:var(--f-display);font-weight:var(--w-display);font-size:clamp(2.25rem, 1.4rem + 3vw, 4rem);line-height:1.02;letter-spacing:var(--tr-display);color:var(--c-ink);max-width:15ch}
.ce__text{margin-top:var(--sp-4);max-width:42ch;font-size:var(--t-lead);line-height:1.5;color:var(--c-text)}
.ce__act{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-3);margin-top:clamp(20px, 4vh, 40px)}
.ce__list{grid-column:8 / -1}
.ce__item{display:grid;grid-template-columns:6.5rem minmax(0,1fr);align-items:center;column-gap:var(--sp-3);min-height:52px;padding-block:6px;border-top:var(--hairline-strong)}
.ce__item:last-child{border-bottom:var(--hairline-strong)}
.ce__k{font-size:var(--t-caption);color:var(--c-text-2)}
.ce__v{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--c-ink);font-size:var(--t-body-s);font-weight:var(--w-ui);text-decoration:none;overflow-wrap:anywhere}
.ce__v .icon{width:20px;height:20px;flex:none;color:var(--c-text-2)}
.ce__addr{align-items:flex-start;padding-block:10px;font-weight:var(--w-body);line-height:1.45}
.ce__addr .icon{margin-top:1px}
.ce__person{font-weight:var(--w-body)}
.ce__phone{font-family:var(--f-display);font-weight:var(--w-strong);font-size:clamp(1.625rem, 1rem + 2vw, 2.5rem);line-height:1.1;letter-spacing:-0.02em;white-space:nowrap}
a.ce__v span,a.ce__phone{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:transparent;transition:text-decoration-color var(--du-hover) var(--ez-out)}
@media (hover:hover) and (pointer:fine){a.ce__v:hover span,a.ce__phone:hover{text-decoration-color:currentColor}}

/* ---------- AKIŞ düzeni (dar / dikey) ---------- */
@media (max-width:1023px){
  .ce__copy,.ce__list{grid-column:1 / -1}
}
@media (max-width:599px){
  .cat-bar__site-txt{display:none}
  .cc__foot{align-items:stretch;flex-direction:column}
  .cc__cta{justify-content:space-between}
  .cm__wm{font-size:clamp(7rem, 38vw, 10rem)}
  .cm__foot{flex-direction:column;align-items:stretch;gap:var(--sp-3)}
  .cm__foot .magnet{display:flex}
  .cm__foot .btn{width:100%;justify-content:space-between}
  .cm__brand{order:2}
  .ce__act .magnet{flex:1 1 100%}
  .ce__act .btn{width:100%;justify-content:space-between}
  .ce__item{grid-template-columns:5.25rem minmax(0,1fr)}
}

/* ---------- SNAP düzeni (masaüstü yatay) ---------- */
@media (min-width:900px) and (orientation:landscape) and (min-height:500px){
  html:has(body.is-catalog){scroll-snap-type:y mandatory}
  .is-catalog{--rail-w:104px}
  .cat-page{height:100vh;height:100dvh;min-height:0;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:normal}
  .is-catalog .site-footer{scroll-snap-align:end}

  .cat-chips{display:none}
  .cat-bar__label{display:inline}

  .cat-rail{display:block;position:fixed;right:var(--sp-4);top:50%;z-index:var(--z-header);padding:5px;border-radius:var(--r-pill);background-color:var(--glass-bar);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));box-shadow:var(--glass-spec),var(--glass-shadow);transform:translateY(-50%);transition:background-color var(--du-hover) var(--ez-out),color var(--du-hover) var(--ez-out)}
  .cat-rail::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;background:linear-gradient(160deg,var(--c-hair-strong),transparent 46%,var(--c-hair));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}
  html.js .is-catalog:not(.cat-off-mid) .cat-rail{background-color:color-mix(in srgb,var(--c-scrim) 46%,transparent);box-shadow:var(--glass-media-spec),var(--glass-shadow)}
  html.js .is-catalog:not(.cat-off-mid) .cat-rail::before{background:var(--glass-media-edge)}
  html.js .is-catalog:not(.cat-off-mid) .cat-rail__a{color:color-mix(in srgb,var(--c-on-media) 55%,transparent)}
  html.js .is-catalog:not(.cat-off-mid) .cat-rail__a[aria-current]{color:var(--c-on-media)}
  html.js .is-catalog:not(.cat-off-mid) .cat-rail__a[aria-current] .cat-rail__lb{opacity:0}
  html.js .is-catalog:not(.cat-off-mid) .cat-rail__a:focus-visible{box-shadow:0 0 0 2px var(--c-scrim),0 0 0 4px var(--c-on-media)}

  .cc__brand{font-size:min(15vw, 28vh, 13rem)}

  /* Model: 4 satır; görünüm satırı kalan yüksekliğin tamamını alır (ölü bant yok).
     Başlık yığını sıkı: ad tam satır, tagline ile malzeme aynı satırda (sığmazsa kırılır). */
  .cm{grid-template-rows:auto auto minmax(0,1fr) auto;align-content:stretch;row-gap:clamp(10px, 1.8vh, 20px);padding-top:calc(var(--cat-bar-h) + clamp(12px, 2.2vh, 24px));padding-bottom:clamp(16px, 3vh, 32px)}
  .cm__head{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:var(--sp-5)}
  .cm__name{flex:1 0 100%;font-size:clamp(2.5rem, 1rem + 6vh, 5.5rem)}
  .cm__tag{font-size:clamp(1rem, .82rem + .7vh, 1.3125rem)}
  .cm__spec{margin-top:clamp(8px, 1.4vh, 14px)}

  /* Lead görünüm: ön üç çeyrek büyük (2 satır), yan ve arka sağda küçük. Ölçüler kalan kutudan
     (container query birimi) hesaplanır; her kare doğal 4:3 oranında, kırpmasız.
     Blok yükseklikleri eşit: H + 2p + cap = 2(h + 2p + cap) + g  =>  h = (H - 2p - cap - g) / 2.
     Yükseklikten: H = 100cqh - cap - 2p. Genişlikten: L + S + cg = 100cqw çözümü. Küçük olan geçerli. */
  .cm__views{--cap:calc(var(--sp-2) + 1.15rem);container-type:size;display:grid;align-items:center;min-height:0}
  .cm__row{
    --ar:var(--media-ratio);--cg:clamp(12px, 1.4vw, 24px);--g:clamp(10px, 1.6vh, 16px);
    --Hh:calc(100cqh - var(--cap) - 2 * var(--mp));
    --Hw:calc((100cqw - var(--cg) - 4 * var(--mp) + var(--ar) * (2 * var(--mp) + var(--cap) + var(--g)) / 2) / (1.5 * var(--ar)));
    --H:min(var(--Hh), var(--Hw));
    --h:calc((var(--H) - 2 * var(--mp) - var(--cap) - var(--g)) / 2);
    grid-template-columns:calc(var(--H) * var(--ar) + 2 * var(--mp)) calc(var(--h) * var(--ar) + 2 * var(--mp));
    grid-template-rows:auto auto;align-items:start;gap:var(--g) var(--cg)}
  .cm__view:first-child{grid-column:1;grid-row:1 / span 2}

  .ce__title{font-size:clamp(2.25rem, 1rem + 5vh, 4.25rem)}
  /* 900-1023'te de iki kolon kalır (alt alta yığın 100dvh'ye sığmaz). */
  .ce__copy{grid-column:1 / span 6}
  .ce__list{grid-column:7 / -1}
  .ce__item{grid-template-columns:5rem minmax(0,1fr)}
  .ce__phone{font-size:clamp(1.5rem, .6rem + 2vw, 2.5rem)}
}
/* Yükseklik kırılımları (yalnız SNAP): içerik sığsın diye sıkılaşır, hiçbir şey taşmaz. */
@media (min-width:900px) and (orientation:landscape) and (min-height:500px) and (max-height:700px){
  .cm{row-gap:10px}
  .cm__tag{margin-top:4px}
  .cm__spec{margin-top:4px}
  .cc__sub{font-size:var(--t-heading-m)}
  .ce__item{min-height:46px}
  .ce__text{font-size:var(--t-body)}
}
@media (min-width:900px) and (orientation:landscape) and (min-height:500px) and (max-height:600px){
  .is-catalog{--cat-bar-h:48px}
  .cm{row-gap:10px;padding-bottom:16px}
  .cm__tag,.cm__meas{display:none}
  .cm__views{--cap:0px}
  .cm__view figcaption{display:none}
  .cm__foot .btn{min-height:46px}
  .cc__count-note{display:none}
  .ce__text{display:none}
  .ce__item{min-height:40px;padding-block:2px}
}

/* ---------- Cam fallback'leri ---------- */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .cat-bar,.cat-rail{background-color:var(--glass-bar-solid)}
}
@media (prefers-reduced-transparency:reduce){
  .cat-bar,.cat-rail{background-color:var(--glass-bar-solid);-webkit-backdrop-filter:none;backdrop-filter:none}
}
@media (forced-colors:active){
  .cat-bar,.cat-rail,html.js .is-catalog:not(.cat-off-top) .cat-bar,html.js .is-catalog:not(.cat-off-mid) .cat-rail{background:Canvas;color:CanvasText;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;border:1px solid CanvasText}
  .cat-rail::before,.cm__ph::after{display:none}
  .cat-chip[aria-current],.cat-rail__a[aria-current]{background:Highlight;color:HighlightText}
}
@media (prefers-reduced-motion:reduce){
  .cc__brand > span,.cc__sub,.cc__foot{animation:none}
}
@media print{
  .cat-bar,.cat-rail,.cc__media{display:none}
  .cat-page{height:auto;min-height:0;break-after:page}
}