/* saltlikit.it.com · uzman katalog. Elle yazıldı; çerçeve yok. */
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Manrope";font-style:normal;font-weight:400 800;font-display:swap;src:url(fonts/manrope-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

:root{
  --zemin:#E9EEF2; --panel:#FFFFFF; --gorsel:#E4EAF0; --cizgi:#C9D5E0; --cizgi-ince:#DDE5EC;
  --lacivert:#0F2A44; --lacivert-2:#1B3D5F; --gri:#4A6075; --soluk:#52667A;
  --mercan:#E9684A; --mercan-yazi:#A9432B; --yesil:#2E7D5B;
  --font:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --kenar:16px; --en:1280px;
}
@media (min-width:700px){:root{--kenar:32px}}
@media (min-width:1200px){:root{--kenar:48px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:16px}
body{margin:0;background:var(--zemin);color:var(--lacivert);font:500 1rem/1.6 var(--font);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-underline-offset:.18em}
:focus-visible{outline:3px solid var(--mercan);outline-offset:2px}
h1,h2,h3{margin:0;line-height:1.15;letter-spacing:-.02em}
p{margin:0 0 1em}
.gizli,.bal{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;left:-9999px}
.atla{position:absolute;left:-9999px;background:var(--lacivert);color:#fff;padding:12px;z-index:9}
.atla:focus{left:8px;top:8px}
.ust-etiket{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--mercan-yazi);margin:0 0 12px}
.ust-etiket a{text-decoration:none}
.ust-etiket a:hover{text-decoration:underline}

/* üst */
.yas-serit{margin:0;background:#0B1F33;color:#D9E3EC;font-size:.75rem;padding:6px var(--kenar);display:flex;gap:10px;align-items:center;justify-content:center;line-height:1.35;text-align:center}
.yas-rozet{border:1px solid var(--mercan);color:#FFB7A6;font-weight:800;padding:0 5px;font-size:.6875rem;flex:none}
.ust{background:var(--panel);border-bottom:1px solid var(--cizgi)}
.ust-ic{max-width:var(--en);margin:0 auto;padding:10px var(--kenar);display:flex;align-items:center;gap:20px}
.logo{display:inline-flex;align-items:center;min-height:44px;margin-right:auto}
.logo img{width:124px}
.ust-not{display:none;margin:0;font-size:.8125rem;font-weight:600;color:var(--gri);border:1px solid var(--cizgi);padding:6px 10px}
.sepet-dugme{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--lacivert);text-decoration:none;font-weight:700;font-size:.875rem}
.sepet-dugme:hover{background:var(--lacivert);color:#fff}
.sepet-sayi{background:var(--mercan);color:var(--lacivert);font-weight:800;min-width:22px;height:22px;display:inline-grid;place-items:center;padding:0 5px;font-size:.75rem}
.sepet-sayi[hidden]{display:none}
@media (min-width:860px){.ust-not{display:block}.logo img{width:138px}}
.sekme{border-top:1px solid var(--cizgi-ince)}
.sekme ul{list-style:none;margin:0 auto;padding:0 var(--kenar);max-width:var(--en);display:flex;gap:24px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.sekme ul::-webkit-scrollbar{display:none}
.sekme a{display:inline-flex;align-items:center;min-height:46px;text-decoration:none;font-weight:700;font-size:.9375rem;color:var(--gri);border-bottom:3px solid transparent;margin-bottom:-1px}
.sekme a:hover{color:var(--lacivert);border-bottom-color:var(--cizgi)}
.sekme a[aria-current=page]{color:var(--lacivert);border-bottom-color:var(--mercan)}
.feragat{max-width:var(--en);margin:0 auto;padding:10px var(--kenar);font-size:.875rem;color:var(--gri)}
.kirinti{max-width:var(--en);margin:0 auto;padding:14px var(--kenar) 0}
.kirinti ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;font-size:.8125rem;color:var(--soluk);font-weight:600}
.kirinti li+li::before{content:"›";margin:0 8px}
.kirinti a{display:inline-block;padding:6px 0}
main{max-width:var(--en);margin:0 auto;padding:0 var(--kenar) 48px}

/* ana: başlık paneli */
.bas-panel{display:grid;gap:16px;padding:24px 0 16px}
.bas-metin{padding:8px 0}
.bas-metin h1{font-size:clamp(2.1rem,6.4vw,3.7rem);font-weight:800;letter-spacing:-.035em;line-height:1.02}
.bas-metin h1 span{display:block;font-weight:500;color:var(--lacivert-2)}
.giris{max-width:54ch;margin-top:18px;color:var(--gri);font-size:1.0625rem}
.bas-dugmeler{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.spek{background:var(--panel);border:1px solid var(--cizgi);align-self:start}
.spek h2{background:var(--lacivert);color:#fff;font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;padding:12px 16px;font-weight:700}
.spek dl{margin:0;padding:4px 16px}
.spek dl div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--cizgi-ince);font-size:.9375rem}
.spek dl div:last-child{border-bottom:0}
.spek dt{color:var(--gri);font-weight:600}
.spek dd{margin:0;font-weight:800;text-align:right}
.spek-not{margin:0;padding:10px 16px;border-top:1px dashed var(--cizgi);font-size:.8125rem;color:var(--soluk)}
@media (min-width:900px){.bas-panel{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:56px;padding:56px 0 32px;align-items:center}}

.bolum-baslik{font-size:1.25rem;font-weight:800;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 12px}
.bolum-baslik small{font-size:.8125rem;font-weight:600;color:var(--soluk);letter-spacing:0}
.bolum-ust{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px}
.ok-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-weight:700;font-size:.9375rem;text-decoration:none;color:var(--lacivert)}
.ok-link::after{content:"→";color:var(--mercan-yazi)}
.ok-link:hover{text-decoration:underline}
.ok-link.geri::after{content:none}

/* skala */
.skala{background:var(--panel);border:1px solid var(--cizgi);padding:18px 16px 16px;margin:8px 0 28px}
.skala-cubuk{position:relative;height:40px;margin-top:16px;background:repeating-linear-gradient(90deg,var(--cizgi-ince) 0 1px,transparent 1px 10%) var(--zemin);border:1px solid var(--cizgi)}
.bant{position:absolute;top:6px;bottom:6px;left:var(--bas);width:calc(var(--son) - var(--bas))}
.bant-normal{background:#8EA6BC}
.bant-salt{background:var(--mercan)}
.skala-cetvel{list-style:none;margin:0;padding:0;position:relative;height:22px;font-size:.75rem;font-weight:700;color:var(--soluk)}
.skala-cetvel li{position:absolute;left:var(--x);top:4px;transform:translateX(-50%)}
.skala-cetvel li:first-child{transform:none}
.skala-cetvel li:last-child{transform:translateX(-100%)}
.skala-anahtar{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;font-size:.9375rem;color:var(--gri)}
.skala-anahtar b{color:var(--lacivert)}
.renk{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:8px}
.renk-normal{background:#8EA6BC}.renk-salt{background:var(--mercan)}
@media (min-width:900px){.skala{padding:22px 24px 20px}.skala-anahtar{grid-template-columns:1fr 1fr}}

/* katalog */
.katalog-bolum{margin-bottom:32px}
.katalog{background:var(--panel);border:1px solid var(--cizgi)}
.filtre{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;padding:12px;border-bottom:1px solid var(--cizgi);background:#F6F8FA}
.filtre-baslik{font-size:.75rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--gri)}
.mg-dugmeler{display:flex;flex-wrap:wrap;border:1px solid var(--lacivert)}
.mg-dugme{font:700 .875rem var(--font);min-height:44px;min-width:56px;padding:0 12px;border:0;border-right:1px solid var(--cizgi);background:var(--panel);color:var(--lacivert);cursor:pointer;font-variant-numeric:tabular-nums}
.mg-dugme:last-child{border-right:0}
.mg-dugme:hover{background:var(--zemin)}
.mg-dugme[aria-pressed=true]{background:var(--lacivert);color:#fff}
.stok-filtre{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:600;font-size:.9375rem;cursor:pointer}
.filtre-sonuc{margin:0 0 0 auto;font-size:.8125rem;font-weight:700;color:var(--soluk)}
.filtre-bos{padding:24px 16px;margin:0;color:var(--gri);font-weight:600}
.satir-baslik{display:none}
.satirlar{display:grid}
.satir{display:grid;grid-template-columns:76px minmax(0,1fr);grid-template-areas:"g ad" "g mg" "g fiyat";gap:6px 14px;padding:14px 12px;border-bottom:1px solid var(--cizgi-ince);position:relative;background:var(--panel)}
.satir:last-child{border-bottom:0}
.satir[hidden]{display:none}
.satir:hover{background:#F6F8FA;box-shadow:inset 3px 0 0 var(--mercan)}
.satir-gorsel{grid-area:g;align-self:start;background:var(--gorsel);border:1px solid var(--cizgi-ince)}
.satir-gorsel img{width:100%;aspect-ratio:1;object-fit:contain}
.satir-ad{grid-area:ad;min-width:0}
.satir-marka{display:block;font-size:.75rem;font-weight:800;letter-spacing:.08em;color:var(--mercan-yazi)}
.satir h3{font-size:1rem;font-weight:700;letter-spacing:-.01em;line-height:1.3}
.satir h3 a{text-decoration:none}
.satir h3 a::after{content:"";position:absolute;inset:0}
.satir h3 a:hover{text-decoration:underline}
.satir-mg{grid-area:mg;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.satir-hacim{display:none}
.mg{display:inline-flex;align-items:baseline;gap:2px;border:1px solid #9FB2C4;padding:1px 6px;font-weight:800;font-size:.8125rem;line-height:1.5;background:var(--panel)}
.mg small{font-weight:600;font-size:.6875rem;color:var(--soluk)}
.mg-bos{font-weight:600;color:var(--soluk);border-style:dashed}
.etiket{display:inline-block;background:var(--zemin);padding:1px 7px;font-size:.8125rem;font-weight:700}
.satir-fiyat{grid-area:fiyat;display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.tutar{font-weight:800;font-size:1.0625rem}
.tutar s{font-weight:500;color:var(--soluk);font-size:.875rem;margin-right:4px}
.satir-stok{font-size:.8125rem;font-weight:700;display:inline-flex;align-items:center;gap:6px}
.satir-stok::before{content:"";width:8px;height:8px;background:currentColor}
.satir-stok.var{color:var(--yesil)}
.satir-stok.yok{color:var(--soluk)}
.satir-yok .satir-gorsel img{opacity:.5}
@media (min-width:900px){
  .satir-baslik{display:grid;text-align:left;grid-template-columns:72px minmax(0,2.4fr) minmax(0,1.3fr) 90px minmax(0,1fr);gap:20px;padding:8px 16px;font-size:.6875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk);border-bottom:1px solid var(--cizgi)}
  .satir{grid-template-columns:72px minmax(0,2.4fr) minmax(0,1.3fr) 90px minmax(0,1fr);grid-template-areas:"g ad mg hacim fiyat";gap:20px;align-items:center;padding:12px 16px}
  .satir-gorsel{align-self:center}
  .satir-hacim{display:block;grid-area:hacim}
  .satir-fiyat{flex-direction:column;align-items:flex-end;gap:2px}
}
.bos-panel{background:var(--panel);border:1px dashed var(--cizgi);padding:28px 20px;color:var(--gri)}
.bos-baslik{font-weight:800;font-size:1.125rem;color:var(--lacivert);margin-bottom:6px}
.bos-panel a{color:var(--lacivert);font-weight:700}

.markalar{margin:8px 0 32px}
.markalar ul{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.markalar a{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:0 14px;background:var(--panel);border:1px solid var(--cizgi);text-decoration:none;font-weight:700}
.markalar a b{font-size:.8125rem;color:var(--soluk)}
.markalar a:hover,.markalar a[aria-current=page]{border-color:var(--lacivert);box-shadow:inset 0 -3px 0 var(--mercan)}

.yazi-listesi{list-style:none;margin:0;padding:0;background:var(--panel);border:1px solid var(--cizgi)}
.yazi-listesi li+li{border-top:1px solid var(--cizgi-ince)}
.yazi-listesi a{display:grid;gap:2px 16px;padding:14px 16px;text-decoration:none;min-height:48px}
.yazi-listesi time{font-size:.75rem;font-weight:700;color:var(--soluk)}
.yazi-listesi span{font-weight:700}
.yazi-listesi small{color:var(--gri);font-size:.875rem;font-weight:500}
.yazi-listesi a:hover span{text-decoration:underline}
@media (min-width:760px){.yazi-listesi a{grid-template-columns:110px 1fr}.yazi-listesi small{grid-column:2}}

/* düğmeler, formlar */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;background:var(--lacivert);color:#fff;border:1px solid var(--lacivert);font:800 .9375rem var(--font);text-decoration:none;cursor:pointer;letter-spacing:.01em}
.dugme:hover{background:var(--lacivert-2)}
.dugme:disabled{background:var(--cizgi-ince);border-color:var(--cizgi);color:var(--soluk);cursor:not-allowed}
.dugme-cizgi{background:transparent;color:var(--lacivert)}
.dugme-cizgi:hover{background:var(--panel)}
.alan{display:grid;gap:6px;min-width:0}
.alan>span{font-size:.8125rem;font-weight:700;color:var(--gri)}
input,select,textarea{font:600 1rem var(--font);color:var(--lacivert);background:var(--panel);border:1px solid #9FB2C4;border-radius:2px;min-height:48px;padding:10px 12px;width:100%}
textarea{resize:vertical}
input:hover,select:hover,textarea:hover{border-color:var(--lacivert)}
input[type=checkbox],input[type=radio]{width:20px;height:20px;min-height:0;padding:0;margin:0;accent-color:var(--lacivert);flex:none}

/* ürün */
.urun-ust{display:grid;gap:24px;padding:16px 0 32px}
.urun-gorsel{min-width:0}
.galeri{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;background:var(--gorsel);border:1px solid var(--cizgi);scrollbar-width:none}
.galeri::-webkit-scrollbar{display:none}
.galeri figure{margin:0;flex:0 0 100%;scroll-snap-align:start}
.galeri img{width:100%;aspect-ratio:1;object-fit:contain}
.galeri-kucuk{list-style:none;margin:8px 0 0;padding:0;display:flex;gap:6px;flex-wrap:wrap}
.galeri-kucuk a{display:block;width:56px;height:56px;border:1px solid var(--cizgi);background:var(--gorsel)}
.galeri-kucuk a:hover{border-color:var(--lacivert)}
.galeri-kucuk img{width:100%;height:100%;object-fit:contain}
.urun-bilgi h1{font-size:clamp(1.75rem,4.4vw,2.6rem);font-weight:800;letter-spacing:-.03em}
.ozet{color:var(--gri);margin-top:12px;max-width:60ch}
.teknik{display:grid;grid-template-columns:1fr 1fr;margin:20px 0;background:var(--panel);border:1px solid var(--cizgi)}
.teknik div{padding:10px 12px;border-bottom:1px solid var(--cizgi-ince);border-right:1px solid var(--cizgi-ince);min-width:0}
.teknik div:nth-child(2n){border-right:0}
.teknik dt{font-size:.6875rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--soluk)}
.teknik dd{margin:4px 0 0;font-weight:700;display:flex;flex-wrap:wrap;gap:4px}
.satin{background:var(--panel);border:1px solid var(--cizgi);border-top:3px solid var(--lacivert);padding:16px;display:grid;gap:14px}
.satin-fiyat{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 14px}
.fiyat{font-size:1.875rem;font-weight:800;margin:0;letter-spacing:-.02em}
.fiyat s{font-size:1rem;color:var(--soluk);font-weight:500}
.havale{margin:0;font-weight:700;color:var(--mercan-yazi);font-size:.9375rem}
.stok-kutu{margin:0;font-size:.875rem;font-weight:800}
.stok-kutu span::before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;background:currentColor}
.stok-var{color:var(--yesil)}.stok-yok{color:var(--soluk)}
.sepet-form{display:grid;gap:14px}
.secenek{border:0;margin:0;padding:0;min-width:0}
.secenek legend{font-size:.8125rem;font-weight:700;color:var(--gri);padding:0;margin-bottom:8px}
.cip-grup{display:flex;flex-wrap:wrap;gap:6px}
.cip{position:relative;cursor:pointer}
.cip input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.cip span{display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:64px;justify-content:center;padding:0 14px;border:1px solid #9FB2C4;font-weight:800;background:var(--panel)}
.cip:hover span{border-color:var(--lacivert)}
.cip input:checked+span{background:var(--lacivert);color:#fff;border-color:var(--lacivert)}
.cip input:focus-visible+span{outline:3px solid var(--mercan);outline-offset:2px}
.cip-yok span{color:var(--soluk);text-decoration:line-through;border-style:dashed;cursor:not-allowed}
.form-alt{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:end}
.adet input{text-align:center}
.uyari{margin:14px 0 0;padding:12px 14px;background:#FFF4F1;border-left:3px solid var(--mercan);font-size:.9375rem;color:var(--lacivert)}
.uyari a{font-weight:700}
@media (min-width:1000px){.urun-ust{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding-top:24px;align-items:start}.urun-gorsel{position:sticky;top:16px}}
.urun-alt{display:grid;gap:32px;padding:32px 0;border-top:1px solid var(--cizgi)}
@media (min-width:1000px){.urun-alt{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:56px}}
.icerik-metni{max-width:70ch;font-size:1.0625rem;font-weight:500;line-height:1.7}
.icerik-metni h2{font-size:1.4rem;font-weight:800;margin:1.6em 0 .5em}
.icerik-metni h2:first-child{margin-top:0}
.icerik-metni h3{font-size:1.125rem;font-weight:800;margin:1.4em 0 .4em}
.icerik-metni ul,.icerik-metni ol{padding-left:1.2em}
.icerik-metni li::marker{color:var(--mercan-yazi)}
.icerik-metni table{border-collapse:collapse;width:100%;font-size:.9375rem;background:var(--panel);display:block;overflow-x:auto}
.icerik-metni th,.icerik-metni td{border:1px solid var(--cizgi);padding:8px 10px;text-align:left}
.icerik-metni a{font-weight:700}
.panel-metin{background:var(--panel);border:1px solid var(--cizgi);padding:20px;max-width:820px}
.sss{align-self:start;background:var(--panel);border:1px solid var(--cizgi);padding:16px}
.sss h2{margin-bottom:8px}
.sss details{border-top:1px solid var(--cizgi-ince)}
.sss summary{cursor:pointer;list-style:none;min-height:48px;padding:12px 28px 12px 0;font-weight:700;position:relative}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:1.3rem;color:var(--mercan-yazi)}
.sss details[open] summary::after{content:"−"}
.sss details p{color:var(--gri);font-size:.9375rem}
.benzer{margin-top:8px}
.benzer .satirlar{background:var(--panel);border:1px solid var(--cizgi);margin-top:12px}

/* sayfa başlıkları */
.sayfa-bas{padding:24px 0 20px;max-width:820px}
.sayfa-bas h1{font-size:clamp(1.9rem,5vw,2.8rem);font-weight:800;letter-spacing:-.03em}
.sayfa-bas .aciklama{margin-top:14px}
.yazi-izgara{display:grid;gap:24px}
.icindekiler{background:var(--panel);border:1px solid var(--cizgi);padding:14px 16px;align-self:start}
.icindekiler h2{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:var(--soluk)}
.icindekiler ol{margin:8px 0 0;padding-left:1.2em}
.icindekiler li{padding:4px 0}.icindekiler a{font-weight:600}
@media (min-width:1000px){.yazi-izgara{grid-template-columns:240px minmax(0,1fr);gap:48px}.icindekiler{position:sticky;top:16px}}

/* sepet ve ödeme */
.kasa{display:grid;gap:20px}
@media (min-width:960px){.kasa{grid-template-columns:minmax(0,1fr) 340px;gap:32px;align-items:start}.kasa-ozet{position:sticky;top:16px}}
.kasa-ana{background:var(--panel);border:1px solid var(--cizgi);padding:4px 16px}
.sepet-satir{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:8px 14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--cizgi-ince)}
.sepet-satir:last-child{border-bottom:0}
.sepet-satir>a img{width:64px;height:64px;object-fit:contain;background:var(--gorsel)}
.sepet-satir>div:nth-child(2) a{font-weight:700;text-decoration:none}
.sepet-satir small{display:inline-block;margin-top:4px;border:1px solid #9FB2C4;padding:0 6px;font-weight:800;font-size:.75rem}
.sepet-satir strong{font-weight:800;text-align:right}
.sepet-satir .adet{grid-column:2;justify-self:start;display:inline-flex;align-items:center;border:1px solid #9FB2C4}
.sepet-satir .adet button{width:44px;height:44px;border:0;background:none;font-size:1.1rem;font-weight:800;color:var(--lacivert);cursor:pointer}
.sepet-satir .adet span{min-width:28px;text-align:center;font-weight:800}
.sepet-satir [data-sil]{grid-column:3;justify-self:end;min-height:44px;border:0;background:none;font:700 .8125rem var(--font);color:var(--mercan-yazi);cursor:pointer;text-decoration:underline}
.bos{padding:20px 0;margin:0;font-weight:700;color:var(--gri)}
.kasa-ozet{background:var(--panel);border:1px solid var(--cizgi);border-top:3px solid var(--mercan);padding:16px}
.kasa-ozet h2{font-size:.8125rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;margin-bottom:8px}
.kasa-ozet dl{display:grid;grid-template-columns:1fr auto;margin:0 0 16px}
.kasa-ozet dt,.kasa-ozet dd{margin:0;padding:8px 0;border-bottom:1px solid var(--cizgi-ince);font-weight:600}
.kasa-ozet dd{text-align:right;font-weight:800}
.kasa-ozet dt:last-of-type,.kasa-ozet dd:last-of-type{border-bottom:0;font-size:1.25rem;font-weight:800}
.kasa-ozet .dugme{width:100%}
.odeme-form{display:grid;gap:8px;padding:16px}
.odeme-form fieldset{border:0;border-bottom:1px solid var(--cizgi-ince);margin:0;padding:0 0 18px;display:grid;gap:14px;min-width:0}
.odeme-form legend{font-size:1.0625rem;font-weight:800;padding:8px 0 4px;float:left;width:100%}
.iki{display:grid;gap:14px}
@media (min-width:600px){.iki{grid-template-columns:1fr 1fr}}
.odeme-secenek{display:grid;gap:8px}
@media (min-width:600px){.odeme-secenek{grid-template-columns:1fr 1fr}}
.secim-kutu{display:flex;gap:12px;align-items:center;min-height:56px;padding:12px 14px;border:1px solid #9FB2C4;cursor:pointer}
.secim-kutu:has(input:checked){border-color:var(--lacivert);box-shadow:inset 0 0 0 1px var(--lacivert)}
.secim-kutu span{display:grid}
.secim-kutu small{color:var(--gri);font-weight:600}
.onay{display:flex;gap:12px;align-items:flex-start;padding:12px 0;font-size:.9375rem;font-weight:600}
.onay a{font-weight:800}
.odeme-form .dugme{width:100%}
[data-odeme-hata]{color:#B3261E;font-weight:800;margin:0}
@media (max-width:959px){.odeme-form+.kasa-ozet{order:-1}}
.sonuc{max-width:640px;padding:40px 0}
.sonuc h1{font-size:clamp(2rem,5vw,2.8rem);font-weight:800;margin-bottom:16px}
.havale-bilgi{background:var(--panel);border:1px solid var(--cizgi);border-left:3px solid var(--mercan);padding:16px;margin:16px 0}
.sonuc .dugme{margin-top:12px}

/* araç */
.arac-bas{padding:24px 0 8px;max-width:860px}
.arac-bas h1{font-size:clamp(1.9rem,5.2vw,3rem);font-weight:800;letter-spacing:-.03em}
.arac-bas p{color:var(--gri);font-size:1.0625rem;max-width:64ch;margin-top:12px}
.kiyas{background:var(--panel);border:1px solid var(--cizgi);margin:16px 0 32px}
.kiyas-tablo{width:100%;border-collapse:collapse;font-size:.9375rem}
.kiyas-tablo caption{text-align:left;padding:14px 16px;font-weight:800;font-size:1.0625rem;border-bottom:1px solid var(--cizgi)}
.kiyas-tablo th,.kiyas-tablo td{padding:12px 16px;text-align:left;vertical-align:top;border-bottom:1px solid var(--cizgi-ince)}
.kiyas-tablo thead th{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;background:#F6F8FA}
.kiyas-tablo thead th.salt-sutun{box-shadow:inset 0 3px 0 var(--mercan)}
.kiyas-tablo thead th.normal-sutun{box-shadow:inset 0 3px 0 #8EA6BC}
.kiyas-tablo tbody th{font-weight:700;color:var(--gri);width:24%}
.kiyas-tablo td{font-weight:600}
@media (max-width:699px){
  .kiyas-tablo thead{display:none}
  .kiyas-tablo tr{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--cizgi)}
  .kiyas-tablo tbody th{grid-column:1/-1;width:auto;padding:12px 14px 4px;border:0;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
  .kiyas-tablo td{padding:4px 14px 12px;border:0}
  .kiyas-tablo td::before{content:attr(data-baslik);display:block;font-size:.6875rem;font-weight:800;color:var(--soluk);letter-spacing:.06em;text-transform:uppercase;margin-bottom:2px}
  .kiyas-tablo td+td{border-left:1px solid var(--cizgi-ince)}
}
.akis-izgara{display:grid;gap:20px;margin-bottom:32px}
@media (min-width:1000px){.akis-izgara{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px;align-items:start}.akis-sonuc-kap{position:sticky;top:16px}}
.akis{background:var(--panel);border:1px solid var(--cizgi);border-top:3px solid var(--lacivert);padding:16px}
.akis fieldset{border:0;margin:0 0 16px;padding:0;min-width:0}
.akis fieldset[hidden]{display:none}
.akis legend{font-weight:800;font-size:1.0625rem;margin-bottom:10px;display:flex;gap:10px;align-items:baseline}
.akis legend b{display:inline-grid;place-items:center;width:26px;height:26px;background:var(--lacivert);color:#fff;font-size:.8125rem;flex:none}
.akis-secenek{display:grid;gap:6px}
.akis-secenek label{display:flex;gap:12px;align-items:center;min-height:52px;padding:10px 14px;border:1px solid #9FB2C4;cursor:pointer;font-weight:600}
.akis-secenek label small{display:block;color:var(--soluk);font-weight:500;font-size:.8125rem}
.akis-secenek label:has(input:checked){border-color:var(--lacivert);background:#F2F5F8;box-shadow:inset 3px 0 0 var(--mercan)}
.akis-sonuc{background:var(--lacivert);color:#fff;padding:20px}
.akis-sonuc:focus{outline:none}
.akis-sonuc h3{font-size:1.375rem;font-weight:800;margin-bottom:8px}
.akis-sonuc .mg-aralik{display:inline-block;background:var(--mercan);color:var(--lacivert);font-weight:800;padding:2px 10px;margin-bottom:12px}
.akis-sonuc p{color:#DCE6EF}
.akis-sonuc a{color:#fff;font-weight:800}
.akis-bekle{background:var(--panel);border:1px dashed var(--cizgi);padding:20px;color:var(--gri);font-weight:600}
.senaryolar{display:grid;gap:12px;margin:12px 0 32px}
@media (min-width:760px){.senaryolar{grid-template-columns:1fr 1fr}}
.senaryo{background:var(--panel);border:1px solid var(--cizgi);padding:16px}
.senaryo h3{font-size:1.0625rem;font-weight:800;margin-bottom:6px}
.senaryo .mg-aralik{display:inline-block;border:1px solid var(--mercan);color:var(--mercan-yazi);font-weight:800;padding:0 8px;margin-bottom:8px;font-size:.875rem}
.senaryo p{color:var(--gri);font-size:.9375rem;margin-bottom:.6em}
.senaryo a{font-weight:700}
.arac-not{font-size:.875rem;color:var(--soluk);max-width:70ch}
.ghost{display:none}

/* bildirim */
[data-bildirim]{position:fixed;left:16px;right:16px;bottom:16px;max-width:420px;margin:0 auto;background:var(--lacivert);color:#fff;padding:14px 16px;font-weight:800;border-left:4px solid var(--mercan);transform:translateY(20px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:20}
[data-bildirim].acik{opacity:1;transform:none}

/* alt */
.alt{background:var(--lacivert);color:#D3DEE8;margin-top:24px}
.alt-ic{max-width:var(--en);margin:0 auto;padding:36px var(--kenar) 16px;display:grid;gap:24px}
@media (min-width:760px){.alt-ic{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.alt-marka img{filter:brightness(0) invert(1);width:124px}
.alt-marka p{margin-top:10px;font-size:.875rem}
.alt h2{font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#FFB7A6;margin-bottom:6px}
.alt ul{list-style:none;margin:0;padding:0}
.alt li a,.alt p a{display:inline-flex;align-items:center;min-height:40px;text-decoration:none;font-weight:600;font-size:.9375rem;color:#fff}
.alt a:hover{text-decoration:underline}
.alt-not{max-width:var(--en);margin:0 auto;padding:14px var(--kenar) 24px;border-top:1px solid rgba(255,255,255,.15);font-size:.8125rem;color:#AFC0D0}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media (min-width:900px){.satir-baslik span:last-child{text-align:right}}