.poroduct-colors{padding-bottom:2.5rem}.poroduct-colors .title{color:var(--text-primary-clr);margin-bottom:1rem;font-size:24px;font-style:normal;font-weight:600;line-height:30px}.active-color-name{color:var(--active-color-clr);padding-block:1.5rem;font-size:16px;font-style:normal;font-weight:400;line-height:24px;margin:0!important}.active-color-name>span{color:var(--text-primary-clr);font-size:16px;font-style:normal;font-weight:400;line-height:24px}.color-button.active{background-color:var(--core-bg-color);border:1px solid #67748d}.color-button.active .center{border:1px solid #0000}.color-button.active:hover,.color-button:hover{border:1px solid var(--scroll-status-clr)}.color-button{cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:50%;width:48px;height:48px;padding:6px;position:relative}.color-button .center{border:1px solid var(--scroll-status-clr);border-radius:50%;width:100%;height:100%}.color-button .disabled{display:none;position:absolute;inset:0}.color-button .disabled .inner{width:100%;height:100%}.color-button .disabled .inner svg{width:100%;height:100%}.color-button .disabled.show{z-index:3;display:block}.product-colors-list{gap:.5rem}@media screen and (max-width:1500px){.poroduct-colors{padding-bottom:2.5rem}.poroduct-colors .title{margin-bottom:13px;font-size:20px;line-height:24px}.active-color-name{padding-block:20px;font-size:14px;line-height:20px}.active-color-name>span{font-size:14px;line-height:20px}}@media screen and (max-width:1100px){.poroduct-colors{padding-bottom:2rem}.poroduct-colors .title{margin-bottom:.5rem;font-size:18px;line-height:22px}.active-color-name{padding-block:1rem}.color-button{border:1px solid #0000;border-radius:50%;width:40px;height:40px;padding:4px}}