/* =====================================================================
   Yıldız İnşaat Madencilik — E-Katalog
   Sayfa ölçüleri sayfa genişliğine (cqw) bağlıdır: aynı tasarım ekranda
   her boyutta ve A4 PDF'te birebir aynı görünür.
   Tasarım & yazılım: ASD Creative — www.asd.web.tr
   ===================================================================== */

/* ---------- Görüntüleyici ---------- */
.cat{background:linear-gradient(170deg,#0B2340 0%,#0E2A4A 45%,#17406C 100%);color:#fff;padding-top:calc(var(--header-h) + clamp(1.5rem,3vw,2.5rem));padding-bottom:clamp(3rem,6vw,5rem);position:relative;overflow:hidden}
.cat::after{content:"";position:absolute;right:-6%;top:0;bottom:0;width:22%;background:linear-gradient(180deg,rgba(227,6,19,.0),rgba(165,15,28,.35));transform:skewX(var(--slant));pointer-events:none}
.cat .breadcrumb a,.cat .breadcrumb li{color:#B7C6DA}
.cat .breadcrumb [aria-current]{color:#fff}
.cat__head{position:relative;z-index:1;display:flex;flex-wrap:wrap;align-items:end;justify-content:space-between;gap:1.5rem 2rem;margin-bottom:clamp(1.5rem,3vw,2.5rem)}
.cat__title{color:#fff}
.cat__lead{color:#C9D5E4;max-width:46ch;margin-top:.6rem}
.cat__actions .btn svg{width:1.05rem;height:1.05rem}
.cat__viewer{position:relative;z-index:1}
.cat__book{margin-inline:auto;max-width:1240px}
.cat__bar{display:flex;align-items:center;justify-content:center;gap:1.25rem;margin-top:clamp(1.25rem,2.5vw,2rem)}
.cat__bar .icon-btn{background:rgba(255,255,255,.1);color:#fff}
.cat__bar .icon-btn:hover{background:var(--bordo)}
.cat__bar .icon-btn[disabled]{opacity:.35;pointer-events:none}
.cat__count{font-family:var(--f-display);font-stretch:112%;font-weight:600;font-size:1.05rem;color:#C9D5E4;min-width:5.5rem;text-align:center;font-variant-numeric:tabular-nums}
.cat__count b{color:#fff}
.cat__chapters{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:1.1rem}
.cat__chapters button{position:relative;isolation:isolate;border:0;background:none;color:#DCE6F2;font:inherit;font-size:.88rem;font-weight:500;padding:.45rem .9rem;cursor:pointer}
.cat__chapters button::before{content:"";position:absolute;inset:0;z-index:-1;box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);transform:skewX(var(--slant));transition:background-color .25s}
.cat__chapters button:hover::before,.cat__chapters button.is-on::before{background:var(--bordo);box-shadow:none}
.cat__chapters button.is-on{color:#fff}
.page-catalog .cta{padding-top:clamp(3rem,6vw,5rem)}
/* Tam ekran */
.cat__viewer:fullscreen{background:linear-gradient(170deg,#0B2340,#17406C);display:flex;flex-direction:column;justify-content:center;padding:2rem}
.cat__viewer:fullscreen .cat__book{width:100%}
/* JS yokken: sayfalar alt alta */
.book--static{display:grid;gap:1.5rem;justify-items:center}
.book--static .cpage{width:min(100%,560px);aspect-ratio:210/297;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.stf__item{box-shadow:none}
.cat__book .stf__parent{margin-inline:auto}

/* ---------- Sayfa ---------- */
.cpage{position:relative;overflow:hidden;background:#fff;color:var(--ink);container-type:inline-size;font-family:var(--f-body);font-size:2.3cqw;line-height:1.5}
.cpage *{box-sizing:border-box}
:where(.cpage) :where(p,h1,h2,h3,dl,dd,ol,ul,figure,blockquote){margin:0;padding:0}
:where(.cpage) :where(ol,ul){list-style:none}
.cpage--dark{background:linear-gradient(165deg,#0B2340 0%,#0E2A4A 55%,#17406C 100%);color:#fff}
.c-pad{position:relative;padding:8cqw 8cqw 12cqw}
.c-pad--top0{padding-top:5cqw}
.c-logo{position:absolute;top:7cqw;left:8cqw;width:34cqw;height:auto;z-index:3}
.c-tag{display:flex;align-items:center;gap:1.4cqw;font-size:2.1cqw;font-weight:600;color:var(--navy);margin-bottom:2.2cqw}
.c-tag::before{content:"";width:2.1cqw;height:2.1cqw;flex:none;background:var(--red);clip-path:var(--spark)}
.c-tag--light{color:#DCE6F2}
.c-h2{font-family:var(--f-display);font-weight:800;font-stretch:115%;font-size:6cqw;line-height:1.04;letter-spacing:-.015em;color:var(--ink);margin-bottom:3cqw}
.c-h2--light{color:#fff}
.c-mt{margin-top:5cqw}
.c-p{font-size:2.3cqw;line-height:1.55;color:#3E444A;margin-bottom:2.2cqw}
.c-p--light{color:#C9D5E4}
/* Eğik çerçeve (7°) */
.c-frame{position:relative;overflow:hidden;transform:skewX(var(--slant));background:var(--stone)}
.c-frame img{width:100%;height:100%;object-fit:cover;transform:skewX(var(--unslant));scale:1.22}
.c-shard{position:absolute;z-index:0;background:var(--g-bordo);transform:skewX(var(--slant))}
.c-shard--navy{background:var(--g-navy)}
.c-stroke{position:absolute;width:.9cqw;background:var(--red);transform:skewX(-24deg);z-index:2}
/* Sayfa altı */
.c-foot{position:absolute;left:8cqw;right:8cqw;bottom:5cqw;display:flex;align-items:center;justify-content:space-between;gap:2cqw;font-size:1.6cqw;color:var(--muted);border-top:1px solid var(--line);padding-top:1.8cqw}
.c-foot b{font-family:var(--f-display);font-stretch:118%;font-weight:800;font-size:2.2cqw;color:var(--navy)}
.c-foot--l{flex-direction:row-reverse}
.cpage--dark .c-foot{color:#9FB4CF;border-color:rgba(255,255,255,.15)}
.cpage--dark .c-foot b{color:#fff}

/* 01 Kapak */
.cpage--cover .c-shard--cover{left:6cqw;top:28cqw;width:62cqw;height:66cqw}
.c-frame--cover{position:absolute;left:15cqw;top:21cqw;width:76cqw;height:68cqw;z-index:1}
.cpage--cover .c-stroke{left:86cqw;top:13cqw;height:20cqw}
.c-cover__text{position:absolute;left:8cqw;right:8cqw;bottom:17cqw;z-index:3}
.c-cover__title{font-family:var(--f-display);font-weight:900;font-stretch:125%;text-transform:uppercase;font-size:12.6cqw;line-height:.9;letter-spacing:-.02em;color:#fff;margin:0 0 3cqw}
.c-cover__sub{font-size:2.8cqw;line-height:1.45;color:#DCE6F2;max-width:66cqw}
.c-cover__foot{position:absolute;left:8cqw;right:8cqw;bottom:7cqw;display:flex;justify-content:space-between;gap:2cqw;font-size:1.8cqw;color:#9FB4CF;border-top:1px solid rgba(255,255,255,.18);padding-top:2cqw;z-index:3}
.c-cover__foot span:last-child{color:#fff;font-weight:600}

/* 02 İçindekiler */
.c-frame--wide{width:84cqw;height:30cqw;margin-left:-1cqw}
.c-toc{display:grid;gap:0;border-top:1.5px solid var(--ink)}
.c-toc a{display:grid;grid-template-columns:9cqw 1fr;align-items:baseline;padding:1.15cqw 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-size:2.35cqw;font-weight:500}
.c-toc b{font-family:var(--f-display);font-stretch:118%;font-weight:800;color:var(--bordo)}
.c-toc a:hover span{color:var(--bordo)}
.c-quote{margin-top:4cqw;font-family:var(--f-display);font-stretch:108%;font-weight:600;font-size:2.7cqw;line-height:1.3;color:var(--navy);padding-left:4cqw;border-left:.9cqw solid var(--red)}

/* 03 Hakkımızda / 10 Çevre: iki fotoğraf */
.c-duo{position:relative;display:grid;grid-template-columns:1.25fr 1fr;gap:2.5cqw;align-items:end;margin:1cqw 0 4.5cqw;height:40cqw}
.c-duo .c-shard{left:-3cqw;top:9cqw;bottom:-3cqw;width:47cqw}
.c-duo .c-frame{z-index:1;height:100%}
.c-duo .c-frame--b{height:74%}
.c-duo--rev .c-frame--b{height:66%}
.c-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:2cqw;margin-top:3.5cqw;border-top:1px solid var(--line);padding-top:3cqw}
.c-stats dt{font-size:1.75cqw;color:var(--muted)}
.c-stats dd{font-family:var(--f-display);font-stretch:118%;font-weight:800;font-size:4.6cqw;color:var(--navy);line-height:1.1}
.c-stats small{font-size:.5em;margin-left:.3cqw}

/* 04 Ballık */
.c-bleed{position:relative;height:62cqw}
.c-bleed .c-shard{left:-4cqw;right:22cqw;bottom:-3cqw;top:12cqw}
.c-frame--bleed{position:absolute;left:4cqw;right:-4cqw;top:-2cqw;bottom:4cqw;z-index:1}
.c-facts{border-top:1.5px solid var(--ink);margin-top:3cqw}
.c-facts div{display:grid;grid-template-columns:24cqw 1fr;gap:2cqw;padding:1.7cqw 0;border-bottom:1px solid var(--line);font-size:2.2cqw}
.c-facts dt{color:var(--muted)}
.c-facts dd{font-weight:600}
.c-facts--2{display:grid;grid-template-columns:1fr 1fr;column-gap:4cqw}
.c-facts--2 div{grid-template-columns:1fr;gap:.3cqw}
.c-facts--2 dt{font-size:1.75cqw}

/* 05 Manyezit nedir */
.c-mg{display:grid;grid-template-columns:30cqw 1fr;gap:5cqw;align-items:center;margin-bottom:4cqw}
.c-el{position:relative;aspect-ratio:1;padding:2.6cqw;color:#fff;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}
.c-el::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--g-navy);transform:skewX(var(--slant))}
.c-el__n{font-family:var(--f-display);font-weight:700;font-size:2.6cqw}
.c-el__m{position:absolute;top:2.6cqw;right:2.6cqw;font-size:1.7cqw;color:rgba(255,255,255,.85)}
.c-el__s{font-family:var(--f-display);font-weight:900;font-stretch:125%;font-size:12cqw;line-height:.85}
.c-el__name{font-size:1.9cqw;font-weight:500}
.c-mg .c-h2{margin-bottom:0}
.c-cards2{display:grid;grid-template-columns:1fr 1fr;gap:3.5cqw;margin-top:4.5cqw}
.c-card{position:relative;isolation:isolate;padding:3.2cqw 3.4cqw;color:#fff;display:grid;gap:.6cqw}
.c-card::before{content:"";position:absolute;inset:0;z-index:-1;transform:skewX(var(--slant))}
.c-card--navy::before{background:var(--g-navy)}
.c-card--bordo::before{background:var(--g-bordo)}
.c-card b{font-family:var(--f-display);font-stretch:118%;font-weight:800;font-size:5cqw;line-height:1}
.c-card span{font-weight:600;font-size:2.3cqw}
.c-card small{font-size:1.75cqw;color:rgba(255,255,255,.85);line-height:1.4}

/* 06 Üretim */
.c-steps{position:relative;display:grid;gap:2.2cqw;margin:3.5cqw 0 4.5cqw}
.c-steps::before{content:"";position:absolute;left:3.6cqw;top:3cqw;bottom:3cqw;width:.45cqw;background:var(--red)}
.c-steps li{position:relative;display:grid;grid-template-columns:7.2cqw 1fr;gap:3.2cqw;align-items:center}
.c-node{display:grid;place-items:center;width:7.2cqw;height:7.2cqw;background:var(--bordo);transform:skewX(var(--slant));position:relative;z-index:1}
.c-node i{font-style:normal;font-family:var(--f-display);font-stretch:118%;font-weight:800;font-size:2.4cqw;transform:skewX(var(--unslant))}
.c-steps b{display:block;font-family:var(--f-display);font-stretch:112%;font-weight:700;font-size:3cqw;color:#fff}
.c-steps p{font-size:2.05cqw;color:#C9D5E4;line-height:1.45}
.c-lines{display:grid;grid-template-columns:1fr 1fr;gap:3cqw}
.c-lines div{position:relative;isolation:isolate;padding:2.6cqw 3cqw;display:grid;gap:.4cqw}
.c-lines div::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);transform:skewX(var(--slant))}
.c-lines small{font-size:1.7cqw;color:var(--red-light);font-weight:600}
.c-lines b{font-size:2.3cqw;font-weight:600}
.c-lines span{font-family:var(--f-display);font-stretch:118%;font-weight:800;font-size:4cqw}

/* 07–08 Ürün */
.c-prodno{font-size:2.1cqw;font-weight:600;color:var(--bordo);margin-bottom:1cqw}
.c-prodno b{font-family:var(--f-display);font-stretch:118%;font-weight:800}
.c-size{font-family:var(--f-display);font-weight:900;font-stretch:125%;font-size:10.5cqw;line-height:.95;color:var(--navy);margin:-1.5cqw 0 3.5cqw;letter-spacing:-.02em}
.c-prod{position:relative;height:44cqw;margin-bottom:4cqw}
.c-prod .c-shard{left:-3cqw;right:30cqw;top:7cqw;bottom:-3cqw}
.c-frame--prod{position:absolute;inset:0 0 3cqw 3cqw;z-index:1}
.c-scale{display:grid;gap:1cqw;margin-bottom:3.5cqw}
.c-scale span{display:block;height:1.4cqw;width:var(--w);background:linear-gradient(90deg,var(--navy),var(--blue));transform:skewX(var(--slant))}
.c-scale span:first-child{background:var(--red)}
.c-scale small{font-size:1.6cqw;color:var(--muted)}
.c-spec{width:100%;border-collapse:collapse;border-top:1.5px solid var(--ink);font-size:2.15cqw}
.c-spec th,.c-spec td{text-align:left;vertical-align:top;padding:1.35cqw 0;border-bottom:1px solid var(--line)}
.c-spec th{width:28cqw;font-weight:500;color:var(--muted);padding-right:2cqw}
.c-spec td{font-weight:600}

/* 09 Kullanım */
.c-uses{display:grid;grid-template-columns:1fr 1fr;gap:3cqw 4cqw;margin:4cqw 0}
.c-uses li{position:relative;padding-top:2.4cqw;border-top:1px solid var(--line)}
.c-sym{display:inline-block;font-family:var(--f-display);font-stretch:118%;font-weight:800;font-size:3.4cqw;color:var(--bordo);margin-bottom:.8cqw}
.c-uses b{display:block;font-family:var(--f-display);font-stretch:108%;font-weight:700;font-size:2.7cqw;line-height:1.2;margin-bottom:.6cqw}
.c-uses p{font-size:1.95cqw;color:var(--muted);line-height:1.45}
.c-uses em{position:absolute;top:2.6cqw;right:0;font-style:normal;font-size:1.55cqw;font-weight:600;color:var(--navy);padding:.4cqw 1.4cqw;isolation:isolate}
.c-uses em::before{content:"";position:absolute;inset:0;z-index:-1;box-shadow:inset 0 0 0 1px var(--line);transform:skewX(var(--slant))}
.c-note{position:relative;isolation:isolate;padding:3cqw 3.4cqw;font-size:2.1cqw;line-height:1.5;color:#2B3036}
.c-note::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,#E4EDF8,var(--rose));transform:skewX(var(--slant))}
.c-note b{color:var(--bordo)}

/* 10 Çevre */
.c-pledges{display:grid;grid-template-columns:1fr 1fr;gap:3cqw 4cqw;margin-top:3cqw}
.c-pledges li{display:grid;grid-template-columns:6cqw 1fr;column-gap:2.4cqw}
.c-ic{grid-row:span 2;display:grid;place-items:center;width:6cqw;height:6cqw;background:var(--rose);color:var(--bordo);transform:skewX(var(--slant))}
.c-ic svg{width:3.4cqw;height:3.4cqw;transform:skewX(var(--unslant))}
.c-pledges b{font-family:var(--f-display);font-stretch:108%;font-weight:700;font-size:2.5cqw}
.c-pledges p{font-size:1.95cqw;color:var(--muted);line-height:1.45}

/* 11 Galeri */
.c-gallery{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:20cqw;gap:3cqw 2.6cqw;margin-top:2cqw}
.c-g{display:grid;grid-template-rows:1fr auto;gap:1.2cqw}
.c-g .c-frame{height:100%}
.c-g figcaption{font-size:1.75cqw;color:var(--muted)}
.c-g--1{grid-column:1/5;grid-row:span 2}
.c-g--2{grid-column:5/7;grid-row:span 2}
.c-g--3{grid-column:1/3;grid-row:span 2}
.c-g--4{grid-column:3/7;grid-row:span 1}
.c-g--5{grid-column:3/7;grid-row:span 1}

/* 12 Arka kapak */
.c-logo--back{position:static;display:block;width:30cqw;margin-bottom:8cqw}
.c-back__title{font-family:var(--f-display);font-weight:800;font-stretch:118%;font-size:7cqw;line-height:1.05;color:#fff;max-width:72cqw;margin-bottom:7cqw}
.c-contact{display:grid;grid-template-columns:1fr 1fr;gap:4.5cqw 5cqw;border-top:1px solid rgba(255,255,255,.18);padding-top:4.5cqw}
.c-contact small{display:block;font-size:1.75cqw;font-weight:600;color:var(--red-light);margin-bottom:.9cqw}
.c-contact p{font-size:2.15cqw;line-height:1.55;color:#E3EAF3}
.c-qr{display:grid;grid-template-columns:20cqw 1fr;gap:4cqw;align-items:center;margin-top:7cqw}
.c-qr__code{padding:2cqw;background:rgba(255,255,255,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}
.c-qr__code svg{display:block;width:100%;height:auto}
.c-qr p{font-size:2cqw;color:#C9D5E4;line-height:1.5}
.c-qr b{display:block;font-family:var(--f-display);font-stretch:112%;font-size:3cqw;color:#fff;margin-bottom:.6cqw}
.c-stroke--back{right:10cqw;bottom:14cqw;height:30cqw;opacity:.9}
.c-back__foot{position:absolute;left:8cqw;bottom:6cqw;font-size:1.6cqw;color:#9FB4CF}

@media (max-width:640px){
  .cat__actions{width:100%}
  .cat__actions .btn{flex:1;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.c-frame img{transition:none}}
/* Koyu açılışta header */
.on-dark-top .site-header:not(.is-solid) .menu-toggle{background:#fff;color:var(--ink)}
.on-dark-top .site-header:not(.is-solid) .header-cta{--bg:var(--bordo)}
.on-dark-top .site-header:not(.is-solid) .lang a{color:#C9D5E4}
/* Kompakt başlık: kitap ekrana sığsın */
.cat__head{margin-bottom:clamp(1.25rem,2.5vw,2rem)}
.cat__title{font-size:clamp(2.4rem,4.6vw,4rem)}
.cat__lead{margin-top:.35rem}
.cat{overflow-x:clip}