@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}:where(ul,ol):where([class]){padding-left:0}body,:where(blockquote,figure):where([class]){margin:0}:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl):where([class]){margin-block:0}:where(dd[class]){margin-left:0}:where(fieldset[class]){margin-left:0;padding:0;border:none}:where(ul[class]){list-style:none}:where(address[class]){font-style:normal}p{--paragraphMarginBottom: 24px;margin-block:0}p:where(:not([class]):not(:last-child)){margin-bottom:var(--paragraphMarginBottom)}img{display:block;max-width:100%}input,textarea,select,button{font:inherit}html{height:100%}html,:has(:target){scroll-behavior:smooth}body{position:absolute;top:0;left:0;line-height:1.5}svg *[fill]{fill:currentColor}svg *[stroke]{stroke:currentColor}svg *{transition-property:fill,stroke}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@font-face{font-family:Gupter;src:url(/TechnoPort/fonts/Gupter-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/TechnoPort/fonts/IBMPlexSans-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/TechnoPort/fonts/IBMPlexSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(/TechnoPort/fonts/IBMPlexSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--fontGupter: "Gupter";--fontIBM: "IBM Plex Sans";--regular: 400;--medium: 500;--bold: 700;--black: #000000;--white: #FFFFFF;--redTittle: #8E1212;--lightGray: #DDDDDD;--darkGray: #373737;--blue: #305AB4;--catalogButton: #BE1212;--catalogButtonOpacity: #BE1212A6;--blackOpacity: #000000CC;--redButton: #C00000B3;--dimGray: #ececec;--bacBasket: #F9F9F9;--stocks: #28A7454D;--popular: #007BFF4D;--craftPC: #0000004D;--components: #FF00004D;--other: #C0C0C04D;--accessories: #8B45134D;--stocksHover: #28A74580;--popularHover: #007BFF80;--craftPCHover: #00000080;--componentsHover: #FF000080;--otherHover: #C0C0C080;--accessoriesHover: #8B451380;--border: #b9b9b9;--transition: .4s;--100: 100;--200: 200;--300: 300;--400: 400;--500: 500;--count: "0"}a{color:inherit}a[class]{text-decoration:none}button{padding:0;margin:0;background-color:transparent;border:0;outline:0;cursor:pointer}input{padding:0;margin:0;border:0;outline:0}body{font-family:var(--fontIBM);transition:.4s;-webkit-tap-highlight-color:rgba(0,0,0,0)}h1,h2,h3,h4,h5,h6{font-family:var(--fontGupter)}select{border:0;outline:0;background-color:transparent;color:inherit;cursor:pointer}html{overflow-x:hidden}button,img,select{-webkit-user-select:none;user-select:none}main[class]{margin-top:10rem;margin-block:10rem 25rem}@media (width <= 63.99875rem){main[class]{margin-block:9.125rem 49.375rem}}body{min-height:100vh}.header{position:fixed;width:100vw;z-index:var(--300)}.header-contact{background-color:var(--darkGray);color:var(--white)}.header-contact__block{display:flex;justify-content:space-between;margin-inline:auto;padding-block:.625rem;width:min(100% - 2.5rem,90rem)}.header-contact__location{display:flex;align-items:center;column-gap:.3125rem}.header-contact__image{transition:var(--transition)}.header-contact__city-option{background-color:var(--black)}.header-contact__phone{display:flex;align-items:center;column-gap:.3125rem}.header-contact__phone:hover{color:#cacaca}.header-contact__link{transition:var(--transition)}@media (width <= 63.99875rem){.header-contact{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;white-space:nowrap!important;clip-path:inset(100%)!important;clip:rect(0 0 0 0)!important;overflow:hidden!important}}.header-nav{color:var(--black);background-color:var(--white);border-bottom:1px solid var(--lightGray)}.header-nav__block{display:flex;justify-content:space-between;align-items:center;column-gap:40px;margin-inline:auto;padding-block:27px;width:min(100% - 2.5rem,90rem)}.header-nav__info{display:flex;align-items:center;column-gap:.9375rem}.header-nav__title{font-size:2.5rem;font-family:var(--fontGupter);color:var(--redTittle)}.header-nav__catalog{padding:.75rem 2rem;background-color:var(--catalogButton);color:var(--white);border:1px solid var(--catalogButton);border-radius:.5rem;transition:var(--transition)}.header-nav__catalog:active{transform:translateY(1px)}@media (any-hover){.header-nav__catalog:hover{border-radius:11px;background-color:var(--catalogButtonOpacity)}}@media (any-hover: none){.header-nav__catalog:active{border-radius:11px;background-color:var(--catalogButtonOpacity)}}.header-nav__search{display:flex;justify-content:space-between;column-gap:1.5625rem;padding:.1875rem .3125rem;border:1px solid var(--black);border-radius:.5rem;width:min(100% - 2.5rem,43.75rem);height:2.875rem}.header-nav__field{width:100%;font-size:1.375rem;border-radius:.625rem}.header-nav__quest{padding:.3125rem;border-radius:.625rem;background-color:var(--black);transition:var(--transition)}@media (any-hover){.header-nav__quest:hover{border-radius:.6875rem;background-color:var(--blackOpacity)}}@media (any-hover: none){.header-nav__quest:active{border-radius:.6875rem;background-color:var(--blackOpacity)}}.header-nav__list{display:flex;column-gap:3.125rem}.header-nav__item:first-child,.header-nav__link--basket{position:relative}.header-nav__link--basket:after{display:flex;justify-content:center;align-items:center;content:var(--count);position:absolute;top:-.3125rem;right:-.3125rem;width:1.25rem;height:1.25rem;border:1px solid black;border-radius:50%;background-color:#fff}.header-nav .login-field{position:absolute;top:50%;left:50%;translate:-50% -50%;top:8.125rem;display:flex;flex-direction:column;align-items:center;padding:.625rem;border:1px solid var(--border);border-radius:.5rem;background-color:var(--white);transition:var(--transition);opacity:0;visibility:hidden}.header-nav .login-field.active{opacity:1;visibility:visible}.header-nav .login-field__title{margin-bottom:.9375rem}.header-nav .login-field__input{padding:.3125rem;margin-bottom:1.25rem;border:1px solid var(--black);border-radius:.3125rem}.header-nav .login-field__button{padding:.3125rem 2.3125rem;background-color:var(--componentsHover);color:var(--white);border-radius:.5rem;transition:var(--transition)}@media (any-hover){.header-nav .login-field__button:hover{background-color:var(--redButton)}}@media (any-hover: none){.header-nav .login-field__button:active{background-color:var(--redButton)}}.header-nav__image{width:1.5625rem;height:1.5625rem}.header-nav__link{display:inline-flex;flex-direction:column;justify-content:space-between;padding:.1875rem;height:inherit;border-radius:.5rem;font-size:.8125rem;transition:var(--transition)}@media (any-hover){.header-nav__link:hover{border-radius:.5rem;background-color:var(--dimGray)}}@media (any-hover: none){.header-nav__link:active{border-radius:.5rem;background-color:var(--dimGray)}}.header-nav__image{margin-inline:auto}@media (width <= 63.99875rem){.header-nav{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;white-space:nowrap!important;clip-path:inset(100%)!important;clip:rect(0 0 0 0)!important;overflow:hidden!important}}.header-mobile{color:var(--black);border-bottom:1px solid var(--lightGray);background-color:var(--white)}.header-mobile__block{margin-inline:auto;width:min(100% - 2.5rem,90rem)}.header-mobile__contact{display:flex;justify-content:space-between;align-items:center;padding-block:1.1875rem .8125rem}.header-mobile__title{font-size:clamp(1.375rem,.9423076923rem + 1.7307692308vw,2.5rem);color:var(--redTittle)}.header-mobile__location{font-size:clamp(.8125rem,.7403846154rem + .2884615385vw,1rem);display:flex;align-items:center;column-gap:.3125rem}.header-mobile__cities{font-size:.75rem}.header-mobile__search{display:flex;justify-content:space-between;align-items:center;column-gap:.9375rem;padding:.4375rem .3125rem;margin-block:.8125rem;width:100%;height:2.5rem;border:1px solid var(--black);border-radius:.75rem}.header-mobile__quest,.header-mobile__image--search{width:1.25rem;height:1.25rem}.header-mobile__field{font-size:clamp(1.125rem,1.0288461538rem + .3846153846vw,1.375rem);width:100%}.header-mobile__nav{position:fixed;bottom:0;left:0;padding-block:.625rem;width:100%;color:var(--black);border-bottom:1px solid var(--lightGray);background-color:var(--white);border-top:1px solid var(--black)}@media (width > 63.99875rem){.header-mobile__nav{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;white-space:nowrap!important;clip-path:inset(100%)!important;clip:rect(0 0 0 0)!important;overflow:hidden!important}}.header-mobile__list{display:flex;justify-content:space-between}.header-mobile__item{position:relative}.header-mobile__link{display:flex;flex-direction:column;align-items:center;padding:.1875rem}.header-mobile__link.active{border-radius:.5rem;background-color:var(--dimGray)}.header-mobile__link--basket:after{display:flex;justify-content:center;align-items:center;content:var(--count);position:absolute;top:-.3125rem;right:-.3125rem;width:1.25rem;height:1.25rem;border:1px solid black;border-radius:50%;background-color:#fff}.header-mobile__icon{width:1.5625rem;height:1.5625rem}.header-mobile__text{font-size:.625rem}@media (width > 63.99875rem){.header-mobile{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;border:0!important;padding:0!important;white-space:nowrap!important;clip-path:inset(100%)!important;clip:rect(0 0 0 0)!important;overflow:hidden!important}}.main-catalog{width:100vw}.main-catalog__block{margin-inline:auto;padding-block:3.125rem 4.6875rem;width:min(100% - 2.5rem,90rem)}.main-catalog__list{display:flex;justify-content:space-between;column-gap:1.25rem;padding-bottom:.9375rem;overflow:auto}.main-catalog__item{flex-shrink:0;width:11.25rem;height:12.5rem;border:1px solid transparent;border-radius:.8125rem;transition:var(--transition)}.main-catalog__item--stocks{background:url(/TechnoPort/images/category/stocks.png) var(--stocks) center center}@media (any-hover){.main-catalog__item--stocks:hover{background-color:var(--stocksHover)}}@media (any-hover: none){.main-catalog__item--stocks:active{background-color:var(--stocksHover)}}.main-catalog__item--popular{background:url(/TechnoPort/images/category/star.png) var(--popular)}@media (any-hover){.main-catalog__item--popular:hover{background-color:var(--popularHover)}}@media (any-hover: none){.main-catalog__item--popular:active{background-color:var(--popularHover)}}.main-catalog__item--craft{background:url(/TechnoPort/images/category/tool.png) var(--craftPC)}@media (any-hover){.main-catalog__item--craft:hover{background-color:var(--craftPCHover)}}@media (any-hover: none){.main-catalog__item--craft:active{background-color:var(--craftPCHover)}}.main-catalog__item--components{background:url(/TechnoPort/images/category/component.png) var(--components)}@media (any-hover){.main-catalog__item--components:hover{background-color:var(--componentsHover)}}@media (any-hover: none){.main-catalog__item--components:active{background-color:var(--componentsHover)}}.main-catalog__item--other{background:url(/TechnoPort/images/category/other.png) var(--other)}@media (any-hover){.main-catalog__item--other:hover{background-color:var(--otherHover)}}@media (any-hover: none){.main-catalog__item--other:active{background-color:var(--otherHover)}}.main-catalog__item--accessories{background:url(/TechnoPort/images/category/accessories.png) var(--accessories)}@media (any-hover){.main-catalog__item--accessories:hover{background-color:var(--accessoriesHover)}}@media (any-hover: none){.main-catalog__item--accessories:active{background-color:var(--accessoriesHover)}}@media (any-hover){.main-catalog__item:hover{border-radius:1.0625rem}}@media (any-hover: none){.main-catalog__item:active{border-radius:1.0625rem}}.main-catalog__link{display:block;padding:1.5625rem 1.25rem;height:100%;width:100%}.main-catalog__name{margin-bottom:.3125rem;font-size:1.25rem;font-family:var(--fontIBM)}.main-catalog__about{font-size:.875rem}.main-popular{width:100vw}.main-popular__block{position:relative;margin-inline:auto;width:min(100% - 2.5rem,90rem)}.main-popular__title{font-size:clamp(1.625rem,1.3846153846rem + .9615384615vw,2.25rem);margin-bottom:1.875rem;font-family:var(--fontIBM)}.main-popular__list{position:relative;display:flex;column-gap:3.75rem;padding-bottom:.9375rem;margin-inline:auto;width:calc(100% - 7.5rem);overflow:auto;scroll-snap-type:x mandatory;scroll-snap-stop:start;z-index:var(--200)}.main-popular__list::-webkit-scrollbar{height:.4375rem}.main-popular__list::-webkit-scrollbar-track{background-color:var(--other);border-radius:50%}.main-popular__list::-webkit-scrollbar-thumb{background-color:var(--border)}@media (width <= 63.99875rem){.main-popular__list{width:100%}}.main-popular__item{flex-shrink:0;width:13.75rem;padding:.625rem;border:1px solid transparent;scroll-snap-align:start;transition:var(--transition)}@media (any-hover){.main-popular__item:hover{border-color:var(--border);border-radius:.625rem}}@media (any-hover: none){.main-popular__item:active{border-color:var(--border);border-radius:.625rem}}.main-popular__link{position:relative;z-index:var(--100)}.main-popular .popular-product__image{margin-bottom:1.25rem;width:12.5rem;height:12.5rem}.main-popular .popular-product__name{position:relative;margin-bottom:.625rem;height:3rem;font-size:1rem;font-family:var(--fontIBM);overflow:hidden}.main-popular .popular-product__name:after{content:"";position:absolute;left:0;bottom:-.3125rem;width:100%;height:1.25rem;background:linear-gradient(180deg,transparent,#ffffff 50%)}.main-popular .popular-product__feedback{font-size:.875rem;margin-bottom:.9375rem}.main-popular .popular-product__price{font-size:1.25rem;margin-bottom:.625rem;font-weight:700}.main-popular .popular-product__buttons{display:flex;justify-content:space-between;align-items:center;margin-right:.625rem}.main-popular .popular-product__buy{position:relative;padding:.3125rem 2.3125rem;background-color:var(--componentsHover);color:var(--white);border-radius:.5rem;transition:var(--transition);z-index:var(--200)}@media (any-hover){.main-popular .popular-product__buy:hover{background-color:var(--redButton)}}@media (any-hover: none){.main-popular .popular-product__buy:active{background-color:var(--redButton)}}.main-popular .popular-product__favorit{transition:var(--transition)}.main-popular .popular-product__favorit.favorit{color:var(--redButton)}@media (any-hover){.main-popular .popular-product__favorit:hover{color:var(--redButton)}}@media (any-hover: none){.main-popular .popular-product__favorit:active{color:var(--redButton)}}.main-popular__buttons{position:absolute;left:50%;translate:-50% -50%;top:60%;display:flex;justify-content:space-between;width:min(100%,90rem);z-index:var(--100)}@media (width <= 63.99875rem){.main-popular__buttons{display:none}}.main-popular__button{position:relative;width:2.5rem;aspect-ratio:1;border-radius:50%;transition:var(--transition);z-index:var(--300)}@media (any-hover){.main-popular__button:hover{background-color:var(--border)}}@media (any-hover: none){.main-popular__button:active{background-color:var(--border)}}.main-viewed{width:100vw}.main-viewed__block{position:relative;margin-inline:auto;padding-top:4.6875rem;width:min(100% - 2.5rem,90rem)}.main-viewed__title{font-size:clamp(1.625rem,1.3846153846rem + .9615384615vw,2.25rem);margin-bottom:1.875rem;font-family:var(--fontIBM)}.main-viewed__list{position:relative;display:flex;column-gap:3.75rem;padding-bottom:.9375rem;margin-inline:auto;width:calc(100% - 7.5rem);overflow:auto;scroll-snap-type:x mandatory;scroll-snap-stop:start;z-index:var(--200)}.main-viewed__list::-webkit-scrollbar{height:.4375rem}.main-viewed__list::-webkit-scrollbar-track{background-color:var(--other);border-radius:50%}.main-viewed__list::-webkit-scrollbar-thumb{background-color:var(--border)}@media (width <= 63.99875rem){.main-viewed__list{width:100%}}.main-viewed__item{flex-shrink:0;width:13.75rem;padding:.625rem;border:1px solid transparent;transition:var(--transition);scroll-snap-align:start}@media (any-hover){.main-viewed__item:hover{border-color:var(--border);border-radius:.625rem}}@media (any-hover: none){.main-viewed__item:active{border-color:var(--border);border-radius:.625rem}}.main-viewed .viewed-product__image{margin-bottom:1.25rem;width:12.5rem;height:12.5rem}.main-viewed .viewed-product__name{position:relative;margin-bottom:.625rem;height:3rem;font-size:1rem;font-family:var(--fontIBM);overflow:hidden}.main-viewed .viewed-product__name:after{content:"";position:absolute;bottom:-.3125rem;left:0;width:100%;height:1.25rem;background:linear-gradient(180deg,transparent,#ffffff 50%)}.main-viewed .viewed-product__feedback{font-size:.875rem;margin-bottom:.9375rem}.main-viewed .viewed-product__price{font-size:1.25rem;margin-bottom:.625rem;font-weight:700}.main-viewed .viewed-product__buttons{display:flex;justify-content:space-between;align-items:center;margin-right:.625rem}.main-viewed .viewed-product__buy{padding:.3125rem 2.3125rem;background-color:var(--componentsHover);color:var(--white);border-radius:.5rem;transition:var(--transition)}@media (any-hover){.main-viewed .viewed-product__buy:hover{background-color:var(--redButton)}}@media (any-hover: none){.main-viewed .viewed-product__buy:active{background-color:var(--redButton)}}.main-viewed .viewed-product__favorit{transition:var(--transition)}.main-viewed .viewed-product__favorit.favorit{color:var(--redButton)}@media (any-hover){.main-viewed .viewed-product__favorit:hover{color:var(--redButton)}}@media (any-hover: none){.main-viewed .viewed-product__favorit:active{color:var(--redButton)}}.main-viewed__notFound{font-size:clamp(1rem,.8557692308rem + .5769230769vw,1.375rem)}.main-viewed__buttons{position:absolute;left:50%;translate:-50% -50%;top:60%;display:flex;justify-content:space-between;width:min(100%,90rem);z-index:var(--100)}@media (width <= 63.99875rem){.main-viewed__buttons{display:none}}.main-viewed__button{position:relative;width:2.5rem;aspect-ratio:1;border-radius:50%;transition:var(--transition);z-index:var(--300)}@media (any-hover){.main-viewed__button:hover{background-color:var(--border)}}@media (any-hover: none){.main-viewed__button:active{background-color:var(--border)}}.footer{position:absolute;bottom:0;left:0;width:100vw;border-top:1px solid var(--lightGray)}.footer__block{display:flex;justify-content:space-between;width:min(100% - 2.5rem,90rem);margin:2.5rem auto 6.5625rem}@media (width <= 63.99875rem){.footer__block{flex-direction:column}}.footer__title{font-size:clamp(2rem,1.8076923077rem + .7692307692vw,2.5rem);color:var(--redTittle);width:50%}@media (width <= 63.99875rem){.footer__title{margin-bottom:1.875rem;width:100%;text-align:center}}.footer__lists{display:flex;justify-content:space-between;width:50%}@media (width <= 63.99875rem){.footer__lists{width:100%}}@media (width <= 30.06125rem){.footer__lists{flex-direction:column;align-items:center;row-gap:3.125rem}}.footer__list{width:10rem}.footer__heading{font-size:1.5rem;font-family:var(--fontIBM);font-weight:500}.footer__link{display:block;margin-top:.9375rem;transition:var(--transition)}.footer__link--company{margin-top:1.5625rem}@media (any-hover){.footer__link:hover{color:var(--redButton)}}@media (any-hover: none){.footer__link:active{color:var(--redButton)}}.footer__security{background-color:var(--darkGray);color:var(--white)}.footer__text{text-align:center}@media (width <= 30.06125rem){.footer{margin-bottom:4.25rem}}