/* Existing slider controls own all product/image/card styles. */

html body .odyo-offer-view{min-width:0}
/* OdyoV8 - Sabit piksel kutusu buyuk tema yazilarinin ikinci satirini kesmez. */
html body .odyo-offer-view :is(.pnlEnUstAna,.pnlEnUstAna1)>a>div:has(>.lblAnaBosluk){height:auto!important;min-height:0!important;overflow:visible!important}
html body .odyo-offer-view :is(.pnlEnUstAna,.pnlEnUstAna1) .lblAnaBosluk{display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;padding:8px 0!important;box-sizing:border-box}
html body .odyo-offer-view :is(.pnlEnUstAna,.pnlEnUstAna1) .lblAnaBosluk .h2k{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4!important;height:2.8em!important;min-height:2.8em!important;max-height:none!important;overflow:hidden!important;white-space:normal!important;margin:0!important;padding:0!important;box-sizing:content-box}

html body .odyo-offer-view>div{min-width:0}

html body .odyo-offer-with-banner{display:grid!important;grid-template-columns:minmax(180px,25%) minmax(0,1fr);gap:0 24px;align-items:start}

html body .odyo-offer-with-banner>.odyo-offer-banner{grid-column:1;grid-row:1 / span 2}

html body .odyo-offer-with-banner>.css_firsatoklari,html body .odyo-offer-with-banner>[id=tabmenufirsat]{grid-column:2;min-width:0}

html body .odyo-offer-banner img{display:block;width:100%;height:auto;object-fit:contain;border-radius:12px}

html body .odyo-offer-tabbar{display:flex;align-items:center;gap:6px;max-width:100%;min-width:0;margin:8px 0 12px;clear:both}

html body .odyo-offer-tabs{display:flex;flex:1 1 auto;min-width:0;gap:12px;overflow-x:auto;padding:2px 0;scrollbar-width:thin;overscroll-behavior-x:contain}

html body .odyo-offer-tabs button{flex:0 0 auto;padding:12px 20px;font:inherit;font-size:var(--offer-tab-size,18px);font-weight:400!important;white-space:nowrap;cursor:pointer;background:transparent!important;box-shadow:none!important;text-transform:none!important;color:var(--offer-tab-text,color-mix(in srgb,var(--offer-theme,#088fc6) 35%,#888));border:1px solid currentColor;border-radius:8px;opacity:1}

html body .odyo-offer-tabs button[aria-pressed=true]{color:var(--offer-tab-active-bg,color-mix(in srgb,var(--offer-theme,#088fc6) 30%,#111));opacity:1}

html body .odyo-offer-tabs button:hover{opacity:1}

html body .odyo-offer-tabs button:focus-visible{outline:2px solid var(--offer-theme,#088fc6);outline-offset:2px}

html body .odyo-offer-tabbar>button{flex:0 0 30px;width:30px;height:40px;padding:0;border:0;border-radius:6px;background:#f3f7fa;color:#244357;font:28px/1 Arial;cursor:pointer}

html body .odyo-offer-tabbar>button[hidden]{display:none!important}

html body .odyo-offer-tabbar>button:disabled{opacity:.3;cursor:default}

@media(max-width:700px){html body .odyo-offer-with-banner{display:block!important}html body .odyo-offer-banner{margin-bottom:12px}html body .odyo-offer-banner img{max-height:240px}html body .odyo-offer-tabs button{padding:10px 14px;font-size:clamp(14px,calc(var(--offer-tab-size,18px) - 2px),22px)}}



html body #anatabmenu{display:flex!important;flex-wrap:nowrap;gap:0!important;width:100%!important;padding:0!important;margin:0 0 12px!important;list-style:none;background:#fff!important;height:auto!important;border:0!important;border-radius:0;overflow-x:auto}

html body #anatabmenu>li{flex:1 1 0;float:none!important;width:auto!important;min-width:0;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:#fff!important;height:auto!important;box-shadow:none!important}

html body #anatabmenu>li>a{display:flex!important;align-items:center;justify-content:center;gap:9px;padding:12px 14px!important;min-height:52px;height:100%;box-sizing:border-box;border:0!important;border-radius:0!important;background:#fff!important;color:#244357!important;font-family:inherit!important;font-size:17px!important;font-weight:600!important;line-height:1.3!important;text-decoration:none;box-shadow:none!important;white-space:nowrap}

html body #anatabmenu>li>a i{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:inherit;font-size:20px}

html body #anatabmenu>li.active>a,html body #anatabmenu>li>a.active{background:#e0f2f7!important;color:#11596b!important}

html body #anatabmenu>li>a:hover{color:#087b99!important}

html body #anatabmenu>li>a:focus-visible{outline:2px solid #087b99;outline-offset:-2px}

@media(max-width:700px){html body #anatabmenu{gap:0!important;margin-bottom:8px!important}html body #anatabmenu>li{flex:1 0 auto}html body #anatabmenu>li>a{font-size:13px!important;min-height:44px;padding:10px 7px!important;gap:5px}html body #anatabmenu>li>a i{width:18px;height:18px;font-size:16px}}

html body #anatabmenu>li.active>a,html body #anatabmenu>li>a.active{background:color-mix(in srgb,var(--offer-theme,#088fc6) 14%,white)!important;color:color-mix(in srgb,var(--offer-theme,#088fc6) 65%,black)!important}

html body #anatabmenu>li>a:hover{color:var(--offer-theme,#088fc6)!important}

@media(max-width:700px){html body #anatabmenu{overflow:visible!important}html body #anatabmenu>li{flex:1 1 0!important;min-width:0}html body #anatabmenu>li>a{flex-direction:column!important;gap:7px!important;white-space:normal!important;text-align:center;font-size:16px!important;line-height:1.35!important;height:104px;min-height:104px;box-sizing:border-box;padding:12px 1px!important;overflow-wrap:normal;word-break:normal;letter-spacing:-.4px}html body #anatabmenu>li>a i{font-size:24px!important;width:28px;height:28px;flex:0 0 28px}}


/* OdyoV8 - Sekme arka plani mevcut renk ayarindan, ozel renk kapaliysa saydam. */
html body .odyo-offer-tabbar{background-color:var(--offer-tab-bg,transparent)!important}