/*
 * G2 Hero Slider — ماژول بنر
 *
 * • همهٔ کلاس‌ها با g2hsb پیشوند دارند، جدا از g2hs اسلایدر محصولات.
 *   هیچ انتخابگر مشترکی وجود ندارد، پس دو ماژول روی هم اثر نمی‌گذارند.
 * • هیچ بلوک <style> تولید نمی‌شود؛ مقادیر متغیر از صفت style می‌آیند
 *   (چون litespeed.conf.optm-css_comb_ext_inl روی این سایت ۱ است).
 * • از color-mix استفاده نشده؛ مقادیر نیمه‌شفاف در PHP ساخته می‌شوند.
 * • نسبت ابعاد از خود فایل تصویر می‌آید ⇒ نه برشی، نه پرشی.
 */

.g2hsb{
  --g2hsb-ar-d:3/1;
  --g2hsb-ar-t:var(--g2hsb-ar-d);
  --g2hsb-ar-m:var(--g2hsb-ar-d);
  --g2hsb-ar:var(--g2hsb-ar-d);
  --g2hsb-radius:18px;
  --g2hsb-glow:#c9a227;
  --g2hsb-pad:26px;

  --g2hsb-mt:var(--g2hsb-mt-d,0px);
  --g2hsb-mb:var(--g2hsb-mb-d,24px);

  position:relative;
  margin-block:var(--g2hsb-mt) var(--g2hsb-mb);
  border-radius:var(--g2hsb-radius);
  overflow:hidden;
  isolation:isolate;
  background:var(--g2hsb-frame-bg,#0b0c0e);
  direction:rtl;
}

/* قاب: ارتفاع از نسبت واقعی تصویر می‌آید، پس فضا از قبل رزرو است */
.g2hsb__vp{position:relative;aspect-ratio:var(--g2hsb-ar);overflow:hidden}

/* هالهٔ رنگی.
   سایهٔ بیرونی روی خودِ .g2hsb است، نه روی ::after — چون .g2hsb مقدار
   overflow:hidden دارد و سایهٔ بیرونیِ یک عنصر فرزند (شامل شبه‌عنصر) بریده
   می‌شود. حلقهٔ داخلی ۲ پیکسلی روی ::after می‌ماند که بریده نمی‌شود. */
.g2hsb[data-g2hsb-glow="on"]{box-shadow:0 0 18px var(--g2hsb-glow)}
.g2hsb[data-g2hsb-glow="pulse"]{animation:g2hsb-halo 3.4s ease-in-out infinite}
@keyframes g2hsb-halo{
  0%,100%{box-shadow:0 0 10px var(--g2hsb-glow)}
  50%{box-shadow:0 0 30px var(--g2hsb-glow)}
}
.g2hsb::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;
  box-shadow:0 0 0 2px var(--g2hsb-glow) inset;
  opacity:0;transition:opacity .4s cubic-bezier(.22,.61,.36,1);
}
.g2hsb[data-g2hsb-glow="on"]::after,
.g2hsb[data-g2hsb-glow="pulse"]::after{opacity:1}

/* هر اسلاید متغیرهای خودش را دارد، چون هر بنر متن و رنگ مستقل دارد. */
.g2hsb__slide{
  --g2hsb-focal:var(--g2hsb-focal-d,center center);
  --g2hsb-kick:var(--g2hsb-kick-d,12px);
  --g2hsb-h:var(--g2hsb-h-d,34px);
  --g2hsb-p:var(--g2hsb-p-d,14px);
  --g2hsb-btn:var(--g2hsb-btn-d,13px);
  position:absolute;inset:0;
}

