/* home page css*/
 
 :root{

    --primary:#C8A19C;        /* Rosy (main brand) */
    --primary-dark:#9A7B6E;   /* Brown hover */
    --secondary:#F3ECE3;      /* Beige */

    --black:#000000;
    --text:#1a1a1a;
    --white:#ffffff;

    --muted:#8a8a8a;
    --border:#e8e2da;
    --soft:#faf7f5;

    --gold:#E0B973;           /* rating / premium touch */

    --success:#2e7d32;
    --danger:#c0392b;
}

        .dwPage{
            max-width:1280px;
            margin:30px auto 60px;
            padding:0 15px;
        }

        .dwBreadcrumb{
            font-size:14px;
            color:var(--dwMuted);
            margin-bottom:18px;
        }

        .dwBreadcrumb a{
            color:var(--dwMuted);
            text-decoration:none;
        }

        .dwBreadcrumb span{
            margin:0 8px;
        }

        .dwProductLayout{
            display:grid;
            grid-template-columns:1.05fr .95fr;
            gap:40px;
            align-items:start;
        }

        .dwGalleryWrap{
            width:100%;
        }

        .dwMainImageBox{
            position:relative;
            background:#f6f6f6;
            overflow:hidden;
            margin-bottom:14px;
            cursor:zoom-in;
        }

        .dwMainImageBox img{
            width:100%;
            height:700px;
            object-fit:cover;
            display:block;
            transition:transform .35s ease;
        }

        .dwMainImageBox:hover img{
            transform:scale(1.05);
        }

        .dwExpandBtn{
            position:absolute;
            right:18px;
            bottom:18px;
            width:38px;
            height:38px;
            border:0;
            background:rgba(255,255,255,.92);
            color:#444;
            cursor:pointer;
            font-size:18px;
        }

        .dwThumbGrid{
            display:grid;
            grid-template-columns:repeat(2,1fr);
            gap:10px;
        }

        .dwThumb{
            background:#f6f6f6;
            overflow:hidden;
            cursor:pointer;
            border:1px solid transparent;
            transition:.25s ease;
        }

        .dwThumb img{
            width:100%;
            height:260px;
            object-fit:cover;
            display:block;
        }

        .dwThumb.active{
            border-color:var(--dwPrimary);
        }

        .dwInfoWrap{
            position:sticky;
            top:20px;
        }

        .dwTopNav{
            text-align:right;
            margin-bottom:14px;
            font-size:15px;
            color:var(--dwMuted);
        }

        .dwTopNav a{
            color:var(--dwMuted);
            text-decoration:none;
            margin-left:16px;
        }

        .dwTitle{
            font-size:22px;
            line-height:1.35;
            font-weight:500;
            color:var(--dwText);
            margin-bottom:10px;
        }

        .dwRatingRow{
            display:flex;
            align-items:center;
            gap:10px;
            margin-bottom:12px;
        }

        .dwStars{
            color:var(--dwStar);
            font-size:15px;
            letter-spacing:1px;
        }

        .dwReviewCount{
            color:#b6b6b6;
            font-size:14px;
        }

        .dwPriceRow{
            display:flex;
            align-items:center;
            gap:10px;
            margin-bottom:14px;
            flex-wrap:wrap;
        }

        .dwPrice{
            font-size:18px;
            color:#f17f72;
            font-weight:500;
        }

        .dwOldPrice{
            font-size:18px;
            color:#c8c8c8;
            text-decoration:line-through;
        }

        .dwSaveTag{
            display:inline-flex;
            align-items:center;
            padding:5px 10px;
            border-radius:20px;
            background:#fff2ef;
            color:#e06b5c;
            font-size:12px;
            font-weight:700;
        }

        .dwStockStatusWrap{
            display:flex;
            align-items:center;
            gap:10px;
            flex-wrap:wrap;
            margin:0 0 16px;
        }

        .dwStockBadge{
            display:inline-flex;
            align-items:center;
            padding:6px 12px;
            border-radius:30px;
            font-size:13px;
            font-weight:600;
            line-height:1;
        }

        .dwStockBadge.in-stock{
            background:#edf9f0;
            color:var(--dwSuccess);
            border:1px solid #cfead8;
        }

        .dwStockBadge.out-stock{
            background:#fff1f1;
            color:var(--dwDanger);
            border:1px solid #f3caca;
        }

        .dwStockNote{
            font-size:13px;
            color:var(--dwPre);
            background:#fff8ea;
            border:1px solid #f0dfb3;
            padding:6px 12px;
            border-radius:30px;
        }

        .dwShortDesc{
            color:#8d8d8d;
            line-height:1.9;
            font-size:14px;
            margin-bottom:18px;
        }
        
        

        .dwOptionRow{
            display:flex;
            align-items:center;
            gap:18px;
            margin-bottom:18px;
        }
        

        .dwOptionLabel{
            min-width:46px;
            color:#666;
            font-size:15px;
        }

        .dwColorList{
            display:flex;
            gap:8px;
            flex-wrap:wrap;
        }

        .dwColorItem{
            width:42px;
            height:42px;
            border:1px solid var(--dwBorder);
            padding:2px;
            cursor:pointer;
            background:#fff;
            overflow:hidden;
        }

        .dwColorItem img{
            width:100%;
            height:100%;
            object-fit:cover;
            display:block;
        }

        .dwColorItem.active{
            border-color:var(--dwPrimary);
        }

        .dwSizeSelect{
            min-width:122px;
            height:42px;
            border:1px solid #ddd;
            background:#fff;
            color:#777;
            padding:0 12px;
            font-size:14px;
            outline:none;
        }

        .dwSizeGuide{
            color:#777;
            font-size:14px;
            text-decoration:none;
        }

        .dwQtyBox{
            display:inline-flex;
            align-items:center;
            border:1px solid #ddd;
            height:42px;
            background:#fff;
        }

        .dwQtyBtn{
            width:38px;
            height:40px;
            border:0;
            background:#fff;
            color:#777;
            font-size:18px;
            cursor:pointer;
        }

        .dwQtyInput{
            width:42px;
            height:40px;
            border:0;
            text-align:center;
            outline:none;
            color:#555;
            font-size:14px;
            background:#fff;
        }

        .dwActionRow{
            display:flex;
            align-items:center;
            gap:30px;
            margin:18px 0 26px;
            flex-wrap:wrap;
        }

        .dwAddCart{
            min-width:185px;
            height:40px;
            border:1px solid var(--dwPrimary);
            background:#C8A19C;
            color:var(--dwPrimary);
            font-size:15px;
            cursor:pointer;
            transition:.25s ease;
        }

        .dwAddCart:hover{
            background:#C8A19C;
            color:#fff;
        }

        .dwPreorderBtn{
            border-color:var(--dwPre) !important;
            color:var(--dwPre) !important;
        }

        .dwPreorderBtn:hover{
            background:#C8A19C !important;
            color:#fff !important;
        }

        .dwMiniAction{
            color:#777;
            text-decoration:none;
            font-size:14px;
        }

        .dwMetaRow{
            display:flex;
            justify-content:space-between;
            align-items:center;
            gap:20px;
            padding:18px 0;
            border-top:1px solid var(--dwBorder);
            border-bottom:1px solid var(--dwBorder);
            margin-bottom:0;
            flex-wrap:wrap;
        }

        .dwCategory{
            color:#777;
            font-size:14px;
        }

        .dwShare{
            display:flex;
            align-items:center;
            gap:10px;
            color:#777;
            font-size:14px;
        }

        .dwShare a{
            width:30px;
            height:30px;
            border:1px solid #ddd;
            border-radius:50%;
            display:inline-flex;
            align-items:center;
            justify-content:center;
            color:#777;
            text-decoration:none;
            font-size:13px;
        }

        .dwAcc{
            border-left:1px solid var(--dwBorder);
            border-right:1px solid var(--dwBorder);
            border-bottom:1px solid var(--dwBorder);
        }

        .acc-box-item{
            border-top:1px solid var(--dwBorder);
        }
        
                



        .acc-box-btn{
            width:100%;
            background:#fff;
            border:0;
            display:flex;
            justify-content:space-between;
            align-items:center;
            padding:18px 18px;
            cursor:pointer;
            font-size:16px;
            color:#2b2b2b;
            text-align:left;
        }
        

        .acc-box-title{
            font-weight:500;
        }

        .acc-box-content{
            display:none;
            padding:0 18px 20px;
            color:#7e7e7e;
            line-height:1.9;
            font-size:14px;
        }

        .acc-box-item.active .acc-box-content{
            display:block;
        }

     /*   .acc-box-icon{
            font-size:22px;
            color:#aaa;
            line-height:1;
        }*/
        
        
        .acc-box-icon {
    background-color: #C8A19C;/* Change to your desired color */
    color: white; /* White text for contrast */
    padding: 5px 10px; /* Adds some space around the icon */
   /* border-radius: 50%; /* Makes the background circular */
    font-weight: bold; /* Makes the icon more prominent */
    transition: background-color 0.3s ease; /* Smooth transition for color change */
}

