/* BAZARCO PRO 380.8.3.4.2.1.22 — stable home order and responsive surfaces.
 * Presentation only: no verification, order, checkout or database state changes.
 */

/* Order sections during layout, before first paint. Moving DOM nodes on
 * DOMContentLoaded changed the browser's scroll anchor on warm reloads. */
body.view-home .marketak-app-shell-main-v205101{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  min-width:0!important;
}
body.view-home .marketak-app-shell-main-v205101 > [data-home-section-key]{
  order:var(--home-section-order,999)!important;
  flex:0 0 auto!important;
  min-width:0!important;
  width:100%!important;
}
/* Horizontal movement should never become a vertical scroll anchor. */
body.view-home .marketak-app-shell-main-v205101 [data-bazarco-css-motion="true"]{
  overflow-anchor:none!important;
}
body.view-home .marketak-app-shell-main-v205101 .mini-product{
  padding:0 0 10px!important;
  overflow:hidden!important;
}
body.view-home .marketak-app-shell-main-v205101 .mini-product > img{
  display:block!important;
  width:100%!important;
  max-width:100%!important;
  height:160px!important;
  margin:0 0 8px!important;
  border-radius:18px 18px 0 0!important;
  object-fit:cover!important;
  object-position:center!important;
}
body.view-home .marketak-app-shell-main-v205101 .mini-product > :is(span,b){
  display:block!important;
  margin-inline:10px!important;
}

/* A square product artwork needs a square stage to use the available width;
 * keep contain so artwork, lettering and discount copy are never cropped. */
body.marketak-responsive-v18952858.view-product .product-super-page .product-gallery-pro :is(.gallery-stage,.media-stage-v23),
body.marketak-responsive-v18952858.view-product .product-gallery-pro :is(.gallery-stage,.media-stage-v23){
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:1 / 1!important;
}
body.view-product .product-gallery-pro .main-media-box img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
}
body.marketak-responsive-v18952858.view-product .product-gallery-pro .gallery-stage:has(.main-media-box iframe){
  aspect-ratio:16 / 9!important;
}

/* Tablet and phone: equal logical-side gutters, bounded reading width. */
body.view-contact .contact-page-pro > .contact-grid-pro.container{
  width:min(calc(100% - 48px),1180px)!important;
  max-width:1180px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  box-sizing:border-box!important;
  min-width:0!important;
}
body.view-notifications .marketak-app-shell-main-v205101 .notifications-page > .container{
  width:min(calc(100% - 48px),1180px)!important;
  max-width:1180px!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  box-sizing:border-box!important;
  min-width:0!important;
}
body.view-notifications .marketak-app-shell-main-v205101 .notifications-page :is(.notifications-hero,.notif-mini-stats,.notif-search-row,.notif-tabs,.notification-list,.notification-card){
  max-width:100%!important;
  box-sizing:border-box!important;
}
body.view-notifications .marketak-app-shell-main-v205101 .notifications-page .notif-tabs{
  width:100%!important;
  margin-inline:auto!important;
  overscroll-behavior-inline:contain!important;
}

/* In a horizontal scrollport overflow-y:visible computes to auto; reserve an
 * actual top lane for badges instead of relying on protrusion outside it. */
@media(max-width:1100px){
  .market-header .header-grid .header-actions.header-actions-v3808342118{
    min-height:66px!important;
    padding-block:14px 6px!important;
    box-sizing:border-box!important;
    align-items:center!important;
  }
  .market-header .header-grid .header-actions.header-actions-v3808342118 :is(.cart-head,.notif-head){
    position:relative!important;
    overflow:visible!important;
  }
  .market-header .header-grid .header-actions.header-actions-v3808342118 .cart-head > span,
  .market-header .header-grid .header-actions.header-actions-v3808342118 .notif-head > .notification-badge{
    top:-8px!important;
    z-index:5!important;
    white-space:nowrap!important;
  }
}

/* Top-row offers were losing the half-outside verification seal at the tab's
 * clipped boundary. Put the authentic server-rendered seal within the card. */
#tab-offers.storefront-offers-four-card-authority-v3808342119 .storefront-offers-grid-v3808342119 > .product-card-pro.is-store-verified-card-v189381{
  overflow:visible!important;
}
#tab-offers.storefront-offers-four-card-authority-v3808342119 .storefront-offers-grid-v3808342119 > .product-card-pro .verified-card-corner-v189381.verified-card-corner-exact-v189382{
  top:7px!important;
  right:8px!important;
  left:auto!important;
  inset-inline-start:auto!important;
  inset-inline-end:auto!important;
  z-index:90!important;
  width:30px!important;
  height:30px!important;
  min-width:30px!important;
  min-height:30px!important;
}
#tab-offers.storefront-offers-four-card-authority-v3808342119 .storefront-offers-grid-v3808342119 > .product-card-pro .verified-card-corner-v189381.verified-card-corner-exact-v189382 img{
  width:30px!important;
  height:30px!important;
}
#tab-offers.storefront-offers-four-card-authority-v3808342119 .storefront-offers-grid-v3808342119 > .product-card-pro.is-store-verified-card-v189381 .sale-badge-v61{
  top:44px!important;
}

/* Global text-field sizing must not turn the return-policy checkbox into a
 * 52-pixel square or leave the RTL label with a narrow fixed column. */
.vendor-store-settings-polish-v197 .product-editor-form .vendor-return-policy-settings-v117 label.inline-toggle-v117{
  display:flex!important;
  flex-direction:row!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
  width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
  text-align:start!important;
}
.vendor-store-settings-polish-v197 .product-editor-form .vendor-return-policy-settings-v117 label.inline-toggle-v117 input[type="checkbox"]{
  appearance:auto!important;
  flex:0 0 19px!important;
  display:block!important;
  width:19px!important;
  min-width:19px!important;
  max-width:19px!important;
  height:19px!important;
  min-height:19px!important;
  max-height:19px!important;
  margin:0!important;
  padding:0!important;
  border-radius:5px!important;
}
.vendor-store-settings-polish-v197 .product-editor-form .vendor-return-policy-settings-v117 label.inline-toggle-v117 > span{
  flex:1 1 auto!important;
  min-width:0!important;
  width:auto!important;
  overflow-wrap:anywhere!important;
  line-height:1.65!important;
}
@media(max-width:680px){
  body.view-contact .contact-page-pro > .contact-grid-pro.container,
  body.view-notifications .marketak-app-shell-main-v205101 .notifications-page > .container{
    width:calc(100% - 32px)!important;
  }
  body.view-contact .contact-page-pro .contact-info-card,
  body.view-contact .contact-page-pro .contact-form-card{
    width:100%!important;
    min-width:0!important;
  }
}