All Products

Filter

Loading…

Loading products…
Load More Products

@import url(‘https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap’);
.dfg23-shop{
font-family:’Poppins’,-apple-system,BlinkMacSystemFont,’Segoe UI’,Arial,sans-serif;
color:#151A5C;background:#FFFFFF;overflow-x:clip;position:relative;
}
/* —- Mobile top bar (hidden on desktop/tablet) —- */
.dfg23-sh__mobiletop{display:none;}
/* —- Shared selects —- */
.dfg23-sh__select{
font-family:inherit;font-weight:600;font-size:13px;color:#151A5C;
background:#F5F7FE;border:1px solid rgba(27,34,134,.12);border-radius:30px;
padding:9px 14px;cursor:pointer;
}
/* —- Body layout —- */
.dfg23-sh__body{
max-width:1400px;margin:0 auto;padding:clamp(24px,4vw,40px) clamp(20px,4vw,32px);
display:flex;gap:32px;align-items:flex-start;box-sizing:border-box;
}
/* —- Filter panel —- */
.dfg23-sh__filters{
flex:0 0 260px;background:#FFFFFF;border:1px solid rgba(27,34,134,.10);
border-radius:16px;padding:22px;box-sizing:border-box;
}
.dfg23-sh__filters-head{display:none;}
.dfg23-sh__filter-block{margin-bottom:26px;}
.dfg23-sh__filter-block:last-child{margin-bottom:0;}
.dfg23-sh__filter-block h4{font-size:13.5px;font-weight:800;margin:0 0 14px;color:#10154D;}
.dfg23-sh__cattree{display:flex;flex-direction:column;gap:4px;}
.dfg23-sh__cat-row{display:flex;align-items:center;gap:6px;}
.dfg23-sh__cat-row label{
flex:1;display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;
color:#3B4270;padding:6px 0;cursor:pointer;
}
.dfg23-sh__cat-row input[type=”checkbox”]{accent-color:#1B2286;width:15px;height:15px;cursor:pointer;}
.dfg23-sh__cat-toggle{
background:none !important;border:none !important;box-shadow:none !important;outline:none !important;
color:#3E6FB8;font-weight:800;font-size:15px;cursor:pointer;width:20px;flex:none;padding:0;
}
.dfg23-sh__cat-children{padding-left:20px;display:none;flex-direction:column;}
.dfg23-sh__cat-children.is-open{display:flex;}
.dfg23-sh__loading-inline{font-size:13px;color:#8A8FB0;}
.dfg23-sh__price-slider{position:relative;height:20px;margin-bottom:12px;}
.dfg23-sh__price-track{position:absolute;top:9px;left:0;right:0;height:3px;background:#E4E9FB;border-radius:3px;}
.dfg23-sh__price-range{position:absolute;height:3px;background:#1B2286;border-radius:3px;}
.dfg23-sh__price-slider input[type=”range”]{
position:absolute;top:0;left:0;width:100%;margin:0;background:none;
-webkit-appearance:none;appearance:none;pointer-events:none;height:20px;
}
.dfg23-sh__price-slider input[type=”range”]::-webkit-slider-thumb{
-webkit-appearance:none;pointer-events:auto;width:16px;height:16px;border-radius:50%;
background:#1B2286;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3);
}
.dfg23-sh__price-slider input[type=”range”]::-moz-range-thumb{
pointer-events:auto;width:16px;height:16px;border-radius:50%;
background:#1B2286;cursor:pointer;border:2px solid #fff;box-shadow:0 1px 4px rgba(0,0,0,.3);
}
.dfg23-sh__price-inputs{display:flex;align-items:center;gap:8px;margin-bottom:12px;}
.dfg23-sh__price-inputs input{
width:70px;font-family:inherit;font-size:13px;padding:7px 9px;border-radius:8px;
border:1px solid rgba(27,34,134,.15);color:#151A5C;
}
.dfg23-sh__price-inputs span{color:#8A8FB0;}
.dfg23-sh__price-apply,
.dfg23-sh__price-apply:hover{
background:#F5F7FE !important;color:#151A5C !important;border:1px solid rgba(27,34,134,.15) !important;
font-family:inherit;font-weight:700;font-size:12.5px;padding:9px 18px;border-radius:8px;
cursor:pointer;box-shadow:none !important;outline:none !important;
}
.dfg23-sh__checklist{display:flex;flex-direction:column;gap:2px;}
.dfg23-sh__checklist label{
display:flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;
color:#3B4270;padding:6px 0;cursor:pointer;
}
.dfg23-sh__checklist input{accent-color:#1B2286;width:15px;height:15px;cursor:pointer;}
.dfg23-sh__scrim{display:none;}
/* —- Main content —- */
.dfg23-sh__main{flex:1;min-width:0;}
.dfg23-sh__topbar{
display:flex;align-items:center;justify-content:space-between;gap:16px;
flex-wrap:wrap;margin-bottom:22px;
}
.dfg23-sh__count{font-size:13.5px;color:#5B6591;font-weight:600;}
.dfg23-sh__topbar-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.dfg23-sh__viewtoggle{display:flex;gap:4px;background:#F5F7FE;border-radius:10px;padding:3px;}
.dfg23-sh__viewbtn,
.dfg23-sh__viewbtn:hover{
background:transparent !important;border:none !important;box-shadow:none !important;outline:none !important;
color:#8A8FB0;padding:7px;border-radius:7px;cursor:pointer;display:flex;
}
.dfg23-sh__viewbtn.is-active{background:#1B2286 !important;color:#FFFFFF !important;}
.dfg23-sh__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;min-height:200px;}
.dfg23-sh__grid.is-list{grid-template-columns:1fr;}
.dfg23-sh__loading{grid-column:1/-1;text-align:center;padding:60px 20px;color:#5B6591;font-size:14px;}
.dfg23-sh__card{
position:relative;background:#FFFFFF;border-radius:16px;overflow:hidden;text-decoration:none;
color:#151A5C;border:1px solid rgba(27,34,134,.08);box-shadow:0 4px 16px rgba(27,34,134,.05);
display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;
}
.dfg23-sh__card:hover{transform:translateY(-4px);box-shadow:0 12px 28px rgba(27,34,134,.13);}
.dfg23-sh__grid.is-list .dfg23-sh__card{flex-direction:row;}
.dfg23-sh__grid.is-list .dfg23-sh__card-img{width:140px;flex:none;aspect-ratio:1/1;}
.dfg23-sh__grid.is-list .dfg23-sh__card-body{flex:1;}
.dfg23-sh__card-img{position:relative;width:100%;aspect-ratio:1/1;background:#EEF1FC;overflow:hidden;}
.dfg23-sh__card-img img{width:100%;height:100%;object-fit:cover;display:block;}
.dfg23-sh__badge{
position:absolute;top:10px;left:10px;background:#E53E5C;color:#fff;font-size:11px;font-weight:800;
padding:4px 8px;border-radius:6px;
}
.dfg23-sh__buybtn,
.dfg23-sh__buybtn:hover{
margin-top:8px;width:100%;background:#1B2286 !important;color:#FFFFFF !important;
border:none !important;box-shadow:none !important;outline:none !important;
font-family:inherit;font-weight:700;font-size:13px;letter-spacing:.02em;text-transform:uppercase;
padding:11px;border-radius:30px;cursor:pointer;transition:background .2s ease;
}
.dfg23-sh__buybtn:hover{background:#10154D !important;}
.dfg23-sh__card-body{padding:14px 14px 16px;display:flex;flex-direction:column;gap:5px;flex:1;}
.dfg23-sh__card-rating{color:#F5A623;font-size:12px;}
.dfg23-sh__card-rating span{color:#8A8FB0;margin-left:4px;}
.dfg23-sh__card-name{
font-size:14px;font-weight:600;line-height:1.35;color:#151A5C;
display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.dfg23-sh__card-price{font-size:15px;font-weight:800;color:#1B2286;margin-top:auto;display:flex;gap:8px;align-items:baseline;}
.dfg23-sh__card-price del{color:#B9BEDB;font-weight:600;font-size:12.5px;}
.dfg23-sh__loadmore-wrap{text-align:center;margin-top:32px;}
.dfg23-sh__loadmore,
.dfg23-sh__loadmore:hover{
background:#1B2286 !important;color:#FFFFFF !important;border:none !important;cursor:pointer;
font-family:inherit;font-weight:700;font-size:13.5px;letter-spacing:.02em;text-transform:uppercase;
padding:14px 32px;border-radius:40px;box-shadow:none !important;outline:none !important;
}
.dfg23-sh__loadmore:hover{background:#10154D !important;}
/* —- Toast —- */
.dfg23-toast{
position:fixed;bottom:24px;left:50%;transform:translateX(-50%) translateY(20px);
background:#10154D;color:#fff;padding:12px 22px;border-radius:30px;font-size:13.5px;font-weight:600;
opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:9996;
}
.dfg23-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0);}
/* ============================================================
MOBILE (≤640px): sidebar becomes a slide-in overlay panel
============================================================ */
@media(max-width:640px){
.dfg23-sh__mobiletop{
display:flex;align-items:center;gap:10px;padding:16px clamp(16px,4vw,24px);
border-bottom:1px solid rgba(27,34,134,.08);
}
.dfg23-sh__filterbtn,
.dfg23-sh__filterbtn:hover{
display:flex;align-items:center;gap:8px;background:#F5F7FE !important;color:#151A5C !important;
border:1px solid rgba(27,34,134,.12) !important;font-family:inherit;font-weight:700;font-size:13px;
padding:9px 16px;border-radius:30px;cursor:pointer;box-shadow:none !important;outline:none !important;
}
.dfg23-sh__mobiletop .dfg23-sh__select{flex:1;min-width:0;}
.dfg23-sh__body{flex-direction:column;padding:16px;}
.dfg23-sh__topbar{display:none;} /* sort/perpage moved to mobile top bar */
.dfg23-sh__filters{
position:fixed;top:0;left:0;bottom:0;width:82%;max-width:320px;z-index:9991;
border-radius:0;transform:translateX(-100%);transition:transform .3s ease;
overflow-y:auto;padding:20px;
}
.dfg23-sh__filters.is-open{transform:translateX(0);}
.dfg23-sh__filters-head{
display:flex;justify-content:space-between;align-items:center;
font-weight:700;font-size:15px;color:#8A8FB0;margin-bottom:18px;
padding-bottom:14px;border-bottom:1px solid rgba(27,34,134,.08);
}
.dfg23-sh__filters-close{background:none !important;border:none !important;box-shadow:none !important;outline:none !important;font-size:22px;color:#151A5C;cursor:pointer;}
.dfg23-sh__scrim{
display:block;position:fixed;inset:0;background:rgba(16,21,77,.5);z-index:9990;
opacity:0;visibility:hidden;transition:opacity .3s ease;
}
.dfg23-sh__scrim.is-open{opacity:1;visibility:visible;}
.dfg23-sh__grid{grid-template-columns:1fr 1fr;gap:12px;}
.dfg23-sh__card-body{padding:11px 11px 13px;}
.dfg23-sh__card-name{font-size:12.5px;}
.dfg23-sh__card-price{font-size:13.5px;}
}