@charset "UTF-8";@font-face{font-family:Mont;src:url(/react_phone-catalog/fonts/Mont-Regular.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Mont;src:url(/react_phone-catalog/fonts/Mont-SemiBold.otf) format("opentype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Mont;src:url(/react_phone-catalog/fonts/Mont-Bold.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}h1,h2,h3,h4{font-weight:700;color:#313237}html{height:100%;scroll-behavior:smooth}body{min-height:100%;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Mont,sans-serif;font-weight:400;color:#313237;background-color:#fff}ul,ol{list-style:none}a{text-decoration:none;color:inherit}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}button{cursor:pointer;background:none;border:none}.page__header{margin-top:56px;grid-column:1/-1;font-size:48px;font-weight:800;letter-spacing:-1%;line-height:100%}@media (min-width: 639px) and (max-width: 1199px){.page__header{margin-top:32px}}.slider{margin-top:56px}@media (min-width: 639px) and (max-width: 1199px){.slider{margin-top:32px}}@media (max-width: 638px){.slider{margin:24px -16px 0}}.slider__container{width:100%;display:flex;justify-content:space-between;gap:16px}@media (min-width: 639px) and (max-width: 1199px){.slider__container{gap:20px}}@media (max-width: 638px){.slider__container{display:block;gap:0;width:100%}}.slider__window{flex-grow:1;overflow:hidden;border-radius:0;position:relative;touch-action:pan-y}.slider__images{display:flex;box-sizing:border-box;width:100%;transition:transform .5s ease-in-out}@media (max-width: 638px){.slider__images{aspect-ratio:1/1}}.slider__image{width:100%;flex-shrink:0;display:block;object-fit:cover;margin:0 auto;object-position:87.5% 50%}.slider__button{border:1px solid #e2e6e9;transition:all .3s ease}@media (max-width: 638px){.slider__button{display:none}}.slider__button--left,.slider__button--right{width:5em}.slider__button--left:before{content:"❮"}.slider__button--right:before{content:"❯"}.slider__button:hover{box-shadow:0 4px 16px #0000001a}.slider__dots{display:flex;justify-content:center;gap:8px;margin-top:16px}.slider__dot{width:14px;height:4px;border:none;background-color:#e2e6e9;cursor:pointer;transition:all .3s ease}.slider__dot--active{background-color:#313237}.slider__dot:hover:not(.slider__dot--active){background-color:#89939a}.product-card{height:100%;display:flex;flex-direction:column;border:#e2e6e9 1px solid;padding:32px;border:1px solid #e2e6e9;transition:all .3s ease}.product-card:hover{box-shadow:0 4px 16px #0000001a;border-color:transparent}.product-card__image-container{max-width:208px;height:230px;display:flex;justify-content:center;align-items:center;margin:auto}.product-card__image{max-width:100%;max-height:100%;object-fit:contain;display:block;transition:all .3s ease}.product-card__image:hover{scale:1.1;transform:rotate(-5deg)}.product-card__title{font-size:14px;line-height:21px;font-weight:600;margin-top:30px}.product-card__price-container{margin-top:8px;font-size:22px;font-weight:700;line-height:140%}.product-card__price-container:after{content:"";width:100%;display:block;border:1px #e2e6e9 solid;margin:10px 0 8px}.product-card__price-old{font-weight:600;margin-left:8px;text-decoration:line-through;color:#89939a}.product-card__specs-item{display:flex;justify-content:space-between;font-weight:600;margin:8px 0;font-size:12px;color:#313237}.product-card__specs-label{color:#89939a}.product-card__buttons{display:grid;grid-template-columns:1fr 40px;gap:8px;margin-top:auto}.product-card__button--add{height:40px;border:none;background-color:#313237;color:#fff;font-weight:600;cursor:pointer;box-shadow:0 0 #0000001a;transition:all .3s ease}.product-card__button--add:hover{background-color:#19191c;box-shadow:0 4px 13px #0000001a;border-color:transparent}.product-card__button--favorite{width:40px;height:40px;border:1px solid #89939a;background-color:#fff;background-image:url(/react_phone-catalog/img/HeartIcon.svg);background-repeat:no-repeat;background-position:center;background-size:20px;cursor:pointer}.products-slider{margin-top:80px}@media (min-width: 639px) and (max-width: 1199px){.products-slider{margin-top:64px}}@media (max-width: 638px){.products-slider{margin:56px -16px 0}}.products-slider__title{grid-column:1/-1;font-size:32px;font-weight:800;letter-spacing:-1%;line-height:41px}@media (max-width: 638px){.products-slider__title{font-size:22px;line-height:140%;letter-spacing:0}}.products-slider__container{width:100%;display:flex;flex-direction:column;justify-content:space-between;gap:16px}@media (min-width: 639px) and (max-width: 1199px){.products-slider__container{gap:20px}}@media (max-width: 638px){.products-slider__container{gap:20px;width:100%}}.products-slider__container--header{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}@media (max-width: 638px){.products-slider__container--header{margin:0 16px}}.products-slider__container--buttons{display:flex;gap:16px}@media (max-width: 638px){.products-slider__container--buttons{margin-right:16px}}.products-slider__window{padding:9px 10px 10px 3px;flex-grow:1;border-radius:0;position:relative;touch-action:pan-y;overflow:hidden}@media (max-width: 638px){.products-slider__window{overflow:hidden}}.products-slider__cards{display:flex;flex-direction:row;gap:16px;box-sizing:border-box;width:100%;transition:all .3s ease;transform:translate(calc(var(--current-index) * -1 * (100% + 16px) / var(--visible-cards)))}@media (max-width: 638px){.products-slider__cards{padding:0 16px}}@media (max-width: 638px){.products-slider__cards{transform:translate(calc(var(--current-index) * -1 * (100% - 16px)))}}.products-slider__card-wrapper{flex-shrink:0;width:calc((100% + 16px) / var(--visible-cards) - 16px)}@media (max-width: 638px){.products-slider__card-wrapper{width:100%}}@media (min-width: 639px) and (max-width: 1199px){.products-slider__card-wrapper{width:calc((100% + 16px) / var(--visible-cards) - 16px)}}.products-slider__image{width:100%;flex-shrink:0;display:block;object-fit:cover;margin:0 auto;object-position:87.5% 50%}.products-slider__button{border:1px solid #e2e6e9;transition:all .3s ease;cursor:pointer}.products-slider__button:hover:not(:disabled){box-shadow:0 4px 16px #0000001a;border-color:#313237}.products-slider__button:disabled{opacity:.5;border-color:#89939a;cursor:default;pointer-events:none}.products-slider__button--left,.products-slider__button--right{width:48px;height:48px}.products-slider__button--left:before{content:"❮"}.products-slider__button--right:before{content:"❯"}.shop-category{width:100%;margin-top:80px}@media (min-width: 639px) and (max-width: 1199px){.shop-category{margin-top:64px}}@media (max-width: 638px){.shop-category{margin-top:56px}}.shop-category__wrapper{display:flex;flex-direction:column;gap:16px}.shop-category__header{grid-column:1/-1;font-size:32px;font-weight:800;letter-spacing:-1%;line-height:41px}@media (max-width: 638px){.shop-category__header{font-size:22px;line-height:140%;letter-spacing:0}}.shop-category__card-wrapper{display:flex;flex-direction:row;justify-content:space-between;gap:16px}@media (max-width: 638px){.shop-category__card-wrapper{flex-direction:column}}.shop-category__card{width:33%;object-fit:cover}@media (max-width: 638px){.shop-category__card{width:100%}}.shop-category__image-container{overflow:hidden}.shop-category__image{width:100%;transition:all .3s ease}.shop-category__image:hover{transform:scale(1.1)}.shop-category__name{font-size:20px;font-weight:600;line-height:100%;margin-top:25px}@media (min-width: 639px) and (max-width: 1199px){.shop-category__name{font-weight:700}}@media (max-width: 638px){.shop-category__name{font-weight:700}}.shop-category__amount{font-size:14px;line-height:21px;font-weight:400;color:#89939a}@media (min-width: 639px) and (max-width: 1199px){.shop-category__amount{font-weight:600}}@media (max-width: 638px){.shop-category__amount{font-weight:600}}.Loader{display:flex;min-height:350px;width:100%;justify-content:center;align-items:center;top:50%}.Loader__content{border-radius:50%;width:2em;height:2em;margin:1em auto;border:.3em solid #ddd;border-left-color:#000;animation:load8 1.2s infinite linear}@keyframes load8{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;height:100px;margin-top:80px;box-shadow:0 -1px 1px #e2e6e9;padding:0 152px}@media (min-width: 639px) and (max-width: 1199px){.footer{padding:0 25px}}@media (max-width: 638px){.footer{padding:0}}@media (min-width: 639px) and (max-width: 1199px){.footer{margin-top:64px}}@media (max-width: 638px){.footer{margin-top:64px;flex-direction:column;height:260px;align-items:baseline}}.footer__logo{display:block;width:80px;height:30px;background:url(/react_phone-catalog/img/Logo.svg) no-repeat center/contain;margin:33px 24px 33px 0}.footer__bullets{display:flex;flex-direction:row;justify-content:space-between;width:380px;font-size:14px;line-height:11px;font-weight:800;text-transform:uppercase;color:#89939a}@media (min-width: 639px) and (max-width: 1199px){.footer__bullets{width:280px}}@media (max-width: 638px){.footer__bullets{flex-direction:column;gap:16px;margin:0 24px;max-width:300px}}.footer__button-text{font-size:14px;line-height:100% px;font-weight:700;color:#89939a}.footer__button-container{display:flex;flex-direction:row;align-items:center;gap:16px}@media (max-width: 638px){.footer__button-container{margin:32px auto}}.footer__button-text{font-size:14px;line-height:100%;font-weight:700;color:#89939a}.footer__button{display:flex;align-items:center;justify-content:center;border:1px solid #e2e6e9;width:32px;height:32px}.footer__icon{background:url(/react_phone-catalog/img/ArrowUp.svg) no-repeat center/contain;width:12px;height:12px;display:block;transition:all .3s ease}.footer__icon:hover{transform:scale(1.5)}.header{position:sticky;z-index:100;top:0}.header .navbar{display:flex;align-items:center;height:64px;background-color:#fff;border-bottom:1px solid #e2e6e9}.header .navbar__checkbox{display:none}.header .navbar__logo{display:block;width:80px;height:30px;background:url(/react_phone-catalog/img/Logo.svg) no-repeat center/contain;margin:0 24px}.header .navbar__menu{display:flex;height:100%;padding:0 30px}@media (min-width: 639px) and (max-width: 1199px){.header .navbar__menu{padding:0}}@media (max-width: 638px){.header .navbar__menu{display:none;position:fixed;top:64px;left:0;right:0;bottom:64px;background:#fff;flex-direction:column;align-items:center;justify-content:center;z-index:100}}.header .navbar__link{position:relative;display:flex;align-items:center;margin:0 16px;height:100%;text-decoration:none;text-transform:uppercase;font-weight:800;font-size:12px;color:#89939a;transition:color .3s}@media (max-width: 638px){.header .navbar__link{height:auto;padding:20px 0;font-size:18px}}.header .navbar__link:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background-color:#313237;transform:scaleX(0);transform-origin:left;box-sizing:border-box;transition:all .3s ease}.header .navbar__link.active{color:#313237}.header .navbar__link.active:after{transform:scaleX(1)}.header .navbar__actions{display:flex;margin-left:auto;height:100%}@media (max-width: 638px){.header .navbar__actions{display:none;position:fixed;bottom:0;left:0;width:100%;height:64px;background:#fff;border-top:1px solid #e2e6e9;z-index:101}}.header .navbar__action{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-left:1px solid #e2e6e9;background-repeat:no-repeat;background-position:center;background-size:20px;cursor:pointer;position:relative}.header .navbar__action--compare{background-image:url(/react_phone-catalog/img/HeartIcon.svg)}.header .navbar__action--basket{background-image:url(/react_phone-catalog/img/BasketIcon.svg)}.header .navbar__action--menu{background-image:url(/react_phone-catalog/img/MobileMenuIcon.svg);display:none}@media (max-width: 638px){.header .navbar__action--menu{display:flex;position:absolute;right:0;top:0;z-index:102;flex:none;width:64px;height:64px;border-left:1px solid #e2e6e9}}@media (max-width: 638px){.header .navbar__action:not(.header .navbar__action--menu){flex:1;height:100%;border-left:none}.header .navbar__action:not(.header .navbar__action--menu):first-child{border-right:1px solid #e2e6e9}}.header .navbar__action:after{content:"";position:absolute;bottom:0;width:100%;height:3px;background-color:#313237;transform:scaleX(0);transition:all .3s ease}.header .navbar__action.active:after{transform:scaleX(1)}@media (max-width: 638px){.header .navbar__checkbox:checked~.navbar__menu{display:flex}.header .navbar__checkbox:checked~.navbar__actions{display:flex}}.header .navbar__checkbox:checked~.navbar__action--menu{background-image:url(/react_phone-catalog/img/CrossIcon.svg)}.page{max-width:1800px;margin:auto;padding:0 152px}@media (min-width: 639px) and (max-width: 1199px){.page{padding:0 25px}}@media (max-width: 638px){.page{padding:0}}.page__content{max-width:1440px;margin:0 auto;padding:0 16px}.page__container{--column-count: 4;display:grid;grid-template-columns:repeat(var(--column-count),minmax(229px,340px));column-gap:16px;row-gap:40px;justify-content:center}@media (min-width: 639px) and (max-width: 1199px){.page__container{--column-count: auto-fit}}@media (max-width: 638px){.page__container{--column-count: 1}}.page__header{grid-column:1/-1;font-size:48px;font-weight:800;letter-spacing:-1%;line-height:100%;margin-top:40px}@media (max-width: 638px){.page__header{font-size:32px}}@media (max-width: 638px){.page__header{margin-top:24px}}.page__amount{font-weight:400;font-size:14px;line-height:21px;letter-spacing:0;color:#89939a}.page__products{margin-top:24px}.page__dropdowns{display:flex;flex-direction:row;margin-top:40px;gap:20px}.page__dropdown--container{display:flex;flex-direction:column;gap:4px}.page__dropdown--label{font-size:12px;line-height:100%;color:#89939a}.page__dropdown--select{font-size:14px;line-height:21px;border-radius:0;border:1px solid #b4bdc3;color:#313237;font-weight:600;height:40px;padding:0 7px;max-width:176px;min-width:128px;transition:all .3s ease}.page__dropdown--select:hover{border:1px solid #89939a}.page__dropdown--option{background-color:#fff;color:#89939a;font-size:14px;line-height:21px;height:40px}.page__dropdown--option:hover{color:#313237;background-color:#e2e6e9}.pagination{display:flex;gap:8px;justify-content:center;margin-top:40px}.pagination__button{width:32px;height:32px;padding:7px;border:1px solid #e2e6e9;text-align:center;line-height:100%;justify-content:center;font-weight:400;transition:all .3s ease}.pagination__button--active{color:#fff;background-color:#313237;border:0}.pagination__button:hover{border:1px solid #313237}.pagination__button:disabled{background-color:#89939a;cursor:default}.pagination__back,.pagination__forward{background-color:#313237;mask:url(/react_phone-catalog/img/ArrowRightIcon.svg) no-repeat center/contain;-webkit-mask:url(/react_phone-catalog/img/ArrowRightIcon.svg) no-repeat center/contain;width:100%;height:100%}.pagination__back{transform:rotate(180deg)}.breadcrumb{display:flex;flex-direction:row;margin-top:24px;gap:8px}.breadcrumb__icon-home{width:16px;height:16px;background:url(/react_phone-catalog/img/HomeIcon.svg) no-repeat center/contain;color:#313237}.breadcrumb__icon-arrow{width:16px;height:16px;background:url(/react_phone-catalog/img/ArrowRightIcon.svg) no-repeat center/contain}.breadcrumb__item{font-size:12px;font-weight:400;text-decoration:none}.breadcrumb__item--link{color:#313237;transition:all .3s ease}.breadcrumb__item--link:hover{color:#89939a}.breadcrumb__item--current{color:#89939a;cursor:default;pointer-events:none}.product-details{max-width:1800px;margin:auto;padding:0 152px}@media (min-width: 639px) and (max-width: 1199px){.product-details{padding:0 25px}}@media (max-width: 638px){.product-details{padding:0}}.product-details__static{display:flex;flex-direction:column;gap:40px}.product-details__static--back{display:flex;flex-direction:row;align-items:center;gap:8px;cursor:pointer}.product-details__static--arrow{background-color:transparent;background-image:url(/react_phone-catalog/img/ArrowRightIcon.svg);background-repeat:no-repeat;background-position:center;background-size:contain;width:20px;height:20px;transform:rotate(180deg)}.product-details__static--text{font-size:14px;color:#313237;margin:0}.product-details__container{--column-count: 4;display:grid;grid-template-columns:repeat(var(--column-count),minmax(229px,340px));column-gap:16px;row-gap:40px;justify-content:center}@media (min-width: 639px) and (max-width: 1199px){.product-details__container{--column-count: auto-fit}}@media (max-width: 638px){.product-details__container{--column-count: 1}}.product-details__header{margin-top:16px;grid-column:1/-1;font-size:48px;font-weight:800;letter-spacing:-1%;line-height:100%}@media (max-width: 638px){.product-details__header{font-size:32px}}