/* Uwell Rehber · "sakin" teması. Sıcak beyaz zemin, adaçayı vurgu, tek yazı ailesi (DM Sans). */
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/font/dmsans.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}
@font-face{font-family:"DM Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/font/dmsans-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"DM Sans";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/font/dmsans-italic.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}
@font-face{font-family:"DM Sans";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/font/dmsans-italic-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-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --zemin:#FAF8F4; --kagit:#FFFDF9; --plaka:#F2EFE9; --cizgi:#E5E0D6; --cizgi2:#D3CCBF;
  --metin:#26302A; --ikincil:#56615A; --silik:#5F6862;
  --adacayi:#7A9A7E; --adacayi-acik:#E7EEE5; --adacayi-koyu:#3F5C46; --adacayi-metin:#45624B;
  --uyari:#9A4A2E;
  --yazi:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --kap:1240px; --yan:16px;
}
@media (min-width:760px){:root{--yan:40px}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--metin);font:400 16px/1.65 var(--yazi);font-optical-sizing:auto;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--adacayi-metin);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--metin)}
:focus-visible{outline:2px solid var(--adacayi-koyu);outline-offset:3px;border-radius:2px}
button,input,select,textarea{font:inherit;color:inherit}
h1,h2,h3{font-family:var(--yazi);font-weight:500;letter-spacing:-.015em;margin:0;line-height:1.15}
p{margin:0 0 1em}
.kap{width:100%;max-width:var(--kap);margin-inline:auto;padding-inline:var(--yan)}
.okuma{max-width:calc(760px + var(--yan)*2)}
.gizli{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.atla{position:absolute;left:8px;top:-60px;z-index:50;background:var(--adacayi-koyu);color:#fff;padding:10px 14px;border-radius:6px}
.atla:focus{top:8px}
.ust-not{margin:0 0 14px;font-size:14px;color:var(--ikincil);letter-spacing:.01em}
.ust-not a{color:var(--adacayi-metin)}

/* ---------- üst */
.yas-serit{margin:0;padding:7px var(--yan);background:var(--plaka);font-size:13px;line-height:1.4;color:var(--ikincil);text-align:center}
.ust{border-bottom:1px solid var(--cizgi);background:var(--zemin)}
.ust-ic{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 24px;min-height:72px}
.logo{display:flex;align-items:center;min-height:48px}
.logo img{width:164px;height:auto}
.ana-menu{order:3;flex-basis:100%;display:flex;gap:4px 22px;flex-wrap:wrap;padding:2px 0 10px}
.ana-menu a{display:inline-flex;align-items:center;min-height:44px;color:var(--metin);text-decoration:none;font-size:15.5px;border-bottom:1.5px solid transparent}
.ana-menu a:hover{border-bottom-color:var(--adacayi)}
.ana-menu a[aria-current]{border-bottom-color:var(--adacayi-koyu);font-weight:500}
.sepet-dugme{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 4px 0 6px;color:var(--metin);text-decoration:none;font-size:15.5px}
.sepet-dugme:hover .sepet-yazi{text-decoration:underline}
.sepet-adet{min-width:22px;height:22px;display:inline-grid;place-items:center;border-radius:11px;background:var(--adacayi-koyu);color:#fff;font-size:12.5px;font-weight:600;padding:0 6px}
.sepet-adet[hidden]{display:none}
@media (min-width:860px){.ust-ic{flex-wrap:nowrap;min-height:84px}.logo img{width:190px}.ana-menu{order:0;flex-basis:auto;margin-left:auto;padding:0;gap:30px}}
.feragat{margin:0 auto;padding-block:12px;font-size:13.5px;color:var(--ikincil);border-bottom:1px solid var(--cizgi)}
@media (min-width:760px){.feragat{border-bottom:0}}
.kirinti ol{list-style:none;display:flex;flex-wrap:wrap;margin:0;padding:10px 0 0;font-size:14px;color:var(--silik)}
.kirinti li+li::before{content:"›";margin:0 10px;color:var(--cizgi2)}
.kirinti a{display:inline-block;padding:8px 0;color:var(--ikincil);text-decoration:none}
.kirinti a:hover{text-decoration:underline}
.kirinti [aria-current]{display:inline-block;padding:8px 0;max-width:62vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}

/* ---------- düğmeler */
.dugme,button[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border:0;border-radius:8px;background:var(--adacayi-koyu);color:#fff;font-size:16px;font-weight:500;text-decoration:none;cursor:pointer;transition:background .2s}
.dugme:hover,button[type=submit]:hover{background:#2F4836;color:#fff}
button[type=submit]:disabled{background:var(--cizgi);color:var(--silik);cursor:not-allowed}
.dugme--cizgi{background:transparent;color:var(--metin);box-shadow:inset 0 0 0 1px var(--cizgi2)}
.dugme--cizgi:hover{background:var(--plaka);color:var(--metin)}
.dugme--blok{width:100%}
.bos-not{padding:24px;border-radius:10px;background:var(--plaka);color:var(--ikincil)}

/* ---------- ana sayfa */
.giris{display:grid;gap:40px;padding-block:44px 24px}
.giris h1{font-size:clamp(34px,7.4vw,60px);line-height:1.08;letter-spacing:-.025em;max-width:16ch;font-weight:500}
.giris-ac{margin:22px 0 0;max-width:54ch;font-size:18px;line-height:1.65;color:var(--ikincil)}
.model-sec{align-self:end;padding-top:22px;border-top:1px solid var(--cizgi)}
.model-sec h2{font-size:15px;font-weight:600;letter-spacing:0;margin-bottom:14px}
.model-sec ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:0 20px}
.model-sec li{border-bottom:1px solid var(--cizgi)}
.model-sec li a{display:flex;align-items:center;justify-content:space-between;min-height:50px;color:var(--metin);text-decoration:none;font-size:16px}
.model-sec li a::after{content:"";width:7px;height:7px;border-top:1.5px solid var(--adacayi);border-right:1.5px solid var(--adacayi);transform:rotate(45deg);margin-right:4px}
.model-sec li a:hover{color:var(--adacayi-metin)}
.model-sec p{margin:18px 0 0}
.ok-bag{display:inline-flex;align-items:center;gap:10px;min-height:44px;font-weight:500;color:var(--adacayi-metin)}
.ok-bag::after{content:"→"}
@media (min-width:960px){.giris{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr);gap:80px;padding-block:88px 40px}.model-sec{border-top:0;border-left:1px solid var(--cizgi);padding:0 0 0 40px}}

.bolum{padding-block:52px 0}
.bolum-bas{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;margin-bottom:26px}
.bolum-bas h2{font-size:clamp(26px,4.6vw,34px)}
.bolum-bas p{margin:0;color:var(--ikincil);font-size:15px}
@media (min-width:960px){.bolum{padding-block:88px 0}}

/* ---------- kart */
.izgara{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px}
@media (min-width:700px){.izgara{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 28px}}
@media (min-width:1100px){.izgara{grid-template-columns:repeat(4,minmax(0,1fr))}}
.kart{min-width:0}
.kart-bag{display:flex;flex-direction:column;height:100%;text-decoration:none;color:var(--metin)}
.kart-gorsel{aspect-ratio:1;background:var(--plaka);border-radius:6px;overflow:hidden;margin-bottom:14px}
.kart-gorsel img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}
.kart-bag:hover .kart-gorsel img{transform:scale(1.025)}
.kart h3{font-size:16.5px;line-height:1.35;font-weight:500;letter-spacing:-.005em;margin-bottom:8px;overflow-wrap:anywhere}
.kart-bag:hover h3{text-decoration:underline;text-decoration-color:var(--adacayi);text-underline-offset:4px}
.kart-alt{margin:auto 0 0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 10px;font-size:15px}
.kart-fiyat{font-weight:600;font-variant-numeric:tabular-nums}
.kart-fiyat s{font-weight:400;color:var(--silik);font-size:13.5px}
.kart-stok{display:inline-flex;align-items:center;gap:6px;color:var(--adacayi-metin);font-size:13.5px}
.kart-stok::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--adacayi)}
.kart--yok .kart-stok{color:var(--silik)}
.kart--yok .kart-stok::before{background:var(--cizgi2)}
.kart--yok .kart-gorsel img{opacity:.6}

