.header{display:flex;padding:12px 0;align-items:center;flex-wrap:wrap;gap:24px;justify-content:space-between;max-width:1720px;margin:auto auto 24px}.header__info{display:flex;gap:8px}.header__logo{display:flex;padding:0 24px;align-items:center;gap:8px;text-decoration:none}.header__logo-img{width:24px;height:24px}.header__logo-text{font-size:16px;font-weight:400;line-height:normal;color:#000;font-family:Inter,sans-serif}.header__section{display:flex;height:48px;padding:8px 24px;align-items:center;border-radius:8px;border:1px solid #73aff4;font-size:14px;font-weight:500;line-height:normal;color:#000;font-family:Inter,sans-serif}.header__search{display:flex;flex-grow:1;align-self:stretch;border-radius:10px;border:1px solid #73aff4;outline:none;font-size:16px;font-weight:400;line-height:150%;color:#000;font-family:Inter,sans-serif;padding-left:48px;background:url(/Catalog/assets/icons/search.svg) no-repeat 16px 10px}.header__search::placeholder{color:#5a5a5a}.header__nav-list{display:flex;gap:20px;list-style-type:none}.header__nav-link{color:#333;font-size:14px;font-weight:400;line-height:16px;font-family:Inter,sans-serif;color:#393939;text-decoration:none}.header__nav-link:hover{text-decoration:underline}.header-mobile{display:none}@media screen and (max-width: 1440px){.header{padding:12px 28px}}@media screen and (max-width: 1280px){.header{padding:12px 0}}@media screen and (max-width: 1024px){.header__nav-link:hover{text-decoration:none}}@media screen and (max-width: 425px){.header{display:none}.header-mobile{display:block}.header-mobile__search{display:flex;align-items:center;gap:16px}.header-mobile__arrow{width:20px;height:20px;margin-bottom:6px}.header-mobile__wrapper{display:flex;align-items:center;gap:16px;padding-bottom:6px;border-bottom:1px solid #d5d5d5}.header-mobile__wrapper:focus-within{border-bottom:1px solid #7397F5}.header-mobile__input{align-self:stretch;border:none;outline:none;font-size:16px;font-weight:400;line-height:14px;color:#333}.header-mobile__cross{width:20px;height:20px;visibility:hidden}.header-mobile__button{padding:12px 16px;border-radius:5px;background-color:#7397f5;border:none;font-size:16px;font-weight:400;line-height:12px;color:#fff}.header-mobile__title{font-size:22px;font-weight:400;line-height:28px;color:#333;margin:12px 8px}}.header-mobile__input:focus+.header-mobile__cross,.header-mobile__input:active+.header-mobile__cross{visibility:visible}@media screen and (max-width: 374px){.header-mobile__search{justify-content:space-between;gap:0}.header-mobile__wrapper{gap:0}}.filter{width:280px;display:flex;flex-direction:column;gap:28px}.filter__category-list{list-style-type:none}.filter__category-item{padding:0 16px 0 32px}.filter__category-item:first-child{padding:0 16px 0 8px}.filter__category-item.active{border-radius:5px;background-color:#e2efff}.filter__category-item.active .filter__category-amount{color:#333;opacity:.8}.filter__category-link{display:flex;height:30px;justify-content:space-between;align-items:center;color:#333;font-size:14px;font-weight:400;line-height:16px;cursor:pointer;text-decoration:none;transition:color .3s ease}.filter__category-link:hover{color:#7397f5}.filter__category-amount{color:#aaa;font-size:12px;font-weight:400;line-height:14px}.filter__price{display:flex;flex-direction:column;align-items:center;gap:16px}.filter__price-title{color:#333;font-size:16px;font-weight:700;line-height:20px}.filter__price-inputs{display:flex;align-items:center;gap:16px}.filter__price-input-wrapper{position:relative;display:inline-block}.filter__price-input{width:119px;border-radius:4px;border:1px solid #d5d5d5;padding:10px 8px 10px 26px;outline:none}.filter__price-placeholder{position:absolute;top:50%;left:8px;transform:translateY(-50%);color:#aaa;font-size:12px;font-weight:400;line-height:14px}.filter__price-divider{content:"";width:10px;height:1px;background:#d5d5d5}.filter__brand{display:flex;flex-direction:column;gap:16px}.filter__brand-wrapper{display:flex;justify-content:space-between;align-items:flex-end}.filter__brand-title{color:#333;font-size:16px;font-weight:700;line-height:20px}.filter__brand-button{width:48px;padding-bottom:1px;font-size:12px;font-weight:400;line-height:12px;color:#aaa;text-decoration-line:underline;border:none;background-color:transparent;cursor:pointer}.filter__brand-button.active{color:#333}.filter__brand-search{border-radius:4px;border:1px solid #d5d5d5;outline:none;padding:10px 12px 10px 36px;background:url(/Catalog/assets/icons/category-search.svg) no-repeat 12px 10px;color:#333;font-size:14px;font-weight:400;line-height:16px;transition:border .3s ease}.filter__brand-search::placeholder{color:#aaa}.filter__brand-search:hover{border:1px solid #7397F5}.filter__brand-list{display:flex;flex-direction:column;gap:12px;max-height:180px;overflow:scroll}.filter__brand-item{display:flex;height:20px;padding-right:16px;justify-content:space-between;align-items:center}.filter__brand-checkbox{display:flex;align-items:center;cursor:pointer;position:relative;gap:12px}.filter__brand-input{position:absolute;opacity:0;pointer-events:none}.filter__brand-input:checked+.filter__brand-checkmark{border-color:#7397f5}.filter__brand-input:checked+.filter__brand-checkmark:after{transform:translate(-50%,-50%) scale(1)}.filter__brand-checkmark{width:20px;height:20px;border-radius:3px;border:1px solid #d5d5d5;position:relative;transition:all .3s ease}.filter__brand-checkmark:after{content:"";background:url(/Catalog/assets/icons/checkbox.svg) no-repeat;position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease}.filter__brand-checkmark:hover{border:1px solid #7397F5}.filter__brand-name{color:#333;font-size:14px;font-weight:400;line-height:16px}.filter__brand-amount{color:#aaa;font-size:12px;font-weight:400;line-height:14px}.filter__size{display:flex;flex-direction:column;gap:16px}.filter__size-title{text-align:center;color:#333;font-size:16px;font-weight:700;line-height:20px}@media screen and (max-width: 1024px){.filter__category-link:hover{color:#333}.filter__brand-search:hover,.filter__brand-checkmark:hover{border:1px solid #d5d5d5}}@media screen and (max-width: 425px){.filter{display:none}}.card{display:flex;flex-direction:column;align-items:flex-start;gap:16px;border-radius:4px;text-decoration:none}.card:hover .card__title,.card:nth-child(2) .card__title{color:#125bae}.card:hover .card__image,.card:nth-child(2) .card__image{width:82px;height:82px}.card.inactive .card__button{display:none}.card.inactive .card__price{visibility:hidden}.card.inactive .card__image{opacity:.5}.card.inactive .card__button-inactive{display:flex;padding:12px 16px;justify-content:center;border-radius:4px;border:1px solid #aaaaaa;background:#fff;font-size:14px;font-weight:700;line-height:14px;color:#aaa}.card.inactive:hover .card__title{color:#333}.card.inactive:hover .card__image{width:60px;height:60px}.card__image{width:60px;height:60px;transition:width .3s ease,height .3s ease}.card__image-container{height:200px;align-self:stretch;background-color:#f8f8fa;position:relative;display:flex;align-items:center;justify-content:center}.card__hit{position:absolute;top:12px;left:12px;display:flex;height:32px;padding:0 8px;align-items:center;gap:4px;border-radius:4px;border:1px solid #F2F2F2;background-color:#fff}.card__hit-text{color:#333;font-size:14px;font-weight:400;line-height:16px}.card__hit-image{width:20px;height:20px}.card__discount{position:absolute;bottom:12px;left:12px;padding:6px 10px;border-radius:4px;background:#7397f5;font-size:14px;font-weight:700;line-height:14px;color:#fff}.card__text{display:flex;flex-direction:column;gap:8px}.card__brand{color:#333;font-size:14px;font-weight:400;line-height:16px;color:#aaa}.card__title{color:#333;font-size:14px;font-weight:400;line-height:16px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;transition:color .3s ease}.card__price{display:flex;align-items:center;gap:8px}.card__price-current{font-size:16px;font-weight:700;line-height:14px;color:#333}.card__price-total{color:#aaa;font-size:12px;font-weight:400;line-height:14px;text-decoration:line-through}.card__button{padding:12px 16px;border-radius:4px;border:1px solid #7397F5;background-color:#fff;font-size:14px;font-weight:700;line-height:14px;color:#7397f5;transition:background-color .3s ease,color .3s ease,border .3s ease}.card__button:hover{background-color:#7397f5;color:#fff;border:none}.card__button-inactive{display:none}@media screen and (max-width: 1440px){.card__title{-webkit-line-clamp:3;line-clamp:3}}@media screen and (max-width: 1024px){.card:hover .card__title,.card:nth-child(2) .card__title{color:#333}.card:hover .card__image,.card:nth-child(2) .card__image{width:60px;height:60px}.card__button:hover{background-color:#fff;color:#7397f5;border:1px solid #7397F5}}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media screen and (max-width: 1024px){.cards{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width: 768px){.cards{grid-template-columns:repeat(2,1fr);column-gap:12px;row-gap:16px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PT Sans,sans-serif}.container{margin:0 auto;padding:0 100px 36px}.main{display:flex;gap:36px;max-width:1720px;margin:0 auto}@media screen and (max-width: 1280px){.container{padding:0 50px 36px}}@media screen and (max-width: 425px){.container{padding:8px 16px}}