﻿/* OdyoV8 - Stok kodu kendi satirinin genisligine gore CSS ile tek satira sigar. */
.odyo-stok-kod-satiri{container-type:inline-size}
html body .odyo-stok-kod-satiri .odyo-stok-kodu{font-size:min(1.4em,calc(46cqw / var(--odyo-kod-birim,10)))!important;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;line-height:1.4;vertical-align:middle}

/* OdyoV8 - On siparis dugmesi; tema ve mobil tasarim secimleri bu tabani degistirebilir. */
html body .odyo-onsiparis{display:inline-flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;max-width:100%;min-height:44px;padding:var(--odyo-onsiparis-bosluk,10px) var(--odyo-onsiparis-bosluk,20px);background:var(--odyo-primary,#0079ba);color:#fff;border:1px solid transparent;border-radius:4px;text-decoration:none;line-height:1.4;font-size:var(--odyo-onsiparis-boyut,16px);font-weight:600;white-space:normal;text-align:center;cursor:pointer}
html body .odyo-onsiparis::before{font-family:FontAwesome;content:'\f217';font-weight:400}
html body #lnkOnSiparis.odyo-onsiparis::after,html body .odyo-onsiparis::after{content:var(--odyo-onsiparis-yazisi,"Ön sipariş")!important;position:static!important;display:inline!important;background:none!important;border:0!important;padding:0!important;transform:none!important;color:inherit;font:inherit;line-height:inherit}
html body .odyo-onsiparis-erisilebilir{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
html body .odyo-onsiparis:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* OdyoV8 - Yalniz on siparis acik urunun eski fiyat-sorunuz etiketi gizlenir. */
html body .pnlEnUst:has(.odyo-onsiparis) :is(.sifirstok,.incele2){display:none!important}
html body .pnlEnUst>.odyo-onsiparis,html body .pnlEnUst>ul .odyo-onsiparis{margin:10px auto;max-width:calc(100% - 20px)}

/* OdyoV8 - Ana sayfa ve liste kartinda eski fiyat etiketi ikinci bir satir acmaz. */
html body :is(.pnlEnUst,.pnlEnUstAna,.pnlEnUstAna1):has(>.odyo-onsiparis) :is(.sifirstok,.incele2){display:none!important}
html body :is(.pnlEnUst,.pnlEnUstAna,.pnlEnUstAna1):has(>.odyo-onsiparis)>a>div[style*="height:57px"]:not(:has(*)){display:none!important}
/* Mobil kartta iki baglantiya birden height:100% uygulanmasini engelle. */
html[data-odyo-experience=mobile] body :is(.pnlEnUst,.pnlEnUstAna,.pnlEnUstAna1):has(>.odyo-onsiparis){height:auto!important;min-height:0!important;display:flex;flex-direction:column}
html[data-odyo-experience=mobile] body :is(.pnlEnUst,.pnlEnUstAna,.pnlEnUstAna1):has(>.odyo-onsiparis)>a:not(.odyo-onsiparis){height:auto!important;min-height:0!important;flex:1 1 auto}
html[data-odyo-experience=mobile] body :is(.pnlEnUst,.pnlEnUstAna,.pnlEnUstAna1) .odyo-onsiparis{display:inline-flex!important;height:auto!important;flex:0 0 auto!important;flex-direction:row!important;align-items:center;justify-content:center;width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important;min-height:40px!important;margin:8px auto 12px!important;padding:var(--odyo-onsiparis-bosluk,8px) var(--odyo-onsiparis-bosluk,10px)!important;font-size:var(--odyo-onsiparis-boyut,14px);line-height:1.4;overflow-wrap:anywhere}

/* OdyoV8 - Tema baglanti/ikon olculeri liste dugmesinde ikinci satir veya uzun blok olusturmaz. */
html body .odyo-onsiparis::before{position:static!important;display:inline-block;flex:0 0 auto;width:1em!important;height:auto!important;line-height:1!important;margin:0!important;padding:0!important;float:none!important;transform:none!important;font-size:inherit}
html body .odyo-onsiparis::after{flex:0 1 auto;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;float:none!important}
html body .odyo-onsiparis-erisilebilir{clip:rect(0,0,0,0)!important}

/* OdyoV8 - Ana on siparis altinda ikincil iletisim; gorunen yazi CSS ayarindan gelir. */
html body .odyo-onsiparis-iletisim{display:flex;flex-wrap:wrap;gap:10px;clear:both;width:100%;max-width:100%;margin:12px 0;box-sizing:border-box}
html body .odyo-onsiparis-iletisim .odyo-onsiparis-iletisim-dugmesi{display:inline-flex!important;align-items:center;justify-content:center;gap:8px;width:auto!important;max-width:100%;min-height:44px;height:auto!important;box-sizing:border-box;padding:10px 16px!important;margin:0!important;border:1px solid #cbd5da;border-radius:6px;background:#fff;color:#30434b;font-family:inherit;font-size:16px;font-weight:600;line-height:1.4;text-decoration:none;white-space:normal;overflow-wrap:break-word;-webkit-appearance:none;appearance:none}
html body .odyo-onsiparis-iletisim .odyo-onsiparis-whatsapp{border-color:#89bca0;background:#f2faf5;color:#176b3a}
html body .odyo-onsiparis-iletisim-dugmesi::before{content:none!important}
html body .odyo-onsiparis-iletisim-dugmesi::after{content:var(--odyo-iletisim-yazisi,"Telefonla ara");position:static!important;display:inline!important;float:none!important;width:auto!important;height:auto!important;background:none!important;padding:0!important;margin:0!important;transform:none!important;font:inherit;color:inherit}
html body .odyo-onsiparis-whatsapp::after{content:var(--odyo-iletisim-yazisi,"WhatsApp ile sipariş ver")}
html body .odyo-onsiparis-iletisim-dugmesi>.fa{flex:0 0 auto!important;position:static!important;display:inline-block!important;font:normal 20px/1 FontAwesome!important;width:20px!important;height:20px!important;padding:0!important;margin:0!important;color:inherit!important}
html body .odyo-onsiparis-iletisim-dugmesi:focus{outline:2px solid currentColor;outline-offset:3px}


/* OdyoV8 - Ana eylem ve iletisim dugmeleri esit; masaustu akis secimi yalniz CSS ile. */
html body .odyo-onsiparis-eylemleri{display:grid;grid-auto-flow:row;grid-auto-columns:minmax(0,1fr);grid-auto-rows:1fr;gap:8px;align-items:stretch;width:100%;max-width:360px;clear:both;box-sizing:border-box;margin:12px 0;--odyo-onsiparis-olcek:1}
html body .odyo-onsiparis-eylemleri .odyo-onsiparis-iletisim{display:contents}
html body .odyo-onsiparis-eylemleri #lnkOnSiparis.odyo-onsiparis,html body .odyo-onsiparis-eylemleri .odyo-onsiparis-iletisim-dugmesi{float:none!important;min-width:0!important;width:100%!important;max-width:100%!important;margin:0!important;min-height:44px;height:auto!important;font-family:inherit!important;font-size:calc(var(--odyo-onsiparis-boyut,16px) * var(--odyo-onsiparis-olcek,1))!important;font-weight:600;line-height:1.4!important;padding:calc(var(--odyo-onsiparis-bosluk,10px) * var(--odyo-onsiparis-olcek,1)) calc(var(--odyo-onsiparis-bosluk,8px) * var(--odyo-onsiparis-olcek,1))!important;overflow-wrap:anywhere;text-align:center;gap:6px;box-sizing:border-box}
html body .odyo-onsiparis-eylemleri .odyo-onsiparis-iletisim-dugmesi>.fa{font-size:1em!important;width:1em!important;height:1em!important}
html body .odyo-onsiparis-eylemleri .odyo-onsiparis-iletisim-dugmesi::after{min-width:0;flex:0 1 auto;overflow-wrap:anywhere}

/* OdyoV8 - Mobilde esit sutunlar; bos/kapali dugme icin yer ayrilmaz. */
html[data-odyo-experience=mobile] body .odyo-onsiparis-eylemleri{grid-auto-flow:column;max-width:100%}
html body .odyo-onsiparis-eylemleri #lnkOnSiparis.odyo-onsiparis,html body .odyo-onsiparis-eylemleri .odyo-onsiparis-iletisim-dugmesi{border-radius:4px;-webkit-appearance:none;appearance:none}
html body .odyo-onsiparis::before{color:var(--odyo-onsiparis-ikon-rengi,currentColor)!important}
html body .odyo-onsiparis-eylemleri .odyo-onsiparis-iletisim-dugmesi>.fa{color:var(--odyo-iletisim-ikon-rengi,currentColor)!important}
html body .mobillnksepet:has(.odyo-onsiparis-eylemleri){float:none!important;width:100%!important;max-width:100%;min-width:0}

/* OdyoV8 - p10: Mobil on sipariste eski satin alma satirinin yuzde 56 sinirini kaldir. */
html[data-odyo-experience=mobile] body #orta_sptbtnlar:has(.odyo-onsiparis-eylemleri){float:none!important;clear:both;width:100%!important;max-width:100%!important;min-width:0;flex:1 1 100%!important;margin:0!important;box-sizing:border-box}
html[data-odyo-experience=mobile] body #orta_sptbtnlar .mobillnksepet:has(.odyo-onsiparis-eylemleri){float:none!important;clear:both;width:100%!important;max-width:100%!important;min-width:0;margin:0!important;box-sizing:border-box}
/* OdyoV8 - En dar ekranlarda da uc dugme yan yana; ikon metnin genisligini daraltmaz. */
@media(max-width:359px){
html[data-odyo-experience=mobile] body .odyo-onsiparis-eylemleri #lnkOnSiparis.odyo-onsiparis,html[data-odyo-experience=mobile] body .odyo-onsiparis-eylemleri .odyo-onsiparis-iletisim-dugmesi{flex-direction:column!important;padding-left:4px!important;padding-right:4px!important;gap:4px}
}

/* P52: desktop preorder has its own row instead of sharing the price baseline. */
html[data-odyo-desktop] body :is(.pnlEnUst,.pnlEnUstAna,.pnlEnUstAna1):has(>.odyo-onsiparis){height:auto!important}
html[data-odyo-desktop] body :is(.pnlEnUst,.pnlEnUstAna,.pnlEnUstAna1)>.odyo-onsiparis{display:flex!important;float:none!important;clear:both!important;width:max-content;max-width:calc(100% - 24px);margin:12px auto!important;height:auto!important}

html[data-odyo-desktop] body :is(.pnlEnUst,.pnlEnUstAna,.pnlEnUstAna1)>.odyo-onsiparis{min-height:28px;padding:4px 10px;margin-top:4px!important;margin-bottom:4px!important}
