@import"https://fonts.cdnfonts.com/css/mont";.header{position:fixed;top:0;left:0;z-index:1001;display:flex;width:100%;height:48px;align-items:center;justify-content:space-between;background-color:#0f1117;border-bottom:1px solid #323542}@media screen and (min-width: 640px){.header{position:static}}@media screen and (min-width: 1200px){.header{height:64px}}.header__left{display:flex;height:100%;align-items:center;flex-grow:1}.header__logo{display:flex;height:100%;padding:0 16px;align-items:center}@media screen and (min-width: 640px){.header__logo{padding:0 24px}}.header__logo-img{height:28px}.header__right{display:flex;height:100%}.header__desktop-icons{display:none;height:100%}@media screen and (min-width: 640px){.header__desktop-icons{display:flex!important}}.header__icon{width:20px;height:20px}.header__icon-link{position:relative;display:flex;width:64px;height:100%;align-items:center;justify-content:center;border-left:1px solid #323542;text-decoration:none;transition:background-color .3s}.header__icon-link:hover{background-color:#313237}.header__icon-link.is-active:after{position:absolute;bottom:-1px;left:0;right:0;height:3px;content:"";background-color:#f1f2f9}.header__icon-link.is-active .header__icon{filter:brightness(0) invert(1)}.header__burger{z-index:1010;display:flex;width:48px;height:100%;align-items:center;justify-content:center;background:none;border:none;border-left:1px solid #323542;cursor:pointer}@media screen and (min-width: 640px){.header__burger{display:none!important}}.header__count{position:absolute;top:10px;right:10px;display:flex;width:14px;height:14px;align-items:center;justify-content:center;border:2px solid #0f1117;border-radius:50%;background-color:#eb5757;color:#fff;font-size:9px;font-weight:700}.nav{display:none}@media screen and (min-width: 639px){.nav{display:block!important;height:100%}}.nav__list{display:flex;height:100%;margin:0;padding:0;list-style:none}@media screen and (min-width: 1200px){.nav__list{gap:64px}}.nav__link{position:relative;display:flex;height:100%;padding:0 16px;align-items:center;color:#89939a;font-size:12px;font-weight:800;text-decoration:none;text-transform:uppercase;transition:color .3s}@media screen and (min-width: 1200px){.nav__link{padding:0}}.nav__link:hover,.nav__link.is-active{color:#f1f2f9}.nav__link.is-active:after{position:absolute;bottom:-1px;left:0;right:0;height:3px;content:"";background-color:#f1f2f9}.menu{position:fixed;top:48px;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;background-color:#0f1117;transform:translate(-100%);transition:transform .3s ease-in-out;overflow:hidden;height:calc(100vh - 48px)}@media screen and (min-width: 640px){.menu{display:none!important}}.menu.is-open{transform:translate(0)}.menu__nav{display:flex;flex-grow:1;flex-direction:column;padding-top:48px;align-items:center;gap:16px;overflow-y:auto}.menu__link{position:relative;padding:12px;color:#89939a;font-size:16px;font-weight:800;text-decoration:none;text-transform:uppercase;transition:color .3s}.menu__link:hover,.menu__link.is-active{color:#f1f2f9}.menu__link.is-active:after{position:absolute;bottom:0;left:12px;right:12px;height:3px;content:"";background-color:#f1f2f9}.menu__footer{display:flex;height:64px;border-top:1px solid #323542}.menu__icon-link{position:relative;display:flex;flex:1;align-items:center;justify-content:center;border-right:1px solid #323542}.menu__icon-link:last-child{border-right:none}.menu__icon-link.is-active .header__icon{filter:brightness(0) invert(1)}.menu__icon-link .header__count{position:absolute;top:15px;right:calc(50% - 15px)}.main-title{margin:24px 0;color:#fff;font-family:Mont,sans-serif;font-size:32px;font-weight:800;line-height:41px;letter-spacing:-.01em}@media screen and (min-width: 640px){.main-title{margin:40px 0;font-size:48px;line-height:56px}}@media screen and (min-width: 1200px){.main-title{margin:56px 0}}.footer{width:100%;background-color:#0f1117;border-top:1px solid #323542;flex-shrink:0;padding:32px 0;margin-top:56px}@media (min-width: 640px){.footer{height:96px;margin-top:64px;padding:0;display:flex;align-items:center}}.footer .container{width:100%;margin:0 auto;padding:0 16px}@media (min-width: 640px){.footer .container{padding:0 24px}}@media (min-width: 1200px){.footer .container{max-width:1136px;padding:0}}.footer__content{display:flex;flex-direction:column;align-items:flex-start;gap:32px}@media (min-width: 640px){.footer__content{flex-direction:row;justify-content:space-between;align-items:center;gap:0;width:100%}}@media (max-width: 639px){.footer__logo,.footer__list{display:flex;justify-content:flex-start;width:100%}.footer__back-to-top{justify-content:center;width:100%;margin-top:16px}}.footer__logo{display:flex;align-items:center;height:28px;flex-shrink:0}.footer__logo-img{height:100%;width:auto}.footer__list{display:flex;flex-direction:column;gap:16px;list-style:none;margin:0;padding:0;flex-shrink:0}@media (min-width: 640px){.footer__list{flex-direction:row;gap:32px}}@media (min-width: 1200px){.footer__list{gap:106px}}.footer__link{font-size:12px;font-weight:800;text-transform:uppercase;text-decoration:none;color:#fff;transition:opacity .3s}.footer__link:hover{opacity:.7}.footer__back-to-top{display:flex;align-items:center;gap:16px;flex-shrink:0}@media (min-width: 640px){.footer__back-to-top{justify-content:flex-end}}.footer__back-text{font-size:12px;font-weight:700;color:#89939a;flex-shrink:0}.footer__back-button{width:32px;height:32px;background-color:#323542;border:none;cursor:pointer;flex-shrink:0;display:flex;justify-content:center;align-items:center;transition:background-color .3s}.footer__back-button:hover{background-color:#4a4d58}.footer__back-button .footer__back-icon{width:16px;height:16px;display:block;filter:brightness(0) invert(1)}.home-page{padding-left:0;padding-right:0;padding-top:48px}@media (min-width: 640px){.home-page{padding-top:0}}.home-page__section{margin-bottom:56px}@media (min-width: 640px){.home-page__section{margin-bottom:72px}}@media (min-width: 1200px){.home-page__section{margin-bottom:80px}}.home-page__section:last-child{margin-bottom:0}.home-page__product-card{background-color:#323542;border:1px solid #4a4d58;display:flex;flex-direction:column;padding:32px;box-sizing:border-box;width:212px;height:auto}@media (min-width: 640px){.home-page__product-card{width:237px!important;min-width:237px!important;max-width:237px!important;height:512px!important}}@media (min-width: 1200px){.home-page__product-card{width:272px!important;min-width:272px!important;max-width:272px!important;height:506px!important}}.main-title{font-family:Mont,sans-serif;font-weight:800;color:#fff;letter-spacing:-.01em;font-size:32px;line-height:41px;margin-top:24px;margin-bottom:24px;max-width:288px}@media (min-width: 640px){.main-title{font-size:48px;line-height:56px;margin-top:32px;margin-bottom:32px;max-width:592px}}@media (min-width: 1200px){.main-title{margin-top:56px;margin-bottom:56px;max-width:100%}}.banner-section{padding-top:32px;max-width:1136px;margin:0 auto;padding-left:16px;padding-right:16px}@media (min-width: 640px){.banner-section{padding-top:56px;padding-left:0;padding-right:0}}.banner-section__title{font-family:Mont,sans-serif;font-weight:800;font-size:32px;line-height:41px;letter-spacing:-.01em;color:#fff;margin-top:0;margin-bottom:24px;text-align:left}@media (min-width: 640px){.banner-section__title{font-size:48px;line-height:56px;margin-bottom:32px}}.banner__main{display:grid;grid-template-columns:1fr;grid-column-gap:0;height:400px;width:100%;position:relative;overflow:hidden}@media (min-width: 640px){.banner__main{grid-template-columns:32px 1fr 32px;grid-column-gap:16px}}.banner__viewer{grid-column:1}@media (min-width: 640px){.banner__viewer{grid-column:2}}.banner__viewer{overflow:hidden;height:100%}.banner__list{display:flex;height:100%;transition:transform .5s ease-in-out}.banner__slide{min-width:100%;height:100%}.banner__img{width:100%;height:100%;object-fit:contain;display:block;border-radius:8px}.banner__btn{display:none}@media (min-width: 640px){.banner__btn{display:flex;border:none;padding:0;margin:0;height:100%;width:32px;background-color:#323542;cursor:pointer;align-items:center;justify-content:center;z-index:10;transition:background-color .3s}.banner__btn:hover{background-color:#4a4d58}}.banner__btn--prev{grid-column:1}.banner__btn--prev:after{content:"";width:8px;height:8px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(45deg);margin-left:4px}.banner__btn--next{grid-column:3}.banner__btn--next:after{content:"";width:8px;height:8px;border-right:2px solid #fff;border-top:2px solid #fff;transform:rotate(45deg);margin-right:4px}.banner__dots{display:flex;justify-content:center;gap:12px;margin-top:16px}.banner__dot{border:none;padding:0;width:14px;height:4px;background-color:#323542;cursor:pointer;transition:background-color .3s}.banner__dot.is-active{background-color:#f1f2f9}.products-slider{margin-bottom:56px}@media (min-width: 640px){.products-slider{margin-bottom:72px}}@media (min-width: 1200px){.products-slider{margin-bottom:80px}}.products-slider__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.products-slider__title{font-size:22px;line-height:31px;font-weight:800;color:#f1f2f9}@media (min-width: 640px){.products-slider__title{font-size:32px;line-height:41px}}.products-slider__buttons{display:flex;gap:16px}.products-slider__btn{width:32px;height:32px;border:1px solid #323542;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.products-slider__btn:disabled{opacity:.5;cursor:default;border-color:#3b3e49}.products-slider__btn:not(:disabled):hover{border-color:#f1f2f9}.products-slider__btn:before{content:"";width:8px;height:8px;border-left:2px solid #f1f2f9;border-bottom:2px solid #f1f2f9;transform:rotate(45deg)}.products-slider__btn--next:before{transform:rotate(-135deg)}.products-slider__container{overflow:hidden;width:100%}.products-slider__content{display:flex;flex-wrap:nowrap;gap:16px;transition:transform .5s ease-in-out}.products-slider__card-wrapper{flex-shrink:0;box-sizing:border-box;width:212px;height:440px}@media (min-width: 640px){.products-slider__card-wrapper{width:237px;height:512px}}@media (min-width: 1200px){.products-slider__card-wrapper{width:272px;height:506px}}.products-slider__card-wrapper .product-card{width:100%;height:100%}.product-card{display:flex;width:100%;height:100%;flex-direction:column;flex-shrink:0;flex-grow:0;padding:16px;background-color:#161827;border:1px solid #3b3e49;box-sizing:border-box;transition:border-color .3s ease}@media (min-width: 640px){.product-card{padding:32px}}.product-card:hover{border-color:#f1f2f9}.product-card__image-container{display:flex;width:100%;height:160px;margin-bottom:24px;align-items:center;justify-content:center}@media (min-width: 640px){.product-card__image-container{height:196px}}.product-card__image{max-width:100%;max-height:100%;object-fit:contain}.product-card__title{margin:0 0 8px;min-height:42px;color:#f1f2f9;font-family:Mont,sans-serif;font-size:14px;font-weight:600;line-height:21px}.product-card__price{display:flex;margin-bottom:8px;align-items:baseline;gap:8px}.product-card__price-new{color:#f1f2f9;font-size:22px;font-weight:800}.product-card__price-old{color:#75767f;font-size:14px;text-decoration:line-through}.product-card__divider{height:1px;margin-bottom:8px;background-color:#3b3e49}.product-card__specs{display:flex;flex-grow:1;flex-direction:column;gap:8px;margin-bottom:24px}.product-card__spec{display:flex;justify-content:space-between;font-size:12px}.product-card__spec-label{color:#75767f}.product-card__spec-value{font-weight:600;color:#f1f2f9}.product-card__buttons{display:flex;margin-top:auto;gap:8px}.product-card__btn-cart{flex:1;height:40px;border:none;background-color:#8970ff;color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .3s}.product-card__btn-cart:hover{background-color:#a38fff}.product-card__btn-cart.is-active{border:1px solid #3b3e49;background-color:transparent;color:#f1f2f9}.product-card__btn-fav{display:flex;width:40px;height:40px;flex-shrink:0;align-items:center;justify-content:center;border:1px solid #3b3e49;background-color:#323542;cursor:pointer}.product-card__btn-fav .product-card__icon-heart{width:16px;height:16px;background:url(/react_phone-catalog/img/icons/heart.svg) no-repeat center;background-size:contain}.product-card__btn-fav.is-active .product-card__icon-heart{background:url(/react_phone-catalog/img/icons/heart-filled.svg) no-repeat center}@media (min-width: 1200px){.product-card{width:272px!important;height:506px!important;min-width:272px!important;max-width:272px!important}}.categories{margin-top:56px}@media (min-width: 640px){.categories{margin-top:80px}}.categories__title{font-family:Mont,sans-serif;font-weight:800;font-size:24px;margin-bottom:24px;color:#fff}@media (min-width: 640px){.categories__title{font-size:32px}}.categories__list{display:grid;grid-template-columns:1fr;gap:32px}@media (min-width: 640px){.categories__list{grid-template-columns:repeat(3,1fr);gap:24px}}.categories__img-container{position:relative;width:100%;aspect-ratio:1/1;overflow:hidden;margin-bottom:12px;display:flex;justify-content:center;align-items:center;border-radius:0}.categories__img-container--phones{background-color:#6d6474}.categories__img-container--tablets{background-color:#8d8d92}.categories__img-container--accessories{background-color:#973451}@media (min-width: 640px){.categories__img-container{margin-bottom:24px}}.categories__img{display:block;width:100%!important;height:auto;max-width:none!important;object-fit:contain;transition:transform .3s ease-in-out;transform-origin:center}.categories__img-container--phones .categories__img{transform:translate(5%,10%) scale(.9)}.categories__img-container--tablets .categories__img{transform:translate(30%,28%) scale(1.3)}.categories__img-container--accessories .categories__img{transform:translate(50%,30%) scale(1.8)}.categories__link{text-decoration:none;display:block}.categories__link:hover .categories__img{filter:brightness(1.1)}.categories__name{font-family:Mont,sans-serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:4px}.categories__count{font-family:Mont,sans-serif;font-size:14px;color:#89939a}.phones-page{padding-bottom:40px;padding-top:48px}@media (min-width: 640px){.phones-page{padding-top:0;padding-left:24px;padding-right:24px}}.phones-page__title{font-family:Mont,sans-serif;font-weight:800;font-size:32px;line-height:41px;letter-spacing:-.01em;color:#f1f2f9;margin:24px 0 8px}@media (min-width: 640px){.phones-page__title{font-size:48px;line-height:56px;margin-top:24px}}.phones-page__count{font-size:14px;color:#89939a;margin-bottom:40px}.phones-page__filters{display:flex;gap:16px;margin-bottom:24px}.phones-page__list{display:grid;grid-template-columns:288px;row-gap:40px;justify-content:center}@media (min-width: 640px){.phones-page__list{grid-template-columns:repeat(2,288px);gap:40px 16px;justify-content:center}}@media (min-width: 1200px){.phones-page__list{grid-template-columns:repeat(4,272px);column-gap:16px;justify-content:center}}@media (min-width: 640px){.phones-page__list .product-card{height:506px;width:288px}}@media (min-width: 1200px){.phones-page__list .product-card{height:auto;width:272px}}.sort-selector{display:flex;flex-direction:column;gap:4px}.sort-selector__label{font-size:12px;font-weight:700;color:#89939a}.sort-selector__select{height:40px;padding:0 40px 0 12px;background-color:#323542;border:none;color:#f1f2f9;font-family:Mont,sans-serif;font-weight:700;cursor:pointer;outline:none;border-radius:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L8 10L4 6' stroke='%23F1F2F9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.sort-selector__select:hover{background-color:#4a4d58;border-color:#4a4d58}.sort-selector__select option{background-color:#0f1117;color:#f1f2f9}.items-per-page{display:flex;flex-direction:column;gap:4px}.items-per-page__label{font-size:12px;font-weight:700;color:#89939a}.items-per-page__select{height:40px;min-width:128px;padding:0 40px 0 12px;background-color:#323542;color:#f1f2f9;border:none;border-radius:0;font-family:Mont,sans-serif;font-size:14px;font-weight:700;cursor:pointer;outline:none;transition:background-color .3s;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6L8 10L4 6' stroke='%23F1F2F9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.items-per-page__select:hover{background-color:#4a4d58}.items-per-page__select:focus{background-color:#4a4d58}.pagination{display:flex;margin-top:40px;margin-bottom:80px;align-items:center;justify-content:center;gap:8px;list-style:none}.pagination__btn{display:flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid #323542;background-color:transparent;color:#f1f2f9;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;border-radius:0}.pagination__btn.is-active{background-color:#8e7cea;border-color:#8e7cea;color:#fff}.pagination__btn:disabled{cursor:default;opacity:.5}.pagination__btn:hover:not(:disabled,.is-active){border-color:#f1f2f9}.pagination__btn--prev{background:url("data:image/svg+xml,%3csvg%20width='6'%20height='10'%20viewBox='0%200%206%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.13799%200.195262C4.87764%20-0.0650874%204.45553%20-0.0650874%204.19518%200.195262L0.195181%204.19526C-0.0651689%204.45561%20-0.0651689%204.87772%200.195181%205.13807L4.19518%209.13807C4.45553%209.39842%204.87764%209.39842%205.13799%209.13807C5.39834%208.87772%205.39834%208.45561%205.13799%208.19526L1.60939%204.66667L5.13799%201.13807C5.39834%200.877722%205.39834%200.455612%205.13799%200.195262Z'%20fill='%23F1F2F9'/%3e%3c/svg%3e") no-repeat center #323542}.pagination__btn--next{background:url("data:image/svg+xml,%3csvg%20width='6'%20height='10'%20viewBox='0%200%206%2010'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20fill-rule='evenodd'%20clip-rule='evenodd'%20d='M5.13799%200.195262C4.87764%20-0.0650874%204.45553%20-0.0650874%204.19518%200.195262L0.195181%204.19526C-0.0651689%204.45561%20-0.0651689%204.87772%200.195181%205.13807L4.19518%209.13807C4.45553%209.39842%204.87764%209.39842%205.13799%209.13807C5.39834%208.87772%205.39834%208.45561%205.13799%208.19526L1.60939%204.66667L5.13799%201.13807C5.39834%200.877722%205.39834%200.455612%205.13799%200.195262Z'%20fill='%23F1F2F9'/%3e%3c/svg%3e") no-repeat center #323542;transform:rotate(180deg)}.breadcrumbs{display:flex;align-items:center;gap:8px;margin-top:24px;margin-bottom:24px}.breadcrumbs__home{width:16px;height:16px;display:block;background:url(/react_phone-catalog/img/icons/home.svg) no-repeat center;background-size:contain;filter:brightness(0) invert(1);transition:opacity .3s}.breadcrumbs__home:hover{opacity:.7}.breadcrumbs__separator{width:16px;height:16px;background:url(/react_phone-catalog/img/icons/arrow-right.svg) no-repeat center;background-size:contain;filter:brightness(0) invert(.6);opacity:1}.breadcrumbs__link{text-decoration:none;color:#fff!important;font-weight:700;font-size:12px;transition:opacity .3s}.breadcrumbs__link:visited{color:#fff}.breadcrumbs__link:hover{opacity:.7}.breadcrumbs__current{font-weight:700;font-size:12px;color:#89939a;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.details{background-color:#0f1121;color:#fff;font-family:Mont,sans-serif;padding-top:72px;padding-bottom:56px;width:100%;overflow-x:hidden;box-sizing:border-box}@media screen and (min-width: 639.5px){.details{padding-top:40px;padding-bottom:80px}}.details__top-nav{display:flex;align-items:center;gap:8px;padding-bottom:24px;font-size:12px;line-height:1}@media screen and (min-width: 639.5px){.details__top-nav{padding-bottom:0;margin-bottom:32px}}.details__home-icon{display:block;width:16px;height:16px;background:url(/react_phone-catalog/img/icons/home.svg) no-repeat center;background-size:contain;flex-shrink:0}.details__arrow{display:block;width:16px;height:16px;background:url(/react_phone-catalog/img/icons/arrow-right.svg) no-repeat center;background-size:contain;filter:brightness(0) invert(.6)}.details__category-link{color:#fff!important;text-decoration:none;font-weight:700;transition:opacity .3s}.details__category-link:visited{color:#fff!important}.details__category-link:hover{opacity:.7}.details__model-name{display:flex;align-items:center;color:#89939a;text-decoration:none;height:16px;white-space:nowrap;font-weight:700}.details__back-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:#fff;font-size:12px;font-weight:700;margin-bottom:24px}.details__back-link:before{content:"";width:16px;height:16px;background:url(/react_phone-catalog/img/icons/arrow-left.svg) no-repeat center;background-size:contain}.details__title{font-size:32px;font-weight:700;margin-bottom:40px;word-wrap:break-word}.details__content{display:flex;flex-direction:column;gap:32px;margin-bottom:80px}@media screen and (min-width: 639.5px){.details__content{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:20px}}@media screen and (min-width: 1200px){.details__content{display:grid;grid-template-columns:1fr 320px;gap:64px}}.details__gallery{display:flex;flex-direction:column;gap:16px;align-items:center}@media screen and (min-width: 639.5px){.details__gallery{flex-direction:row-reverse;justify-content:flex-end;align-items:flex-start;flex:1;max-width:calc(100% - 257px)}}@media screen and (min-width: 1200px){.details__gallery{max-width:none}}.details__thumbnails{display:flex;flex-direction:row;gap:8px;flex-shrink:0}@media screen and (min-width: 639.5px){.details__thumbnails{flex-direction:column;gap:12px}}.details__thumb{width:50px;height:50px;background:#fff;border:1px solid #4a4d58;cursor:pointer;padding:4px}.details__thumb.is-active{border-color:#fff}.details__thumb img{width:100%;height:100%;object-fit:contain}@media screen and (min-width: 1200px){.details__thumb{width:80px;height:80px}}.details__main-img{width:288px;height:288px;display:flex;justify-content:center;align-items:center}.details__main-img img{width:100%;height:100%;object-fit:contain}@media screen and (min-width: 639.5px){.details__main-img{flex:1;height:350px}}@media screen and (min-width: 1200px){.details__main-img{height:440px}}@media screen and (min-width: 639.5px){.details__actions-panel{width:237px;flex-shrink:0}}@media screen and (min-width: 1200px){.details__actions-panel{width:320px}}.details__section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #323542}.details__section-label{display:block;font-size:12px;color:#89939a;margin-bottom:8px}.details__colors{display:flex;gap:8px}.details__color{width:30px;height:30px;border-radius:50%;border:2px solid #0f1121;outline:1px solid #3b3e49;cursor:pointer}.details__color.is-active{outline-color:#fff}.details__capacity{display:flex;gap:8px}.details__capacity-btn{padding:10px 12px;border:1px solid #4a4d58;color:#fff;text-decoration:none;font-size:14px}.details__capacity-btn.is-active{background:#fff;color:#0f1121;border-color:#fff}.details__price-block{display:flex;align-items:center;gap:8px;margin:32px 0 16px}.details__price{font-size:32px;font-weight:800}.details__price-old{font-size:22px;color:#89939a;text-decoration:line-through}.details__actions{display:flex;gap:8px;margin-bottom:32px}.details__cart-btn{flex-grow:1;height:48px;background:#6c5ece;color:#fff;border:none;font-weight:700;cursor:pointer}.details__favorite-btn{width:48px;height:48px;border:1px solid #4a4d58;background:#323542 url(/react_phone-catalog/img/icons/heart.svg) no-repeat center;cursor:pointer}.details__favorite-btn.is-active{background-image:url(/react_phone-catalog/img/icons/heart-filled.svg)}.details__specs-short .details__specs-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px;font-size:12px;gap:12px}.details__specs-short .details__specs-label{color:#89939a;flex-shrink:0}.details__specs-short .details__specs-value{color:#f1f2f9;font-weight:600;text-align:right;word-break:break-word}.details__description{margin-top:56px}@media screen and (min-width: 1200px){.details__description{display:grid;grid-template-columns:1fr 320px;gap:64px}}.details__subtitle{font-size:24px;font-weight:700;border-bottom:1px solid #323542;padding-bottom:16px;margin-bottom:32px}.details__section-title{font-size:20px;font-weight:700;margin:32px 0 16px}.details__paragraph{font-size:14px;line-height:1.5;color:#89939a;margin-bottom:24px}.details__specs-full .details__specs-list{display:flex;flex-direction:column;gap:12px}.details__specs-full .details__specs-row{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;font-size:14px}.details__specs-full .details__specs-label{color:#89939a;flex-shrink:0;min-width:90px}.details__specs-full .details__specs-value{color:#f1f2f9;font-weight:600;text-align:right;word-wrap:break-word}.details__suggested{margin-top:80px}.details__suggested-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.details__suggested-title{font-size:22px;font-weight:700}.details__suggested-arrows{display:flex;gap:16px}.details__suggested-arrow{width:32px;height:32px;border:1px solid #4a4d58;background:#323542 no-repeat center;cursor:pointer}.details__suggested-arrow--left{background-image:url(/react_phone-catalog/img/icons/arrow-left.svg)}.details__suggested-arrow--right{background-image:url(/react_phone-catalog/img/icons/arrow-right.svg)}.details__suggested-arrow.is-disabled{opacity:.5;cursor:default}.details__suggested-overflow{overflow:hidden;width:100%}.details__suggested-list{display:flex;gap:16px;transition:transform .5s ease}.details__card-container{flex-shrink:0;width:212px}@media screen and (min-width: 639.5px){.details__card-container{width:237px}}@media screen and (min-width: 1200px){.details__card-container{width:272px}}.cart-item{display:flex;flex-direction:column;gap:16px;padding:16px;border:1px solid #3b3e44;background:#161827}@media (min-width: 640px){.cart-item{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:24px}}.cart-item__info{display:flex;align-items:center;gap:16px}.cart-item__remove{border:none;background:none;color:#89939a;font-size:24px;cursor:pointer;padding:0;line-height:1}.cart-item__remove:hover{color:#fff}.cart-item__image{width:64px;height:64px;object-fit:contain}.cart-item__name{font-size:14px;line-height:21px;color:#fff;max-width:180px}.cart-item__actions{display:flex;align-items:center;justify-content:space-between;gap:24px}@media (min-width: 640px){.cart-item__actions{justify-content:flex-end}}.cart-item__quantity{display:flex;align-items:center;gap:12px}.cart-item__quantity-btn{width:32px;height:32px;border:1px solid #3b3e44;border-radius:0;background:#323542;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .3s ease}.cart-item__quantity-btn:disabled{background:#161827;border-color:#21232e;color:#4a4d58;opacity:.6;cursor:default}.cart-item__quantity-btn:hover:not(:disabled){border-color:#fff;background:#4a4d58}.cart-item__quantity-val{min-width:20px;text-align:center;font-weight:600;color:#fff}.cart-item__price{font-size:16px;font-weight:700;color:#fff;min-width:80px;text-align:right}.cart-page{padding-bottom:0;padding-top:48px}@media (min-width: 640px){.cart-page{padding-top:0}}.cart-page__container{margin:0 auto;width:100%;padding:0 16px}@media (min-width: 640px){.cart-page__container{padding:0 32px}}@media (min-width: 1200px){.cart-page__container{max-width:1136px;padding:0}}.cart-page__back{background:none;border:none;color:#f1f2f9;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;gap:8px;padding:24px 0;transition:opacity .3s}.cart-page__back:hover{opacity:.7}.cart-page__back-icon{width:16px;height:16px;display:block;filter:brightness(0) invert(1)}.cart-page__title{color:#f1f2f9;font-size:32px;font-weight:800;line-height:41px;margin:0 0 32px;letter-spacing:-.01em}@media (min-width: 640px){.cart-page__title{font-size:48px;line-height:56px}}.cart-page__content{display:flex;gap:16px;align-items:flex-start}@media (max-width: 991px){.cart-page__content{flex-direction:column;align-items:stretch;gap:32px}}.cart-page__list{flex-grow:1;display:flex;flex-direction:column;gap:16px}.summary{padding:24px;background-color:#161827;border:1px solid #323542;display:flex;flex-direction:column;align-items:center;box-sizing:border-box}@media (min-width: 992px){.summary{width:368px;flex-shrink:0}}.summary__total{color:#f1f2f9;font-size:32px;font-weight:700;margin-bottom:8px}.summary__count{color:#89939a;font-size:16px;font-weight:600;margin-bottom:24px}.summary__line{width:100%;height:1px;background:#323542;margin-bottom:24px}.summary__checkout-btn{width:100%;height:48px;background:#8a4fff;color:#fff;border:none;font-weight:700;font-size:16px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #8a4fff33}.summary__checkout-btn:hover{background:#9d6fff;transform:translateY(-1px)}.summary__checkout-btn:active{transform:translateY(0)}.favorites-page{padding-bottom:80px;padding-top:56px}@media (min-width: 639.5px){.favorites-page{padding-top:0}}.favorites-page__container{margin:0 auto;width:100%;padding:0 16px;box-sizing:border-box}@media (min-width: 639.5px){.favorites-page__container{padding:0 24px}}@media (min-width: 1200px){.favorites-page__container{max-width:1136px;padding:0}}.favorites-page__title{color:#fff;font-size:32px;font-weight:700;line-height:40px;margin:24px 0 8px;letter-spacing:-.01em}@media (min-width: 639.5px){.favorites-page__title{font-size:48px;line-height:56px}}.favorites-page__count{color:#89939a;font-size:16px;font-weight:600;margin-bottom:40px}.favorites-page__list{display:grid;grid-template-columns:repeat(auto-fill,287px);gap:40px 16px;justify-content:center}@media (min-width: 639.5px){.favorites-page__list{grid-template-columns:repeat(auto-fill,288px);justify-content:start}}@media (min-width: 1200px){.favorites-page__list{grid-template-columns:repeat(auto-fill,272px)}}.favorites-page__item{width:287px;height:440px}@media (min-width: 639.5px){.favorites-page__item{width:288px;height:506px}}@media (min-width: 1200px){.favorites-page__item{width:272px;height:506px}}.favorites-page__empty{color:#fff;font-size:20px;margin-top:40px}*{margin:0;padding:0;box-sizing:border-box}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}.container{width:100%;max-width:none;margin:0 auto;padding-left:16px;padding-right:16px}@media screen and (min-width: 640px){.container{padding-left:24px;padding-right:24px}}@media screen and (min-width: 1200px){.container{padding-left:32px;padding-right:32px}}@media screen and (min-width: 1440px){.container{padding-left:152px;padding-right:152px}}html,body{width:100%;height:100%;background-color:#0f1117;color:#f1f2f9;font-family:Mont,sans-serif}body.is-menu-open{overflow:hidden;height:100vh}#root{height:100%}.app{display:flex;flex-direction:column;min-height:100vh}.app__main{display:flex;flex:1 0 auto;flex-direction:column}