.acc-box-icon:hover {
    background-color: #C8A19C; /* Darker shade on hover */
}

        .dwNotifyCard{
            margin-top:20px;
            border:1px solid #f2d1d1;
            background:#fff8f8;
            padding:16px;
        }

        .dwNotifyTitle{
            font-size:15px;
            margin-bottom:8px;
            color:#c34f4f;
            font-weight:700;
        }

        .dwNotifySubtext{
            font-size:14px;
            color:#7f7f7f;
            line-height:1.8;
            margin:0 0 14px;
        }

        .dwNotifyPreorderRow{
            margin-bottom:14px;
        }

        .dwPreorderMainBtn{
            width:100%;
            height:42px;
            border:1px solid var(--dwPre);
            background:#e6dfd7;
            color:var(--dwPre);
            cursor:pointer;
            font-size:14px;
            font-weight:600;
            transition:.25s ease;
        }

        .dwPreorderMainBtn:hover{
            background:#C8A19C;
            color:#fff;
        }

        .dwNotifyRow{
            display:flex;
            gap:10px;
            flex-wrap:wrap;
            margin-bottom:10px;
        }

        .dwNotifyInput{
            flex:1;
            min-width:180px;
            height:42px;
            border:1px solid #ddd;
            padding:0 12px;
            outline:none;
            background:#fff;
        }

        .dwNotifyBtn{
            width:100%;
            height:42px;
            background:#C8A19C;
            color:#fff;
            border:0;
            cursor:pointer;
        }

        .dwNotifyMsg{
            margin-top:10px;
            font-size:13px;
        }

        .dwDivider{
            height:1px;
            background:#eee;
            margin:50px 0 40px;
        }

        .dwRvWrap{
            max-width:1200px;
            margin:0 auto;
            padding:0 20px;
        }

        .dwRvHeading{
            font-weight:800;
            margin-bottom:30px;
            text-transform:uppercase;
            letter-spacing:1px;
            font-size:24px;
            color:#222;
        }

        .dwRvTop{
            display:flex;
            gap:40px;
            flex-wrap:wrap;
            margin-bottom:40px;
        }

        .dwRvScoreBox{
            background:#fdfdfd;
            border:1px solid #eee;
            padding:30px;
            border-radius:12px;
            text-align:center;
            min-width:220px;
        }

        .dwRvScore{
            font-size:48px;
            font-weight:900;
            color:#222;
        }

        .dwRvStars{
            color:#f1c40f;
            font-size:20px;
            margin:10px 0;
        }

        .dwRvMeta{
            color:#777;
            font-weight:600;
        }

        .dwRvBars{
            flex:1;
            min-width:300px;
        }

        .dwRvBarRow{
            display:flex;
            align-items:center;
            gap:15px;
            margin-bottom:12px;
        }

        .dwRvBarLabel{
            width:110px;
            font-size:13px;
            font-weight:700;
            color:#555;
        }

        .dwRvBarTrack{
            flex:1;
            height:8px;
            background:#f0f0f0;
            border-radius:10px;
            overflow:hidden;
        }

        .dwRvBarFill{
            height:100%;
            background:var(--dwPrimary);
            border-radius:10px;
        }

        .dwRvBarCount{
            width:35px;
            font-size:13px;
            font-weight:700;
            color:#999;
            text-align:right;
        }

        .dwRvCard{
            border-bottom:1px solid #eee;
            padding:25px 0;
        }

        .dwRvCardTop{
            display:flex;
            justify-content:space-between;
            align-items:flex-start;
            margin-bottom:15px;
            gap:15px;
        }

        .dwRvUser{
            display:flex;
            align-items:center;
            gap:15px;
        }

        .dwAvatar{
            width:45px;
            height:45px;
            background:#f7f7f7;
            border:1px solid #eee;
            border-radius:50%;
            display:flex;
            align-items:center;
            justify-content:center;
            font-weight:800;
            color:var(--dwPrimary);
            text-transform:uppercase;
        }

        .dwRvName{
            font-weight:700;
            font-size:15px;
            color:#222;
        }

        .dwRvDate{
            font-size:12px;
            color:#aaa;
        }

        .dwRvStarMini{
            color:#f1c40f;
            font-size:14px;
            white-space:nowrap;
        }

        .dwRvText{
            font-size:14px;
            color:#444;
            line-height:1.8;
            padding-left:60px;
        }

        .dwRvImages{
            display:flex;
            gap:10px;
            margin-top:15px;
            padding-left:60px;
            flex-wrap:wrap;
        }

        .dwRvImages img{
            width:60px;
            height:60px;
            border-radius:4px;
            object-fit:cover;
            border:1px solid #eee;
        }

        .dwEmptyCard{
            text-align:center;
            padding:50px;
            border:1px dashed #ccc;
            border-radius:12px;
            color:#999;
        }

        .dwRelated{
            margin-top:60px;
            border-top:1px solid var(--dwBorder);
            padding-top:45px;
            margin-bottom:50px;
        }

        .dwRelatedTitle{
            text-align:center;
            font-size:24px;
            font-weight:600;
            margin-bottom:30px;
            color:#222;
        }

        .dwRelatedGrid{
            display:grid;
            grid-template-columns:repeat(4,1fr);
            gap:18px;
        }

        .dwCard{
            text-decoration:none;
            color:inherit;
            display:block;
        }

        .dwCardImg{
            background:#f7f7f7;
            overflow:hidden;
            margin-bottom:12px;
            position:relative;
        }

        .dwCardImg img{
            width:100%;
            height:360px;
            object-fit:cover;
            display:block;
            transition:.35s ease;
        }

        .dwCard:hover .dwCardImg img{
            transform:scale(1.04);
        }

        .dwCardCat{
            color:#9f9f9f;
            font-size:13px;
            margin-bottom:4px;
        }

        .dwCardName{
            color:#2a2a2a;
            font-size:16px;
            line-height:1.4;
            margin-bottom:6px;
        }

        .dwCardPrice{
            color:#cf8b5d;
            font-size:16px;
            margin-bottom:8px;
        }

        .dwCardRating{
            color:#b8b8b8;
            font-size:13px;
        }

        .dwLightbox{
            position:fixed;
            inset:0;
            background:rgba(0,0,0,.92);
            z-index:9999;
            display:none;
            align-items:center;
            justify-content:center;
            padding:30px;
        }

        .dwLightbox.active{
            display:flex;
        }

        .dwLightboxInner{
            position:relative;
            width:min(1100px,92vw);
            height:min(88vh,760px);
            background:#111;
            display:flex;
            align-items:center;
            justify-content:center;
            overflow:hidden;
        }

        .dwLightboxImg{
            max-width:100%;
            max-height:100%;
            object-fit:contain;
            transition:transform .25s ease;
            cursor:zoom-in;
        }

        .dwLightboxImg.zoomed{
            transform:scale(1.8);
            cursor:zoom-out;
        }

        .dwLightboxClose,
        .dwLightboxPrev,
        .dwLightboxNext{
            position:absolute;
            border:0;
            background:rgba(255,255,255,.15);
            color:#fff;
            cursor:pointer;
        }

        .dwLightboxClose{
            top:12px;
            right:12px;
            width:40px;
            height:40px;
            font-size:22px;
        }

        .dwLightboxPrev,
        .dwLightboxNext{
            top:50%;
            transform:translateY(-50%);
            width:44px;
            height:44px;
            font-size:22px;
        }

        .dwLightboxPrev{ left:12px; }
        .dwLightboxNext{ right:12px; }

  .premium-offer-banner{
    position: relative;
    min-height: 520px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 8px;
    margin-top: 20px;
    display: flex;
    align-items: center;
}

