/* Public-site reflow fixes. Content and images remain controlled by the CMS. */
.logo{background-repeat:no-repeat}
#main-content .uk-grid>*,.site-footer .uk-grid>*{min-width:0}
.site-footer .footer-link{max-width:100%;overflow-wrap:anywhere}
#main-content h1,#main-content h2,#main-content h3,.ic-title-mb{overflow-wrap:anywhere}
.ic-title-mb{box-sizing:border-box;width:100%;max-width:100%;padding-inline:15px}
#varyantlar{flex-wrap:wrap;gap:12px 0}
#rr-product-gallery .uk-thumbnav{flex-wrap:wrap}
.rr-order-result{overflow-wrap:anywhere}
.rr-result-heading>div,.rr-result-lines li>div{min-width:0}
.catalog-pagination{flex-wrap:wrap}
.catalog-filter-actions{flex-wrap:wrap;height:auto;min-height:46px}
.recipe-filters button,.uk-red-btn,.uk-grey-btn{white-space:normal;overflow-wrap:anywhere}
.uk-inline.uk-width-100{width:100%;box-sizing:border-box}
.rr-payment-options{display:flex;flex-wrap:wrap;gap:12px 24px}
.rr-payment-options label{display:flex;align-items:flex-start;gap:8px;margin:0!important;min-width:0;max-width:100%}
.rr-payment-options .uk-radio{flex:none;margin-top:4px}
.rr-checkout-product{display:grid;grid-template-columns:64px minmax(0,1fr);gap:16px;margin-inline:0}
.rr-checkout-product::before,.rr-checkout-product::after{display:none}
.rr-checkout-product>div{width:auto;min-width:0;padding-inline:0;overflow-wrap:anywhere}

@media(max-width:959px){
 .header-bar-grid{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2px 12px}
 .header-bar-grid::before,.header-bar-grid::after{display:none}
 .header-bar-contact,.header-bar-languages{float:none!important}
 .header-bar-languages{direction:ltr}
 .header-bar-grid a{display:inline-flex;align-items:center;justify-content:center;min-height:24px;min-width:24px}
 .header-bar-languages>span{margin-inline:4px!important}
}
@media(max-width:359px){
 .header-bar-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 12px}
 .header-bar-grid::before,.header-bar-grid::after{display:none}
 .header-bar-contact,.header-bar-languages{float:none!important;flex:0 0 100%;text-align:center;white-space:normal}
 .header-bar-languages{direction:ltr}
}
@media(max-width:319px){
 #header .site-header-nav{flex-wrap:wrap;justify-content:center;padding-block:8px;gap:0}
 #header .site-header-nav>.uk-navbar-left{flex:0 0 100%;justify-content:center}
 #header .header-actions,#header.header-nav-compact .header-actions{margin-inline:auto;justify-content:center;max-width:100%;gap:0}
 .catalog-grid{grid-template-columns:minmax(0,1fr)}
 .site-footer .footer-links{overflow-wrap:anywhere}
}

/* Match the product stage to its column instead of a fixed 600px mobile gap. */
@media(max-width:959px){
 #rr-product-gallery .uk-slideshow-items{min-height:0!important;height:clamp(260px,calc(100vw - 60px),560px)!important}
 #rr-product-gallery>.uk-position-center-left,#rr-product-gallery>.uk-position-center-right{top:calc(clamp(260px,calc(100vw - 60px),560px)/2)}
}
@media(max-width:639px){
 #main-content .uk-input,#main-content .uk-select,#main-content .uk-textarea,#cnt .uk-input,#cnt .uk-select,#cnt .uk-textarea{font-size:16px;max-width:100%;box-sizing:border-box}
 #sepetForm .quantity button{min-width:40px;min-height:40px}
 #sepetForm .quantity input{min-height:40px;box-sizing:border-box}
 .rr-result-heading{flex-wrap:wrap}
 .rr-result-lines li{flex-wrap:wrap;gap:8px 16px}
 .rr-result-summary{padding:16px}
 .rr-payment-options{flex-direction:column}
}

/* Keep every control reachable in landscape and with a software keyboard. */
#rr-consent-dialog{overflow-y:auto;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overscroll-behavior:contain}
.rr-consent-banner{max-height:calc(100vh - 24px);max-height:min(75vh,calc(100dvh - 24px))}
@media(max-height:480px){
 #sepet .uk-offcanvas-bar{overflow-y:auto}
 #sepet .cart-drawer-layout{height:auto;min-height:100%}
 #sepet .cart-drawer-items{flex:none;max-height:40vh;min-height:80px}
 .recipe-demo-modal{padding-block:12px}
 .recipe-demo-dialog{max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}
}
@media(max-height:500px) and (min-width:360px) and (max-width:1199px){
 #header .logo,#header.sticky .logo{width:72px;height:40px;margin:6px 0;background-size:contain}
 #header .site-header-nav{min-height:52px}
}