/* AY Optik mobile storefront - loaded after the legacy stylesheet. */
.mobile-product-heading {
    display: none;
}

@media (max-width: 768px) {
    .navbar,
    .navbar.scrolled {
        position: sticky;
        top: 0;
        z-index: 1300 !important;
    }

    .mobile-menu,
    .home-premium .mobile-menu,
    .premium-page .mobile-menu {
        top: 90px;
        bottom: 0;
        z-index: 1250;
        height: calc(100dvh - 90px);
        padding: 18px 16px calc(26px + env(safe-area-inset-bottom));
        align-items: flex-start;
        justify-content: flex-start;
        overflow-y: auto;
    }

    .mobile-menu > ul {
        width: 100%;
        margin: 0;
    }

    .detail-page {
        width: 100%;
        max-width: none;
        margin: 0 auto 50px;
        padding: 0 12px;
    }

    .detail-grid {
        display: flex;
        width: 100%;
        flex-direction: column;
        gap: 24px;
    }

    .mobile-product-heading {
        display: block;
        margin: 2px 2px 15px;
    }

    .mobile-product-heading p {
        margin: 0 0 6px;
        color: var(--accent-color);
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 2px;
        text-transform: uppercase;
    }

    .mobile-product-heading h1 {
        margin: 0;
        color: var(--primary-color);
        font-family: var(--font-heading);
        font-size: clamp(21px, 6vw, 27px);
        font-weight: 500;
        line-height: 1.25;
        letter-spacing: -.2px;
    }

    .product-info > .p-marka,
    .product-info > h1 {
        display: none;
    }

    .gallery,
    .product-info,
    .main-image {
        width: 100%;
        max-width: 100%;
    }

    .main-image {
        aspect-ratio: 1.14 / 1;
        padding: 10px;
        border-radius: 14px;
        overflow: hidden !important;
    }
}