/* Aifide (aifide.com.tr) — Segway yetkili satıcı teması: Yarna düzeninden türetildi; Segway renkleri (siyah, antrasit, kırmızı #da291c), Manrope. */
/* Aifide teması — Kamera Pasajı (Gadget) düzeninden türetildi; Aifide renkleri, Manrope, marka gradyanları */
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("font/manrope-latin-wght-normal.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:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;src:url("font/manrope-latin-ext-wght-normal.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}
:root{--font:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-baslik:"Manrope",system-ui,sans-serif;
  --buz:#ff3b2f;--bakir:#ff4d3d;--bakir-koyu:#b81d12;--marka-gradyan:linear-gradient(120deg,#141416 0%,#232327 55%,#3a3a40 100%);--filtre-gradyan:linear-gradient(120deg,#141416 0%,#2a2a2e 40%,#3a3a40 72%,#da291c 100%);--filtre-isik:rgba(218,41,28,.7);--kargo-gradyan:linear-gradient(120deg,#1c1c1f 0%,#2e2e33 50%,#da291c 100%);--kargo-isik:rgba(218,41,28,.6);--alt-zemin:#141416;--alt-yazi:#c8c8cc}
html{font-size:15px}body{font-size:15px}
/* Kartlar (Kamera Pasajı düzeni) */
.urun-karti{border-radius:var(--kose)}.urun-karti .kart-icerik{padding-bottom:14px}.fiyat b{color:var(--ana)}.urun-izgara{gap:16px}.dugme{border-radius:99px}
html body .urun-bilgi h1{font-size:1.5rem;line-height:1.28;letter-spacing:-.01em;overflow-wrap:anywhere}
html body .urun-karti h3{font-size:.9rem;line-height:1.35}
html body .urun-karti h3 a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:700px){html body .urun-bilgi h1{font-size:1.15rem}html body .urun-karti h3{font-size:.84rem}html body .sayfa-baslik{font-size:1.45rem}}
html body .etiket{background:var(--bakir-koyu)}
/* Menü bandı: renk/gradyan Görünüm ayarından (bant_renk); ince buz mavisi LED çizgisi; yazılar her zaman okunur */
html body .kategori-menu{border-bottom:2px solid var(--buz)}
html body .kategori-menu>.kap>ul>li>a{color:var(--bn-baslik,#fff)}
html body .kategori-menu>.kap>ul>li>a:hover,html body .kategori-menu>.kap>ul>li:hover>a,html body .kategori-menu>.kap>ul>li:focus-within>a{background:rgba(218,41,28,.2);color:#fff!important}
html body .kategori-menu>.kap>ul>li>a.menu-aktif,html body .kategori-menu>.kap>ul>li>a.menu-aktif:hover{background:var(--buz)!important;color:var(--ana)!important;box-shadow:none}
html body .kategori-menu li ul a{color:var(--yazi)}
@media (min-width:1200px){html body .kategori-menu>.kap>ul{flex-wrap:nowrap;gap:2px}html body .kategori-menu>.kap>ul>li>a{padding:.5rem .7rem;font-size:.88rem;white-space:nowrap}}
/* İç sayfa başlıkları ve alt bilgi: marka gradyanı + LED çizgisi */
html body .ic-hero{background:var(--ana-zemin,var(--marka-gradyan));border-bottom:3px solid var(--buz)}
html body .alt{border-top:3px solid var(--buz)}
html body .alt-guven-ic>div{border-left-color:var(--buz)}
/* Buz mavisi ikincil düğmeler (lacivert yazı) */
html body .tl-ara-dugme,html body .ab-yazi .yz-btn-cerceve{background:var(--buz);border-color:var(--buz);color:#fff!important;box-shadow:none}
html body .ab-yazi .yz-btn-dolu{background:var(--ana-zemin,var(--ana));border-color:transparent;color:#fff}
html body .ab-yazi .yz-dugme-kap{display:inline-block;margin:.35rem .6rem .35rem 0}
/* Bilgi bölümleri (satın alma adımları, destek): adım kartları */
html body .ab-yazi .yz-s3 .yz-sutun{background:#fff;border:1px solid var(--kenar);border-radius:var(--kose);padding:16px 18px;border-top:3px solid var(--buz)}
/* Banner yazıları */
html body .banner-metin h2{letter-spacing:-.02em}
/* Varsayılan karşılama kutusu yalnız banner yokken görünür; Aifide'da banner var */
a:focus-visible,button:focus-visible,.dugme:focus-visible{outline:3px solid var(--buz);outline-offset:2px}
/* Üst şerit (dönen): marka gradyanı, buz mavisi LED alt çizgi, yavaş ışık parıltısı, bakır elmas işaret */
html body .topbar-tema{position:relative;overflow:hidden;background:linear-gradient(90deg,#0a0a0b 0%,#141416 40%,#3a3a40 100%);color:#fff;border-bottom:1px solid rgba(218,41,28,.55);letter-spacing:.02em;font-weight:600}
html body .topbar-tema::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 42%,rgba(218,41,28,.22) 50%,transparent 58%);background-size:260% 100%;animation:yarna-isik 7s ease-in-out infinite}
html body .topbar-tema .topbar-oge::before{content:"";display:inline-block;width:7px;height:7px;margin-right:.6rem;background:var(--bakir);transform:rotate(45deg);border-radius:1px;box-shadow:0 0 8px rgba(255,77,61,.6)}
@keyframes yarna-isik{0%{background-position:160% 0}100%{background-position:-60% 0}}
@media (prefers-reduced-motion:reduce){html body .topbar-tema::before{animation:none;opacity:0}}
/* Sayfa başlığı şeridi (breadcrumb): alçak + geometrik (kurt logosu yüzeyleri gibi) ince buz mavisi üçgen ağ deseni, sağ üstte hafif ışıma, LED alt çizgi.
   Not: yol_* ayarları siteler arası ORTAK olduğundan Aifide'ya özel görünüm temada yapılır (Kamera Pasajı etkilenmez). */
html body .yol-bant{background:linear-gradient(115deg,#0a0a0b 0%,#141416 45%,#3a3a40 100%);border-bottom:2px solid var(--buz)}
html body .yol-bant::before{background:radial-gradient(circle at 88% 18%,rgba(218,41,28,.24),transparent 42%),repeating-linear-gradient(60deg,rgba(218,41,28,.09) 0 1px,transparent 1px 30px),repeating-linear-gradient(-60deg,rgba(218,41,28,.09) 0 1px,transparent 1px 30px),repeating-linear-gradient(0deg,rgba(218,41,28,.05) 0 1px,transparent 1px 26px)}
html body .yol-bant-ic{min-height:96px;padding-top:14px;padding-bottom:14px}
html body.yl-bant-ici .yol-bant-ic{min-height:112px;padding-top:14px;padding-bottom:44px}
html body .yol-kap .yol-bant .yol-baslik,html body .yol-kap.yb-yuk .yol-bant .yol-baslik{font-size:clamp(1.3rem,2.4vw,2rem);letter-spacing:-.02em}
@media(max-width:600px){html body .yol-bant-ic{min-height:84px}html body.yl-bant-ici .yol-bant-ic{min-height:96px;padding-bottom:40px}}
/* Mobil slider: yazı sola yakın, oklar gizli (kaydırma + noktalar), görsel sağa hizalı (ürünler ekranda kalır) */
@media (max-width:700px){
  html body .banner-kaydirici .banner{background-position:82% center}
  html body .banner-kaydirici .banner{padding-left:0!important}
  html body .banner-kaydirici .banner-metin{margin-left:4px!important;padding-left:14px!important;padding-right:8px!important;max-width:58%!important}
  html body .banner-kaydirici .banner-metin h2{font-size:1.2rem!important;line-height:1.2;margin-bottom:.3rem}
  html body .banner-kaydirici .banner-metin p{font-size:.82rem!important;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:.55rem}
  html body .banner-kaydirici .banner .banner-metin .dugme.birincil{font-size:.82rem!important;padding:.5rem .9rem!important}
  html body .banner-kaydirici .sl-ok{display:none}
}
/* Kategori vitrini: kart altındaki ad daha okunur */
html body .kv .kv-ad,html body [class*="kv-"] .kv-ad{font-weight:700;color:var(--ana)}
/* Slider düğmeleri: her slaydın ışık rengine göre marka rengi (açık zeminde lacivert yazı, yüksek kontrast) + hafif ışıma.
   1 Oyun = buz mavisi, 2 İş = bakır, 3 Yapay zekâ = buz mavisi, 4 Arabirim = bakır (5+ sırayla tekrar). */
html body .banner-kaydirici .banner .banner-metin .dugme.birincil{background:var(--buz)!important;border-color:var(--buz)!important;color:#fff!important;font-weight:800;letter-spacing:.01em;padding:.75rem 1.4rem;box-shadow:0 0 0 1px rgba(218,41,28,.35),0 10px 28px -8px rgba(218,41,28,.65)!important;text-shadow:none;transition:transform .2s,box-shadow .2s,background .2s}
html body .banner-kaydirici .banner:nth-child(2n of .banner) .banner-metin .dugme.birincil{background:var(--bakir)!important;border-color:var(--bakir)!important;box-shadow:0 0 0 1px rgba(255,77,61,.4),0 10px 28px -8px rgba(255,77,61,.7)!important}
html body .banner-kaydirici .banner .banner-metin .dugme.birincil:hover,html body .banner-kaydirici .banner .banner-metin .dugme.birincil:focus-visible{background:#fff!important;border-color:#fff!important;color:var(--ana)!important;transform:translateY(-1px)}
html body .banner-kaydirici .banner .banner-metin .dugme.birincil::after{content:" →";font-weight:800}
/* Slayt metni: başlık ve açıklama koyu zeminde daha okunur */
html body .banner-kaydirici .banner .banner-metin h2{text-shadow:0 2px 18px rgba(0,0,0,.45)}
html body .banner-kaydirici .banner .banner-metin p{color:#fdecea;text-shadow:0 1px 10px rgba(0,0,0,.5)}
/* Breadcrumb deseni: yol_* artık siteye özel; ayar katmanı (yb-*) deseni sıfırlasa da Aifide'nın geometrik ağı görünsün */
html body .yol-kap .yol-bant::before,html body .yol-kap.yb.yb-desen-yok .yol-bant::before{display:block!important;content:"";position:absolute;inset:0;pointer-events:none;opacity:1;background:radial-gradient(circle at 88% 18%,rgba(218,41,28,.24),transparent 42%),repeating-linear-gradient(60deg,rgba(218,41,28,.09) 0 1px,transparent 1px 30px),repeating-linear-gradient(-60deg,rgba(218,41,28,.09) 0 1px,transparent 1px 30px),repeating-linear-gradient(0deg,rgba(218,41,28,.05) 0 1px,transparent 1px 26px)!important}
html body .yol-kap .yol-bant{border-bottom:2px solid var(--buz)}
/* ===== Aifide Command tanıtım bölümü (ana sayfa, koyu kart: --yz-arka #0a0a0b) ===== */
html body .yz-kart[style*="--yz-arka:#0a0a0b"]{background:radial-gradient(circle at 92% 8%,rgba(218,41,28,.16),transparent 38%),radial-gradient(circle at 4% 96%,rgba(255,77,61,.10),transparent 34%),#0a0a0b!important;border:1px solid rgba(218,41,28,.18);color:#c8c8cc}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] h3{color:var(--bakir);font-size:.8rem;letter-spacing:.22em;font-weight:800;margin:0 0 .4rem}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] h2{color:#fff;font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1.12;letter-spacing:-.025em;margin:0 0 .8rem}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] p,html body .yz-kart[style*="--yz-arka:#0a0a0b"] li{color:#c8c8cc}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] strong{color:var(--buz)}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] em{color:#fff;font-style:normal;font-weight:700}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] ul{list-style:none;padding-left:0;margin:.9rem 0 1rem}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] li{position:relative;padding-left:1.4rem;margin:.45rem 0}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;background:var(--buz);transform:rotate(45deg);border-radius:1px;box-shadow:0 0 8px rgba(218,41,28,.6)}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-gorsel img{border:1px solid rgba(218,41,28,.28);box-shadow:0 18px 40px -18px rgba(0,0,0,.8),0 0 0 4px rgba(218,41,28,.05)}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-s2 .yz-sutun>.yz-metin:last-child p{font-size:.9rem;margin-top:.2rem}
@media(max-width:700px){html body .yz-kart[style*="--yz-arka:#0a0a0b"]{--yz-ic:20px}}
/* Aifide Command başlığı: satırlar dengeli bölünsün (mobilde "Yüksek performans," / "düşük risk") */
html body .yz-kart[style*="--yz-arka:#0a0a0b"] h2{text-wrap:balance}
@media(max-width:700px){html body .yz-kart[style*="--yz-arka:#0a0a0b"] h2{font-size:1.75rem}}
/* Mobil breadcrumb: başlık (geri oklu) ile konum satırı aynı bilgiyi iki kez gösteriyordu → mobilde yalnız başlık; şerit kısalır */
@media(max-width:700px){
  html body .yol-kap .yol-nav{display:none!important}
  html body .yol-kap .yol-bant-ic,html body.yl-bant-ici .yol-kap .yol-bant-ic{min-height:0!important;padding-top:14px!important;padding-bottom:14px!important}
  html body .yol-kap .yol-bant .yol-baslik,html body .yol-kap.yb-yuk .yol-bant .yol-baslik{font-size:1.3rem!important}
}

/* 2026-11-11: "Tükendi" etiketi kartın SOL üstünde (sağda favori kalbiyle çakışıyordu); indirim etiketi varsa onun altında */
html body .urun-karti .kart-gorsel span.etiket.tukendi{left:10px;right:auto}
html body .urun-karti .kart-gorsel .etiket.sticker~span.etiket.tukendi{top:58px}
@media(max-width:560px){html body .urun-karti .kart-gorsel span.etiket.tukendi{left:6px;right:auto}html body .urun-karti .kart-gorsel .etiket.sticker~span.etiket.tukendi{top:48px}}

/* 2026-11-11: İletişim / Hakkımızda — firma bilgileri satır satır, son paragraf bilgi kutusu */
html body .ic-metin p,html body .icerik-sayfasi p{white-space:pre-line}
html body .ic-metin p:last-child,html body .icerik-sayfasi p:last-child{background:var(--yuzey,#f4f4f5);border:1px solid var(--kenar,#e4e4e7);border-left:4px solid var(--ana,#141416);border-radius:12px;padding:14px 18px;line-height:1.95;font-size:.95em;color:var(--yazi,#141416)}

/* 2026-11-11: Kategori sayfası ALT KATEGORİ vitrini — görseller ürün fotoğrafı: kırpılmadan, beyaz zeminde sığar; şerit kenardan içeride başlar */
html body.sayfa-liste section.kvt .kvt-kutu{background:#fff}
html body.sayfa-liste section.kvt .kvt-gorsel{object-fit:contain!important;padding:14%!important;background:#fff!important}
html body.sayfa-liste section.kvt{--kv-girinti:0px}
html body.sayfa-liste section.kvt .kvt-liste{padding-inline:12px 18px;scroll-padding-inline:12px}


/* 2026-11-11: ANA SAYFA kategori vitrini — zeminsiz; telefonda ilk kutucuk slider ile aynı kenar hizasında (liste kenardan kenara kayar; sayfa yatay taşmaz) */
@media(max-width:700px){html body.sayfa-anasayfa section.kvt[data-bolum="kategoriler"]{margin-top:12px}html body.sayfa-anasayfa section.kvt[data-bolum="kategoriler"] .kvt-liste{padding-left:3px;scroll-padding-left:3px}}

/* 2026-11-11: Kategori vitrini etiketleri — Manrope alt uzantıları (g, y, ş) iki satır sınırında kırpılmasın */
html body section.kvt .kvt-ad{line-height:1.32!important;padding-bottom:3px!important}

/* 2026-11-11: Ürün galerisi küçük resimleri telefonda TEK SATIR (5'i tam sığar, fazlası yana kayar; alt satıra düşmez) — sonraki kod paketinde çekirdeğe (vitrin-okunur.css) taşınacak */
@media(max-width:860px){
  html body .galeri-kucuk{flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;gap:8px;padding-bottom:2px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  html body .galeri-kucuk::-webkit-scrollbar{display:none}
  html body .galeri-kucuk button{flex:0 0 calc((100% - 32px) / 5)!important;width:auto!important;height:auto!important;aspect-ratio:1/1;max-width:96px;scroll-snap-align:start}
}

/* Aifide ekleri: kırmızı vurgu çizgileri, ek garanti kartları */
:root{--eg-gradyan:linear-gradient(120deg,#0a0a0b 0%,#232327 55%,#b81d12 120%)}
html body .eg-urun{border-color:rgba(218,41,28,.35)}

/* ===== 2026-11-12 sunum düzeltmeleri: marka uyumlu gradyanlar, mobil menü başlığı, kart görseli, yan yana düğmeler ===== */
/* Mobil menü: aktif satır çekirdekte ana renk + mor (#9333ea) karışımıydı → siyah/antrasit + Segway kırmızısı */
html body.mm-izgara .mm-liste a[aria-current=page],html body.mm-izgara .mm-liste a.menu-aktif{border-color:transparent;background:linear-gradient(120deg,#0a0a0b 0%,#232327 58%,#b81d12 100%);color:#fff;box-shadow:0 10px 18px -12px rgba(218,41,28,.6)}
html body.mm-izgara .mm-liste>li>a,html body.mm-izgara .mm-liste>li>details{background:linear-gradient(135deg,#f4f4f5,#fff 75%);border-color:#e4e4e7}
html body.mm-izgara .mm-panel{background:linear-gradient(180deg,#f4f4f5 0,#fff 38%)}
html body.mm-izgara .mm-alt{background:#fff;border-top-color:#e4e4e7}
/* Mobil menü başlığı: koyu marka bandı, beyaz ve daha büyük Segway logosu, kırmızı alt çizgi */
html body.mm-izgara .mm-ust,html body.mm-izgara:not(.hg-var):not(.hd-koyu):not(.mm-tam) .mm-ust{background:radial-gradient(circle at 92% 0%,rgba(218,41,28,.28),transparent 46%),linear-gradient(115deg,#0a0a0b 0%,#18181b 60%,#2a2a2e 100%);border-bottom:3px solid #da291c}
html body .mm-ust .mm-logo{display:inline-flex;align-items:center;padding:4px 0}
html body .mm-ust .mm-logo img{height:28px;width:auto;filter:brightness(0) invert(1)}
html body .mm-ust .mm-kapat{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:none}
html body .mm-ust .mm-kapat:hover{background:#da291c;border-color:#da291c}
html body .mm-ara button{background:linear-gradient(135deg,#0a0a0b,#2a2a2e)}
/* Ürün kartı görseli kenardan kenara (paket görselleri tam kart genişliğinde) */
html body:not(.kt-liste) .urun-karti .kart-gorsel img{padding:0;object-fit:cover;filter:none}
html body:not(.kt-liste) .urun-karti .kart-gorsel{border-radius:calc(var(--kose) + 3px) calc(var(--kose) + 3px) 0 0;overflow:hidden}
/* Marka dışı sabit gradyanlar → Segway paleti */
html body .urun-karti .fiyat .tasarruf,html body .fiyat.buyuk .tasarruf{background:linear-gradient(120deg,#b81d12,#da291c 55%,#ff4d3d);box-shadow:0 10px 20px -12px #da291c}
html body .urun-bilgi .en-dusuk:not(:empty){background:linear-gradient(120deg,#0a0a0b,#2a2a2e 60%,#b81d12);box-shadow:0 10px 20px -14px #0a0a0b}
html body .koc-baslik h2{background:linear-gradient(100deg,#0a0a0b,#b81d12 60%,#da291c);-webkit-background-clip:text;background-clip:text}
html body .kat-one-cikan,html body .kat-one-cikan::after{background:linear-gradient(180deg,#fdecea,#fff 55%)}
html body .kat-one-cikan::before{background:conic-gradient(from var(--koc-don,0deg),transparent 0 52%,#b81d12 66%,#da291c 80%,#ff4d3d 94%,transparent 100%)}
html body .kat-one-cikan .koc-isik{background:conic-gradient(from var(--koc-don,0deg),transparent 0 55%,rgba(218,41,28,.8) 78%,rgba(255,77,61,.85) 92%,transparent 100%)}
:root{--kargo-gradyan:linear-gradient(120deg,#0a0a0b 0%,#2a2a2e 55%,#da291c 120%);--kargo-isik:rgba(218,41,28,.55)}
/* Yazı alanı: art arda düğme blokları yan yana (telefonda da) */
html body .yz-sutun:has(>.yz-dugme-kap+.yz-dugme-kap){display:flex;flex-direction:row;flex-wrap:wrap;row-gap:12px;align-content:flex-start;column-gap:12px}
html body .yz-sutun:has(>.yz-dugme-kap+.yz-dugme-kap)>.yz-blok:not(.yz-dugme-kap){flex:1 0 100%}
html body .yz-sutun>.yz-dugme-kap:has(+.yz-dugme-kap),html body .yz-sutun>.yz-dugme-kap+.yz-dugme-kap{flex:1 1 0;min-width:0}
html body .yz-sutun>.yz-dugme-kap:has(+.yz-dugme-kap) .yz-btn,html body .yz-sutun>.yz-dugme-kap+.yz-dugme-kap .yz-btn{width:100%;justify-content:center;text-align:center;white-space:nowrap}
@media (max-width:420px){html body .yz-sutun>.yz-dugme-kap:has(+.yz-dugme-kap) .yz-btn,html body .yz-sutun>.yz-dugme-kap+.yz-dugme-kap .yz-btn{padding-inline:12px;font-size:.88rem}}

/* Hemen Al düğmeleri (kart, ürün sayfası, alt çubuk): Filtrele düğmesiyle aynı marka gradyanı */
html body .kh-hemen,html body .uc-hemen,html body .dugme.hemen-al,html body .al-satir .dugme.hemen-al,html body.tg-vurgu .dugme.hemen-al,html body.tg-vurgu .al-satir .dugme.hemen-al{background:linear-gradient(120deg,#141416 0%,#2a2a2e 45%,#3a3a40 68%,#da291c 100%);border-color:transparent;color:#fff;box-shadow:0 10px 18px -12px rgba(218,41,28,.65)}
html body .kh-hemen:hover,html body .uc-hemen:hover,html body .dugme.hemen-al:hover{filter:brightness(1.08)}
/* Üst başlık (telefon ve masaüstü): koyu marka gradyanı, beyaz net logo, uyumlu simgeler */

html body header.ust .ust-zemin{background:radial-gradient(circle at 96% -20%,rgba(218,41,28,.34),transparent 48%),linear-gradient(115deg,#0a0a0b 0%,#141416 55%,#2a2a2e 100%);border-bottom:2px solid #da291c;box-shadow:0 8px 20px -14px rgba(0,0,0,.7)}
html body header.ust .logo img{height:26px;width:auto;filter:brightness(0) invert(1)}
html body header.ust .menu-dugme{color:#fff}
html body header.ust .hesap-menu>a{background:rgba(255,255,255,.08);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:none}
html body header.ust .hesap-menu>a:hover{background:rgba(255,255,255,.16)}
html body header.ust .hesap-menu>a.sepet-dugme{background:linear-gradient(135deg,#da291c,#b81d12);border-color:transparent;box-shadow:0 6px 14px -8px rgba(218,41,28,.8)}
html body header.ust .fav-sayac{background:#da291c;color:#fff;box-shadow:0 0 0 2px #0a0a0b}
html body header.ust .arama input{background:#1c1c1f;color:#fff;border-color:#3a3a40}
html body header.ust .arama input::placeholder{color:#a1a1aa}
@media (min-width:901px){html body header.ust .logo img{height:34px}html body header.ust .hesap-menu>a .hesap-yazi{color:#fff}html body header.ust .arama button{background:linear-gradient(135deg,#da291c,#b81d12);color:#fff;border-color:transparent}}

/* Kategori vitrini: üzerine gelince büyüyen halka kesilmesin (kaydırma alanına iç boşluk) */
html body .kvt .kvt-liste{padding-top:20px;padding-bottom:14px;padding-inline:max(var(--kv-girinti,0px),16px)}
/* Masaüstü menü: seçili sayfa kırmızı zeminde BEYAZ yazı */
html body header .kategori-menu>.kap>ul>li>a.menu-aktif,html body header .kategori-menu>.kap>ul>li>a.menu-aktif:hover{background:linear-gradient(135deg,#da291c,#b81d12)!important;color:#fff!important;box-shadow:0 6px 14px -8px rgba(218,41,28,.8)}
html body .kategori-menu>.kap>ul>li>a.menu-aktif,html body .kategori-menu>.kap>ul>li>a.menu-aktif:hover{color:#fff!important}
/* Hero ve mozaik kart düğmeleri: kırmızı zeminde beyaz yazı */
html body .banner .banner-metin .dugme,html body .banner .banner-metin .dugme.birincil,html body .mozaik .mz-kart .dugme,html body .mozaik .dugme{color:#fff!important}
/* Hızlı filtre çipleri telefonda satıra sığmayınca alta geçsin (sağa taşmasın); "Diğer filtreler" hizalı */
@media (max-width:700px){html body .hf-kap{overflow:hidden}html body .hf-cipler{flex-wrap:wrap;overflow:visible}html body .hf-diger>summary{width:100%;box-sizing:border-box;justify-content:center;margin:0}}
/* Kategori açıklaması varsayılan kısa (yaklaşık 2 satır), "Devamını oku" ile tamamı */
html body .kat-kisalt.hazir:not(.acik) .kat-kisalt-ic{max-height:6.4em;-webkit-mask-image:linear-gradient(#000 68%,transparent);mask-image:linear-gradient(#000 68%,transparent)}
/* Kategori vitrini adları: satır aralığı sıkı */
html body .kvt .kvt-ad{line-height:1.1;margin-top:4px}
/* Mozaik yan kart düğmeleri: Segway kırmızısı zemin + beyaz yazı (ana banner düğmesiyle aynı aile) */
html body .mozaik .mz-kart .mz-dugme{background:linear-gradient(135deg,#da291c,#b81d12)!important;color:#fff!important;border:0;box-shadow:0 0 0 1px rgba(218,41,28,.35),0 8px 22px -8px rgba(218,41,28,.7)!important;transition:transform .2s,box-shadow .2s,background .2s}
html body .mozaik .mz-kart:hover .mz-dugme,html body .mozaik .mz-kart:focus-visible .mz-dugme{background:linear-gradient(135deg,#ff3b2f,#da291c)!important;color:#fff!important;transform:translateY(-1px)}
/* Header logosu Segway kullanımı gibi: üst bandı boydan boya kesen eğik kırmızı şerit + beyaz daire içinde kırmızı flyman + beyaz SEGWAY yazısı */
html body header.ust .logo{position:relative;isolation:isolate;overflow:visible;padding-left:44px}
html body header.ust .logo::before{content:"";position:absolute;z-index:0;left:4px;top:-18px;bottom:-18px;width:26px;background:linear-gradient(180deg,#e8352a,#da291c 45%,#b81d12);transform:skewX(-28deg);box-shadow:0 0 18px -4px rgba(218,41,28,.55)}
html body header.ust .logo::after{content:"";position:absolute;z-index:1;left:0;top:50%;width:34px;height:34px;margin-top:-17px;border-radius:50%;background:#fff url(/yukle/segway-ikon-kirmizi-b7906037.png) center/100% no-repeat;box-shadow:0 2px 8px rgba(0,0,0,.35)}
html body header.ust .logo img{position:relative;z-index:1}
@media (min-width:901px){html body header.ust .logo{flex:none}}
@media (max-width:900px){
  html body header.ust .logo{padding-left:34px;flex:1 1 0%;min-width:0}
  html body header.ust .logo::before{left:3px;top:-19px;bottom:-19px;width:20px}
  html body header.ust .logo::after{width:27px;height:27px;margin-top:-13.5px}
}
/* Ana menü: laptop genişliklerinde (901-1439 px) tüm öğeler tek satıra sığsın */
@media (min-width:901px) and (max-width:1439px){html body .kategori-menu>.kap>ul>li>a{padding-left:.55rem;padding-right:.55rem;font-size:.86rem}}
@media (min-width:901px) and (max-width:1199px){html body .kategori-menu>.kap>ul>li>a{padding-left:.42rem;padding-right:.42rem;font-size:.8rem}}
/* Ürün ızgaraları: masaüstünde satır başına 4 ürün (kategori, tüm ürünler, arama ve anasayfa bölümleri) */
@media (min-width:1025px){html body .ab-urun .urun-izgara,html body.sayfa-liste .urun-izgara{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* Az ürünlü kategori 2 sütun: Uzatılmış Garanti Paketleri (1) ve anasayfadaki İLK seçili bölüm (garanti) — anasayfa bölümleri ve kendi kategori sayfaları (Tüm Ürünler hariç) */
@media (min-width:521px){
  html body section.ab-urun:has(a.tumu[href="/kategori/uzatilmis-garanti-paketleri"]) .urun-izgara,html body section.ab-urun[data-bolum="secili"]:not(section[data-bolum="secili"] ~ *) .urun-izgara,
  html body.sayfa-liste:has([data-kat="1"]) .urun-izgara{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Üst bant: masaüstünde mesaj sola (logo hizası), sayaç sağda; telefonda mesaj ve sayaç ortalı, iki satır */
@media (min-width:901px){html body .topbar-sabit .topbar-yol{justify-content:flex-start}html body .topbar-sabit .topbar-oge{justify-content:flex-start;text-align:left}}
@media (max-width:900px){
  html body .topbar-sabit .topbar-ic{flex-wrap:wrap;justify-content:center;row-gap:3px;padding:.4rem 2.2rem .45rem}
  html body .topbar-sabit .topbar-yol{flex:1 1 100%;justify-content:center;padding:0;height:auto}
  html body .topbar-sabit .topbar-oge{justify-content:center;text-align:center}
  html body .topbar-sabit .topbar-sayac{margin:0}
}
/* Geri sayım "30 gün 01 saat 43 dk" biçiminde; saniye gösterilmez (kutuların display değerine dokunulmaz: gün sıfırlanınca betik gizler) */
html body .topbar-sayi i,html body .topbar-sayi b[data-sn]{display:none}
html body .topbar-sayi{gap:5px}
html body .topbar-sayi b::after{margin-left:.22em;font-weight:600;opacity:.92}
html body .topbar-sayi b[data-g]::after{content:"gün"}
html body .topbar-sayi b[data-sa]::after{content:"saat"}
html body .topbar-sayi b[data-dk]::after{content:"dk"}
/* 2 sütunlu kategoride (Uzatılmış Garanti) kart yatay: görsel solda, ad/fiyat/düğmeler sağda — dev kart olmasın */
@media (min-width:768px){
  html body section.ab-urun:has(a.tumu[href="/kategori/uzatilmis-garanti-paketleri"]) .urun-izgara,html body section.ab-urun[data-bolum="secili"]:not(section[data-bolum="secili"] ~ *) .urun-izgara,html body.sayfa-liste:has([data-kat="1"]) .urun-izgara{gap:18px}
  html body section.ab-urun:has(a.tumu[href="/kategori/uzatilmis-garanti-paketleri"]) .urun-karti,html body section.ab-urun[data-bolum="secili"]:not(section[data-bolum="secili"] ~ *) .urun-karti,html body.sayfa-liste:has([data-kat="1"]) .urun-karti{display:grid;grid-template-columns:minmax(0,38%) minmax(0,1fr);grid-template-rows:auto;grid-row:auto;align-items:stretch}
  html body section.ab-urun:has(a.tumu[href="/kategori/uzatilmis-garanti-paketleri"]) .urun-karti .kart-gorsel,html body section.ab-urun[data-bolum="secili"]:not(section[data-bolum="secili"] ~ *) .urun-karti .kart-gorsel,html body.sayfa-liste:has([data-kat="1"]) .urun-karti .kart-gorsel{grid-column:1;grid-row:1;aspect-ratio:auto;height:100%;min-height:220px;max-height:none;width:100%;align-self:stretch;overflow:hidden}
  html body section.ab-urun:has(a.tumu[href="/kategori/uzatilmis-garanti-paketleri"]) .urun-karti .kart-gorsel img,html body section.ab-urun[data-bolum="secili"]:not(section[data-bolum="secili"] ~ *) .urun-karti .kart-gorsel img,html body.sayfa-liste:has([data-kat="1"]) .urun-karti .kart-gorsel img{width:100%;height:100%;object-fit:cover}
  html body section.ab-urun:has(a.tumu[href="/kategori/uzatilmis-garanti-paketleri"]) .urun-karti .kart-icerik,html body section.ab-urun[data-bolum="secili"]:not(section[data-bolum="secili"] ~ *) .urun-karti .kart-icerik,html body.sayfa-liste:has([data-kat="1"]) .urun-karti .kart-icerik{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:18px 22px;min-width:0}
  html body section.ab-urun:has(a.tumu[href="/kategori/uzatilmis-garanti-paketleri"]) .urun-karti .kart-icerik h3,html body section.ab-urun[data-bolum="secili"]:not(section[data-bolum="secili"] ~ *) .urun-karti .kart-icerik h3,html body.sayfa-liste:has([data-kat="1"]) .urun-karti .kart-icerik h3{font-size:1.12rem;line-height:1.3;margin:0}
  html body section.ab-urun:has(a.tumu[href="/kategori/uzatilmis-garanti-paketleri"]) .urun-karti .kart-hizli,html body section.ab-urun[data-bolum="secili"]:not(section[data-bolum="secili"] ~ *) .urun-karti .kart-hizli,html body.sayfa-liste:has([data-kat="1"]) .urun-karti .kart-hizli{display:flex;flex-direction:row;gap:8px;margin-top:8px}
  html body section.ab-urun:has(a.tumu[href="/kategori/uzatilmis-garanti-paketleri"]) .urun-karti .kart-hizli .kh-dugme,html body section.ab-urun[data-bolum="secili"]:not(section[data-bolum="secili"] ~ *) .urun-karti .kart-hizli .kh-dugme,html body.sayfa-liste:has([data-kat="1"]) .urun-karti .kart-hizli .kh-dugme{flex:1 1 0;min-width:0;margin:0}
}
/* Ödeme sayfası: minimal ve odaklı — dar, ortalı içerik; kısa alanlar yan yana; özet kaydırırken sabit */
html body.sayfa-odeme main#icerik{max-width:1080px;margin-inline:auto;width:100%}
html body.sayfa-odeme .odeme-sol fieldset{padding:18px 22px 20px;margin-bottom:16px}
html body.sayfa-odeme .odeme-sol fieldset .alan{margin-bottom:12px}
html body.sayfa-odeme .odeme-sol .ipucu{font-size:.82rem;margin:2px 0 10px}
html body.sayfa-odeme .yf-tur{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
html body.sayfa-odeme .yf-tur label.onay{flex:1 1 140px;margin:0;padding:10px 14px;border:1px solid var(--kenar,#e4e4e7);border-radius:12px;cursor:pointer;transition:border-color .15s,background .15s}
html body.sayfa-odeme .yf-tur label.onay:has(input:checked){border-color:#da291c;background:rgba(218,41,28,.05)}
@media (min-width:901px){
  html body.sayfa-odeme .odeme-duzen{grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}
  html body.sayfa-odeme .ozet-kutusu{position:sticky;top:96px}
  html body.sayfa-odeme .odeme-sol fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;align-items:start}
  html body.sayfa-odeme .odeme-sol fieldset>*{grid-column:1/-1}
  html body.sayfa-odeme .odeme-sol fieldset>.alan:has(input[name="eposta"]),html body.sayfa-odeme .odeme-sol fieldset>.alan:has(input[name="telefon"]),
  html body.sayfa-odeme .odeme-sol fieldset>.alan:has(input[name="f_vergi_no"]),html body.sayfa-odeme .odeme-sol fieldset>.alan:has(input[name="f_vergi_dairesi"]){grid-column:auto}
  html body.sayfa-odeme .odeme-sol fieldset>.alan:has(input[name="posta_kodu"]),html body.sayfa-odeme .odeme-sol fieldset>.alan:has(input[name="f_posta_kodu"]){grid-column:1;max-width:240px}
  html body.sayfa-odeme .odeme-sol fieldset>.iki-alan{margin-bottom:12px}
}
/* Ürün sayfası: "Ücretsiz Kargo" ve "Ek garanti" fiyatın hemen altında iki parça — masaüstünde yan yana, telefonda alt alta */
html body .urun-bilgi:has(>.eg-capraz){display:flex;flex-wrap:wrap;align-items:stretch;column-gap:12px}
html body .urun-bilgi:has(>.eg-capraz)>*{flex:1 1 100%;min-width:0;order:20}
html body .urun-bilgi:has(>.eg-capraz)>.rozetler{order:1}
html body .urun-bilgi:has(>.eg-capraz)>.urun-kunye{order:2}
html body .urun-bilgi:has(>.eg-capraz)>.fiyat{order:3}
html body .urun-bilgi:has(>.eg-capraz)>.kargo-bedava-serit{order:4}
html body .urun-bilgi:has(>.eg-capraz)>.eg-capraz{order:5}
@media (min-width:600px){html body .urun-bilgi:has(>.eg-capraz)>.kargo-bedava-serit,html body .urun-bilgi:has(>.eg-capraz)>.eg-capraz{flex:1 1 calc(50% - 6px);margin:.75rem 0 .35rem}}
/* Kompakt ek garanti kartı */
html body .urun-bilgi>.eg-capraz{padding:10px 12px;border-radius:14px;display:flex;flex-direction:column;justify-content:center;gap:8px}
html body .urun-bilgi>.eg-capraz .eg-urun-ust{gap:10px}
html body .urun-bilgi>.eg-capraz .eg-kalkan{width:36px;height:36px}
html body .urun-bilgi>.eg-capraz .eg-urun-ust b{font-size:.98rem}
html body .urun-bilgi>.eg-capraz .eg-urun-ust small{font-size:.76rem;line-height:1.25}
html body .urun-bilgi>.eg-capraz .eg-paketler{grid-template-columns:1fr;gap:6px;margin-top:0}
html body .urun-bilgi>.eg-capraz .eg-paket{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:6px 8px 6px 10px}
html body .urun-bilgi>.eg-capraz .eg-paket a{display:flex;align-items:baseline;gap:6px;min-width:0}
html body .urun-bilgi>.eg-capraz .eg-paket a b{display:none}
html body .urun-bilgi>.eg-capraz .eg-paket a span{font-size:.8rem;font-weight:600;color:var(--yazi,#141416);line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
html body .urun-bilgi>.eg-capraz .eg-paket strong{font-size:.9rem;white-space:nowrap}
html body .urun-bilgi>.eg-capraz .eg-paket .dugme{padding:.38rem .75rem;font-size:.78rem;min-height:0;width:auto;background:linear-gradient(135deg,#da291c,#b81d12)!important;color:#fff!important;border:0;border-radius:999px;white-space:nowrap;box-shadow:none}
/* Uzatılmış garanti tanıtımı: okunabilir, kartlı fayda listesi (koyu kart --yz-arka #0a0a0b) */
html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-metin>p{font-size:1.02rem;line-height:1.6;color:#d6d6da;margin:0 0 1rem}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-metin>p strong{color:#fff}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-metin>ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 1rem;padding:0}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-metin>ul>li{margin:0;padding:14px 14px 14px 54px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:14px;font-size:.92rem;line-height:1.5;color:#b9b9bf}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-metin>ul>li::before{content:"✓";left:14px;top:14px;width:28px;height:28px;border-radius:50%;transform:none;display:grid;place-items:center;font-size:.85rem;font-weight:900;color:#fff;background:linear-gradient(135deg,#ff3b2f,#b81d12);box-shadow:0 6px 14px -6px rgba(218,41,28,.8)}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-metin>ul>li strong{display:block;color:#fff;font-size:1rem;margin-bottom:2px}
html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-metin>p:last-child{font-size:.82rem;line-height:1.5;color:#8e8e96;border-top:1px solid rgba(255,255,255,.08);padding-top:.8rem;margin-bottom:.4rem}
@media(max-width:700px){
  html body .yz-kart[style*="--yz-arka:#0a0a0b"] h3{font-size:.72rem;letter-spacing:.16em}
  html body .yz-kart[style*="--yz-arka:#0a0a0b"] h2{font-size:1.6rem;line-height:1.15}
  html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-metin>p{font-size:.98rem}
  html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-metin>ul{grid-template-columns:1fr;gap:8px}
  html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-metin>ul>li{padding:12px 12px 12px 50px;font-size:.9rem}
  html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-metin>ul>li::before{left:12px;top:13px;width:26px;height:26px}
  html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-sutun:has(>.yz-dugme-kap+.yz-dugme-kap) .yz-dugme-kap{flex:1 1 100%;margin:0}
  html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-sutun:has(>.yz-dugme-kap+.yz-dugme-kap) .yz-dugme-kap a{display:block;width:100%;text-align:center}
  html body .yz-kart[style*="--yz-arka:#0a0a0b"] .yz-gorsel img{max-height:230px;width:100%;object-fit:cover}
}