/* ============================================================
   pages.css v2 — tsrmkrm iç sayfalar · PREMIUM
   style.css + enhance.css token'larını miras alır.
   Mega menü ana sayfayla AYNI (enhance.css .mega-*); burada
   yalnız konumlandırma güvenliği + premium iç sayfa bileşenleri.
   ============================================================ */
:root{
  --p-shadow:0 40px 80px -40px rgba(21,21,18,.45);
  --p-shadow-sm:0 18px 40px -24px rgba(21,21,18,.35);
  --p-grad:linear-gradient(135deg,#ff7a3d,var(--orange) 55%,#e8480f);
  --p-glass:rgba(255,255,255,.7);
}

/* ---- Inner header: ana sayfa hariç HER ZAMAN BEYAZ (kullanıcı talebi) ---- */
body.inner{background:var(--white)}
/* topbar ana sayfa ile birebir → header style.css default'unda top:42px (topbar altı);
   mobilde enhance.css @768 .topbar{display:none}+.site-header{top:0} her iki sayfada da geçerli */
body.inner .header-actions .icon-btn.search{display:grid}
/* Kullanıcı talebi (2026-06-25): topbar YALNIZCA ana sayfada görünür;
   iç sayfalarda gizli → header en üste (top:0) çekilir. */
body.inner .topbar{display:none}
body.inner .site-header{top:0}
/* İç sayfalarda header şeffaf DEĞİL, üstte de beyaz (ana sayfa = şeffaf/dinamik kalır, body.inner YOK).
   Pozisyon değiştirilMEZ: üstte absolute top:42px (topbar altı), scroll'da JS .scrolled→fixed top:0.
   Aşağıdaki .scrolled görsel kurallarının (style.css) HER ZAMAN uygulanan kopyası. */
body.inner .site-header{
  background:rgba(255,255,255,.94);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line);
  box-shadow:0 12px 40px -22px rgba(21,21,18,.3);
}
body.inner .site-header .nav-pill{background:#f3f4f6;border-color:var(--line)}
body.inner .site-header .nav-pill a{color:var(--ink)}
body.inner .site-header .nav-pill a:hover{color:var(--orange)}
body.inner .site-header .nav-pill a.active{background:var(--orange);color:#fff}
body.inner .site-header .lang-btn{color:var(--ink);border-color:var(--line)}
body.inner .site-header .lang-btn:hover{border-color:var(--orange)}
body.inner .site-header .burger{color:var(--ink);border-color:var(--line)}
body.inner .site-header .icon-btn{color:var(--ink);border-color:var(--line)}
body.inner .site-header .icon-btn:hover{background:var(--orange);border-color:var(--orange);color:#fff}
/* beyaz header'da KOYU logo göster (logo-on-light=koyu logo) */
body.inner .brand .logo-on-dark{opacity:0}
body.inner .brand .logo-on-light{opacity:1}
/* page-hero olmayan sayfalarda (404 vb.) topbar gizli + header beyaz + içerik header altından başlar */
body.inner.no-hero .topbar{display:none}
body.inner.no-hero{padding-top:96px}
body.inner.no-hero .site-header.scrolled{position:fixed}
/* mega panel ana sayfa ile aynı (enhance.css) — yalnızca z güvenliği */
.mega{z-index:120}

/* Search overlay stilleri enhance.css'te (ana sayfa + iç sayfa ortak) */

/* ============ PREMIUM PAGE HERO ============ */
/* üst padding mutlak konumlu header'ı (~96px) temizler — içerik header altından başlar */
/* AYDINLIK premium hero — İletişim/katalog sayfalarıyla tutarlı (Hakkımızda hariç tüm page-hero sayfaları). */
.page-hero{position:relative;overflow:hidden;isolation:isolate;color:var(--ink);
  padding-block:clamp(120px,10vw,150px) clamp(44px,6vw,80px);
  background:
    radial-gradient(circle at 86% -8%, rgba(255,90,31,.16), transparent 46%),
    radial-gradient(circle at 12% 116%, rgba(255,180,140,.18), transparent 42%),
    linear-gradient(160deg,#fff 0%, var(--cream) 60%, #fff4ee 100%)}
/* teknik ızgara dokusu (açık zeminde ince çizgi) */
.page-hero::after{content:"";position:absolute;inset:0;z-index:-2;opacity:.5;
  background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);
  background-size:54px 54px;
  -webkit-mask-image:radial-gradient(120% 90% at 70% 12%,#000,transparent 76%);mask-image:radial-gradient(120% 90% at 70% 12%,#000,transparent 76%)}
/* arka plan görselli sayfalarda görsel sağa yumuşatılır (açık zeminde okunur) */
.page-hero.has-bg::before{content:"";position:absolute;inset:0;z-index:-3;
  background:var(--hero-bg) center/cover no-repeat;opacity:.1;
  -webkit-mask-image:linear-gradient(90deg,transparent 28%,#000);mask-image:linear-gradient(90deg,transparent 28%,#000)}
.page-hero-glow{position:absolute;z-index:-1;inset-inline-end:-120px;top:-150px;width:480px;height:480px;border-radius:50%;
  background:radial-gradient(circle,rgba(255,138,61,.55),transparent 66%);filter:blur(46px);pointer-events:none;opacity:.6;animation:pgGlow 9s ease-in-out infinite alternate}
@keyframes pgGlow{from{transform:translate(0,0) scale(1)}to{transform:translate(-40px,30px) scale(1.12)}}
.page-hero .container{position:relative}
.page-hero .eyebrow{color:var(--orange-d);margin-bottom:16px;font-weight:800;letter-spacing:.17em}
.page-hero .eyebrow::before{background:var(--orange);width:30px}
.page-hero-title{font-family:var(--font-display);font-size:clamp(2.1rem,5.4vw,4.4rem);line-height:1.06;letter-spacing:.005em;
  text-transform:uppercase;max-width:18ch;color:var(--ink)}
.page-hero-title .hl,.page-hero-title em{font-style:normal;color:var(--orange)}
.page-hero-sub{margin-top:18px;max-width:640px;color:var(--muted);font-size:clamp(1rem,1.6vw,1.16rem);line-height:1.62}
.page-hero-deco{position:absolute;inset-inline-end:6%;bottom:-8%;font-family:var(--font-display);font-size:clamp(8rem,20vw,18rem);line-height:.8;color:rgba(30,23,18,.045);z-index:-1;pointer-events:none;user-select:none}
/* ORTAK hero aksiyon butonları — İletişim ile aynı (Hemen Ara / WhatsApp / Teklif Al).
   Kapsam-bağımsız (page-hero + kx-hero tüm bölüm hero'larında çalışır). partials/hero-cta.php */
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero-cta .btn{border-radius:100px}
.hero-cta .btn svg{width:18px;height:18px}
.hero-cta .btn-primary{background:linear-gradient(135deg,#ff7a3d,var(--orange) 55%,var(--orange-d));border:0;box-shadow:0 16px 30px -16px rgba(232,72,15,.6)}
.hero-cta .btn-primary:hover{transform:translateY(-3px);color:#fff}
.hcta-wa{background:var(--ink);color:#fff;border:1px solid var(--line-d);display:inline-flex;align-items:center;gap:.5em;border-radius:100px;transition:.3s cubic-bezier(.16,.84,.34,1)}
.hcta-wa svg{color:var(--orange)}
.hcta-wa:hover{background:var(--ink);color:#fff;transform:translateY(-3px)}
.hcta-quote{background:var(--white);color:var(--ink);border:1.5px solid var(--line);border-radius:100px;transition:.3s cubic-bezier(.16,.84,.34,1)}
.hcta-quote:hover{border-color:var(--orange);color:var(--orange-d);transform:translateY(-3px)}

/* breadcrumb — İletişim (.kx-crumbs) ile birebir görünüm (açık zemin, › ayraç, turuncu hover) */
.crumbs{margin-bottom:18px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:.5em;align-items:center;list-style:none;margin:0;padding:0;font-size:.84rem;color:var(--muted)}
.crumbs li{color:var(--muted)}
.crumbs li:not(:first-child)::before{content:"›";width:auto;height:auto;border:0;transform:none;margin-inline-end:.5em;color:var(--muted-2);font-size:1em;line-height:1}
html[dir="rtl"] .crumbs li:not(:first-child)::before{transform:none}
.crumbs a{color:var(--muted);text-decoration:none;transition:.2s}
.crumbs a:hover{color:var(--orange)}
.crumbs li[aria-current] span{color:var(--ink);font-weight:600}

/* ---- Section scaffold ---- */
.sect{padding-block:clamp(54px,8vw,108px)}
.sect.alt{background:var(--cream)}
/* ana sayfa gibi tam genişlik (container ile aynı) */
.wrap{max-width:100%;width:100%;margin-inline:auto;padding-inline:var(--pad)}
/* uzun metin blokları okunabilir kalsın ama ortalı */
.measure{margin-inline:auto}
.measure{max-width:800px}
.lead{font-size:1.06rem;line-height:1.72;color:var(--muted)}
.section-head{margin-bottom:clamp(28px,4vw,48px)}
.section-head .eyebrow{margin-bottom:12px}
.section-head h2{font-family:var(--font-display);font-size:clamp(1.55rem,3.1vw,2.6rem);line-height:1.12;color:var(--ink);text-transform:uppercase}

/* ---- Premium toolbar / filters ---- */
.toolbar{display:flex;flex-wrap:wrap;gap:14px 20px;align-items:center;justify-content:space-between;margin-bottom:30px;
  padding-bottom:20px;border-bottom:1px solid var(--line)}
.toolbar .count{font-size:.92rem;color:var(--muted)}
.toolbar .count b{color:var(--ink);font-family:var(--font-serif);font-size:1.3em}
.chips{display:flex;flex-wrap:wrap;gap:9px}
.chip{display:inline-flex;align-items:center;gap:6px;padding:.55em 1.05em;border-radius:50px;border:1px solid var(--line);background:#fff;font-size:.8rem;font-weight:600;color:var(--ink);transition:.25s var(--ease);cursor:pointer}
.chip:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-2px)}
.chip.active{background:var(--p-grad);border-color:transparent;color:#fff;box-shadow:0 10px 22px -12px rgba(255,90,31,.6)}
.selectw{position:relative}
.selectw select{appearance:none;-webkit-appearance:none;border:1px solid var(--line);background:#fff;border-radius:50px;padding:.7em 2.6em .7em 1.2em;font-family:var(--font-body);font-size:.84rem;font-weight:600;color:var(--ink);cursor:pointer;transition:.25s}
.selectw select:hover{border-color:var(--orange)}
.selectw::after{content:"";position:absolute;inset-inline-end:1.1em;top:50%;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:translateY(-65%) rotate(45deg);pointer-events:none}

/* sidebar listing layout */
.list-layout{display:grid;grid-template-columns:clamp(230px,22vw,290px) 1fr;gap:clamp(26px,4vw,52px);align-items:start}
.fside{position:sticky;top:104px;display:flex;flex-direction:column;gap:5px;
  background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--p-shadow-sm)}
.fside h4{font-family:var(--font-display);font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px}
.fside strong{display:block;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);margin:14px 0 4px}
.fside a{display:flex;justify-content:space-between;gap:10px;padding:.6em .85em;border-radius:12px;font-size:.86rem;color:var(--muted);transition:.22s}
.fside a:hover{background:var(--cream);color:var(--ink);padding-inline-start:14px}
.fside a.active{background:var(--ink);color:#fff}
.fside a.active .n{color:rgba(255,255,255,.6)}
.fside a .n{color:var(--muted-2);font-size:.78rem;font-weight:600}
.fside-toggle{display:none}
@media(max-width:860px){
  .list-layout{grid-template-columns:1fr}
  .fside{position:static;display:none}
  .fside.open{display:flex}
  .fside-toggle{display:inline-flex;align-items:center;gap:8px}
}

/* ============ PREMIUM PRODUCT GRID + CARD ============ */
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:clamp(18px,2.2vw,30px)}
.pcard{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.45s var(--ease)}
.pcard::before{content:"";position:absolute;top:0;inset-inline:0;height:3px;background:var(--p-grad);transform:scaleX(0);transform-origin:left;transition:.45s var(--ease);z-index:4}
html[dir="rtl"] .pcard::before{transform-origin:right}
.pcard:hover{transform:translateY(-10px);box-shadow:var(--p-shadow);border-color:transparent}
.pcard:hover::before{transform:scaleX(1)}
.pcard-media{position:relative;height:clamp(200px,19vw,256px);background:radial-gradient(circle at 50% 35%,#fff,#eceef1);display:grid;place-items:center;padding:22px;overflow:hidden}
.pcard-media::after{content:"";position:absolute;inset:auto 0 0;height:55%;background:radial-gradient(60% 100% at 50% 100%,rgba(255,90,31,.08),transparent 70%);opacity:0;transition:.45s}
.pcard:hover .pcard-media::after{opacity:1}
.pcard-media img{width:100%;height:100%;object-fit:contain;object-position:center;transition:.55s var(--ease);filter:drop-shadow(0 14px 20px rgba(21,21,18,.1))}
.pcard:hover .pcard-media img{transform:scale(1.09) rotate(-1deg)}
.pcard-code{position:absolute;top:14px;inset-inline-start:14px;font-size:.7rem;font-weight:800;letter-spacing:.04em;color:var(--orange);border:1.5px solid var(--orange);border-radius:50px;padding:.28em .8em;background:rgba(255,255,255,.9);backdrop-filter:blur(4px)}
.pcard-go{position:absolute;top:14px;inset-inline-end:14px;width:38px;height:38px;border-radius:50%;background:var(--p-grad);color:#fff;display:grid;place-items:center;opacity:0;transform:translateY(-8px) scale(.8);transition:.4s var(--ease);box-shadow:0 12px 24px -10px rgba(255,90,31,.7)}
.pcard:hover .pcard-go{opacity:1;transform:none}
.pcard-go svg{width:16px;height:16px}
html[dir="rtl"] .pcard-go svg{transform:scaleX(-1)}
.pcard-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:8px;flex:1}
.pcard-cat{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.pcard-name{font-weight:700;color:var(--ink);line-height:1.32;font-size:1rem}
.pcard-cta{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:.82rem;font-weight:700;color:var(--ink);padding-top:6px}
.pcard-cta svg{width:15px;height:15px;transition:.3s}
.pcard:hover .pcard-cta{color:var(--orange)}
.pcard:hover .pcard-cta svg{transform:translateX(4px)}
html[dir="rtl"] .pcard-cta svg{transform:scaleX(-1)}

/* empty state */
.empty{text-align:center;padding:70px 20px;color:var(--muted)}
.empty svg{width:58px;height:58px;color:var(--line);margin-bottom:16px}

/* pagination */
.pager{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:48px;flex-wrap:wrap}
.pager a,.pager span{min-width:46px;height:46px;display:grid;place-items:center;border-radius:14px;border:1px solid var(--line);font-weight:700;font-size:.88rem;color:var(--ink);padding:0 14px;transition:.25s}
.pager a:hover{border-color:var(--orange);color:var(--orange);transform:translateY(-2px)}
.pager .cur{background:var(--p-grad);border-color:transparent;color:#fff;box-shadow:0 12px 24px -12px rgba(255,90,31,.6)}
.pager .dis{opacity:.4;pointer-events:none}

/* ============ PREMIUM PRODUCT DETAIL ============ */
.pd{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,4.5vw,64px);align-items:start}
.pd-gallery{position:sticky;top:104px}
.pd-stage{position:relative;background:radial-gradient(circle at 50% 35%,#fff,#e5e7eb);border:1px solid var(--line);border-radius:28px;aspect-ratio:1/1;display:grid;place-items:center;padding:38px;overflow:hidden;box-shadow:var(--p-shadow-sm)}
.pd-stage::before{content:"";position:absolute;inset-inline-start:-30%;top:-30%;width:80%;height:80%;background:radial-gradient(circle,rgba(255,90,31,.1),transparent 65%);pointer-events:none}
.pd-stage img{width:100%;height:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 26px 36px rgba(21,21,18,.16));position:relative}
.pd-thumbs{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}
.pd-thumb{width:74px;height:74px;border:1px solid var(--line);border-radius:16px;background:#fff;display:grid;place-items:center;padding:8px;cursor:pointer;transition:.25s}
.pd-thumb.active,.pd-thumb:hover{border-color:var(--orange);transform:translateY(-3px);box-shadow:var(--p-shadow-sm)}
.pd-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.pd-info .eyebrow{margin-bottom:14px}
.pd-title{font-family:var(--font-display);font-size:clamp(1.7rem,3.2vw,2.7rem);line-height:1.1;color:var(--ink);text-transform:uppercase}
.pd-meta{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.pd-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:50px;padding:.5em 1em;font-size:.8rem;font-weight:600;color:var(--ink);background:#fff}
.pd-badge.code{background:var(--ink);color:#fff;border-color:var(--ink)}
.pd-badge.code b{color:var(--orange)}
.pd-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.pd-desc{color:#33342f;line-height:1.78;margin-top:10px;font-size:1.02rem}
.pd-desc h2,.pd-desc h3{font-family:var(--font-body);color:var(--ink);margin:1.3em 0 .5em;font-size:1.18rem;font-weight:700}
.pd-desc p{margin:0 0 1em}
/* açıklama görselleri: inline height/width'i ez, oranı koru, büyük/yüksek göster */
.pd-desc img{max-width:100%!important;width:auto!important;height:auto!important;border-radius:16px;display:block;margin:1.5em auto;box-shadow:var(--p-shadow-sm)}
.pd-desc ul,.pd-desc ol{margin:0 0 1em;padding-inline-start:1.3em}.pd-desc li{margin:.35em 0}
/* tablolar: sabit genişliği ez, responsive + premium */
.pd-desc table{width:100%!important;max-width:100%!important;border-collapse:collapse;margin:1.4em 0;display:block;overflow-x:auto;border-radius:12px}
.pd-desc td,.pd-desc th{border:1px solid var(--line)!important;padding:.7em .95em!important;text-align:start;white-space:normal!important}
/* eski gri spec kutularını premium satıra çevir */
.pd-desc div[style*="eeeeee"],.pd-desc div[style*="#eee"]{background:var(--cream)!important;border:1px solid var(--line)!important;border-radius:10px!important;margin-bottom:8px!important;padding:.75em 1.1em!important;font-size:.98rem}
.pd-section{margin-top:clamp(48px,6vw,88px)}
.pd-section h2{font-family:var(--font-display);font-size:clamp(1.4rem,2.6vw,2.1rem);margin-bottom:24px;text-transform:uppercase;position:relative;padding-inline-start:18px}
.pd-section h2::before{content:"";position:absolute;inset-inline-start:0;top:.1em;bottom:.1em;width:5px;border-radius:4px;background:var(--p-grad)}
.specs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.spec-card{border:1px solid var(--line);border-radius:16px;padding:18px 20px;background:#fff;transition:.3s}
.spec-card:hover{border-color:var(--orange);box-shadow:var(--p-shadow-sm)}
.spec-card .k{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted-2);margin-bottom:5px}
.spec-card .v{font-weight:700;color:var(--ink)}
.doc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.doc-card{display:flex;gap:15px;align-items:center;border:1px solid var(--line);border-radius:18px;padding:16px 18px;background:#fff;transition:.32s var(--ease)}
.doc-card:hover{border-color:transparent;transform:translateY(-4px);box-shadow:var(--p-shadow);background:linear-gradient(135deg,#fff,#fff4ee)}
.doc-card .ic{width:50px;height:50px;border-radius:14px;background:var(--cream);display:grid;place-items:center;flex:0 0 auto;color:var(--orange);transition:.3s}
.doc-card:hover .ic{background:var(--p-grad);color:#fff}
.doc-card .ic svg{width:24px;height:24px}
.doc-card .t{font-size:.72rem;color:var(--muted-2);text-transform:uppercase;letter-spacing:.07em}
.doc-card .n{font-weight:600;color:var(--ink);font-size:.92rem;line-height:1.3}
.tags{display:flex;flex-wrap:wrap;gap:9px}
.tag-pill{display:inline-flex;padding:.45em 1em;border-radius:50px;background:var(--cream);font-size:.8rem;font-weight:600;color:var(--ink);transition:.25s}
.tag-pill:hover{background:var(--p-grad);color:#fff;transform:translateY(-2px)}
.sticky-cta{position:fixed;bottom:0;inset-inline:0;z-index:40;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:11px var(--pad);display:none;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -12px 34px -22px rgba(0,0,0,.45)}
@media(max-width:860px){.pd{grid-template-columns:1fr}.pd-gallery{position:static}.sticky-cta{display:flex}}

/* ============ CERTIFICATES ============ */
.cert-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:clamp(18px,2.2vw,26px)}
.certc{position:relative;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff;transition:.38s var(--ease);cursor:pointer;display:flex;flex-direction:column}
.certc:hover{transform:translateY(-8px);box-shadow:var(--p-shadow);border-color:transparent}
.certc-shot{position:relative;aspect-ratio:3/4;background:#fff;display:grid;place-items:center;overflow:hidden}
.certc-shot img{width:100%;height:100%;object-fit:contain;object-position:top;transition:.5s var(--ease)}
.certc:hover .certc-shot img{transform:scale(1.04)}
.certc-shot.nopdf{background:radial-gradient(circle at 50% 40%,#fff,#f3f4f6)}
.certc-badge{position:absolute;top:11px;inset-inline-start:11px;background:var(--p-grad);color:#fff;font-size:.64rem;font-weight:800;letter-spacing:.07em;padding:.32em .75em;border-radius:50px;box-shadow:0 8px 16px -8px rgba(255,90,31,.7)}
.certc-over{position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,21,18,.88),transparent 55%);opacity:0;transition:.38s;display:flex;align-items:flex-end;padding:18px;color:#fff;font-weight:700;font-size:.86rem}
.certc:hover .certc-over{opacity:1}
.certc-body{padding:14px 16px;border-top:1px solid var(--line)}
.certc-name{font-size:.85rem;font-weight:600;color:var(--ink);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
/* doc modal */
.docmodal{position:fixed;inset:0;z-index:150;display:none;align-items:center;justify-content:center}
.docmodal.open{display:flex}
.docmodal-bg{position:absolute;inset:0;background:rgba(10,10,8,.82);backdrop-filter:blur(8px)}
.docmodal-box{position:relative;width:min(920px,94vw);height:88vh;background:#fff;border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--p-shadow)}
.docmodal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line)}
.docmodal-head .nm{font-weight:700;color:var(--ink);font-size:.95rem}
.docmodal-tools{display:flex;gap:10px;align-items:center}
.docmodal iframe{flex:1;border:0;width:100%}
.docmodal-x{font-size:1.7rem;line-height:1;color:var(--muted);width:42px;height:42px;transition:.25s}
.docmodal-x:hover{color:var(--orange);transform:rotate(90deg)}

/* ============ PREMIUM BLOG ============ */
.bgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:clamp(22px,2.6vw,34px)}
.bcard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.45s var(--ease)}
.bcard:hover{transform:translateY(-9px);box-shadow:var(--p-shadow);border-color:transparent}
.bcard-media{aspect-ratio:16/10;overflow:hidden;background:var(--cream);position:relative}
.bcard-media img{width:100%;height:100%;object-fit:cover;transition:.6s var(--ease)}
.bcard:hover .bcard-media img{transform:scale(1.08)}
.bcard-body{padding:20px 22px;display:flex;flex-direction:column;gap:11px;flex:1}
.bcard-cat{font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}
.bcard-title{font-family:var(--font-serif);font-size:1.22rem;line-height:1.3;color:var(--ink)}
.bcard-ex{font-size:.9rem;color:var(--muted);line-height:1.58;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bcard-more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:.84rem;color:var(--ink)}
.bcard:hover .bcard-more{color:var(--orange)}
.bcard-more svg{width:15px;height:15px;transition:.3s}.bcard:hover .bcard-more svg{transform:translateX(4px)}
html[dir="rtl"] .bcard-more svg{transform:scaleX(-1)}
/* featured */
.bfeat{display:grid;grid-template-columns:1.15fr 1fr;gap:0;border:1px solid var(--line);border-radius:28px;overflow:hidden;margin-bottom:36px;transition:.45s var(--ease)}
.bfeat:hover{box-shadow:var(--p-shadow);border-color:transparent}
.bfeat-media{min-height:340px;background:var(--cream);overflow:hidden}
.bfeat-media img{width:100%;height:100%;object-fit:cover;transition:.6s var(--ease)}
.bfeat:hover .bfeat-media img{transform:scale(1.05)}
.bfeat-body{padding:clamp(26px,3.2vw,52px);display:flex;flex-direction:column;justify-content:center;gap:16px}
.bfeat-title{font-family:var(--font-serif);font-size:clamp(1.6rem,2.8vw,2.4rem);line-height:1.18;color:var(--ink)}
@media(max-width:760px){.bfeat{grid-template-columns:1fr}}

/* ---- Blog article ---- */
.read-prog{position:fixed;top:0;inset-inline-start:0;height:3px;background:var(--p-grad);width:0;z-index:130;transition:width .1s}
.article{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:clamp(30px,4.5vw,64px);align-items:start}
.article-toc{position:sticky;top:104px;font-size:.86rem}
.article-toc h4{font-family:var(--font-display);font-size:.8rem;letter-spacing:.07em;text-transform:uppercase;margin-bottom:14px;color:var(--muted-2)}
.article-toc a{display:block;padding:.4em 0;color:var(--muted);border-inline-start:2px solid var(--line);padding-inline-start:14px;transition:.2s}
.article-toc a:hover,.article-toc a.active{color:var(--orange);border-color:var(--orange);padding-inline-start:18px}
.article-cover{aspect-ratio:16/8;border-radius:24px;overflow:hidden;margin-bottom:28px;background:var(--cream);box-shadow:var(--p-shadow-sm)}
.article-cover img{width:100%;height:100%;object-fit:cover}
.prose{font-size:1.08rem;line-height:1.82;color:#33342f;max-width:780px}
.prose h2{font-family:var(--font-display);font-size:1.7rem;line-height:1.25;margin:1.7em 0 .5em;color:var(--ink);text-transform:uppercase}
.prose h3{font-size:1.3rem;font-weight:700;margin:1.4em 0 .4em;color:var(--ink)}
.prose p{margin:0 0 1.15em}.prose a{color:var(--orange);text-decoration:underline;text-underline-offset:3px}
.prose img{max-width:100%;height:auto;border-radius:16px;margin:1.4em 0}
.prose ul,.prose ol{margin:0 0 1.15em;padding-inline-start:1.4em}.prose li{margin:.45em 0}
.prose blockquote{border-inline-start:4px solid var(--orange);padding:.2em 0 .2em 20px;margin:1.4em 0;font-style:italic;color:var(--muted);font-size:1.12rem}
.article-meta{display:flex;flex-wrap:wrap;gap:18px;color:var(--muted);font-size:.86rem;margin-bottom:24px}
.article-meta span{display:inline-flex;align-items:center;gap:7px}
.article-meta svg{width:16px;height:16px;color:var(--orange)}
.postnav{display:flex;justify-content:space-between;gap:16px;margin-top:44px;border-top:1px solid var(--line);padding-top:26px;flex-wrap:wrap}
@media(max-width:900px){.article{grid-template-columns:1fr}.article-toc{display:none}}

/* ---- Forms ---- */
.form{display:grid;gap:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field label{display:block;font-size:.82rem;font-weight:700;color:var(--ink);margin-bottom:7px}
.field .req{color:var(--orange)}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:14px;padding:.9em 1.1em;font-family:var(--font-body);font-size:.95rem;color:var(--ink);background:#fff;transition:.25s}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,90,31,.12)}
.field textarea{resize:vertical;min-height:140px}
.field.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.consent{display:flex;gap:11px;align-items:flex-start;font-size:.86rem;color:var(--muted);line-height:1.5}
.consent input{width:18px;height:18px;margin-top:2px;flex:0 0 auto;accent-color:var(--orange)}
.form-msg{padding:15px 20px;border-radius:14px;font-weight:600;font-size:.92rem}
.form-msg.ok{background:#e7f6ec;color:#1c7a3e;border:1px solid #b6e3c4}
.form-msg.err{background:#fdecec;color:#c0392b;border:1px solid #f3c0c0}
@media(max-width:620px){.form-row{grid-template-columns:1fr}}

/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(30px,4.5vw,64px);align-items:start}
.cinfo{display:flex;flex-direction:column;gap:18px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,34px);box-shadow:var(--p-shadow-sm)}
.cinfo-item{display:flex;gap:15px;align-items:flex-start}
.cinfo-item .ic{width:50px;height:50px;border-radius:14px;background:var(--cream);display:grid;place-items:center;color:var(--orange);flex:0 0 auto;transition:.3s}
.cinfo-item:hover .ic{background:var(--p-grad);color:#fff}
.cinfo-item .ic svg{width:23px;height:23px}
.cinfo-item .k{font-size:.74rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted-2)}
.cinfo-item .v{font-weight:600;color:var(--ink);line-height:1.45}
.cmap{border-radius:20px;overflow:hidden;border:1px solid var(--line);margin-top:6px;aspect-ratio:16/10}
.cmap iframe{width:100%;height:100%;border:0}
@media(max-width:860px){.contact-grid{grid-template-columns:1fr}}

/* events */
.evlist{display:grid;gap:18px}
.evcard{display:grid;grid-template-columns:160px 1fr auto;gap:22px;align-items:center;border:1px solid var(--line);border-radius:20px;padding:18px;background:#fff;transition:.35s var(--ease)}
.evcard:hover{border-color:transparent;box-shadow:var(--p-shadow);transform:translateY(-3px)}
.evcard-media{width:160px;height:108px;border-radius:14px;overflow:hidden;background:var(--cream)}
.evcard-media img{width:100%;height:100%;object-fit:cover}
.evcard-date{font-size:.8rem;color:var(--orange);font-weight:700}
.evcard h3{font-size:1.08rem;color:var(--ink);margin:5px 0}
@media(max-width:680px){.evcard{grid-template-columns:1fr}.evcard-media{width:100%;height:170px}}

/* corporate / cms */
.cms{max-width:880px;font-size:1.05rem}
.cms img{max-width:100%;height:auto;border-radius:16px;margin:1.3em 0}
.cms h2{font-family:var(--font-display);font-size:1.8rem;margin:1.5em 0 .5em;color:var(--ink);text-transform:uppercase}
.cms h3{font-size:1.3rem;font-weight:700;margin:1.3em 0 .4em}
.cms p{margin:0 0 1.15em;line-height:1.82;color:#33342f}
.cms ul,.cms ol{margin:0 0 1.15em;padding-inline-start:1.4em}.cms li{margin:.45em 0;line-height:1.7}
.cms table{width:100%;border-collapse:collapse;margin:1.3em 0}.cms td,.cms th{border:1px solid var(--line);padding:.65em .85em;text-align:start}
.cms blockquote{border-inline-start:4px solid var(--orange);padding-inline-start:20px;margin:1.3em 0;font-style:italic;color:var(--muted)}

/* 404 */
.p404{text-align:center;padding-block:clamp(50px,8vw,110px)}
.p404 .big{font-family:var(--font-display);font-size:clamp(5.5rem,20vw,13rem);line-height:.85;color:var(--ink);letter-spacing:-.02em}
.p404 .big span{background:var(--p-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.p404 form{max-width:480px;margin:28px auto;display:flex;gap:10px}
.p404 input{flex:1;border:1px solid var(--line);border-radius:50px;padding:.9em 1.3em}
.p404-cats{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px}

/* utilities */
.mt-0{margin-top:0}.tac{text-align:center}
.btn .ico svg{width:17px;height:17px;display:block}

/* ============ HAKKIMIZDA (premium) ============ */
.ab-story-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.ab-h2{font-family:var(--font-display);font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.1;color:var(--ink);text-transform:uppercase}
.ab-h2 .hl{background:var(--p-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.ab-collage{position:relative;aspect-ratio:1/1}
.ab-collage img{width:100%;height:100%;object-fit:cover}
.ab-c1{position:absolute;inset:0 18% 14% 0;border-radius:24px;overflow:hidden;box-shadow:var(--p-shadow)}
.ab-c2{position:absolute;width:46%;bottom:0;inset-inline-end:0;aspect-ratio:1/1.1;border-radius:20px;overflow:hidden;border:6px solid #fff;box-shadow:var(--p-shadow)}
.ab-badge{position:absolute;top:6%;inset-inline-start:-4%;background:#fff;border-radius:16px;padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:var(--p-shadow);font-weight:700;font-size:.82rem;color:var(--ink);max-width:62%}
.ab-badge svg{width:30px;height:30px;color:var(--orange);flex:0 0 auto}
@media(max-width:760px){.ab-story-grid{grid-template-columns:1fr}.ab-collage{aspect-ratio:4/3;max-width:520px}}
/* stats band */
.ab-stats{background:linear-gradient(135deg,var(--ink),#26261f 60%,#3a2a1f);color:#fff;padding-block:clamp(40px,6vw,72px);position:relative;overflow:hidden}
.ab-stats::before{content:"";position:absolute;inset-inline-end:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,31,.4),transparent 65%);filter:blur(30px)}
.ab-stats-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ab-stat{text-align:center;padding:14px;border-inline-start:1px solid rgba(255,255,255,.12)}
.ab-stat:first-child{border:0}
.ab-num{display:block;font-family:var(--font-serif);font-size:clamp(2.4rem,5vw,4rem);line-height:1;color:#fff}
.ab-num [data-countup]{color:var(--orange)}
.ab-lbl{display:block;margin-top:8px;font-size:.84rem;letter-spacing:.04em;color:rgba(255,255,255,.7);text-transform:uppercase}
@media(max-width:680px){.ab-stats-grid{grid-template-columns:repeat(2,1fr)}.ab-stat:nth-child(3){border:0}}
/* values */
.ab-values{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,2vw,24px)}
.ab-val{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 24px;transition:.4s var(--ease)}
.ab-val:hover{transform:translateY(-8px);box-shadow:var(--p-shadow);border-color:transparent}
.ab-val-ic{width:56px;height:56px;border-radius:16px;background:var(--cream);display:grid;place-items:center;color:var(--orange);margin-bottom:18px;transition:.4s}
.ab-val:hover .ab-val-ic{background:var(--p-grad);color:#fff;transform:rotate(-6deg) scale(1.05)}
.ab-val-ic svg{width:28px;height:28px}
.ab-val h3{font-size:1.12rem;color:var(--ink);margin-bottom:8px}
.ab-val p{font-size:.92rem;color:var(--muted);line-height:1.6}
@media(max-width:980px){.ab-values{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.ab-values{grid-template-columns:1fr}}
/* mission/vision */
.ab-mv{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,32px)}
.ab-mv-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(26px,3vw,42px);position:relative;overflow:hidden}
.ab-mv-card::before{content:"";position:absolute;top:0;inset-inline-start:0;width:5px;height:100%;background:var(--p-grad)}
.ab-mv-ic{width:60px;height:60px;border-radius:50%;background:var(--cream);display:grid;place-items:center;color:var(--orange);margin-bottom:18px}
.ab-mv-ic svg{width:28px;height:28px}
.ab-mv-card h3{font-family:var(--font-display);font-size:1.4rem;text-transform:uppercase;color:var(--ink);margin-bottom:10px}
.ab-mv-card p{color:var(--muted);line-height:1.7;font-size:1.02rem}
@media(max-width:760px){.ab-mv{grid-template-columns:1fr}}
/* about cta */
.ab-cta{background:linear-gradient(135deg,var(--ink),#26261f);color:#fff;padding-block:clamp(40px,6vw,72px)}
.ab-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.ab-cta-inner h2{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.4rem);text-transform:uppercase;line-height:1.12;max-width:18ch}
.ab-cta-btns{display:flex;gap:12px;flex-wrap:wrap}

/* ürün detay güven şeridi */
.pd-trust{display:flex;flex-wrap:wrap;gap:18px;margin:20px 0 4px;padding:14px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);list-style:none}
.pd-trust li{display:inline-flex;align-items:center;gap:8px;font-size:.84rem;font-weight:600;color:var(--ink)}
.pd-trust svg{width:18px;height:18px;color:var(--orange);flex:0 0 auto}
/* galeri hover zoom */
.pd-stage{cursor:zoom-in}
.pd-stage img{transition:transform .5s var(--ease)}
.pd-stage:hover img{transform:scale(1.12)}