/* ==========================================================================
   هیرو — باکس تصویر قابدار (دسکتاپ)
   نوار بالا: نشانک «راهکارهای فعال» + برچسب INDUSTRIAL
   تصویر: داخل کادر، با گوشه‌های هم‌مرکز
   نوار پایین: «کنترل کیفیت» + «+۱۵ سال تجربه» به‌صورت چیپ باریک
   ========================================================================== */

/* نسخه‌ی فریم‌شده‌ی نشانک در موبایل/تبلت مخفی است */
.hero-pill-frame { display: none; }

@media (min-width: 1024px) {
  /* خودِ wrap همان کادر می‌شود */
  html .site-hero-adjusted .site-hero-slider-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas:
      "pill  tag"
      "card  card"
      "qc    exp";
    gap: 10px !important;
    align-items: center;
    padding: 12px !important;
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 28px;
    background: linear-gradient(180deg, rgba(255, 255, 255, .06), rgba(255, 255, 255, .02));
    box-shadow: 0 1.5rem 3.5rem rgba(3, 20, 24, .28), inset 0 0 0 1px rgba(244, 200, 110, .05);
  }

  /* کادر و درخشش‌های قدیمیِ بیرون از باکس حذف می‌شوند */
  .site-hero-slider-wrap > [class*="-inset-5"],
  .site-hero-slider-wrap > .absolute.rounded-full { display: none !important; }

  /* نشانک راهکارهای فعال: از روی تصویر به نوار بالا */
  .site-hero-slider-card > .hero-pill-card { display: none !important; }
  .hero-pill-frame {
    grid-area: pill;
    justify-self: start;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 30px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 999px;
    background: rgba(255, 255, 255, .07);
    color: #fff;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1;
  }

  /* برچسب INDUSTRIAL / 2025: انتهای نوار بالا */
  html .site-hero-slider-wrap > .hero-tag-industrial {
    grid-area: tag;
    justify-self: end;
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
    display: flex !important;
    font-size: 9.5px;
    letter-spacing: .22em;
    color: rgba(255, 255, 255, .5);
    direction: ltr;
  }

  /* کارت تصویر: داخل کادر و هم‌مرکز با گوشه‌های آن */
  html .site-hero-adjusted .site-hero-slider-card {
    grid-area: card;
    width: 100%;
    border-radius: 16px !important;
    border-color: rgba(255, 255, 255, .12) !important;
    box-shadow: none !important;
  }

  /* چیپ‌های باریک */
  html .site-hero-slider-wrap > .hero-chip {
    position: static !important;
    inset: auto !important;
    margin: 0 !important;
    width: auto;
    height: 44px;
    padding: 0 12px 0 8px !important;
    align-items: center;
    box-sizing: border-box;
    gap: 10px !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    backdrop-filter: none;
  }
  html .site-hero-slider-wrap > .hero-chip > span:first-child {
    width: 30px !important;
    height: 30px !important;
    flex: 0 0 30px;
    border-radius: 9px !important;
  }
  html .site-hero-slider-wrap > .hero-chip svg { width: 16px; height: 16px; }
  html .site-hero-slider-wrap > .hero-chip strong { font-size: 12.5px; line-height: 1.5; }
  html .site-hero-slider-wrap > .hero-chip small { display: block; font-size: 10px; line-height: 1.4; }

  /* کنترل کیفیت: ابتدای نوار پایین (طلایی برند) */
  html .site-hero-slider-wrap > .hero-chip-qc {
    grid-area: qc;
    justify-self: start;
    background: var(--site-accent, #f4c86e) !important;
    border: 0 !important;
  }
  html .site-hero-slider-wrap > .hero-chip-qc small { color: rgba(12, 51, 59, .7); }

  /* ۱۵+ سال تجربه: انتهای نوار پایین (شیشه‌ای تیره) */
  html .site-hero-slider-wrap > .hero-chip-exp {
    grid-area: exp;
    justify-self: end;
    background: rgba(255, 255, 255, .08) !important;
    border: 1px solid rgba(255, 255, 255, .18) !important;
    color: #fff;
  }
  html .site-hero-slider-wrap > .hero-chip-exp small { color: rgba(255, 255, 255, .6); }
  html .site-hero-slider-wrap > .hero-chip-exp > span:first-child {
    background: rgba(244, 200, 110, .16) !important;
    color: var(--site-accent, #f4c86e) !important;
  }
}

/* بوت‌استرپ در لایه‌ی پایین با !important کلاس‌های border/py-5/text-muted را تحمیل می‌کند؛
   آن کلاس‌ها از مارک‌آپ هیرو برداشته شدند و حاشیه‌ها اینجا صریح تعریف می‌شوند. */
.site-hero-slider-card { border: 1px solid rgba(255, 255, 255, .15); }
.hero-chip-exp { border: 1px solid rgba(255, 255, 255, .3); }
.hero-chip-qc { border: 1px solid rgba(244, 200, 110, .3); }
.hero-chip-exp small { color: rgba(12, 51, 59, .6); }

@media (min-width: 1024px) {
  html .site-hero-adjusted .site-hero-slider-wrap { padding: 12px; }
  html .site-hero-slider-wrap > .hero-chip-qc { border: 0; }
  html .site-hero-adjusted .site-hero-slider-card { border-color: rgba(255, 255, 255, .12); }
}