/* Sepahan v2.78 - centered, bounded shop archive container */

/*
 * v2.76 intentionally set max-width:100% on every shop ancestor to stop mobile
 * overflow. On desktop that also removed the theme's original 1320px container.
 * Keep the page background full width, but restore a centered inner container.
 */
html body main#primary.sepahan-shop-page{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
  overflow-x:clip!important;
}

html body main#primary.sepahan-shop-page > .sepahan-shop-container{
  width:100%!important;
  max-width:1320px!important;
  min-width:0!important;
  margin-right:auto!important;
  margin-left:auto!important;
  padding-right:16px!important;
  padding-left:16px!important;
  box-sizing:border-box!important;
}

/* Every direct shop section must calculate inside the bounded container. */
html body main#primary.sepahan-shop-page > .sepahan-shop-container > .sepahan-shop-cats-shell,
html body main#primary.sepahan-shop-page > .sepahan-shop-container > .sepahan-shop-layout{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  margin-right:0!important;
  margin-left:0!important;
  box-sizing:border-box!important;
}

html body main#primary.sepahan-shop-page .sepahan-shop-layout > .sepahan-shop-content,
html body main#primary.sepahan-shop-page .sepahan-shop-layout > .sepahan-shop-sidebar{
  min-width:0!important;
  box-sizing:border-box!important;
}

@media (max-width:1351px){
  html body main#primary.sepahan-shop-page > .sepahan-shop-container{
    max-width:100%!important;
  }
}

@media (max-width:767px){
  html body main#primary.sepahan-shop-page > .sepahan-shop-container{
    padding-right:10px!important;
    padding-left:10px!important;
  }
}

@media (max-width:380px){
  html body main#primary.sepahan-shop-page > .sepahan-shop-container{
    padding-right:8px!important;
    padding-left:8px!important;
  }
}