/* /fiyatlar — yalnız token; hex ve px yazı boyu yok. Sıra: token.css, bilesen.css, fiyat.css */
.f-bolum{padding-block:var(--b-7) var(--b-8)}
.f-baslik{font-size:var(--y-7)}
.f-uyari{margin-top:var(--b-4);padding:var(--b-3) var(--b-4);border-radius:var(--k-2);background:var(--hata-acik);color:var(--hata);font-weight:600;font-size:var(--y-1)}
.f-izgara{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:var(--b-6);margin-top:var(--b-6);align-items:start}
.f-ara{display:flex;align-items:center;justify-content:space-between;gap:var(--b-3);flex-wrap:wrap;margin-bottom:var(--b-4)}
.f-ara h2,.f-ozet h2,.f-kutu h2{font-size:var(--y-5);line-height:var(--sy-baslik)}
.f-hatlar{list-style:none;margin:0;padding:0;display:grid;gap:var(--b-3)}
.f-hat{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:var(--b-4);align-items:center;min-height:76px;padding:var(--b-4) var(--b-4);background:var(--kagit);border:var(--c-ince);border-radius:var(--k-3);cursor:pointer;transition:border-color var(--h-kisa) var(--e-gecis),background-color var(--h-kisa) var(--e-gecis)}
.f-hat:hover{border-color:var(--cizgi-koyu)}
.f-hat input{position:absolute;opacity:0;width:44px;height:44px;margin:0;cursor:pointer;left:var(--b-3);top:50%;translate:0 -50%}
.f-hat .kutu{width:28px;height:28px;border-radius:var(--k-2);border:2px solid var(--metin-3);display:grid;place-items:center;color:transparent;background:var(--kagit);transition:background-color var(--h-kisa) var(--e-gecis)}
.f-hat input:checked~.kutu{background:var(--bordo);border-color:var(--bordo);color:var(--kagit)}
.f-hat:has(input:checked){border-color:var(--bordo);background:var(--bordo-acik)}
.f-hat input:focus-visible~.kutu{outline:var(--c-vurgu);outline-offset:2px}
.f-hat .metin b{display:block;font-size:var(--y-2);line-height:var(--sy-baslik)}
.f-hat .metin small{display:block;font-size:var(--y-1);color:var(--metin-2);line-height:1.4}
.f-hat .tl{text-align:right;white-space:nowrap}
.f-hat .tl b{font-family:var(--a-kunye);font-size:var(--y-4);font-weight:500;color:var(--bordo)}
.f-hat .tl .f-teklifle{font-family:var(--a-govde);font-size:var(--y-1);font-weight:600;color:var(--metin-2)}
.f-hat .tl small{display:block;font-size:var(--y-0);color:var(--metin-2)}
.f-hat-bag{display:inline-flex;align-items:center;min-height:44px;padding-inline:var(--b-4);font-size:var(--y-1);font-weight:600}
.f-kademe{list-style:none;margin:var(--b-4) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--b-3)}
.f-kademe li{display:flex;flex-direction:column;gap:2px;padding:var(--b-3) var(--b-4);border:1.5px dashed var(--cizgi-koyu);border-radius:var(--k-2);font-size:var(--y-1);color:var(--metin-2);transition:background-color var(--h-kisa) var(--e-gecis)}
.f-kademe li b{font-size:var(--y-1);color:var(--murekkep)}
.f-kademe li.aktif{background:var(--altin-acik);border:1.5px solid var(--altin-metin);color:var(--altin-metin)}
.f-ozet{background:var(--kagit);border:var(--c-ince);border-radius:var(--k-3);padding:var(--b-5);display:flex;flex-direction:column;gap:var(--b-4)}
.f-ozet [hidden]{display:none!important}
.f-donem{display:grid;grid-template-columns:1fr 1fr;gap:var(--b-1);padding:var(--b-1);background:var(--kum-2);border-radius:var(--k-3)}
.f-donem label{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;border-radius:var(--k-2);cursor:pointer;font-weight:600;font-size:var(--y-1);line-height:1.2;padding:var(--b-1) var(--b-2)}
.f-donem input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer;width:100%;height:100%}
.f-donem em{font-style:normal;font-size:var(--y-0);font-weight:400;color:var(--metin-2)}
.f-donem label:has(input:checked){background:var(--bordo);color:var(--kagit)}
.f-donem label:has(input:checked) em{color:var(--bordo-acik)}
.f-donem label:has(input:focus-visible){outline:var(--c-vurgu);outline-offset:1px}
.f-satir{margin:0;display:grid;gap:var(--b-2)}
.f-satir>div{display:flex;justify-content:space-between;gap:var(--b-3);align-items:baseline;font-size:var(--y-1)}
.f-satir dt{color:var(--metin-2)}
.f-satir dt small{font-size:var(--y-0)}
.f-satir dd{margin:0;font-family:var(--a-kunye);font-weight:500;text-align:right}
.f-satir .yil{padding-top:var(--b-2);border-top:var(--c-ince)}
.f-bos{font-size:var(--y-1);color:var(--hata);font-weight:600}
.f-buyuk{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--b-1) var(--b-3);padding-block:var(--b-4);border-top:var(--c-murekkep)}
.f-buyuk span{flex:1 0 100%;font-size:var(--y-1);font-weight:600}
.f-sayi{font-family:var(--a-kunye);font-size:var(--y-7);line-height:1;font-weight:500;color:var(--bordo);font-variant-numeric:tabular-nums}
.f-buyuk small{font-size:var(--y-1);color:var(--metin-2)}
.f-teklif-not{padding-block:var(--b-4);border-top:var(--c-murekkep);font-size:var(--y-2);font-weight:600;color:var(--murekkep)}
.f-eylem{display:flex;flex-direction:column;gap:var(--b-3)}
.f-eylem .dugme{min-height:52px}
.f-ozet[data-kip="teklif"] #f-teklif,.f-ozet[data-kip="bos"] #f-teklif{order:-1}
.f-ozet[data-kip="bos"] #f-teklif.ikincil{order:0}
.f-eylem .f-hesapla{order:5}
.js .f-hesapla{display:none}
.f-not{font-size:var(--y-1);color:var(--metin-2);text-align:center}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.f-ikinci{padding-block:var(--b-7)}
.f-iki{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--b-5);align-items:stretch}
.f-sube-kap{margin-top:var(--b-5)}
.f-kutu{display:flex;flex-direction:column;gap:var(--b-4);align-items:flex-start;padding:var(--b-6);background:var(--kum);border:var(--c-ince);border-radius:var(--k-3)}
.f-kutu p{font-size:var(--y-2);color:var(--metin-2)}
.f-sinir{font-family:var(--a-kunye);font-size:var(--y-3);color:var(--bordo);font-weight:500;background:var(--bordo-acik);padding:var(--b-2) var(--b-3);border-radius:var(--k-2)}
.f-liste{margin:0;padding-left:var(--b-5);display:grid;gap:var(--b-2);font-size:var(--y-2);color:var(--metin-2)}
.f-sube{width:100%;background:var(--altin-acik);border-color:var(--altin-metin)}
.f-sube p{color:var(--murekkep)}
.f-sube .f-ara{margin:0}
@media (max-width:900px){
 .f-izgara{grid-template-columns:minmax(0,1fr)}
 .f-iki{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
 .f-bolum{padding-block:var(--b-6) var(--b-7)}
 .f-hat{grid-template-columns:28px minmax(0,1fr);gap:var(--b-1) var(--b-3)}
 .f-hat .tl{grid-column:2;text-align:left}
 .f-hat .tl small{display:inline;margin-left:var(--b-1)}
 .f-kademe{grid-template-columns:minmax(0,1fr)}
 .f-kademe li{flex-direction:row;justify-content:space-between;align-items:center}
 .f-ozet,.f-kutu{padding:var(--b-4)}
}
@media (prefers-reduced-motion:reduce){.f-hat,.f-kademe li,.f-hat .kutu{transition:none}}
