/* =========================================
   KANZ STORE - GLOBAL BACKGROUND
   Soft Theme | Arabic + English
   Desktop + Mobile
========================================= */

/* Main store background */
html,
body,
body .app,
body .main,
body .app-content,
body .home {
    background-color: #FDFBF8 !important;
}

/* Inner pages */
body .products-page,
body .product-page,
body .category-page,
body .categories-page,
body .cart-page,
body .search-page,
body .page-content {
    background-color: #FDFBF8 !important;
}

/* Main content containers */
body .app-content .container,
body .app-content .container-fluid {
    background-color: #FDFBF8 !important;
}

/* Header and footer background */
body .header,
body .footer {
    background-color: #FDFBF8 !important;
}

/* =====================================
   KANZ - Full Width Banners
   Soft Theme | Arabic + English
   Mobile + Desktop
===================================== */

body[data-template="home"] {
    --kanz-banner-gap: 12px;
    --kanz-banner-radius: 14px;
}

/* Expand banner sections to screen width */
body[data-template="home"] .container:has(img[class*="slider-image-"]),
body[data-template="home"] .container:has(img[class*="banner-image"]) {
    width: calc(100vw - 2 * var(--kanz-banner-gap)) !important;
    max-width: none !important;

    margin-inline: calc(
        50% - 50vw + var(--kanz-banner-gap)
    ) !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* Rounded banner corners */
body[data-template="home"] img[class*="slider-image-"],
body[data-template="home"] img[class*="banner-image"] {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;

    border-radius: var(--kanz-banner-radius) !important;
    display: block !important;
}

/* Keep slider content inside rounded corners */
body[data-template="home"] .swiper-slide:has(img[class*="slider-image-"]),
body[data-template="home"] .carousel-item:has(img[class*="slider-image-"]) {
    border-radius: var(--kanz-banner-radius) !important;
    overflow: hidden !important;
}

/* Mobile */
@media (max-width: 767px) {
    body[data-template="home"] {
        --kanz-banner-gap: 8px;
        --kanz-banner-radius: 10px;
    }
}

/* ===================================
   KANZ - Rounded Gallery Images
   Arabic + English | All Screens
=================================== */

.gallery .gallery-item .content img {
    border-radius: 14px !important;
}

/* Mobile */
@media (max-width: 767px) {
    .gallery .gallery-item .content img {
        border-radius: 10px !important;
    }
}

/* KANZ - Center Homepage Section Titles */
/* Arabic + English | Desktop + Mobile */

body[data-template="home"] h2.section-title {
    width: 100% !important;
    display: block !important;
    text-align: center !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* =====================================
   KANZ - Modern Elegant Product Cards
   Zid Soft Theme | Arabic + English
===================================== */

/* Product card */
.product-item {
    background-color: #FDFBF8 !important;
    border: 1px solid #E8E1D5 !important;
    border-radius: 16px !important;
    padding: 10px !important;
    overflow: hidden !important;
    box-shadow: 0 4px 16px rgba(50,52,21,0.07) !important;
    box-sizing: border-box !important;
    transition: box-shadow 0.3s ease !important;
}

/* Product image container */
.product-item .box-1-1 {
    border-radius: 12px !important;
    overflow: hidden !important;
    background-color: #FFFFFF !important;
}

/* Product images */
.product-item img[id^="product-card-img-"] {
    border-radius: 12px !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
}

/* Product names */
.product-item .product-title,
.product-item .product-name {
    color: #323415 !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
}

/* Desktop hover */
@media (hover: hover) {
    .product-item:hover {
        box-shadow: 0 8px 24px
        rgba(50,52,21,0.12) !important;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .product-item {
        border-radius: 12px !important;
        padding: 7px !important;
    }

    .product-item .box-1-1 {
        border-radius: 9px !important;
    }
}