/* Ilıcadağ — v5 iç sayfalar. K2 mantığı: solda sayfa boyunca yapışkan panel (verde blok + foto/işlevli kart + künye),
   sağda kırıntı + başlık + bölümler; sağ ray (H6) "bu sayfada" listesini tutar. Plaka seçici "tool" düzeni: başlık ikiye bölünür, araç tam genişlik. */
main.spl { display: grid; grid-template-columns: minmax(0, 40fr) minmax(0, 60fr); align-items: start; }
main.spl > * { grid-column: 2; min-width: 0; padding-left: clamp(28px, 4.4vw, 80px); padding-right: clamp(24px, 4vw, 72px); }
main.spl > .pn { grid-column: 1; grid-row: 1 / span 40; align-self: stretch; padding: 0; }
.spl .wrap { max-width: none; padding: 0; }
.pn-st { position: sticky; top: var(--hd); height: calc(100svh - var(--hd)); background: var(--vd); display: grid; grid-template-rows: 1fr auto; overflow: hidden; isolation: isolate; }
.pn-st::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(ellipse 70% 55% at 25% 20%, rgb(255 255 255 / .12), transparent 70%), linear-gradient(180deg, #31614F, #234637); }
.pn-img { margin: 0; position: relative; min-height: 0; }
.pn-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.pn-img figcaption { position: absolute; left: 22px; top: 22px; display: grid; background: #fff; border-radius: 4px; overflow: hidden; box-shadow: var(--sh2); max-width: 72%; }
.pn-cap { padding: 9px 12px 10px; font-size: 13.5px; color: var(--ink2); }
.pn-card { display: grid; place-items: center; padding: clamp(22px, 3vw, 44px); min-height: 0; overflow: auto; }
.pn-card > * { width: min(100%, 420px); }
.pn-f { display: grid; grid-template-columns: repeat(2, 1fr); margin: 0; background: #fff; border-top: 1px solid var(--line); }
.pn-f div { padding: 14px 20px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.pn-f div:nth-child(2n) { border-right: 0; }
.pn-f dt { font-size: 13px; color: var(--mut); } .pn-f dd { margin: 2px 0 0; font: 450 24px/1.1 var(--fd); letter-spacing: -.01em; }
.ph { padding-top: 44px; padding-bottom: 36px; }
.bc ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0 0 26px; padding: 0; font-size: 14px; color: var(--mut); }
.bc li + li::before { content: "/"; margin-right: 6px; color: var(--line2); }
.bc a { text-decoration: none; } .bc a:hover { color: var(--vd); }
.ph h1 { font-size: clamp(48px, 5.4vw, 92px); font-weight: 300; letter-spacing: -.045em; line-height: .95; max-width: 11em; }
.ph-lead { font-size: 20px; line-height: 1.55; color: var(--ink2); margin-top: 24px; max-width: 32em; }
.ph-a { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
main.spl > section:not(.ph) { padding-top: 56px; padding-bottom: 56px; border-top: 1px solid var(--line); }
.tool main.spl > :not(.pn):not(.ph) { grid-column: 1 / -1; }
.tool main.spl > .pn { grid-row: 1; }
.tool .pn-st { position: relative; top: 0; height: auto; min-height: 520px; }

/* panel kartları */
.phc { background: #fff; border-radius: 8px; box-shadow: var(--sh3); padding: 20px; display: grid; gap: 14px; }
.phc-h { display: flex; align-items: center; gap: 8px; font: 500 18px/1.2 var(--fd); }
.phc-h .ic { color: var(--vd); }
.phc-n { font-size: 14px; color: var(--mut); }
.phc-g { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.phc-g a { display: grid; grid-template-columns: 40px 1fr auto; gap: 12px; align-items: center; padding: 6px; border-radius: 4px; text-decoration: none; transition: background .15s; }
.phc-g a:hover { background: var(--fog); }
.phc-sw { width: 40px; height: 40px; border-radius: 3px; display: inline-block; vertical-align: middle; }
.phc-g b { font-variant-numeric: tabular-nums; }
.phc-b { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-size: 14.5px; }
.phc-b li { display: grid; grid-template-columns: 96px 1fr 70px; gap: 10px; align-items: center; }
.phc-b b { text-align: right; }
.phc-bar { height: 6px; background: var(--fog2); } .phc-bar i { display: block; height: 100%; background: var(--vd); }
.phc-t { width: 100%; border-collapse: collapse; font-size: 14.5px; }
.phc-t th, .phc-t td { padding: 8px 4px; border-bottom: 1px solid var(--line); text-align: left; font-weight: 500; }
.phc-t thead th { font-size: 13px; color: var(--mut); }
.phc-t td { text-align: right; font-weight: 650; }
.phc-t th .phc-sw { width: 26px; height: 26px; margin-right: 8px; }
.phc-bm { padding: 14px; }
.phc-pair { display: grid; grid-template-columns: 1fr 1fr; aspect-ratio: 1.2; position: relative; border-radius: 4px; overflow: hidden; }
.phc-pair::after { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: var(--tr); }
.phc-pair .sl { height: 100%; }
.phc-cap { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; font-size: 14px; }
.phc-cap .lnk { margin-left: auto; }
.phc .opn { font-size: 14.5px; }
.hrs { width: 100%; border-collapse: collapse; font-size: 15px; }
.hrs th, .hrs td { padding: 8px 0; border-bottom: 1px solid var(--line); text-align: left; font-weight: 500; }
.hrs td { text-align: right; } .hrs td.off { color: var(--mut); }
.hrs tr.today th, .hrs tr.today td { font-weight: 700; color: var(--vd); }
.ct-row { display: flex; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--line); text-decoration: none; }
.ct-row small { display: block; font-size: 13px; color: var(--mut); }
.lg-s { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; font-size: 15px; }
.lg-s li { display: flex; gap: 8px; align-items: center; } .lg-s .ic { width: 17px; height: 17px; color: var(--vd); }

/* bölüm başlıkları (dergi rubriği) */
.sec-h { display: grid; gap: 10px; margin-bottom: 26px; }
.sec-h h2, .sec-t { font-size: clamp(30px, 2.8vw, 44px); font-weight: 340; letter-spacing: -.025em; line-height: 1.05; }
.sec-h p { color: var(--ink2); max-width: 36em; }
.sec-h > div { display: grid; gap: 10px; }
.sec-h .lnk { justify-self: start; }
.sec-t { margin-bottom: 22px; }
.tb-note { display: flex; align-items: center; gap: 8px; font-size: 14px; color: var(--mut); margin-top: 14px; }
.tb-note .ic { width: 16px; height: 16px; }
.empty { display: flex; align-items: center; gap: 10px; padding: 28px; background: var(--fog); border-radius: 6px; color: var(--mut); }

/* tablolar */
.tbw { overflow-x: auto; }
.tb { width: 100%; border-collapse: collapse; font-size: 15.5px; }
.tb thead th { position: sticky; top: var(--hd); background: #fff; text-align: left; font-weight: 600; font-size: 13.5px; color: var(--mut); padding: 12px 10px; border-bottom: 1px solid var(--ink); }
.tb td { padding: 12px 10px; border-bottom: 1px solid var(--line); vertical-align: middle; }
.tb tbody tr { transition: background .15s; }
.tb tbody tr:hover { background: var(--fog); }
.tb .num { text-align: right; font-variant-numeric: tabular-nums; }
.tb-n { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.tb-n small { display: block; font-size: 13px; color: var(--mut); }
.tb-sw { width: 38px; height: 38px; border-radius: 3px; flex: none; }
.inc-k { font: 500 18px/1 var(--fd); color: var(--vd); }
.kt { width: 100%; border-collapse: collapse; font-size: 15.5px; }
.kt th, .kt td { padding: 10px 0; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.kt th { font-weight: 500; color: var(--mut); width: 42%; } .kt td { font-weight: 600; }
.kt td + td { color: var(--mut); font-weight: 450; font-size: 13.5px; text-align: right; }

/* süzgeçler */
.flts { display: grid; gap: 14px; margin-bottom: 28px; padding-bottom: 20px; border-bottom: 1px solid var(--line); }
.flt { display: grid; grid-template-columns: 90px 1fr; gap: 12px; align-items: center; }
.flt-l { font-size: 14px; color: var(--mut); }
.flt-b { position: relative; display: flex; flex-wrap: wrap; gap: 0; border-bottom: 1px solid var(--line); }
.flt-b button { background: none; border: 0; padding: 8px 14px 10px 0; margin-right: 6px; font: 500 16px/1 var(--fd); color: var(--mut); transition: color .15s; }
.flt-b button[aria-pressed="true"], .flt-b button:hover { color: var(--ink); }
.flt-i { position: absolute; left: 0; bottom: -1px; height: 2px; background: var(--vd); transition: transform .3s var(--ease), width .3s var(--ease); }
.flt-s { display: flex; align-items: center; gap: 10px; border: 1px solid var(--line2); border-radius: 4px; padding: 0 12px; background: #fff; min-height: 46px; }
.flt-s input { border: 0; outline: none; flex: 1; font-size: 16px; min-height: 44px; background: none; }
.flt-c { font-size: 14px; color: var(--mut); } .flt-c b { color: var(--ink); }

/* taş kartları */
.tlist { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 26px 22px; }
.tc a { display: grid; gap: 12px; text-decoration: none; }
.tc-im { position: relative; display: block; border-radius: 6px; overflow: hidden; box-shadow: var(--sh2); }
.tc-bm { display: grid; grid-template-columns: 1fr 1fr; aspect-ratio: 1.25; }
.tc-bm .sl { height: 100%; transition: transform .6s var(--ease); }
.tc a:hover .tc-bm .sl { transform: scale(1.04); }
.tc-im::after { content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: var(--tr); }
.tc-q { position: absolute; left: 10px; bottom: 10px; background: #fff; font-size: 12.5px; padding: 4px 8px; border-radius: 2px; z-index: 2; }
.tc-t { display: grid; gap: 4px; }
.tc-t small { font-size: 13.5px; color: var(--mut); }
.tc-t b { font: 420 26px/1.05 var(--fd); letter-spacing: -.015em; }
.tc-t span { font-size: 15.5px; color: var(--ink2); }
.tc-f { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 13px; }
.tc-f i { font-style: normal; color: var(--ink2); } .tc-f i.no { color: #c3c7c5; }
.tc-m { display: grid; grid-template-columns: repeat(4, auto); gap: 4px 14px; border-top: 1px solid var(--line); padding-top: 10px; font-size: 14px; }
.tc-m small { display: block; font-size: 12px; color: var(--mut); }
.tc-ap { display: flex; gap: 2px; } .tc-ap .ic { width: 17px; height: 17px; } .tc-ap .no { opacity: .25; }

/* taş sayfası: yüzey değiştirmeli kitap açma kartı */
.sv { background: #fff; border-radius: 8px; box-shadow: var(--sh3); padding: 14px; display: grid; gap: 14px; }
.sv-st { position: relative; display: grid; grid-template-columns: 1fr 1fr; aspect-ratio: 1.05; border-radius: 4px; overflow: hidden; }
.sv-st .sl { height: 100%; }
.sv-ax { position: absolute; left: 50%; top: 0; bottom: 0; width: 1px; background: var(--tr); }
.sv-t { position: relative; display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--line); }
.sv-t label { cursor: pointer; position: relative; } .sv-t input { position: absolute; opacity: 0; }
.sv-t label span { display: block; padding: 6px 12px 9px 0; margin-right: 4px; font: 500 16px/1 var(--fd); color: var(--mut); }
.sv-t label input:checked + span { color: var(--ink); } .sv-t label.off span { color: #c9cdcb; } .sv-t label.off { cursor: help; }
.sv-i { position: absolute; left: 0; bottom: -1px; height: 2px; background: var(--vd); transition: transform .3s var(--ease), width .3s var(--ease); }
.sv-c { font-size: 14.5px; color: var(--ink2); }
.st1-g { display: grid; gap: 40px; }
.st1-t p { color: var(--ink2); margin-bottom: 14px; }
.st1-t h2, .st1-k h2 { font-size: 34px; font-weight: 340; margin-bottom: 16px; }
.st1-t h3 { font: 450 22px/1.1 var(--fd); margin: 24px 0 10px; }
.st-note { display: flex; gap: 8px; font-size: 14.5px; color: var(--mut); }
.st-sz { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; } .st-sz li { display: flex; gap: 10px; align-items: center; } .st-sz .ic { color: var(--vd); }
.st-q { display: grid; grid-template-columns: 120px 1fr 20px; gap: 16px; align-items: center; margin-top: 22px; padding: 12px; border-radius: 6px; background: var(--fog); text-decoration: none; }
.st-q img { width: 120px; height: 90px; object-fit: cover; border-radius: 4px; }
.st-q small { display: block; font-size: 12.5px; color: var(--mut); } .st-q b { display: block; font: 450 20px/1.1 var(--fd); } .st-q span span { font-size: 14px; color: var(--mut); }
.sg { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 18px; }
.sg li { display: grid; gap: 4px; font-size: 14px; color: var(--ink2); }
.sg-im { aspect-ratio: 3/4; border-radius: 4px; margin-bottom: 6px; }
.sg b { font: 450 19px/1.1 var(--fd); color: var(--ink); } .sg small { color: var(--mut); }
.sg li.no { opacity: .45; }
.sa { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink); }
.sa li { display: grid; grid-template-columns: 40px 140px 1fr auto; gap: 6px 16px; align-items: center; padding: 16px 0; border-bottom: 1px solid var(--line); }
.sa-ic { color: var(--vd); } .sa b { font: 450 21px/1.1 var(--fd); }
.sa-s { font-size: 13px; font-weight: 650; } .sa li.no .sa-s { color: #a2462c; } .sa li.ok .sa-s { color: var(--vd); }
.sa p { grid-column: 3; grid-row: 1; font-size: 15px; color: var(--ink2); }
.sa .sa-s { grid-column: 2; grid-row: 2; margin-top: -8px; }
.sa li.no { opacity: .75; }
.sb { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.sb a { display: grid; grid-template-columns: 150px 1fr; grid-template-rows: auto auto; gap: 8px 18px; align-items: center; padding: 12px; border-radius: 6px; border: 1px solid var(--line); text-decoration: none; transition: box-shadow .2s, border-color .2s; }
.sb a:hover { box-shadow: var(--sh2); border-color: transparent; }
.sb-im { grid-row: span 2; aspect-ratio: 1.6; border-radius: 3px; }
.sb-t { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.sb-m { display: flex; flex-wrap: wrap; gap: 4px 18px; font-size: 14px; } .sb-m small { display: block; font-size: 12px; color: var(--mut); }
.spj { list-style: none; margin: 0; padding: 0; display: grid; gap: 18px; }
.spj a { display: grid; grid-template-columns: 200px 1fr; gap: 18px; align-items: center; text-decoration: none; }
.spj img { width: 200px; height: 140px; object-fit: cover; border-radius: 4px; }
.spj small { display: block; font-size: 13px; color: var(--mut); } .spj b { display: block; font: 450 22px/1.1 var(--fd); }

/* stok */
.stk-cut { margin-bottom: 22px; }
.blist { list-style: none; margin: 0; padding: 0; display: grid; gap: 22px; }
.bk { border: 1px solid var(--line); border-radius: 8px; padding: 18px; background: #fff; }
.bk-h { display: grid; grid-template-columns: auto 1fr auto; gap: 10px 16px; align-items: center; }
.bk-n b { font: 450 22px/1.1 var(--fd); } .bk-n b a { text-decoration: none; } .bk-n small { display: block; font-size: 13.5px; color: var(--mut); }
.bk-d { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 6px 0 0; font-size: 14.5px; }
.bk-d dt { font-size: 12.5px; color: var(--mut); } .bk-d dd { margin: 0; font-weight: 600; }
.bk-go { min-height: 40px; font-size: 14.5px; }
.bk-s { list-style: none; margin: 16px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(84px, 1fr)); gap: 8px; }
.bk-s li { position: relative; }
.bk-s button { position: relative; display: block; width: 100%; padding: 0; border: 0; background: none; }
.bk-s .sl { aspect-ratio: 1.6; border-radius: 2px; transition: transform .18s, box-shadow .18s; }
.bk-s button:hover .sl { transform: translateY(-2px); box-shadow: 0 8px 16px -8px rgb(0 0 0 / .4); }
.bk-s li.pb::after { content: ""; position: absolute; left: -8px; width: 8px; bottom: -4px; height: 2px; background: var(--tr); }
.bk-s li.res .sl::before { content: ""; position: absolute; inset: 0; z-index: 2; background: repeating-linear-gradient(45deg, rgb(255 255 255 / .55) 0 4px, rgb(255 255 255 / .15) 4px 8px); }
.ps-sn { position: absolute; left: 4px; top: 4px; z-index: 3; font: 650 11px/1 var(--fb); background: #fff; padding: 2px 4px; border-radius: 2px; }
.ps-ss { position: absolute; right: 4px; bottom: 4px; z-index: 3; font: 650 10.5px/1 var(--fb); background: var(--ink); color: #fff; padding: 3px 5px; border-radius: 2px; }
.ps-ss.u { background: var(--vd); }
.bk-more a { display: grid; place-items: center; aspect-ratio: 1.6; border-radius: 2px; background: var(--fog); text-decoration: none; font-size: 13px; text-align: center; }
.bk-more b { font: 450 22px/1 var(--fd); }
.zm, .lb { border: 0; padding: 0; border-radius: 8px; box-shadow: var(--sh3); max-width: min(1100px, 94vw); width: 100%; }
.zm::backdrop, .lb::backdrop { background: rgb(22 22 22 / .6); }
.zm-in { display: grid; } .zm-im { position: relative; } .zm-im .sl { aspect-ratio: 1.64; }
.zm-f { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 14px 18px; }
.lb-ar { position: absolute; right: 14px; bottom: 14px; z-index: 3; display: flex; align-items: center; gap: 8px; background: #fff; padding: 6px 10px; border-radius: 3px; font-size: 13px; }
.lb-ar i { width: 30px; height: 1.5px; background: var(--ink); position: relative; } .lb-ar i::after { content: ""; position: absolute; right: 0; top: -3px; border: 4px solid transparent; border-left-color: var(--ink); border-right: 0; }

/* ocaklar */
.qm-g { display: grid; gap: 26px; }
.qm-t p { color: var(--ink2); margin-bottom: 18px; }
.qm-l { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink); }
.qm-l a { display: grid; grid-template-columns: 1fr 1fr 120px; grid-template-areas: "b s m" "bar bar bar"; gap: 6px 14px; padding: 12px 0; border-bottom: 1px solid var(--line); text-decoration: none; align-items: center; }
.qm-l b { grid-area: b; font: 450 19px/1.1 var(--fd); } .qm-l span:not(.qs-bar) { grid-area: s; font-size: 14px; color: var(--mut); } .qm-l small { grid-area: m; text-align: right; font-weight: 600; }
.qs-bar { grid-area: bar; height: 3px; background: var(--fog2); display: block; } .qs-bar i { display: block; height: 100%; background: var(--vd); }
.qm-m { background: var(--fog); border-radius: 8px; padding: 12px; color: var(--ink); }
.rm.lt .rm-b { fill: #fff; stroke: var(--line2); }
.rm.lt .rm-r { stroke: var(--vd); opacity: .6; }
.rm.lt .rm-q rect { fill: var(--ink); } .rm.lt .rm-q a:hover rect { fill: var(--vd); }
.rm.lt .rm-x { stroke: var(--trd); } .rm.lt .rm-xl { fill: var(--trd); }
.rm.lt .rm-f rect { fill: var(--vd); }
.qks .wrap { display: grid; gap: 56px; }
.qk { display: grid; gap: 22px; }
.qk-im { margin: 0; } .qk-im img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 6px; box-shadow: var(--sh2); }
.qk-im figcaption { font-size: 13.5px; color: var(--mut); margin-top: 8px; }
.qk-k { font-size: 14px; color: var(--vd); } .qk-t h2 { font-size: 40px; font-weight: 330; margin: 6px 0 12px; } .qk-t > p { color: var(--ink2); margin-bottom: 16px; }
.qk-s { margin-top: 18px; } .qk-s p { font-size: 14px; color: var(--mut); margin-bottom: 8px; }
.qk-s ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px; }
.qk-s a { display: flex; gap: 10px; align-items: center; padding: 6px 12px 6px 6px; border-radius: 4px; background: var(--fog); text-decoration: none; }
.qk-sw { width: 40px; height: 40px; border-radius: 3px; } .qk-s small { display: block; font-size: 12.5px; color: var(--mut); }

/* fabrika */
.pr-l { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; border-top: 1px solid var(--ink); }
.pr { display: grid; grid-template-columns: 170px 1fr; gap: 24px; padding: 22px 0; border-bottom: 1px solid var(--line); }
.pr-a { position: relative; background: var(--fog); border-radius: 6px; padding: 10px; }
.pr-a svg { width: 100%; height: auto; fill: none; stroke: var(--ink); stroke-width: 1.4; }
.pr-a svg text { fill: var(--vd); stroke: none; font: 650 11px var(--fb); }
.pr-tm { position: absolute; left: 8px; top: 8px; font-size: 12px; font-weight: 650; background: #fff; padding: 2px 6px; border-radius: 2px; }
.pr-t h3 { font: 420 26px/1.1 var(--fd); margin-bottom: 8px; } .pr-t p { color: var(--ink2); }
.pr-t dl { display: flex; gap: 26px; margin: 12px 0 0; font-size: 14.5px; } .pr-t dt { font-size: 12.5px; color: var(--mut); } .pr-t dd { margin: 0; font-weight: 650; }
.pr-cut { margin-top: 20px; }
.fq-g { display: grid; gap: 24px; }
.fq-g figure { margin: 0; } .fq-g img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 6px; }
.fq-g figcaption { font-size: 13.5px; color: var(--mut); margin-top: 8px; }
.fq-l { list-style: none; margin: 0 0 18px; padding: 0; display: grid; gap: 12px; }
.fq-l li { display: flex; gap: 12px; } .fq-l .ic { color: var(--vd); margin-top: 3px; } .fq-l b { display: block; }

/* projeler */
.plist { list-style: none; margin: 0; padding: 0; display: grid; gap: 48px; }
.pjr figure { margin: 0 0 18px; } .pjr img { width: 100%; aspect-ratio: 16/10; object-fit: cover; border-radius: 6px; box-shadow: var(--sh2); }
.pjr-k { font-size: 14px; color: var(--vd); } .pjr-t h2 { font-size: 36px; font-weight: 330; margin: 6px 0 10px; } .pjr-t > p { color: var(--ink2); }
.pjr-d { display: grid; grid-template-columns: repeat(4, auto); gap: 10px 22px; margin: 16px 0; padding: 12px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 15px; }
.pjr-d dt { font-size: 12.5px; color: var(--mut); } .pjr-d dd { margin: 0; font-weight: 600; } .pjr-d a { display: flex; gap: 8px; align-items: center; text-decoration: none; }
.pj-sw { width: 26px; height: 26px; border-radius: 2px; display: inline-block; }

/* ihracat */
.dcs-g { display: grid; gap: 20px; } .dcs-p { color: var(--ink2); }
.dcs-l { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 12px; }
.dcs-l li { display: flex; gap: 10px; padding: 14px; border-radius: 6px; background: var(--fog); font-size: 14.5px; color: var(--ink2); }
.dcs-l .ic { color: var(--vd); } .dcs-l b { display: block; color: var(--ink); }
.ld-g { display: grid; gap: 26px; }
.ld-c { background: var(--ink); border-radius: 8px; padding: 18px; }
.ld-c svg { width: 100%; height: auto; } .ld-c svg rect { fill: none; stroke: var(--tr); } .ld-c svg path { stroke: var(--tr); } .ld-c svg text { fill: rgb(255 255 255 / .7); font: 500 12px var(--fb); }
.ld-c svg g path:first-child { fill: none; }
.ld-l { list-style: none; margin: 0; padding: 0; counter-reset: l; display: grid; gap: 12px; }
.ld-l li { display: grid; gap: 2px; padding-left: 18px; border-left: 2px solid var(--tr); } .ld-l b { font: 450 19px/1.1 var(--fd); } .ld-l span { color: var(--ink2); font-size: 15px; }
.mkt-l { list-style: none; margin: 0; padding: 0; columns: 3 160px; column-gap: 24px; }
.mkt-l li { padding: 7px 0; border-bottom: 1px solid var(--line); break-inside: avoid; }

/* formlar (numune, iletişim, teklif) */
.fm-f, .qf-f { display: grid; gap: 22px; }
.fm-s { border: 0; padding: 0; margin: 0; display: grid; gap: 14px; }
.fm-s legend { display: flex; align-items: baseline; gap: 12px; font: 420 26px/1.1 var(--fd); margin-bottom: 14px; padding: 0; }
.fm-s legend b { font: 500 14px/1 var(--fb); width: 30px; height: 30px; display: inline-grid; place-items: center; border: 1px solid var(--tr); border-radius: 50%; color: var(--vd); }
.fm-s legend small { font: 450 14px var(--fb); color: var(--mut); }
.fm-2, .qf-g { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.nm-g { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.nm-c { position: relative; display: grid; gap: 8px; padding: 8px; border-radius: 6px; border: 1px solid var(--line); cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.nm-c input { position: absolute; opacity: 0; }
.nm-sw { aspect-ratio: 1.3; border-radius: 3px; }
.nm-c b { display: block; font: 450 17px/1.1 var(--fd); } .nm-c small { font-size: 12.5px; color: var(--mut); }
.nm-k { position: absolute; right: 12px; top: 12px; width: 24px; height: 24px; border-radius: 3px; background: #fff; display: grid; place-items: center; box-shadow: var(--sh1); }
.nm-k .ic { width: 15px; height: 15px; opacity: 0; color: #fff; stroke-width: 2.4; }
.nm-c:has(input:checked) { border-color: var(--vd); box-shadow: 0 0 0 1px var(--vd); }
.nm-c:has(input:checked) .nm-k { background: var(--vd); } .nm-c:has(input:checked) .nm-k .ic { opacity: 1; }
.nm-c.dis { opacity: .45; cursor: not-allowed; }
.nm-c:has(input:focus-visible) { outline: 2px solid var(--vd); outline-offset: 2px; }
.qf-a { display: flex; flex-wrap: wrap; align-items: center; gap: 16px; }
.fm-ok, .qf-ok { display: flex; gap: 16px; align-items: flex-start; padding: 18px; border-radius: 8px; background: var(--vdl); }
.qf-ok-m { width: 44px; height: 44px; border-radius: 50%; background: var(--vd); color: #fff; display: grid; place-items: center; flex: none; }
.fm-ok h3, .qf-ok h4 { font: 450 22px/1.1 var(--fd); margin: 0 0 6px; }
.sf-box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.sf-sw { aspect-ratio: 1; border-radius: 3px; box-shadow: var(--sh1); }
.seg-w { display: flex; flex-wrap: wrap; }
.ui-secim-dugme { border-radius: 4px !important; }
.stp-in { display: flex; align-items: center; border: 1px solid var(--line2); border-radius: 4px; background: #fff; }
.stp-in button { width: 42px; height: 46px; border: 0; background: none; display: grid; place-items: center; }
.stp-in input { width: 100%; min-width: 0; border: 0; text-align: center; font-size: 16px; font-weight: 600; min-height: 46px; outline: none; }
.stp-u { padding-right: 12px; color: var(--mut); font-size: 14px; }
.stp { display: grid; gap: 6px; }
.tg { display: flex; align-items: center; gap: 10px; cursor: pointer; font-size: 14.5px; }
.tg input { position: absolute; opacity: 0; }
.tg-b { width: 38px; height: 22px; border-radius: 3px; background: var(--line2); position: relative; transition: background .15s; flex: none; }
.tg-b::after { content: ""; position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; border-radius: 2px; background: #fff; transition: transform .15s; }
.tg input:checked + .tg-b { background: var(--vd); } .tg input:checked + .tg-b::after { transform: translateX(16px); }
.tg input:focus-visible + .tg-b { outline: 2px solid var(--vd); outline-offset: 2px; }

/* iletişim */
.ct-g { display: grid; gap: 26px; }
.ct-c { list-style: none; margin: 0; padding: 0; border-top: 1px solid var(--ink); }
.ct-c li { display: grid; grid-template-columns: 40px 1fr; gap: 14px; padding: 16px 0; border-bottom: 1px solid var(--line); }
.ct-c li > span { color: var(--vd); } .ct-c small { display: block; font-size: 13px; color: var(--mut); }
.ct-c a { display: block; font: 450 21px/1.25 var(--fd); text-decoration: none; } .ct-c a:hover { color: var(--vd); }
.ct-cp { display: inline-flex; gap: 8px; align-items: center; margin-top: 8px; border: 1px solid var(--line2); background: #fff; border-radius: 4px; padding: 7px 10px; font-size: 14px; font-weight: 600; }
.ct-cp.ok { border-color: var(--vd); color: var(--vd); }
.ct-m { margin: 0; } .kr { width: 100%; height: auto; border-radius: 8px; }
.kr-y { fill: none; stroke: #fff; stroke-width: 14; } .kr-y2 { fill: none; stroke: #fff; stroke-width: 10; }
.kr-l { font: 500 12px var(--fb); fill: var(--mut); } .kr-p { fill: #e3e7e5; } .kr-on { fill: var(--vd); }
.kr-t { font: 500 18px var(--fd); fill: #fff; } .kr-s { font: 500 11px var(--fb); fill: rgb(255 255 255 / .8); } .kr-a { stroke: var(--vd); stroke-width: 2; }
.fm-g2 { display: grid; gap: 26px; } .fm-p { color: var(--ink2); margin-bottom: 18px; }
.vz { display: grid; gap: 16px; }

/* SSS */
.fql-g { display: grid; gap: 30px; }
.fql-s { margin-bottom: 14px; }
.fql-a { display: grid; gap: 12px; }
.fql-c { display: grid; grid-template-columns: 90px 1fr 20px; gap: 14px; align-items: center; padding: 10px; border-radius: 6px; background: var(--fog); text-decoration: none; }
.fql-sw { width: 90px; height: 70px; border-radius: 3px; }
.fql-c b { display: block; font: 450 20px/1.1 var(--fd); } .fql-c small { font-size: 14px; color: var(--mut); }
.ui-sss-bos { padding: 16px 0; color: var(--mut); }

/* yasal */
.lg-g { display: grid; gap: 30px; }
.lg-n ol { margin: 0; padding-left: 20px; display: grid; gap: 6px; font-size: 15px; color: var(--ink2); }
.lg-n a { text-decoration: none; } .lg-n a:hover { color: var(--vd); }
.lg-t h2 { font: 420 26px/1.15 var(--fd); margin: 26px 0 10px; } .lg-t h2:first-child { margin-top: 0; }
.lg-t p { color: var(--ink2); max-width: 40em; }

/* ------------------------------------------------ plaka seçici (tool düzeni) */
.how-g { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px 34px; }
.how-g > div { padding-top: 16px; border-top: 1px solid var(--line); }
.how-ic { color: var(--vd); } .how-g h3 { font: 450 21px/1.15 var(--fd); margin: 8px 0 6px; } .how-g p { color: var(--ink2); font-size: 15.5px; }
.ps-hd { display: grid; gap: 18px; margin-bottom: 26px; }
.ps-hd h2 { font-size: clamp(34px, 3.2vw, 52px); font-weight: 320; letter-spacing: -.03em; }
.ps-hd p { color: var(--ink2); max-width: 44em; }
.ps-path { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; border-top: 1px solid var(--ink); border-bottom: 1px solid var(--line); }
.ps-path li { flex: 1 1 140px; padding: 10px 14px 10px 0; display: grid; gap: 2px; }
.ps-path li + li { padding-left: 14px; border-left: 1px solid var(--line); }
.ps-path span { font-size: 12.5px; color: var(--mut); } .ps-path b { font: 450 17px/1.15 var(--fd); }
.ps-g { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, .9fr) minmax(300px, .85fr); gap: 26px; align-items: start; }
.ps-f { border: 0; padding: 0; margin: 0 0 22px; }
.ps-f legend { font: 450 21px/1.1 var(--fd); margin-bottom: 12px; padding: 0; } .ps-f legend small { font: 450 13.5px var(--fb); color: var(--mut); margin-left: 8px; }
.ps-a { order: 2; } .ps-m { order: 1; } .ps-r { order: 3; position: sticky; top: calc(var(--hd) + 14px); }
.ps-gr { position: relative; display: flex; flex-wrap: wrap; border-bottom: 1px solid var(--line); margin-bottom: 12px; }
.ps-gb { background: none; border: 0; padding: 8px 12px 10px 0; margin-right: 4px; font: 500 16px/1 var(--fd); color: var(--mut); }
.ps-gb[aria-selected="true"] { color: var(--ink); }
.ps-gi { position: absolute; left: 0; bottom: -1px; height: 2px; background: var(--vd); transition: transform .3s var(--ease), width .3s var(--ease); }
.ps-st { display: grid; gap: 8px; }
.ps-sc { position: relative; display: grid; grid-template-columns: 52px 1fr auto; gap: 12px; align-items: center; padding: 8px; border-radius: 6px; border: 1px solid var(--line); cursor: pointer; transition: border-color .15s, box-shadow .15s; }
.ps-sc input { position: absolute; opacity: 0; }
.ps-sc:has(input:checked) { border-color: var(--ink); box-shadow: 0 0 0 1px var(--ink); }
.ps-sc:has(input:focus-visible) { outline: 2px solid var(--vd); outline-offset: 2px; }
.ps-sw { width: 52px; height: 52px; border-radius: 3px; }
.ps-sc-t b { display: block; font: 450 18px/1.1 var(--fd); } .ps-sc-t small, .ps-sc-m small { font-size: 12.5px; color: var(--mut); }
.ps-sc-m { text-align: right; } .ps-sc-m b { display: block; font-size: 15px; }
.ps-fx { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.ps-fc { position: relative; display: grid; gap: 5px; cursor: pointer; font-size: 13px; font-weight: 600; text-align: center; }
.ps-fc input { position: absolute; opacity: 0; }
.ps-fsw { aspect-ratio: 1; border-radius: 3px; transition: box-shadow .15s; }
.ps-fc:has(input:checked) .ps-fsw { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px var(--ink); }
.ps-fc.off { opacity: .4; cursor: help; }
.ps-pv { margin-top: 14px; }
.ps-pv-i { position: relative; aspect-ratio: 1.3; border-radius: 6px; overflow: hidden; box-shadow: var(--sh2); }
.ps-pv-i .sl { position: absolute; inset: 0; }
.ps-pv-d { display: grid; grid-template-columns: 1fr 1fr; gap: 8px 14px; margin: 12px 0 0; font-size: 14px; }
.ps-pv-d .w { grid-column: 1 / -1; } .ps-pv-d dt { font-size: 12px; color: var(--mut); } .ps-pv-d dd { margin: 0; font-weight: 600; }
.ps-note, .ps-warn { display: flex; gap: 8px; align-items: flex-start; font-size: 14px; padding: 10px 12px; border-radius: 4px; background: #F6EFE6; color: #6b4a22; margin-top: 12px; }
.ps-note .ic, .ps-warn .ic { width: 17px; height: 17px; margin-top: 2px; }
.ps-bk-h { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; margin-bottom: 10px; }
.ps-bk-h h3, .ps-sl-h h3, .ps-plan-h h3 { font: 450 21px/1.1 var(--fd); } .ps-bk-h p, .ps-plan-h p { font-size: 13.5px; color: var(--mut); }
.ps-bl { display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 8px; }
.ps-bc { position: relative; display: grid; grid-template-columns: 44px 1fr auto; grid-template-rows: auto auto; gap: 2px 10px; align-items: center; padding: 8px; border: 1px solid var(--line); border-radius: 6px; cursor: pointer; font-size: 13.5px; }
.ps-bc input { position: absolute; opacity: 0; }
.ps-bc:has(input:checked) { border-color: var(--vd); box-shadow: 0 0 0 1px var(--vd); background: var(--vdl); }
.ps-bc-a { grid-row: span 2; } .ps-bc-a .sl { width: 44px; height: 44px; border-radius: 2px; }
.ps-bc-t small, .ps-bc-m small { display: block; color: var(--mut); font-size: 12px; }
.ps-bc-m { text-align: right; } .ps-bc-k { grid-column: 2 / -1; font-size: 12px; color: var(--mut); }
.ps-bc .btag { font-size: 11.5px; padding: 3px 5px; }
.ps-bi { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 14px 0; padding: 12px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 13.5px; }
.ps-bi dt { font-size: 12px; color: var(--mut); } .ps-bi dd { margin: 0; font-weight: 600; }
.ps-sl-h { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 8px; align-items: baseline; margin-bottom: 10px; }
.ps-sl-h small { font: 450 13px var(--fb); color: var(--mut); margin-left: 6px; }
.ps-lg { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 12px; font-size: 12.5px; color: var(--mut); }
.ps-lg li { display: flex; gap: 5px; align-items: center; } .ps-lg i { width: 12px; height: 8px; display: inline-block; }
.lg-u { background: var(--vd); } .lg-f { background: #fff; box-shadow: inset 0 0 0 1px var(--line2); } .lg-r { background: repeating-linear-gradient(45deg, #ccc 0 2px, #fff 2px 4px); } .lg-b { height: 2px !important; background: var(--tr); }
.ps-slabs { list-style: none; margin: 0 0 18px; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(70px, 1fr)); gap: 7px; }
.ps-slabs li { position: relative; }
.ps-slabs button { display: block; width: 100%; padding: 0; border: 0; background: none; position: relative; }
.ps-slabs .sl { aspect-ratio: 1.64; border-radius: 2px; box-shadow: inset 0 0 0 1px rgb(0 0 0 / .06); transition: transform .18s; }
.ps-slabs button:hover .sl { transform: translateY(-2px); }
.ps-slabs li.use .sl { box-shadow: 0 0 0 2px var(--vd); }
.ps-slabs li.res .sl::before { content: ""; position: absolute; inset: 0; z-index: 2; background: repeating-linear-gradient(45deg, rgb(255 255 255 / .55) 0 4px, rgb(255 255 255 / .15) 4px 8px); }
.ps-slabs li.pb::after { content: ""; position: absolute; left: -7px; width: 7px; bottom: -4px; height: 2px; background: var(--tr); }
.ps-plan { padding: 16px; border-radius: 8px; background: var(--fog); }
.ps-plan-h { display: grid; gap: 4px; margin-bottom: 12px; }
.ps-svg svg { width: 100%; height: auto; display: block; }
.pl-t { font-weight: 700; fill: var(--ink); } .pl-d { fill: var(--mut); }
.pl-p { fill: rgb(255 255 255 / .12); stroke: #fff; stroke-width: .9; }
.pl-o { fill: none; stroke: var(--ink); stroke-width: .6; }
.pl-l { font-weight: 700; fill: #161616; paint-order: stroke; stroke: #fff; stroke-width: 2px; } .pl-m { fill: #161616; paint-order: stroke; stroke: #fff; stroke-width: 1.6px; }
.pl-v path { stroke: #fff; fill: none; stroke-width: 1; } .pl-v text { fill: #fff; }
.ps-more { font-size: 13.5px; color: var(--mut); margin-top: 8px; }
.ps-card { border-radius: 8px; background: #fff; box-shadow: var(--sh3); padding: 20px; border: 1px solid var(--line); }
.ps-ap { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.ps-apc { position: relative; cursor: pointer; } .ps-apc input { position: absolute; opacity: 0; }
.ps-apc span { display: flex; align-items: center; gap: 8px; padding: 10px; border-radius: 4px; border: 1px solid var(--line); font-weight: 600; font-size: 14.5px; }
.ps-apc input:checked + span { background: var(--ink); color: #fff; border-color: var(--ink); }
.ps-apc input:focus-visible + span { outline: 2px solid var(--vd); outline-offset: 2px; }
.ps-apc.off { opacity: .4; cursor: help; }
.ps-in { display: grid; gap: 12px; margin-bottom: 16px; }
.ps-mode { display: inline-flex; border: 1px solid var(--line2); border-radius: 4px; overflow: hidden; width: max-content; }
.ps-mode label { position: relative; cursor: pointer; } .ps-mode input { position: absolute; opacity: 0; }
.ps-mode span { display: block; padding: 8px 12px; font-size: 14px; font-weight: 600; }
.ps-mode input:checked + span { background: var(--ink); color: #fff; }
.ps-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ps-tg { display: grid; gap: 8px; }
.ps-res { border-top: 1px solid var(--line); padding-top: 14px; display: grid; gap: 14px; }
.ps-big { display: flex; align-items: center; gap: 14px; }
.ps-bn { font: 300 64px/1 var(--fd); letter-spacing: -.04em; font-variant-numeric: tabular-nums; }
.ps-bt b { display: block; font: 450 19px/1.1 var(--fd); } .ps-bt small { font-size: 13px; color: var(--mut); }
.ps-kv { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 14px; margin: 0; font-size: 14px; }
.ps-kv dt { font-size: 12px; color: var(--mut); } .ps-kv dd { margin: 0; font-weight: 650; display: grid; gap: 4px; }
.ps-fb { display: block; height: 4px; background: var(--fog2); } .ps-fb i { display: block; height: 100%; background: var(--vd); transition: width .4s var(--ease); } .ps-fb.hi i { background: #b0682f; }
.ps-ct { padding: 12px; border-radius: 6px; background: var(--fog); font-size: 13px; color: var(--mut); display: grid; gap: 8px; }
.ps-ct-h { display: flex; justify-content: space-between; align-items: center; color: var(--ink); font-size: 14px; } .ps-ct-h span { display: flex; gap: 8px; align-items: center; } .ps-ct-h .ic { width: 17px; height: 17px; }
.ps-ct-b { height: 6px; background: #fff; } .ps-ct-b i { display: block; height: 100%; background: var(--tr); transition: width .4s var(--ease); }
.ps-pr { display: grid; gap: 2px; } .ps-pr span { font-size: 12.5px; color: var(--mut); } .ps-pr b { font: 450 26px/1.1 var(--fd); } .ps-pr small { font-size: 12.5px; color: var(--mut); }
.ps-cta { display: grid; gap: 8px; margin-top: 16px; } .ps-cta2 { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.ps-cta .btn { font-size: 14.5px; } .ps-fine { font-size: 12.5px; color: var(--mut); margin-top: 10px; }
.ib { width: 40px; height: 40px; border-radius: 4px; border: 1px solid var(--line2); background: #fff; display: grid; place-items: center; }
.lb-in { display: grid; grid-template-columns: 1.6fr 1fr; }
.lb-st { position: relative; min-height: 420px; } .lb-im, .lb-im .sl { position: absolute; inset: 0; }
.lb-side { padding: 22px; display: grid; gap: 12px; align-content: start; }
.lb-k { font-size: 13px; color: var(--mut); } .lb-side h3 { font: 420 26px/1.1 var(--fd); }
.lb-side dl { display: grid; gap: 8px; margin: 0; font-size: 14.5px; } .lb-side dl div { display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); padding-bottom: 6px; } .lb-side dt { color: var(--mut); } .lb-side dd { margin: 0; font-weight: 600; text-align: right; }
.lb-nav { display: flex; align-items: center; gap: 12px; }
.qf { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 40px; margin-top: 56px; padding-top: 48px; border-top: 1px solid var(--ink); }
.qf-sum h3, .qf-f h3 { font: 420 30px/1.1 var(--fd); margin-bottom: 10px; }
.qf-sp { color: var(--ink2); font-size: 15px; margin-bottom: 14px; }
.qf-art { position: relative; } .qf-pair { display: grid; grid-template-columns: 1fr 1fr; aspect-ratio: 1.6; border-radius: 4px; overflow: hidden; } .qf-pair .sl { height: 100%; }
.qf-cap { display: block; font-size: 13px; color: var(--mut); margin-top: 6px; }
.qf-dl { display: grid; gap: 6px; margin: 14px 0; font-size: 14.5px; } .qf-dl div { display: flex; justify-content: space-between; gap: 12px; border-bottom: 1px solid var(--line); padding-bottom: 6px; } .qf-dl dt { color: var(--mut); } .qf-dl dd { margin: 0; font-weight: 600; text-align: right; }
.qf-n { display: flex; gap: 8px; font-size: 14px; color: var(--vd); } .qf-n .ic { width: 17px; height: 17px; }

@media (max-width: 1280px) { .ps-g { grid-template-columns: minmax(0, 1fr) minmax(300px, .8fr); } .ps-m { grid-column: 1 / -1; } .ps-a { order: 1; } .ps-r { order: 2; } .ps-m { order: 3; } }
@media (max-width: 959px) {
  main.spl { display: block; }
  main.spl > * { padding-left: 20px; padding-right: 20px; }
  main.spl > .pn { padding: 0; }
  .pn-st { position: relative; top: 0; height: auto; }
  .pn-img { aspect-ratio: 4/3; }
  .pn-card { padding: 22px 20px; }
  .pn-f dd { font-size: 20px; }
  .pn { display: block; }
  main.spl > .ph { padding-top: 26px; }
  .ph h1 { font-size: clamp(42px, 12vw, 58px); }
  .ph-lead { font-size: 18px; }
  main.spl > section:not(.ph) { padding-top: 40px; padding-bottom: 40px; }
  .ps-g { grid-template-columns: 1fr; } .ps-r { position: static; } .ps-fx { grid-template-columns: repeat(5, 1fr); }
  .qf { grid-template-columns: 1fr; gap: 24px; }
  .fm-2, .qf-g, .how-g { grid-template-columns: 1fr; }
  .flt { grid-template-columns: 1fr; gap: 6px; }
  .sa li { grid-template-columns: 34px 1fr; } .sa p, .sa .sa-s { grid-column: 2; grid-row: auto; margin: 0; } .sa .lnk { grid-column: 2; }
  .pr { grid-template-columns: 1fr; } .pr-a { max-width: 220px; }
  .bk-d { grid-template-columns: 1fr 1fr; } .bk-h { grid-template-columns: auto 1fr; } .bk-go { grid-column: 1 / -1; }
  .lb-in { grid-template-columns: 1fr; }
  .spj a { grid-template-columns: 120px 1fr; } .spj img { width: 120px; height: 90px; }
  .pjr-d { grid-template-columns: 1fr 1fr; }
  .ps-bi { grid-template-columns: 1fr 1fr; }
  .tool .pn-st { min-height: 0; }
}
/* ortak kitin yuvarlak varsayılanları köşeliye çevrilir */
.ui-cip, .ui-cip span { border-radius: 3px !important; }
.ui-takvim-git { border-radius: 4px !important; }
.ui-takvim-gun { border-radius: 3px !important; }
.ui-cip:has(input:checked), .ui-cip[aria-pressed="true"], .ui-cip.secili { background: var(--ink); color: #fff; }