/**
 * Navid product page — tablet / iPad (Figma 298:22860, 298:22841, 302:9164, 302:9558, 304:10284)
 * 768px–1279px on top of navid-product-mobile.css
 */

@media (min-width: 768px) and (max-width: 1279px) {
    body.navid-product-page-active {
        --navid-product-mobile-header-h: 104px;
    }

    /* ——— Header (Figma 298:22123) ——— */
    .navid-product-mobile-header {
        min-height: 104px;
        padding: 24px 16px;
    }

    /* ——— Gallery peek carousel (390×390 @ 744px frame) ——— */
    .navid-product-page .navid-gallery__media {
        padding: 0 24px;
        overflow: visible;
    }

    .navid-product-page .navid-gallery__main {
        overflow: visible;
    }

    .navid-product-page .navid-gallery__main .swiper-wrapper {
        align-items: stretch;
    }

    .navid-product-page .navid-gallery__main-slide {
        width: min(390px, calc(100vw - 48px));
        max-width: 390px;
        flex-shrink: 0;
        aspect-ratio: 1 / 1;
        height: auto;
    }

    .navid-product-page .navid-gallery__pagination {
        display: none !important;
    }

    /* ——— Product head ——— */
    .navid-product-page .navid-product-head {
        padding: 0 24px 24px;
        gap: 16px;
    }

    .navid-product-page .navid-product-head .product-title h1 {
        font-size: 20px;
    }

    .navid-product-page .navid-product-head .navid-product-rating__buyers {
        font-size: 14px;
    }

    .navid-product-page .navid-product-info-block {
        padding-bottom: 32px !important;
    }

    .navid-product-page .product-info-block .box-card {
        padding: 0 24px !important;
    }

    /* ——— Stacked sections ——— */
    .navid-product-page .navid-product-section-title {
        padding-inline: 24px;
    }

    .navid-product-page .navid-product-specs-section .description-product,
    .navid-product-page .navid-product-specs-section .params {
        padding-inline: 24px;
    }

    .navid-product-page .navid-product-specs-more {
        margin-inline: 24px 0;
    }

    .navid-product-page .navid-reviews-sidebar {
        padding: 0 24px 24px;
        border-bottom: 0;
    }

    /* No reviews yet — hide duplicate empty line; CTA block matches Figma 298:22338 */
    .navid-product-page .navid-reviews-layout--empty .navid-reviews-main {
        display: none;
    }

    .navid-product-page .navid-reviews-layout--empty .navid-reviews-mobile-head {
        padding-bottom: 0;
    }

    .navid-product-page .navid-reviews-toolbar {
        padding: 0 24px;
    }

    .navid-product-page .navid-reviews-list {
        padding: 0 24px 8px;
        gap: 16px;
    }

    .navid-product-page .navid-review-item {
        flex: 0 0 334px;
        width: 334px;
        max-width: none;
    }

    /* Figma 298:22338 — text block (right) + submit button 336px (left in RTL row) */
    .navid-product-page .navid-reviews-cta {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
        gap: 24px;
        width: 100%;
        margin-top: 24px;
        padding: 24px 0 0;
        border-top: 1px solid var(--navid-product-border, #ededee);
        box-sizing: border-box;
    }

    .navid-product-page .navid-reviews-cta__text {
        flex: 1 1 0;
        min-width: 0;
        width: auto;
        max-width: calc(100% - 360px);
    }

    .navid-product-page .navid-reviews-cta__btn {
        flex: 0 0 336px;
        width: 336px;
        max-width: 48%;
        min-width: 160px;
        margin-top: 0;
    }

    .navid-product-page .description-product,
    .navid-product-page .params {
        padding: 0 24px 32px;
    }

    /* ——— Related products (162px cards) ——— */
    .navid-product-page .navid-product-related {
        padding-bottom: 32px;
    }

    .navid-product-page .navid-product-related__header {
        padding: 0 24px;
        margin-bottom: 24px;
    }

    .navid-product-page .navid-product-related-carousel {
        padding-inline: 24px;
    }

    .navid-product-page .navid-product-related-carousel__item {
        flex: 0 0 162px;
        width: 162px !important;
        min-width: 162px;
    }

    .navid-product-page .navid-product-related-carousel__item .navid-pc__thumb,
    .navid-product-page .navid-product-related-carousel__item .navid-pc__media {
        width: 162px;
        height: 162px;
    }

    .navid-product-page .navid-product-related-carousel__item .navid-pc__title {
        font-size: 12px;
        font-weight: 500;
    }

    .navid-product-page .navid-product-related-carousel__item .navid-pc__meta {
        display: block;
        font-size: 10px;
        text-align: center;
    }

    /* ——— Sticky purchase bar (Figma 298:22861) ——— */
    .navid-product-mobile-sticky {
        padding: 16px 24px 24px;
    }

    .navid-product-mobile-sticky__value {
        font-size: 20px;
    }

    .navid-product-mobile-sticky__currency {
        font-size: 16px;
    }

    .navid-product-mobile-toast {
        padding: 16px 24px 0;
    }

    /* ——— Gallery lightbox (Figma 302:9164) ——— */
    .navid-gallery-modal__content {
        padding: 24px 24px 32px;
    }

    .navid-gallery-modal__close {
        top: 24px;
        left: 24px;
    }

    .navid-gallery-modal__main {
        width: 100%;
        max-width: min(744px, calc(100vw - 48px));
        max-height: min(744px, calc(100vw - 48px));
        margin: 0 auto;
        aspect-ratio: 1 / 1;
    }

    .navid-gallery-modal__thumbs {
        display: block !important;
        width: 100%;
        max-width: min(744px, calc(100vw - 48px));
        margin: 0 auto;
    }

    .navid-gallery-modal__thumbs .swiper-slide {
        width: 76px;
        flex-shrink: 0;
    }

    .navid-gallery-modal__thumb {
        width: 76px;
        height: 76px;
        padding: 0;
        border: 2px solid transparent;
        border-radius: 4px;
        overflow: hidden;
    }

    .navid-gallery-modal__thumb.is-active {
        border-color: var(--navid-product-primary, #f3703a);
    }

    .navid-gallery-modal__thumb img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .navid-gallery-modal__pagination {
        display: none !important;
    }

    /* ——— Review modal (Figma 302:9558, 304:10284) ——— */
    body.navid-product-page-active .navid-product-review-modal .navid-modal__dialog {
        padding: calc(24px + env(safe-area-inset-top, 0px)) 24px
            calc(24px + env(safe-area-inset-bottom, 0px));
    }

    body.navid-product-page-active .navid-product-review-modal__close {
        top: calc(24px + env(safe-area-inset-top, 0px));
        left: 24px;
    }

    body.navid-product-page-active .navid-product-review-modal__header {
        min-height: 56px;
        padding-top: 8px;
    }

    body.navid-product-page-active .navid-product-review-modal__title {
        font-size: 20px;
    }

    body.navid-product-page-active .navid-product-review-modal__row {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 16px;
    }

    body.navid-product-page-active .navid-product-review-modal__footer {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 24px;
    }

    body.navid-product-page-active .navid-product-review-modal__submit {
        flex: 0 0 170px;
        width: 170px;
        margin: 0;
    }

    body.navid-product-page-active .navid-product-review-modal__remember {
        flex: 1 1 auto;
        min-width: 0;
        margin: 0;
    }
}