/**
 * Naseeb — mobile polish (320px+)
 */
@media (max-width: 479px) {
    .nli-products-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
    .nli-product-card__body {
        padding: 16px !important;
    }
    .nli-product-card__title {
        font-size: 1rem !important;
        -webkit-line-clamp: 3;
    }
    .nli-product-card__actions {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }
    .nli-product-card__btn {
        padding: 11px 8px !important;
        font-size: 9px !important;
    }
}

/* Category / shop product grid — one card per row on phones */
@media (max-width: 767px) {
    main .nli-shop-grid-mobile {
        grid-template-columns: 1fr !important;
        gap: 18px !important;
        max-width: min(100%, 440px);
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (max-width: 767px) {
    .nli-shop-card__media {
        aspect-ratio: 1 / 1 !important;
        background: #eef2f6 !important;
    }
    .nli-shop-card__img {
        object-fit: contain !important;
        padding: 12px 14px !important;
        transform: none !important;
    }
    .nli-shop-card:hover .nli-shop-card__img {
        transform: none !important;
    }
    .nli-shop-card__title {
        font-size: 0.95rem !important;
        line-height: 1.35 !important;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .nli-shop-card__fabric {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
    .nli-shop-card__body {
        padding: 16px !important;
    }
}

@media (max-width: 640px) {
    .nli-subnav__inner {
        flex-wrap: wrap !important;
        justify-content: center !important;
        gap: 4px 0 !important;
        padding: 8px 10px !important;
        min-height: 0 !important;
        overflow-x: visible !important;
    }
    .nli-subnav__link {
        border: none !important;
        border-radius: 999px !important;
        background: rgba(15, 23, 42, 0.05) !important;
        padding: 8px 12px !important;
        margin: 3px !important;
        font-size: 9px !important;
        min-height: 0 !important;
    }
    .nli-subnav__link:first-child {
        border-left: none !important;
    }
    .nli-subnav__link i {
        display: none !important;
    }
    .nli-topbar__link i,
    .nli-topbar__social a {
        min-width: 28px;
    }
    .nli-topbar__meta .nli-topbar__link:last-of-type {
        font-size: 10px;
        word-break: break-all;
        text-align: center;
    }
    .header-placeholder {
        height: var(--site-header-height, 128px) !important;
    }
}

@media (max-width: 400px) {
    .cat-hero__side-cards {
        grid-template-columns: 1fr !important;
    }
    main .container.mx-auto.px-6 {
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
}

@media (min-width: 768px) {
    .nli-shop-card__img {
        object-fit: cover;
    }
}