/* Responsive Tablet */
@media (max-width: 1024px) {
  .psh-showcase {
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    aspect-ratio: var(--psh-bg-aspect, 2400 / 1100);
    height: auto;
    min-height: 0;
  }
  .psh-stage > .psh-bg-img-wrap .psh-bg-img {
    object-fit: cover !important;
    object-position: center center !important;
  }
  .psh-product {
    left: var(--psh-tablet-x);
    top: var(--psh-tablet-y);
    width: var(--psh-tablet-w);
    height: var(--psh-tablet-h);
    clip-path: none !important;
    contain: style !important;
  }
  .psh-product .psh-float-inner {
    padding: 0 !important;
    margin: 0 !important;
  }
  .psh-product-link {
    pointer-events: auto !important;
    touch-action: manipulation;
    position: relative;
    z-index: 10;
  }
}

/* Responsive Mobile */
@media (max-width: 640px) {
  .psh-showcase {
    /* تمام عرض صفحه — مثل دسکتاپ از vw استفاده می‌کنیم تا padding والد تاثیر نگذارد */
    width: 100vw;
    max-width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    aspect-ratio: var(--psh-bg-aspect, 2400 / 1100);
    height: auto;
    min-height: 0;
    /* اطمینان از اینکه overflow از hit area لینک‌ها جلوگیری نمی‌کند */
    overflow: visible !important;
  }
  .psh-stage {
    overflow: visible !important;
  }
  .psh-stage > .psh-bg-img-wrap {
    overflow: hidden !important;
  }
  .psh-stage > .psh-bg-img-wrap .psh-bg-img {
    object-fit: cover !important;
    object-position: center bottom !important;
  }
  .psh-product {
    left: var(--psh-mobile-x);
    top: var(--psh-mobile-y);
    width: var(--psh-mobile-w);
    height: var(--psh-mobile-h);
    /* clip-path در موبایل hit-test لمس را قطع می‌کند */
    clip-path: none !important;
    contain: style !important;
    overflow: visible !important;
  }
  .psh-product .psh-float-inner {
    /* margin/padding منفی همراه clip-path=none باعث shift ناحیه کلیک می‌شود */
    padding: 0 !important;
    margin: 0 !important;
    overflow: visible !important;
  }
  .psh-product-link {
    /* تضمین دریافت رویداد touch در موبایل */
    pointer-events: auto !important;
    touch-action: manipulation;
    position: relative;
    z-index: 10;
    display: block;
    width: 100%;
    height: 100%;
  }
  .psh-title {
    width: max(76px, calc(var(--psh-w) * 1.15));
    font-size: calc(var(--psh-title-size, 16px) * 0.78);
  }
  .psh-price { font-size: 11px; }
  .psh-button { display: none; }
}