/* Yamin Royal Textile v1.0.2 — responsive containment + UAT hardening. */

/* Root containment. A single oversized inherited/fallback shell must never force
   the document wider than the actual viewport. */
html{max-width:100%;overflow-x:clip!important}
body.yamin-royal-textile{max-width:100%;overflow-x:clip!important}
body.yamin-royal-textile .yrt-site-header,
body.yamin-royal-textile .yrt-topbar,
body.yamin-royal-textile .yrt-mainbar,
body.yamin-royal-textile .yrt-home,
body.yamin-royal-textile .yrt-home>*,
body.yamin-royal-textile .yrt-footer,
body.yamin-royal-textile main,
body.yamin-royal-textile section{
  max-width:100%!important;
  box-sizing:border-box!important;
}
body.yamin-royal-textile .nn-shell,
body.yamin-royal-textile .nn-mainbar-full{
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
body.yamin-royal-textile .yrt-mainbar-inner,
body.yamin-royal-textile .yrt-topbar-inner,
body.yamin-royal-textile .yrt-section-head,
body.yamin-royal-textile .yrt-category-grid,
body.yamin-royal-textile .yrt-product-grid,
body.yamin-royal-textile .yrt-trust-grid,
body.yamin-royal-textile .yrt-promo-split,
body.yamin-royal-textile .yrt-review-grid,
body.yamin-royal-textile .yrt-gallery-grid,
body.yamin-royal-textile .yrt-footer-grid,
body.yamin-royal-textile .yrt-footer-bottom{
  min-width:0!important;
  max-width:100%!important;
}
body.yamin-royal-textile .yrt-mainbar-inner>*,
body.yamin-royal-textile .yrt-topbar-inner>*,
body.yamin-royal-textile .yrt-promo-split>*,
body.yamin-royal-textile .yrt-footer-grid>*{min-width:0!important}

/* Desktop/tablet: preserve the approved single-row header but guarantee that it
   can shrink inside the real viewport instead of establishing a wider canvas. */
@media (min-width:721px){
  body.yamin-royal-textile .yrt-mainbar-inner{width:min(calc(100% - 40px),1200px)!important;margin-inline:auto!important}
  body.yamin-royal-textile .yrt-primary-nav{overflow:hidden!important}
  body.yamin-royal-textile .yrt-primary-nav .nn-nav-list{max-width:100%!important}
  body.yamin-royal-textile .yrt-header-actions{min-width:0!important;white-space:nowrap!important}
}

/* The 992px/721px UAT points are deliberately tight. Drop only the desktop
   search sooner and compact the navigation; mobile runtime still starts at 720. */
@media (min-width:721px) and (max-width:1040px){
  body.yamin-royal-textile .yrt-header-search{display:none!important}
  body.yamin-royal-textile .yrt-mainbar-inner{gap:8px!important}
  body.yamin-royal-textile .yrt-mainbar-inner>.yrt-brand{flex:0 0 96px!important;min-width:96px!important;max-width:96px!important}
  body.yamin-royal-textile .yrt-brand .yrt-canonical-logo{max-width:86px!important;max-height:48px!important}
  body.yamin-royal-textile .yrt-primary-nav .nn-nav-list{gap:clamp(6px,1vw,11px)!important}
  body.yamin-royal-textile .yrt-primary-nav .nn-nav-list>li>a{font-size:clamp(9px,1.05vw,11px)!important}
  body.yamin-royal-textile .yrt-header-actions .nn-icon-button{flex-basis:30px!important;width:30px!important}
}

/* Mobile: explicitly replace the four-column desktop YRT grid. The inherited
   mobile controllers remain authoritative; this rule only fixes geometry. */
@media (max-width:720px){
  body.yamin-royal-textile .yrt-mainbar-inner{
    width:100%!important;
    max-width:100%!important;
    height:68px!important;
    padding-inline:14px!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    align-items:center!important;
    gap:10px!important;
  }
  body.yamin-royal-textile .yrt-mainbar-inner>.nn-mobile-header-menu-v183{display:flex!important;grid-column:1!important}
  body.yamin-royal-textile .yrt-mainbar-inner>.yrt-brand{grid-column:2!important;min-width:0!important;max-width:100%!important;justify-self:center!important}
  body.yamin-royal-textile .yrt-mainbar-inner>.nn-mobile-header-right-v111{display:flex!important;grid-column:3!important;min-width:0!important}
  body.yamin-royal-textile .yrt-primary-nav,
  body.yamin-royal-textile .yrt-header-search,
  body.yamin-royal-textile .yrt-header-actions{display:none!important}
  body.yamin-royal-textile .yrt-brand .nn-brand-link{max-width:100%!important;justify-content:center!important}
  body.yamin-royal-textile .yrt-brand .yrt-canonical-logo{max-width:min(84px,30vw)!important}

  body.yamin-royal-textile .yrt-hero,
  body.yamin-royal-textile .yrt-hero-inner,
  body.yamin-royal-textile .yrt-section,
  body.yamin-royal-textile .yrt-trust-strip,
  body.yamin-royal-textile .yrt-promo-split,
  body.yamin-royal-textile .yrt-winter-banner,
  body.yamin-royal-textile .yrt-real-life,
  body.yamin-royal-textile .yrt-home-collection{width:100%!important;max-width:100%!important;min-width:0!important}

  /* Horizontal category rail may scroll internally, but never widen document. */
  body.yamin-royal-textile .yrt-category-grid{width:100%!important;max-width:100%!important;overscroll-behavior-inline:contain!important}
  body.yamin-royal-textile .yrt-category-card{min-width:min(78vw,360px)!important;max-width:calc(100vw - 42px)!important}

  body.yamin-royal-textile .yrt-hero-actions,
  body.yamin-royal-textile .yrt-hero-benefits,
  body.yamin-royal-textile .yrt-mini-benefits,
  body.yamin-royal-textile .yrt-payment-badges{max-width:100%!important}
  body.yamin-royal-textile .yrt-trust-grid small{white-space:normal!important}
  body.yamin-royal-textile .yrt-home-collection-inner,
  body.yamin-royal-textile .yrt-winter-inner{min-width:0!important;max-width:100%!important}
}

@media (max-width:430px){
  body.yamin-royal-textile .yrt-mainbar-inner{padding-inline:10px!important;gap:7px!important}
  body.yamin-royal-textile .yrt-category-card{min-width:min(84vw,340px)!important;max-width:calc(100vw - 34px)!important}
  body.yamin-royal-textile .yrt-section-head{gap:10px!important}
  body.yamin-royal-textile .yrt-section-head>a{white-space:nowrap!important}
}

/* Graceful public empty-state copy for a store that has not published products
   yet. No demo/fake commerce data is created by the theme. */
body.yamin-royal-textile .yrt-products-empty{
  grid-column:1/-1;
  min-height:120px;
  display:grid;
  place-items:center;
  padding:24px;
  border:1px dashed #ddd;
  border-radius:8px;
  background:#fafafa;
  color:#666;
  text-align:center;
  font-size:12px;
}