/* ---------- چند بنر: گذار ---------- */
.g2hsb--multi .g2hsb__slide{
  opacity:0;pointer-events:none;visibility:hidden;
  transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1),visibility 0s linear .6s;
}
.g2hsb--multi .g2hsb__slide.is-on{
  opacity:1;pointer-events:auto;visibility:visible;z-index:2;
  transition:opacity .6s cubic-bezier(.22,.61,.36,1),transform .6s cubic-bezier(.22,.61,.36,1),visibility 0s;
}
.g2hsb--multi[data-g2hsb-fx="slide"] .g2hsb__slide{transform:translateX(-6%)}
.g2hsb--multi[data-g2hsb-fx="slide"] .g2hsb__slide.is-on{transform:none}
.g2hsb--multi[data-g2hsb-fx="cover"] .g2hsb__slide{transform:translateX(-100%)}
.g2hsb--multi[data-g2hsb-fx="cover"] .g2hsb__slide.is-on{transform:none}
.g2hsb--multi[data-g2hsb-fx="zoom"] .g2hsb__slide{transform:scale(1.06)}
.g2hsb--multi[data-g2hsb-fx="zoom"] .g2hsb__slide.is-on{transform:none}
.g2hsb--multi[data-g2hsb-fx="flip"] .g2hsb__slide{transform:perspective(1200px) rotateY(-12deg);transform-origin:right center}
.g2hsb--multi[data-g2hsb-fx="flip"] .g2hsb__slide.is-on{transform:none}
/* هنگام کشیدن، گذار خاموش می‌شود تا حرکت دقیقاً دنبال انگشت بیاید */
.g2hsb--multi.is-dragging .g2hsb__slide{transition:none}

