.zc-wrap{width:100%;margin:0 auto;padding:0 10px;box-sizing:border-box}
#zc_chart{display:block;margin:0 auto 20px;max-width:800px;width:100%;height:auto;max-height:240px}
#zc_list{max-width:600px;margin:0 auto}
.zc-row{display:flex;align-items:center;justify-content:space-between;border-radius:5px;padding:8px 12px;margin-bottom:6px;flex-wrap:wrap;overflow-x:auto}
.zc-rank{width:30px;font-weight:600}
.zc-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}
.zc-img-wrap{width:40px;height:40px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:#fff}
.zc-img-wrap img,.zc-img{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}
.zc-title{text-decoration:none;color:#111;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.zc-meta{font-size:13px;color:#444;white-space:nowrap;width:auto;text-align:right;margin-left:auto}
.zc-arrow{font-weight:bold;margin-right:4px}
.zc-up{color:#28a745}
.zc-down{color:#dc3545}
@media(max-width:600px){
#zc_list a{font-size:14px!important}
canvas#zc_chart{width:100%!important;height:auto!important}
.zc-img-wrap{width:32px;height:32px}
} .attribute_slider_wrapper{margin-bottom:20px}
.attribute_slider{margin:20px 10px}
.attribute_slider.ui-slider-horizontal{height:5px}
.attribute_slider .ui-slider-handle{position:absolute;z-index:2;width:11px;height:11px;border-radius:50%}
.attribute_slider_amount{text-align:center}
.attribute_slider_amount input{width:80px;display:inline-block;margin:0 10px}
.attribute_label{margin-top:10px;font-weight:bold} .cv-wishlist-btn{
position:absolute;top:10px;right:10px;z-index:10;
width:32px;height:32px;line-height:32px;text-align:center;
background:rgba(255,255,255,0.9);border-radius:50%;
font-size:18px;color:#ccc;text-decoration:none;
transition:all 0.2s;cursor:pointer;
box-shadow:0 1px 3px rgba(0,0,0,0.15);
}
.cv-wishlist-btn:hover{color:#e74c3c;transform:scale(1.1)}
.cv-wishlist-btn.active{color:#e74c3c}
.cv-wishlist-single{
position:relative;top:auto;right:auto;
display:inline-block;width:auto;height:auto;line-height:normal;
background:#f5f5f5;border-radius:4px;padding:8px 16px;
font-size:14px;margin-top:10px;box-shadow:none;
}
.cv-wishlist-single.active{background:#fde8e8;color:#e74c3c} .products .product{position:relative} .cv-wishlist-page{max-width:1000px;margin:0 auto}
.cv-wishlist-count{font-size:16px;font-weight:600;margin-bottom:20px}
.cv-wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}
.cv-wishlist-item{
position:relative;background:#fff;border:1px solid #eee;
border-radius:8px;padding:15px;text-align:center;
transition:box-shadow 0.2s;
}
.cv-wishlist-item:hover{box-shadow:0 2px 10px rgba(0,0,0,0.1)}
.cv-wishlist-item img{width:100%;height:auto;border-radius:4px;margin-bottom:10px}
.cv-wishlist-item h3{font-size:14px;margin:5px 0}
.cv-wishlist-item h3 a{color:#333;text-decoration:none}
.cv-wishlist-item .price{display:block;font-weight:600;margin:8px 0;color:#10c956}
.cv-wishlist-remove{
position:absolute;top:8px;right:8px;
width:24px;height:24px;line-height:24px;text-align:center;
background:#f5f5f5;border-radius:50%;color:#999;
text-decoration:none;font-size:16px;cursor:pointer;
}
.cv-wishlist-remove:hover{background:#e74c3c;color:#fff}
.cv-btn{
display:inline-block;padding:8px 16px;
background:#10c956;color:#fff!important;text-decoration:none;
border-radius:4px;font-size:13px;margin-top:8px;
}
.cv-btn:hover{background:#0ea648} #cv-sticky-bar{
position:sticky;top:0;z-index:99999;
display:flex;align-items:center;justify-content:center;gap:12px;
background:#10c956;color:#fff;
padding:10px 40px 10px 20px;
font-size:15px;font-weight:500;
text-align:center;
}
#cv-sticky-bar span{
color:#fff;
}
#cv-sticky-bar a{
display:inline-block;
padding:6px 18px;
border:2px solid #fff;
border-radius:4px;
color:#fff!important;
text-decoration:none;
font-weight:700;
font-size:14px;
transition:all 0.2s;
}
#cv-sticky-bar a:hover{
background:#fff;color:#10c956!important;
}
#cv-sticky-close{
position:absolute;right:12px;top:50%;transform:translateY(-50%);
background:none;border:none;color:#fff;font-size:20px;
cursor:pointer;padding:4px 8px;line-height:1;opacity:0.7;
}
#cv-sticky-close:hover{opacity:1}
@media(max-width:600px){
#cv-sticky-bar{font-size:13px;gap:8px;padding:8px 32px 8px 10px}
#cv-sticky-bar a{padding:4px 12px;font-size:12px}
}