/* =========================================
   NUTS WORLD DRYFRUITS & KIRANA
   Premium Dry Fruits Store Theme CSS
========================================= */

:root{
    --primary-color:#8B5E34;
    --secondary-color:#C6924B;
    --accent-color:#2E7D32;
    --light-bg:#FFF9F2;
    --soft-bg:#F8F5EF;
    --border-color:#E7D8C7;
    --text-dark:#2B2B2B;
    --text-light:#666666;
    --white:#FFFFFF;
    --shadow:0 8px 20px rgba(0,0,0,0.08);
    --hover-shadow:0 12px 28px rgba(139,94,52,0.18);
    --transition:all 0.3s ease;
}

/* =========================================
   PRODUCT CARD
========================================= */

.sh-product-card{
    border:1px solid var(--border-color) !important;
    border-radius:18px !important;
    background:var(--white);
    overflow:hidden;
    transition:var(--transition);
    position:relative;
}

.sh-product-card:hover{
    transform:translateY(-5px);
    box-shadow:var(--hover-shadow);
    border-color:var(--secondary-color) !important;
}

/* Premium Glow Effect */
.sh-product-card::before{
    content:"";
    position:absolute;
    top:0;
    left:-100%;
    width:100%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent,
        rgba(255,255,255,0.5),
        transparent
    );
    transition:0.7s;
}

.sh-product-card:hover::before{
    left:100%;
}

/* =========================================
   DISCOUNT TAGS
========================================= */

.sh-product-card-discount-tag{
    background:linear-gradient(135deg,#C62828,#E53935) !important;
    color:#fff !important;
    font-weight:600 !important;
    border-radius:0 0 14px 0 !important;
    padding:6px 12px !important;
    font-size:13px !important;
    letter-spacing:0.4px;
    top:0 !important;
    left:0 !important;
    right:auto !important;
    box-shadow:0 4px 10px rgba(0,0,0,0.15);
}

.sh-product-discount-tag{
    background:#FFF3E0 !important;
    color:var(--primary-color) !important;
    border-radius:30px !important;
    padding:4px 10px !important;
    font-weight:600 !important;
    border:1px solid #F1D3AE;
}

/* =========================================
   BUTTONS
========================================= */

.sh-solid-button{
    border-radius:10px !important;
    background:linear-gradient(
        135deg,
        var(--primary-color),
        var(--secondary-color)
    ) !important;
    color:#fff !important;
    font-weight:600;
    transition:var(--transition);
    border:none !important;
}

.sh-solid-button:hover{
    transform:translateY(-2px);
    box-shadow:0 6px 16px rgba(139,94,52,0.25);
}

.sh-product-plus-minus-button{
    border-radius:10px !important;
    border:1px solid var(--secondary-color) !important;
    background:#FFF8EE !important;
    color:var(--primary-color) !important;
    font-weight:700 !important;
    transition:var(--transition);
}

.sh-product-plus-minus-button:hover{
    background:var(--secondary-color) !important;
    color:#fff !important;
}

/* =========================================
   CATEGORY CARD
========================================= */

.sh-category-card>a>div{
    padding:12px !important;
    border:1px solid var(--border-color) !important;
    border-radius:18px !important;
    background:var(--white);
    transition:var(--transition);
    overflow:hidden;
    position:relative;
}

/* Elegant Background Shades */

.sh-category-card:nth-child(3n-2)>a>div{
    background:linear-gradient(135deg,#FFF7E8,#FFFDF8) !important;
}

.sh-category-card:nth-child(3n-1)>a>div{
    background:linear-gradient(135deg,#F5FFF2,#FCFFF9) !important;
}

.sh-category-card:nth-child(3n)>a>div{
    background:linear-gradient(135deg,#FFF4EF,#FFFDFC) !important;
}

.sh-category-card>a>div:hover{
    border-color:var(--secondary-color) !important;
    transform:translateY(-4px);
    box-shadow:var(--hover-shadow);
}

/* Category Title */

.sh-category-card>a>div>p{
    color:var(--text-dark);
    font-size:16px;
    font-weight:600;
    line-height:24px;
    margin-top:8px;
    
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    min-height:48px;
}

/* =========================================
   MOBILE RESPONSIVE
========================================= */

@media only screen and (max-width:600px){

    .sh-product-card{
        border-radius:14px !important;
    }

    .sh-category-card>a>div{
        padding:10px !important;
        border-radius:14px !important;
    }

    .sh-category-card>a>div>p{
        font-size:14px;
        line-height:20px;
        min-height:40px;
    }

    .sh-solid-button{
        font-size:14px !important;
    }
}

/* =========================================
   ROW TITLE DIVIDER
========================================= */

.sh-row-title-divider{
    display:none !important;
}

/* =========================================
   PRODUCT LONG CARD
========================================= */

.pr-long-card{
    padding:0 !important;
    border-radius:18px;
    overflow:hidden;
}

.pr-card-content{
    padding:10px 12px !important;
}

/* =========================================
   IMAGE STYLING
========================================= */

.sh-product-card img,
.sh-category-card img{
    transition:transform 0.4s ease;
}

.sh-product-card:hover img,
.sh-category-card:hover img{
    transform:scale(1.05);
}

/* =========================================
   PRODUCT TITLE
========================================= */

.sh-product-card h3,
.sh-product-card .product-title{
    color:var(--text-dark);
    font-weight:600;
    letter-spacing:0.2px;
}

/* =========================================
   PRICE STYLING
========================================= */

.sh-product-card .price{
    color:var(--accent-color);
    font-weight:700;
    font-size:18px;
}

/* =========================================
   SEARCH / HEADER OPTIONAL
========================================= */

.sh-header,
.sh-search-bar{
    border-radius:14px !important;
    border:1px solid var(--border-color) !important;
    background:#fff;
}

/* =========================================
   SMOOTH GLOBAL FEEL
========================================= */

*{
    scroll-behavior:smooth;
    box-sizing:border-box;
}

body{
    background:var(--soft-bg);
    color:var(--text-dark);
    font-family:'Poppins',sans-serif;
}