.rasta-carousel { position: relative; }
.rasta-carousel__viewport { overflow: hidden; }
/* سایت راست‌به‌چپ است: کتاب اول باید سمت راست بنشیند و بقیه به سمت چپ
   ادامه پیدا کنند. پس برای دیدن کتاب‌های بعدی، لیست به راست کشیده می‌شود. */
.rasta-carousel__track { display:flex; gap:1rem; direction:rtl; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-width:none; padding:3px; }
.rasta-carousel__track::-webkit-scrollbar { display:none; }
.rasta-carousel__item { flex:0 0 calc((100% - 3rem)/4); min-width:0; scroll-snap-align:start; direction:rtl; }
.rasta-carousel__item > .pcard { height:100%; }
.rasta-carousel__arrow { position:absolute; top:50%; transform:translateY(-50%); z-index:5; width:40px; height:40px; border:1px solid #eee; border-radius:50%; background:#fff; color:#e0457b; box-shadow:0 3px 14px #0002; cursor:pointer; font-size:22px; display:grid; place-items:center; }
.rasta-carousel__arrow--prev { right:-18px; }
.rasta-carousel__arrow--next { left:-18px; }
.rasta-carousel__arrow svg { display:block; }
.rasta-carousel__arrow:disabled { opacity:.3; cursor:default; }
@media(max-width:1050px){.rasta-carousel__item{flex-basis:calc((100% - 2rem)/3)}}
/* ناحیه‌ی لمس بزرگ‌تر از خودِ دایره، بدون تغییر ظاهر */
.rasta-carousel__arrow{-webkit-tap-highlight-color:transparent}
.rasta-carousel__arrow::before{content:'';position:absolute;inset:-6px;border-radius:50%}
.rasta-carousel__arrow:disabled{pointer-events:none}

@media(max-width:700px){
  .rasta-carousel__item{flex-basis:calc((100% - 1rem)/2)}
  .rasta-carousel__track{overflow-x:auto;gap:.75rem}

  /* روی گوشی بیرونِ کادر جا نیست، پس فلش‌ها داخل لبه می‌نشینند */
  .rasta-carousel__arrow{
    display:grid;
    width:36px;height:36px;
    top:36%;                                   /* روی عکس محصول، نه روی عنوان و قیمت */
    background:rgba(255,255,255,.95);
    border:1px solid #e4ecd8;
    box-shadow:0 4px 14px rgba(69,82,94,.20);
    transition:opacity .2s;
  }
  .rasta-carousel__arrow svg{width:15px;height:15px}
  .rasta-carousel__arrow--prev{right:5px}
  .rasta-carousel__arrow--next{left:5px}
  /* به ابتدا/انتهای لیست که رسیدیم دکمه محو می‌شود و جلوی swipe را نمی‌گیرد */
  .rasta-carousel__arrow:disabled{opacity:0}
}

.bw-banners-grid--four { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.25rem; }
.bw-banners-grid--four .bw-banner-link { min-width:0; }
@media(max-width:700px){.bw-banners-grid--four{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.bw-banners-grid--four .bw-banner-img{width:100%;height:auto}}