.banner-overlay-dark{
    position: absolute;
    inset: 0;
    background: linear-gradient(to right, rgba(0,0,0,0.35) 0%, rgba(0,0,0,0.15) 40%, rgba(0,0,0,0.05) 100%);
    z-index: 1;
}

.banner-container{
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 50px 60px;
}

.banner-content-box{
    max-width: 460px;
    text-align: left;
    color: #fff;
}

.discount-display{
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
}

.num-large{
    font-size: 72px;
    line-height: 1;
    font-weight: 800;
    color: #fff;
    display: inline-block;
}

.percent-group{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 8px;
}

.sym-perc{
    font-size: 38px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
}

.txt-off{
    font-size: 18px;
    line-height: 1.2;
    font-weight: 600;
    color: #fff;
    margin-top: 2px;
}

.gold-divider{
    width: 80px;
    height: 2px;
    background: #d8b36a;
    margin: 18px 0 22px;
}

.promo-detail{
    font-size: 18px;
    line-height: 1.8;
    font-weight: 400;
    color: #fff;
    margin-bottom: 28px;
}

.promo-detail strong{
    font-weight: 700;
    color: #fff;
}

.luxury-cta{
    display: inline-block;
    padding: 14px 30px;
    background: #fff;
    color: #222;
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.luxury-cta:hover{
    background: #d8b36a;
    color: #fff;
    text-decoration: none;
}

/* Large Tablet */
@media (max-width: 991px){
    .premium-offer-banner{
        min-height: 460px;
        background-position: center center;
    }

    .banner-container{
        padding: 40px 35px;
    }

    .banner-content-box{
        max-width: 400px;
    }

    .num-large{
        font-size: 58px;
    }

    .sym-perc{
        font-size: 30px;
    }

    .txt-off{
        font-size: 16px;
    }

    .promo-detail{
        font-size: 16px;
        line-height: 1.7;
    }

    .luxury-cta{
        font-size: 18px;
        padding: 12px 26px;
    }
}

/* Mobile */
@media (max-width: 767px){
    .premium-offer-banner{
        min-height: 670px;
        background-size: cover;
        background-position: 68% center;
        border-radius: 6px;
    }

    .banner-overlay-dark{
        background: linear-gradient(to right, rgba(0,0,0,0.42) 0%, rgba(0,0,0,0.20) 45%, rgba(0,0,0,0.08) 100%);
    }

    .banner-container{
        padding: 35px 24px;
        align-items: flex-start;
        justify-content: flex-start;
    }

    .banner-content-box{
        max-width: 250px;
        text-align: left;
        margin-top: 110px;
    }

    .discount-display{
        gap: 8px;
        margin-bottom: 10px;
    }

    .num-large{
        font-size: 42px;
    }

    .percent-group{
        margin-top: 3px;
    }

    .sym-perc{
        font-size: 22px;
    }

    .txt-off{
        font-size: 14px;
    }

    .gold-divider{
        width: 48px;
        margin: 14px 0 14px;
    }

    .promo-detail{
        font-size: 15px;
        line-height: 1.9;
        margin-bottom: 22px;
    }

    .luxury-cta{
        font-size: 16px;
        padding: 12px 22px;
    }
}

/* Small Mobile */
@media (max-width: 480px){
    .premium-offer-banner{
        min-height: 640px;
        background-position: 70% center;
    }

    .banner-container{
        padding: 30px 20px;
    }

    .banner-content-box{
        max-width: 230px;
        margin-top: 120px;
    }

    .num-large{
        font-size: 40px;
    }

    .sym-perc{
        font-size: 20px;
    }

    .txt-off{
        font-size: 13px;
    }

    .promo-detail{
        font-size: 14px;
        line-height: 1.8;
    }

    .luxury-cta{
        font-size: 15px;
        padding: 11px 20px;
    }
}

    /*    .txt-off{
            font-size:22px;
            font-weight:600;
        }

        .gold-divider{
            width:80px;
            height:2px;
            background:#e5c07b;
            margin:15px 0;
        }

        .promo-detail{
            font-size:16px;
            line-height:1.8;
            margin-bottom:20px;
        }

        .luxury-cta{
            display:inline-block;
            padding:12px 24px;
            background:#fff;
            color:#222;
            text-decoration:none;
            font-weight:700;
        }*/
        

        @media(max-width:991px){
            .dwProductLayout{
                grid-template-columns:1fr;
            }

            .dwInfoWrap{
                position:static;
            }

            .dwMainImageBox img{
                height:500px;
            }

            .dwThumb img{
                height:210px;
            }

            .dwRelatedGrid{
                grid-template-columns:repeat(2,1fr);
            }

            .banner-container{
                justify-content:center;
                padding:25px;
            }
        }

        @media(max-width:575px){
            .dwMainImageBox img{
                height:380px;
            }

            .dwThumbGrid{
                grid-template-columns:repeat(2,1fr);
            }

            .dwThumb img{
                height:160px;
            }

            .dwRelatedGrid{
                grid-template-columns:1fr 1fr;
                gap:14px;
            }

            .dwCardImg img{
                height:230px;
            }

            .dwActionRow{
                gap:14px;
            }

            .dwNotifyRow{
                flex-direction:column;
            }

            .dwNotifyInput{
                min-width:100%;
            }

            .dwRvText,
            .dwRvImages{
                padding-left:0;
            }

            .dwRvCardTop{
                flex-direction:column;
            }

            .num-large{
                font-size:52px;
            }
        }
        
        
    </style>
    
    <style>
.product-faq-section {
    margin-top: 30px;
}
.faq-box {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 20px;
}
.faq-main-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
}
.faq-category-block {
    margin-bottom: 25px;
}
.faq-category-title {
    font-size: 18px;
    font-weight: 700;
    color: #222;
    margin-bottom: 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
}
.faq-item {
    border: 1px solid #e8e8e8;
    border-radius: 10px;
    margin-bottom: 12px;
    overflow: hidden;
}
.faq-question {
    width: 100%;
    border: 0;
    background: #fafafa;
    padding: 16px 18px;
    text-align: left;
    font-size: 15px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}
