/* Hamon–Gerdbad Bridge 1.13.0 — ریسپانسیو بخش‌های خود افزونه (کارت‌ها، ردیف‌ها، صفحهٔ ویدیو، باکس لینک‌ها).
   فقط افزودنی؛ بدون وابستگی به :has / min() / clamp() تا روی تلویزیون‌ها و مرورگرهای قدیمی هم کار کند. */

.hgb-rows,.hgbv-wrap{width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.hgb-rows img,.hgbv-wrap img,.hgb-unified-links img{max-width:100%}
.hgbv-wrap iframe,.hgbv-wrap video,.hgb-player iframe,.hgb-player video{max-width:100%}

/* شبکهٔ کارت‌ها: روی گوشی کوچک دو ستون، نه یک ستون بیش‌ازحد پهن */
@media (max-width:480px){
  .hgb-track--grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px}
}
@media (min-width:481px) and (max-width:767px){
  .hgb-track--grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1920px){
  .hgb-rows{max-width:1700px}
  .hgbv-wrap{max-width:1500px}
  .hgb-track--grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
}

/* مرورگرهای قدیمی که inset-inline-start ندارند (سایت راست‌به‌چپ است) */
@supports not (inset-inline-start:0){
  .hgb-badge,.hgb-theme-badge{right:8px}
}

/* باکس «دانلود و تماشا» / لینک‌ها */
.hgb-unified-links{max-width:100%}
.hgb-link-row{-ms-flex-wrap:wrap;flex-wrap:wrap}
.hgb-link-meta{min-width:0;overflow-wrap:break-word;word-wrap:break-word}
@media (pointer:coarse){
  .hgb-link-btn{min-height:46px}
}
@media (max-width:359px){
  .hgb-link-btn{padding:8px 10px;font-size:.82rem}
}

/* خط «انتشار دهنده» زیر عنوان‌ها روی صفحهٔ باریک بریده/بیرون‌زده نشود */
.hgb-pub-line{max-width:100%;overflow:hidden;text-overflow:ellipsis}

/* ویدیوها: نسبت ۱۶:۹ پایدار برای مرورگرهای بدون aspect-ratio */
@supports not (aspect-ratio:1/1){
  .hgbv-player,.hgb-player{position:relative;height:0;padding-bottom:56.25%}
  .hgbv-player>iframe,.hgbv-player>video,.hgb-player>iframe,.hgb-player>video{position:absolute;top:0;right:0;width:100%;height:100%}
}

/* تلویزیون: دکمه‌ها و کارت‌ها برای فاصلهٔ دید درشت‌تر + فوکوس واضح ریموت */
html.hm-tv .hgb-link-btn{min-height:56px;font-size:1.05rem}
html.hm-tv .hgb-card__t{font-size:1.05rem}
html.hm-tv .hgb-card:focus,html.hm-tv .hgb-card a:focus{outline:4px solid #fff;outline-offset:3px;box-shadow:0 0 0 7px #4d458e}