.product-colors-list{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:10px;margin-bottom:10px}.color-box{width:45px;height:30px;border-radius:4px;border:1px solid #e6e7e8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;background:#fff}.color-box:hover{border-color:#5cb569;z-index:1}.color-box.active{border:2px solid #333;box-shadow:0 0 0 1px #fff,0 0 0 3px #333}.color-box.active::after{content:'✓';position:absolute;bottom:2px;right:2px;color:#333;font-size:12px;font-weight:700;background:rgba(255,255,255,.9);width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1}.color-box-image{width:100%;height:100%;object-fit:cover;display:block}.color-box-solid{width:100%;height:100%;display:block;border-radius:3px}.more-colors-badge{display:inline-flex;align-items:center;justify-content:center;padding:0 4px;font-size:13px;font-weight:600;color:#666;}@media (max-width:768px){.color-box{width:36px;height:36px}.color-box.active::after{font-size:10px;width:14px;height:14px}.more-colors-badge{min-width:36px;height:36px;font-size:12px;padding:0 6px}}@media (max-width:480px){.color-box{width:32px;height:32px}.more-colors-badge{min-width:32px;height:32px;font-size:11px}}.tooltip-inner{background-color:#5cb569 !important;color:#fff;font-size:12px;padding:5px 10px}.tooltip.show{opacity:1}.tooltip .arrow::before{border-top-color:#5cb569 !important}