/* =========================================
   MAB HOME PRODUCTS
   Dynamic WooCommerce Products
   Scoped RTL
========================================= */
.mab-products{
    direction:rtl;
    margin-top:18px;
}
.mab-products__wrap{
    border-radius:18px;
    padding:clamp(16px,2.6vw,24px);
    background:rgba(255,255,255,.92);
    border:1px solid rgba(15,23,42,.08);
    box-shadow:
    0 14px 36px rgba(2,6,23,.06);
}

/* =========================
   Products Grid
========================= */
.mab-products__grid{
    display:grid;
    grid-template-columns:
    repeat(4,minmax(0,1fr));
    gap:14px;
}

/* =========================
   Product Card
========================= */
.mab-product-card{
    background:#fff;
    border:1px solid rgba(15,23,42,.08);
    border-radius:16px;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:
    transform .18s ease,
    box-shadow .18s ease;
}
.mab-product-card:hover{
    transform:translateY(-3px);
    box-shadow:
    0 14px 28px rgba(2,6,23,.10);
}

/* Image */
.mab-product-card__image{
    display:block;
    background:#f8fafc;
    aspect-ratio:3 / 4;
    overflow:hidden;
}
.mab-product-card__image img{
    width:100%!important;
    height:100%!important;
    object-fit:cover;
    display:block;
    transition:
    transform .25s ease;
}
.mab-product-card:hover 
.mab-product-card__image img{
    transform:scale(1.03);
}

/* Body */
.mab-product-card__body{
    padding:12px;
    display:flex;
    flex-direction:column;
    flex:1;
}

/* Title */
.mab-product-card__title{
    margin:0 0 8px;
    font-size:13.5px;
    line-height:1.8;
    font-weight:900;
}
.mab-product-card__title a{
    color:#0f172a;
    text-decoration:none!important;
}

/* Price */
.mab-product-card__price{
    margin-top:auto;
    margin-bottom:12px;
    font-size:13px;
    font-weight:800;
    color:#2563eb;
}

/* Button */
.mab-product-card__button{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:9px 12px;
    border-radius:12px;
    background:
    linear-gradient(
    135deg,
    #2563eb,
    #0ea5e9
    );
    color:#fff!important;
    font-size:12.5px;
    font-weight:900;
    text-decoration:none!important;
}

/* =========================
   Smart Product Layout
========================= */

/* One Product */
.mab-products--items-1 .mab-products__grid{
    grid-template-columns:
    minmax(220px,280px);
    justify-content:center;
}
.mab-products--items-1 .mab-product-card{
    border-radius:20px;
}
.mab-products--items-1 .mab-product-card__image{
    aspect-ratio:3 / 4;
}
.mab-products--items-1 .mab-product-card__body{
    padding:16px;
}
.mab-products--items-1 .mab-product-card__title{
    font-size:15px;
    text-align:center;
}

/* Two Products */
.mab-products--items-2 .mab-products__grid{
    grid-template-columns:
    repeat(2,minmax(260px,340px));
    justify-content:center;
    gap:20px;
}
.mab-products--items-2 .mab-product-card__image{
    aspect-ratio:3 / 4;
}
.mab-products--items-2 .mab-product-card__body{
    padding:14px;
}

/* Three Products */
.mab-products--items-3 .mab-products__grid{
    grid-template-columns:
    repeat(3,minmax(220px,1fr));
}

/* Four Products */
.mab-products--items-4 .mab-products__grid{
    grid-template-columns:
    repeat(4,minmax(0,1fr));
}

/* =========================
   Coming Soon Special
========================= */
.mab-products--coming .mab-product-card__button{
    background:
    linear-gradient(
    135deg,
    #16a34a,
    #22c55e
    );
}

/* =========================
   Footer
========================= */
.mab-products__foot{
    margin-top:16px;
    padding-top:12px;
    border-top:
    1px dashed rgba(15,23,42,.18);
    text-align:center;
}
.mab-products__foot a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:10px 16px;
    border-radius:14px;
    background:#fff;
    border:1px solid rgba(15,23,42,.10);
    color:#0f172a;
    font-size:13px;
    font-weight:900;
    text-decoration:none!important;
}

