/* OdyoV8 - Kategori ici alt kategori kartlari; yerlesim yalniz CSS. */
html body .odyo-alt-kategori-kartlari{display:block;width:100%;max-width:100%;box-sizing:border-box;clear:both;margin:0 0 20px;padding:0;color:var(--alt-kat-renk);font-family:var(--alt-kat-font,inherit)}
html body .odyo-alt-kategori-kartlari>ul{display:grid;grid-template-columns:repeat(var(--alt-kat-sutun,6),minmax(0,1fr));gap:var(--alt-kat-bosluk,12px);padding:0;margin:0;list-style:none}
html body .odyo-alt-kategori-kartlari>ul>li{display:block;float:none;min-width:0;margin:0;padding:0;list-style:none}
html body .odyo-alt-kategori-kartlari>ul>li>a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;height:100%;min-height:44px;box-sizing:border-box;min-width:0;margin:0;padding:10px;text-align:center;text-decoration:none;color:var(--alt-kat-renk);font-family:var(--alt-kat-font,inherit);border:1px solid transparent;border-radius:7px;background:transparent;line-height:1.45}
html body .odyo-alt-kategori-kartlari[data-kutu=cizgi]>ul>li>a{border-color:var(--alt-kat-cizgi)}
html body .odyo-alt-kategori-kartlari[data-kutu=dolu]>ul>li>a{background:var(--alt-kat-zemin);border-color:var(--alt-kat-cizgi)}
html body .odyo-alt-kategori-kartlari[data-gorunum=yazi]>ul>li>a{min-height:var(--alt-kat-boyut,112px)}
/* OdyoV8 - Derin kategoriler tek bicimde resimsiz, daha kisa kutular kullanir. */
html body .odyo-alt-kategori-kartlari.odyo-alt-kategori-yazili>ul>li>a{min-height:clamp(44px,calc(var(--alt-kat-boyut,112px)*.55),88px)}
html body .odyo-alt-kategori-kartlari img{display:block;width:var(--alt-kat-boyut);height:var(--alt-kat-boyut);max-width:100%;object-fit:contain;border:0;box-shadow:none;margin:0;padding:0}
html body .odyo-alt-kategori-ad{font-size:var(--alt-kat-yazi,15px)!important;font-weight:var(--alt-kat-kalinlik,600);line-height:1.45;overflow-wrap:anywhere;max-width:100%}
html body .odyo-alt-kategori-ikon{display:flex;justify-content:center;align-items:center;width:var(--alt-kat-boyut);height:var(--alt-kat-boyut);max-width:100%;font-size:calc(var(--alt-kat-boyut)*.45)}
html body .odyo-alt-kategori-ikon i{font-size:inherit!important;color:inherit!important}
html body .odyo-alt-kategori-kartlari[data-dizilim=kaydir]>ul{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:8px}
html body .odyo-alt-kategori-kartlari[data-dizilim=kaydir]>ul>li{flex:0 0 calc((100% - (var(--alt-kat-sutun) - 1)*var(--alt-kat-bosluk))/var(--alt-kat-sutun));scroll-snap-align:start}
html body .odyo-alt-kategori-kartlari a:focus-visible{outline:2px solid currentColor;outline-offset:2px}
/* OdyoV8 - Uzerine gelince yazi cizgisi yerine hafif kart golgesi. */
@media(hover:hover){html body .odyo-alt-kategori-kartlari>ul>li>a{transition:box-shadow .18s ease}html body .odyo-alt-kategori-kartlari>ul>li>a:hover{text-decoration:none;box-shadow:0 5px 16px #18344924}}
@media(prefers-reduced-motion:reduce){html body .odyo-alt-kategori-kartlari>ul>li>a{transition:none}}

/* OdyoV8 - Sol alt liste gizlendiginde urunler yan sutunda kalir. */
html[data-odyo-desktop] .top-selection #divTumUrunler{display:flow-root;float:none!important;width:auto!important;min-width:0;max-width:100%}

/* OdyoV8 - Sadece gorsel/ikon; baglanti adi ekran okuyucuda korunur. */
.odyo-alt-kategori-kartlari .odyo-erisim-adi{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* OdyoV8 - Ust ve derin seviyelerde kalici golgeli kutu secenegi. */
html body .odyo-alt-kategori-kartlari[data-kutu=golgeli]>ul>li>a{background:var(--alt-kat-zemin);border-color:transparent;box-shadow:0 3px 12px #18344920}
html body .odyo-alt-kategori-kartlari[data-kutu=golgeli]>ul{padding:8px}

/* OdyoV8 - Gorsel ve SVG ikonlar alt kategoride de daireli secilebilir. */
html body .odyo-alt-kategori-ikon>svg{display:block;width:1em;height:1em;max-width:100%}
html body .odyo-alt-kategori-kartlari[data-gorsel-bicimi=daireli]>ul>li>a>:not(:where(.odyo-once-inline)):is(img,.odyo-alt-kategori-ikon){border-radius:50%;border:1px solid var(--alt-kat-cizgi,currentColor);aspect-ratio:1;height:auto;padding:12px;box-sizing:border-box;overflow:hidden}
html body .odyo-alt-kategori-kartlari[data-gorsel-bicimi=kare]>ul>li>a>:not(:where(.odyo-once-inline)):is(img,.odyo-alt-kategori-ikon){border-radius:7px}

/* OdyoV8 - Ozel ikon dosyasi standart ikon kutusuna sigar. */
.odyo-alt-kategori-ikon>img{display:block;width:100%;height:100%;max-width:100%;object-fit:contain}