/* ---------- فلش‌ها ---------- */
.g2hsb .g2hsb__nav{
  position:absolute;top:50%;transform:translateY(-50%);z-index:6;
  width:34px;height:34px;min-width:34px;min-height:34px;margin:0;padding:0;
  border-radius:50%;border:1px solid rgba(255,255,255,.18);
  background:rgba(0,0,0,.34);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  color:#fff;display:grid;place-items:center;cursor:pointer;
  font-size:0;line-height:0;
  opacity:0;transition:opacity .22s ease,background .2s ease;
}
.g2hsb:hover .g2hsb__nav,.g2hsb .g2hsb__nav:focus-visible{opacity:1}
.g2hsb .g2hsb__nav:hover{background:rgba(0,0,0,.62);color:#fff}
.g2hsb .g2hsb__nav svg{width:15px;height:15px;display:block}
.g2hsb .g2hsb__nav--prev{inset-inline-start:10px;left:auto;right:auto}
.g2hsb .g2hsb__nav--next{inset-inline-end:10px;left:auto;right:auto}
[dir="rtl"] .g2hsb .g2hsb__nav--prev{right:10px}
[dir="rtl"] .g2hsb .g2hsb__nav--next{left:10px}
[dir="ltr"] .g2hsb .g2hsb__nav--prev{left:10px}
[dir="ltr"] .g2hsb .g2hsb__nav--next{right:10px}
.g2hsb .g2hsb__nav:focus-visible{outline:2px solid var(--g2hsb-glow);outline-offset:2px}

/* ---------- نشانگر پیشرفت ---------- */
.g2hsb__dots{
  position:absolute;bottom:12px;inset-inline:0;z-index:6;
  display:flex;justify-content:center;gap:6px;padding:0 14px;pointer-events:none;
}
.g2hsb .g2hsb__dot{
  pointer-events:auto;height:4px;width:30px;min-width:30px;padding:0;margin:0;border:0;
  border-radius:99px;cursor:pointer;background:rgba(255,255,255,.32);
  overflow:hidden;position:relative;font-size:0;line-height:0;
}
.g2hsb .g2hsb__dot i{position:absolute;inset:0;background:#fff;transform-origin:right;transform:scaleX(0)}
[dir="ltr"] .g2hsb .g2hsb__dot i{transform-origin:left}
.g2hsb .g2hsb__dot.is-done i{transform:scaleX(1)}
.g2hsb .g2hsb__dot.is-on i{transform:scaleX(1);transition:transform var(--g2hsb-dur,5s) linear}
.g2hsb.is-paused .g2hsb__dot.is-on i{transition:none}
.g2hsb .g2hsb__dot:focus-visible{outline:2px solid var(--g2hsb-glow);outline-offset:3px}
.g2hsb__link{display:block;position:absolute;inset:0;text-decoration:none;color:inherit}
.g2hsb__link:hover,.g2hsb__link:focus{color:inherit}
.g2hsb__link:focus-visible{outline:2px solid var(--g2hsb-glow);outline-offset:-3px}

.g2hsb__media{position:absolute;inset:0;font-size:0;line-height:0}
/* در حالت «نمایش کامل» تصویر بریده نمی‌شود، پس نقطهٔ کانونی بی‌اثر است و
   تصویر وسط قاب می‌نشیند. نوارهای کناری رنگ قاب را می‌گیرند. */
.g2hsb[style*="--g2hsb-fit:contain"] .g2hsb__img{object-position:center center}
.g2hsb__pic{display:block;position:absolute;inset:0}
/* موقعیت مطلق عمدی: قالب رویال روی img قانون height:auto دارد که با ویژگی
   بالاتر برنده می‌شود و یک نوار خالی زیر تصویر می‌گذارد. */
.g2hsb .g2hsb__media .g2hsb__img{
  position:absolute;inset:0;
  width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;
  object-fit:var(--g2hsb-fit,cover);object-position:var(--g2hsb-focal);
  display:block;
}
.g2hsb[data-g2hsb-kb="1"] .g2hsb__slide.is-on .g2hsb__img{animation:g2hsb-kb 18s ease-out forwards}
@keyframes g2hsb-kb{from{transform:scale(1)}to{transform:scale(1.06)}}

/* پوشش خوانایی */
.g2hsb__scrim{position:absolute;inset:0;pointer-events:none;z-index:2}
.g2hsb__scrim[data-g2hsb-scrim="start"]{background:linear-gradient(-90deg,rgba(0,0,0,.7),rgba(0,0,0,.12) 55%,transparent)}
.g2hsb__scrim[data-g2hsb-scrim="bottom"]{background:linear-gradient(0deg,rgba(0,0,0,.75),transparent 62%)}
.g2hsb__scrim[data-g2hsb-scrim="full"]{background:rgba(0,0,0,.4)}

/* ---------- لایهٔ متن ---------- */
.g2hsb__txt{position:absolute;inset:0;display:flex;padding:var(--g2hsb-pad);z-index:3;pointer-events:none}
.g2hsb__box{display:flex;flex-direction:column;gap:8px;max-width:min(56%,620px)}
.g2hsb__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.g2hsb__txt[data-g2hsb-pos-d="ts"],.g2hsb__txt[data-g2hsb-pos-d="tc"],.g2hsb__txt[data-g2hsb-pos-d="te"]{align-items:flex-start}
.g2hsb__txt[data-g2hsb-pos-d="cs"],.g2hsb__txt[data-g2hsb-pos-d="cc"],.g2hsb__txt[data-g2hsb-pos-d="ce"]{align-items:center}
.g2hsb__txt[data-g2hsb-pos-d="bs"],.g2hsb__txt[data-g2hsb-pos-d="bc"],.g2hsb__txt[data-g2hsb-pos-d="be"]{align-items:flex-end}
.g2hsb__txt[data-g2hsb-pos-d$="s"]{justify-content:flex-start;text-align:start}
.g2hsb__txt[data-g2hsb-pos-d$="c"]{justify-content:center;text-align:center}
.g2hsb__txt[data-g2hsb-pos-d$="e"]{justify-content:flex-end;text-align:end}
.g2hsb__txt[data-g2hsb-pos-d$="c"] .g2hsb__box{max-width:min(80%,760px);align-items:center}

.g2hsb__kicker{
  margin:0;font-size:var(--g2hsb-kick);font-weight:800;letter-spacing:.06em;
  color:var(--g2hsb-c-kicker,#c9a227);display:inline-flex;align-items:center;gap:6px;line-height:1.6;
}
.g2hsb__kicker::before{content:"";width:20px;height:2px;background:currentColor;border-radius:2px;flex:none}
.g2hsb__title{
  margin:0;font-weight:900;line-height:1.28;
  font-size:var(--g2hsb-h);color:var(--g2hsb-c-title,#fff);
  font-family:var(--g2hsb-font,inherit);
  text-shadow:0 2px 16px rgba(0,0,0,.45);
}
.g2hsb__desc{
  margin:0;font-size:var(--g2hsb-p);line-height:1.85;
  color:var(--g2hsb-c-desc,#e9ecf1);max-width:44ch;
}
.g2hsb__btn{
  align-self:flex-start;margin-top:3px;display:inline-flex;align-items:center;gap:6px;
  font-size:var(--g2hsb-btn);font-weight:800;line-height:1;
  padding:.72em 1.4em;border-radius:999px;
  background:var(--g2hsb-c-btn,#c9a227);color:var(--g2hsb-c-btn-fg,#161003);
  border:1px solid transparent;
}
.g2hsb__txt[data-g2hsb-pos-d$="c"] .g2hsb__btn{align-self:center}
.g2hsb__btn.is-ghost{background:transparent;color:var(--g2hsb-c-btn,#c9a227);border-color:var(--g2hsb-c-btn-line)}
.g2hsb__btn svg{width:1em;height:1em;flex:none}
.g2hsb__link:hover .g2hsb__btn{filter:brightness(1.08)}

/* افکت ظهور */
.g2hsb [data-g2hsb-anim]{animation-duration:.75s;animation-fill-mode:both;animation-timing-function:cubic-bezier(.22,.61,.36,1)}
.g2hsb [data-g2hsb-anim="up"]{animation-name:g2hsb-up}
.g2hsb [data-g2hsb-anim="fade"]{animation-name:g2hsb-fade}
.g2hsb [data-g2hsb-anim="side"]{animation-name:g2hsb-side}
.g2hsb [data-g2hsb-anim="pop"]{animation-name:g2hsb-pop;animation-timing-function:cubic-bezier(.34,1.56,.64,1)}
.g2hsb [data-g2hsb-d="1"]{animation-delay:.1s}
.g2hsb [data-g2hsb-d="2"]{animation-delay:.2s}
.g2hsb [data-g2hsb-d="3"]{animation-delay:.3s}
@keyframes g2hsb-up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes g2hsb-fade{from{opacity:0}to{opacity:1}}
@keyframes g2hsb-side{from{opacity:0;transform:translateX(-24px)}to{opacity:1;transform:none}}
@keyframes g2hsb-pop{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:none}}

/* ---------- تایمر ---------- */
/* مقیاس تایمر روی خود wrapper حل می‌شود، چون هر بنر تایمر مستقل دارد
   و در فاز ۲ چند تایمر همزمان داخل یک ریشه خواهند بود. */
.g2hsb__cdw{
  --g2hsb-cd-scale:var(--g2hsb-cd-scale-d,1);
  position:absolute;inset:0;display:flex;padding:var(--g2hsb-cd-pad,12px);z-index:4;pointer-events:none;
}
.g2hsb__cdw[data-g2hsb-cdpos-d^="t"]{align-items:flex-start}
.g2hsb__cdw[data-g2hsb-cdpos-d^="c"]{align-items:center}
.g2hsb__cdw[data-g2hsb-cdpos-d^="b"]{align-items:flex-end}
.g2hsb__cdw[data-g2hsb-cdpos-d$="s"]{justify-content:flex-start}
.g2hsb__cdw[data-g2hsb-cdpos-d$="c"]{justify-content:center}
.g2hsb__cdw[data-g2hsb-cdpos-d$="e"]{justify-content:flex-end}

.g2hsb__cd{
  font-size:calc(12px * var(--g2hsb-cd-scale,1));
  direction:ltr;font-variant-numeric:tabular-nums;
  color:var(--g2hsb-cd-fg,#fff);display:flex;align-items:center;gap:.5em;
}
.g2hsb__cd svg{width:1.1em;height:1.1em;flex:none}
.g2hsb__cd[data-g2hsb-cdstyle="pill"]{
  background:var(--g2hsb-cd-bg,rgba(0,0,0,.55));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  padding:.55em .9em;border-radius:999px;font-weight:800;
}
.g2hsb__cd[data-g2hsb-cdstyle="minimal"]{font-weight:800;text-shadow:0 1px 8px rgba(0,0,0,.6)}
.g2hsb__cd[data-g2hsb-cdstyle="boxed"]{
  background:var(--g2hsb-cd-bg,rgba(0,0,0,.55));padding:.5em .8em;border-radius:.6em;
  font-weight:800;border:1px solid var(--g2hsb-cd-accent,#c9a227);
}
.g2hsb__cd[data-g2hsb-cdstyle="blocks"]{gap:.35em}
.g2hsb__u{
  display:flex;flex-direction:column;align-items:center;line-height:1.15;
  background:var(--g2hsb-cd-bg,rgba(0,0,0,.55));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border-radius:.5em;padding:.35em .55em;min-width:2.7em;
}
.g2hsb__u b{font-size:1.35em;font-weight:900;color:var(--g2hsb-cd-accent,#c9a227)}
.g2hsb__u i{font-style:normal;font-size:.72em;opacity:.72;font-weight:600}

/* بنر منقضی‌شده — تور ایمنی مرورگر */
.g2hsb[hidden]{display:none!important}

/* ---------- واکنش‌گرا ---------- */
@media (max-width:991px){
  .g2hsb__slide{
    --g2hsb-focal:var(--g2hsb-focal-t,var(--g2hsb-focal-d,center center));
    --g2hsb-kick:var(--g2hsb-kick-t,var(--g2hsb-kick-d,12px));
    --g2hsb-h:var(--g2hsb-h-t,var(--g2hsb-h-d,34px));
    --g2hsb-p:var(--g2hsb-p-t,var(--g2hsb-p-d,14px));
    --g2hsb-btn:var(--g2hsb-btn-t,var(--g2hsb-btn-d,13px));
  }
  .g2hsb{
    --g2hsb-ar:var(--g2hsb-ar-t);
    --g2hsb-pad:22px;
  }
  .g2hsb__txt[data-g2hsb-pos-t^="t"]{align-items:flex-start}
  .g2hsb__txt[data-g2hsb-pos-t^="c"]{align-items:center}
  .g2hsb__txt[data-g2hsb-pos-t^="b"]{align-items:flex-end}
  .g2hsb__txt[data-g2hsb-pos-t$="s"]{justify-content:flex-start;text-align:start}
  .g2hsb__txt[data-g2hsb-pos-t$="c"]{justify-content:center;text-align:center}
  .g2hsb__txt[data-g2hsb-pos-t$="e"]{justify-content:flex-end;text-align:end}
  .g2hsb__cdw{--g2hsb-cd-scale:var(--g2hsb-cd-scale-t,var(--g2hsb-cd-scale-d,1))}
  .g2hsb__cdw[data-g2hsb-cdpos-t^="t"]{align-items:flex-start}
  .g2hsb__cdw[data-g2hsb-cdpos-t^="c"]{align-items:center}
  .g2hsb__cdw[data-g2hsb-cdpos-t^="b"]{align-items:flex-end}
  .g2hsb__cdw[data-g2hsb-cdpos-t$="s"]{justify-content:flex-start}
  .g2hsb__cdw[data-g2hsb-cdpos-t$="c"]{justify-content:center}
  .g2hsb__cdw[data-g2hsb-cdpos-t$="e"]{justify-content:flex-end}
}
@media (max-width:767px){
  .g2hsb__slide{
    --g2hsb-focal:var(--g2hsb-focal-m,var(--g2hsb-focal-d,center center));
    --g2hsb-kick:var(--g2hsb-kick-m,var(--g2hsb-kick-d,12px));
    --g2hsb-h:var(--g2hsb-h-m,var(--g2hsb-h-d,34px));
    --g2hsb-p:var(--g2hsb-p-m,var(--g2hsb-p-d,14px));
    --g2hsb-btn:var(--g2hsb-btn-m,var(--g2hsb-btn-d,13px));
  }
  .g2hsb{
    --g2hsb-ar:var(--g2hsb-ar-m);
    --g2hsb-pad:16px;--g2hsb-radius:14px;
    --g2hsb-mt:var(--g2hsb-mt-m,var(--g2hsb-mt-d,0px));
    --g2hsb-mb:var(--g2hsb-mb-m,var(--g2hsb-mb-d,24px));
  }
  .g2hsb__box{max-width:100%}
  .g2hsb .g2hsb__nav{display:none}
  .g2hsb__dots{bottom:8px}
  .g2hsb .g2hsb__dot{width:22px;min-width:22px}
  .g2hsb__txt[data-g2hsb-pos-m^="t"]{align-items:flex-start}
  .g2hsb__txt[data-g2hsb-pos-m^="c"]{align-items:center}
  .g2hsb__txt[data-g2hsb-pos-m^="b"]{align-items:flex-end}
  .g2hsb__txt[data-g2hsb-pos-m$="s"]{justify-content:flex-start;text-align:start}
  .g2hsb__txt[data-g2hsb-pos-m$="c"]{justify-content:center;text-align:center}
  .g2hsb__txt[data-g2hsb-pos-m$="e"]{justify-content:flex-end;text-align:end}
  .g2hsb__cdw{--g2hsb-cd-scale:var(--g2hsb-cd-scale-m,var(--g2hsb-cd-scale-d,1))}
  .g2hsb__cdw[data-g2hsb-cdpos-m^="t"]{align-items:flex-start}
  .g2hsb__cdw[data-g2hsb-cdpos-m^="c"]{align-items:center}
  .g2hsb__cdw[data-g2hsb-cdpos-m^="b"]{align-items:flex-end}
  .g2hsb__cdw[data-g2hsb-cdpos-m$="s"]{justify-content:flex-start}
  .g2hsb__cdw[data-g2hsb-cdpos-m$="c"]{justify-content:center}
  .g2hsb__cdw[data-g2hsb-cdpos-m$="e"]{justify-content:flex-end}
}

@media (prefers-reduced-motion:reduce){
  .g2hsb *,.g2hsb *::before,.g2hsb *::after{
    animation:none!important;transition-duration:.001ms!important;
  }
}

/* بنری که زمانش تمام شده — تور ایمنی مرورگر */
.g2hsb__slide[hidden]{display:none!important}

/* ==========================================================================
   نمایش انتخابی هر عنصر در هر دستگاه
   روی سایت واقعی با media query، و در پیش‌نمایش پنل با data-g2hsb-dev
   (چون media query عرض پنجره را می‌بیند نه عرض قاب پیش‌نمایش).
   ========================================================================== */
@media (min-width:992px){
  .g2hsb:not([data-g2hsb-dev]) [data-g2hsb-hide-d]{display:none!important}
}
@media (min-width:768px) and (max-width:991px){
  .g2hsb:not([data-g2hsb-dev]) [data-g2hsb-hide-t]{display:none!important}
}
@media (max-width:767px){
  .g2hsb:not([data-g2hsb-dev]) [data-g2hsb-hide-m]{display:none!important}
}
.g2hsb[data-g2hsb-dev="d"] [data-g2hsb-hide-d],
.g2hsb[data-g2hsb-dev="t"] [data-g2hsb-hide-t],
.g2hsb[data-g2hsb-dev="m"] [data-g2hsb-hide-m]{display:none!important}

/* ==========================================================================
   جایگاه خودکار در آرشیو و صفحهٔ محصول
   ==========================================================================
   نکتهٔ حیاتی — چرا width و flex اینجا لازم است:

   HTML واقعی سایت نشان داد بنر داخل .elementor-widget-wrap تزریق می‌شود و
   المنتور این قوانین را دارد:

     .elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex}
     .elementor-element{width:100%}

   یعنی ظرف یک فلکس‌باکس است و عرض ۱۰۰٪ فقط به فرزندانی داده می‌شود که
   کلاس .elementor-element دارند. عنصر ما آن کلاس را ندارد، پس به‌عنوان
   flex item تا عرض صفر جمع می‌شد — و چون ارتفاع از aspect-ratio می‌آید،
   ارتفاع هم صفر می‌شد. بنر در HTML بود ولی ۰×۰ و نامرئی.

   flex:0 0 100% هم عرض کامل می‌دهد هم جلوی جمع‌شدن را می‌گیرد، و در
   ظرف بلوکی معمولی هیچ اثر جانبی ندارد.
   ========================================================================== */
.g2hsb-slot{
  display:block;
  width:100%;
  max-width:100%;
  flex:0 0 100%;
  min-width:0;
}

/* همین محافظت برای شورت‌کد، که ممکن است داخل ستون فلکس المنتور بنشیند. */
.g2hsb{width:100%;max-width:100%;flex:0 0 100%;min-width:0}

/* ناوبری وقتی فقط یک بنر زنده مانده. صفت hidden به‌تنهایی روی عناصری که
   display صریح دارند اثر ندارد، پس صریح پنهان می‌شوند. */
.g2hsb .g2hsb__nav[hidden],
.g2hsb .g2hsb__dots[hidden],
.g2hsb .g2hsb__dot[hidden]{display:none!important}