.product-item{display:flex;flex-direction:column;justify-content:space-between}.product-item.is-loading .photo{background:#e8e9ea;box-shadow:none}.product-item.is-loading .photo img{display:none}.product-item.is-loading .photo .overlay{display:none}.product-item.is-loading .title-wrapper{background:#e8e9ea;border-radius:10px;height:14px}.product-item.is-loading .title-wrapper .name{opacity:0}.product-item.is-loading .content .price-detail{background:#e8e9ea;border-radius:10px;height:14px;margin:10px 0 16px;width:65%}.product-item.is-loading .content .price-detail .custom-tooltip,.product-item.is-loading .content .price-detail .price-qty{display:none}.product-item.is-loading .content .color-wrap{width:100%}.product-item.is-loading .content .color-wrap .color{background:#e8e9ea;border-radius:100%}.product-item.is-loading .content .color-wrap .color.color--white{border:none}.product-item.is-loading .content .color-wrap .color .color-box span{display:none}.product-item.is-loading .content .nav-colors{display:none!important}.product-item .photo{width:100%;border-radius:4px;overflow:hidden;margin-bottom:16px;position:relative;box-shadow:0 0 4px rgba(0,0,0,.1)}@media (max-width:991.98px){.product-item .photo{margin-bottom:8px}}@media (hover:hover) and (pointer:fine) and (min-width:991.98px){.product-item .photo:hover .overlay{opacity:1}}.product-item .photo .overlay{position:absolute;top:0;left:0;transition:.3s;width:100%;height:100%;background:rgba(20,21,21,.4);z-index:2;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;opacity:0}@media (max-width:576px){.product-item .photo .overlay{display:none}}.product-item .photo .overlay .button-white{color:#232528;background:#eceff3;border-color:#eceff3}@media (hover:hover) and (pointer:fine){.product-item .photo .overlay .button-white:hover{background:#fff;border-color:#fff}}.product-item .photo .overlay .button-white .icon{margin-right:8px;width:18px;height:18px}@media (max-width:991.98px){.product-item .photo .overlay .button-white .icon{width:14px;height:14px}}@media (max-width:340px){.product-item .photo .overlay .button-white .icon{margin-right:4px;width:12px;height:12px}}.product-item .photo .overlay .button-white .icon svg{width:100%;height:100%}.product-item .photo .overlay .button-white svg g rect,.product-item .photo .overlay .button-white svg path{fill:#232528;transition:.3s}.product-item .photo .overlay .button-blue,.product-item .photo .overlay .button-white{width:100%;max-width:unset;display:flex;align-items:center;justify-content:center;text-align:center;font-size:14px;line-height:14px;margin-top:10px;min-height:40px;padding:0;border-radius:4px}@media (max-width:991.98px){.product-item .photo .overlay .button-blue,.product-item .photo .overlay .button-white{font-size:11px;padding:5px;min-height:32px}}@media (max-width:340px){.product-item .photo .overlay .button-blue,.product-item .photo .overlay .button-white{line-height:12px;font-size:10px;min-height:30px}}.product-item .title-wrapper{display:flex;justify-content:space-between}.product-item .title-wrapper p{color:#232528}.product-item .title-wrapper .name{font-weight:500;font-size:14px;line-height:20px}@media (max-width:991.98px){.product-item .title-wrapper .name{font-size:11px;line-height:16px}}.product-item .content .name{display:none;font-weight:500;font-size:12px;line-height:16px;color:#232528}.product-item .content .price-detail{margin:8px 0 16px;display:flex;align-items:center;flex-wrap:wrap}@media (max-width:991.98px){.product-item .content .price-detail{margin:6px 0}}.product-item .content .price-detail .price-qty{font-weight:500;font-size:14px;line-height:20px;color:#5d6064;margin-top:4px;margin-right:4px}@media (max-width:991.98px){.product-item .content .price-detail .price-qty{font-size:12px;line-height:16px}}.product-item .content .price-detail .custom-tooltip{margin-top:4px}.product-item .content .colors-container{margin-top:12px;margin-left:-4px;padding-top:8px;border-top:1px solid #e3e3e3;display:flex;align-items:center}@media (max-width:991.98px){.product-item .content .colors-container{margin-top:10px}}.product-item .content .color-wrap{width:calc(100% - 24px);overflow-x:hidden;padding-right:8px}.product-item .content .color-wrap::-webkit-scrollbar{display:none}.product-item .content .color-wrap.extend{width:100%}.product-item .content .color-wrap .color-list{list-style:none;display:flex;flex-wrap:nowrap;max-width:max-content;transition:.8s}.product-item .content .color-wrap .color{width:24px;height:24px;flex:0 0 auto;margin:4px;cursor:pointer;position:relative;transition:.3s;z-index:3}@media (max-width:991.98px){.product-item .content .color-wrap .color{width:16px;height:16px}}.product-item .content .color-wrap .color.color--white{border:1px solid #d9dbdd;border-radius:100%}.product-item .content .color-wrap .color.color--white.active:before,.product-item .content .color-wrap .color.color--white:hover:before{transform:translate(-50%,-50%) scale(1.35,1.35)}.product-item .content .color-wrap .color.active:before,.product-item .content .color-wrap .color:hover:before{transform:translate(-50%,-50%) scale(1.25,1.25)}.product-item .content .color-wrap .color:before{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;transform:translate(-50%,-50%) scale(0,0);border:1px solid #232528;border-radius:100%;transition:.3s;z-index:-1}.product-item .content .color-wrap .color .color-box{display:flex;flex-direction:column;width:100%;height:100%;border-radius:100%;overflow:hidden}.product-item .content .color-wrap .color .color-box span{width:100%;height:100%}.product-item .content .nav-colors{background:0 0;border:none;width:24px;height:24px;display:none}@media (max-width:991.98px){.product-item .content .nav-colors{width:20px;height:20px}}.product-item .content .nav-colors.show{display:block}.product-item .content .nav-colors:focus{outline:0}@media (hover:hover) and (pointer:fine){.product-item .content .nav-colors:hover svg path{fill:#232528}}.product-item .content .nav-colors svg{width:100%;height:100%}.product-item .content .nav-colors svg path{transition:.3s}