/* ================================
   GLOBAL PAGE BACKGROUND
================================ */
body {
    background: #f5f5f5 !important;
}

/* ================================
   SEARCH BAR FIX
================================ */
.sh-search-box input[type="text"],
.sh-search-box input {
    padding-left: 36px !important;
}
.sh-search-box .fa-search,
.sh-search-box .sh-search-icon {
    margin-left: 10px !important;
}

/* ================================
   CATEGORY SECTION – Modern Look
================================ */
.category-item,
.sh-category-item {
    text-align: center !important;
}
.category-item img,
.sh-category-item img {
    width: 75px !important;
    height: 75px !important;
    object-fit: cover !important;
    border-radius: 16px !important;
    display: block !important;
    margin: 0 auto !important;
}
.category-item .cat-name,
.sh-category-item .cat-name {
    margin-top: 8px !important;
    text-align: center !important;
    display: block !important;
}

/* ================================
   PRODUCT TILE – Zepto style
================================ */
.h-product,
.product-card,
.product-tile,
.sh-product-card,
.sh-product-card-wrapper {
    border-radius: 12px !important;
    overflow: hidden !important;
    background: #ffffff !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.16) !important;
    padding: 12px 10px 14px 10px !important;
    transition: transform 0.18s ease, box-shadow 0.18s ease;
}
.h-product:hover,
.product-card:hover,
.product-tile:hover,
.sh-product-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 18px rgba(0,0,0,0.20) !important;
}
.h-product img,
.product-card img,
.product-tile img,
.sh-product-card img {
    border-radius: 10px !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 auto 8px auto !important;
}
.h-product .prod-name,
.product-tile .prod-name,
.sh-product-card .prod-name,
.h-product .product-name,
.product-tile .product-name,
.sh-product-card .product-name,
.h-product .name,
.product-tile .name,
.sh-product-card .name {
    text-align: center !important;
}
.h-product .price,
.product-tile .price,
.sh-product-card .price,
.h-product .prod-price,
.product-tile .prod-price,
.sh-product-card .prod-price {
    text-align: center !important;
}
.h-product,
.product-card,
.product-tile,
.sh-product-card {
    font-size: 13px !important;
    line-height: 1.3 !important;
}