/* Modern Awesome UI Enhancements */

/* 1. Modern Typography */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body, h1, h2, h3, h4, h5, h6, .title, .name, p, a, span, div {
    font-family: 'Inter', sans-serif !important;
}

/* 2. Sleek Product Cards */
.item {
    background: #ffffff;
    border-radius: 15px !important;
    border: 1px solid rgba(0,0,0,0.03) !important;
    box-shadow: 0 4px 15px rgba(0,0,0,0.04);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    padding: 15px;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    height: calc(100% - 20px); /* Account for margin-bottom */
}

.item .info {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.item-cart-area, .outer-wrapper {
    margin-top: auto;
}

.item:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0,0,0,0.1);
}

.item .item-img img {
    border-radius: 10px;
    transition: transform 0.4s ease;
}

.item:hover .item-img img {
    transform: scale(1.03);
}

/* 3. Modernized 3D Buttons */
.add-to-cart-btn, .addtocart, .buynow, .mybtn1 {
    border-radius: 50px !important;
    border: none !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    transition: all 0.15s ease !important;
    position: relative;
    top: 0;
}

.addtocart {
    background: linear-gradient(180deg, #f8ca5a 0%, #f6af14 100%) !important;
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 6px 0 #d99a11, 0 8px 15px rgba(0,0,0,0.15) !important;
    margin-bottom: 15px !important;
}

.buynow {
    background: linear-gradient(180deg, #3db343 0%, #2a7d2e 100%) !important;
    color: #fff !important;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 6px 0 #1f5d22, 0 8px 15px rgba(0,0,0,0.15) !important;
}

.add-to-cart-btn:hover, .mybtn1:hover {
    filter: brightness(1.05);
}

.addtocart:active {
    top: 4px;
    box-shadow: 0 2px 0 #d99a11, 0 3px 5px rgba(0,0,0,0.1) !important;
}

.buynow:active {
    top: 4px;
    box-shadow: 0 2px 0 #1f5d22, 0 3px 5px rgba(0,0,0,0.1) !important;
}

/* 4. Elegant Banners */
.banner-effect img, .banner-section img {
    border-radius: 15px !important;
    box-shadow: 0 6px 20px rgba(0,0,0,0.08);
    transition: transform 0.4s ease;
}

.banner-effect:hover img, .banner-section a:hover img {
    transform: scale(1.01);
}

/* 5. Smooth Categories */
.category_div .blurred-img img {
    border-radius: 50%;
    box-shadow: 0 4px 10px rgba(0,0,0,0.06);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border: 3px solid #fff;
}

.category_div:hover .blurred-img img {
    transform: scale(1.08);
    box-shadow: 0 8px 20px rgba(0,0,0,0.12);
}

.category_div .title {
    font-weight: 600;
    margin-top: 10px;
    transition: color 0.3s ease;
}

.category_div:hover .title {
    color: #f6af14;
}

/* 6. General Cleanup */
.section-title {
    font-weight: 700;
    position: relative;
    display: inline-block;
    padding-bottom: 10px;
}

.section-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 3px;
    background: #f6af14;
    border-radius: 10px;
}

.instock {
    color: #2a7d2e !important;
    font-weight: 600;
    background: rgba(42, 125, 46, 0.1);
    padding: 3px 10px;
    border-radius: 20px;
    display: inline-block;
}

.outofstock {
    color: #dc3545 !important;
    font-weight: 600;
    background: rgba(220, 53, 69, 0.1);
    padding: 3px 10px;
    border-radius: 20px;
    display: inline-block;
}

/* Product Page Specific Button Fix */
.product-details-page .right-area .product-info .info-meta-3 .meta-list { display: flex; flex-wrap: wrap; gap: 15px; }
.product-details-page .right-area .product-info .info-meta-3 .meta-list li { margin: 0 !important; }
.product-details-page .right-area .product-info .info-meta-3 .meta-list li.addtocart { background: transparent !important; box-shadow: none !important; border-radius: 0 !important; top: 0 !important; }
.product-details-page .right-area .product-info .info-meta-3 .meta-list li a { width: 190px !important; box-sizing: border-box; text-align: center; justify-content: center; display: flex; align-items: center; position: relative; }
.product-details-page .right-area .product-info .info-meta-3 .meta-list li a i { position: absolute; left: 20px; font-size: 16px; }
.product-details-page .right-area .product-info .info-meta-3 .meta-list li.js_add_cart a, .product-details-page .right-area .product-info .info-meta-3 .meta-list li.add_to_wishlist a { background: linear-gradient(180deg, #f8ca5a 0%, #f6af14 100%) !important; color: #fff !important; text-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 6px 0 #d99a11, 0 8px 15px rgba(0,0,0,0.15) !important; border-radius: 50px !important; padding: 12px 15px !important; transition: all 0.15s ease !important; position: relative; top: 0; font-weight: 700; border: none; }
.product-details-page .right-area .product-info .info-meta-3 .meta-list li.js_add_cart a:active, .product-details-page .right-area .product-info .info-meta-3 .meta-list li.add_to_wishlist a:active { top: 4px; box-shadow: 0 2px 0 #d99a11, 0 3px 5px rgba(0,0,0,0.1) !important; }
.product-details-page .right-area .product-info .info-meta-3 .meta-list li.js_buynow a { background: linear-gradient(180deg, #3db343 0%, #2a7d2e 100%) !important; color: #fff !important; text-shadow: 0 1px 2px rgba(0,0,0,0.2); box-shadow: 0 6px 0 #1f5d22, 0 8px 15px rgba(0,0,0,0.15) !important; border-radius: 50px !important; padding: 12px 15px !important; transition: all 0.15s ease !important; position: relative; top: 0; font-weight: 700; border: none; }
.product-details-page .right-area .product-info .info-meta-3 .meta-list li.js_buynow a:active { top: 4px; box-shadow: 0 2px 0 #1f5d22, 0 3px 5px rgba(0,0,0,0.1) !important; }