/* =========================
   Responsive
========================= */
@media(max-width:1100px){
    .mab-products__grid{
        grid-template-columns:
        repeat(3,minmax(0,1fr));
    }
}
@media(max-width:820px){
    .mab-products__grid{
        grid-template-columns:
        repeat(2,minmax(0,1fr));
    }
    .mab-products--items-1 .mab-products__grid{
        grid-template-columns:
        minmax(220px,320px);
        justify-content:center;
    }
}
@media(max-width:520px){
    .mab-products__grid{
        grid-template-columns:1fr;
    }
    .mab-product-card__image{
        aspect-ratio:4 / 5;
    }
}
@media(max-width:820px){
    .mab-products__grid{
        grid-template-columns:
        repeat(2,minmax(0,1fr));
    }
    .mab-products--items-1 .mab-products__grid{
        grid-template-columns:
        minmax(220px,320px);
        justify-content:center;
    }
}
@media(max-width:520px){
    .mab-products--items-2 .mab-products__grid,
    .mab-products--items-3 .mab-products__grid,
    .mab-products--items-4 .mab-products__grid{
        grid-template-columns:1fr;
    }
}

/* =========================
   Many Products Slider
   ========================= */

.mab-products--items-many .mab-products__grid{
    display:flex;
    overflow-x:auto;
    gap:16px;
    padding-bottom:8px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
}
.mab-products--items-many .mab-product-card{
    flex:0 0 260px;
    scroll-snap-align:start;
}
.mab-products--items-many .mab-products__grid::-webkit-scrollbar{
    height:8px;
}
.mab-products--items-many .mab-products__grid::-webkit-scrollbar-thumb{
    background:rgba(15,23,42,.18);
    border-radius:999px;
}
@media(max-width:520px){
    .mab-products--items-many .mab-product-card{
        flex:0 0 82%;
    }
}

/* =========================
   Product Carousel
   Shared Horizontal Slider
========================= */
.mab-products--carousel .mab-products__grid{
    display:flex;
    overflow-x:auto;
    gap:16px;
    padding-bottom:8px;
    scroll-snap-type:x mandatory;
    -webkit-overflow-scrolling:touch;
}
.mab-products--carousel .mab-product-card{
    flex:0 0 260px;
    scroll-snap-align:start;
}

/* Scrollbar */
.mab-products--carousel .mab-products__grid::-webkit-scrollbar{
    height:8px;
}
.mab-products--carousel .mab-products__grid::-webkit-scrollbar-thumb{
    background:rgba(15,23,42,.18);
    border-radius:999px;
}
.mab-products--carousel .mab-products__grid::-webkit-scrollbar-track{
    background:rgba(15,23,42,.06);
    border-radius:999px;
}

/* Mobile */
@media(max-width:520px){
    .mab-products--carousel .mab-product-card{
        flex:0 0 82%;
    }
}

/* =========================================
   Coming Soon Mobile Carousel
   ========================================= */
@media(max-width:820px){
    .mab-products--coming .mab-products__grid{
        display:flex;
        overflow-x:auto;
        gap:16px;
        padding-bottom:10px;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
    }
    .mab-products--coming .mab-product-card{
        flex:0 0 48%;
        scroll-snap-align:start;
    }
}

/* Mobile Single Product View */
@media(max-width:520px){
    .mab-products--coming .mab-product-card{
        flex:0 0 82%;
    }
    .mab-products--coming .mab-products__grid::-webkit-scrollbar{
        height:6px;
    }
    .mab-products--coming .mab-products__grid::-webkit-scrollbar-thumb{
        background:rgba(15,23,42,.18);
        border-radius:999px;
    }
}

/* =========================================
   MAB Packages Responsive Carousel
========================================= */

/* Tablet */
@media(max-width:980px){
    .mab-products--packages .mab-products__grid{
        display:grid;
        grid-template-columns:
        repeat(2,minmax(0,1fr));
        gap:16px;
    }
}

/* Mobile Horizontal Slider */
@media(max-width:600px){
    .mab-products--packages .mab-products__grid{
        display:flex;
        overflow-x:auto;
        gap:16px;
        padding-bottom:10px;
        scroll-snap-type:x mandatory;
        -webkit-overflow-scrolling:touch;
    }
    .mab-products--packages .mab-product-card{
        flex:0 0 82%;
        scroll-snap-align:start;
    }
    .mab-products--packages .mab-products__grid::-webkit-scrollbar{
        height:6px;
    }
    .mab-products--packages .mاب-products__grid::-webkit-scrollbar-thumb{
        background:rgba(15,23,42,.18);
        border-radius:999px;
    }
}