.header{background-color:#0f1121;box-shadow:0 1px 0 0 #323542;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header__nav{align-items:center;column-gap:24px;display:flex;justify-content:space-between}.header__links{display:flex}.header__logo{padding-inline:16px}@media(min-width:640px){.header__logo{padding-inline:24px}}.header__link{align-items:center;box-shadow:-1px 0 0 0 #3b3e4a;display:flex;height:48px;justify-content:center;width:48px}@media(min-width:640px){.header__link{height:64px;width:64px}.header__link--burger-menu{display:none}}.header__link--cart,.header__link--heart-like{display:none}@media(min-width:640px){.header__link--cart,.header__link--heart-like{display:flex;position:relative}}.header__search-wrapper{align-items:center;background-image:url(../../static/media/search.79f78541399c8dbea1c1.svg);background-position:50%;background-repeat:no-repeat;box-shadow:-1px 0 0 0 #3b3e4a;display:flex;height:48px;position:relative;width:48px}@media(min-width:640px){.header__search-wrapper{height:64px;width:64px}}@media(min-width:1200px){.header__search-wrapper{background-image:none;box-shadow:none;box-sizing:border-box;height:auto;margin-right:10px;width:220px}.header__search-wrapper:after{background-image:url(../../static/media/search.79f78541399c8dbea1c1.svg);background-repeat:no-repeat;background-size:contain;content:"";display:block;height:18px;left:15px;position:absolute;top:20px;width:18px}}.header__search{background-color:#0000;border:1px solid #0000;box-sizing:border-box;flex:1 1 auto;height:48px;outline:none;width:48px}@media(min-width:640px){.header__search{height:64px;width:64px}}@media(min-width:1200px){.header__search{padding:10px 5px;width:220px}}.header__search:focus{background-color:#0f1121;border:1px solid #323542;bottom:-40px;color:#f1f2f9;height:auto;padding:10px 5px;position:absolute;right:0;width:150px}@media(min-width:1200px){.header__search:focus{padding-left:40px;position:static;width:auto}.header__search{border:1px solid #323542;color:#f1f2f9;height:auto;padding:10px 5px 10px 40px;width:auto}}.navigation__list{color:#75767f;display:none;font-size:12px;font-weight:800;letter-spacing:.04em;line-height:11px;text-transform:uppercase}.navigation__list--header{display:none}@media(min-width:730px){.navigation__list--header{display:flex;flex:1 1 auto;gap:32px}}@media(min-width:1200px){.navigation__list--header{gap:64px}}.navigation__list--menu{align-items:center;display:flex;flex-direction:column;margin-top:24px;row-gap:16px}.navigation__link--header{display:inline-block}@media(min-width:640px){.navigation__link--header{height:48px;line-height:48px}.navigation__link--header:hover{color:#f1f2f9}.navigation__link--header{height:64px;line-height:64px}}.navigation__link--menu{display:inline-block;padding-block:8px;transition:color .3s,border-bottom .3s}.navigation__link--menu:hover{border-bottom:2px solid #f1f2f9;color:#f1f2f9}.is-active{color:#f1f2f9;position:relative}.is-active:after{background-color:#f1f2f9;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}li,ul{list-style:none}a{color:inherit;text-decoration:none}button{background-color:#0000;border:none;border-radius:0;cursor:pointer}@font-face{font-family:Mont;font-weight:500;src:url(../../static/media/Mont-Regular.efd082cbd3e10b7e9c88.woff2)}@font-face{font-family:Mont;font-weight:800;src:url(../../static/media/Mont-Bold.8b7a4e0626328dd44205.woff2)}@font-face{font-family:Mont;font-weight:700;src:url(../../static/media/Mont-SemiBold.95ab478c134f9e9da545.woff2)}html{background-color:#0f1121;color:#f1f2f9;font-family:Mont,sans-serif;scroll-behavior:smooth}body{box-sizing:border-box;margin:0;min-width:300px}.main{display:flex;flex:1 1 auto;flex-direction:column;row-gap:56px}@media(min-width:640px){.main{row-gap:64px}}@media(min-width:1200px){.main{row-gap:80px}}.container{box-sizing:border-box;margin:0 auto;padding-inline:16px;width:100%}@media(min-width:640px){.container{padding-inline:24px}}@media(min-width:1200px){.container{box-sizing:border-box;max-width:1200px;padding-inline:32px}}.button__image{height:16px;width:16px}.button__count{align-items:center;background-color:#eb5757;border:1px solid #0f1121;border-radius:50%;display:flex;font-size:9px;font-weight:700;height:14px;justify-content:center;line-height:11.5px;position:absolute;right:8px;top:8px;width:14px}@media(min-width:640px){.button__count{right:16px;top:16px}}.button__next,.button__prev{background-color:#323542;background-position:50%;background-repeat:no-repeat;height:32px;width:32px}.button__next{background-image:url(../../static/media/next.4ef94d7c3aa057b04885.svg)}.button__next:hover{background-color:#4a4d58}.button__next:disabled{background-color:#161827;background-image:url(../../static/media/next-disabled.c9171b88f2b5c91378fd.svg)}.button__prev{background-image:url(../../static/media/prev.1f5b28e7088101b5d35b.svg)}.button__prev:hover{background-color:#4a4d58}.button__prev:disabled{background-color:#161827;background-image:url(../../static/media/prev-disabled.8d5640ce5afe435154cc.svg)}.top-title{font-size:22px;font-weight:800;letter-spacing:-.01em;line-height:31px;margin-bottom:24px}@media(min-width:640px){.top-title{font-size:32px;line-height:41px}}.top-title__content{display:flex;justify-content:space-between}.top-title__buttons{column-gap:16px;display:flex}.app{display:flex;flex-direction:column;min-height:100vh}.page-title{font-size:32px;font-weight:800;letter-spacing:-.01em;line-height:41px;margin-bottom:8px}@media(min-width:640px){.page-title{font-size:48px;line-height:56px}}.title-error{padding-block:15px}.catalog-length{color:#75767f;font-size:14px;font-weight:600;line-height:21px;margin-bottom:32px}@media(min-width:640px){.catalog-length{margin-bottom:40px}}.footer{border-top:1px solid #3b3e4a;padding-block:32px}.footer__content{display:flex;flex-direction:column;row-gap:32px}@media(min-width:640px){.footer__content{flex-direction:row;justify-content:space-between}}.footer__logo{max-width:89px}.footer__navigation{align-items:center;display:flex;flex-direction:column;row-gap:16px}@media(min-width:640px){.footer__navigation{column-gap:106px;flex-direction:row}}.footer__link{font-size:12px;font-weight:800;letter-spacing:.04em;line-height:12px;transition:border-bottom .3s}.footer__link:hover{border-bottom:2px solid #f1f2f9}.footer__back{background-color:#0000;color:#75767f;display:inline-block;font-size:12px;font-weight:700;height:32px;line-height:24px;padding-right:48px;position:relative}.footer__back:after{background-color:#323542;border:1px solid #0000;bottom:0;content:url(../../static/media/next.4ef94d7c3aa057b04885.svg);display:flex;height:32px;justify-content:center;line-height:40px;position:absolute;right:0;transform:rotate(270deg);transition:border .3s;width:32px}.footer__back:hover:after{border:1px solid #fff}.menu__content{background-color:#0f1121;display:flex;flex-direction:column;height:calc(100vh - 48px);overflow-y:auto;transition:transform .3s}.menu__nav{flex:1 1 auto}.menu__buttons{border:1px solid #3b3e4a;display:flex}.menu__link{box-shadow:-1px 0 0 0 #323542;flex-basis:50%;padding-block:16px;text-align:center;transition:border-bottom .3s}.menu__link:hover{border-bottom:2px solid #f1f2f9}.menu__link--cart{position:relative}.menu__count{position:absolute;right:40%;top:10%}@media(min-width:520px){.menu__count{right:45%}}.menu__content-enter{opacity:0;transform:translateY(-100%)}.menu__content-enter-active{opacity:1;transform:translateX(0);transition:opacity .3s,transform .3s}.menu__content-exit{opacity:1;transform:translateY(0)}.menu__content-exit-active{opacity:0;transform:translateY(-100%);transition:opacity .3s,transform .3s}.main{padding-bottom:64px}@media(min-width:1200px){.main{padding-bottom:80px}}.category__items{display:flex;flex-direction:column;row-gap:32px}@media(min-width:640px){.category__items{column-gap:15px;flex-direction:row}}@media(min-width:1200px){.category__items{column-gap:16px}}.category__item{margin:0 auto}.category__picture{height:288px;margin-bottom:24px;overflow:hidden;position:relative;transition:transform .3s;width:288px}.category__picture:hover{transform:scale(1.1)}.category__picture--phones{background-color:#6d6474}.category__picture--tablets{background-color:#8d8d92}.category__picture--accessories{background-color:#d53c51}@media(min-width:640px){.category__picture{height:187px;width:187px}}@media(min-width:1200px){.category__picture{height:368px;width:368px}}.category__image{height:288px;left:20%;object-fit:cover;object-position:top;position:absolute;top:20%;width:288px}@media(min-width:640px){.category__image{height:187px;width:187px}}@media(min-width:1200px){.category__image{height:368px;width:368px}}.category__link{display:inline-block;font-size:20px;font-weight:700;line-height:26px;margin-bottom:4px}.category__length{color:#89939a;font-size:14px;font-weight:600;line-height:21px}.main-slider__title{font-size:32px;font-weight:800;letter-spacing:-.01em;line-height:41px;margin-block:24px}@media(min-width:640px){.main-slider__title{font-size:48px;line-height:56px;margin-block:32px}}@media(min-width:1200px){.main-slider__title{margin-block:56px}}.main-slider__slider{--columns:4;grid-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:repeat(var(--columns),1fr);margin:0 auto}@media(min-width:640px){.main-slider__slider{--columns:12}}@media(min-width:1200px){.main-slider__slider{--columns:24}}@media(min-width:640px){.main-slider__slider{padding-inline:24px}}@media(min-width:1200px){.main-slider__slider{box-sizing:border-box;max-width:1200px;padding-inline:32px}}.main-slider__picture{display:flex;grid-column:1/-1;height:320px;justify-content:center;overflow:hidden;width:auto}@media(min-width:640px){.main-slider__picture{grid-column:span 10;height:189px}}@media(min-width:1200px){.main-slider__picture{grid-column:span 22;height:400px}}.main-slider__image{flex:1 1 auto;max-height:100%;max-width:100%;object-fit:cover;object-position:top}@media(min-width:640px){.main-slider__image{object-position:center}}@media(min-width:1200px){.main-slider__image{max-height:400px}}.main-slider__next,.main-slider__prev{display:none}@media(min-width:640px){.main-slider__next,.main-slider__prev{background-color:#323542;border:none;border-radius:0;display:block;grid-column:span 1}}.main-slider__pagination{column-gap:14px;display:flex;grid-column:1/-1;justify-content:center;padding-block:10px}.main-slider__dot{background-color:#3b3e4a;height:4px;margin-top:18px;width:14px}.active-dot{background-color:#f1f2f9}.product-card{background-color:#161827;border:1px solid #323542;box-shadow:0 2px 16px 0 rgba(0,0,0,.102);box-sizing:border-box;flex:0 0 272px;height:506px;padding:32px}.product-card__image{display:flex;height:196px;justify-content:center;margin-bottom:24px;object-fit:contain;object-position:center;transition:transform .3s;width:100%}.product-card__image:hover{transform:scale(1.1)}.product-card__title{display:inline-block;font-size:14px;font-weight:600;line-height:21px;min-height:42px}.product-card__price{align-items:center;border-bottom:2px solid #3b3e4a;column-gap:8px;display:flex;font-size:22px;font-weight:800;line-height:31px;padding-block:8px}.product-card__discount{color:#75767f;font-size:22px;font-weight:600;line-height:28px;text-decoration:line-through}.add-buttons{column-gap:8px;display:flex;text-align:center}.add-buttons,.add-buttons__add-to-cart{font-size:14px;font-weight:700;line-height:21px}.add-buttons__add-to-cart{background:#905bff;color:#fff;flex:1 0 auto;transition:background-color .3s}.add-buttons__add-to-cart:hover{background-color:#a378ff}.add-buttons__add-to-cart--disabled{background-color:#323542}.add-buttons__heart-like{background:#323542;background-image:url(../../static/media/heart-like.40477fe0fa486830b14a.svg);background-position:50%;background-repeat:no-repeat;flex-basis:40px;height:40px;transition:background-color .3s}.add-buttons__heart-like:hover{background-color:#4a4d58}.add-buttons__heart-like--disabled{background-color:#0f1121;background-image:url(../../static/media/heart-like-disabled.d554a185325e4fb06092.svg)}.card-items{margin-bottom:8px;padding-top:8px}.card-items__item{display:flex;font-size:12px;font-weight:700;justify-content:space-between;line-height:15px;padding-bottom:8px}.card-items__key{color:#75767f}.new-models__slider{box-sizing:border-box;padding-left:16px;width:100%}@media(min-width:1200px){.new-models__slider{margin:0 auto;max-width:1200px;padding-inline:32px}}.new-models__content{overflow:hidden}.new-models__wrapper{column-gap:16px;display:flex;transition:transform .3s}.catalog{padding-top:24px}.breadcrumps{align-items:center;display:flex;font-size:12px;font-weight:700;line-height:16px;margin-bottom:24px}@media(min-width:640px){.breadcrumps{margin-bottom:40px}}.breadcrumps__home{background-image:url(../../static/media/home.61c669dec91922931a67.svg);background-position:0;background-repeat:no-repeat;display:inline-block;height:16px;width:16px}.breadcrumps :not(:last-child){margin-right:8px;padding-right:24px;position:relative}.breadcrumps :not(:last-child):after{content:url(../../static/media/arrow-breadcrump.032143ec3a469792459d.svg);position:absolute;right:0}.breadcrumps :last-child{color:#75767f;cursor:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filters__fields{--columns:4;grid-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:repeat(var(--columns),1fr)}@media(min-width:640px){.filters__fields{--columns:12}}@media(min-width:1200px){.filters__fields{--columns:24}}.filters__fields :nth-child(n){grid-column:span 2}@media(min-width:640px){.filters__fields :first-child{grid-column:span 4}.filters__fields :nth-child(2){grid-column:span 3}}.filters__dropdown{position:relative}.filters__label{color:#75767f;font-size:12px;font-weight:700;line-height:16px;margin-bottom:4px}.filters__triggle{background-color:#323542;border:1px solid #0000;color:#f1f2f9;font-size:14px;font-weight:700;line-height:21px;padding:10px 12px;position:relative;text-align:start;transition:border .3s;width:100%}.filters__triggle:hover{border:1px solid #4a4d58}.filters__triggle--active{border:1px solid #905bff}.filters__triggle--active:after{transform:rotate(180deg);transition:transform .3s}.filters__triggle:after{content:url(../../static/media/dropdown.e6cfe11ac807815e9d25.svg);height:16px;position:absolute;right:12px;top:12px;width:16px}.filters__triggle:hover .filters__triggle:after{content:url(../../static/media/dropdown-hover.6e4b28ea22939ec09dd8.svg)}.filters__options{background-color:#0f1121;border:1px solid #3b3e4a;left:0;padding:8px 0;position:absolute;right:0;top:67px;z-index:15}.filters__option{cursor:pointer;padding:6px 12px;transition:background-color .3s}.filters__option:hover{background-color:#323542}.products{grid-row-gap:40px;--columns:4;grid-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:repeat(var(--columns),1fr);padding-block:24px;row-gap:40px}@media(min-width:640px){.products{--columns:12;padding-bottom:40px}}@media(min-width:1200px){.products{--columns:24}}.products :nth-child(n){grid-column:span 4}@media(min-width:640px){.products :nth-child(n){grid-column:span 6}}.pagination{column-gap:16px;display:flex;justify-content:center}.pagination__buttons{display:flex;gap:8px;max-width:400px}.pagination__button{background-color:#161827;color:#f1f2f9;font-size:14px;font-weight:600;height:32px;line-height:21px;width:32px}.pagination__button:hover{background-color:#3b3e4a}.pagination__button--active{background-color:#905bff}.loader__wrapper{height:80vh}.error,.loader__wrapper{align-items:center;display:flex;justify-content:center}.error{flex-direction:column;height:70vh;row-gap:20px}.error__button{background-color:#905bff;color:#f1f2f9;font-size:14px;font-weight:700;line-height:21px;padding-block:14px;text-align:center;width:100%}.error__button:hover{background-color:#a378ff}.cart{--columns:4;grid-column-gap:16px;column-gap:16px;display:grid;grid-template-columns:repeat(var(--columns),1fr);min-width:100%;padding-top:25px}@media(min-width:640px){.cart{--columns:12}}@media(min-width:1200px){.cart{--columns:24}}@media(min-width:640px){.cart{padding-top:40px}}.cart__cards,.cart__error,.cart__title{grid-column:1/-1}@media(min-width:1200px){.cart__cards{grid-column:1/16;padding-bottom:0}}.cart__image{height:80px;margin-inline:24px;object-fit:contain;width:80px}.cart__card{align-items:center;background-color:#161827;display:flex;flex-direction:column;gap:16px 24px;justify-content:space-between;margin-bottom:16px;padding:24px}@media(min-width:640px){.cart__card{flex-direction:row}}.cart__card--right{align-items:center;column-gap:24px;display:flex;flex:1 1 auto;justify-content:space-between;width:100%}@media(min-width:640px){.cart__card--right{width:auto}}.cart__card--left{align-items:center;column-gap:24px;display:flex;flex:1 1 auto;width:100%}.cart__close{background-image:url(../../static/media/cart-close.a7b1ced7ed3e49385129.svg);height:16px;width:16px}.cart__name{font-size:14px;font-weight:600;line-height:21px}.cart__buttons{align-items:center;display:flex}.cart__button{background-color:#323542;background-position:50%;background-repeat:no-repeat;border:1px solid #0000;box-sizing:border-box;height:32px;transition:background-color .3s,border .3s;width:32px}.cart__button:hover{background-color:#3b3e4a}.cart__button:disabled{background-color:#0000;border:1px solid #3b3e4a}.cart__button--minus{background-image:url(../../static/media/minus.0365a13e7f5baa53bce8.svg)}.cart__button--minus:disabled{background-image:url(../../static/media/minus-disabled.a6cc83682174ac68c902.svg)}.cart__button--plus{background-image:url(../../static/media/plus.8519972be0ca323eba65.svg)}.cart__number{align-items:center;display:flex;height:32px;justify-content:center;width:32px}.cart__price{font-size:22px;font-weight:800;line-height:31px}.cart__total{border:1px solid #3b3e4a;grid-column:1/-1;height:190px;padding:24px;text-align:center}@media(min-width:1200px){.cart__total{grid-column:17/-1;height:206px}}.cart__sum{font-size:32px;font-weight:800;letter-spacing:-.01em;line-height:41px}.cart__total-number{border-bottom:1px solid #3b3e4a;color:#75767f;font-size:14px;font-weight:600;line-height:21px;margin-bottom:16px;padding-bottom:16px}.cart__checkout{background-color:#905bff;color:#f1f2f9;font-size:14px;font-weight:700;line-height:21px;padding-block:14px;width:100%}.cart__checkout:hover{background-color:#a378ff}.back{color:#f1f2f9;display:flex;font-size:12px;font-weight:700;grid-column:span 2;line-height:16px;margin-bottom:16px;padding-left:16px;position:relative;text-align:start}.back:before{content:url(../../static/media/back.4dc386686e1f77999a38.svg);left:0;position:absolute}.checkout-modal{align-items:center;background-color:rgba(0,0,0,.471);display:flex;height:100vh;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:100}.checkout-modal__wrapper{max-width:600px;padding-inline:15px}.checkout-modal__link{display:block;margin-bottom:24px;margin-left:auto}.checkout-modal__image{height:32px;width:32px}.checkout-modal__title{margin-bottom:40px}.checkout-modal__button{background-color:#905bff;color:#f1f2f9;font-size:14px;font-weight:700;line-height:21px;padding-block:14px;width:100%}.checkout-modal__button:hover{background-color:#a378ff}.card,.phones-card{padding-top:24px}.card{box-sizing:border-box}.card__good-name{font-size:22px;font-weight:800;line-height:31px;margin-bottom:32px}@media(min-width:640px){.card__good-name{font-size:32px;letter-spacing:-.01em;line-height:41px;margin-bottom:40px}}.card__top{margin-bottom:56px}@media(min-width:640px){.card__top{column-gap:17px;column-gap:64px;display:flex;margin-bottom:64px;margin-bottom:80px}}.card__slider{display:flex;flex-direction:column;row-gap:16px}@media(min-width:640px){.card__slider{column-gap:16px;flex-basis:50%;flex-direction:row-reverse}}.card__brief{flex-basis:50%}.card__main-picture{display:flex;height:288px;justify-content:center;margin:0 auto;object-fit:contain;width:288px}@media(min-width:1200px){.card__main-picture{height:464px;width:464px}}.card__pictures{border:1px solid #0000;display:flex;gap:8px}@media(min-width:640px){.card__pictures{flex-direction:column}}.card__picture{cursor:pointer;height:49px;object-fit:contain;object-position:center;transition:border .3s;width:51px}.card__picture--active{border:1px solid #f1f2f9}.card__brief-wrapper{max-width:320px}.card__names{display:flex;justify-content:space-between}.card__value{color:#75767f;margin-bottom:8px}.card__id,.card__value{font-size:12px;font-weight:700;line-height:15px}.card__id{color:#4a4d58}.card__colors{column-gap:8px;display:flex;margin-bottom:24px}.card__color{border:1px solid #3b3e4a;border-radius:50%;box-sizing:border-box;display:block;height:32px;position:relative;transition:border .3s;width:32px}.card__color--active{border:1px solid #f1f2f9}.card__color:after{border:2px solid #0f1121;border-radius:50%;content:"";height:27px;left:0;position:absolute;right:0;top:0;width:27px}.card__line{border-bottom:1px solid #3b3e4a;padding-bottom:24px}.card__capacities{column-gap:8px;display:flex;margin-bottom:32px}.card__capacity{border:1px solid #4a4d58;color:#f1f2f9;font-size:14px;font-weight:600;line-height:21px;padding:8px 7px 4px}.card__capacity--active{background:#f1f2f9;border:1px solid #0000;color:#0f1121}.card__price{align-items:center;column-gap:8px;display:flex;font-size:22px;font-weight:800;line-height:31px;margin-bottom:16px}.card__discount{color:#75767f;font-size:22px;font-weight:600;line-height:28px;text-decoration:line-through}.card__buttons,.card__title{margin-bottom:32px}.card__title{border-bottom:1px solid #3b3e4a;font-size:20px;font-weight:700;line-height:26px;padding-bottom:16px}@media(min-width:640px){.card__title{font-size:22px;font-weight:800;line-height:31px}}.card__title--tech-specs{margin-bottom:30px}@media(min-width:1200px){.card__title--tech-specs{margin-bottom:25px}.card__bottom{column-gap:64px;display:flex}}.card__about{margin-bottom:22px}@media(min-width:1200px){.card__about{flex:1 1 50%;margin-bottom:32px}}.card__description{margin-bottom:32px}.card__subtitle{font-size:16px;font-weight:700;line-height:21px;margin-bottom:16px}@media(min-width:640px){.card__subtitle{font-size:20px;line-height:26px}}.card__text{color:#75767f;font-size:14px;font-weight:600;line-height:21px}.card__tech-specs{margin-bottom:56px}@media(min-width:640px){.card__tech-specs{flex:1 1 50%;margin-bottom:64px}}.accessories-card,.not-found-page,.tablets-card{padding-top:24px}.not-found-page__title{margin-bottom:40px}.not-found-page__button{background-color:#905bff;color:#f1f2f9;display:inline-block;font-size:14px;font-weight:700;line-height:21px;padding-block:14px;text-align:center;width:100%}.not-found-page__button:hover{background-color:#a378ff}
/*# sourceMappingURL=main.4f015b60.css.map*/