
.pcolor2 {
    cursor: pointer;
    padding: 0px 4px;
    margin: 0px 3px 6px 0px;
    border: 1px solid #CCC;
    height: 26px;
    vertical-align: middle;
    border-radius: 50px;
    margin-left: 2px;
    width: 26px;
    text-align: center;
    line-height: 14px;
}
.pguaranty {
    cursor: pointer;
    padding: 0px 4px;
    margin: 0px 3px 6px 0px;
    height: 24px;
    vertical-align: middle;
    border-radius: 50px;
    margin-left: 2px;
    width: 24px;
    text-align: center;
    line-height: 14px;
}
.colorTitle {
    border: 1px solid #DDD;
    border-radius: 50px;
    padding: 0 5px;
    min-width: 50px;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    line-height: 20px;
    top: -3px;
    position: relative;
}
.radio_color,.radio_guaranty{display:none}
.colors_fields input[type=radio] + label span img {
  opacity: 0;
  transition: all 0.3s ease;
  width: 14px;
  height: 14px;
}
.guaranty_fields input[type=radio] + label span img {
  opacity: 0;
  transition: all 0.3s ease;
}
.colors_fields input[type=radio] + label{
	border: 3px solid #e6e6e6;
}
.guaranty_fields input[type=radio] + label{
	border:3px solid #AAA;
}
.colors_fields input[type=radio]:checked + label,.guaranty_fields input[type=radio]:checked + label{
	border:3px solid #b2b2ff;
	padding: 3px;
}
.colors_fields input[type=radio]:checked + label span img,.guaranty_fields input[type=radio]:checked + label span img {
  opacity: 1;
}
.input-spinner.custom-input-sm{margin: -4px 4px 10px 4px;direction:rtl;}
.input-spinner.custom-input-sm .btn{border-radius: 3px;z-index:0;border:1px solid #CCC;margin: 0;padding: 5px 14px;background-color: #fb6f17}
.input-spinner.custom-input-sm input{padding: 1px;width:35px;height:35px;z-index:0;border-top:0;border-bottom:0;border-left:0;border-right:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield;text-align: center;background: none;}
.input-spinner .input-group-btn:last-child>.btn{border-right:0}
.input-spinner .input-group-btn:first-child>.btn{border-left:0}
/*#minus-btn{border-radius: 3px 0px 0px 3px;padding: 8px 15px;}*/
#minus-btn{border-radius: 50%;padding: 6px;height: 28px}
/*#plus-btn{border-radius: 0px 3px 3px 0px;padding: 8px 15px;}*/
#plus-btn{border-radius: 50%;padding: 6px;height: 28px}

/* Product detail page */
.product-title h1 { color:#202020; font-size:clamp(22px,2.4vw,34px); font-weight:800; line-height:1.65; margin:12px 0; }
.product-rate { display:flex; gap:8px; align-items:center; color:#f5a623; min-height:24px; }
.product-rate-text { color:#777; font-size:13px; }
.product-price { border-top:1px solid #eee; border-bottom:1px solid #eee; margin:20px 0; padding:16px 0; }
.product-price-1 { color:#888; font-size:14px; text-decoration:line-through; margin-bottom:7px; }
.product-price-2 { color:var(--color2, #ef6c00); font-size:24px; font-weight:800; }
.product-text { color:#555; line-height:2; }
.product-btn-body { display:flex; flex-wrap:wrap; gap:12px; margin-top:18px; }
.product-btn-count { display:flex; align-items:center; border:1px solid #ddd; border-radius:10px; overflow:hidden; direction:ltr; }
.product-btn-count button { border:0; background:#f7f7f7; cursor:pointer; height:46px; padding:0 14px; }
.product-btn-count input { border:0; text-align:center; width:64px; height:46px; -moz-appearance:textfield; }
.product-btn-count input::-webkit-outer-spin-button,.product-btn-count input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.product-btn-add,.product-btn-fave { border:0; border-radius:10px; cursor:pointer; font-weight:700; min-height:46px; padding:0 20px; }
.product-btn-add { background:var(--color2, #ef6c00); color:#fff; }
.product-btn-fave { background:#fff; border:1px solid #ddd; color:#444; }
.product-btn-fave.is-favorite { background:#fff1f2; border-color:#e54242; color:#c62828; }
.product-img-body { background:#fff; border:1px solid #eee; border-radius:18px; padding:20px; }
.product-main-img { align-items:center; display:flex; justify-content:center; min-height:360px; }
.product-main-img img { max-height:420px; max-width:100%; object-fit:contain; }
.product-other-img { display:flex; flex-wrap:wrap; gap:8px; justify-content:center; margin-top:16px; }
.product-other-img img { border:1px solid #e5e5e5; border-radius:8px; height:64px; object-fit:contain; padding:3px; width:64px; }
.product-tab-body { margin:48px 0; }
.product-nav { border-bottom:1px solid #e5e5e5; display:flex; gap:24px; }
.product-nav-item { color:#555; cursor:pointer; font-weight:700; padding:12px 4px; }
.product-nav-item.active { border-bottom:3px solid var(--color2, #ef6c00); color:#111; }
.product-tab-desc { color:#444; line-height:2.15; padding:24px 0; }
.product-empty-state { background:#fafafa; border:1px dashed #ddd; border-radius:10px; color:#777; margin:0; padding:18px; text-align:center; }
@media (max-width:767px) { .product-main-img { min-height:260px; } .product-btn-body { justify-content:center; } .product-nav { gap:12px; overflow-x:auto; white-space:nowrap; } }