/* ---------- adımlar ve yazı listesi */
.adimlar{list-style:none;margin:0;padding:0;counter-reset:a}
.adimlar li{counter-increment:a;display:grid;grid-template-columns:44px 1fr;gap:0 16px;padding:22px 0;border-top:1px solid var(--cizgi)}
.adimlar li::before{content:counter(a);grid-row:1/3;width:36px;height:36px;border-radius:50%;border:1.5px solid var(--adacayi);display:grid;place-items:center;font-weight:500;color:var(--adacayi-metin);font-size:15px}
.adimlar h3{font-size:19px;margin:5px 0 8px}
.adimlar p{margin:0;color:var(--ikincil);max-width:62ch}
.yazi-liste{list-style:none;margin:0;padding:0}
.yazi-liste a{display:grid;gap:4px;padding:20px 0;border-top:1px solid var(--cizgi);text-decoration:none;color:var(--metin)}
.yazi-baslik{font-size:19px;font-weight:500}
.yazi-ozet{color:var(--ikincil);font-size:15.5px}
.yazi-liste time{font-size:13px;color:var(--silik)}
.yazi-liste a:hover .yazi-baslik{text-decoration:underline;text-decoration-color:var(--adacayi)}

/* ---------- sayfa başlığı */
.sayfa-bas{padding:30px 0 30px;margin-bottom:12px}
.sayfa-bas h1{font-size:clamp(32px,6.4vw,50px);letter-spacing:-.025em;line-height:1.1;overflow-wrap:anywhere}
.sayfa-bas-ac{margin-top:14px;max-width:62ch;color:var(--ikincil);font-size:17px}
.sayfa-bas-ac p:last-child{margin:0}

