/* Vitrin taban stili. Temalar CSS değişkenlerini (tema.css ve theme.json ayarları) geçersiz kılar. */
:root{
  --ana:#1f5fd6;--vurgu:#d9480f;--zemin:#fff;--yuzey:#f5f6f8;--yazi:#1c2430;--yazi-2:#5d6879;--kenar:#dde1e8;--kose:8px;
  --ana-yazi:#fff;--basari:#16794a;--uyari:#9a5b00;--hata:#c0362c;--kap:1240px;
  --font:system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-baslik:var(--font);--golge:0 1px 2px rgba(0,0,0,.05),0 12px 28px -14px rgba(0,0,0,.22);
  --alt-zemin:#0f172a;--alt-yazi:#aab4c5;--alt-baslik:#fff;--alt-kenar:rgba(255,255,255,.1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--zemin);color:var(--yazi);font:16px/1.55 var(--font)}
h1,h2,h3,h4{font-family:var(--font-baslik);line-height:1.25;margin:0 0 .6em}
img{max-width:100%;height:auto;display:block}
a{color:var(--ana);text-decoration:none}a:hover{text-decoration:underline}
.kap{max-width:var(--kap);margin:0 auto;padding:0 16px}
.atla{position:absolute;left:-999px;background:var(--ana);color:var(--ana-yazi);padding:.5rem 1rem;z-index:100}.atla:focus{left:8px;top:8px}
.gorunmez{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.menu-ac{display:none}
:focus-visible{outline:3px solid var(--ana);outline-offset:2px}

/* Üst bölüm */
.ust{background:var(--zemin);border-bottom:1px solid var(--kenar);position:sticky;top:0;z-index:30;box-shadow:0 1px 0 rgba(0,0,0,.02),0 6px 18px -14px rgba(0,0,0,.35)}
.ust-satir{display:flex;align-items:center;gap:20px;padding-top:12px;padding-bottom:12px}
.logo{font:800 1.45rem var(--font-baslik);color:var(--yazi);display:flex;align-items:center;letter-spacing:-.01em}.logo:hover{text-decoration:none}
.arama{flex:1;display:flex;align-items:stretch;max-width:560px;margin:0 auto;border:1px solid var(--kenar);border-radius:99px;background:var(--yuzey);overflow:hidden;transition:border-color .15s,box-shadow .15s}
.arama:focus-within{border-color:var(--ana);box-shadow:0 0 0 3px color-mix(in srgb,var(--ana) 18%,transparent)}
.ust .arama input[type=search]{flex:1;min-width:0;padding:.7rem 1.1rem;border:0;border-radius:0;box-shadow:none;background:transparent;font:inherit;color:var(--yazi)}
.ust .arama input[type=search]:focus{outline:0}
.ust .arama button{display:flex;align-items:center;justify-content:center;padding:0 1.3rem;border:0;border-radius:0;background:var(--ana);color:var(--ana-yazi);font-size:1.2rem;cursor:pointer}.ust .arama button:hover{filter:brightness(1.1)}
.hesap-menu{display:flex;gap:6px;align-items:center;white-space:nowrap}
.hesap-menu a{position:relative;display:inline-flex;align-items:center;gap:.45rem;color:var(--yazi);padding:.5rem .9rem;border-radius:99px;font-weight:600;font-size:.95rem}.hesap-menu a:hover{background:var(--yuzey);text-decoration:none}
.hesap-menu .ik{font-size:1.3rem;vertical-align:0}
.hesap-menu .sepet-dugme{background:var(--ana);color:var(--ana-yazi)}.hesap-menu .sepet-dugme:hover{background:var(--ana);filter:brightness(1.1)}
.hesap-menu .sepet-dugme .sayac{position:static;flex:none;min-width:1.35rem;padding:0 .35em;line-height:1.35rem;font-size:.72rem;margin-left:.05rem}
.ust-iletisim{display:inline-flex;align-items:center;gap:.55rem;color:var(--yazi);white-space:nowrap;padding:.3rem .5rem;border-radius:12px}.ust-iletisim:hover{text-decoration:none;background:var(--yuzey)}
.ust-iletisim .ik{font-size:1.45rem;padding:.1rem;box-sizing:content-box;border-radius:50%;background:currentColor;color:var(--ana)}
.ust-iletisim.wa .ik{background:#15803d;color:#15803d}
.ust-iletisim-yazi{display:flex;flex-direction:column;line-height:1.2}.ust-iletisim-yazi small{font-size:.72rem;color:var(--yazi2,#667)}.ust-iletisim-yazi b{font-size:.95rem}
@media(max-width:1100px){.ust-iletisim-yazi small{display:none}}
@media(max-width:980px){.ust-iletisim-yazi{display:none}}
@media(max-width:560px){.hesap-menu .hesap-yazi{display:none}.hesap-menu a{padding:.5rem .65rem}}
.sayac{display:inline-block;min-width:1.4em;text-align:center;padding:0 .35em;border-radius:99px;background:var(--vurgu);color:#fff;font-size:.78rem;font-weight:700}
.menu-dugme{display:none;font-size:1.5rem;cursor:pointer;line-height:1;padding:.35rem;border-radius:12px}.menu-dugme .ik{font-size:1.6rem;vertical-align:middle}.menu-dugme:hover{background:var(--yuzey)}
.kategori-menu{border-top:1px solid var(--kenar);background:var(--yuzey)}
.kategori-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:0 2px}
.kategori-menu>.kap>ul>li{position:relative}
.kategori-menu a{display:block;padding:.5rem .8rem;color:var(--yazi);font-weight:600;font-size:.9rem;white-space:nowrap}
.kategori-menu li.alt-var>a::after{content:"▾";margin-left:.35em;font-size:.75em;opacity:.7}.kategori-menu a:hover{color:var(--ana);text-decoration:none}
.kategori-menu li ul{display:none;position:absolute;left:0;top:100%;min-width:200px;background:var(--zemin);border:1px solid var(--kenar);border-radius:var(--kose);box-shadow:var(--golge);flex-direction:column;padding:6px;z-index:5}
.kategori-menu li:hover>ul,.kategori-menu li:focus-within>ul{display:flex}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){
  .ust-satir{flex-wrap:wrap;gap:10px}.menu-dugme{display:block}.logo{order:1;flex:1}.hesap-menu{order:2}.arama{order:3;flex:1 1 100%;max-width:none}
  .kategori-menu{display:none}
  .kategori-menu li ul{display:flex;position:static;border:0;box-shadow:none;padding-left:16px}
}

/* Genel bileşenler */
.dugme{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1.2rem;border:1px solid var(--kenar);border-radius:var(--kose);background:var(--zemin);color:var(--yazi);font:inherit;font-weight:600;cursor:pointer;text-decoration:none!important;transition:transform .12s,box-shadow .15s,border-color .15s,filter .15s}
.dugme:hover{border-color:var(--ana)}.dugme:active{transform:translateY(1px)}.dugme.birincil{background:var(--ana);border-color:var(--ana);color:var(--ana-yazi);box-shadow:0 6px 16px -8px var(--ana)}.dugme.birincil:hover{filter:brightness(1.08)}
.dugme.buyuk{padding:.8rem 1.4rem;font-size:1.05rem}.dugme.tam{width:100%}.dugme:disabled{opacity:.5;cursor:not-allowed}
.sayfa-baslik{font-size:1.7rem;margin-bottom:.5em}.sayfa-baslik small{font-size:.55em;color:var(--yazi-2);font-weight:400}
.kirinti{font-size:.9rem;color:var(--yazi-2);margin-bottom:12px}.kirinti a{color:var(--yazi-2)}
.bolum{margin:0 0 40px}.bolum-baslik{font-size:1.45rem;display:flex;justify-content:flex-start;align-items:baseline;margin-bottom:.9em}.bolum-baslik::before{content:"";width:5px;height:1.1em;background:var(--ana);border-radius:3px;margin-right:10px;align-self:center}.bolum-baslik .tumu{margin-left:auto}.tumu{font-size:.9rem;font-weight:600}
.bos-mesaj{color:var(--yazi-2);padding:32px 0;text-align:center}
.cipler{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}.cip{padding:.3rem .8rem;border:1px solid var(--kenar);border-radius:99px;color:var(--yazi);font-size:.9rem}.cip:hover{border-color:var(--ana);text-decoration:none}
.uyari-kutu,.hata-kutu,.basari-kutu,.bilgi-kutu{padding:12px 16px;border-radius:var(--kose);margin:0 0 16px;border:1px solid}
.uyari-kutu{background:rgba(154,91,0,.08);border-color:rgba(154,91,0,.35)}.hata-kutu{background:rgba(192,54,44,.08);border-color:rgba(192,54,44,.35)}.hata-kutu ul{margin:0;padding-left:1.1rem}
.basari-kutu{background:rgba(22,121,74,.08);border-color:rgba(22,121,74,.35)}.bilgi-kutu{background:var(--yuzey);border-color:var(--kenar)}.basari-kutu h2{margin-bottom:.3em}
.hata-metin{color:var(--hata);font-size:.9rem;margin:.3rem 0}.ipucu{color:var(--yazi-2);font-size:.9rem}
.sayfalama{display:flex;gap:6px;justify-content:center;margin:32px 0;flex-wrap:wrap}.sayfalama a{padding:.45rem .85rem;border:1px solid var(--kenar);border-radius:var(--kose);color:var(--yazi)}.sayfalama a.aktif{background:var(--ana);border-color:var(--ana);color:var(--ana-yazi)}

/* Ürün kartları */
.urun-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:20px}
@media(max-width:520px){.urun-izgara{grid-template-columns:repeat(2,1fr);gap:12px}}
.urun-karti{background:var(--zemin);border:1px solid var(--kenar);border-radius:calc(var(--kose) + 4px);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s,border-color .2s}
.urun-karti:hover{box-shadow:var(--golge);transform:translateY(-3px);border-color:transparent}
.kart-gorsel{position:relative;display:block;aspect-ratio:1;background:var(--yuzey);overflow:hidden}.kart-gorsel img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.urun-karti:hover .kart-gorsel img{transform:scale(1.05)}
.etiket{position:absolute;top:8px;left:8px;padding:.15rem .55rem;border-radius:99px;font-size:.78rem;font-weight:700;color:#fff;background:var(--vurgu)}.etiket.tukendi{background:#555;left:auto;right:8px}
.stoksuz .kart-gorsel img{opacity:.55}
.kart-icerik{padding:12px 14px 14px}.kart-icerik h3{font-size:1rem;margin:.1rem 0 .4rem;font-weight:600}.kart-icerik h3 a{color:var(--yazi)}
.marka{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--yazi-2)}
.fiyat b{font-size:1.1rem}.fiyat s{color:var(--yazi-2);font-size:.9rem;margin-left:.3rem}.fiyat small{color:var(--yazi-2)}.fiyat.buyuk b{font-size:1.8rem}
.fiyat.buyuk s:empty{display:none}

/* Ana sayfa */
.banner-kaydirici{position:relative;border-radius:var(--kose);overflow:hidden;margin-bottom:32px;aspect-ratio:8/3;min-height:200px;background:var(--yuzey)}
.banner{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity .5s;display:flex;align-items:center}.banner.aktif{opacity:1}
.banner-metin{margin-left:clamp(16px,6vw,72px);max-width:520px;background:rgba(255,255,255,.88);color:#111;padding:20px 24px;border-radius:var(--kose)}.banner-metin h2{font-size:clamp(1.3rem,3vw,2.2rem);margin-bottom:.3em}
.karsilama{text-align:center;padding:clamp(48px,9vw,96px) 20px;background:linear-gradient(135deg,var(--ana),color-mix(in srgb,var(--ana) 55%,var(--vurgu)));color:var(--ana-yazi);border-radius:calc(var(--kose) + 6px);margin-bottom:40px;position:relative;overflow:hidden}
.karsilama::after{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-160px;border-radius:50%;background:rgba(255,255,255,.1)}
.karsilama>*{position:relative;z-index:1}.karsilama h1{font-size:clamp(1.8rem,4.5vw,3rem);letter-spacing:-.02em;margin-bottom:.3em}.karsilama p{font-size:1.1rem;opacity:.92;max-width:52ch;margin:0 auto 1.4em}
.karsilama .dugme.birincil{background:#fff;color:var(--ana);border-color:#fff;box-shadow:0 10px 24px -10px rgba(0,0,0,.4)}
.kategori-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:16px}
.kategori-karti{text-align:center;color:var(--yazi);font-weight:600}.kategori-karti:hover{text-decoration:none;color:var(--ana)}.kategori-karti img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:50%;background:var(--yuzey);margin-bottom:10px;border:3px solid var(--zemin);box-shadow:0 0 0 1px var(--kenar);transition:box-shadow .2s,transform .2s}.kategori-karti:hover img{box-shadow:0 0 0 3px var(--ana);transform:translateY(-2px)}

/* Liste */
.filtre{display:flex;gap:16px;flex-wrap:wrap;align-items:center;padding:12px 0;margin-bottom:16px;border-top:1px solid var(--kenar);border-bottom:1px solid var(--kenar)}
.filtre label{display:flex;gap:8px;align-items:center;font-size:.9rem}.filtre input[type=number]{width:90px}
input:not([type=checkbox]):not([type=radio]),select,textarea{padding:.55rem .7rem;border:1px solid var(--kenar);border-radius:var(--kose);font:inherit;background:var(--zemin);color:var(--yazi);max-width:100%}
textarea{width:100%}

/* Ürün */
.urun-detay{display:grid;grid-template-columns:minmax(0,var(--ug-a,47fr)) minmax(0,var(--ug-b,53fr));gap:40px;margin-bottom:40px}
@media(max-width:820px){.urun-detay{grid-template-columns:1fr;gap:20px}.urun-detay>.galeri{width:100%}}
@media(min-width:481px) and (max-width:820px){.urun-detay>.galeri{max-width:80%;margin-inline:auto}}
.galeri-ana{border:1px solid var(--kenar);border-radius:var(--kose);overflow:hidden;background:var(--yuzey);aspect-ratio:1}.galeri-ana img{width:100%;height:100%;object-fit:contain}
.galeri-kucuk{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.galeri-kucuk button{padding:0;border:2px solid var(--kenar);border-radius:6px;background:none;cursor:pointer;overflow:hidden;width:72px;height:72px}.galeri-kucuk button.secili,.galeri-kucuk button:hover{border-color:var(--ana)}.galeri-kucuk img{width:100%;height:100%;object-fit:cover}
.urun-bilgi h1{font-size:1.8rem}.ozet{color:var(--yazi-2)}
.sepete-ekle{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:20px 0 8px}
.alan{display:flex;flex-direction:column;gap:4px;font-size:.92rem;font-weight:600;margin-bottom:12px}.alan input,.alan select,.alan textarea{font-weight:400}
.sepete-ekle .alan{margin:0}.adet input{width:88px}
.stok-notu{color:var(--vurgu);font-weight:600;min-height:1.5em}.sku{margin-top:16px}
.aciklama-bolumu p{max-width:none;line-height:1.7}
.wa-satir{margin:.4rem 0 .2rem}.dugme.whatsapp{background:#25d366;border-color:#25d366;color:#fff;box-shadow:0 6px 16px -8px #25d366}.dugme.whatsapp:hover{background:#1ebe5b;border-color:#1ebe5b}
.dugme.whatsapp::before{content:"";width:1.15em;height:1.15em;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5.1-1.3A10 10 0 1 0 12 2zm5.2 14.2c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.2-4.5-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.8s.7-2 .9-2.3c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .5l-.4.6-.4.4c-.1.2-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.1.4.1.6-.1l.8-1c.2-.3.4-.2.6-.1l2 1c.3.1.5.2.5.3.1.1.1.6-.1 1.1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5.1-1.3A10 10 0 1 0 12 2zm5.2 14.2c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.2-4.5-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.8s.7-2 .9-2.3c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .5l-.4.6-.4.4c-.1.2-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.1.4.1.6-.1l.8-1c.2-.3.4-.2.6-.1l2 1c.3.1.5.2.5.3.1.1.1.6-.1 1.1z'/%3E%3C/svg%3E") center/contain no-repeat}

/* Sepet / ödeme */
.sepet-duzen,.odeme-duzen{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start}
@media(max-width:900px){.sepet-duzen,.odeme-duzen{grid-template-columns:1fr}}
.sepet-satirlar{list-style:none;margin:0 0 16px;padding:0}
.sepet-satir{display:grid;grid-template-columns:80px minmax(0,1fr) 90px 100px auto;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--kenar)}
.sepet-satir img{width:80px;height:80px;object-fit:cover;border-radius:6px;background:var(--yuzey)}
.sepet-ad small{display:block;color:var(--yazi-2)}.sepet-tutar{font-weight:700;text-align:right}.adet-alan input{width:80px}.sil-alan{font-size:.85rem;color:var(--yazi-2)}
@media(max-width:600px){.sepet-satir{grid-template-columns:64px 1fr auto;grid-template-areas:"g a a" "g n t" "s s s"}.sepet-satir>:nth-child(1){grid-area:g}.sepet-satir img{width:64px;height:64px}.sepet-satir>:nth-child(2){grid-area:a}.sepet-satir .adet-alan{grid-area:n}.sepet-tutar{grid-area:t}.sil-alan{grid-area:s}}
.ozet-kutusu{background:var(--yuzey);border:1px solid var(--kenar);border-radius:var(--kose);padding:20px;position:sticky;top:90px}
.ozet-liste{display:grid;grid-template-columns:1fr auto;gap:6px 12px;margin:12px 0}.ozet-liste dt,.ozet-liste dd{margin:0}.ozet-liste dd{text-align:right}.ozet-liste .toplam{font-size:1.2rem;font-weight:800;border-top:1px solid var(--kenar);padding-top:10px;margin-top:4px}
.kupon-formu{display:flex;gap:8px}.kupon-formu input{flex:1;min-width:0}
.mini-sepet{list-style:none;margin:0 0 8px;padding:0}.mini-sepet li{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;padding:6px 0;font-size:.92rem}.mini-sepet img{width:48px;height:48px;object-fit:cover;border-radius:6px}
fieldset{border:1px solid var(--kenar);border-radius:var(--kose);margin:0 0 20px;padding:14px 16px}legend{padding:0 8px;font-weight:700}
.iki-alan{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.onay{display:flex;gap:10px;align-items:flex-start;margin:8px 0}
.secenek{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--kenar);border-radius:var(--kose);margin-bottom:8px;cursor:pointer}.secenek small{display:block;color:var(--yazi-2)}
.secenek:has(input:checked){border-color:var(--ana);background:rgba(127,127,127,.06)}.secenek.pasif{opacity:.45}.secenek-fiyat{font-weight:700}
.odeme-iframe{width:100%;min-height:600px;border:0}
.form-kutusu{max-width:460px;margin:0 auto}
.iki-sutun-vitrin{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media(max-width:760px){.iki-sutun-vitrin{grid-template-columns:1fr}}
.siparis-listesi{list-style:none;padding:0}.siparis-listesi li{padding:10px 0;border-bottom:1px solid var(--kenar)}
.durum{display:inline-block;padding:.15rem .7rem;border-radius:99px;font-size:.85rem;font-weight:700;background:var(--yuzey);border:1px solid var(--kenar)}.durum-teslim{color:var(--basari)}.durum-iptal,.durum-iade{color:var(--hata)}
.zaman-cizelgesi{padding-left:1.2rem}
.hata-sayfasi h1{font-size:2.2rem}

/* Alt bölüm */
.alt{background:var(--alt-zemin);color:var(--alt-yazi);margin-top:24px;font-size:.93rem}
.alt a{color:var(--alt-yazi)}.alt a:hover{color:var(--alt-baslik);text-decoration:none}
.alt-guven{border-bottom:1px solid var(--alt-kenar)}.alt-guven .kap{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:20px;padding-top:26px;padding-bottom:26px}
.alt-guven-ic>div{display:flex;flex-direction:column;gap:2px;padding-left:14px;border-left:3px solid var(--ana)}.alt-guven b{color:var(--alt-baslik)}.alt-guven span{font-size:.85rem}
.alt-izgara{display:grid;grid-template-columns:minmax(220px,1.6fr) repeat(auto-fit,minmax(160px,1fr));gap:32px;padding-top:40px;padding-bottom:36px}
.alt-izgara>div>b{display:block;color:var(--alt-baslik);font-size:.8rem;text-transform:uppercase;letter-spacing:.09em;margin-bottom:.9rem}
.alt-logo{display:block;color:var(--alt-baslik);font:800 1.4rem var(--font-baslik);margin-bottom:.6rem}
.alt ul{list-style:none;padding:0;margin:0}.alt li{margin:.5rem 0}.alt p{margin:.45rem 0;max-width:36ch}
.alt-son{border-top:1px solid var(--alt-kenar);font-size:.85rem}.alt-son .kap{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center;justify-content:space-between;padding-top:20px;padding-bottom:20px}
.odeme-rozetleri{display:flex;gap:8px;flex-wrap:wrap}.odeme-rozetleri i{font-style:normal;padding:.2rem .7rem;border:1px solid var(--alt-kenar);border-radius:6px;font-size:.78rem;color:var(--alt-baslik);background:rgba(255,255,255,.05)}
.yukari{font-weight:600}
@media(max-width:600px){.alt-son .kap{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
[hidden]{display:none!important}

/* Üst bant (duyuru çubuğu): temanın --ana/--vurgu renklerini kullanır */
.topbar{position:relative;color:var(--ana-yazi);background:var(--ana);font-size:.88rem;line-height:1.2;overflow:hidden}
.topbar a{color:inherit;text-decoration:none}
.topbar-vurgu{background:var(--vurgu);color:#fff}.topbar-koyu{background:var(--alt-zemin);color:var(--alt-baslik)}
.topbar-tema{color:#fff;background:var(--ana-zemin,var(--ana))}/* sitenin kendi ana renk gradyanı (Tasarım Seçenekleri); gradyan tanımlı değilse düz ana renk */
.topbar-gradyan{color:#fff;background:linear-gradient(100deg,var(--ana),var(--vurgu),var(--ana));background-size:200% 100%;animation:topbar-isik 9s linear infinite}
.topbar-ic{position:relative;display:flex;align-items:center;min-height:38px}
.topbar-yol{position:relative;flex:1;height:38px;overflow:hidden;padding-right:28px}
.topbar-oge{display:flex;align-items:center;justify-content:center;gap:.5rem;white-space:nowrap;min-width:0}
.topbar-donen .topbar-oge{position:absolute;inset:0;opacity:0;transform:translateY(70%);transition:opacity .55s ease,transform .55s ease;pointer-events:none}
.topbar-donen .topbar-oge.aktif{opacity:1;transform:none;pointer-events:auto}
.topbar-kayan .topbar-ic{overflow:hidden}
.topbar-kayan .topbar-yol{flex:none;width:max-content;overflow:visible;display:flex;padding:0;animation:topbar-kay 38s linear infinite}
.topbar-kayan .topbar-oge{flex:none;height:38px;padding:0 3.2rem}.topbar-kayan:hover .topbar-yol{animation-play-state:paused}
.topbar-sabit .topbar-yol{display:flex;flex-wrap:wrap;justify-content:center;gap:.25rem 2.2rem;height:auto;padding:.5rem 28px .5rem 0}
.topbar-sabit .topbar-oge{white-space:normal;text-align:center}
.topbar-kod{padding:.08rem .55rem;border:1px dashed currentColor;border-radius:6px;letter-spacing:.06em;background:rgba(255,255,255,.16)}
.topbar-bilet{font-size:1.05em}
.topbar-kopyala{font:inherit;font-size:.78rem;font-weight:700;padding:.12rem .65rem;border-radius:99px;border:1px solid currentColor;background:transparent;color:inherit;cursor:pointer}.topbar-kopyala:hover{background:rgba(255,255,255,.2)}
.topbar-kapat{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:0;border-radius:50%;background:rgba(255,255,255,.16);color:inherit;font-size:1.1rem;line-height:1;cursor:pointer;z-index:2}.topbar-kapat:hover{background:rgba(255,255,255,.3)}
@keyframes topbar-kay{to{transform:translateX(-50%)}}

@media(max-width:600px){.topbar{font-size:.8rem}.topbar-kopyala{display:none}.topbar-kayan .topbar-oge{padding:0 2rem}}
@media(prefers-reduced-motion:reduce){.topbar-gradyan{animation:none}.topbar-kayan .topbar-yol{animation:none;width:auto}.topbar-kayan .topbar-oge[aria-hidden]{display:none}.topbar-donen .topbar-oge{transition:none}}

/* Üst bant: parıltı, yıldızlar, yeni temalar, geri sayım */
.topbar-aurora::before,.topbar-neon::before,.topbar-altin::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(255,255,255,.38) 50%,transparent 62%);transform:translateX(-130%);animation:topbar-parilti 5.5s ease-in-out infinite}
.topbar-aurora::after,.topbar-neon::after,.topbar-altin::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.7;animation:topbar-yildiz 2.6s ease-in-out infinite;background:
  radial-gradient(circle at 6% 30%,#fff 0 1.4px,transparent 2.4px),radial-gradient(circle at 17% 74%,#fff 0 1px,transparent 2px),radial-gradient(circle at 29% 22%,#fff 0 1.2px,transparent 2.2px),
  radial-gradient(circle at 44% 80%,#fff 0 1px,transparent 2px),radial-gradient(circle at 58% 28%,#fff 0 1.5px,transparent 2.5px),radial-gradient(circle at 71% 70%,#fff 0 1px,transparent 2px),
  radial-gradient(circle at 83% 24%,#fff 0 1.3px,transparent 2.3px),radial-gradient(circle at 93% 66%,#fff 0 1.1px,transparent 2.1px)}
.topbar-ic{z-index:1}
.topbar-bilet{display:inline-block;transform-origin:50% 80%}.topbar-aurora .topbar-bilet,.topbar-neon .topbar-bilet,.topbar-altin .topbar-bilet{animation:topbar-sallan 1.9s ease-in-out infinite}
.topbar-kod{font-weight:800}

.topbar-gradyan{background-size:200% 100%}
.topbar-neon{background:#0a0e1a;color:#eaf6ff;text-shadow:0 0 6px var(--ana),0 0 16px var(--vurgu);border-bottom:1px solid color-mix(in srgb,var(--ana) 70%,transparent);box-shadow:0 0 26px -6px var(--ana),inset 0 -1px 0 color-mix(in srgb,var(--vurgu) 60%,transparent)}
.topbar-neon .topbar-kod{background:transparent;border-color:var(--vurgu);box-shadow:0 0 10px -1px var(--vurgu),inset 0 0 8px -2px var(--vurgu)}
.topbar-altin{color:#2c1f02;background:linear-gradient(100deg,#8a6a1a,#f6dc7a,#b8891b,#f6dc7a,#8a6a1a);background-size:200% 100%;animation:topbar-isik 8s linear infinite;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.topbar-altin .topbar-kod{background:rgba(255,255,255,.35)}
.topbar-aurora{color:#fff;background:linear-gradient(120deg,#06b6d4,#8b5cf6,#ec4899,#f59e0b,#06b6d4);background-size:200% 100%;animation:topbar-isik 11s linear infinite;text-shadow:0 1px 6px rgba(0,0,0,.25)}
@keyframes topbar-isik{to{background-position:200% 0}}
@keyframes topbar-parilti{55%,100%{transform:translateX(130%)}}
@keyframes topbar-yildiz{0%,100%{opacity:.15}50%{opacity:.95}}
@keyframes topbar-sallan{0%,100%{transform:rotate(-10deg)}50%{transform:rotate(12deg) scale(1.12)}}
@keyframes topbar-kod{50%{box-shadow:0 0 0 4px rgba(255,255,255,.22)}}
@keyframes topbar-nabiz{50%{transform:scale(1.07)}}
.topbar-sayac{display:flex;align-items:center;gap:.55rem;margin:0 38px 0 14px;white-space:nowrap;font-size:.8rem}
.topbar-sayac small{opacity:.92;font-weight:600}
.topbar-sayi{display:inline-flex;align-items:center;gap:2px}.topbar-sayi b{min-width:1.9em;text-align:center;padding:.18rem .32rem;border-radius:6px;background:rgba(0,0,0,.3);color:#fff;font-variant-numeric:tabular-nums;text-shadow:none}.topbar-sayi i{font-style:normal;opacity:.85}
@media(max-width:700px){.topbar-sayac small{display:none}.topbar-sayac{margin-left:6px}}
@media(prefers-reduced-motion:reduce){.topbar::before,.topbar::after,.topbar-bilet,.topbar-kod,.topbar-kopyala,.topbar-altin,.topbar-aurora{animation:none}}

/* Ürün rozetleri ve göstergeleri */
.rozet-serit,.etiket.rozet{color:#fff;background:var(--vurgu);font-weight:800;letter-spacing:.04em}
.rozet-serit{display:inline-block;padding:.25rem .85rem;border-radius:99px;font-size:.76rem;text-transform:uppercase;margin-bottom:.5rem}
.etiket.rozet{top:auto;bottom:8px;left:8px}
.rozet-firsat{background:linear-gradient(90deg,#f59e0b,#ef4444)!important}
.rozet-super_indirim{background:linear-gradient(90deg,#ef4444,#be123c)!important}.rozet-serit.rozet-super_indirim{animation:rozet-nabiz 2s ease-in-out infinite}
.rozet-cok_satan{background:#0f766e!important}.rozet-yeni{background:#2563eb!important}.rozet-kampanya{background:#7c3aed!important}.rozet-editor{background:#111827!important}
@keyframes rozet-nabiz{50%{transform:scale(1.06);box-shadow:0 6px 18px -6px #be123c}}
.en-dusuk{margin:.1rem 0 .7rem;font-size:.88rem;color:var(--yazi-2)}.en-dusuk:empty{display:none}.en-dusuk b{color:var(--yazi)}
.gostergeler{display:flex;flex-direction:column;gap:.45rem;margin:.7rem 0}
.gosterge{display:flex;align-items:center;gap:.6rem;margin:0;padding:.55rem .85rem;border-radius:var(--kose);font-size:.92rem;background:var(--yuzey)}
.gosterge:empty{display:none}
.canli-nokta{flex:none;width:9px;height:9px;border-radius:50%;background:#16a34a;animation:canli-nabiz 1.7s infinite}
@keyframes canli-nabiz{0%{box-shadow:0 0 0 0 rgba(22,163,74,.55)}70%{box-shadow:0 0 0 9px rgba(22,163,74,0)}100%{box-shadow:0 0 0 0 rgba(22,163,74,0)}}
.stok-uyari{background:color-mix(in srgb,var(--vurgu) 11%,var(--zemin));color:var(--vurgu);font-weight:700}
.kupon-duyuru{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem .75rem;padding:.7rem .95rem;margin:.6rem 0;border:2px dashed var(--ana);border-radius:var(--kose);background:color-mix(in srgb,var(--ana) 6%,var(--zemin))}
.kupon-bilet{font-size:1.3rem}.kupon-metin{flex:1 1 180px}.kupon-uygula{margin:0}
@media(prefers-reduced-motion:reduce){.canli-nokta,.rozet-serit.rozet-super_indirim{animation:none}}

/* Yerleşim: kenar çubukları, tutarlı sayfa boşlukları */
.yerlesim{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start;padding-top:28px;padding-bottom:64px}
.yan-sol-var{grid-template-columns:260px minmax(0,1fr)}.yan-sag-var{grid-template-columns:minmax(0,1fr) 260px}
.yan-sol-var.yan-sag-var{grid-template-columns:250px minmax(0,1fr) 250px}
.ana{min-width:0;min-height:44vh;padding:0}
.yan{position:sticky;top:132px;display:flex;flex-direction:column;gap:18px}
.yan-w{background:var(--zemin);border:1px solid var(--kenar);border-radius:calc(var(--kose) + 4px);padding:16px 18px;box-shadow:var(--golge)}
.yan-baslik{font-size:.78rem;text-transform:uppercase;letter-spacing:.09em;color:var(--yazi-2);margin:0 0 .65rem}
.yan-w p{margin:.3rem 0;font-size:.93rem}
.yan-liste,.yan-iletisim{list-style:none;margin:0;padding:0}
.yan-liste li a{display:block;padding:.42rem 0;color:var(--yazi);font-weight:500;border-bottom:1px solid var(--kenar)}.yan-liste li:last-child a{border-bottom:0}.yan-liste li a:hover{color:var(--ana);text-decoration:none}
.yan-iletisim li{padding:.3rem 0;font-size:.93rem;color:var(--yazi-2)}
.yan-urun{display:flex;gap:12px;align-items:center;padding:.45rem 0;color:var(--yazi)}.yan-urun:hover{text-decoration:none}.yan-urun img{width:56px;height:56px;object-fit:cover;border-radius:8px;background:var(--yuzey);flex:none}
.yan-urun span{display:flex;flex-direction:column;gap:2px;min-width:0}.yan-urun b{font-size:.88rem;font-weight:600;line-height:1.3}.yan-urun em{font-style:normal;color:var(--ana);font-weight:700;font-size:.92rem}
.yan-bannerlar{display:flex;flex-direction:column;gap:10px}
.yan-banner{display:flex;align-items:flex-end;min-height:120px;border-radius:var(--kose);background-size:cover;background-position:center;color:#fff;font-weight:700;text-shadow:0 1px 6px rgba(0,0,0,.6);overflow:hidden;position:relative}
.yan-banner::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(0,0,0,.55))}.yan-banner span{position:relative;padding:10px 12px}.yan-banner:hover{text-decoration:none}
.yan-kupon{display:flex;flex-direction:column;gap:6px;padding:.7rem .8rem;margin-bottom:.6rem;border:2px dashed var(--ana);border-radius:var(--kose);background:color-mix(in srgb,var(--ana) 6%,var(--zemin));font-size:.9rem}.yan-kupon b{font-size:1.05rem;letter-spacing:.05em}
@media(max-width:1060px){.yan-sol-var,.yan-sag-var,.yan-sol-var.yan-sag-var{grid-template-columns:minmax(0,1fr)}.yan{position:static}.yan-sol-var .ana,.yan-sag-var .ana{order:1}.yan-sol{order:2}.yan-sag{order:3}}
.form-kutusu{max-width:480px;margin:8px auto 0;padding:30px 32px;background:var(--zemin);border:1px solid var(--kenar);border-radius:calc(var(--kose) + 6px);box-shadow:var(--golge)}
.form-kutusu .sayfa-baslik{text-align:center;font-size:1.6rem}.form-kutusu>p{color:var(--yazi-2)}
.icerik-sayfasi{max-width:880px;margin:0 auto;padding:36px 42px;background:var(--zemin);border:1px solid var(--kenar);border-radius:calc(var(--kose) + 6px);box-shadow:var(--golge)}
.icerik-sayfasi .sayfa-baslik{font-size:2rem;margin-bottom:.8em;padding-bottom:.45em;border-bottom:3px solid var(--ana);display:inline-block}.icerik-sayfasi p{line-height:1.8}
@media(max-width:600px){.icerik-sayfasi{padding:24px 20px}.form-kutusu{padding:22px 18px}}
.bos-kart,.hata-sayfasi{max-width:560px;margin:20px auto;padding:44px 30px;text-align:center;background:var(--zemin);border:1px solid var(--kenar);border-radius:calc(var(--kose) + 6px);box-shadow:var(--golge)}
.bos-ikon{font-size:3.2rem;line-height:1;margin-bottom:.4rem}.bos-kart h2{margin-bottom:.3em}.bos-kart p{color:var(--yazi-2);margin:0 0 1.4rem}
.hata-sayfasi{padding:48px 30px}
.sayfa-baslik{margin-top:0}

/* Ürün kategorileri paneli (menü ikonu ya da sol kenar sekmesi üzerine gelince) */
.kategori-menu .kap{display:flex;align-items:center;gap:6px}
.kat-tetik{display:inline-flex;align-items:center;gap:.5rem;font:inherit;font-weight:700;font-size:.88rem;padding:.42rem .95rem;border:0;border-radius:99px;background:var(--ana);color:var(--ana-yazi);cursor:pointer;white-space:nowrap}.kat-tetik:hover{filter:brightness(1.1)}
.kat-sekme{display:none;position:fixed;left:0;top:36%;z-index:45;flex-direction:column;align-items:center;gap:.7rem;width:44px;padding:1rem 0;border-radius:0 14px 14px 0;box-shadow:6px 8px 24px -10px rgba(0,0,0,.45)}
.kat-sekme span:last-child{writing-mode:vertical-rl;letter-spacing:.1em;font-size:.8rem}
@media(min-width:1340px){.kat-sekme{display:flex}}
.kat-perde{position:fixed;inset:0;background:rgba(8,14,28,.45);z-index:58;backdrop-filter:blur(2px)}
.kat-panel{position:fixed;left:0;top:0;bottom:0;width:min(88vw,300px);z-index:60;display:flex;flex-direction:column;background:var(--zemin);box-shadow:12px 0 40px -14px rgba(0,0,0,.5);transform:translateX(-105%);visibility:hidden;transition:transform .27s cubic-bezier(.2,.8,.2,1),visibility 0s .27s}
.kat-panel.acik{transform:none;visibility:visible;transition-delay:0s}
.kat-baslik{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--kenar);font-size:1.05rem}
.kat-kapat{border:0;background:var(--yuzey);width:32px;height:32px;border-radius:50%;font-size:1.2rem;cursor:pointer;color:var(--yazi)}
.kat-ana{list-style:none;margin:0;padding:8px 10px;flex:1;overflow-y:auto}
.kat-oge>a{display:flex;align-items:center;gap:12px;padding:.55rem .7rem;border-radius:10px;color:var(--yazi);font-weight:600}.kat-oge>a:hover,.kat-oge:hover>a,.kat-oge:focus-within>a{background:var(--yuzey);color:var(--ana);text-decoration:none}
.kat-harf{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:color-mix(in srgb,var(--ana) 14%,var(--zemin));color:var(--ana);font-weight:800;flex:none}
.kat-ad{flex:1}.kat-ok{font-style:normal;opacity:.5;font-size:1.2rem}
.kat-alt{display:none;position:absolute;left:100%;top:0;bottom:0;width:min(62vw,360px);overflow:auto;padding:22px 24px;background:var(--yuzey);box-shadow:12px 0 40px -18px rgba(0,0,0,.5)}
.kat-oge:hover>.kat-alt,.kat-oge:focus-within>.kat-alt{display:block}
.kat-alt-baslik{font-weight:800;font-size:1.05rem;margin-bottom:.6rem}.kat-alt ul{list-style:none;margin:0;padding:0}.kat-alt li a{display:block;padding:.45rem 0;color:var(--yazi);border-bottom:1px solid var(--kenar)}.kat-alt li a:hover{color:var(--ana);text-decoration:none}
.kat-hepsi{display:inline-block;margin-top:.9rem;font-weight:700}
.kat-tum{display:block;margin:10px 16px 16px;padding:.7rem;text-align:center;border-radius:99px;background:var(--ana);color:var(--ana-yazi);font-weight:700}.kat-tum:hover{text-decoration:none;filter:brightness(1.08)}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){.kat-tetik{display:none}.kat-alt{position:static;display:block;width:auto;padding:0 0 6px 46px;background:none;box-shadow:none}.kat-alt-baslik,.kat-hepsi{display:none}.kat-alt li a{padding:.3rem 0;font-size:.9rem;border:0;color:var(--yazi-2)}.kat-panel{width:min(86vw,340px)}}

/* Menü çubuğu: "Kategoriler" düğmesi sıkışmasın */
.kategori-menu .kap{padding-top:8px;padding-bottom:8px;min-height:54px}
.kat-tetik{padding:.6rem 1.25rem;font-size:.92rem;gap:.6rem;box-shadow:0 6px 14px -8px rgba(0,0,0,.5)}
.kategori-menu>.kap>ul>li>a{padding:.6rem .95rem}
.dugme .ik{font-size:1.2em;vertical-align:middle}
.sepete-ekle .dugme.birincil .ik{transition:transform .2s}.sepete-ekle .dugme.birincil:hover .ik{transform:translateX(3px) rotate(-8deg)}

/* ===== Tasarım seçenekleri (Yönetim → Tasarım seçenekleri): <body> sınıflarıyla seçilir, tüm temalarda çalışır ===== */
/* Header: ortalı logo */
body.hd-ortali .ust-satir{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:center}
body.hd-ortali .logo{grid-column:2;grid-row:1;justify-self:center;font-size:1.8rem;flex:none}
body.hd-ortali .arama{grid-column:1;grid-row:1;width:100%;max-width:340px;margin:0}
body.hd-ortali .hesap-menu{grid-column:3;grid-row:1;justify-self:end}
body.hd-ortali .menu-dugme{display:none}
body.hd-ortali .kategori-menu .kap,body.hd-ortali .kategori-menu .kap>ul{justify-content:center}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){body.hd-ortali .ust-satir{display:flex;gap:10px}body.hd-ortali .menu-dugme{display:block}body.hd-ortali .logo{font-size:clamp(1.1rem,5vw,1.45rem);flex:1;min-width:0;justify-self:auto;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}body.hd-ortali .arama{max-width:none}}
/* Header: kompakt */
body.hd-kompakt .ust-satir{padding-top:7px;padding-bottom:7px;gap:14px}
body.hd-kompakt .logo{font-size:1.2rem}
body.hd-kompakt .ust .arama input[type=search]{padding:.45rem .9rem;font-size:.9rem}body.hd-kompakt .ust .arama button{padding:0 .85rem}
body.hd-kompakt .hesap-menu a{padding:.3rem .7rem;font-size:.88rem;gap:.35rem}body.hd-kompakt .hesap-menu .ik{font-size:1.15rem}body.hd-kompakt .hesap-menu .sepet-dugme .sayac{min-width:1.2rem;line-height:1.2rem;font-size:.68rem}
body.hd-kompakt .kategori-menu{background:transparent;border-top:0;border-bottom:1px solid var(--kenar)}
body.hd-kompakt .kategori-menu .kap{min-height:42px;padding-top:4px;padding-bottom:4px}
body.hd-kompakt .kategori-menu>.kap>ul>li>a{padding:.4rem .75rem;font-size:.86rem;color:var(--yazi)}
body.hd-kompakt .kategori-menu>.kap>ul>li>a:hover{color:var(--ana)}
body.hd-kompakt .kat-tetik{padding:.4rem 1rem;font-size:.84rem}
/* Header: koyu */
body.hd-koyu .ust{background:var(--alt-zemin);border-color:rgba(255,255,255,.1)}
body.hd-koyu .logo,body.hd-koyu .menu-dugme,body.hd-koyu .hesap-menu a:not(.sepet-dugme),body.hd-koyu .ust-iletisim{color:#fff}body.hd-koyu .ust-iletisim-yazi small{color:rgba(255,255,255,.65)}
body.hd-koyu .arama{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.18)}body.hd-koyu .ust .arama input[type=search]{color:#fff}
body.hd-koyu .arama input::placeholder{color:rgba(255,255,255,.55)}
body.hd-koyu .hesap-menu a:not(.sepet-dugme):hover{background:rgba(255,255,255,.1)}
body.hd-koyu .kategori-menu{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1)}
body.hd-koyu .kategori-menu>.kap>ul>li>a{color:#dbe4f3}body.hd-koyu .kategori-menu>.kap>ul>li>a:hover{color:#fff;background:rgba(255,255,255,.1)}
body.hd-koyu .kategori-menu li ul a{color:var(--yazi)}
/* Üst bölüm (banner) */
body.hr-tam .yerlesim:not(.yan-sol-var):not(.yan-sag-var) .banner-kaydirici,body.hr-tam .yerlesim:not(.yan-sol-var):not(.yan-sag-var) .karsilama{border-radius:0;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);width:auto}
body.hr-tam{overflow-x:clip}
body.hr-serit .banner{align-items:flex-end}
body.hr-serit .banner-metin{margin:0;max-width:none;width:100%;border-radius:0;background:linear-gradient(0deg,rgba(8,12,24,.82),rgba(8,12,24,0));color:#fff;padding:44px clamp(16px,4vw,48px) 22px}
body.hr-serit .banner-metin h2,body.hr-serit .banner-metin p{color:#fff}
body.hr-bolunmus .banner{background-size:auto 100%;background-repeat:no-repeat;background-position:right center;background-color:var(--yuzey)}
body.hr-bolunmus .banner-metin{background:transparent;box-shadow:none;padding-left:0;max-width:46%}
@media(max-width:700px){body.hr-bolunmus .banner{background-size:cover;background-position:center}body.hr-bolunmus .banner-metin{background:rgba(255,255,255,.88);max-width:none;padding-left:18px}}
body.hr-kompakt .banner-kaydirici{aspect-ratio:8/2.4;min-height:150px;margin-bottom:24px}
body.hr-kompakt .banner-metin{padding:12px 18px;max-width:430px}body.hr-kompakt .banner-metin h2{font-size:clamp(1.1rem,2.2vw,1.6rem)}
body.hr-kompakt .karsilama{padding:30px 16px;margin-bottom:24px}
@media(max-width:700px){body.hr-kompakt .banner-kaydirici{aspect-ratio:auto;min-height:170px}}
/* Footer */
body.ft-acik .alt{--alt-zemin:var(--yuzey);--alt-yazi:var(--yazi-2);--alt-baslik:var(--yazi);--alt-kenar:var(--kenar);border-top:1px solid var(--kenar)}
body.ft-acik .odeme-rozetleri i{background:var(--zemin)}
body.ft-minimal .alt-guven{display:none}
body.ft-minimal .alt-izgara{grid-template-columns:minmax(220px,1.5fr) repeat(auto-fit,minmax(140px,1fr));padding-top:26px;padding-bottom:20px;gap:20px}
body.ft-minimal .alt-izgara>div:has(a[href^="/kategori/"]){display:none}
body.ft-ortali .alt-guven-ic>div{border-left:0;border-bottom:3px solid var(--ana);padding:0 0 10px;align-items:center;text-align:center}
body.ft-ortali .alt-izgara{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));text-align:center}
body.ft-ortali .alt-marka p{margin-left:auto;margin-right:auto}
body.ft-ortali .alt-son .kap{justify-content:center;text-align:center}
body.ft-renkli .alt{--alt-yazi:rgba(255,255,255,.82);--alt-baslik:#fff;--alt-kenar:rgba(255,255,255,.2);background:linear-gradient(135deg,var(--ana),color-mix(in srgb,var(--ana) 45%,#000))}
body.ft-renkli .alt-guven-ic>div{border-left-color:#fff}
/* Ürün sayfası */
body.sayfa-urun.ur-yan .urun-detay{grid-template-columns:minmax(0,var(--ug-ya,50fr)) minmax(0,var(--ug-yb,50fr))}
body.sayfa-urun.ur-yan .galeri{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;align-items:start}
body.sayfa-urun.ur-yan .galeri-kucuk{order:-1;flex-direction:column;flex-wrap:nowrap;margin:0}
body.sayfa-urun.ur-yan .galeri-kucuk button{width:78px;height:78px}
@media(max-width:820px){body.sayfa-urun.ur-yan .galeri{display:block}body.sayfa-urun.ur-yan .galeri-kucuk{flex-direction:row;flex-wrap:wrap;margin-top:10px}body.sayfa-urun.ur-yan .galeri-kucuk button{width:64px;height:64px}}
body.sayfa-urun.ur-sabit .urun-bilgi{position:sticky;top:140px;align-self:start;background:var(--zemin);border:1px solid var(--kenar);border-radius:calc(var(--kose) + 6px);padding:26px;box-shadow:var(--golge)}
@media(max-width:820px){body.sayfa-urun.ur-sabit .urun-bilgi{position:static;padding:18px}}
body.sayfa-urun.ur-dikey .urun-detay{grid-template-columns:minmax(0,1fr);max-width:780px;margin:0 auto 40px;gap:24px}
body.sayfa-urun.ur-dikey .galeri-ana{aspect-ratio:4/3}
body.sayfa-urun.ur-dikey .urun-detay>.galeri{max-width:80%;margin-inline:auto}
@media(max-width:480px){body.sayfa-urun.ur-dikey .urun-detay>.galeri{max-width:100%}}
body.sayfa-urun.ur-genis .urun-detay{grid-template-columns:minmax(0,var(--ug-ga,55fr)) minmax(0,var(--ug-gb,45fr));gap:32px}
body.sayfa-urun.ur-genis .galeri-ana{aspect-ratio:4/3}
@media(max-width:820px){body.sayfa-urun.ur-genis .urun-detay{grid-template-columns:1fr}}
/* Kategori / liste sayfası */
body.sayfa-liste.kt-genis .urun-izgara{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:26px}
body.sayfa-liste.kt-genis .kart-gorsel{aspect-ratio:4/3}
@media(max-width:520px){body.sayfa-liste.kt-genis .urun-izgara{grid-template-columns:1fr}}
body.sayfa-liste.kt-kompakt .urun-izgara{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
body.sayfa-liste.kt-kompakt .kart-icerik{padding:8px 10px 10px}body.sayfa-liste.kt-kompakt .kart-icerik h3{font-size:.86rem}body.sayfa-liste.kt-kompakt .marka{display:none}
body.sayfa-liste.kt-liste .urun-izgara{grid-template-columns:1fr;gap:14px}
body.sayfa-liste.kt-liste .urun-karti{flex-direction:row}
body.sayfa-liste.kt-liste .kart-gorsel{width:190px;flex:none;aspect-ratio:1}
body.sayfa-liste.kt-liste .kart-icerik{padding:16px 20px;display:flex;flex-direction:column;justify-content:center}
body.sayfa-liste.kt-liste .kart-icerik h3{font-size:1.1rem}
@media(max-width:560px){body.sayfa-liste.kt-liste .kart-gorsel{width:116px}body.sayfa-liste.kt-liste .kart-icerik{padding:10px 12px}}
body.sayfa-liste.kt-bandli .sayfa-baslik{padding:26px 28px;border-radius:calc(var(--kose) + 6px);background:linear-gradient(120deg,var(--ana),color-mix(in srgb,var(--ana) 55%,var(--vurgu)));color:var(--ana-yazi);margin-bottom:18px}
body.sayfa-liste.kt-bandli .sayfa-baslik small{color:inherit;opacity:.85}
body.sayfa-liste.kt-bandli .filtre{background:var(--yuzey);border:0;border-radius:99px;padding:10px 20px}
@media(max-width:600px){body.sayfa-liste.kt-bandli .sayfa-baslik{padding:18px}body.sayfa-liste.kt-bandli .filtre{border-radius:var(--kose)}}

/* ===== Sepet ve ödeme ===== */
.sepet-baslik{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;margin-bottom:22px}
.sepet-baslik .sayfa-baslik{margin:0}.sepet-baslik .sayfa-baslik small{font-size:.5em;color:var(--yazi-2);font-weight:600}
.akis-adimlari{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding:0;counter-reset:a}
.akis-adimlari li{display:flex;align-items:center;gap:8px;color:var(--yazi-2);font-weight:600;font-size:.9rem}
.akis-adimlari li+li::before{content:"";width:28px;height:2px;background:var(--kenar);margin-right:2px}
.akis-adimlari b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--kenar);color:var(--yazi);font-size:.8rem}
.akis-adimlari .aktif{color:var(--yazi)}.akis-adimlari .aktif b{background:var(--ana);color:var(--ana-yazi)}
.akis-adimlari .bitti b{background:var(--basari);color:#fff}
@media(max-width:560px){.akis-adimlari span{display:none}.akis-adimlari .aktif span{display:inline}.akis-adimlari li+li::before{width:16px}}
.sepet-duzen,.odeme-duzen{grid-template-columns:minmax(0,1fr) 380px;gap:28px}
@media(max-width:900px){.sepet-duzen,.odeme-duzen{grid-template-columns:1fr}}
.sepet-liste{background:var(--zemin);border:1px solid var(--kenar);border-radius:calc(var(--kose) + 6px);box-shadow:var(--golge);padding:6px 22px 20px}
.sepet-satirlar{margin:0}
.sepet-satir{grid-template-columns:96px minmax(0,1fr) auto 110px 40px;gap:18px;padding:18px 0}
.sepet-satir:last-child{border-bottom:0}
.sepet-gorsel{display:block}.sepet-satir img{width:96px;height:96px;object-fit:cover;border-radius:12px;background:var(--yuzey);border:1px solid var(--kenar)}
.sepet-ad>a{color:var(--yazi);font-weight:700;font-size:1.02rem;line-height:1.3}.sepet-ad>a:hover{color:var(--ana);text-decoration:none}
.sepet-ad small{display:block;margin:.15rem 0 .35rem}
.adet-kontrol{display:inline-flex;align-items:center;border:1px solid var(--kenar);border-radius:99px;background:var(--zemin);overflow:hidden}
.adet-kontrol button{width:36px;height:38px;border:0;background:transparent;color:var(--yazi);font-size:1.2rem;cursor:pointer;line-height:1}.adet-kontrol button:hover{background:var(--yuzey);color:var(--ana)}
.adet-kontrol input{width:46px;text-align:center;border:0!important;border-radius:0!important;padding:.45rem 0!important;background:transparent!important;-moz-appearance:textfield}
.adet-kontrol input::-webkit-outer-spin-button,.adet-kontrol input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sepet-tutar{font-size:1.08rem}
.sepet-sil{display:grid;place-items:center;width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:var(--yazi-2);cursor:pointer;transition:background .15s,color .15s}
.sepet-sil .ik{font-size:1.2rem}.sepet-sil:hover{background:color-mix(in srgb,var(--hata) 12%,transparent);color:var(--hata)}
.sepet-alt{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:16px;border-top:1px solid var(--kenar)}
.sepet-satir:last-child+*{border-top:0}
@media(max-width:700px){
  .sepet-liste{padding:2px 14px 16px}
  .sepet-satir{grid-template-columns:76px minmax(0,1fr) auto;grid-template-areas:"g a s" "g n t";gap:8px 12px;align-items:start}
  .sepet-satir>.sepet-gorsel{grid-area:g}.sepet-satir img{width:76px;height:76px}
  .sepet-satir>.sepet-ad{grid-area:a}.sepet-satir>.adet-kontrol{grid-area:n}.sepet-satir>.sepet-tutar{grid-area:t;align-self:center}.sepet-satir>.sepet-sil{grid-area:s}
}
.ozet-kutusu{background:var(--zemin);border-radius:calc(var(--kose) + 6px);box-shadow:var(--golge);padding:24px}
.ozet-kutusu h2{font-size:1.15rem;margin-bottom:.9rem}
.kupon-formu input{border-radius:99px}.kupon-formu .dugme{border-radius:99px}
.ozet-liste .indirim{color:var(--basari);font-weight:700}
.ucretsiz-kargo{display:flex;gap:8px;align-items:center;margin:.4rem 0 1rem;padding:.65rem .8rem;border-radius:10px;background:color-mix(in srgb,var(--basari) 10%,var(--zemin));color:var(--basari);font-size:.9rem;font-weight:600}
.ozet-kutusu .dugme.tam{margin-top:.4rem}
.guven-liste{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--kenar);display:grid;gap:8px;font-size:.88rem;color:var(--yazi-2)}
.guven-liste li{display:flex;gap:8px;align-items:center}.guven-liste .ik{color:var(--basari);font-size:1.1rem}
.ozet-kutusu .odeme-rozetleri{margin-top:14px}.ozet-kutusu .odeme-rozetleri i{border-color:var(--kenar);color:var(--yazi-2);background:var(--zemin)}
.odeme-duzen fieldset{background:var(--zemin);border-radius:calc(var(--kose) + 4px);padding:18px 20px}
.odeme-duzen legend{font-size:1.02rem}
.secenek{border-radius:12px;padding:12px 14px}
/* Ödeme: adım adım düzen (Yönetim → Tasarım seçenekleri → Ödeme sayfası) */
.odeme-adimlar,.odeme-nav,.onay-ozet{display:none}
.odeme-adim{display:contents}
body.od-adim .odeme-adim{display:block}
body.od-adim .odeme-adim:not(.aktif){display:none}
body.od-adim .odeme-adimlar{display:flex;gap:6px;list-style:none;margin:0 0 18px;padding:0;counter-reset:s}
body.od-adim .odeme-adimlar li{flex:1;display:flex;align-items:center;gap:8px;padding:.6rem .8rem;border-radius:12px;background:var(--yuzey);border:1px solid var(--kenar);color:var(--yazi-2);font-weight:600;font-size:.88rem;cursor:default;counter-increment:s}
body.od-adim .odeme-adimlar li::before{content:counter(s);display:grid;place-items:center;flex:none;width:24px;height:24px;border-radius:50%;background:var(--kenar);color:var(--yazi);font-size:.78rem}
body.od-adim .odeme-adimlar li.aktif{background:var(--zemin);border-color:var(--ana);color:var(--yazi);box-shadow:0 0 0 3px color-mix(in srgb,var(--ana) 15%,transparent)}
body.od-adim .odeme-adimlar li.aktif::before{background:var(--ana);color:var(--ana-yazi)}
body.od-adim .odeme-adimlar li.bitti{color:var(--yazi);cursor:pointer}body.od-adim .odeme-adimlar li.bitti::before{content:"✓";background:var(--basari);color:#fff}
@media(max-width:700px){body.od-adim .odeme-adimlar li{font-size:0;padding:.5rem;justify-content:center}body.od-adim .odeme-adimlar li::before{font-size:.8rem}body.od-adim .odeme-adimlar li.aktif{font-size:.82rem;flex:2}}
body.od-adim .odeme-nav{display:flex;justify-content:space-between;gap:10px;margin-top:18px}
body.od-adim .odeme-nav .dugme[hidden]{display:none}
body.od-adim .ozet-kutusu .ozet-gonder{display:none}
body.od-adim .onay-ozet{display:block;margin-bottom:14px;padding:18px 20px;border:1px solid var(--kenar);border-radius:calc(var(--kose) + 4px);background:var(--yuzey)}
.onay-liste{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px 16px;margin:0}.onay-liste dt{font-weight:700;color:var(--yazi-2);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em}.onay-liste dd{margin:0;overflow-wrap:anywhere}
@media(max-width:560px){.onay-liste{grid-template-columns:1fr;gap:2px}.onay-liste dd{margin-bottom:8px}body.od-adim .odeme-nav{position:sticky;bottom:0;background:var(--zemin);padding:10px 0;border-top:1px solid var(--kenar);z-index:5}body.od-adim.alt-nav-var .odeme-nav{bottom:64px}}

/* Kart ve güvenlik logoları */
.kart-logolar{display:inline-flex;flex-wrap:wrap;gap:8px;align-items:center}
.kart-logolar img{height:30px;width:auto;border-radius:6px;display:block;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.sepet-logolar{margin-top:14px}.sepet-logolar:empty{display:none}
.alt-son .kart-logolar img{height:28px}
@media(max-width:560px){.kart-logolar{gap:6px}.kart-logolar img{height:26px}}

/* Kategori paneli sağda */
.kat-sekme.kat-sag{left:auto;right:0;border-radius:14px 0 0 14px;box-shadow:-6px 8px 24px -10px rgba(0,0,0,.45)}
.kat-panel.kat-sag{left:auto;right:0;transform:translateX(105%);box-shadow:-12px 0 40px -14px rgba(0,0,0,.5)}
.kat-panel.kat-sag.acik{transform:none}
.kat-panel.kat-sag .kat-alt{left:auto;right:100%;box-shadow:-12px 0 40px -18px rgba(0,0,0,.5)}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){.kat-panel.kat-sag .kat-alt{right:auto}}

/* Mobil alt gezinme çubuğu */
.alt-nav{display:none}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){
  .alt-nav{position:fixed;left:0;right:0;bottom:0;z-index:55;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--zemin);border-top:1px solid var(--kenar);box-shadow:0 -8px 26px -14px rgba(0,0,0,.35);padding-bottom:env(safe-area-inset-bottom)}
  .alt-nav-oge{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.55rem .2rem .45rem;color:var(--yazi-2);font-size:.68rem;font-weight:600}.alt-nav-oge:hover{text-decoration:none}
  .alt-nav-oge .ik{font-size:1.45rem;position:relative}
  .alt-nav-oge em{position:absolute;top:-7px;right:-11px;font-style:normal;background:var(--vurgu);color:#fff;border-radius:99px;font-size:.62rem;line-height:1.5;padding:0 .4em;min-width:1.5em;text-align:center;font-family:var(--font)}
  .alt-nav-oge.aktif{color:var(--ana)}
  .alt-nav .kat-tetik{display:flex;background:none;color:var(--yazi-2);border-radius:0;padding:.55rem .2rem .45rem;font-size:.68rem;font-weight:600;filter:none}
  body.alt-nav-var{padding-bottom:68px}.kat-sekme{display:none!important}
}

/* Giriş + üye ol yan yana, captcha */
.hesap-ikili{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:980px;margin:0 auto;align-items:start}
.hesap-kutu{background:var(--zemin);border:1px solid var(--kenar);border-radius:calc(var(--kose) + 4px);padding:26px 28px;box-shadow:var(--golge)}
.hesap-kutu .sayfa-baslik{font-size:1.5rem;margin-bottom:.2em}.hesap-kutu>.ipucu{margin-top:0}
@media(max-width:780px){.hesap-ikili{grid-template-columns:1fr}}
.captcha-kutu{margin:.4rem 0 1rem}
.captcha-satir{display:flex;gap:10px;align-items:center;margin-bottom:.55rem}
.captcha-resim{border:1px solid var(--kenar);border-radius:8px;background:#f2f4f9;max-width:100%;height:auto}
.captcha-yenile{padding:.45rem .8rem;font-size:1.25rem;line-height:1}
.captcha-kutu input{text-transform:uppercase;letter-spacing:.22em;font-weight:700}
.captcha-kutu .alan small{font-weight:400;color:var(--yazi-2)}

/* IKONLAR:BASLA (araclar: ikonlar.mjs ile üretilir) */
.ik{display:inline-block;flex:none;width:1.25em;height:1.25em;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat;vertical-align:-.2em}
.ik-home{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011l9-8%209%208%22%2F%3E%3Cpath%20d%3D%22M5%2010v10h14V10%22%2F%3E%3Cpath%20d%3D%22M10%2020v-6h4v6%22%2F%3E%3C%2Fsvg%3E")}
.ik-grid{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%223%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3Crect%20x%3D%2214%22%20y%3D%2214%22%20width%3D%227%22%20height%3D%227%22%20rx%3D%221.5%22%2F%3E%3C%2Fsvg%3E")}
.ik-search{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%227%22%2F%3E%3Cpath%20d%3D%22M21%2021l-4.3-4.3%22%2F%3E%3C%2Fsvg%3E")}
.ik-cart{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2220%22%20r%3D%221.5%22%2F%3E%3Ccircle%20cx%3D%2218%22%20cy%3D%2220%22%20r%3D%221.5%22%2F%3E%3Cpath%20d%3D%22M2%203h3l2.7%2012.4a2%202%200%200%200%202%201.6h7.7a2%202%200%200%200%202-1.5L21%208H6%22%2F%3E%3C%2Fsvg%3E")}
.ik-user{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M4%2021c0-4.4%203.6-7%208-7s8%202.6%208%207%22%2F%3E%3C%2Fsvg%3E")}
.ik-heart{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%2021s-8-5.2-8-11a4.5%204.5%200%200%201%208-2.8A4.5%204.5%200%200%201%2020%2010c0%205.8-8%2011-8%2011z%22%2F%3E%3C%2Fsvg%3E")}
.ik-phone{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h4l2%205-2.5%201.5a11%2011%200%200%200%206%206L16%2013l5%202v4a2%202%200%200%201-2%202A16%2016%200%200%201%203%205a2%202%200%200%201%202-2z%22%2F%3E%3C%2Fsvg%3E")}
.ik-chat{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012a8%208%200%200%201-11.6%207.1L4%2020l1.1-4.4A8%208%200%201%201%2021%2012z%22%2F%3E%3C%2Fsvg%3E")}
.ik-tag{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2012V4a1%201%200%200%201%201-1h8l9%209-9%209-9-9z%22%2F%3E%3Ccircle%20cx%3D%228%22%20cy%3D%228%22%20r%3D%221.4%22%2F%3E%3C%2Fsvg%3E")}
.ik-book{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%204h6a3%203%200%200%201%203%203v13a2%202%200%200%200-2-2H4z%22%2F%3E%3Cpath%20d%3D%22M20%204h-6a3%203%200%200%200-1%20.2%22%2F%3E%3Cpath%20d%3D%22M20%204v14h-7%22%2F%3E%3C%2Fsvg%3E")}
.ik-info{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3Cpath%20d%3D%22M12%2011v5%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%228%22%20r%3D%22.6%22%2F%3E%3C%2Fsvg%3E")}
.ik-star{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l2.7%205.6%206.1.9-4.4%204.3%201%206.1L12%2017l-5.4%202.9%201-6.1L3.2%209.5l6.1-.9z%22%2F%3E%3C%2Fsvg%3E")}
.ik-receipt{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h12v18l-3-2-3%202-3-2-3%202z%22%2F%3E%3Cpath%20d%3D%22M9%208h6M9%2012h6%22%2F%3E%3C%2Fsvg%3E")}
.ik-users{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%223.5%22%2F%3E%3Cpath%20d%3D%22M2%2020c0-3.6%203-6%207-6s7%202.4%207%206%22%2F%3E%3Cpath%20d%3D%22M16%204.5a3.5%203.5%200%200%201%200%207M22%2020c0-2.8-1.8-4.8-4.5-5.6%22%2F%3E%3C%2Fsvg%3E")}
.ik-ticket{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%207h18v3a2%202%200%200%200%200%204v3H3v-3a2%202%200%200%200%200-4z%22%2F%3E%3Cpath%20d%3D%22M14%207v10%22%2F%3E%3C%2Fsvg%3E")}
.ik-box{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%208l-9-5-9%205v8l9%205%209-5z%22%2F%3E%3Cpath%20d%3D%22M3%208l9%205%209-5M12%2013v8%22%2F%3E%3C%2Fsvg%3E")}
.ik-folder{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%206a2%202%200%200%201%202-2h4l2%203h8a2%202%200%200%201%202%202v9a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2z%22%2F%3E%3C%2Fsvg%3E")}
.ik-chart{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020V10M10%2020V4M16%2020v-7M22%2020H2%22%2F%3E%3C%2Fsvg%3E")}
.ik-menu{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%206h16M4%2012h16M4%2018h16%22%2F%3E%3C%2Fsvg%3E")}
.ik-megaphone{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2011v3a1%201%200%200%200%201%201h3l8%204V6L7%2010H4a1%201%200%200%200-1%201z%22%2F%3E%3Cpath%20d%3D%22M18%209a4%204%200%200%201%200%206%22%2F%3E%3C%2Fsvg%3E")}
.ik-file{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%203h8l5%205v13H6z%22%2F%3E%3Cpath%20d%3D%22M14%203v5h5M9%2013h7M9%2017h7%22%2F%3E%3C%2Fsvg%3E")}
.ik-image{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2210%22%20r%3D%221.6%22%2F%3E%3Cpath%20d%3D%22M21%2016l-5-5-8%208%22%2F%3E%3C%2Fsvg%3E")}
.ik-palette{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203a9%209%200%201%200%200%2018c1.5%200%202-1%201.5-2.2-.6-1.4.2-2.8%201.8-2.8H18a3%203%200%200%200%203-3A9%209%200%200%200%2012%203z%22%2F%3E%3Ccircle%20cx%3D%227.5%22%20cy%3D%2211%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%227%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2216%22%20cy%3D%228%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E")}
.ik-gear{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%202v3M12%2019v3M2%2012h3M19%2012h3M4.9%204.9l2.1%202.1M17%2017l2.1%202.1M4.9%2019.1L7%2017M17%207l2.1-2.1%22%2F%3E%3C%2Fsvg%3E")}
.ik-card{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%2220%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M2%2010h20M6%2015h4%22%2F%3E%3C%2Fsvg%3E")}
.ik-truck{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M2%206h12v10H2zM14%209h4l4%204v3h-8z%22%2F%3E%3Ccircle%20cx%3D%226%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2217%22%20cy%3D%2218%22%20r%3D%222%22%2F%3E%3C%2Fsvg%3E")}
.ik-mail{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M3%207l9%206%209-6%22%2F%3E%3C%2Fsvg%3E")}
.ik-building{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2021V4a1%201%200%200%201%201-1h9a1%201%200%200%201%201%201v17M15%209h4a1%201%200%200%201%201%201v11M2%2021h20M8%208h3M8%2012h3M8%2016h3%22%2F%3E%3C%2Fsvg%3E")}
.ik-calc{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%2214%22%20height%3D%2218%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M8%207h8M8%2012h2M12%2012h2M8%2016h2M12%2016h2%22%2F%3E%3C%2Fsvg%3E")}
.ik-key{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%228%22%20cy%3D%2215%22%20r%3D%224%22%2F%3E%3Cpath%20d%3D%22M11%2012l9-9M16%207l3%203%22%2F%3E%3C%2Fsvg%3E")}
.ik-id{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2211%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M6%2016c0-1.7%201.3-3%203-3s3%201.3%203%203M14%2010h4M14%2014h4%22%2F%3E%3C%2Fsvg%3E")}
.ik-save{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%203h12l3%203v15H5z%22%2F%3E%3Cpath%20d%3D%22M8%203v6h8V3M8%2021v-6h8v6%22%2F%3E%3C%2Fsvg%3E")}
.ik-sparkle{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203l1.8%205.2L19%2010l-5.2%201.8L12%2017l-1.8-5.2L5%2010l5.2-1.8zM19%2016l.8%202.2L22%2019l-2.2.8L19%2022l-.8-2.2L16%2019l2.2-.8z%22%2F%3E%3C%2Fsvg%3E")}
.ik-layout{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M9%204v16M15%204v16%22%2F%3E%3C%2Fsvg%3E")}
.ik-bot{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%224%22%20y%3D%228%22%20width%3D%2216%22%20height%3D%2212%22%20rx%3D%223%22%2F%3E%3Cpath%20d%3D%22M12%208V5M9%2013v2M15%2013v2%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%224%22%20r%3D%221%22%2F%3E%3C%2Fsvg%3E")}
.ik-plus{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%205v14M5%2012h14%22%2F%3E%3C%2Fsvg%3E")}
.ik-bell{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%2016V11a6%206%200%200%201%2012%200v5l2%202H4zM10%2021h4%22%2F%3E%3C%2Fsvg%3E")}
.ik-external{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%204h6v6M20%204l-9%209M18%2014v5a1%201%200%200%201-1%201H5a1%201%200%200%201-1-1V7a1%201%200%200%201%201-1h5%22%2F%3E%3C%2Fsvg%3E")}
.ik-logout{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%2021H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h4M16%2017l5-5-5-5M21%2012H9%22%2F%3E%3C%2Fsvg%3E")}
.ik-wand{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020L16%208M14%206l4%204M18%203v3M16.5%204.5h3M6%205v2M5%206h2M20%2014v2M19%2015h2%22%2F%3E%3C%2Fsvg%3E")}
.ik-check{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2012l5%205L20%206%22%2F%3E%3C%2Fsvg%3E")}
.ik-down{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%209l6%206%206-6%22%2F%3E%3C%2Fsvg%3E")}
.ik-grip{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%226%22%20r%3D%221.4%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%226%22%20r%3D%221.4%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2212%22%20r%3D%221.4%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2212%22%20r%3D%221.4%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%229%22%20cy%3D%2218%22%20r%3D%221.4%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2218%22%20r%3D%221.4%22%20fill%3D%22black%22%20stroke%3D%22none%22%2F%3E%3C%2Fsvg%3E")}
.ik-edit{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%2020h4L19%209l-4-4L4%2016z%22%2F%3E%3Cpath%20d%3D%22M13%207l4%204%22%2F%3E%3C%2Fsvg%3E")}
.ik-whatsapp{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M21%2012a8%208%200%200%201-11.6%207.1L4%2020l1.1-4.4A8%208%200%201%201%2021%2012z%22%2F%3E%3Cpath%20d%3D%22M9.2%208.6c-.4%202.4%202.4%205.6%205.6%206.2l1.2-1.4-1.9-1.1-.9.7a4.6%204.6%200%200%201-1.7-1.7l.7-.9-1.1-1.9z%22%2F%3E%3C%2Fsvg%3E")}
.ik-refresh{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2011a8%208%200%200%200-14.5-4M4%204v4h4M4%2013a8%208%200%200%200%2014.5%204M20%2020v-4h-4%22%2F%3E%3C%2Fsvg%3E")}
.ik-trending{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2017l6-6%204%204%208-8M15%207h6v6%22%2F%3E%3C%2Fsvg%3E")}
.ik-close{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%206l12%2012M18%206L6%2018%22%2F%3E%3C%2Fsvg%3E")}
.ik-chevron{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M9%206l6%206-6%206%22%2F%3E%3C%2Fsvg%3E")}
.ik-bolt{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M13%202L4%2014h7l-1%208%209-12h-7z%22%2F%3E%3C%2Fsvg%3E")}
.ik-instagram{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%2218%22%20height%3D%2218%22%20rx%3D%225%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%224%22%2F%3E%3Ccircle%20cx%3D%2217.3%22%20cy%3D%226.7%22%20r%3D%22.6%22%2F%3E%3C%2Fsvg%3E")}
.ik-facebook{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M14%208h3V4h-3a4%204%200%200%200-4%204v3H7v4h3v6h4v-6h3l1-4h-4V8z%22%2F%3E%3C%2Fsvg%3E")}
.ik-arrow-left{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M20%2012H5M11%206l-6%206%206%206%22%2F%3E%3C%2Fsvg%3E")}
.ik-trash{--i:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M4%207h16M10%2011v6M14%2011v6M6%207l1%2013h10l1-13M9%207V4h6v3%22%2F%3E%3C%2Fsvg%3E")}
/* IKONLAR:BITIR */

/* Kart yüzeyleri: sayfa zemini krem/gri olan temalarda formlar, kartlar ve özet kutuları beyaz görünsün */
.form-kutusu,.hesap-kutu,.icerik-sayfasi,.bos-kart,.hata-sayfasi,.yan-w,.urun-karti,.sepet-liste,.ozet-kutusu,.odeme-duzen fieldset,body.sayfa-urun.ur-sabit .urun-bilgi{background:var(--kart-zemin,#fff)}

/* ===== Mobil menü (Tasarım seçenekleri → Mobil menü): yan çekmece ya da tam sayfa ===== */
.mm{display:none}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){
  .mm{display:block;position:fixed;inset:0;z-index:90;visibility:hidden;pointer-events:none;transition:visibility 0s .3s}
  .menu-ac:checked~.mm{visibility:visible;pointer-events:auto;transition-delay:0s}
  body:has(.menu-ac:checked){overflow:hidden}
  .mm-perde{position:absolute;inset:0;background:rgba(15,23,42,.58);backdrop-filter:blur(2px);opacity:0;transition:opacity .28s}
  .menu-ac:checked~.mm .mm-perde{opacity:1}
  .mm-panel{position:absolute;top:0;bottom:0;left:0;width:min(86vw,380px);display:flex;flex-direction:column;background:var(--kart-zemin,#fff);color:var(--yazi);overflow-y:auto;overscroll-behavior:contain;transform:translateX(-102%);transition:transform .3s cubic-bezier(.22,.8,.3,1);box-shadow:12px 0 40px rgba(0,0,0,.25)}
  .menu-ac:checked~.mm .mm-panel{transform:none}
  .mm-ust{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--kenar);position:sticky;top:0;background:inherit;z-index:1}
  .mm-logo{font:800 1.25rem var(--font-baslik);color:var(--ana);display:flex;align-items:center}.mm-logo:hover{text-decoration:none}
  .mm-kapat{display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;font-weight:600;padding:.4rem .7rem;border-radius:99px;background:var(--yuzey)}.mm-kapat .ik{font-size:1.15rem}.mm-kapat b{font-weight:600}
  .mm-liste{list-style:none;margin:0;padding:6px 0;flex:1}
  .mm-liste>li{border-bottom:1px solid var(--kenar)}
  .mm-liste a,.mm-liste summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:1rem 18px;color:var(--yazi);font-weight:600;font-size:1.02rem;cursor:pointer;list-style:none;transition:background .15s,color .15s}
  .mm-liste summary::-webkit-details-marker{display:none}
  .mm-liste a:hover,.mm-liste summary:hover,.mm-liste a:active,.mm-liste summary:active{background:color-mix(in srgb,var(--ana) 9%,transparent);color:var(--ana);text-decoration:none}
  .mm-ok{font-size:1.1rem;opacity:.55;transition:transform .2s}
  .mm-liste details[open]>summary{color:var(--ana)}.mm-liste details[open]>summary .mm-ok{transform:rotate(90deg);opacity:1}
  .mm-liste details ul{list-style:none;margin:0;padding:2px 0 10px;background:color-mix(in srgb,var(--ana) 5%,transparent)}
  .mm-liste details ul a{padding:.72rem 18px .72rem 32px;font-weight:500;font-size:.96rem}
  .mm-alt{display:grid;gap:2px;padding:12px 10px 22px;border-top:1px solid var(--kenar);background:var(--yuzey)}
  .mm-alt a{display:flex;align-items:center;gap:.7rem;padding:.8rem 10px;border-radius:12px;color:var(--yazi);font-weight:600}.mm-alt a:hover{background:color-mix(in srgb,var(--ana) 10%,transparent);text-decoration:none}
  .mm-alt .ik{font-size:1.3rem;color:var(--ana)}

  /* Tam sayfa: ekranı kaplayan koyu menü, ortada büyük bağlantılar */
  body.mm-tam .mm-perde{display:none}
  body.mm-tam .mm-panel{width:100%;left:0;right:0;background:var(--alt-zemin,#0f2547);color:#fff;transform:none;opacity:0;transition:opacity .3s;align-items:center;box-shadow:none}
  body.mm-tam .menu-ac:checked~.mm .mm-panel{opacity:1}
  body.mm-tam .mm-ust{width:100%;background:transparent;border:0;padding:18px 20px}
  body.mm-tam .mm-logo{color:#fff}
  body.mm-tam .mm-kapat{background:rgba(255,255,255,.12);color:#fff}
  body.mm-tam .mm-liste{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:520px;padding:10px 24px}
  body.mm-tam .mm-liste>li{border:0}
  body.mm-tam .mm-liste a,body.mm-tam .mm-liste summary{justify-content:center;text-align:center;color:#fff;font:600 1.35rem var(--font-baslik);letter-spacing:.08em;text-transform:uppercase;padding:.8rem 10px}
  body.mm-tam .mm-liste a:hover,body.mm-tam .mm-liste summary:hover,body.mm-tam .mm-liste details[open]>summary{background:transparent;color:var(--vurgu,#fbbf24)}
  body.mm-tam .mm-ok{display:none}
  body.mm-tam .mm-liste details ul{background:transparent;padding:0 0 8px}
  body.mm-tam .mm-liste details ul a{font:500 1rem var(--font-govde,inherit);letter-spacing:.04em;text-transform:none;padding:.45rem 10px;color:rgba(255,255,255,.78)}
  body.mm-tam .mm-alt{width:100%;background:transparent;border:0;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 18px;padding:6px 20px 28px}
  body.mm-tam .mm-alt a{color:rgba(255,255,255,.85);font-weight:500;font-size:.92rem;padding:.5rem .6rem}.mm-tam .mm-alt .ik{color:#fff}
  body.mm-tam .mm-alt a:hover{background:rgba(255,255,255,.1)}
}
/* Ürün sayfası: Sepete ekle / Hemen al / WhatsApp yan yana */
.sepete-ekle{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px}.sepete-ekle>.alan:not(.adet){flex:1 1 100%}
.dugme.hemen-al{background:var(--vurgu,#f97316);border-color:var(--vurgu,#f97316);color:#fff;box-shadow:0 6px 16px -8px var(--vurgu,#f97316)}.dugme.hemen-al:hover{filter:brightness(1.08)}

/* ===== Ana menü açılır alt menü ve hover: temanın rengine uyar ===== */
.kategori-menu>.kap>ul>li>a{border-radius:10px;transition:background .15s,color .15s}
.kategori-menu>.kap>ul>li>a:hover,.kategori-menu>.kap>ul>li:focus-within>a,.kategori-menu>.kap>ul>li:hover>a{background:color-mix(in srgb,currentColor 14%,transparent);text-decoration:none}
.kategori-menu li ul{top:calc(100% + 6px);min-width:250px;padding:8px;border-radius:16px;border-color:color-mix(in srgb,var(--ana) 14%,var(--kenar));background:var(--kart-zemin,#fff);box-shadow:0 20px 44px -16px rgba(0,0,0,.38);animation:alt-menu-ac .16s ease-out}
.kategori-menu li ul::before{content:"";position:absolute;left:0;right:0;top:-8px;height:8px}
.kategori-menu li ul a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:.62rem .85rem;border-radius:10px;font-weight:500;color:var(--yazi);white-space:normal}
.kategori-menu li ul a::after{content:"›";opacity:0;transform:translateX(-4px);transition:.15s;color:var(--ana);font-weight:700}
.kategori-menu li ul a:hover{background:color-mix(in srgb,var(--ana) 11%,transparent);color:var(--ana)}.kategori-menu li ul a:hover::after{opacity:1;transform:none}
@keyframes alt-menu-ac{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
/* Çok alt kategorili açılır menü (masaüstü): 9+ öğede 2, 17+ öğede 3 sütun; liste ekranın altına uzamaz. Sağ kenardaki son 3 menü sağa hizalanır (taşmaz). */
@media (min-width:1001px),(min-width:861px) and (min-height:521px){
.kategori-menu li:hover>ul:has(>li:nth-child(9)),.kategori-menu li:focus-within>ul:has(>li:nth-child(9)){display:grid;grid-template-columns:repeat(2,minmax(200px,1fr));column-gap:4px;min-width:440px}
.kategori-menu li:hover>ul:has(>li:nth-child(17)),.kategori-menu li:focus-within>ul:has(>li:nth-child(17)){grid-template-columns:repeat(3,minmax(190px,1fr));min-width:600px}
.kategori-menu>.kap>ul>li:nth-last-child(-n+3)>ul{left:auto;right:0}
}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){.kategori-menu li ul{animation:none}}

/* ===== Soldaki kategori paneli: beyaz zemin, seçili/üzerine gelinen öğe vurgusu, geniş alt kategori kartı ===== */
.kat-panel{background:var(--kart-zemin,#fff)}
.kat-baslik b{font-size:1.08rem;letter-spacing:.01em}
.kat-ana{padding:10px 12px}
.kat-oge>a{position:relative;padding:.6rem .75rem;border-radius:12px;transition:background .15s,color .15s,box-shadow .15s}
.kat-oge>a:hover,.kat-oge:hover>a,.kat-oge:focus-within>a{background:color-mix(in srgb,var(--ana) 11%,var(--kart-zemin,#fff));color:var(--ana);box-shadow:inset 3px 0 0 var(--ana)}
.kat-oge:hover>a .kat-harf,.kat-oge:focus-within>a .kat-harf{background:var(--ana);color:var(--ana-yazi)}
.kat-harf{transition:background .15s,color .15s}
.kat-ok{transition:transform .15s,opacity .15s}.kat-oge:hover>a .kat-ok{transform:translateX(3px);opacity:1;color:var(--ana)}
.kat-alt{background:var(--kart-zemin,#fff);border-left:1px solid var(--kenar);padding:28px 28px 24px;width:min(62vw,440px);box-shadow:18px 0 44px -20px rgba(0,0,0,.45)}
.kat-alt::before{content:"";display:block;width:44px;height:4px;border-radius:4px;background:var(--ana);margin-bottom:14px}
.kat-alt-baslik{font:800 1.25rem var(--font-baslik);margin-bottom:1rem;color:var(--yazi)}
.kat-alt ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.kat-alt li a{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:.7rem .9rem;border:1px solid var(--kenar);border-radius:12px;background:var(--kart-zemin,#fff);font-weight:600;font-size:.94rem;transition:border-color .15s,background .15s,transform .15s,color .15s}
.kat-alt li a::after{content:"›";opacity:.45;font-size:1.15rem;transition:transform .15s}
.kat-alt li a:hover{border-color:var(--ana);background:color-mix(in srgb,var(--ana) 9%,var(--kart-zemin,#fff));color:var(--ana);transform:translateY(-1px)}.kat-alt li a:hover::after{transform:translateX(3px);opacity:1}
.kat-hepsi{margin-top:1.2rem;padding:.7rem 1.3rem;border-radius:99px;background:var(--ana);color:var(--ana-yazi);font-weight:700;transition:filter .15s,transform .15s}.kat-hepsi:hover{filter:brightness(1.1);text-decoration:none;transform:translateX(2px)}
.kat-panel.kat-sag .kat-alt{border-left:0;border-right:1px solid var(--kenar)}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){.kat-alt{border:0;padding:0 0 6px 46px}.kat-alt::before{display:none}.kat-alt ul{display:block}.kat-alt li a{border:0;background:none;padding:.3rem 0;border-radius:0;font-weight:500;transform:none}.kat-alt li a::after{display:none}.kat-alt li a:hover{background:none;transform:none}}
/* ===== Mini sepet (yandan açılan, ajax) ===== */
.ms-perde{position:fixed;inset:0;z-index:95;background:rgba(15,23,42,.55);backdrop-filter:blur(2px)}
.ms{position:fixed;top:0;bottom:0;right:0;z-index:96;width:min(92vw,420px);display:flex;flex-direction:column;background:var(--kart-zemin,#fff);color:var(--yazi);box-shadow:-14px 0 44px -16px rgba(0,0,0,.5);transform:translateX(105%);visibility:hidden;transition:transform .28s cubic-bezier(.22,.8,.3,1),visibility 0s .28s}
.ms.acik{transform:none;visibility:visible;transition-delay:0s}
body.ms-acik{overflow:hidden}
.ms-ust{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--kenar)}
.ms-ust h2{margin:0;font:800 1.15rem var(--font-baslik);letter-spacing:.08em;text-transform:uppercase}
.ms-kapat{display:inline-flex;align-items:center;gap:.35rem;border:0;background:none;cursor:pointer;font:inherit;font-weight:700;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--yazi);padding:.3rem .5rem;border-radius:8px}.ms-kapat:hover{background:var(--yuzey)}.ms-kapat .ik{font-size:1.1rem}
.ms-govde{flex:1;overflow-y:auto;padding:6px 22px}
.ms-bos{color:var(--yazi-2);text-align:center;padding:2rem 0}.ms-not{margin:.8rem 0 0;padding:.6rem .8rem;border-radius:10px;background:color-mix(in srgb,var(--vurgu,#f59e0b) 16%,transparent);font-size:.88rem}
.ms-liste{list-style:none;margin:0;padding:0}
.ms-satir{display:grid;grid-template-columns:68px 1fr 28px;gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid var(--kenar)}
.ms-gorsel img{width:64px;height:64px;object-fit:contain;border-radius:10px;background:var(--yuzey)}
.ms-bilgi{display:grid;gap:.35rem;min-width:0}.ms-ad{color:var(--yazi);font-weight:600;font-size:.92rem;line-height:1.35}.ms-bilgi small{color:var(--yazi-2)}
.ms-fiyat{font-weight:700;color:var(--ana);font-size:.9rem}
.ms-adet{display:inline-flex;align-items:center;gap:2px;width:max-content;border:1px solid var(--kenar);border-radius:99px;overflow:hidden}
.ms-adet button{border:0;background:none;width:28px;height:28px;cursor:pointer;font-size:1.05rem;color:var(--yazi)}.ms-adet button:hover{background:var(--yuzey)}.ms-adet button:disabled{opacity:.4}
.ms-adet span{min-width:1.6rem;text-align:center;font-weight:700;font-size:.88rem}
.ms-sil{border:0;background:none;cursor:pointer;color:var(--yazi-2);width:28px;height:28px;border-radius:50%}.ms-sil:hover{background:color-mix(in srgb,var(--hata,#dc2626) 12%,transparent);color:var(--hata,#dc2626)}
.ms-alt{padding:18px 22px 22px;border-top:1px solid var(--kenar);display:grid;gap:10px}
.ms-toplam{display:flex;justify-content:space-between;align-items:baseline;font:700 1.05rem var(--font-baslik);text-transform:uppercase;letter-spacing:.05em}.ms-toplam b{font-size:1.35rem;color:var(--ana)}
.ms-ipucu{margin:0;font-size:.85rem;color:var(--basari,#15803d)}
.ms-alt .dugme{border-radius:99px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;justify-content:center;padding:.85rem 1rem}
/* Gradyan footer rengi (Tasarım seçenekleri → Footer rengi): her footer düzeninde geçerli */
body.fr-var .alt{--alt-zemin:transparent;--alt-yazi:var(--ft-yazi);--alt-baslik:var(--ft-baslik);--alt-kenar:var(--ft-kenar);background:var(--ft-gradyan);color:var(--ft-yazi)}
body.fr-var .alt a{color:var(--ft-yazi)}body.fr-var .alt a:hover{color:var(--ft-baslik)}
body.fr-var .alt-logo,body.fr-var .alt-izgara>div>b{color:var(--ft-baslik)}
body.fr-var .alt-son,body.fr-var .alt-guven{border-color:var(--ft-kenar);background:transparent}
/* ===== Sayfa yolu (breadcrumb) düzenleri: Tasarım seçenekleri → Sayfa yolu ===== */
.yol-kap{margin-top:-4px}
.yol-nav{padding-top:12px}
.kirinti{display:flex;flex-wrap:wrap;align-items:center;gap:2px 0}
.kirinti>*+*::before{content:"›";margin:0 .55em;opacity:.55}
.kirinti span[aria-current]{color:var(--yazi);font-weight:600}
.kirinti a:hover{color:var(--ana)}
/* hap */
body.yl-hap .kirinti{gap:6px}
body.yl-hap .kirinti>*{display:inline-flex;align-items:center;padding:.3rem .8rem;border-radius:99px;background:var(--kart-zemin,#fff);border:1px solid var(--kenar);font-size:.84rem;box-shadow:0 1px 0 rgba(0,0,0,.03)}
body.yl-hap .kirinti>*+*::before{display:none}
body.yl-hap .kirinti>a:hover{border-color:var(--ana);color:var(--ana);text-decoration:none}
body.yl-hap .kirinti>span[aria-current]{background:var(--ana);border-color:var(--ana);color:var(--ana-yazi)}
body.yl-hap .kirinti>*:not(:last-child)::after{content:"›";margin-left:.55em;opacity:.5}
/* çizgili şerit */
body.yl-cizgili .yol-kap{background:var(--kart-zemin,#fff);border-bottom:1px solid var(--kenar);margin:-4px 0 18px}
body.yl-cizgili .yol-nav{padding-top:14px;padding-bottom:14px}
body.yl-cizgili .kirinti{margin:0;text-transform:uppercase;letter-spacing:.06em;font-size:.78rem;font-weight:600}
body.yl-cizgili .kirinti>*+*::before{content:"/";margin:0 .8em;opacity:.4}
/* bant: büyük başlıklı renkli bant + altta yol satırı; bant-ici: yol bandın içinde */
.yol-bant{background:linear-gradient(135deg,var(--ana),color-mix(in srgb,var(--ana) 62%,#000));color:var(--ana-yazi);position:relative;overflow:hidden;margin-top:-4px}
.yol-bant::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.18),transparent 45%),repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 14px,transparent 14px 28px)}
.yol-bant-ic{position:relative;display:flex;align-items:center;justify-content:center;gap:16px;min-height:150px;padding-top:26px;padding-bottom:26px}
.yol-baslik{font:800 clamp(1.7rem,4.2vw,3rem) var(--font-baslik);letter-spacing:-.01em;text-align:center;line-height:1.1}
.yol-geri{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;color:inherit;flex:none;transition:background .15s,transform .15s}.yol-geri:hover{background:rgba(255,255,255,.18);transform:translateX(-2px);text-decoration:none}.yol-geri .ik{font-size:1.8rem}
body.yl-bant .yol-nav{padding-bottom:4px}
body.yl-bant-ici .yol-kap{position:relative}
body.yl-bant-ici .yol-bant-ic{min-height:190px;padding-bottom:62px}
body.yl-bant-ici .yol-nav{position:absolute;left:0;right:0;bottom:18px;padding:0;z-index:1}
body.yl-bant-ici .kirinti{justify-content:center;color:rgba(255,255,255,.82);margin:0}
body.yl-bant-ici .kirinti a{color:rgba(255,255,255,.82)}body.yl-bant-ici .kirinti a:hover{color:#fff}
body.yl-bant-ici .kirinti span[aria-current]{color:#fff}
body.yl-bant.sayfa-liste .sayfa-baslik,body.yl-bant-ici.sayfa-liste .sayfa-baslik{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:600px){.yol-bant-ic{min-height:120px}body.yl-bant-ici .yol-bant-ic{min-height:160px}}
/* ===== Yüzen WhatsApp iletişim butonu (her sayfada, mobil ve masaüstü) ===== */
.wa-yuzen{position:fixed;z-index:50;display:inline-flex;align-items:center;gap:.6rem;height:56px;min-width:56px;padding:0 17px;border-radius:99px;background:#25d366;color:#fff;font-weight:700;font-size:.95rem;box-shadow:0 10px 26px -8px rgba(37,211,102,.75),0 4px 10px rgba(0,0,0,.18);transition:transform .18s,box-shadow .18s,padding .2s}
.wa-yuzen:hover{transform:translateY(-2px) scale(1.03);text-decoration:none;color:#fff}
.wa-yuzen-ikon{width:26px;height:26px;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5.1-1.3A10 10 0 1 0 12 2zm5.2 14.2c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.2-4.5-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.8s.7-2 .9-2.3c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .5l-.4.6-.4.4c-.1.2-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.1.4.1.6-.1l.8-1c.2-.3.4-.2.6-.1l2 1c.3.1.5.2.5.3.1.1.1.6-.1 1.1z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.6 15.1L2 22l5.1-1.3A10 10 0 1 0 12 2zm5.2 14.2c-.2.6-1.3 1.2-1.8 1.2-.5.1-1 .2-3.3-.7-2.8-1.2-4.5-4-4.7-4.2-.1-.2-1.1-1.5-1.1-2.8s.7-2 .9-2.3c.2-.3.5-.3.7-.3h.5c.2 0 .4 0 .6.5l.9 2.1c.1.2.1.4 0 .5l-.4.6-.4.4c-.1.2-.3.3-.1.6.2.3.8 1.3 1.7 2.1 1.2 1 2.1 1.3 2.4 1.5.3.1.4.1.6-.1l.8-1c.2-.3.4-.2.6-.1l2 1c.3.1.5.2.5.3.1.1.1.6-.1 1.1z'/%3E%3C/svg%3E") center/contain no-repeat}
.wa-yuzen-yazi{white-space:nowrap}
/* WhatsApp düğmesi STATİKTİR (yanıp sönme yalnız Canlı Destek balonundadır: canlı olduğunu gösterir). */
.wa-sag-alt{right:20px;bottom:20px}.wa-sol-alt{left:20px;bottom:20px}
.wa-sag-orta{right:20px;top:50%;transform:translateY(-50%)}.wa-sol-orta{left:20px;top:50%;transform:translateY(-50%)}
.wa-sag-orta:hover,.wa-sol-orta:hover{transform:translateY(-50%) scale(1.04)}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){
  .wa-yuzen{height:52px;min-width:52px;padding:0 13px}.wa-yuzen-yazi{display:none}
  .wa-sag-alt,.wa-sol-alt{bottom:16px}.wa-sag-alt{right:14px}.wa-sol-alt{left:14px}.wa-sag-orta{right:12px}.wa-sol-orta{left:12px}
  body.alt-nav-var .wa-sag-alt,body.alt-nav-var .wa-sol-alt{bottom:80px}
}
body.ms-acik .wa-yuzen,body.vf-acik .wa-yuzen,body.vm-kilit .wa-yuzen,body.zm-kilit .wa-yuzen,body:has(.menu-ac:checked) .wa-yuzen,body:has(.kat-panel.acik) .wa-yuzen,body:has(dialog[open]) .wa-yuzen,body:has([aria-modal="true"]:not([hidden])) .wa-yuzen{display:none}
.sayfa-odeme .wa-yuzen,body.od-adim .wa-yuzen{bottom:84px}
/* Ürün sayfası: adet + Sepete ekle + Hemen al + WhatsApp tek satırda; dar ekranda ikiye bölünür */
.al-satir{display:flex;align-items:flex-end;gap:10px;width:100%}
.al-satir .alan.adet{flex:0 0 86px;margin:0}
.al-satir .dugme.buyuk{flex:1 1 0;min-width:0;padding:.78rem .7rem;font-size:.95rem;white-space:nowrap}
.al-satir .dugme.buyuk .ik{font-size:1.15em}
@media(max-width:560px){.al-satir{flex-wrap:wrap}.al-satir .alan.adet{flex:1 1 100%}.al-satir .dugme.buyuk{flex:1 1 calc(50% - 5px)}.al-satir #wa-siparis{flex-basis:100%}}
/* ===== Kenardaki "Kategoriler" sekmesi: sade, ince, tek renk ===== */
.kat-sekme.kat-tetik{top:40%;width:36px;padding:14px 0;gap:.7rem;border:0;border-radius:0 10px 10px 0;background:var(--ana);color:var(--ana-yazi);box-shadow:0 6px 18px -8px rgba(0,0,0,.4);transform:none;filter:none;transition:width .2s ease,box-shadow .2s ease,background .2s}
.kat-sekme.kat-tetik:hover,.kat-sekme.kat-tetik:focus-visible{width:42px;filter:none;box-shadow:0 8px 22px -8px rgba(0,0,0,.45)}
.kat-sekme.kat-tetik .kat-ikon{display:block;width:1.1rem;height:1.1rem;background:currentColor;font-size:1.1rem;border-radius:0;transform:none;transition:none}
.kat-sekme.kat-tetik span:last-child{writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.12em;text-transform:uppercase;font-size:.68rem;font-weight:700;padding:0}
.kat-sekme.kat-tetik::after{content:none}
.kat-sekme.kat-sag.kat-tetik{border-radius:10px 0 0 10px;transform:none;box-shadow:-6px 6px 18px -8px rgba(0,0,0,.4)}
@media(prefers-reduced-motion:reduce){.kat-sekme.kat-tetik{transition:none}}
/* Kart ve ödeme sağlayıcı logoları: gerçek logolar şeffaf zeminli olduğundan beyaz çipte durur */
.kart-logolar img{height:32px;padding:5px 9px;background:#fff;border:1px solid rgba(0,0,0,.08);box-sizing:border-box;border-radius:7px;object-fit:contain}
.kart-logolar img.saglayici{height:32px}
.alt-son .kart-logolar img{height:30px}
@media(max-width:560px){.kart-logolar img,.kart-logolar img.saglayici{height:28px;padding:4px 7px}}
/* Header arama kutusu: kenarlık içe gömülü (butonun dışında halka kalmaz), arama/hesap/sepet aynı yükseklikte */
.ust .arama{border:0;box-shadow:inset 0 0 0 1px var(--kenar);height:46px;align-items:stretch}
.ust .arama:focus-within{box-shadow:inset 0 0 0 1.5px var(--ana),0 0 0 3px color-mix(in srgb,var(--ana) 16%,transparent)}
.ust .arama input[type=search]{padding:0 1.1rem;height:100%}
.ust .arama button{width:58px;padding:0;border-radius:0}
.ust .arama button .ik{font-size:1.25rem}
.hesap-menu a{min-height:46px;box-sizing:border-box}
body.hd-kompakt .ust .arama{height:38px}body.hd-kompakt .ust .arama button{width:46px}body.hd-kompakt .hesap-menu a{min-height:38px}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){.ust .arama{height:44px}.hesap-menu a{min-height:42px}}
/* Kategori paneli: fare ana listeden açılır alana geçerken boşlukta menü kapanmasın (görünmez köprü) */
.kat-alt::after{content:"";position:absolute;top:0;bottom:0;left:-26px;width:26px}
.kat-panel.kat-sag .kat-alt::after{left:auto;right:-26px}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){.kat-alt::after{display:none}}
/* Bannerlar: köşe yuvarlaklığı temanın --kose değerinden gelir (kartlarla aynı dil); dar ekranda taşma yok */
.banner-kaydirici,.karsilama{border-radius:calc(var(--kose) + 4px)}
.banner-metin{border-radius:var(--kose)}
.banner-kaydirici{max-width:100%}
@media(max-width:700px){.banner-kaydirici{aspect-ratio:auto;min-height:0;height:clamp(200px,54vw,300px)}}
/* Sayfa yolu ile menü arasında nefes payı */
.yol-nav{padding-top:26px;padding-bottom:6px}
.yol-kap{margin-top:0}
body.yl-cizgili .yol-nav{padding-top:16px;padding-bottom:16px}
body.yl-bant .yol-nav{padding-top:18px;padding-bottom:6px}
body.yl-bant-ici .yol-nav{padding:0}
@media(max-width:600px){.yol-nav{padding-top:18px}}
/* Üye ol / giriş yan yana kutular dar ekranda taşmasın */
.hesap-ikili{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media(max-width:780px){.hesap-ikili{grid-template-columns:minmax(0,1fr)}}
.hesap-kutu{min-width:0}
/* Header giriş / hesap düğmesi: ikon yuvarlak bir rozet içinde, yanında iki satırlı yazı */
.hesap-menu .hesap-dugme{gap:.6rem;padding:.2rem .85rem .2rem .25rem;border-radius:99px;background:transparent;border:1px solid transparent;transition:background .15s,border-color .15s}
.hesap-menu .hesap-dugme:hover{background:color-mix(in srgb,var(--ana) 8%,transparent);border-color:color-mix(in srgb,var(--ana) 22%,transparent)}
.hesap-menu .hesap-dugme .ik{display:grid;place-items:center;width:38px;height:38px;box-sizing:border-box;padding:8px;border-radius:50%;background:color-mix(in srgb,var(--ana) 12%,transparent);color:var(--ana);font-size:1.35rem;transition:background .15s,color .15s,transform .15s}
.hesap-menu .hesap-dugme:hover .ik{background:var(--ana);color:var(--ana-yazi);transform:scale(1.05)}
.hesap-menu .hesap-dugme .hesap-yazi{font-weight:700;font-size:.92rem}
body.hd-koyu .hesap-menu .hesap-dugme .ik{background:rgba(255,255,255,.14);color:#fff}
body.hd-koyu .hesap-menu .hesap-dugme:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.25)}
body.hd-kompakt .hesap-menu .hesap-dugme .ik{width:32px;height:32px;padding:6px;font-size:1.15rem}
@media(max-width:560px){.hesap-menu .hesap-dugme{padding:.2rem}}
/* Giriş düğmesi (düzeltme): daire zemini ::before ile, ikon üstte kendi renginde */
.hesap-menu .hesap-dugme{position:relative;gap:0;padding:.2rem .9rem .2rem calc(.25rem + 38px + .55rem);min-height:46px}
.hesap-menu .hesap-dugme::before{content:"";position:absolute;left:.25rem;top:50%;width:38px;height:38px;margin-top:-19px;border-radius:50%;background:color-mix(in srgb,var(--ana) 13%,transparent);transition:background .15s,transform .15s}
.hesap-menu .hesap-dugme .ik{position:absolute;left:calc(.25rem + 9px);top:50%;width:20px;height:20px;margin-top:-10px;padding:0;border-radius:0;background:currentColor;color:var(--ana);font-size:20px;transform:none;z-index:1;transition:color .15s}
.hesap-menu .hesap-dugme:hover::before{background:var(--ana);transform:scale(1.05)}
.hesap-menu .hesap-dugme:hover .ik{background:currentColor;color:var(--ana-yazi);transform:none}
body.hd-koyu .hesap-menu .hesap-dugme::before{background:rgba(255,255,255,.16)}
body.hd-koyu .hesap-menu .hesap-dugme .ik{background:currentColor;color:#fff}
body.hd-kompakt .hesap-menu .hesap-dugme{min-height:38px;padding-left:calc(.25rem + 32px + .5rem)}
body.hd-kompakt .hesap-menu .hesap-dugme::before{width:32px;height:32px;margin-top:-16px}
body.hd-kompakt .hesap-menu .hesap-dugme .ik{left:calc(.25rem + 7px);width:18px;height:18px;margin-top:-9px;padding:0}
@media(max-width:560px){.hesap-menu .hesap-dugme{padding:.2rem;width:46px;min-height:46px}.hesap-menu .hesap-dugme::before{left:50%;margin-left:-19px}.hesap-menu .hesap-dugme .ik{left:50%;margin-left:-10px}}
/* Kategori alt açıklaması (SEO metni) */
.kategori-alt-metin{margin:36px 0 8px;padding:26px 30px;background:var(--kart-zemin,#fff);border:1px solid var(--kenar);border-radius:calc(var(--kose) + 4px);color:var(--yazi-2);line-height:1.75}
.kategori-alt-metin h2{font-size:1.15rem;margin:1.1em 0 .4em;color:var(--yazi)}.kategori-alt-metin h2:first-child{margin-top:0}
.kategori-alt-metin p{margin:0 0 1em;max-width:none}.kategori-alt-metin p:last-child{margin-bottom:0}
@media(max-width:600px){.kategori-alt-metin{padding:20px 18px}}

/* Sepet / ödeme adım çubuğu: dar ekranda başlıkla aynı sola hizada ve tam genişlikte */
.akis-adimlari{justify-content:flex-start;text-align:left}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){.sepet-baslik{flex-direction:column;align-items:flex-start;gap:12px}.akis-adimlari{width:100%;justify-content:flex-start}}
/* Yüzen WhatsApp düğmesi biraz daha aşağıda */
.wa-sag-alt,.wa-sol-alt{bottom:10px}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){.wa-sag-alt,.wa-sol-alt{bottom:10px}body.alt-nav-var .wa-sag-alt,body.alt-nav-var .wa-sol-alt{bottom:74px}}
.sayfa-odeme .wa-yuzen,body.od-adim .wa-yuzen{bottom:72px}
/* ===== Ürün sayfası: rozet grubu ve bilgi sekmeleri ===== */
.rozetler{display:flex;flex-wrap:wrap;gap:6px 8px;margin-bottom:.6rem}
.rozetler .rozet-serit{margin:0;line-height:1.2;white-space:nowrap}
.urun-sekmeler{margin-top:34px}
.sekme-liste{display:flex;gap:6px;overflow-x:auto;scrollbar-width:thin;border-bottom:1px solid var(--kenar);margin-bottom:1.3rem;-webkit-overflow-scrolling:touch}
.sekme{flex:none;position:relative;padding:.85rem 1.15rem;border:0;background:none;font:inherit;font-weight:700;font-size:.98rem;color:var(--yazi-2);cursor:pointer;white-space:nowrap;border-radius:10px 10px 0 0;transition:color .15s,background .15s}
.sekme:hover{color:var(--ana);background:color-mix(in srgb,var(--ana) 7%,transparent)}
.sekme.aktif{color:var(--yazi)}
.sekme.aktif::after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:-1px;height:3px;border-radius:3px;background:var(--vurgu,var(--ana))}
.sekme:focus-visible{outline:2px solid var(--ana);outline-offset:-2px}
.sekme-panel{max-width:100%}.sekme-panel[hidden]{display:none}
.sekme-panel>p{max-width:78ch;line-height:1.75;color:var(--yazi)}
.sekme-ic-baslik{display:block}
.sekmeler-hazir .sekme-ic-baslik{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sekme-liste-madde{margin:.4rem 0 0;padding-left:1.2rem;display:grid;gap:.4rem;line-height:1.6}
.ozellik-tablo{width:100%;max-width:760px;border-collapse:collapse;font-size:.95rem}
.ozellik-tablo th,.ozellik-tablo td{padding:.7rem .9rem;text-align:left;border-bottom:1px solid var(--kenar);vertical-align:top}
.ozellik-tablo th{width:34%;font-weight:600;color:var(--yazi-2);background:color-mix(in srgb,var(--ana) 4%,transparent)}
.taksit-saglayici+.taksit-saglayici{margin-top:1.6rem}.taksit-saglayici h3{margin:0 0 .6rem;font-size:1.02rem}
.taksit-kaydir{overflow-x:auto;border:1px solid var(--kenar);border-radius:var(--kose)}
.taksit-tablo{width:100%;border-collapse:collapse;font-size:.88rem;min-width:520px}
.taksit-tablo th,.taksit-tablo td{padding:.6rem .8rem;text-align:center;border-bottom:1px solid var(--kenar);white-space:nowrap}
.taksit-tablo thead th{background:color-mix(in srgb,var(--ana) 8%,transparent);font-weight:700}
.taksit-tablo tbody th{text-align:left;font-weight:600;position:sticky;left:0;background:var(--kart-zemin,#fff)}
.taksit-tablo td b{display:block;font-weight:700}.taksit-tablo td small{display:block;color:var(--yazi-2);font-size:.74rem}
.taksit-tablo tbody tr:last-child>*{border-bottom:0}
@media(max-width:600px){.sekme{padding:.75rem .9rem;font-size:.9rem}}
/* Ürün kartı: birden fazla rozet alt alta/yan yana dizilir, üst üste binmez */
.kart-rozetler{position:absolute;left:8px;right:8px;bottom:8px;display:flex;flex-wrap:wrap;gap:4px;align-items:flex-end;pointer-events:none}
.kart-rozetler .etiket,.kart-rozetler .etiket.rozet{position:static;margin:0;line-height:1.25;font-size:.7rem;padding:.2rem .55rem;white-space:nowrap}
/* Kategori paneli: alt kategori alanı JS ile "yapışkan" tutulur (fare boşluktan geçerken kapanmaz) */
.kat-panel .kat-ana{padding:8px 0}
.kat-panel .kat-oge{padding:0 12px}
.kat-panel.kat-js .kat-oge:hover>.kat-alt{display:none}
.kat-panel.kat-js .kat-oge.alt-acik>.kat-alt,.kat-panel.kat-js .kat-oge:focus-within>.kat-alt{display:block}
.kat-panel .kat-oge.alt-acik>a{background:color-mix(in srgb,var(--ana) 11%,var(--kart-zemin,#fff));color:var(--ana);box-shadow:inset 3px 0 0 var(--ana)}
.kat-panel .kat-oge.alt-acik>a .kat-harf{background:var(--ana);color:var(--ana-yazi)}
.kat-panel .kat-oge.alt-acik>a .kat-ok{transform:translateX(3px);opacity:1;color:var(--ana)}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){.kat-panel.kat-js .kat-oge:hover>.kat-alt,.kat-panel.kat-js .kat-oge>.kat-alt{display:block}.kat-panel .kat-oge{padding:0 12px}}
/* ===== Header gradyan rengi (Tasarım seçenekleri, Header rengi) ===== */
body.hg-var .ust-zemin{background:var(--hd-gradyan);border-color:var(--hd-kenar);color:var(--hd-yazi)}
body.hg-var .logo,body.hg-var .menu-dugme,body.hg-var .hesap-menu a:not(.sepet-dugme),body.hg-var .ust-iletisim{color:var(--hd-baslik)}
body.hg-var .ust-iletisim-yazi small{color:var(--hd-yazi)}
body.hg-var .hesap-menu a:not(.sepet-dugme):hover,body.hg-var .menu-dugme:hover,body.hg-var .ust-iletisim:hover{background:var(--hd-kenar)}
body.hg-var .hesap-menu .hesap-dugme::before{background:var(--hd-kenar)}
body.hg-var .hesap-menu .hesap-dugme .ik{color:var(--hd-baslik)}
body.hg-var .hesap-menu .hesap-dugme:hover::before{background:var(--hd-baslik)}
body.hg-var .hesap-menu .hesap-dugme:hover .ik{color:var(--hd-zit)}
body.hg-var .hesap-menu .sepet-dugme{background:var(--hd-baslik);color:var(--hd-zit)}
body.hg-var .hesap-menu .sepet-dugme .ik{color:var(--hd-zit)}
body.hg-var .ust .arama{background:rgba(255,255,255,.94);box-shadow:none}
/* Menü bandı (kategori menüsü şeridi) ayrı renk: Tasarım seçenekleri, Menü bandı rengi */
body.bn-var .kategori-menu{background:var(--bn-gradyan);border-top:1px solid var(--bn-kenar);border-color:var(--bn-kenar)}
body.bn-var .kategori-menu>.kap>ul>li>a{color:var(--bn-baslik)}
body.bn-var .kategori-menu .kat-tetik{background:var(--bn-baslik);color:var(--bn-zit)}
body.bn-var .kategori-menu .kat-tetik .ik{color:var(--bn-zit)}
body.bn-var .kategori-menu li ul a{color:var(--yazi)}
body.bn-var .kategori-menu li.alt-var>a::after{color:var(--bn-baslik)}
/* ===== Mozaik banner alanı (Tasarım seçenekleri, Ana sayfa üst bölümü) ===== */
.mozaik{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(150px,auto);gap:16px;margin-bottom:32px}
.mozaik .mz-ana{grid-column:1 / span 2;grid-row:span 2;margin:0;aspect-ratio:auto;min-height:340px;height:100%;border-radius:calc(var(--kose) + 4px)}
.mozaik:not(:has(.mz-yan)) .mz-ana{grid-column:1 / -1;grid-row:auto;aspect-ratio:8/3;min-height:240px}
.mz-kart{position:relative;display:flex;align-items:center;min-height:150px;overflow:hidden;border-radius:calc(var(--kose) + 4px);background-color:var(--ana);background-size:cover;background-position:center;color:#fff;text-decoration:none;isolation:isolate;transition:transform .25s,box-shadow .25s}
.mz-kart::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.55),rgba(0,0,0,.12) 65%,transparent)}
.mz-kart:hover{transform:translateY(-2px);box-shadow:var(--golge);text-decoration:none;color:#fff}
.mz-metin{display:grid;gap:.35rem;justify-items:start;padding:1.1rem 1.3rem;max-width:min(80%,360px);text-shadow:0 1px 6px rgba(0,0,0,.4)}
.mz-metin b{font:700 clamp(1.05rem,1.7vw,1.5rem) var(--font-baslik);line-height:1.2}
.mz-metin small{font-size:.9rem;opacity:.92;line-height:1.35}
.mz-dugme{font-style:normal;font-weight:700;font-size:.85rem;padding:.45rem .95rem;border-radius:var(--kose);background:#fff;color:var(--ana);text-shadow:none;margin-top:.3rem;box-shadow:0 4px 10px -4px rgba(0,0,0,.4)}
.mz-yan-1{grid-column:3 / span 2;grid-row:1;min-height:170px}
.mz-yan-2{grid-column:3;grid-row:2}.mz-yan-3{grid-column:4;grid-row:2}
.mz-yan-1 .mz-metin b{font-size:clamp(1.2rem,2.1vw,1.8rem)}
.mozaik .mz-alt{grid-column:auto;min-height:170px}
.mozaik .mz-alt:nth-of-type(n){grid-row:3}
/* alt satır 3 kart: 4 sütunlu ızgarada 12 sütunluk paylaşım için kendi ızgarası gerekmez; sütun aralıkları: 1-1.33, ... yerine her kart 4/3 sütun yerine 12'li alt ızgara */
@media(min-width:861px) and (min-height:521px),(min-width:1001px){.mozaik{grid-template-columns:repeat(12,minmax(0,1fr))}.mozaik .mz-ana{grid-column:1 / span 6}.mz-yan-1{grid-column:7 / span 6}.mz-yan-2{grid-column:7 / span 3}.mz-yan-3{grid-column:10 / span 3}.mozaik .mz-alt{grid-column:span 4}.mozaik:not(:has(.mz-yan)) .mz-ana{grid-column:1 / -1}}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){.mozaik{grid-template-columns:repeat(2,minmax(0,1fr))}.mozaik .mz-ana{grid-column:1 / -1;grid-row:auto;min-height:260px}.mz-yan-1{grid-column:1 / -1;grid-row:auto}.mz-yan-2,.mz-yan-3{grid-column:auto;grid-row:auto}.mozaik .mz-alt{grid-column:1 / -1;grid-row:auto}.mz-metin{max-width:88%}}
@media(max-width:480px){.mozaik{gap:12px}.mz-yan-2,.mz-yan-3{grid-column:1 / -1}}
/* ===== Tema renkleri: Ana / Vurgu için isteğe bağlı gradyan (Temalar, Özelleştir). Yalnız gradyan seçilince devreye girer. ===== */
body.tg-ana .dugme.birincil,body.tg-ana .hesap-menu .sepet-dugme,body.tg-ana .kat-tetik,body.tg-ana .kat-sekme.kat-tetik,body.tg-ana .ust .arama button,
body.tg-ana .kat-tum,body.tg-ana .kat-hepsi,body.tg-ana .karsilama,body.tg-ana .yol-bant,body.tg-ana .sayfalama .aktif,body.tg-ana .alt-nav-oge.aktif .ik,body.tg-ana .ms-alt .dugme.birincil{background:var(--ana-zemin);border-color:transparent;color:var(--ana-yazi)}
body.tg-ana.tema-sade .kategori-menu{background:var(--ana-zemin)}
body.tg-ana .sekme.aktif::after,body.tg-ana .bolum-baslik::after{background:var(--ana-zemin)}
body.tg-ana .kat-harf{background:color-mix(in srgb,var(--ana) 14%,var(--zemin))}
body.tg-vurgu .etiket,body.tg-vurgu .rozet-serit,body.tg-vurgu .sayac,body.tg-vurgu .etiket.indirim{background:var(--vurgu-zemin)}
body.tg-vurgu.tema-carsi .kategori-menu{background:var(--vurgu-zemin)}
body.tg-vurgu .dugme.hemen-al{background:var(--vurgu-zemin);border-color:transparent}
body.tg-vurgu .karsilama .dugme.birincil,body.tg-ana .karsilama .dugme.birincil{background:#fff;color:var(--ana)}
/* Mozaik: perde yalnız metnin arkasında, hafif; sağ alanda iki kart varsa ikincisi tam genişlik */
.mz-kart::before{background:linear-gradient(90deg,rgba(0,0,0,.46) 0%,rgba(0,0,0,.14) 38%,transparent 62%)}
@media(min-width:861px) and (min-height:521px),(min-width:1001px){.mozaik:not(:has(.mz-yan-3)) .mz-yan-2{grid-column:7 / span 6}}
@media(max-width:860px),(max-height:520px) and (max-width:1000px){.mozaik:not(:has(.mz-yan-3)) .mz-yan-2{grid-column:1 / -1}}
/* Mozaik alt satırı: 1, 2 ya da 3 kart satırı doldurur */
@media(min-width:861px) and (min-height:521px),(min-width:1001px){.mozaik .mz-alt-n1{grid-column:1 / -1}.mozaik .mz-alt-n2{grid-column:span 6}.mozaik .mz-alt-n3{grid-column:span 4}}
/* hero düzeni: mozaik (gövde sınıfı hr-mozaik) */
body.hr-mozaik .mozaik{margin-bottom:32px}

/* Kategori vitrini: yuvarlatılmış dikdörtgen kartlar (kv-dikdortgen). Gelişmiş vitrin stili sunucuda dikdörtgene çevrilir; eski görünüm için yedek kural. */
body.kv-dikdortgen .kategori-izgara .kategori-karti img{border-radius:16px;aspect-ratio:4/3;height:auto}
body.kv-dikdortgenic .kategori-izgara .kategori-karti img{border-radius:16px;aspect-ratio:3/2;height:auto}