/*
 * TANKZONE_PRODUCT_RECOMMENDATIONS_COMPACT_MOBILE_V11
 */

@media(max-width:760px){

    html.tz-modern-mobile .tz-product-rec-compact{
        overflow:visible !important;
        padding-top:24px !important;
        padding-bottom:30px !important;
    }

    html.tz-modern-mobile .tz-product-rec-compact .shell{
        padding-inline:10px !important;
    }

    html.tz-modern-mobile .tz-product-rec-compact .section-heading,
    html.tz-modern-mobile .tz-product-rec-compact .section-header{
        margin-bottom:14px !important;
    }

    html.tz-modern-mobile .tz-product-rec-compact h2{
        font-size:1.35rem !important;
        line-height:1.15 !important;
        margin-bottom:4px !important;
    }

    html.tz-modern-mobile .tz-product-rec-compact .tz-product-rec-grid{
        display:grid !important;
        grid-template-columns:repeat(2,minmax(0,1fr)) !important;
        gap:16px 8px !important;
        align-items:start !important;
        overflow:visible !important;
        padding:0 !important;
    }

    html.tz-modern-mobile .tz-product-rec-compact .tz-product-rec-grid > .product-card{
        min-width:0 !important;
        width:auto !important;
        max-width:none !important;
        margin:0 !important;
        background:transparent !important;
    }

    html.tz-modern-mobile
    .tz-product-rec-compact
    .tz-product-rec-grid
    .product-card-image{
        display:block !important;
        width:100% !important;
        height:auto !important;
        aspect-ratio:1 / 1.08 !important;
        min-height:0 !important;
        overflow:hidden !important;
        border-radius:8px !important;
        background:#f2f1ed !important;
    }

    html.tz-modern-mobile
    .tz-product-rec-compact
    .tz-product-rec-grid
    .product-card-image img{
        width:100% !important;
        height:100% !important;
        object-fit:contain !important;
        padding:4px !important;
    }

    html.tz-modern-mobile
    .tz-product-rec-compact
    .tz-product-rec-grid
    .product-card-copy{
        padding:7px 1px 0 !important;
    }

    html.tz-modern-mobile
    .tz-product-rec-compact
    .tz-product-rec-grid
    .product-category{
        margin:0 0 3px !important;
        font-size:.50rem !important;
        line-height:1.2 !important;
    }

    html.tz-modern-mobile
    .tz-product-rec-compact
    .tz-product-rec-grid
    .product-card h3{
        display:-webkit-box !important;
        min-height:0 !important;
        max-height:2.8em !important;
        margin:0 0 6px !important;
        overflow:hidden !important;
        font-size:.70rem !important;
        line-height:1.4 !important;
        -webkit-box-orient:vertical !important;
        -webkit-line-clamp:2 !important;
    }

    html.tz-modern-mobile
    .tz-product-rec-compact
    .tz-product-rec-grid
    .product-card-meta{
        min-height:0 !important;
        padding-top:6px !important;
        border-top:1px solid #deded8 !important;
    }

    html.tz-modern-mobile
    .tz-product-rec-compact
    .tz-product-rec-grid
    .product-price{
        font-size:.70rem !important;
    }

    html.tz-modern-mobile
    .tz-product-rec-compact
    .tz-product-rec-grid
    .round-arrow{
        width:21px !important;
        height:21px !important;
        min-width:21px !important;
        font-size:.65rem !important;
    }

    /* Hide only the oversized purchase controls in recommendations. */
    html.tz-modern-mobile
    .tz-product-rec-compact
    .tz-product-rec-grid
    .product-card-quick-add,
    html.tz-modern-mobile
    .tz-product-rec-compact
    .tz-product-rec-grid
    [data-quick-add-form],
    html.tz-modern-mobile
    .tz-product-rec-compact
    .tz-product-rec-grid
    .quick-add-actions,
    html.tz-modern-mobile
    .tz-product-rec-compact
    .tz-product-rec-grid
    [data-quick-add-cart],
    html.tz-modern-mobile
    .tz-product-rec-compact
    .tz-product-rec-grid
    [data-quick-buy-now],
    html.tz-modern-mobile
    .tz-product-rec-compact
    .tz-product-rec-grid
    .card-family-swatches{
        display:none !important;
    }
}

@media(max-width:390px){
    html.tz-modern-mobile .tz-product-rec-compact .tz-product-rec-grid{
        gap:14px 7px !important;
    }

    html.tz-modern-mobile
    .tz-product-rec-compact
    .tz-product-rec-grid
    .product-card h3{
        font-size:.67rem !important;
    }
}