/* ========================================================================== */
/* RubyRose V10.22 — Category Page Mobile Spacing Fix                         */
/* الهدف: تحسين صفحة التصنيف على الموبايل فقط بدون التأثير على الرئيسية أو الديسكتوب. */
/* ========================================================================== */

@media (max-width:900px){
  html body.page-category main{
    overflow-x:hidden!important;
  }

  html body.page-category .shopping-page-hero,
  html body.page-category .page-hero.shopping-page-hero{
    padding:34px 18px 30px!important;
    min-height:auto!important;
    margin:0!important;
  }

  html body.page-category .shopping-page-hero span,
  html body.page-category .page-hero.shopping-page-hero span{
    margin-bottom:12px!important;
    font-size:11px!important;
    letter-spacing:.28em!important;
  }

  html body.page-category .shopping-page-hero h1,
  html body.page-category .page-hero.shopping-page-hero h1{
    margin:0!important;
    font-size:clamp(32px,10vw,48px)!important;
    line-height:1.02!important;
  }

  html body.page-category .shopping-page-hero p,
  html body.page-category .page-hero.shopping-page-hero p{
    margin:14px auto 0!important;
    max-width:320px!important;
    font-size:13px!important;
    line-height:1.55!important;
  }

  html body.page-category .rr-subcategories-page{
    padding:22px 0 18px!important;
    margin:0!important;
    background:#fff!important;
  }

  html body.page-category .rr-subcategories-page .section-heading{
    display:none!important;
  }

  html body.page-category .rr-subcategories-grid{
    width:calc(100% - 32px)!important;
    max-width:520px!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  html body.page-category .rr-subcategory-tile{
    width:100%!important;
    aspect-ratio:1 / 1!important;
    max-height:430px!important;
    min-height:260px!important;
    margin:0!important;
    border-radius:0!important;
    box-shadow:0 22px 56px rgba(55,19,36,.10)!important;
  }

  html body.page-category .rr-subcategory-tile img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:center!important;
    padding:0!important;
    border-radius:0!important;
  }

  html body.page-category .rr-subcategory-tile span{
    bottom:22px!important;
    inset-inline:16px!important;
    font-size:16px!important;
    line-height:1.15!important;
    letter-spacing:.08em!important;
  }

  html body.page-category .category-product-showcase,
  html body.page-category .blush-showcase-slider.category-product-showcase{
    display:none!important;
  }

  html body.page-category .shopping-section{
    padding:28px 0 44px!important;
    margin:0!important;
  }

  html body.page-category .shopping-section .shopping-grid{
    width:calc(100% - 28px)!important;
    max-width:620px!important;
    margin:0 auto!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:30px 14px!important;
    align-items:start!important;
  }

  html body.page-category .shopping-section .shop-product-card{
    margin:0!important;
    padding:0!important;
    min-width:0!important;
  }

  html body.page-category .shopping-section .shop-card-media{
    min-height:0!important;
    aspect-ratio:1 / 1!important;
    padding:14px!important;
    border-radius:0!important;
  }

  html body.page-category .shopping-section .shop-card-media img{
    width:100%!important;
    height:100%!important;
    max-height:none!important;
    object-fit:contain!important;
    border-radius:0!important;
  }

  html body.page-category .shopping-section .shop-card-body{
    padding:14px 4px 0!important;
  }

  html body.page-category .shopping-section .shop-card-stock-price{
    margin-bottom:10px!important;
    gap:8px!important;
  }

  html body.page-category .shopping-section .shop-card-actions{
    margin-top:10px!important;
  }
}

@media (max-width:520px){
  html body.page-category .shopping-page-hero,
  html body.page-category .page-hero.shopping-page-hero{
    padding:28px 14px 26px!important;
  }

  html body.page-category .rr-subcategories-page{
    padding-top:18px!important;
    padding-bottom:12px!important;
  }

  html body.page-category .rr-subcategories-grid{
    width:calc(100% - 28px)!important;
  }

  html body.page-category .shopping-section{
    padding-top:24px!important;
  }

  html body.page-category .shopping-section .shopping-grid{
    width:calc(100% - 24px)!important;
    gap:26px 12px!important;
  }
}