/* ================================================================
   LASTO HOME — FEATURED PRODUCTS MOBILE SYNC + REVIEW LINK SPACING
   2026-08-28
   Mobile only. Featured cards mirror the All Products mobile card rhythm
   and become a touch-friendly horizontal scroll-snap slider.
   ================================================================ */
@media (max-width: 599px) {
    .featured-products {
        overflow: hidden;
    }

    .featured-products .section-heading-row {
        align-items: center;
        gap: 12px;
    }

    .featured-products .section-heading-row h2 {
        margin: 0;
    }

    .featured-products-grid {
        display: flex !important;
        grid-template-columns: none !important;
        align-items: stretch !important;
        gap: 10px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        overscroll-behavior-inline: contain;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 0;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding: 2px 0 8px !important;
    }

    .featured-products-grid::-webkit-scrollbar {
        display: none;
    }

    .featured-products-grid .catalog-product-card {
        flex: 0 0 calc((100% - 10px) / 2) !important;
        width: calc((100% - 10px) / 2) !important;
        min-width: 0 !important;
        height: auto !important;
        border-radius: 11px !important;
        overflow: hidden !important;
        scroll-snap-align: start;
        scroll-snap-stop: always;
        display: flex !important;
        flex-direction: column !important;
    }

    .featured-products-grid .catalog-product-image {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 4 / 3 !important;
        padding: 0 !important;
        overflow: hidden !important;
        background: #fff !important;
    }

    .featured-products-grid .catalog-product-image > a {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
    }

    .featured-products-grid .catalog-product-image img {
        display: block !important;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        max-height: none !important;
        object-fit: contain !important;
        object-position: center !important;
        transform: none !important;
    }

    .featured-products-grid .catalog-product-badges {
        top: 9px !important;
        left: 9px !important;
        right: auto !important;
        max-width: calc(100% - 18px) !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 4px !important;
        white-space: nowrap !important;
    }

    .featured-products-grid .catalog-product-badges .product-condition-badge,
    .featured-products-grid .catalog-product-badges .product-badge {
        position: static !important;
        flex: 0 0 auto !important;
        min-width: 0 !important;
        min-height: 20px !important;
        height: 20px !important;
        padding: 0 7px !important;
        border-radius: 8px !important;
        font-size: 7.5px !important;
        line-height: 1 !important;
        letter-spacing: .025em !important;
        box-shadow: 0 4px 10px rgba(15, 23, 42, .08) !important;
    }

    .featured-products-grid .catalog-product-content {
        flex: 1 1 auto !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 9px 9px 10px !important;
    }

    .featured-products-grid .catalog-product-main {
        flex: 1 1 auto !important;
        min-height: 0 !important;
    }

    .featured-products-grid .product-brand {
        margin: 0 0 5px !important;
        font-size: 8px !important;
        line-height: 1.2 !important;
    }

    .featured-products-grid .catalog-product-content h2,
    .featured-products-grid .catalog-product-content h2 a {
        min-height: 30px !important;
        margin: 0 0 5px !important;
        font-size: 11px !important;
        line-height: 1.35 !important;
        display: -webkit-box !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
        overflow: hidden !important;
    }

    .featured-products-grid .catalog-product-key-specs {
        min-height: 0 !important;
        margin: 5px 0 4px !important;
        gap: 3px !important;
    }

    .featured-products-grid .catalog-product-key-spec {
        gap: 5px !important;
        font-size: 9px !important;
        line-height: 1.2 !important;
    }

    .featured-products-grid .catalog-product-key-spec-icon {
        width: 13px !important;
        min-width: 13px !important;
        height: 13px !important;
    }

    .featured-products-grid .catalog-product-key-spec-icon .icon {
        width: 11px !important;
        height: 11px !important;
    }

    .featured-products-grid .catalog-product-bottom {
        margin-top: 0 !important;
        padding-top: 3px !important;
    }

    .featured-products-grid .catalog-product-bottom:has(.product-original-price) {
        padding-top: 15px !important;
    }

    .featured-products-grid .catalog-product-bottom > strong {
        margin: 0 0 8px !important;
        font-size: 15.5px !important;
        line-height: 1.05 !important;
        font-weight: 500 !important;
    }

    .featured-products-grid .catalog-product-actions {
        grid-template-columns: minmax(0, 1fr) 34px !important;
        gap: 6px !important;
    }

    .featured-products-grid .product-details-button,
    .featured-products-grid .product-card-whatsapp {
        min-height: 34px !important;
        height: 34px !important;
        border-radius: 7px !important;
    }

    .featured-products-grid .product-details-button {
        padding: 0 7px !important;
        font-size: 9px !important;
    }

    .featured-products-grid .product-card-whatsapp {
        width: 34px !important;
        min-width: 34px !important;
    }

    /* Give the review CTA breathing room after customer media. */
    .ui-google-reviews .google-review-photo-strip + .google-review-read-link,
    .ui-google-reviews .google-review-read-link--mobile-extra {
        margin-top: 12px !important;
    }
}

@media (max-width: 375px) {
    .featured-products-grid {
        gap: 8px !important;
    }
    .featured-products-grid .catalog-product-card {
        flex-basis: calc((100% - 8px) / 2) !important;
        width: calc((100% - 8px) / 2) !important;
    }
    .featured-products-grid .catalog-product-badges .product-condition-badge,
    .featured-products-grid .catalog-product-badges .product-badge {
        min-height: 19px !important;
        height: 19px !important;
        padding: 0 6px !important;
        border-radius: 7px !important;
        font-size: 7px !important;
    }
}


/* ================================================================
   HOME FEATURED PRODUCTS — MOBILE SLIDER ARROWS
   2026-08-28
   Keep swipe/scroll behavior and add clear previous/next controls.
   ================================================================ */
.featured-products-slider{
    position:relative;
}
.featured-slider-arrow{
    display:none;
}
@media (max-width:599px){
    .featured-products-slider{
        position:relative!important;
    }
    .featured-slider-arrow{
        position:absolute!important;
        z-index:8!important;
        top:50%!important;
        width:30px!important;
        height:30px!important;
        min-width:30px!important;
        padding:0!important;
        border:1px solid rgba(115,86,255,.42)!important;
        border-radius:50%!important;
        background:rgba(11,16,27,.88)!important;
        color:#fff!important;
        display:grid!important;
        place-items:center!important;
        transform:translateY(-50%)!important;
        box-shadow:0 7px 18px rgba(0,0,0,.22)!important;
        cursor:pointer!important;
        -webkit-tap-highlight-color:transparent!important;
    }
    .featured-slider-arrow--prev{left:4px!important;}
    .featured-slider-arrow--next{right:4px!important;}
    .featured-slider-arrow .icon{
        width:14px!important;
        height:14px!important;
        margin:0!important;
        display:block!important;
    }
    .featured-slider-arrow:disabled{
        opacity:.28!important;
        pointer-events:none!important;
    }
    .featured-products-grid{
        padding-left:0!important;
        padding-right:0!important;
    }
}