/* Mobile parity fixes for the Wood and Chrome shop pages. */
@media (max-width: 640px) {
    body.okra-shop-chrome .card-product-info {
        --okra-product-info-size: clamp(14px, 1.78vw, 18px);
        --okra-card-action-size: clamp(18px, 2.5vw, 22px);
        --okra-card-add-size: var(--okra-card-action-size);
        gap: clamp(8px, 1.2vw, 14px);
    }

    body.okra-shop-chrome .card-product-info .title,
    body.okra-shop-chrome .card-product-info .price {
        font-size: var(--okra-product-info-size);
        letter-spacing: clamp(0.035em, 0.12vw, 0.06em);
        line-height: 1.15;
    }

    body.okra-shop-chrome .okra-card-price-actions {
        column-gap: clamp(7px, 2cqw, 10px);
    }

    body.okra-shop-chrome .okra-card-wishlist-btn,
    body.okra-shop-chrome .okra-card-add-btn,
    body.okra-shop-chrome .btn-main-product {
        width: var(--okra-card-action-size);
        min-width: var(--okra-card-action-size);
        height: var(--okra-card-action-size);
        min-height: var(--okra-card-action-size);
    }

    body.okra-shop-chrome .okra-grid.is-two-column-mobile .card-product-info {
        --okra-product-info-size: clamp(8px, 2vw, 9.5px);
        --okra-card-action-size: clamp(15px, 3.7vw, 18px);
        --okra-card-add-size: var(--okra-card-action-size);
        gap: clamp(3px, 1vw, 5px);
    }

    body.okra-shop-chrome .okra-grid.is-two-column-mobile .card-product-info .title,
    body.okra-shop-chrome .okra-grid.is-two-column-mobile .card-product-info .price {
        font-size: var(--okra-product-info-size);
        letter-spacing: 0.02em;
    }

    body.okra-shop-wood .card-product[data-product-key*="korhaz"] .card-product-wrapper,
    body.okra-shop-wood .card-product[data-product-id="70"] .card-product-wrapper {
        min-height: clamp(204px, 52vw, 356px);
    }

    body.okra-shop-wood .card-product[data-product-key*="korhaz"] .img-product,
    body.okra-shop-wood .card-product[data-product-id="70"] .img-product {
        max-height: clamp(194px, 50vw, 340px);
    }

    body.okra-shop-wood .okra-grid.is-two-column-mobile .card-product[data-product-key*="korhaz"] .card-product-wrapper,
    body.okra-shop-wood .okra-grid.is-two-column-mobile .card-product[data-product-id="70"] .card-product-wrapper {
        min-height: clamp(160px, 43vw, 252px);
    }

    body.okra-shop-wood .okra-grid.is-two-column-mobile .card-product[data-product-key*="korhaz"] .img-product,
    body.okra-shop-wood .okra-grid.is-two-column-mobile .card-product[data-product-id="70"] .img-product {
        max-height: clamp(150px, 39vw, 232px);
    }
}

@media (max-width: 479px) {
    body.okra-shop-chrome .card-product-info {
        --okra-product-info-size: clamp(12px, 3.1vw, 14px);
        gap: clamp(7px, 2vw, 11px);
    }

    body.okra-shop-chrome .okra-grid.is-two-column-mobile .card-product-info {
        --okra-product-info-size: clamp(7.6px, 2.15vw, 9px);
        gap: clamp(3px, 1vw, 5px);
    }
}