/* Shared mobile-safe overrides for product templates and produktet page. */

.product-page .aux-hero-section {
    height: auto !important;
    min-height: clamp(520px, calc(100svh - 64px), 920px) !important;
    padding-block: clamp(76px, 10vh, 124px) clamp(56px, 8vh, 96px) !important;
    background-position: center center !important;
}

.product-page .aux-hero-content {
    width: min(940px, 100%);
}

.product-page .aux-table-wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.product-page .aux-table {
    min-width: 100%;
}

/* Normalize over-wide cards/tables across templates. */
.product-page .aux-table-card,
.product-page .aux-card-wide {
    min-width: min(92vw, 760px) !important;
    max-width: min(96vw, 980px) !important;
}

.product-page .aux-tables-nav-wrapper {
    padding-inline: 44px;
}

.product-page .aux-tables-nav-arrow.prev {
    left: 6px !important;
}

.product-page .aux-tables-nav-arrow.next {
    right: 6px !important;
}

@media (max-width: 768px) {
    .product-page .aux-hero-section {
        min-height: calc(100svh - 56px) !important;
        padding-block: clamp(72px, 9vh, 106px) clamp(46px, 8vh, 82px) !important;
    }

    .product-page .aux-hero-title {
        font-size: clamp(1.9rem, 8vw, 2.9rem) !important;
    }

    .product-page .aux-hero-subtitle {
        font-size: clamp(0.95rem, 3.4vw, 1.1rem) !important;
        line-height: 1.5 !important;
    }

    .product-page .aux-table-card,
    .product-page .aux-card-wide {
        min-width: min(92vw, 620px) !important;
        max-width: 92vw !important;
        padding: 16px !important;
    }

    .product-page .aux-tables-nav-wrapper {
        padding-inline: 36px;
    }

    .product-page .aux-tables-nav-arrow {
        width: 36px !important;
        height: 36px !important;
        font-size: 16px !important;
    }
}

@media (max-width: 430px) {
    .product-page .aux-hero-section {
        min-height: calc(100svh - 52px) !important;
    }

    .product-page .aux-hero-stats {
        gap: 12px !important;
    }

    .product-page .aux-table-card,
    .product-page .aux-card-wide {
        min-width: 88vw !important;
    }

    .product-page .aux-tables-nav-wrapper {
        padding-inline: 0;
    }

    .product-page .aux-tables-nav-arrow {
        display: none !important;
    }
}