/* V21.6 — yatay taşma ve header/sepet yerleşim düzeltmeleri */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:clip;
}
@supports not (overflow:clip){
  html,body{overflow-x:hidden}
}

img,svg,video,canvas,iframe{
  max-width:100%;
}

.page,
.topbar,
.topbar-inner,
.modern-site-header,
.home-module-canvas,
.home-builder-module,
.home-visual-module,
.home-text-module,
.workspace,
.stage,
.catalog,
.product-detail-grid,
.checkout-card,
.drawer-panel{
  min-width:0;
  max-width:100%;
}

/* 100vw, masaüstü kaydırma çubuğunu da hesaba kattığı için sayfayı sağa taşıyordu. */
.home-builder-module.is-full-width{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

.home-module-canvas>*{
  min-width:0;
}

.modern-site-header{
  isolation:isolate;
}

.topbar-inner{
  grid-template-columns:minmax(0,auto) minmax(0,1fr) max-content;
  max-width:calc(100% - 20px);
}

.header-style-full .topbar-inner{
  max-width:100%;
}

.topbar-inner>*{
  min-width:0;
}

.modern-brand{
  min-width:0 !important;
  max-width:100%;
  overflow:hidden;
}

.modern-brand img{
  flex:0 1 auto;
  max-width:min(180px,100%);
}

.modern-brand span{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.modern-header-nav{
  min-width:0;
  max-width:100%;
  overflow:hidden;
}

.modern-top-actions{
  position:relative;
  z-index:2;
  min-width:0;
  max-width:100%;
  flex-wrap:nowrap;
}

.modern-cart-button,
.cart-btn,
[data-theme-action="cart"]{
  position:relative;
  z-index:3;
  flex:0 0 auto;
  max-width:100%;
  white-space:nowrap;
}

.modern-cart-button .cart-count,
.cart-btn .cart-count{
  flex:0 0 auto;
}

.mobile-header-panel{
  max-width:100%;
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
}

.mobile-header-panel::before{
  width:calc(100vw - min(390px,92vw));
  max-width:100vw;
}

.drawer{
  overflow:hidden;
}

.drawer-panel{
  width:min(440px,100vw);
  max-width:100vw;
}

.cart-list,
.cart-item,
.cart-item>div{
  min-width:0;
}

.cart-item{
  grid-template-columns:54px minmax(0,1fr) auto;
}

.cart-item strong,
.cart-item small{
  overflow-wrap:anywhere;
}

.checkout-card{
  width:min(760px,calc(100% - 24px));
  max-width:calc(100% - 24px);
}

.detail-thumbs,
.model-selector,
.public-page-menu,
.home-module-buttons{
  max-width:100%;
}

@media(max-width:1320px){
  .modern-header-nav a{
    padding-inline:9px;
  }
  .modern-top-actions .account-link,
  .modern-top-actions #homeBtn{
    display:none;
  }
}

@media(max-width:1120px){
  .topbar-inner{
    grid-template-columns:minmax(0,1fr) auto auto;
    gap:9px;
  }
  .header-mobile-toggle{
    justify-self:end;
  }
  .modern-top-actions{
    justify-self:end;
  }
}

@media(max-width:680px){
  .topbar-inner{
    width:calc(100% - 14px) !important;
    max-width:calc(100% - 14px);
    gap:6px;
    padding:7px 7px 7px 10px;
  }
  .modern-brand{
    font-size:15px;
  }
  .modern-brand img{
    max-width:104px;
  }
  .modern-brand span{
    max-width:92px;
  }
  .modern-cart-button{
    min-width:42px;
    height:42px;
    padding:6px 8px;
  }
  .modern-cart-button>span{
    display:none;
  }
  .modern-cart-button .cart-count{
    min-width:25px;
    height:25px;
  }
  .header-mobile-toggle{
    flex:0 0 42px;
  }
  .page{
    width:calc(100% - 16px);
    max-width:calc(100% - 16px);
  }
  .home-builder-module,
  .home-visual-module{
    max-width:100%;
  }
  .cart-item{
    grid-template-columns:46px minmax(0,1fr) auto;
    gap:8px;
    padding:10px;
  }
  .cart-item img{
    width:46px;
    height:46px;
  }
}

@media(max-width:420px){
  .modern-brand span{
    display:none;
  }
  .modern-brand img{
    max-width:96px;
  }
  .topbar-inner{
    grid-template-columns:minmax(0,1fr) 42px 42px;
  }
}
/* V22.1 — sepet ve ödeme katmanı her header türünün üzerinde */
html body .drawer,
html body .modal{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  isolation:isolate;
  transform:none;
  contain:layout style;
}

html body .drawer-backdrop,
html body .modal-backdrop{
  z-index:0!important;
}

html body .drawer-panel,
html body .checkout-card,
html body .common-payment-card{
  z-index:2!important;
}

html.commerce-overlay-open,
html.commerce-overlay-open body{
  overflow:hidden!important;
}

html.commerce-overlay-open .modern-site-header,
html.commerce-overlay-open .limra-theme-header,
html.commerce-overlay-open .site-header{
  pointer-events:none;
}

html.commerce-overlay-open .drawer.open,
html.commerce-overlay-open .modal.open{
  pointer-events:auto;
}

@media(max-width:680px){
  html body .checkout-card,
  html body .common-payment-card{
    width:calc(100% - 14px)!important;
    max-width:calc(100% - 14px)!important;
    max-height:calc(100dvh - 14px)!important;
    border-radius:16px!important;
  }

  html body .drawer-panel{
    width:min(440px,100%)!important;
    max-width:100%!important;
  }
}

/* V22.1.2 — klasik kart görselleri kırpılmasın */
body:not(.theme-limra-butik) :is(
  .main-choice-image,
  .category-card-image,
  .model-card-image,
  .catalog-image-wrap,
  .product-card-image,
  .related-product-image,
  .part-card-image,
  .bike-model-image,
  .home-category-card-image
) img{
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}

/* V22.1.3 — kategori isimleri görsellerin altında */
body:not(.theme-limra-butik) .dynamic-main-card>.main-choice-copy,
body:not(.theme-limra-butik) .rider-category-card>span:last-child{
  position:relative!important;
  z-index:10!important;
  background:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}

body:not(.theme-limra-butik) .home-category-card>b,
body:not(.theme-limra-butik) .home-category-card>small{
  position:relative!important;
  z-index:10!important;
  display:block!important;
  background:#fff!important;
  opacity:1!important;
  visibility:visible!important;
}

body:not(.theme-limra-butik) .dynamic-main-card>.main-choice-image,
body:not(.theme-limra-butik) .home-category-card>span:first-child,
body:not(.theme-limra-butik) .rider-category-card>.rider-category-image{
  position:relative!important;
  z-index:1!important;
  overflow:hidden!important;
}

body:not(.theme-limra-butik) .dynamic-main-card>.main-choice-image img,
body:not(.theme-limra-butik) .home-category-card>span:first-child img,
body:not(.theme-limra-butik) .rider-category-card>.rider-category-image img{
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
