.products-panel{padding:60px 0;background-image:url(/assets/images/bg.jpg);background-size:cover}.products-panel .categories-bar{padding:0;position:relative}.products-panel .categories-bar__nav{overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.products-panel .categories-bar__nav::-webkit-scrollbar{display:none}.products-panel .categories-bar__wrapper{display:flex;width:max-content;min-width:100%;background-color:var(--additional-bg-color)}.products-panel .categories-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:60px;height:60px;border:none;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.6);backdrop-filter:blur(10px);color:#fff;cursor:pointer;transition:opacity .3s ease,visibility .3s ease,background-color .3s ease}.products-panel .categories-arrow:hover{background-color:rgba(0,0,0,.8)}.products-panel .categories-arrow.hidden{opacity:0;visibility:hidden;pointer-events:none}.products-panel .categories-arrow--prev{left:10px}.products-panel .categories-arrow--next{right:10px}.products-panel .category-button{display:flex;align-items:center;justify-content:center;padding:32px 24px;font-size:var(--nav-link-secondary-font-size);font-weight:var(--link-primary-font-weight);text-transform:uppercase;text-decoration:none;white-space:nowrap;color:var(--button-primary-normal-font-color);transition:background-color .3s ease,color .3s ease;cursor:pointer}.products-panel .category-button:hover{background-color:var(--button-secondary-normal-fill-color)}.products-panel .category-button.active{background-color:var(--button-secondary-normal-fill-color)}.products-panel .products-grid{padding:60px 265px}.products-panel .grid-wrapper{display:grid;grid-template-columns:repeat(auto-fit, 305px);gap:35px 55px}.products-panel .product__item{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.products-panel .product__item:hover{transform:translateY(-5px)}.products-panel .product__image{width:100%;padding:10px;aspect-ratio:1/1;background:var(--bg-secondary-color);overflow:hidden}.products-panel .product__image img,.products-panel .product__image image-component{width:100%;height:100%;display:block;object-fit:contain}.products-panel .product__content{flex:1;display:flex;align-items:center;justify-content:center;min-height:105px;padding:20px 15px;text-align:center;background:var(--bg-tertiary-color)}.products-panel .pagination{display:flex;justify-content:center;align-items:center;gap:10px}.products-panel .pagination__item{width:45px;height:45px;display:flex;align-items:center;justify-content:center;text-decoration:none;border-radius:6px;background-color:var(--bg-tertiary-color);color:var(--text-secondary-color);transition:background-color .3s ease,color .3s ease}.products-panel .pagination__item:hover{background-color:var(--button-secondary-normal-fill-color)}.products-panel .pagination__item.active{background-color:var(--button-primary-normal-fill-color);color:var(--button-primary-normal-font-color)}.products-panel .pagination__dots{font-size:35px;color:var(--accent-color)}
footer{background-image:url(/assets/images/footer-background.jpg);background-size:cover}footer .footer__wrapper{display:flex;justify-content:space-between;padding:60px 265px}footer .footer__logo{max-width:340px}footer .footer__socials{display:flex;gap:24px}footer .footer__socials div{width:46px;height:46px;background-color:var(--additional-bg-color)}footer .footer__socials div a{display:flex;align-items:center;justify-content:center;height:100%}footer .footer__description{font-size:var(--text-ad-font-size);color:var(--text-secondary-color);line-height:140%;margin-top:30px}footer .footer__nav ul{display:flex;flex-direction:column;gap:24px}footer .footer__nav li{font-size:var(--link-primary-font-size)}footer .footer__nav li a{color:var(--text-secondary-color)}footer .footer__nav li:hover a{color:var(--accent-color)}footer .footer__contacts{display:flex;flex-direction:column;gap:60px}footer .footer__contacts .communication .phone,footer .footer__contacts .communication .mail{display:flex}footer .footer__contacts .communication .phone a,footer .footer__contacts .communication .mail a{font-size:var(--link-primary-font-size);color:var(--text-secondary-color);margin-left:24px}footer .footer__contacts .communication .phone:hover a,footer .footer__contacts .communication .mail:hover a{color:var(--accent-color)}footer .footer__contacts .communication .phone{margin-bottom:40px}footer .footer__contact-item{display:flex;align-items:center}footer .footer__bottom{display:flex;align-items:center;justify-content:center;height:50px;background-color:var(--bg-tertiary-color)}footer .footer__bottom .dev-link{width:fit-content}footer .footer__bottom .dev-link span,footer .footer__bottom .dev-link a{font-size:var(--link-secondary-font-size);font-weight:var(--link-primary-font-weight);color:var(--text-secondary-color)}footer .footer__bottom:hover .dev-link a{color:var(--accent-color)}
header-component{position:sticky;top:0;z-index:1000;display:block}header-component .header{position:relative;transition:transform .3s ease}header-component .header__contact-info{display:flex;justify-content:space-between;width:100%}header-component .header__additional-section{display:flex;justify-content:center;min-height:50px;padding:0 265px;background-color:var(--additional-bg-color);transition:max-height .3s ease;transition:transform .3s ease}header-component .header__additional-section .contact-info{display:flex;justify-content:space-between;width:100%}header-component .header__additional-section .contact-info__item{align-content:center;font-size:var(--link-secondary-font-size);color:var(--link-primary-font-color)}header-component .header__additional-section .contact-info__item:hover{color:var(--link-hover-color)}header-component .header__main-section{top:0;padding:0 265px;background-color:#fff;transition:transform .3s ease}header-component .header__main-section .top{display:flex;padding:20px 0;border-bottom:1px solid var(--block-primary-border-color)}header-component .header__main-section .top .interactive-block{display:flex;justify-content:end;width:100%;gap:15px}header-component .header__main-section .top .interactive-block .search-block{width:100%;justify-items:end;align-content:center}header-component .header__main-section .top .interactive-block .search-block .search-bar{display:flex;height:100%;width:100%;max-width:435px;max-height:40px;background:var(--bg-secondary-color)}header-component .header__main-section .top .interactive-block .search-block .search-bar input{flex:1;padding:0 15px}header-component .header__main-section .top .interactive-block .search-block .search-bar button{width:44px;background:rgba(0,0,0,0);cursor:pointer;display:flex;align-items:center;justify-content:center}header-component .header__main-section .top .interactive-block .log-in-block{align-content:center}header-component .header__main-section .bottom{display:flex}header-component .header__main-section .bottom .header__categories{position:relative}header-component .header__main-section .bottom .header__categories .categories-trigger{display:flex;align-items:center;gap:10px;min-width:370px;background:var(--additional-bg-color);color:#fff;padding:30px 24px;text-transform:uppercase;font-size:19px;font-weight:700;cursor:pointer}header-component .header__main-section .bottom .header__categories .categories-trigger .categories-dropdown{position:absolute;max-height:500px;top:100%;left:0;min-width:370px;background:#fff;opacity:0;visibility:hidden;transform:translateY(10px);transition:.25s;z-index:100;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}header-component .header__main-section .bottom .header__categories .categories-trigger .categories-dropdown .category-item{display:flex;align-items:center;max-height:63px;min-height:48px;padding:24px;border:1px solid var(--block-primary-border-color);border-top:none;color:var(--text-primary-color);font-weight:700;text-transform:uppercase;font-size:var(--nav-link-secondary-font-size);text-decoration:none;transition:.2s;background-color:#fff}header-component .header__main-section .bottom .header__categories .categories-trigger .categories-dropdown .category-item:hover{background:#fff;padding-left:28px}header-component .header__main-section .bottom .header__categories .categories-trigger:hover .categories-dropdown{opacity:1;visibility:visible;transform:translateY(0)}header-component .header__navigation{width:100%;align-self:flex-end;padding:0 50px}header-component .header__navigation .navigation__list{display:flex;justify-content:space-between;overflow:hidden}header-component .header__navigation .navigation__list .menu__item{display:flex;justify-content:end;flex-direction:column;align-items:end}header-component .header__navigation .navigation__list .menu__item .underline{left:0;bottom:0;width:140px;height:28px;overflow:visible}header-component .header__navigation .navigation__list .menu__item .track{fill:none;stroke:var(--accent-color);stroke-width:3;stroke-dasharray:200;stroke-dashoffset:200;stroke-linecap:butt}header-component .header__navigation .navigation__list .menu__item .dot{fill:var(--accent-color);opacity:0}header-component .header__navigation .navigation__list .menu__item p{color:var(--text-primary-color);font-weight:var(--nav-link-secondary-font-weight);font-size:var(--nav-link-primary-font-size);align-self:center;transition:color .3s ease}header-component .header__navigation .navigation__list .menu__item:hover p{color:var(--accent-color)}header-component .hide-home-elements .categories-dropdown{opacity:0 !important;visibility:hidden !important;transform:translateY(-10px) !important;pointer-events:none}header-component .hide-home-elements .header__main-section{transform:translateY(-50px)}header-component .hide-home-elements .header__categories:hover .categories-dropdown{opacity:1 !important;visibility:visible !important;transform:translateY(0) !important;pointer-events:all}