/* Devir Metal — iç sayfalar (v5): ana sayfanın pano/modül mantığı. Sis zemin üstünde beyaz modüller; başlık bir pano başlığı gibi
   (sol modül: kırıntı + h1 + giriş; sağ modül: sayfaya özgü işlevli kart ya da fotoğraf), altında koyu veri bandı (künye). */
body.icsayfa { background: var(--sis); }
.icsayfa main { padding-bottom: 90px; }

/* ── sayfa başlığı ── */
.ph { position: relative; padding: 22px 0 0; background: linear-gradient(180deg, #fff 0, #fff 120px, var(--sis) 120px); }
.ph-bg { display: none; }
.ph-in { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 16px; align-items: stretch; }
.ph-t { display: grid; align-content: start; gap: 14px; padding: 30px 40px 36px; background: #fff; border-radius: 10px; box-shadow: var(--g2); }
.bc ol { display: flex; flex-wrap: wrap; gap: 4px 0; font-size: 14px; color: var(--soluk); }
.bc li + li::before { content: "/"; margin: 0 9px; color: var(--cizgi2); }
.bc a { text-decoration: none; } .bc a:hover { color: var(--pt-d); }
.bc [aria-current] { color: var(--ink2); }
.ph h1 { font-size: clamp(42px, 4.8vw, 72px); font-weight: 800; font-stretch: 76%; line-height: .95; letter-spacing: -.018em; }
.ph-lead { color: var(--ink2); font-size: 17.5px; max-width: 62ch; }
.ph-tag { display: flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; color: var(--pt-d); }
.ph-tag .pul { width: 30px; height: 30px; } .ph-tag .pul b { font-size: 10.5px; }
.ph-a { display: flex; flex-wrap: wrap; gap: 12px; }
.ph-fig { position: relative; min-height: 340px; border-radius: 10px; overflow: hidden; box-shadow: var(--g3); background: var(--pt-dd); }
.ph-fig img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.ph-card { display: grid; }
.ph-card > * { height: 100%; }
.cetvel { position: relative; display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); margin-top: 16px; border-radius: 10px; background: var(--ink); color: #fff; overflow: hidden;
  background-image: repeating-linear-gradient(90deg, rgba(255, 255, 255, .14) 0 1px, transparent 1px 12px); background-size: 100% 7px; background-repeat: no-repeat; background-position: 0 0; }
.cetvel div { padding: 18px 22px 16px; border-left: 1px solid rgba(255, 255, 255, .1); }
.cetvel div:first-child { border-left: 0; }
.cetvel dt { font-size: 13px; color: rgba(255, 255, 255, .6); }
.cetvel dd { font-size: 20px; font-weight: 700; font-stretch: 86%; line-height: 1.25; }
.cetvel dd .st { font-size: 15px; }

/* sağ kartlar (pc / fan / lic / pt-pan) */
.pc, .fan, .lic, .pt-pan { display: grid; align-content: start; gap: 14px; padding: 28px; border-radius: 10px; background: #fff; box-shadow: var(--g2); }
.pc-h, .fan-h, .lic-h { display: flex; gap: 10px; align-items: center; font-size: 15px; font-weight: 650; color: var(--pt-d); }
.pc-tel { font-size: 40px; font-weight: 800; font-stretch: 78%; text-decoration: none; line-height: 1; }
.pc-tel:hover { color: var(--pt-d); }
.pc-kv { display: grid; gap: 0; }
.pc-kv div { display: grid; grid-template-columns: 110px 1fr; gap: 12px; padding: 10px 0; border-bottom: 1px solid var(--cizgi); font-size: 15px; }
.pc-kv dt { color: var(--soluk); }
.pc-n { font-size: 13.5px; color: var(--soluk); }
.pc-o { font-size: 18px; } .pc-q { display: flex; justify-content: space-between; font-size: 16px; padding: 12px 0; border-top: 1px solid var(--cizgi); border-bottom: 1px solid var(--cizgi); }
.pc-q b { font-size: 26px; font-stretch: 82%; }
.pc .btn { justify-self: start; }
.pc-s input { width: 100%; height: 52px; padding: 0 16px; border: 1px solid var(--cizgi2); border-radius: var(--r); font-size: 17px; }
.pc-s input:focus { outline: none; border-color: var(--pt); box-shadow: 0 0 0 3px rgba(46, 139, 122, .18); }
.fan { background: var(--pt-dd); color: #fff; } .fan-h { color: #8fdcc8; }
.fan dl { display: grid; }
.fan dl div { display: grid; grid-template-columns: 90px 1fr; gap: 14px; padding: 11px 0; border-bottom: 1px solid rgba(255, 255, 255, .14); }
.fan dt { font-weight: 700; font-size: 17px; } .fan dd { color: rgba(255, 255, 255, .8); font-size: 15px; }
.lic-n { font-size: 26px; font-weight: 760; font-stretch: 82%; padding: 16px; border: 1.5px dashed var(--cizgi2); border-radius: var(--r); text-align: center; color: var(--soluk); }
.pt-pan { grid-template-columns: repeat(4, 1fr); gap: 8px; align-content: center; background: linear-gradient(160deg, #fff, var(--pt-ll)); }
.pt-pan a { display: grid; justify-items: center; gap: 8px; padding: 14px 6px; border-radius: var(--r); text-decoration: none; font-size: 13.5px; font-weight: 600; text-align: center; transition: background .2s, transform .3s var(--e); }
.pt-pan a:hover { background: #fff; transform: translateY(-2px); }
.pt-pan .pul { width: 48px; height: 48px; } .pt-pan .pul b { font-size: 15px; }

/* ── modül bölümleri ── */
.sec { padding: 16px 0 0; }
.sec > .wrap { position: relative; }
.sec > .wrap > *:first-child:not(.mod-yok) { }
.sec > .wrap { padding-top: 40px; padding-bottom: 40px; background: #fff; border-radius: 10px; box-shadow: var(--g2); max-width: 1300px; }
.sec-t { padding-top: 16px; }
.sec-fog > .wrap { background: linear-gradient(180deg, #fff, var(--sis3)); }
.sec-s > .wrap { padding-top: 26px; padding-bottom: 26px; }
.sh { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 40px; align-items: end; margin-bottom: 28px; }
.sh h2 { font-size: clamp(30px, 3vw, 44px); }
.sh p { color: var(--ink2); max-width: 56ch; justify-self: end; }
.sh .sh-m { grid-column: 2; }
.note { display: flex; gap: 8px; align-items: flex-start; margin-top: 16px; font-size: 14px; color: var(--soluk); }
.note .ic { width: 16px; height: 16px; margin-top: 3px; }
.ok-t { color: var(--up); font-weight: 650; } .st-t { color: var(--soluk); font-size: 14px; }

/* tablolar (hz-ui) */
.tw { overflow-x: auto; }
.tbl { width: 100%; border-collapse: collapse; font-size: 15.5px; }
.tbl thead th { position: sticky; top: var(--ui-ust-bosluk, 0); background: #fff; text-align: left; font-size: 13.5px; font-weight: 600; color: var(--soluk); padding: 12px 14px; border-bottom: 1px solid var(--ink); z-index: 1; }
.tbl td, .tbl tbody th { padding: 12px 14px; border-bottom: 1px solid var(--cizgi); text-align: left; font-weight: 400; vertical-align: top; }
.tbl tbody tr { transition: background .15s; } .tbl tbody tr:hover { background: var(--pt-ll); }
.tbl-n { display: inline-flex; gap: 10px; align-items: center; font-weight: 620; }
.tbl-n .sw { height: 20px; }
.tbl-s th, .tbl-s td { font-weight: 600; background: var(--sis3); }
.tbl-t th, .tbl-t td { font-weight: 800; font-size: 18px; border-top: 2px solid var(--ink); }
.tbl-c td { white-space: nowrap; }

/* fiyatı ne belirler */
.fx { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--ink); }
.fx div { padding: 18px 22px 4px 0; }
.fx div + div { padding-left: 22px; border-left: 1px solid var(--cizgi); }
.fx dt { font-size: 21px; font-weight: 760; font-stretch: 84%; margin-bottom: 8px; }
.fx dd { color: var(--ink2); font-size: 15.5px; }

/* tam fiyat panosu (kantar.ts priceBoard) */
.pb-top { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 14px; border-bottom: 1px solid var(--cizgi2); margin-bottom: 18px; }
.pb-tabs { position: relative; display: flex; overflow-x: auto; scrollbar-width: none; }
.pb-tabs button { flex: none; height: 46px; padding: 0 14px; border: 0; background: none; font-size: 15.5px; font-weight: 600; color: var(--ink2); white-space: nowrap; }
.pb-tabs button[aria-selected="true"] { color: var(--ink); }
.pb-tabs .tabs-i { position: absolute; left: 0; bottom: 0; height: 2px; background: var(--pt); transition: transform .35s var(--e), width .35s var(--e); }
.pb-meta { display: flex; gap: 10px; align-items: center; font-size: 14px; color: var(--soluk); padding-bottom: 10px; }
.pb-tag { font-size: 12.5px; font-weight: 650; color: var(--cu-d); border: 1px solid var(--cu); padding: 2px 6px; border-radius: 2px; }
.pb-body { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 26px; align-items: start; }
.pb-t { width: 100%; border-collapse: collapse; font-size: 15px; }
.pb-t thead th { font-size: 13px; font-weight: 600; color: var(--soluk); text-align: right; padding: 8px 10px; border-bottom: 1px solid var(--ink); }
.pb-t thead th:first-child { text-align: left; }
.pb-t tbody tr { cursor: pointer; transition: background .15s; }
.pb-t tbody tr:hover { background: var(--sis3); }
.pb-t tbody tr.on { background: var(--pt-ll); } .pb-t tbody tr.on th { box-shadow: inset 3px 0 0 var(--pt); }
.pb-t th[scope=row], .pb-t td { padding: 8px 10px; border-bottom: 1px solid var(--cizgi); text-align: right; font-weight: 400; }
.pb-t th[scope=row] { text-align: left; }
.pb-n { display: flex; gap: 12px; align-items: center; } .pb-n .sw { height: 30px; }
.pb-n b { display: block; font-weight: 640; } .pb-n small { display: block; font-size: 13px; color: var(--soluk); }
.pb-p b { font-size: 17px; font-weight: 730; } .pb-p small { display: block; font-size: 12px; color: var(--soluk); }
.pb-s { width: 120px; } .pb-s .spk { height: 30px; }
.pb-mm { font-size: 13.5px; color: var(--soluk); white-space: nowrap; }
.pb-add { display: inline-flex; gap: 6px; align-items: center; height: 34px; padding: 0 10px; border: 1px solid var(--cizgi2); border-radius: 3px; text-decoration: none; font-size: 13.5px; font-weight: 600; white-space: nowrap; }
.pb-add:hover, .pb-add.ok { border-color: var(--pt); color: var(--pt-d); background: var(--pt-ll); }
.pb-xtra { display: none; } .pb.all .pb-xtra, .pb.grp .pb-xtra { display: table-row; } .pb-xtra[hidden] { display: none !important; }
.pb-more { margin-top: 14px; display: inline-flex; gap: 8px; align-items: center; height: 42px; padding: 0 16px; border: 1px solid var(--cizgi2); border-radius: var(--r); background: #fff; font-weight: 600; }
.pb.all .pb-more, .pb.grp .pb-more { display: none; }
.pb-d { position: sticky; top: 130px; display: grid; gap: 14px; padding: 24px; border-radius: 10px; background: var(--pt-dd); color: #fff; box-shadow: var(--g3); }
.pb-dh { display: flex; gap: 14px; align-items: center; }
.pb-dh .pul { width: 48px; height: 48px; }
.pb-dg { font-size: 13.5px; color: #8fdcc8; } .pb-dn { font-size: 24px; font-weight: 760; font-stretch: 82%; line-height: 1.05; }
.pb-dp { display: flex; gap: 8px; align-items: baseline; } .pb-dp b { font-size: 44px; font-weight: 800; font-stretch: 78%; line-height: 1; }
.pb-dp .upv { color: #8af0c4; } .pb-dp .dnv { color: #ffb3a1; }
.pb-ch { position: relative; height: 150px; }
.pb-ch .spk-l { stroke: #fff; stroke-width: 1.8; } .pb-ch .spk-a { fill: rgba(255, 255, 255, .12); }
.pb-cross { position: absolute; top: 0; bottom: 0; width: 1px; background: rgba(255, 255, 255, .5); }
.pb-dot { position: absolute; width: 10px; height: 10px; margin: -5px 0 0 -5px; border-radius: 50%; background: #fff; }
.pb-tip { position: absolute; transform: translateX(-50%); padding: 6px 10px; border-radius: 3px; background: #fff; color: var(--ink); font-size: 13px; font-weight: 650; white-space: nowrap; box-shadow: var(--g2); }
.pb-tip span { display: block; font-size: 11.5px; font-weight: 500; color: var(--soluk); }
.pb-ax { display: flex; justify-content: space-between; font-size: 12px; color: rgba(255, 255, 255, .6); }
.pb-ds { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; padding: 12px 0; border-top: 1px solid rgba(255, 255, 255, .16); border-bottom: 1px solid rgba(255, 255, 255, .16); }
.pb-ds dt { font-size: 12px; color: rgba(255, 255, 255, .6); } .pb-ds dd { font-weight: 700; }
.pb-da { display: flex; gap: 16px; align-items: center; } .pb-da .btn { --bz: #fff; --bm: var(--ink); border-color: #fff; } .pb-da .btn:hover { color: #fff; } .pb-da .lnk { color: #fff; }
.pb-note { display: flex; gap: 8px; font-size: 13px; color: rgba(255, 255, 255, .7); } .pb-note a { color: #fff; }
.pb-empty { padding: 20px; color: var(--soluk); }

/* malzeme kartları */
.mc-g { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.mc-w { grid-column: span 1; }
.mc-g li:nth-child(1), .mc-g li:nth-child(2) { grid-column: span 1; }
.mc-g li:nth-child(1) { grid-row: span 2; }
.mc a { position: relative; display: grid; grid-template-rows: 1fr auto auto; height: 100%; min-height: 300px; border-radius: 10px; overflow: hidden; text-decoration: none; background: var(--sis3); box-shadow: var(--g1); transition: transform .4s var(--e), box-shadow .4s var(--e); }
.mc a:hover { transform: translateY(-3px); box-shadow: var(--g2); }
.mc-im { position: relative; min-height: 180px; overflow: hidden; }
.mc-im img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--e); }
.mc a:hover img { transform: scale(1.04); }
.mc-b { display: flex; gap: 12px; align-items: flex-start; padding: 16px 18px 6px; }
.mc-t b { display: block; font-size: 22px; font-weight: 760; font-stretch: 82%; line-height: 1.05; }
.mc-t small { display: block; font-size: 14px; color: var(--soluk); margin-top: 4px; }
.mc-f { display: flex; gap: 10px; align-items: center; padding: 10px 18px 16px; font-size: 14px; color: var(--soluk); }
.mc-f b { margin-left: auto; color: var(--ink); font-size: 16px; }

/* kabul / ret listeleri, zaman çizgisi */
.ck { display: grid; gap: 0; }
.ck li { display: flex; gap: 12px; align-items: flex-start; padding: 11px 0; border-bottom: 1px solid var(--cizgi); }
.ck li .ic { color: var(--pt); margin-top: 3px; stroke-width: 2.2; }
.ck-x li .ic { color: var(--dn); }
.ck-s li { padding: 7px 0; font-size: 15px; }
.nr { display: grid; grid-template-columns: 1fr 1.2fr; gap: 48px; }
.nr h2 { font-size: clamp(28px, 2.8vw, 40px); margin-bottom: 12px; } .nr p { color: var(--ink2); }
.ar { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; }
.ar h2 { font-size: clamp(26px, 2.6vw, 36px); margin-bottom: 10px; }
.ar-1 { grid-template-columns: 1.4fr 1fr; }
.ar-o { padding: 24px; border-radius: 10px; background: var(--sis3); }
.tl { position: relative; display: grid; }
.tl-h { grid-template-columns: repeat(4, 1fr); gap: 20px; padding-top: 26px; }
.tl-h::before { content: ""; position: absolute; left: 6px; right: 0; top: 6px; height: 2px; background: linear-gradient(90deg, var(--pt), var(--cu)); }
.tl-h li { position: relative; display: grid; gap: 6px; }
.tl-h li::before { content: ""; position: absolute; left: 0; top: -26px; width: 14px; height: 14px; border-radius: 50%; background: #fff; border: 2px solid var(--pt); }
.tl b { font-size: 19px; font-weight: 720; } .tl span { color: var(--ink2); font-size: 15.5px; }
.tl-v { padding-left: 26px; }
.tl-v::before { content: ""; position: absolute; left: 6px; top: 10px; bottom: 10px; width: 2px; background: linear-gradient(var(--pt), var(--cu)); }
.tl-v li { position: relative; display: grid; gap: 2px; padding: 10px 0; }
.tl-v li::before { content: ""; position: absolute; left: -26px; top: 16px; width: 12px; height: 12px; border-radius: 50%; background: #fff; border: 2px solid var(--pt); }

/* malzeme sayfası */
.cl { display: grid; }
.cl li { display: grid; grid-template-columns: minmax(0, 1.4fr) 170px 130px 90px auto; gap: 18px; align-items: center; padding: 14px 0; border-bottom: 1px solid var(--cizgi); }
.cl-n { display: flex; gap: 14px; align-items: center; } .cl-n b { display: block; font-size: 18px; } .cl-n small { display: block; color: var(--soluk); font-size: 14px; }
.sw-l { height: 40px; width: 8px; }
.cl-s .spk { height: 40px; }
.cl-p { text-align: right; } .cl-p b { display: block; font-size: 22px; font-weight: 760; } .cl-p small { font-size: 12.5px; color: var(--soluk); }
.mp { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; align-items: start; }
.mp-im { border-radius: 10px; overflow: hidden; box-shadow: var(--g2); } .mp-im img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.mp-t h2 { font-size: clamp(28px, 2.8vw, 40px); margin-bottom: 14px; } .mp-t h3 { margin: 26px 0 8px; }
.cue { display: grid; border-top: 1px solid var(--ink); }
.cue div { display: grid; grid-template-columns: 140px 1fr; gap: 14px; padding: 12px 0; border-bottom: 1px solid var(--cizgi); }
.cue dt { font-weight: 700; } .cue dd { color: var(--ink2); }
.mp-a { display: flex; flex-wrap: wrap; gap: 18px; align-items: center; margin-top: 24px; }
.om-h { font-size: 15px; font-weight: 650; color: var(--soluk); margin-bottom: 12px; }
.om { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 8px; }
.om a { display: flex; gap: 12px; align-items: center; padding: 10px 12px; border-radius: var(--r); background: var(--sis3); text-decoration: none; font-weight: 620; transition: background .2s; }
.om a:hover { background: var(--pt-ll); } .om a .ic:last-child { margin-left: auto; width: 16px; height: 16px; }
.om .pul { width: 30px; height: 30px; } .om .pul b { font-size: 10px; }
.om-v { grid-template-columns: 1fr; }

/* karşılaştırma */
.cmp { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.cmp a { display: grid; height: 100%; border-radius: 10px; overflow: hidden; text-decoration: none; background: var(--sis3); transition: transform .4s var(--e); }
.cmp a:hover { transform: translateY(-3px); }
.cmp-im { position: relative; aspect-ratio: 4 / 3; overflow: hidden; } .cmp-im img { width: 100%; height: 100%; object-fit: cover; }
.cmp-el { position: absolute; left: 12px; bottom: 12px; }
.cmp-b { display: grid; gap: 6px; padding: 14px 16px 16px; } .cmp-b b { font-size: 20px; font-weight: 740; }
.cmp-r { font-size: 14px; color: var(--ink2); } .cmp-r i { display: block; font-style: normal; font-size: 12px; color: var(--soluk); }

/* sanayi */
.sv { display: grid; gap: 16px; }
.sv-i { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; align-items: center; padding: 16px; border-radius: 10px; background: var(--sis3); }
.sv-r figure { order: 2; }
.sv-i figure { border-radius: 8px; overflow: hidden; } .sv-i img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.sv-t { display: grid; gap: 12px; padding: 8px 12px; }
.sv-k { font-size: 14px; font-weight: 650; color: var(--pt-d); }
.sv-t h2 { font-size: clamp(28px, 2.6vw, 38px); } .sv-t h2 a { text-decoration: none; } .sv-t h2 a:hover { color: var(--pt-d); }
.sv-t > p:not(.sv-k) { color: var(--ink2); }
.sv-f { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.sv-f div { padding: 10px 12px; border-radius: var(--r); background: #fff; }
.sv-f dt { font-size: 12.5px; color: var(--soluk); } .sv-f dd { font-weight: 650; font-size: 15px; }
.ct { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.ct li { display: grid; gap: 6px; padding: 22px; border-radius: 10px; background: var(--sis3); }
.ct-d svg { width: 100%; height: auto; }
.ct b { font-size: 30px; font-weight: 780; font-stretch: 80%; } .ct-m { font-size: 13.5px; color: var(--soluk); }
.ct dl { display: grid; margin-top: 8px; } .ct dl div { display: flex; justify-content: space-between; padding: 7px 0; border-top: 1px solid var(--cizgi); font-size: 14.5px; }
.neg { color: var(--dn); }
.fm { display: grid; grid-template-columns: 1fr 1.2fr; gap: 48px; align-items: start; }
.fm h2 { font-size: clamp(28px, 2.8vw, 40px); margin-bottom: 12px; } .fm p { color: var(--ink2); }
.fm-b { padding: 26px; border-radius: 10px; background: var(--pt-dd); color: #fff; }
.fm-f { font-size: 19px; line-height: 1.5; padding-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, .16); }
.fm-f span { padding: 2px 8px; border-radius: 3px; background: rgba(255, 255, 255, .1); font-weight: 650; }
.fm-x { display: grid; margin-top: 10px; } .fm-x div { display: grid; grid-template-columns: 170px 1fr; gap: 12px; padding: 9px 0; border-bottom: 1px solid rgba(255, 255, 255, .1); font-size: 15px; }
.fm-x dt { color: rgba(255, 255, 255, .62); }
.dk { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.dk li { display: grid; gap: 6px; align-content: start; padding: 20px; border-radius: 10px; background: var(--sis3); }
.dk-i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 50%; background: var(--pt-l); color: var(--pt-dd); margin-bottom: 4px; }
.dk-i:empty::before { content: ""; width: 12px; height: 12px; border-radius: 2px; background: var(--pt); }
.dk b { font-size: 17px; } .dk li > span:not(.dk-i) { font-size: 14.5px; color: var(--ink2); }
.dk-v { color: var(--soluk) !important; }
.warn { display: flex; gap: 12px; margin-top: 20px; padding: 16px 18px; border-radius: var(--r); background: var(--cu-l); color: #5a3413; font-size: 15px; }
.warn .ic { margin-top: 2px; color: var(--cu-d); }

/* formlar */
.lf-w { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 48px; align-items: start; }
.lf { display: grid; gap: 22px; }
.lf-h h2 { font-size: clamp(28px, 2.8vw, 40px); } .lf-h p { color: var(--ink2); margin-top: 8px; }
.lf-g { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.lf-g .fld-w, .lf-g .fld-ta { grid-column: 1 / -1; }
.lf-sub { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.lf-ok { display: flex; gap: 16px; padding: 22px; border-radius: 10px; background: var(--pt-ll); border: 1px solid var(--pt-l); }
.lf-okh { font-size: 22px; font-weight: 760; }
.lf-a { display: grid; gap: 12px; padding: 26px; border-radius: 10px; background: var(--pt-dd); color: #fff; }
.lf-a h3 { font-size: 24px; } .lf-a p { color: rgba(255, 255, 255, .76); font-size: 15px; }
.lf-a a { display: flex; gap: 10px; align-items: center; text-decoration: none; font-weight: 650; padding: 6px 0; } .lf-a a:hover { color: #8fdcc8; }
.lf-a .lnk { color: #fff; background-image: linear-gradient(#8fdcc8, #8fdcc8); }

/* randevu (kantar.ts apptBlock) */
.rd-g { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: 40px; align-items: start; }
.rd-l { display: grid; gap: 24px; }
.rd-fs { border: 0; padding: 0; margin: 0; min-width: 0; }
.rd-fs legend { display: flex; flex-wrap: wrap; gap: 10px; align-items: baseline; font-size: 19px; font-weight: 720; margin-bottom: 12px; padding: 0; }
.rd-fs legend span { font-size: 14px; font-weight: 400; color: var(--soluk); }
.ds { display: grid; grid-template-columns: repeat(var(--n, 7), minmax(0, 1fr)); gap: 6px; }
.ds label { position: relative; } .ds input { position: absolute; opacity: 0; }
.ds span { display: grid; justify-items: center; gap: 0; padding: 10px 2px; border: 1px solid var(--cizgi2); border-radius: var(--r); background: #fff; cursor: pointer; transition: border-color .15s, background .15s; line-height: 1.15; }
.ds small { font-size: 12px; color: var(--soluk); } .ds b { font-size: 22px; font-weight: 760; } .ds em { font-style: normal; font-size: 11.5px; color: var(--soluk); }
.ds input:checked + span { background: var(--ink); color: #fff; border-color: var(--ink); } .ds input:checked + span small, .ds input:checked + span em { color: rgba(255, 255, 255, .7); }
.ds input:disabled + span { opacity: .4; cursor: not-allowed; background: var(--sis3); text-decoration: line-through; }
.ds input:focus-visible + span { outline: 2px solid var(--pt); outline-offset: 2px; }
.tm { display: grid; grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); gap: 6px; }
.tm label { position: relative; } .tm input { position: absolute; opacity: 0; }
.tm span { display: grid; padding: 10px 12px; border: 1px solid var(--cizgi2); border-radius: var(--r); background: #fff; font-weight: 700; font-size: 17px; cursor: pointer; }
.tm small { font-size: 12px; font-weight: 400; color: var(--soluk); }
.tm input:checked + span { border-color: var(--pt); background: var(--pt-ll); box-shadow: inset 0 0 0 1px var(--pt); }
.tm input:disabled + span { opacity: .4; cursor: not-allowed; text-decoration: line-through; }
.rd-f { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.rd-f .fld-w, .rd-f .fld-ta { grid-column: 1 / -1; }
.rd-sub { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; }
.rd-s { position: sticky; top: 130px; display: grid; gap: 14px; padding: 24px; border-radius: 10px; background: var(--sis3); box-shadow: var(--g1); }
.rd-sh { font-size: 19px; font-weight: 720; }
.rd-lines { display: grid; } .rd-lines li { display: grid; grid-template-columns: 6px 1fr auto; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--cizgi); font-size: 15px; }
.rd-lines small { display: block; font-size: 13px; color: var(--soluk); } .rd-lines em { font-style: normal; font-weight: 650; }
.rd-emp { display: block !important; color: var(--soluk); font-size: 14.5px; }
.rd-kv div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 0; border-bottom: 1px solid var(--cizgi); font-size: 15px; }
.rd-kv dt { color: var(--soluk); } .rd-kv dd { font-weight: 650; text-align: right; }
.rd-note { font-size: 13.5px; color: var(--soluk); }
.rd-ok { padding: 28px; border-radius: 10px; background: var(--pt-ll); }
.rd-ok-in { display: flex; gap: 18px; } .rd-okh { font-size: 26px; font-weight: 780; font-stretch: 82%; } .rd-ok-in p { margin-top: 6px; }
.rd-ok .btn { margin-top: 12px; }

/* bireysel */
.nd { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.nd article { display: grid; gap: 8px; align-content: start; padding: 22px; border-radius: 10px; background: #fff; box-shadow: var(--g1); }
.nd h3 { font-size: 21px; } .nd p { color: var(--ink2); font-size: 15px; }
.nd-n { grid-column: 1 / -1; margin-top: 4px; }
.hm-w { display: grid; grid-template-columns: 1fr 1.4fr; gap: 48px; align-items: center; }
.hm-t h2 { font-size: clamp(28px, 2.8vw, 40px); margin-bottom: 12px; } .hm-t > p { color: var(--ink2); }
.hm-l { display: flex; gap: 18px; margin: 18px 0 22px; font-size: 14px; } .hm-l span { display: flex; gap: 8px; align-items: center; }
.hm-l i, .hm i { display: block; border-radius: 2px; background: rgba(46, 139, 122, calc(.08 + var(--v) * .92)); }
.hm-l i { width: 16px; height: 16px; }
.hm { display: grid; grid-template-columns: 44px repeat(11, 1fr); gap: 4px; font-size: 12.5px; color: var(--soluk); }
.hm i { aspect-ratio: 1; } .hm i.off { background: repeating-linear-gradient(45deg, var(--sis2) 0 3px, #fff 3px 6px); }
.hm-h { text-align: center; } .hm-d { align-self: center; font-weight: 600; color: var(--ink2); }
.tp { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; }
.tp a { display: grid; grid-template-columns: 36px 1fr; gap: 4px 14px; padding: 18px; border-radius: 10px; background: var(--sis3); text-decoration: none; transition: background .2s; }
.tp a:hover { background: var(--pt-ll); } .tp .pul { grid-row: span 2; } .tp b { font-size: 17px; } .tp span:not(.pul) { font-size: 14.5px; color: var(--ink2); }

/* tesis */
.kr-w { display: grid; grid-template-columns: 1fr 1.6fr; gap: 48px; align-items: center; }
.kr-x h2 { font-size: clamp(28px, 2.8vw, 40px); margin-bottom: 12px; } .kr-x > p { color: var(--ink2); }
.kr-l { display: grid; margin-top: 18px; } .kr-l li { display: grid; padding: 10px 0; border-bottom: 1px solid var(--cizgi); } .kr-l span { font-size: 14.5px; color: var(--ink2); }
.kr { width: 100%; height: auto; border-radius: 8px; }
.kr-t { font: 600 13px var(--f); fill: var(--ink); } .kr-s { font: 400 11.5px var(--f); fill: var(--soluk); } .kr-wt { font: 600 11.5px var(--f); fill: #fff; }
.fa { display: grid; grid-template-columns: 1.15fr 1fr; gap: 48px; align-items: center; }
.fa-r figure { order: 2; }
.fa figure { border-radius: 10px; overflow: hidden; box-shadow: var(--g2); } .fa img { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; }
.fa-t { display: grid; gap: 14px; } .fa-t h2 { font-size: clamp(30px, 3vw, 44px); } .fa-t p { color: var(--ink2); }
.fa .sv-f div { background: var(--sis3); }

/* çevre */
.co { display: grid; grid-template-columns: 1fr 1.3fr; gap: 48px; align-items: center; }
.co-t h2 { font-size: clamp(28px, 2.8vw, 40px); margin-bottom: 12px; } .co-t p { color: var(--ink2); }
.co-f { display: grid; gap: 18px; padding: 26px; border-radius: 10px; background: var(--sis3); }
.co-seg { width: 100%; } .co-seg label { flex: 1; } .co-seg span { justify-content: center; }
.co-n { max-width: 280px; }
.co-r { display: grid; padding: 18px 20px; border-radius: 8px; background: var(--pt-dd); color: #fff; }
.co-r span { font-size: 14px; color: rgba(255, 255, 255, .7); } .co-r em { font-style: normal; color: #f2c9a3; font-size: 12.5px; margin-left: 6px; }
.co-r b { font-size: 48px; font-weight: 800; font-stretch: 78%; line-height: 1.05; } .co-r small { color: rgba(255, 255, 255, .72); font-size: 14px; }
.mx { display: grid; gap: 18px; }
.mix-b { height: 64px; }
.mx-l { display: grid; grid-template-columns: repeat(5, 1fr); gap: 12px; }
.mx-l li { display: grid; gap: 4px; font-size: 15px; } .mx-l i { display: block; width: 100%; height: 6px; border-radius: 1px; background: var(--a); }
.mx-l span { font-size: 22px; font-weight: 760; font-stretch: 82%; }

/* iletişim */
.ci { display: grid; grid-template-columns: 1fr 1.2fr; gap: 40px; align-items: start; }
.cl2 { display: grid; }
.cl2 li { display: flex; gap: 12px; align-items: center; border-bottom: 1px solid var(--cizgi); }
.cl2 a { flex: 1; display: flex; gap: 14px; align-items: center; padding: 14px 0; text-decoration: none; min-width: 0; }
.cl2 a .ic { color: var(--pt); }
.cl2 small { display: block; font-size: 13px; color: var(--soluk); } .cl2 b { display: block; font-size: 18px; font-weight: 650; overflow-wrap: anywhere; }
.cl2 a:hover b { color: var(--pt-d); }
.cp { display: inline-flex; gap: 6px; align-items: center; height: 36px; padding: 0 12px; border: 1px solid var(--cizgi2); border-radius: 3px; background: #fff; font-size: 13.5px; font-weight: 600; flex: none; }
.cp:hover, .cp.ok { border-color: var(--pt); color: var(--pt-d); background: var(--pt-ll); }
.ci-m { display: grid; gap: 22px; }
.cm { width: 100%; height: auto; border-radius: 10px; box-shadow: var(--g1); }
.cm-t { font: 650 13px var(--f); fill: var(--ink); } .cm-s { font: 400 11.5px var(--f); fill: var(--soluk); }
.ci-h h2 { font-size: 26px; margin-bottom: 8px; }

/* SSS */
.fq { display: grid; grid-template-columns: 260px 1fr; gap: 48px; align-items: start; }
.fq-n { position: sticky; top: 130px; display: grid; gap: 10px; }
.fq-n p { font-size: 14px; font-weight: 650; color: var(--soluk); }
.fq-n a { display: flex; justify-content: space-between; padding: 10px 12px; border-radius: var(--r); text-decoration: none; font-weight: 600; transition: background .2s; }
.fq-n a:hover { background: var(--pt-ll); } .fq-n a span { color: var(--soluk); font-weight: 500; }
.fq-g + .fq-g { margin-top: 34px; } .fq-g h2 { font-size: 30px; margin-bottom: 6px; }
.ui-sss-bos { padding: 20px; border-radius: var(--r); background: var(--sis3); }

/* yasal */
.lg { display: grid; grid-template-columns: 260px 1fr; gap: 48px; align-items: start; }
.lg-n { position: sticky; top: 130px; }
.lg-n ol { display: grid; gap: 2px; counter-reset: b; }
.lg-n a { display: block; padding: 8px 12px; border-radius: var(--r); text-decoration: none; font-size: 15px; } .lg-n a:hover { background: var(--pt-ll); }
.lg-t section + section { margin-top: 30px; } .lg-t h2 { font-size: 26px; margin-bottom: 8px; } .lg-t p { color: var(--ink2); max-width: 72ch; }

/* ── duyarlı ── */
@media (max-width: 1180px) {
  .ph-in { grid-template-columns: 1fr; }
  .ph-fig { min-height: 300px; }
  .pb-body { grid-template-columns: 1fr; }
  .pb-d { position: static; }
  .mc-g { grid-template-columns: 1fr 1fr; } .mc-g li:nth-child(1) { grid-row: auto; }
  .cl li { grid-template-columns: minmax(0, 1fr) 120px 100px auto; } .cl-s { display: none; }
  .rd-g, .lf-w, .ci, .co, .kr-w, .hm-w, .fm, .mp, .nr, .ar, .ar-1, .fa { grid-template-columns: 1fr; gap: 32px; }
  .fa-r figure { order: 0; }
  .rd-s { position: static; }
  .fx { grid-template-columns: 1fr 1fr; } .fx div { padding: 16px 16px 16px 0 !important; border-left: 0 !important; border-bottom: 1px solid var(--cizgi); }
  .nd { grid-template-columns: 1fr 1fr; } .dk, .ct, .tp { grid-template-columns: 1fr 1fr; } .cmp { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
  .ph { padding-top: 14px; background: linear-gradient(180deg, #fff 0, #fff 80px, var(--sis) 80px); }
  .ph-t { padding: 22px 18px 24px; }
  .cetvel { grid-template-columns: 1fr 1fr; }
  .cetvel div:nth-child(odd) { border-left: 0; } .cetvel div { border-top: 1px solid rgba(255, 255, 255, .1); padding: 14px 16px; }
  .sec > .wrap { padding: 26px 18px; border-radius: 8px; margin: 0 12px; width: auto; }
  .sh { grid-template-columns: 1fr; } .sh p { justify-self: start; } .sh .sh-m { grid-column: 1; }
  .pb-t thead { display: none; } .pb-s, .pb-mm, .pb-n small { display: none; }
  .pb-t th[scope=row], .pb-t td { padding: 10px 6px; }
  .pb-add span { display: none; }
  .mc-g, .nd, .dk, .ct, .tp, .cmp, .sv-f { grid-template-columns: 1fr; }
  .sv-i { grid-template-columns: 1fr; gap: 16px; padding: 12px; } .sv-r figure { order: 0; }
  .tl-h { grid-template-columns: 1fr; padding-top: 0; padding-left: 26px; } .tl-h::before { left: 6px; top: 10px; bottom: 10px; right: auto; width: 2px; height: auto; background: linear-gradient(var(--pt), var(--cu)); }
  .tl-h li::before { left: -26px; top: 6px; }
  .cl li { grid-template-columns: minmax(0, 1fr) auto; } .cl-c { display: none; } .cl li .btn { grid-column: 1 / -1; justify-self: start; }
  .rd-f, .lf-g { grid-template-columns: 1fr; }
  .ds { grid-template-columns: repeat(5, minmax(0, 1fr)); }
  .fq, .lg { grid-template-columns: 1fr; gap: 20px; } .fq-n, .lg-n { position: static; }
  .fq-n ul { display: flex; flex-wrap: wrap; gap: 6px; } .fq-n a { background: var(--sis3); }
  .hm { grid-template-columns: 34px repeat(11, 1fr); gap: 2px; font-size: 10.5px; }
  .mx-l { grid-template-columns: 1fr 1fr; }
  .pt-pan { grid-template-columns: repeat(4, 1fr); padding: 18px; }
  .cue div { grid-template-columns: 1fr; gap: 2px; }
  .fm-x div, .pc-kv div, .fan dl div { grid-template-columns: 1fr; gap: 2px; }
  .cl2 li { flex-wrap: wrap; padding-bottom: 10px; } .cl2 a { padding-bottom: 6px; }
}
.ph-in > * { min-width: 0; }
@media (max-width: 900px) { .ph-in { grid-template-columns: minmax(0, 1fr); } .pt-pan { grid-template-columns: repeat(4, minmax(0, 1fr)); padding: 14px 10px; } .pt-pan a { padding: 10px 2px; font-size: 12px; } .pt-pan .pul { width: 40px; height: 40px; } }