@font-face{font-family:Mont-Regular;font-weight:400;src:url(/Phone-catalog/fonts/Mont-Regular.otf)}@font-face{font-family:Mont-SemiBold;font-weight:400;src:url(/Phone-catalog/fonts/Mont-SemiBold.otf)}@font-face{font-family:Mont-Bold;font-weight:400;src:url(/Phone-catalog/fonts/Mont-Bold.otf)}@font-face{font-family:Mont-Regular;font-weight:400;src:url(/Phone-catalog/fonts/Mont-Regular.otf)}@font-face{font-family:Mont-SemiBold;font-weight:400;src:url(/Phone-catalog/fonts/Mont-SemiBold.otf)}@font-face{font-family:Mont-Bold;font-weight:400;src:url(/Phone-catalog/fonts/Mont-Bold.otf)}*{margin:0;padding:0}.Layout{scroll-behavior:smooth;position:relative;display:flex;flex-direction:column;min-width:320px;min-height:100vh}.Layout__content{flex-grow:1}.Layout__header{position:sticky;z-index:10;top:0}body.theme_dark{background-color:var(--color-bg)}@font-face{font-family:Mont-Regular;font-weight:400;src:url(/Phone-catalog/fonts/Mont-Regular.otf)}@font-face{font-family:Mont-SemiBold;font-weight:400;src:url(/Phone-catalog/fonts/Mont-SemiBold.otf)}@font-face{font-family:Mont-Bold;font-weight:400;src:url(/Phone-catalog/fonts/Mont-Bold.otf)}.header{display:flex;gap:16px;align-items:center;justify-content:space-between;width:100%;height:48px;background-color:var(--color-bg);box-shadow:0 1px 0 0 var(--color-gray-elements)}@media (min-width: 1200px){.header{height:64px}}.header__logo{width:64px;height:22px}@media (min-width: 1200px){.header__logo{width:80px;height:28px}}.header__logo-container{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:96px;height:100%}@media (min-width: 1200px){.header__logo-container{width:128px}}.header__menu{display:none}@media (min-width: 640px){.header__menu{display:flex}}.header__list{display:flex;gap:24px;align-items:center;text-decoration:none;list-style:none}@media (min-width: 1200px){.header__list{gap:64px}}.header__item{position:relative;display:inline-block;box-sizing:border-box;font-family:Mont-Bold,sans-serif;font-size:12px;font-weight:800;line-height:48px;color:var(--color-gray-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:.04em}@media (min-width: 1200px){.header__item{line-height:64px}}.header__item:hover{color:var(--color-gray-primary)}.header__item:after,.header__icon:after{content:"";position:absolute;bottom:0;left:0;transform-origin:left;transform:scaleX(0);display:block;box-sizing:border-box;width:100%;height:2px;background-color:var(--color-gray-primary);transition:transform .3s ease}.header__item:hover:after,.header__icon:hover:after{transform:scaleX(1)}.header__item--active{color:var(--color-gray-primary)}.header__item--active:after{transform-origin:right;transform:scaleX(1);transition:none}.header__search-wrapper{position:relative;display:flex;align-items:center;margin-right:16px}.header__search-input{width:100%;height:48px;padding-inline:8px;border:none;font-family:Mont-Regular,sans-serif;font-size:14px;font-weight:400;line-height:21px;color:var(--color-gray-primary);background-color:var(--color-bg);outline:none;box-shadow:-1px 0 0 0 var(--color-gray-elements)}@media (min-width: 640px){.header__search-input{flex-grow:1}}@media (min-width: 1200px){.header__search-input{height:64px}}.header__search-input .header__search-input::placeholder{font-family:Mont-Regular,sans-serif;font-size:12px;font-weight:400;line-height:21px;color:var(--color-gray-secondary);transition:opacity .3s ease}.header__search-input .header__search-input:focus::placeholder{opacity:0}.header__switch-theme{cursor:pointer;position:relative;display:inline-block;flex-shrink:0;order:1;box-sizing:border-box;border:none;font-family:Mont-Bold,sans-serif;font-size:12px;font-weight:800;line-height:48px;color:var(--color-gray-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:.04em;background:none}@media (min-width: 640px){.header__switch-theme{order:0}}@media (min-width: 1200px){.header__switch-theme{line-height:64px}}.header__switch-theme:hover{color:var(--color-gray-primary)}.header__buttons-right{display:flex;flex-grow:1;align-items:center;justify-content:flex-end;height:100%}.header__buttons-wrapper{display:none}@media (min-width: 640px){.header__buttons-wrapper{display:flex}}.header__buttons-wrapper--bottom{position:fixed;right:0;bottom:0;left:0;display:flex;justify-content:space-between;height:64px;border-top:1px solid var(--color-gray-elements);background-color:var(--color-bg)}.header__icon{position:relative;display:flex;align-items:center;justify-content:center;width:48px;height:48px;box-shadow:-1px 0 0 0 var(--color-gray-elements)}@media (min-width: 640px){.header__icon{display:flex}}@media (min-width: 1200px){.header__icon{width:64px;height:64px}}.header__buttons-wrapper--bottom .header__icon{align-items:center;justify-content:center;width:100%;height:100%}.header__icon:hover{color:var(--color-gray-primary);background:var(--color-hover)}body.theme_dark .header__icon:hover{transition:background-color .2s}body.theme_dark .header__icon:hover:hover{background-color:var(--color-gray-icons-placeholders)}.header__icon--active:after{content:"";position:absolute;width:64px;width:100%;background-color:var(--color-gray-primary)}.header__icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:28px;height:28px}.header__quantity{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:1px solid white;border-radius:50%;font-family:Mont-Regular,sans-serif;font-size:9px;font-weight:700;color:#fff;background-color:var(--color-red)}.header__icon--menu{display:flex;order:2}@media (min-width: 640px){.header__icon--menu{display:none}}@font-face{font-family:Mont-Regular;font-weight:400;src:url(/Phone-catalog/fonts/Mont-Regular.otf)}@font-face{font-family:Mont-SemiBold;font-weight:400;src:url(/Phone-catalog/fonts/Mont-SemiBold.otf)}@font-face{font-family:Mont-Bold;font-weight:400;src:url(/Phone-catalog/fonts/Mont-Bold.otf)}.icon__picture{display:flex;width:16px;height:16px}@font-face{font-family:Mont-Regular;font-weight:400;src:url(/Phone-catalog/fonts/Mont-Regular.otf)}@font-face{font-family:Mont-SemiBold;font-weight:400;src:url(/Phone-catalog/fonts/Mont-SemiBold.otf)}@font-face{font-family:Mont-Bold;font-weight:400;src:url(/Phone-catalog/fonts/Mont-Bold.otf)}.menu{pointer-events:none;position:fixed;z-index:1;top:48px;bottom:64px;transform:translate(-100%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;opacity:0;background-color:var(--color-bg);transition:transform .3s ease,opacity .3s ease}.menu__list{display:flex;flex-direction:column;gap:24px;align-items:center;justify-content:center;list-style:none}.menu__link{position:relative;display:flex;font-family:Molt-Bold,sans-serif;font-size:12px;font-weight:800;color:var(--color-gray-secondary);text-align:center;text-decoration:none;text-transform:uppercase;letter-spacing:.04em}.menu__link:hover{color:var(--color-gray-primary)}.menu__link:after{content:"";position:absolute;bottom:-8px;left:0;display:block;box-sizing:content-box;width:100%;height:0;background-color:var(--color-gray-primary);transition:height .3s ease}.menu__link:hover:after{height:1px}.menu--open{pointer-events:all;transform:translate(0);opacity:1}@font-face{font-family:Mont-Regular;font-weight:400;src:url(/Phone-catalog/fonts/Mont-Regular.otf)}@font-face{font-family:Mont-SemiBold;font-weight:400;src:url(/Phone-catalog/fonts/Mont-SemiBold.otf)}@font-face{font-family:Mont-Bold;font-weight:400;src:url(/Phone-catalog/fonts/Mont-Bold.otf)}body{--color-bg: #fff;--color-gray-primary: #313237;--color-gray-secondary: #89939a;--color-gray-icons-placeholders: #b4bdc3;--color-gray-elements: #e2e6e9;--color-green: #27ae60;--color-red: #eb5757;--color-hover: #fafbfc}body.theme_dark{--color-gray-primary: #f1f2f9;--color-gray-secondary: #75767f;--color-bg: #0f1121;--color-gray-icons-placeholders: #4a4d58;--color-gray-elements: #3b3e4a;--color-green: #27ae60;--color-red: #eb5757;--color-hover: #1cd97a;--color-surface-1: #161827;--color-surface-2: #323542;--color-accent: #905bff;--color-accent-hover: #a378ff}*{box-sizing:border-box}.visually-hidden{position:absolute;overflow:hidden;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0,0,0,0);visibility:hidden}.footer{box-shadow:0 -1px 0 0 var(--color-gray-elements)}.footer__container{display:flex;flex-direction:column;gap:32px;margin-top:64px;padding-block:32px;max-width:1136px;padding-inline:16px}@media (min-width: 640px){.footer__container{padding-inline:24px}}@media (min-width: 1200px){.footer__container{margin-inline:auto;padding-inline:0}}@media (min-width: 640px){.footer__container{flex-direction:row;align-items:center;justify-content:space-between}}@media (min-width: 1200px){.footer__container{margin-top:80px}}.footer__logo{width:89px;height:32px}.footer__items{display:flex;flex-direction:column;gap:16px}@media (min-width: 640px){.footer__items{flex-direction:row;justify-content:space-between}}@media (min-width: 1200px){.footer__items{gap:106px;align-items:center}}.footer__link{font-family:Mont-Bold,sans-serif;font-size:12px;font-weight:800;line-height:11px;color:var(--color-gray-secondary);text-decoration:none;text-transform:uppercase;letter-spacing:.04em;transition:color .2s}.footer__link:hover{color:var(--color-gray-primary)}.footer__block{cursor:pointer;display:flex;gap:16px;align-items:center;justify-content:center}.footer__button{cursor:pointer;transform:rotate(90deg);width:32px;height:32px;border:1px solid var(--color-gray-icons-placeholders);background-color:var(--color-bg);transition:border-color .3s ease}.footer__button:hover{border:1px solid var(--color-gray-primary);background-color:var(--color-hover)}.footer__button-title{font-family:Mont-SemiBold,sans-serif;font-size:12px;font-weight:700;color:var(--color-gray-secondary)}body.theme_dark .footer__button{border:none;background-color:var(--color-surface-2);transition:background-color .2s}body.theme_dark .footer__button:hover{background-color:var(--color-gray-icons-placeholders)}