/* =====================================================================
   Dharohar product cards - refreshed look (2026-10-05)
   Sirf CSS (markup same). Theme rang: dark var(--dw-dark, #1A0E0E), gold var(--dw-gold, #C9A84C),
   rose var(--dw-price, #8B5A52) / var(--dw-primary, #C8A19C), cream var(--dw-cream, #FAF2F0). Hatane ke liye ye file band karein.
   ===================================================================== */

/* ---------- Home: .product-card ---------- */
body .top-styles-grid .product-card,
body .collection-box .product-card {
    background: #fff !important;
    border: 1px solid #EFE4DC !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 18px rgba(26, 14, 14, .06) !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
}
body .top-styles-grid .product-card:hover,
body .collection-box .product-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(26, 14, 14, .12) !important;
}
body .top-styles-grid .product-card .product-image-wrap,
body .collection-box .product-card .product-image-wrap {
    position: relative;
    aspect-ratio: 3 / 4;
    height: auto !important;
    overflow: hidden !important;
    background: var(--dw-cream, #FAF2F0) !important;
}
body .top-styles-grid .product-card .product-image-wrap img,
body .collection-box .product-card .product-image-wrap img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
    padding: 0 !important;
    transition: transform .6s ease !important;
}
body .top-styles-grid .product-card:hover .product-image-wrap img,
body .collection-box .product-card:hover .product-image-wrap img {
    transform: scale(1.05);
}
body .top-styles-grid .product-card .wishlist-btn,
body .collection-box .product-card .wishlist-btn {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .95) !important;
    color: var(--dw-price, #8B5A52) !important;
    border: 0 !important;
    box-shadow: 0 4px 12px rgba(26, 14, 14, .15) !important;
    font-size: 17px !important;
    line-height: 36px !important;
    z-index: 3;
}
body .top-styles-grid .product-card .product-info,
body .collection-box .product-card .product-info {
    padding: 14px 14px 16px !important;
    text-align: center;
}
body .top-styles-grid .product-card .product-info .product-name,
body .collection-box .product-card .product-info .product-name {
    color: #2D1F1F !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase;
    min-height: 0 !important;
    margin: 0 0 6px !important;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
body .top-styles-grid .product-card .product-price-row,
body .collection-box .product-card .product-price-row {
    margin: 0 0 12px !important;
}
body .top-styles-grid .product-card .current-price,
body .collection-box .product-card .current-price {
    color: var(--dw-price, #8B5A52) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}
body .top-styles-grid .product-card .cart-btn,
body .collection-box .product-card .cart-btn {
    display: block !important;
    width: 100% !important;
    padding: 10px 8px !important;
    border: 1px solid var(--dw-button, #C8A19C) !important;
    border-radius: 8px !important;
    background: #fff !important;
    color: var(--dw-button_hover, #8B5A52) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .16em !important;
    transition: background .2s ease, color .2s ease !important;
}
body .top-styles-grid .product-card .cart-btn:hover,
body .collection-box .product-card .cart-btn:hover {
    background: var(--dw-button_hover, #8B5A52) !important;
    color: #fff !important;
}

/* ---------- Listing: .product-single-hover ---------- */
body #ajax-products .product-single-hover {
    background: #fff !important;
    border: 1px solid #EFE4DC !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 6px 18px rgba(26, 14, 14, .06) !important;
    transition: transform .25s ease, box-shadow .25s ease !important;
}
body #ajax-products .product-single-hover:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(26, 14, 14, .12) !important;
}
body #ajax-products .product-single-hover .inline_product {
    aspect-ratio: auto !important;
    height: auto !important;
    background: var(--dw-cream, #FAF2F0) !important;
    border-radius: 0 !important;
}
body #ajax-products .product-single-hover .dwProductCard img,
body #ajax-products .product-single-hover .inline_product img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3 / 4;
    object-fit: cover !important;
    object-position: center top !important;
    padding: 0 !important;
    background: var(--dw-cream, #FAF2F0) !important;
}
body #ajax-products .product-single-hover .dwProductCard {
    height: auto !important;
    min-height: 0 !important;
}
body #ajax-products .dwProductBadge {
    top: 12px !important;
    left: 12px !important;
    padding: 5px 11px !important;
    font-size: 10px !important;
    letter-spacing: .1em !important;
    text-transform: uppercase;
    background: var(--dw-button, #C8A19C) !important;
    color: #fff !important;
    box-shadow: none !important;
}
body #ajax-products .dwProductBadge.is-ready {
    background: var(--dw-price, #8B5A52) !important;
    color: #fff !important;
}
body #ajax-products .dwProductBadge.is-outstock {
    background: #7A6A5A !important;
    color: #fff !important;
}
body #ajax-products .product-single-hover .single-product-details {
    padding: 14px 12px 16px !important;
    text-align: center !important;
}
body #ajax-products .product-single-hover .single-product-details > div:first-child {
    text-align: center !important;
    padding: 0 !important;
}
body #ajax-products .product-single-hover .single-product-details a {
    color: #2D1F1F !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase;
}
body #ajax-products .product-single-hover .rating-show {
    margin: 4px 0 2px !important;
}
body #ajax-products .product-single-hover .sr-star {
    font-size: 11px !important;
    color: var(--dw-primary, #C8A19C) !important;
}
body #ajax-products .product-single-hover .sr-star.czi-star {
    color: #E2D5C3 !important;
}
body #ajax-products .product-single-hover .badge-style {
    color: #7A6A5A !important;
    font-size: 11px !important;
}
body #ajax-products .product-single-hover .text-accent {
    color: var(--dw-price, #8B5A52) !important;
    font-size: 17px !important;
    font-weight: 700 !important;
}

/* ---------- Product page: "You May Also Love" / "Recently Viewed" ---------- */
body .recently-viewed .mini-card {
    padding: 0 !important;
    border: 1px solid #EFE4DC !important;
    border-radius: 14px !important;
    box-shadow: 0 6px 18px rgba(26, 14, 14, .06) !important;
    overflow: hidden !important;
}
body .recently-viewed .mini-card img {
    height: auto !important;
    aspect-ratio: 3 / 4;
    object-fit: cover !important;
    object-position: center top !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
body .recently-viewed .mini-card h5 {
    color: #2D1F1F !important;
    letter-spacing: .06em;
    text-transform: uppercase;
    padding: 0 12px;
}
body .recently-viewed .mini-card .mini-price {
    color: var(--dw-price, #8B5A52) !important;
    font-weight: 700 !important;
    padding-bottom: 6px;
}
body .recently-viewed .mini-card .mini-review { padding-bottom: 12px; }

/* ---------- Mobile ---------- */
@media (max-width: 575px) {
    body .top-styles-grid .product-card .product-info,
    body .collection-box .product-card .product-info,
    body #ajax-products .product-single-hover .single-product-details { padding: 10px 8px 12px !important; }
    body .top-styles-grid .product-card .product-info .product-name,
    body .collection-box .product-card .product-info .product-name,
    body #ajax-products .product-single-hover .single-product-details a { font-size: 12px !important; letter-spacing: .04em !important; }
    body .top-styles-grid .product-card .current-price,
    body .collection-box .product-card .current-price,
    body #ajax-products .product-single-hover .text-accent { font-size: 15px !important; }
    body .top-styles-grid .product-card .cart-btn,
    body .collection-box .product-card .cart-btn { padding: 8px 4px !important; letter-spacing: .1em !important; }
}