.products{border-radius:64px;flex:1;align-self:stretch;width:100%;padding-top:32px}@media (max-width:768px){.products{padding-top:32px}}.products__header{margin-bottom:24px}.products__header h2{margin:0;font-size:32px;font-weight:500}.products__filters{flex-wrap:wrap;justify-content:space-between;gap:12px;width:100%;margin-bottom:32px;display:flex}.products__filters .main-filters{flex-wrap:wrap;gap:12px;display:flex}@media (max-width:768px){.products__filters .main-filters{flex-direction:column;width:100%}}.products__filters .filter{background:var(--white-color);border:var(--outline-params);border-radius:64px;gap:24px;padding:18px 18px 18px 32px;display:flex;position:relative}.products__filters .filter.main{min-width:340px}@media (max-width:768px){.products__filters .filter{width:100%}}.products__filters .filter .filter-values{flex-direction:column;justify-content:center;gap:12px;width:100%;display:flex;overflow-x:hidden}.products__filters .filter .filter-values .kit,.products__filters .filter .filter-values .chip{max-width:220.72px}.products__filters .filter:hover .circledown{background:#0000000d}.products__filters .filter .circledown{outline-offset:-1px;width:46px;height:46px;transition:var(--transition-hover);border-radius:32px;outline:1px solid #0000001a;flex-shrink:0;justify-content:center;align-items:center;display:flex}.products__filters .filter .circledown.active{background:#0000000d;transform:rotate(180deg)}.products__filters .filter .circledown i{color:var(--black-color);font-size:16px}.products__filters .filter.dropdown{cursor:pointer;-webkit-user-select:none;user-select:none;max-width:280px}@media (max-width:768px){.products__filters .filter.dropdown{max-width:100%}}.products__filters .filter__label{color:#0009;font-size:12px;line-height:9px}.products__filters .filter__value{white-space:nowrap;color:var(--black-color);font-size:14px;font-weight:500;line-height:16px}.products__filters .filter__value .color-label{color:#333;align-items:center;gap:4px;font-size:14px;display:flex}.products__filters .filter__value .color-label>span{align-items:center;gap:4px;display:inline-flex}.products__filters .filter__value .color-circle{border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}.products__filters .dropdown-menu{background:var(--white-color);outline:var(--outline-params);outline-offset:-1px;z-index:1000;will-change:transform,opacity;border-radius:32px;margin-top:4px;animation:.3s cubic-bezier(.34,1.56,.64,1) forwards dropdown-show;position:absolute;top:100%;left:0;right:0;overflow:hidden auto}@keyframes dropdown-show{0%{opacity:0;transform:translateY(-12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.products__filters .dropdown-menu .dropdown-item{cursor:pointer;white-space:nowrap;opacity:0;will-change:transform,opacity;align-items:center;gap:12px;min-height:46px;padding:12px 24px;font-size:14px;transition:background .2s;animation:.35s forwards dropdown-item-show;display:flex;transform:translateY(-10px)scale(.97)}@keyframes dropdown-item-show{0%{opacity:0;transform:translateY(-10px)scale(.97)}60%{opacity:1;transform:translateY(3px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.products__filters .dropdown-menu .dropdown-item .color-circle{border-radius:50%;flex-shrink:0;width:16px;height:16px}.products__filters .dropdown-menu .dropdown-item i.icon-check2{width:100%;color:var(--black-color);justify-content:flex-end;font-size:14px;display:flex}.products__filters .dropdown-menu .dropdown-item:hover{background:#0000000d}.products__filters .dropdown-menu .dropdown-item:first-child{border-radius:16px 16px 0 0}.products__filters .dropdown-menu .dropdown-item:last-child{border-radius:0 0 16px 16px}.products__filters .dropdown-menu .dropdown-item:only-child{border-radius:16px}.products__grid{grid-template-columns:repeat(auto-fill,minmax(395px,1fr));gap:12px;display:grid}@media (max-width:768px){.products__grid{flex-wrap:wrap;display:flex}}.product-list-card{background:var(--white-color);outline-offset:-1px;cursor:pointer;opacity:0;will-change:scale;border-radius:32px;outline:1px solid #0000001a;flex-direction:column;min-width:395px;height:100%;padding:6px;display:flex;overflow:hidden;transform:translateY(30px);transition:scale .2s cubic-bezier(.4,0,.2,1)!important}.product-list-card:hover{scale:.98}.product-list-card:active{scale:.9}.product-list-card.animate-in{animation:.6s ease-out forwards fadeInUp}@media (max-width:768px){.product-list-card{width:100%;min-width:0}}.product-list-card.empty{pointer-events:none;opacity:1;border:none;height:100%;animation:none;transform:none;background:0 0!important}.product-list-card__image{border-radius:32px;justify-content:flex-end;align-items:flex-start;width:100%;height:352px;padding:12px;display:flex;position:relative;overflow:hidden}.product-list-card__image img{object-fit:cover;border-radius:32px;transition:opacity .3s ease-in-out}.product-list-card__image .hover-image{opacity:0;z-index:1;position:absolute;top:0;left:0}.product-list-card:hover .product-list-card__image .hover-image{opacity:1}.product-list-card .color-swatches{z-index:10;gap:8px;width:100%;display:flex}@media (max-width:530px){.product-list-card .color-swatches{top:auto;bottom:12px;left:50%;transform:translate(-50%)}}.product-list-card .color-swatch{cursor:pointer;outline-offset:-1px;border-radius:50%;outline:1px solid #0000001a;width:20px;height:20px;transition:all .2s}.product-list-card .color-swatch:hover{transform:scale(1.1)}.product-list-card .color-swatch.active{outline:2px solid #0003}.product-list-card .title-price-container{flex-direction:column;gap:16px;display:flex}.product-list-card__info{flex-direction:column;gap:24px;padding:18px;display:flex}.product-list-card__colors-list{justify-content:flex-start;align-items:center;display:flex}.product-list-card .color-item{cursor:pointer;background:#f77a0f;border:1px solid #0000001a;border-radius:50%;width:16px;height:16px;margin-left:-3px;transition:all .2s;position:relative}.product-list-card .color-item:first-child{margin-left:0}.product-list-card .color-item:hover{z-index:10;transform:scale(1.3);box-shadow:0 2px 8px #00000026}.product-list-card .color-item.active{z-index:5;transform:scale(1.2)}.product-list-card .titles-container{flex-direction:column;gap:12px;display:flex}.product-list-card__top_title{text-transform:uppercase;color:var(--description-color);font-size:12px;font-weight:500;line-height:9px;transition:all .3s ease-in}.product-list-card__title{color:var(--black-color);font-size:20px;font-weight:600;line-height:20px;transition:all .3s ease-in}.product-list-card__price{color:var(--black-color);align-items:center;gap:8px;transition:all .3s ease-in;display:flex}.product-list-card__price .current{font-size:22px;font-weight:600}.product-list-card__price .old{color:#0009;font-size:16px;text-decoration:line-through;transition:all .3s ease-in}.product-list-card .badges-list{justify-content:flex-end;align-items:center;width:100%;min-height:64px;display:flex}.product-list-card__add-to-cart{background:var(--white-color);outline:var(--outline-params);outline-offset:-1px;border-radius:32px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:all .2s;display:flex}.product-list-card__add-to-cart:active{transform:scale(.85)translateZ(0)}.product-list-card__add-to-cart.active{background:var(--black-color)}.product-list-card__add-to-cart.active i{color:var(--white-color)}.product-list-card__add-to-cart.active:hover{background:var(--black-color)}.product-list-card__add-to-cart:hover{background:#0000000d}.product-list-card__add-to-cart i{color:#b3b3b3;font-size:20px}.product-list-card .badges-products{z-index:2;gap:4px;display:flex}.product-list-card .badge{border-radius:60px;justify-content:center;align-items:center;height:46px;padding:0 16px;font-size:14px;font-weight:500;line-height:10px;display:flex}.product-list-card .badge.sale{color:var(--white-color);background:#fc0000}.product-list-card .badge.preorder{color:var(--white-color);background:#222}.product-list-card .badge.out{background:var(--white-color);border:var(--outline-params);color:var(--black-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
.page-container.products-top{padding-top:0}
