/* [OFFSIDE-FILE]
 * مسئولیت: ظاهر پروفایل‌های هیرو در صفحه و iframe پیش‌نمایش.
 * منبع حقیقت: --vh-desktop/tablet/mobile-* تولیدشده توسط hero_visual_css.
 * برای تغییر، ابتدا getter/schema همین مالک را بررسی کنید؛ تنظیم موازی در قالب یا JS نسازید.
 * راهنمای نگهداری: CODE_MAP_FA.md؛ شناسهٔ بخش‌ها و نام تابع قابل جست‌وجو است.
 */

/* Shared by the storefront and its authenticated preview. Legacy slides are untouched. */
.varza-hero-slide.has-visual-settings /* [OFFSIDE-CSS:0b4a972fdf] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    --vh-heading-size: var(--vh-desktop-heading-size);
    --vh-heading-color: var(--vh-desktop-heading-color);
    --vh-description-size: var(--vh-desktop-description-size);
    --vh-description-color: var(--vh-desktop-description-color);
    --vh-badge-size: var(--vh-desktop-badge-size);
    --vh-badge-color: var(--vh-desktop-badge-color);
    --vh-text-x: var(--vh-desktop-text-x);
    --vh-text-y: var(--vh-desktop-text-y);
    --vh-text-width: var(--vh-desktop-text-width);
    --vh-text-align: var(--vh-desktop-text-align);
    --vh-image-width: var(--vh-desktop-image-width);
    --vh-image-x: var(--vh-desktop-image-x);
    --vh-image-focus-x: var(--vh-desktop-image-focus-x);
    --vh-image-focus-y: var(--vh-desktop-image-focus-y);
    --vh-image-zoom: var(--vh-desktop-image-zoom);
    --vh-gradient-color: var(--vh-desktop-gradient-color);
    --vh-gradient-end-color: var(--vh-desktop-gradient-end-color);
    --vh-gradient-opacity: var(--vh-desktop-gradient-opacity);
    --vh-gradient-end-opacity: var(--vh-desktop-gradient-end-opacity);
    --vh-gradient-angle: var(--vh-desktop-gradient-angle);
    --vh-gradient-start: var(--vh-desktop-gradient-start);
    --vh-gradient-end: var(--vh-desktop-gradient-end);
    --vh-gradient-offset: var(--vh-desktop-gradient-offset);
}
@media (min-width: 768px) and (max-width: 991px) /* [OFFSIDE-CSS:1aae3ef258] شرط نمایش @media (min-width: 768px) and (max-width: 991px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-hero-slide.has-visual-settings /* [OFFSIDE-CSS:f2bd1fc199] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    --vh-heading-size: var(--vh-tablet-heading-size);
    --vh-heading-color: var(--vh-tablet-heading-color);
    --vh-description-size: var(--vh-tablet-description-size);
    --vh-description-color: var(--vh-tablet-description-color);
    --vh-badge-size: var(--vh-tablet-badge-size);
    --vh-badge-color: var(--vh-tablet-badge-color);
    --vh-text-x: var(--vh-tablet-text-x);
    --vh-text-y: var(--vh-tablet-text-y);
    --vh-text-width: var(--vh-tablet-text-width);
    --vh-text-align: var(--vh-tablet-text-align);
    --vh-image-width: var(--vh-tablet-image-width);
    --vh-image-x: var(--vh-tablet-image-x);
    --vh-image-focus-x: var(--vh-tablet-image-focus-x);
    --vh-image-focus-y: var(--vh-tablet-image-focus-y);
    --vh-image-zoom: var(--vh-tablet-image-zoom);
    --vh-gradient-color: var(--vh-tablet-gradient-color);
    --vh-gradient-end-color: var(--vh-tablet-gradient-end-color);
    --vh-gradient-opacity: var(--vh-tablet-gradient-opacity);
    --vh-gradient-end-opacity: var(--vh-tablet-gradient-end-opacity);
    --vh-gradient-angle: var(--vh-tablet-gradient-angle);
    --vh-gradient-start: var(--vh-tablet-gradient-start);
    --vh-gradient-end: var(--vh-tablet-gradient-end);
    --vh-gradient-offset: var(--vh-tablet-gradient-offset);
    }
}
@media (max-width: 767px) /* [OFFSIDE-CSS:556d8d6f40] شرط نمایش @media (max-width: 767px)؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    .varza-hero-slide.has-visual-settings /* [OFFSIDE-CSS:f32cae184e] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    --vh-heading-size: var(--vh-mobile-heading-size);
    --vh-heading-color: var(--vh-mobile-heading-color);
    --vh-description-size: var(--vh-mobile-description-size);
    --vh-description-color: var(--vh-mobile-description-color);
    --vh-badge-size: var(--vh-mobile-badge-size);
    --vh-badge-color: var(--vh-mobile-badge-color);
    --vh-text-x: var(--vh-mobile-text-x);
    --vh-text-y: var(--vh-mobile-text-y);
    --vh-text-width: var(--vh-mobile-text-width);
    --vh-text-align: var(--vh-mobile-text-align);
    --vh-image-width: var(--vh-mobile-image-width);
    --vh-image-x: var(--vh-mobile-image-x);
    --vh-image-focus-x: var(--vh-mobile-image-focus-x);
    --vh-image-focus-y: var(--vh-mobile-image-focus-y);
    --vh-image-zoom: var(--vh-mobile-image-zoom);
    --vh-gradient-color: var(--vh-mobile-gradient-color);
    --vh-gradient-end-color: var(--vh-mobile-gradient-end-color);
    --vh-gradient-opacity: var(--vh-mobile-gradient-opacity);
    --vh-gradient-end-opacity: var(--vh-mobile-gradient-end-opacity);
    --vh-gradient-angle: var(--vh-mobile-gradient-angle);
    --vh-gradient-start: var(--vh-mobile-gradient-start);
    --vh-gradient-end: var(--vh-mobile-gradient-end);
    --vh-gradient-offset: var(--vh-mobile-gradient-offset);
    }
}
.varza-hero-slider .varza-hero-slide.has-visual-settings .varza-hero-copy /* [OFFSIDE-CSS:5ba8745445] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    position: absolute;
    inset: auto;
    left: var(--vh-text-x);
    top: var(--vh-text-y);
    transform: translate(calc(-1 * var(--vh-text-x)), calc(-1 * var(--vh-text-y)));
    display: block;
    width: var(--vh-text-width);
    max-width: 100%;
    min-height: 0;
    height: auto;
    margin: 0;
    padding: clamp(16px, 3vw, 40px);
    background: none;
    text-align: var(--vh-text-align);
    box-sizing: border-box;
}
.varza-hero-slider .varza-hero-slide.has-visual-settings .varza-hero-copy h1,
.varza-hero-slider .varza-hero-slide.has-visual-settings .varza-hero-copy h2 /* [OFFSIDE-CSS:5991f08ba2] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    font-size: var(--vh-heading-size);
    color: var(--vh-heading-color);
    max-width: none;
}
.varza-hero-slider .varza-hero-slide.has-visual-settings .varza-hero-description /* [OFFSIDE-CSS:e8ebd15f9c] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    font-size: var(--vh-description-size);
    color: var(--vh-description-color);
    max-width: none;
}
.varza-hero-slider .varza-hero-slide.has-visual-settings .varza-eyebrow /* [OFFSIDE-CSS:161d1f1231] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: inline-flex;
    font-size: var(--vh-badge-size);
    color: var(--vh-badge-color);
}
.varza-hero-slider .varza-hero-slide.has-visual-settings .varza-hero-actions /* [OFFSIDE-CSS:126878f95e] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    display: block;
    text-align: inherit;
}
.varza-hero-slider .varza-hero-slide.has-visual-settings .varza-hero-actions a /* [OFFSIDE-CSS:29d631acff] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    margin: 4px;
}
.varza-hero-slider .varza-hero-slide.has-visual-settings .varza-hero-media /* [OFFSIDE-CSS:07ea55ffc6] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    inset: 0 auto 0 var(--vh-image-x);
    width: var(--vh-image-width);
    height: 100%;
    transform: translateX(calc(-1 * var(--vh-image-x)));
}
.varza-hero-slider .varza-hero-slide.has-visual-settings .varza-hero-media img /* [OFFSIDE-CSS:28ff2d30ed] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    object-position: var(--vh-image-focus-x) var(--vh-image-focus-y);
    transform-origin: var(--vh-image-focus-x) var(--vh-image-focus-y);
    transform: scale(var(--vh-image-zoom));
}
.varza-hero-slider .varza-hero-slide.has-visual-settings::after /* [OFFSIDE-CSS:41b4896d7a] ظاهر هیرو؛ مرجع انتخاب‌گر زیر و شرایط پیرامون آن. */
{
    background: linear-gradient(var(--vh-gradient-angle),
        rgba(var(--vh-gradient-color), var(--vh-gradient-opacity)) calc(var(--vh-gradient-start) + var(--vh-gradient-offset)),
        rgba(var(--vh-gradient-end-color), var(--vh-gradient-end-opacity)) calc(var(--vh-gradient-end) + var(--vh-gradient-offset)));
}

/* Keep the custom gradient above legacy left-aligned strong/soft overlays. */
.varza-hero-slider .varza-hero-slide.has-visual-settings.is-text-left::after
{
    background: linear-gradient(var(--vh-gradient-angle),
        rgba(var(--vh-gradient-color), var(--vh-gradient-opacity)) calc(var(--vh-gradient-start) + var(--vh-gradient-offset)),
        rgba(var(--vh-gradient-end-color), var(--vh-gradient-end-opacity)) calc(var(--vh-gradient-end) + var(--vh-gradient-offset)));
}