/* ---------- ürün */
.urun{padding-top:14px}
.urun-ust{display:grid;gap:28px}
.galeri{display:grid;grid-auto-flow:column;grid-auto-columns:100%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--cizgi2) transparent;padding-bottom:4px}
.galeri--cok{grid-auto-columns:86%}
.galeri img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--plaka);border-radius:8px;scroll-snap-align:start}
.bilgi h1{font-size:clamp(30px,5.6vw,42px);letter-spacing:-.022em;line-height:1.12;overflow-wrap:anywhere}
.urun-ozet{margin:14px 0 0;font-size:17px;color:var(--ikincil);max-width:52ch}
.fiyat-satir{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;margin-top:26px;padding-top:22px;border-top:1px solid var(--cizgi)}
.fiyat{margin:0;font-size:32px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fiyat s{font-size:18px;font-weight:400;color:var(--silik)}
.havale{margin:4px 0 0;color:var(--ikincil);font-size:15px}
[data-stok]{display:inline-flex;align-items:center;gap:8px;font-size:14.5px;color:var(--ikincil)}
[data-stok]::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cizgi2)}
[data-stok].stok-var{color:var(--adacayi-metin)}
[data-stok].stok-var::before{background:var(--adacayi)}
[data-stok].stok-yok{color:var(--uyari)}
[data-stok].stok-yok::before{background:#C98B72}
.sepet-form{margin-top:24px;padding:20px;border-radius:12px;background:var(--kagit);border:1px solid var(--cizgi);display:grid;gap:16px}
.alan{display:grid;gap:6px}
.alan>span,.adet-alan>span{font-size:14px;font-weight:500;color:var(--metin)}
.alan input,.alan select,.alan textarea,.adet-alan input{width:100%;min-height:50px;padding:10px 14px;border:1px solid var(--cizgi2);border-radius:8px;background:#fff;font-size:16px;color:var(--metin)}
.alan select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ikincil) 50%),linear-gradient(135deg,var(--ikincil) 50%,transparent 50%);background-position:calc(100% - 22px) 22px,calc(100% - 17px) 22px;background-size:5px 5px;background-repeat:no-repeat;padding-right:44px}
.alan textarea{min-height:100px;resize:vertical}
.alan input:hover,.alan select:hover,.alan textarea:hover,.adet-alan input:hover{border-color:var(--adacayi)}
.alan input:focus-visible,.alan select:focus-visible,.alan textarea:focus-visible,.adet-alan input:focus-visible{outline:2px solid var(--adacayi-koyu);outline-offset:1px}
.ekle-satir{display:grid;grid-template-columns:92px 1fr;gap:12px;align-items:end}
.adet-alan{display:grid;gap:6px}
.adet-alan input{text-align:center;min-height:52px}
.kosul{margin:14px 0 0;font-size:14px;color:var(--silik)}
.urun-govde{display:grid;gap:40px;margin-top:56px;padding-top:44px;border-top:1px solid var(--cizgi)}
.metin{max-width:68ch;font-size:17px;line-height:1.75}
.metin>:first-child{margin-top:0}
.metin h2{font-size:26px;margin:1.7em 0 .5em}
.metin h3{font-size:20px;margin:1.5em 0 .45em}
.metin ul,.metin ol{padding-left:1.25em}
.metin li{margin-bottom:.45em}
.metin li::marker{color:var(--adacayi)}
.metin strong{font-weight:600}
.metin table{width:100%;border-collapse:collapse;font-size:15px;margin:1em 0;display:block;overflow-x:auto}
.metin th,.metin td{border-bottom:1px solid var(--cizgi);padding:8px 12px 8px 0;text-align:left;vertical-align:top}
.teknik{align-self:start}
.teknik h2{font-size:18px;font-weight:600;letter-spacing:0;margin-bottom:8px}
.teknik dl{margin:0}
.teknik dl div{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;padding:11px 0;border-bottom:1px solid var(--cizgi);font-size:15px}
.teknik dt{color:var(--ikincil)}
.teknik dd{margin:0;font-variant-numeric:tabular-nums}
.sss{margin-top:64px}
.sss h2{font-size:26px;margin-bottom:12px}
.sss details{border-top:1px solid var(--cizgi)}
.sss details:last-child{border-bottom:1px solid var(--cizgi)}
.sss summary{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:58px;padding:12px 0;cursor:pointer;list-style:none;font-weight:500;font-size:17px}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--adacayi-acik);color:var(--adacayi-koyu);font-size:18px;line-height:1}
.sss details[open] summary::after{content:"−"}
.sss details p{margin:0 0 20px;color:var(--ikincil);max-width:64ch}
@media (min-width:1000px){
  .urun-ust{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:start}
  .galeri,.galeri--cok{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;overflow:visible;gap:16px}
  .galeri img:first-child{grid-column:1/-1}
  .galeri:not(.galeri--cok){grid-template-columns:1fr}
  .bilgi{position:sticky;top:28px}
  .urun-govde{grid-template-columns:minmax(0,1fr) 340px;gap:80px}
}