.faq-answer {
    display: none;
    padding: 15px 18px;
    font-size: 14px;
    color: #555;
    line-height: 1.8;
    background: #fff;
}
.faq-item.active .faq-answer {
    display: block;
}
.faq-item.active .faq-icon {
    transform: rotate(45deg);
}
.faq-icon {
    font-size: 22px;
    line-height: 1;
    transition: 0.3s ease;
}


/* home page css end*/

/*view css*/


   :root {
        /* Theme Colors Updated: White, Light Gray, Pure Black */
        --dwLine: #e5e7eb;
        --dwMuted: #4b5563;
        --dwDark: #C8A19C; /* Pure Black for Premium Look */
        --dwPrimary: #C8A19C; /* Buttons & Links now Black */
        --dwSoft: #f9fafb; /* Light Gray Background */
    }

    .for-count-value {
        {{ Session::get('direction') === "rtl" ? 'left' : 'right' }}: 0.6875rem;
    }

    .for-brand-hover:hover,
    .for-hover-lable:hover {
        color: var(--dwDark) !important;
    }

    .page-item.active .page-link {
        background-color: var(--dwDark) !important;
        border-color: var(--dwDark) !important;
        color: #fff !important;
    }

    .page-link {
        color: var(--dwDark);
    }

    .for-shoting {
        padding-{{ Session::get('direction') === "rtl" ? 'left' : 'right' }}: 9px;
    }

    .sidepanel {
        {{ Session::get('direction') === "rtl" ? 'right' : 'left' }}: 0;
    }

    .sidepanel .closebtn {
        {{ Session::get('direction') === "rtl" ? 'left' : 'right' }}: 25px;
    }

    .img-fluid {
        width: 100%;
        height:700px;
        object-fit: cover;
        display: block;
    }

    @media (max-width: 1200px) {
        .img-fluid {
            height: 260px;
        }
    }

    .dwFilters {
        border: 1px solid var(--dwLine);
        background: #fff;
        position: sticky;
        top: 90px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.02); /* Subtle shadow added */
    }

    .dwFiltersHead {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 20px 18px;
        border-bottom: 1px solid var(--dwLine);
        background: var(--dwDark); /* Black header like gallery */
    }

    .dwFiltersHead .ttl {
        font-weight: 800;
        letter-spacing: .15em;
        font-size: 12px;
        color: #fff; /* White text on black head */
    }

    .dwFiltersHead .clearBtn {
        border: none;
        background: transparent;
        color: #fff; /* Gray color for clear button */
        font-weight: 600;
        letter-spacing: .1em;
        font-size: 11px;
        cursor: pointer;
    }

    .dwFiltersHead .clearBtn:hover {
        color: #fff;
    }

    .dwBlock {
        padding: 20px 18px;
        border-bottom: 1px solid var(--dwLine);
    }

    .dwBlockTitle {
        font-weight: 800;
        font-size: 11px;
        letter-spacing: .15em;
        text-transform: uppercase;
        color: var(--dwDark);
        margin-bottom: 15px;
    }

    .dwRow {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 8px 0;
        font-size: 14px;
        color: var(--dwMuted);
        margin-bottom: 0;
        cursor: pointer;
        transition: 0.2s;
    }

    .dwRow:hover {
        color: var(--dwDark);
    }

    .dwRow input {
        accent-color: var(--dwDark); /* Checkboxes now Black */
        cursor: pointer;
    }

    .dwApplyBar {
        position: relative; /* Fixed: Sticky removed to avoid overlap */
        background: #fff;
        padding: 15px 18px;
        border-top: 1px solid var(--dwLine);
    }

    .dwApplyBtn {
        width: 100%;
        border: none;
        background: var(--dwDark); /* Pure Black button */
        color: #fff;
        padding: 14px;
        font-weight: 700;
        letter-spacing: .15em;
        text-transform: uppercase;
        font-size: 12px;
        cursor: pointer;
        transition: 0.3s;
    }

    .dwApplyBtn:hover {
        background: #333;
    }

    .dwMinMax {
        display: flex;
        gap: 10px;
        margin-top: 10px;
    }

    .dwMinMax input,
    .softInput {
        width: 100%;
        padding: 10px 12px;
        border: 1px solid var(--dwLine);
        border-radius: 4px; /* Professional sharp-round corner */
        outline: none;
        font-weight: 600;
        background: var(--dwSoft); /* Light Gray inputs */
        font-size: 13px;
    }

    .dwScroll {
        max-height: 220px;
        overflow: auto;
        padding-right: 6px;
    }

    .dwScroll::-webkit-scrollbar {
        width: 3px;
    }

    .dwScroll::-webkit-scrollbar-thumb {
        background: #ddd;
    }

    .dwTopBar {
        display: flex;
        align-items: center;
        justify-content: space-between; /* Layout fix for "Items Found" */
        gap: 15px;
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--dwLine);
    }

    .dwTopBar h1 label {
        font-size: 14px;
        font-weight: 700;
        color: var(--dwMuted);
        margin: 0;
    }

    .dwTopBarRight {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .dwSortSelect {
        min-width: 180px;
        border: 1px solid var(--dwLine);
        background: var(--dwSoft);
        padding: 10px 12px;
        outline: none;
        border-radius: 4px;
        font-size: 13px;
        font-weight: 600;
    }

    .dwLoading {
        opacity: .4;
        pointer-events: none;
    }

    /* Layout Responsive Fix */
    @media (max-width: 991px) {
        .dwFilters {
            position: static;
            margin-bottom: 30px;
        }

        .dwTopBar {
            flex-direction: row; /* Horizontal on mobile too */
            justify-content: space-between;
        }

        .dwTopBarRight {
            width: auto;
        }
    }

    .dwProductCard {
        position: relative;
    }

    .dwProductBadge {
        position: absolute;
        top: 10px;
        left: 10px;
        z-index: 5;
        padding: 6px 12px;
        font-size: 11px;
        font-weight: 700;
        color: #fff;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .dwProductBadge.is-preorder { background: #b18e61; }
    .dwProductBadge.is-ready { background: #222; }

    /* Title Section Theme Fix */
    .dw-title-section {
        background: var(--dwSoft) !important;
        padding: 60px 0;
        border-bottom: 1px solid var(--dwLine);
        text-align: center;
    }

    .dw-title-section span {
        font-size: 28px;
        font-weight: 900;
        color: var(--dwDark);
        text-transform: uppercase;
        letter-spacing: -1px;
    }




    /* 1. Parent Grid (Jo aapka work kar raha hai) */
    #ajax-products {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    /* 2. Card Container Fix */
    .product-info, .single-product-details, .product-single-details {
        text-align: center !important;
        background: #ffffff !important;
        padding: 20px 10px !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        width: 100% !important;
    }

    /* 3. PRODUCT NAME - Bold & Black */
    .product-info h3, 
    .product-info .product-name, 
    .product-info .product-title {
        font-size: 16px !important;
        font-weight: 800 !important;
        color: #000000 !important; /* Pure Black */
        text-transform: uppercase !important;
        margin-bottom: 10px !important;
        line-height: 1.2 !important;
        display: block !important;
    }

    /* 4. PRICE - Ab ye 100% dikhega (Screenshot Fix) */
    .product-info .product-price-row,
    .product-info .current-price,
    .product-info span {
        color: #333333 !important; /* Dark Gray jo white par saaf dikhta hai */
        font-size: 18px !important;
        font-weight: 700 !important;
        display: block !important;
        margin-bottom: 15px !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* 5. QUICK VIEW / ADD TO CART BUTTON - Solid Black Theme */
    .product-info button, 
    .product-info .cart-btn, 
    .product-info .quick_view_btn {
        background-color: #000000 !important; /* Solid Black Background */
        color: #ffffff !important; /* Pure White Text */
        border: none !important;
        padding: 12px 25px !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        text-transform: uppercase !important;
        letter-spacing: 1px !important;
        width: 100% !important;
        max-width: 200px !important;
        cursor: pointer !important;
        display: inline-block !important;
        border-radius: 0px !important; /* Sharp edges */
        visibility: visible !important;
        opacity: 1 !important;
        box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
    }

    /* Button Hover */
    .product-info button:hover {
        background-color: #444444 !important;
        transform: translateY(-2px);
    }

    /* Star Ratings - Gold color */
    .rating-show {
        color: #ffb400 !important;
        margin-bottom: 10px !important;
        display: flex !important;
        justify-content: center !important;
    }