/* AMPOL v13.5 — Estedad, locally hosted and optimized for Persian interfaces */
@font-face {
    font-family: "Ampol Estedad";
    src: url("../fonts/estedad-variable.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

html[dir="rtl"] body {
    font-family: "Ampol Estedad", Estedad, Tahoma, Arial, sans-serif !important;
    font-size: 15px;
    font-optical-sizing: auto;
    font-variation-settings: "wght" 500;
}

html[dir="rtl"] :is(h1, h2, h3, h4, strong, b, button, input, select, textarea) {
    font-family: inherit;
}

html[dir="rtl"] :is(input, select, textarea, button) {
    font-size: max(.84rem, 13px);
}

html[dir="rtl"] :is(p, li) {
    line-height: 1.9;
}

:is(h1, h2, h3) {
    text-wrap: balance;
}

:is(p, li, small) {
    text-wrap: pretty;
}

/* Homepage hierarchy: large enough to feel editorial, compact enough to scan. */
.home-v13-pro .v13-slide__copy h1 {
    max-width: 700px;
    font-size: clamp(2.65rem, 4.6vw, 4.7rem) !important;
    font-weight: 900 !important;
    line-height: 1.12 !important;
    letter-spacing: -.035em !important;
}

.home-v13-pro :is(.v13-editorial-head h2, .v12-section-head h2) {
    font-size: clamp(2rem, 3.25vw, 3.35rem) !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
    letter-spacing: -.025em !important;
}

.home-v13-pro .v12-flow__copy h2 {
    font-size: clamp(2rem, 3vw, 3rem) !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    letter-spacing: -.025em !important;
}

.home-v13-pro .v1218-arena__copy h2 {
    font-size: clamp(2.25rem, 3.8vw, 3.7rem) !important;
    font-weight: 900 !important;
    line-height: 1.18 !important;
    letter-spacing: -.03em !important;
}

.home-v13-pro .v12-final-cta h2 {
    font-size: clamp(1.65rem, 2.5vw, 2.35rem) !important;
    line-height: 1.35 !important;
}

/* Store, product and checkout pages. */
body.is-shop-route .storefront-hero__copy h1 {
    max-width: 690px;
    font-size: clamp(2.3rem, 3.4vw, 3.25rem) !important;
    font-weight: 900 !important;
    line-height: 1.22 !important;
    letter-spacing: -.03em !important;
}

body.is-product-route .product-service-copy h1 {
    font-size: clamp(1.9rem, 2.7vw, 2.7rem) !important;
    font-weight: 900 !important;
    line-height: 1.32 !important;
    letter-spacing: -.025em !important;
}

body.is-cart-route .ampol-cart-page h1,
body.is-checkout-route .ampol-checkout-page h1,
.ampol-success-page h1 {
    font-size: clamp(2rem, 3vw, 2.8rem) !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
    letter-spacing: -.025em !important;
}

.ampol-rules-hero h1 {
    font-size: clamp(2rem, 3.4vw, 3.2rem) !important;
    font-weight: 900 !important;
    line-height: 1.35 !important;
    letter-spacing: -.025em !important;
}

.ampol-footer-v1218__support h2 {
    font-size: clamp(1.15rem, 1.8vw, 1.45rem) !important;
    line-height: 1.55 !important;
}

/* Authentication lives in a separate layout but shares the same type system. */
.auth-heading h1 {
    font-size: clamp(1.7rem, 3vw, 2.15rem) !important;
    font-weight: 900 !important;
    line-height: 1.45 !important;
    letter-spacing: -.02em !important;
}

.auth-showcase__copy h2 {
    font-size: clamp(1.85rem, 2.8vw, 2.55rem) !important;
    font-weight: 900 !important;
    line-height: 1.3 !important;
    letter-spacing: -.025em !important;
}

@media (max-width: 700px) {
    .home-v13-pro .v13-slide__copy h1 {
        max-width: 13ch;
        font-size: clamp(1.85rem, 8vw, 2.35rem) !important;
        line-height: 1.16 !important;
    }

    .home-v13-pro :is(.v13-editorial-head h2, .v12-section-head h2) {
        font-size: clamp(1.65rem, 7.4vw, 2rem) !important;
        line-height: 1.3 !important;
    }

    .home-v13-pro .v12-flow__copy h2 {
        font-size: 1.7rem !important;
        line-height: 1.45 !important;
    }

    .home-v13-pro .v1218-arena__copy h2 {
        font-size: 2rem !important;
        line-height: 1.3 !important;
    }

    body.is-shop-route .storefront-hero__copy h1 {
        max-width: 14ch;
        font-size: clamp(1.95rem, 8.8vw, 2.35rem) !important;
        line-height: 1.32 !important;
    }

    body.is-product-route .product-service-copy h1 {
        font-size: 1.75rem !important;
        line-height: 1.4 !important;
    }

    body.is-cart-route .ampol-cart-page h1,
    body.is-checkout-route .ampol-checkout-page h1,
    .ampol-success-page h1 {
        font-size: 1.8rem !important;
    }

    .ampol-rules-hero h1 {
        font-size: 1.8rem !important;
    }
}