/* ---------- sepet / ödeme */
.kasa{display:grid;gap:32px;align-items:start}
@media (min-width:960px){.kasa{grid-template-columns:minmax(0,1fr) 380px;gap:64px}}
.sepet-satir{display:grid;grid-template-columns:76px 1fr auto;grid-template-areas:"g a s" "g d t";gap:8px 16px;align-items:center;padding:18px 0;border-bottom:1px solid var(--cizgi)}
.sepet-satir:first-child{border-top:1px solid var(--cizgi)}
.sepet-satir>a:first-child{grid-area:g;align-self:start;background:var(--plaka);border-radius:6px;overflow:hidden}
.sepet-satir>div:nth-child(2){grid-area:a;min-width:0}
.sepet-satir>div:nth-child(2) a{color:var(--metin);text-decoration:none;font-weight:500;display:block;line-height:1.35}
.sepet-satir>div:nth-child(2) a:hover{text-decoration:underline}
.sepet-satir small{display:block;margin-top:2px;color:var(--ikincil);font-size:13.5px}
.sepet-satir .adet{grid-area:d;justify-self:start;display:inline-flex;align-items:center;border:1px solid var(--cizgi2);border-radius:22px;background:#fff}
.sepet-satir .adet button{width:44px;height:42px;border:0;background:none;font-size:18px;cursor:pointer;color:var(--metin);border-radius:22px}
.sepet-satir .adet button:hover{background:var(--adacayi-acik)}
.sepet-satir .adet span{min-width:24px;text-align:center;font-weight:500}
.sepet-satir strong{grid-area:t;justify-self:end;font-weight:600;font-variant-numeric:tabular-nums}
.sepet-satir [data-sil]{grid-area:s;justify-self:end;align-self:start;min-height:44px;border:0;background:none;color:var(--silik);font-size:14px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sepet-satir [data-sil]:hover{color:var(--uyari)}
.bos{padding:24px 0;color:var(--ikincil)}
.kasa-ozet{padding:24px;border-radius:12px;background:var(--kagit);border:1px solid var(--cizgi)}
@media (min-width:960px){.kasa-ozet{position:sticky;top:28px}}
.kasa-ozet h2{font-size:20px;font-weight:600;letter-spacing:0;margin-bottom:10px}
[data-sepet-toplam] dl{display:grid;grid-template-columns:1fr auto;margin:0 0 20px}
[data-sepet-toplam] dt,[data-sepet-toplam] dd{margin:0;padding:9px 0;border-bottom:1px solid var(--cizgi);font-size:15.5px}
[data-sepet-toplam] dt{color:var(--ikincil)}
[data-sepet-toplam] dd{text-align:right;font-variant-numeric:tabular-nums}
[data-sepet-toplam] dt:last-of-type,[data-sepet-toplam] dd:last-of-type{border-bottom:0;padding-top:14px}
[data-sepet-toplam] dd strong{font-size:24px;font-weight:600}
.kasa-not{margin:14px 0 0;font-size:14px;color:var(--ikincil)}
.grup{border:0;margin:0 0 30px;padding:0}
.grup legend{padding:0;margin-bottom:16px;font-size:20px;font-weight:500}
.grup>.alan,.ikili{margin-bottom:14px}
.ikili{display:grid;gap:14px}
@media (min-width:600px){.ikili{grid-template-columns:1fr 1fr}}
.secenek{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;padding:16px;margin-bottom:10px;border:1px solid var(--cizgi2);border-radius:10px;background:#fff;cursor:pointer}
.secenek:has(input:checked){border-color:var(--adacayi-koyu);background:var(--adacayi-acik)}
.secenek input,.onay input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--adacayi-koyu)}
.secenek b{display:block;font-weight:500}
.secenek small{display:block;margin-top:2px;color:var(--ikincil);font-size:14.5px}
.onay{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:start;font-size:15px;color:var(--ikincil);min-height:44px;padding:4px 0}
.bal{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.hata{margin:12px 0 0;color:var(--uyari);font-size:14.5px}
.hata:empty{margin:0}
.tamam-kutu{margin-bottom:28px;padding:24px;border-radius:12px;background:var(--adacayi-acik)}
.havale-bilgi{margin-top:14px;padding:16px;border-radius:8px;background:#fff;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
[data-bildirim]{position:fixed;left:50%;bottom:22px;z-index:60;transform:translate(-50%,160%);background:var(--metin);color:#fff;padding:13px 22px;border-radius:24px;font-size:15px;font-weight:500;transition:transform .3s ease;pointer-events:none}
[data-bildirim].acik{transform:translate(-50%,0)}

/* ---------- kartuş tablosu */
.suzgec{display:grid;gap:18px;margin-bottom:28px;padding:20px;border-radius:12px;background:var(--plaka)}
.suzgec-ara label,.suzgec-aile label{display:block;margin-bottom:6px;font-size:14px;font-weight:500}
.suzgec input,.suzgec select{width:100%;min-height:52px;padding:0 16px;border:1px solid var(--cizgi2);border-radius:26px;background:#fff;font-size:16px}
.suzgec select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ikincil) 50%),linear-gradient(135deg,var(--ikincil) 50%,transparent 50%);background-position:calc(100% - 24px) 23px,calc(100% - 19px) 23px;background-size:5px 5px;background-repeat:no-repeat}
.suzgec input:focus-visible,.suzgec select:focus-visible{outline:2px solid var(--adacayi-koyu);outline-offset:1px}
.suzgec fieldset{border:0;margin:0;padding:0;min-width:0}
.suzgec-alt{display:grid;gap:18px}
.sekme{display:flex;flex-wrap:wrap;gap:2px 18px;border-bottom:1px solid var(--cizgi2)}
.sekme button{min-height:44px;padding:0 1px;border:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:none;cursor:pointer;color:var(--ikincil);font-size:15.5px}
.sekme button:hover{color:var(--metin)}
.sekme button[aria-pressed=true]{color:var(--metin);font-weight:500;border-bottom-color:var(--adacayi-koyu)}
.suzgec-sonuc{margin:0;font-size:14.5px;color:var(--ikincil)}
.suzgec-sonuc b{color:var(--metin);font-weight:600}
@media (min-width:900px){.suzgec{padding:28px}.suzgec-alt{grid-template-columns:1fr 260px;align-items:end;gap:32px}}
.uyum{width:100%;border-collapse:collapse;font-size:15.5px}
.uyum thead th{text-align:left;padding:0 14px 12px 0;font-size:13.5px;font-weight:500;color:var(--ikincil);border-bottom:1px solid var(--cizgi2)}
.uyum tbody th,.uyum td{padding:18px 14px 18px 0;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:top}
.uyum tbody th{font-weight:500;font-size:17px;min-width:160px}
.uyum tbody th a{color:var(--metin);text-decoration-color:var(--adacayi)}
.uyum td:nth-child(2){color:var(--ikincil);white-space:nowrap}
.parca{display:block;padding:2px 0}
.parca+.parca{margin-top:6px}
a.parca--link{color:var(--adacayi-metin);font-weight:500;text-decoration:none}
a.parca--link .ad{text-decoration:underline;text-decoration-color:var(--adacayi);text-underline-offset:4px}
a.parca--link:hover .ad{text-decoration-thickness:2px}
a.parca--link small{display:block;font-weight:400;font-size:12.5px;color:var(--silik);text-decoration:none}
a.parca--link small.var{color:var(--adacayi-metin)}
a.parca--link small.var::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--adacayi);margin-right:6px;vertical-align:middle}
.silik{color:var(--silik);font-size:14.5px}
.uyum td.not{color:var(--ikincil);font-size:14.5px;max-width:30ch}
@media (max-width:899px){
  .uyum thead{display:none}
  .uyum,.uyum tbody,.uyum tr,.uyum th,.uyum td{display:block;width:100%}
  .uyum tr{padding:16px 0;border-bottom:1px solid var(--cizgi)}
  .uyum tr[hidden]{display:none}
  .uyum tbody th,.uyum td{border:0;padding:0}
  .uyum tbody th{font-size:18px;margin-bottom:8px}
  .uyum td{position:relative;padding:5px 0 5px 84px;min-height:28px}
  .uyum td::before{content:attr(data-baslik);position:absolute;left:0;top:7px;font-size:13px;color:var(--silik)}
  .uyum td:nth-child(2){white-space:normal}
  .uyum td.not:empty{display:none}
  .uyum td.not{max-width:none}
}
.arac-alt{margin:72px 0 0;padding:0;display:grid;gap:56px}
.arac-alt h2{font-size:26px;margin-bottom:18px}
.kc-liste,.uyari{list-style:none;margin:0;padding:0}
.kc-liste li{display:grid;gap:4px 24px;padding:16px 0;border-top:1px solid var(--cizgi)}
.kc-liste p{margin:0;font-size:14.5px;color:var(--ikincil)}
.kc-k{font-weight:500}
@media (min-width:700px){.kc-liste li{grid-template-columns:1fr 1fr}.kc-liste p{grid-column:2}}
.uyari li{position:relative;padding:12px 0 12px 22px;border-top:1px solid var(--cizgi)}
.uyari li::before{content:"";position:absolute;left:2px;top:22px;width:8px;height:8px;border-radius:50%;background:var(--adacayi)}
.kaynak-not{margin-top:22px;padding:16px 18px;border-radius:10px;background:var(--plaka);font-size:14.5px;color:var(--ikincil)}

/* ---------- yazı / düz sayfa */
.icindekiler{margin-bottom:32px;padding:18px 20px;border-radius:10px;background:var(--plaka);font-size:15px}
.icindekiler p{margin:0 0 6px;font-weight:600}
.icindekiler ol{margin:0;padding-left:1.2em}
.icindekiler a{display:inline-block;padding:5px 0}
.hata-sayfa{padding-block:64px}
.hata-sayfa h1{font-size:clamp(32px,6vw,48px);margin-bottom:14px}
.hata-sayfa p{color:var(--ikincil)}
.hata-yol{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- alt */
.alt{margin-top:104px;background:var(--plaka);font-size:15px;color:var(--ikincil)}
.alt-ust{display:grid;gap:36px;padding-block:56px 36px}
@media (min-width:760px){.alt-ust{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}}
.alt-marka img{width:170px;margin-bottom:16px}
.alt-marka p{max-width:36ch}
.alt-not{font-size:14px;color:var(--silik)}
.alt-blok h2{font-size:14px;font-weight:600;letter-spacing:0;color:var(--metin);margin-bottom:10px}
.alt-blok ul{list-style:none;margin:0;padding:0}
.alt-blok a{display:inline-flex;align-items:center;min-height:40px;color:var(--ikincil);text-decoration:none}
.alt-blok a:hover{color:var(--metin);text-decoration:underline}
.alt-son{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;margin:0;padding-block:18px 28px;border-top:1px solid var(--cizgi2);font-size:13.5px;color:var(--silik)}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
.dar-ic>*{max-width:780px}