/* Автосборка includes/assets.php. Править исходники в blocks/ и assets/css/, не этот файл. */
:root{--color-dark: #141414; --color-muted: #65717c; --color-border: #dce3eb; --color-bg: #f1f4f9; --color-white: #fff; --color-accent: #ec6b02; --color-accent-2: #ec6402; --color-accent-light: #ffa459; --color-accent-hover: #ff8e32; --color-success: #1dc52e; --color-star: #f8b808; --gradient: linear-gradient(139deg, #ffa459 -4.49%, #ec6402 104.49%); --gradient-btn: linear-gradient(139deg, #ff8e32 -4.49%, #ec6402 104.49%); --gradient-btn-hover: linear-gradient(-139deg, #ff8e32 -4.49%, #ec6402 104.49%); --font-main: 'Museo Sans Cyrl', Arial, sans-serif; --container: 1344px; --radius: 16px; --radius-sm: 4px; --transition: all .5s;}
@font-face{font-family: 'Museo Sans Cyrl'; src: url('/assets/fonts/MuseoSansCyrl-300.woff2') format('woff2'), url('/assets/fonts/MuseoSansCyrl-300.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap;} @font-face{font-family: 'Museo Sans Cyrl'; src: url('/assets/fonts/MuseoSansCyrl-500.woff2') format('woff2'), url('/assets/fonts/MuseoSansCyrl-500.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap;} @font-face{font-family: 'Museo Sans Cyrl'; src: url('/assets/fonts/MuseoSansCyrl-700.woff2') format('woff2'), url('/assets/fonts/MuseoSansCyrl-700.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap;} *, *::before, *::after{box-sizing: border-box;} html{scroll-behavior: smooth; scroll-padding-top: 120px; -webkit-text-size-adjust: 100%;} @media (max-width: 900px){html{scroll-padding-top: 73px;}}@media (max-width: 480px){html{scroll-padding-top: 65px;}}body{margin: 0; font-family: var(--font-main); font-size: 14px; line-height: 110%; font-weight: 300; color: var(--color-dark); background: var(--color-white);} a{color: var(--color-dark); text-decoration: none;} img, svg{display: inline-block; vertical-align: top; max-width: 100%;} p, h1, h2, h3{margin: 0;} ul, ol{margin: 0; padding: 0; list-style: none;} button, input, select, textarea{font-family: var(--font-main); font-size: 100%; margin: 0;} button{cursor: pointer; border: 0; background: none; color: inherit; padding: 0;} input:focus, button:focus, textarea:focus{outline: 0;} .page__wrapper{position: relative; display: flex; flex-direction: column; min-height: 100vh; overflow-x: clip;} .page__main{flex: 1 0 auto;} .page__overlay{position: fixed; inset: 0; z-index: 98; background: var(--color-dark); opacity: 0; visibility: hidden; transition: opacity .3s ease, visibility .3s ease;} .page--catalog-open .page__overlay, .page--menu-open .page__overlay{opacity: .6; visibility: visible;} .page--popup-open{overflow: hidden;} html:has(> body.page--popup-open){overflow: hidden;} .container{width: 100%; max-width: var(--container); margin: 0 auto;} .section{margin: 88px 0;} .page-heading{margin: 0 0 32px; font-size: 50px; line-height: 58px; font-weight: 700;} .page-text{font-size: 16px; line-height: 24px;} .tel{color: var(--color-dark); font-weight: 600; text-decoration: none; border-bottom: 1px dotted currentColor; white-space: nowrap; transition: var(--transition);} .tel:hover{color: var(--color-accent);} .title{margin: 0 0 40px; font-size: 48px; line-height: 56px; font-weight: 700; color: var(--color-dark);} .title__accent{background: var(--gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .section-head{display: grid; grid-template-columns: 512px 1fr; gap: 172px; align-items: flex-end;} .section-head .title{margin: 0;} .section-head__text{font-size: 16px; line-height: 24px;} .section-head__text p:not(:last-child){margin: 0 0 24px;} .section--arrows{position: relative; overflow: hidden;} .section--arrows::before, .section--arrows::after{content: ''; display: block; position: absolute; width: 1086px; height: 208px; background: url('/assets/img/arrows.svg') 0 0 no-repeat; z-index: -1; top: 86px;} .section--arrows::before{right: 55%;} .section--arrows::after{left: calc(100% - 150px);} .btn{display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 18px 36px; font-size: 16px; line-height: 20px; font-weight: 700; color: var(--color-white); border-radius: var(--radius-sm); background: var(--gradient); transition: var(--transition); white-space: nowrap;} .btn:hover{background: var(--gradient-btn-hover);} .btn__icon{width: 20px; height: 20px; transition: var(--transition);} .btn:hover .btn__icon{transform: rotate(45deg);} .btn:hover .btn__icon--still{transform: none;} .btn--full{display: flex; width: 100%;} .link{color: var(--color-accent); border-bottom: 1px solid rgba(236, 107, 2, .35); transition: var(--transition);} .link:hover{border-bottom-color: var(--color-accent);} .link-more{display: inline-flex; align-items: center; gap: 10px; font-size: 16px; line-height: 20px; font-weight: 700; color: var(--color-accent);} .link-more__icon{width: 20px; height: 20px; transition: var(--transition);} .link-more:hover .link-more__icon{transform: rotate(45deg);} .messengers{display: flex; align-items: center; gap: 16px; font-size: 16px; line-height: 24px; color: var(--color-muted);} .messengers__list{display: flex; gap: 12px;} .messengers__link{display: flex;} .messengers__icon{display: block; flex: none; width: 48px; height: 48px; overflow: visible;} .field{display: block;} .field__label{display: block; margin: 0 0 5px; font-size: 20px; line-height: 1.55; color: #1d1d1d;} .field__input{width: 100%; padding: 16px; font-size: 16px; line-height: 24px; color: var(--color-dark); background: var(--color-white); border: 0; border-radius: var(--radius-sm);} .field__input::placeholder{opacity: 1; color: var(--color-muted);} .field--error .field__input{box-shadow: inset 0 0 0 1px #e53935;} .field--hidden{display: none;} .agree{margin: 24px 0; overflow: hidden;} .agree__input{position: absolute; z-index: -1; opacity: 0; visibility: hidden;} .agree__label{position: relative; display: block; padding: 0 0 0 30px; font-size: 14px; line-height: 20px; color: var(--color-muted); cursor: pointer;} .agree__label a{color: var(--color-accent);} .agree__label::before{content: ''; position: absolute; left: 0; top: 0; display: block; width: 18px; height: 18px; border: 2px solid var(--color-accent); border-radius: 2px; background: var(--color-white);} .agree__input:checked + .agree__label::before{background: var(--color-accent);} .agree.field--error .agree__label::before{border-color: #e53935; box-shadow: 0 0 0 2px rgba(229, 57, 53, .25);} .agree__input:checked + .agree__label::after{content: ''; position: absolute; left: 0; top: 0; display: block; width: 18px; height: 18px; background: url('/assets/img/ui/check.svg') 50% 50% no-repeat;} .form__success{display: none; margin: 16px 0 0; font-size: 16px; line-height: 24px; color: var(--color-success);} .form--sent .form__success{display: block;} .swiper-button-next::after, .swiper-button-prev::after{display: none;} .swiper-button-next, .swiper-button-prev{width: 48px; height: 48px; margin-top: -24px; border-radius: 50%; cursor: pointer; user-select: none;} .swiper-button-next{background: var(--color-bg) url('/assets/img/ui/chevron-right.svg') 50% 50% no-repeat;} .swiper-button-prev{background: var(--color-bg) url('/assets/img/ui/chevron-left.svg') 50% 50% no-repeat;} .swiper-button-disabled{opacity: .35;} .dots{display: flex; align-items: center; gap: 16px; width: auto;} .dots .swiper-pagination-bullet{width: 6px; height: 6px; margin: 0; border: 0; background: #d6dbe4; opacity: 1;} .dots .swiper-pagination-bullet-active{position: relative; background: var(--color-accent);} .dots .swiper-pagination-bullet-active::after{content: ''; position: absolute; top: 50%; left: 50%; width: 16px; height: 16px; border: 1px solid var(--color-accent); border-radius: 16px; opacity: .4; transform: translate(-50%, -50%);} .dots--light .swiper-pagination-bullet{background: var(--color-white);} .visually-hidden{position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;} @media (max-width: 1800px){.section--arrows::after{display: none;}}@media (max-width: 1200px){.container{padding-left: 30px; padding-right: 30px;}}@media (max-width: 900px){.section{margin: 64px 0;} .page-heading{margin: 0 0 24px; font-size: 38px; line-height: 46px;} .title{font-size: 32px; line-height: 42px;} .section-head{grid-template-columns: 1fr; gap: 24px;} .section-head__text{font-size: 14px; line-height: 20px;} .section--arrows::before{right: calc(100% - 150px);} .btn{font-size: 14px; line-height: 16px;} .messengers{font-size: 14px; line-height: 20px;} .agree{margin-top: 16px;} .agree__label{padding-top: 2px; padding-bottom: 2px; font-size: 12px; line-height: 16px;} .swiper-button-next, .swiper-button-prev{display: none;}}@media (max-width: 480px){.container{padding-left: 16px; padding-right: 16px;} .page-heading{margin: 0 0 20px; font-size: 24px; line-height: 28px;} .section{margin: 40px 0;} .title{margin: 0 0 28px; font-size: 22px; line-height: 26px;} .section-head{gap: 20px;} .section-head__text p:not(:last-child){margin: 0 0 20px;} .section--arrows::before, .section--arrows::after{display: none;} .btn{display: flex;} .agree{margin-bottom: 20px;}}.form__trap{position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden;} .form__error{margin: 0 0 12px; padding: 10px 14px; background: rgba(236, 100, 2, .08); border-radius: var(--radius-sm); font-size: 14px; line-height: 20px; color: var(--color-accent-2);} *{scrollbar-color: var(--color-accent) #f1ebe4;} ::-webkit-scrollbar{width: 10px; height: 10px;} ::-webkit-scrollbar-track{background: #f1ebe4;} ::-webkit-scrollbar-thumb{background: var(--color-accent); border-radius: 6px; border: 2px solid #f1ebe4;} ::-webkit-scrollbar-thumb:hover{background: #d45f00;}
.reveal{opacity: 0; transform: translateY(28px); transition: opacity .7s cubic-bezier(.2, .7, .2, 1), transform .7s cubic-bezier(.2, .7, .2, 1); transition-delay: var(--reveal-delay, 0s); will-change: opacity, transform;} .reveal--visible{opacity: 1; transform: none;} [data-reveal-index="1"]{--reveal-delay: .08s;} [data-reveal-index="2"]{--reveal-delay: .16s;} [data-reveal-index="3"]{--reveal-delay: .24s;} [data-reveal-index="4"]{--reveal-delay: .32s;} [data-reveal-index="5"]{--reveal-delay: .4s;} [data-reveal-index="6"]{--reveal-delay: .48s;} [data-reveal-index="7"]{--reveal-delay: .56s;} .footer.reveal{opacity: 1; transform: none;} .product-card, .why__box, .advantage, .stage{transition: border-color .3s ease, transform .35s ease, box-shadow .35s ease;} .product-card:hover, .why__box:hover, .advantage:hover{transform: translateY(-4px); box-shadow: 0 14px 36px rgba(20, 20, 20, .08);} .why__box-icon img, .advantage__icon img{transition: transform .45s cubic-bezier(.2, .7, .2, 1);} .why__box:hover .why__box-icon img, .advantage:hover .advantage__icon img{transform: translateY(-4px) scale(1.06);} .product-card__img{transition: transform .5s ease;} .product-card:hover .product-card__img{transform: scale(1.04);} .footer.reveal .footer__container::before, .footer.reveal .footer__container::after{opacity: 0; clip-path: inset(0 100% 0 0);} .footer.reveal--visible .footer__container::before{animation: footer-arrows-in 1.2s .15s cubic-bezier(.2, .7, .2, 1) forwards, footer-arrows-float 7s 1.4s ease-in-out infinite;} .footer.reveal--visible .footer__container::after{animation: footer-arrows-in 1.2s .45s cubic-bezier(.2, .7, .2, 1) forwards, footer-arrows-float 7s 1.7s ease-in-out infinite;} @keyframes footer-arrows-in{from{opacity: 0; clip-path: inset(0 100% 0 0); transform: translateX(-60px);} to{opacity: 1; clip-path: inset(0 0 0 0); transform: none;}}@keyframes footer-arrows-float{0%, 100%{opacity: 1; transform: translateX(0);} 50%{opacity: .75; transform: translateX(14px);}}@media (prefers-reduced-motion: reduce){.reveal{opacity: 1; transform: none; transition: none;} .footer .footer__container::before, .footer .footer__container::after{animation: none; opacity: 1; clip-path: none;}}.title__accent, .main-title__accent{position: relative; display: inline-block;} .title__accent::after, .main-title__accent::after{content: ''; position: absolute; left: 0; right: 0; bottom: -4px; height: 3px; border-radius: 2px; background: linear-gradient(90deg, #ffa459 0%, #ec6402 60%, rgba(236, 100, 2, 0) 100%); transform-origin: left center; animation: accent-draw .9s .3s cubic-bezier(.2, .7, .2, 1) both; pointer-events: none;} .title.reveal .title__accent::after{animation: none; transform: scaleX(0); transition: transform .9s .2s cubic-bezier(.2, .7, .2, 1);} .title.reveal--visible .title__accent::after{transform: scaleX(1);} @keyframes accent-draw{from{transform: scaleX(0);} to{transform: scaleX(1);}}@media (max-width: 900px){.title__accent::after, .main-title__accent::after{bottom: -3px; height: 2px;}}@media (prefers-reduced-motion: reduce){.title__accent::after, .main-title__accent::after, .title.reveal .title__accent::after{animation: none; transition: none; transform: none;}}
.topbar{position: relative; z-index: 102; padding: 12px 0; background: var(--color-white); border-bottom: 1px solid var(--color-border);} .topbar__grid{display: flex; align-items: center; justify-content: space-between; gap: 24px;} .topbar__slogan{color: var(--color-muted); white-space: nowrap;} .topbar__slogan-text{font-weight: 300;} @media (max-width: 1499px){.topbar__slogan-sep, .topbar__slogan-text{display: none;}}.topbar__online{display: flex; align-items: center; gap: 8px; margin: 0 auto; padding: 0; border: 0; background: none; font: inherit; white-space: nowrap; color: var(--color-muted); cursor: pointer; transition: color .2s;} .topbar__online-text{background: linear-gradient(currentColor, currentColor) no-repeat 0 100% / 0 1px; transition: color .35s ease, background-size .35s ease;} .topbar__online:hover .topbar__online-text, .topbar__online:focus-visible .topbar__online-text{color: var(--color-accent); background-size: 100% 1px;} .topbar__online-dot{position: relative; flex: none; width: 8px; height: 8px; background: var(--color-success); border-radius: 50%;} .topbar__online-dot::after{content: ''; position: absolute; inset: -4px; border: 2px solid var(--color-success); border-radius: 50%; animation: topbar-pulse 1.8s ease-out infinite;} @keyframes topbar-pulse{0%{transform: scale(.6); opacity: .9;} 70%{transform: scale(1.25); opacity: 0;} 100%{opacity: 0;}}@media (prefers-reduced-motion: reduce){.topbar__online-dot::after{animation: none; opacity: 0;}}@media (max-width: 1280px){.topbar__online{display: none;}}.topbar__soc{display: none; align-items: center; gap: 12px; margin: 0; padding: 0; list-style: none;} .topbar__soc-link{display: flex; align-items: center; justify-content: center; transition: opacity .2s;} .topbar__soc-link:hover{opacity: .8;} .topbar__soc-icon{width: 46px; height: 46px;} .topbar__links{display: flex; align-items: center; gap: 24px;} .topbar__city, .topbar__all{display: flex; align-items: center; gap: 8px; white-space: nowrap;} .topbar__city-icon{width: 16px; height: 16px;} .topbar__calc{position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 5px 14px; overflow: hidden; isolation: isolate; border-radius: 999px; background: var(--gradient-btn); color: var(--color-white); font-size: 13px; line-height: 18px; font-weight: 700; white-space: nowrap; box-shadow: 0 6px 14px -8px rgba(236, 100, 2, .9); transition: transform .2s ease;} .topbar__calc:hover{color: var(--color-white); background: var(--gradient-btn-hover); transform: translateY(-1px);} .topbar__calc-icon{width: 15px; height: 15px; flex: none;} .topbar__calc::after{content: ''; position: absolute; top: 0; bottom: 0; left: -60%; width: 45%; z-index: -1; background: linear-gradient(105deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .6) 50%, rgba(255, 255, 255, 0) 100%); transform: skewX(-20deg); animation: topbar-shine 2.2s ease-in-out .6s infinite; pointer-events: none;} @keyframes topbar-shine{0%{left: -60%;} 45%, 100%{left: 130%;}}@media (prefers-reduced-motion: reduce){.topbar__calc::after{display: none;}}.topbar__all{margin-left: 16px; gap: 10px; font-weight: 700; color: var(--color-accent);} .topbar__all-icon{width: 20px; height: 20px; transition: var(--transition);} .topbar__all:hover .topbar__all-icon{transform: rotate(45deg);} .topbar__actions{display: flex; align-items: center; gap: 8px; margin: 0 0 0 8px; flex-shrink: 0;} .topbar__action{position: relative; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; flex: 0 0 32px; padding: 0; background: var(--color-white); border: 1px solid #e5e7eb; border-radius: 50%; box-shadow: 0 2px 6px rgba(0, 0, 0, .04); cursor: pointer; color: var(--color-dark); transition: all .25s ease;} .topbar__action:hover, .topbar__action[aria-expanded="true"]{color: var(--color-accent-2); border-color: rgba(236, 100, 2, .3);} .topbar__action-icon{width: 17px; height: 17px;} .topbar__action-badge{position: absolute; top: -4px; right: -4px; min-width: 18px; height: 18px; padding: 0 5px; background: var(--gradient); border-radius: 999px; color: var(--color-white); font-size: 11px; line-height: 18px; font-weight: 700; text-align: center;} .topbar__actions .favorite-btn{width: 32px; height: 32px; margin: 0;} .topbar__actions .favorite-btn__icon{width: 17px; height: 17px;} .topbar__actions .header__favorite{position: relative; display: flex; align-items: center;} .header__search-mobile, .header__cart-mobile{display: none;} .topbar__all--mobile{display: none; margin: 0; font-size: 12px;} @media (max-width: 900px){.topbar__grid, .topbar__links{gap: 20px; font-size: 12px; line-height: 16px;} .topbar__city, .topbar__calc{display: none;} .topbar__actions{display: flex; margin-left: auto;} .topbar__all{margin-left: 0;}}@media (max-width: 600px){.topbar__slogan{display: none;} .topbar__soc{display: flex; flex: 0 0 auto; gap: 10px;} .topbar__soc-item, .topbar__soc-link{flex: 0 0 36px; width: 36px; height: 36px;} .topbar__soc-icon{width: 36px; min-width: 36px; height: 36px; flex: 0 0 36px;} .topbar__grid{gap: 12px;} .topbar__links{display: flex; width: 100%; justify-content: flex-end;} .topbar__all{display: none;} .topbar__all--mobile{display: none;} .topbar__actions{display: flex; margin-left: 0; gap: 10px;} .topbar__action{width: 36px; height: 36px; flex: 0 0 36px;} .topbar__actions .favorite-btn{width: 36px; height: 36px;}}@media (max-width: 480px){.topbar{padding: 11px 0 7px;}}
.header{position: relative; z-index: 101; background: var(--color-white); transition: transform .3s ease;} .header--fixed{position: fixed; top: 0; left: 0; width: 100%; border-bottom: 1px solid var(--color-border);} .header--hidden{transform: translateY(-100%);} .header-spacer{display: none; height: 0;} .header-spacer--active{display: block;} .header__grid{display: flex; align-items: center; justify-content: space-between; padding: 18px 0;} .header--fixed .header__grid{padding: 10px 0;} .header__logo{flex-shrink: 0;} .logo__img{width: 162px; height: 60px; flex-shrink: 0;} .header__catalog{margin: 0 20px;} .catalog-btn{display: flex; align-items: center; gap: 12px; padding: 16px 28px; font-size: 16px; line-height: 20px; font-weight: 700; color: var(--color-white); border-radius: var(--radius-sm); background: var(--gradient-btn); transition: var(--transition);} .catalog-btn:hover{background: var(--gradient-btn-hover);} .catalog-btn__text{display: block; padding: 0 0 0 36px; background: url('/assets/img/ui/catalog-burger.svg') 0 50% no-repeat;} .catalog-btn--opened .catalog-btn__text{background-image: url('/assets/img/ui/catalog-close.svg');} .header__nav{margin-right: 24px;} .nav__list{display: flex; gap: 10px; font-size: 16px; font-weight: 500;} .nav__item{position: relative; white-space: nowrap;} .nav__item--has-children{padding: 0 18px 0 0;} .nav__item--has-children::after{content: ''; display: block; position: absolute; top: 0; right: 0; width: 16px; height: 16px; background: url('/assets/img/ui/chevron-down.svg') 50% 50% no-repeat; pointer-events: none; transition: transform .25s ease;} .nav__item--has-children:hover::after, .nav__item--has-children:focus-within::after{transform: rotate(180deg);} .nav__arrow{display: none;} .nav__sub{position: absolute; top: calc(100% + 28px); left: 0; min-width: 250px; max-width: 300px; white-space: normal; padding: 8px; background: var(--color-white); border-radius: var(--radius); box-shadow: 0 5px 30px rgba(34, 34, 34, .1); opacity: 0; visibility: hidden; transition: opacity .2s ease-in-out .2s, visibility .2s ease-in-out .2s;} .nav__sub::before{content: ''; display: block; position: absolute; top: -28px; left: 0; width: 100%; height: 28px;} .nav__item:hover > .nav__sub{opacity: 1; visibility: visible;} @media (min-width: 901px){.header--subs-closed .nav__item:hover > .nav__sub{opacity: 0; visibility: hidden; transition: none;} .header--subs-closed .nav__item--has-children:hover::after{transform: none;}}.nav__sub-link{display: block; padding: 12px 16px; font-size: 16px; line-height: 20px; font-weight: 400;} .nav__sub-link:hover{border-radius: var(--radius-sm); background: var(--color-bg);} .header__soc{display: none;} .header--fixed .header__soc{display: flex; align-items: center; gap: 12px; margin: 0 32px 0 auto;} .header--fixed .header__soc li{display: flex; align-items: center; height: 48px; line-height: 0; overflow: visible;} .header__soc-link{display: block; width: 48px; height: 48px; line-height: 0; overflow: visible;} .header__soc-icon{display: block; width: 48px; height: 48px; overflow: visible;} .header--fixed, .header--fixed .container, .header--fixed .header__grid{overflow: visible;} .rating{position: relative; display: block; margin: 0 32px 4px auto; padding: 0 0 0 80px;} .header--fixed .rating{display: none;} .rating__number{position: absolute; bottom: -3px; left: 0; display: flex; align-items: center; justify-content: center; width: 58px; height: 83px; font-size: 20px; line-height: 28px; font-weight: 700; color: var(--color-white); background: url('/assets/img/ui/rating-badge.svg') 50% 50% no-repeat;} .rating__info{display: block; width: 150px;} .rating__stars{display: flex; align-items: center; gap: 6px; margin: 0 0 6px;} .rating__stars span{display: block; width: 14px; height: 14px; background: url('/assets/img/ui/star-14.svg') 50% 50% no-repeat;} .rating__text{display: block; font-size: 14px; line-height: 18px;} .rating__text strong{font-weight: 700;} .header__favorite{position: relative; display: flex; align-items: center; flex-shrink: 0;} .favorite-btn--active{color: var(--color-accent-2); border-color: rgba(236, 100, 2, .3);} .favorite-btn{position: relative; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; margin: 0 16px 0 0; flex-shrink: 0; color: var(--color-dark); background: var(--color-white); border: 1px solid #e5e7eb; border-radius: 50%; box-shadow: 0 2px 6px rgba(0, 0, 0, .04); transition: all .25s ease;} .favorite-btn:hover{color: var(--color-accent-2); border-color: var(--color-accent-2); transform: translateY(-1px);} .favorite-btn__icon{width: 22px; height: 22px;} .favorite-btn__badge{position: absolute; top: -3px; right: -3px; min-width: 18px; height: 18px; padding: 0 4px; font-size: 11px; line-height: 18px; font-weight: 700; text-align: center; color: var(--color-white); background: var(--gradient-btn); border-radius: 9px;} .header__phones{text-align: right;} .header__phone{font-size: 20px; line-height: 30px; font-weight: 700; white-space: nowrap;} @media (max-width: 1450px){.nav__list{gap: 4px; font-size: 15px;} .nav__item--has-children{padding-right: 16px;} .header__nav{margin-right: 16px;} .header__rating{margin-right: 20px;}}.header__worktime{position: relative; display: block; line-height: 20px; white-space: nowrap; color: var(--color-muted);} .header__favorite-mobile, .header__phone-mobile, .header__burger{display: none;} @media (max-width: 1280px){.favorite-btn{margin: 0 10px 0 0;}}@media (max-width: 900px){.header{z-index: 99;} .header--fixed{position: sticky;} .header__grid{align-items: center;} .header__catalog{margin: 0 auto 0 32px;} .catalog-btn{padding: 18px 28px; font-size: 14px; line-height: 16px;} .logo__img{width: 135px; height: 50px;} .header__rating, .header__favorite, .header--fixed .header__soc{display: none;} .header__favorite-mobile{position: relative; display: flex; align-items: center; justify-content: center; width: 24px; height: 25px; margin-left: 20px; flex-shrink: 0; color: var(--color-dark);} .header__favorite-mobile-icon{width: 22px; height: 22px;} .header__burger{display: block; width: 24px; height: 24px; margin-left: 32px; flex-shrink: 0; background: url('/assets/img/ui/burger.svg') 50% 50% no-repeat;} .header__burger--opened{background-image: url('/assets/img/ui/burger-close.svg');} .header__nav{position: fixed; top: -100vh; left: 0; z-index: -1; width: 100%; overflow: hidden; background: var(--color-white); border-radius: 0 0 16px 16px; transition: top .3s;} .header__nav--opened{top: var(--header-bottom, 150px); max-height: calc(100vh - var(--header-bottom, 150px) - 10px); overflow: auto;} .nav__list{display: block;} .nav__item{white-space: normal;} .nav__item--has-children{padding: 0;} .nav__item--has-children::after{top: 20px; right: 10px; transition: transform .3s;} .nav__item--active::after{transform: rotate(180deg);} .nav__arrow{display: block; position: absolute; top: 0; right: 0; z-index: 2; width: 50px; height: 55px;} .nav__item > .nav__link{display: block; padding: 20px 30px;} .nav__item:not(:last-child){border-bottom: 1px solid var(--color-border);} .nav__sub{position: static; display: block; max-width: 100%; height: 0; padding: 0 15px; overflow: hidden; box-shadow: none; opacity: 1; visibility: visible; transition: none;} .nav__sub::before{display: none;} .nav__item--active > .nav__sub{height: auto; padding: 0 15px 15px;}}@media (max-width: 480px){.header__grid{padding: 20px 0;} .logo__img{width: 108px; height: 40px;} .header__catalog{margin-left: 16px;} .catalog-btn{padding: 14px 22px;} .header__phones{display: none;} .header__phone-mobile{display: block; width: 24px; height: 25px;} .header__phone-mobile-icon{width: 24px; height: 25px;} .header__favorite-mobile{margin-right: 10px;} .header__burger{margin-left: 20px;}}.header-search{padding: 0 0 18px;} .header-search__form{position: relative; display: flex; align-items: center; gap: 12px;} .header-search__icon{position: absolute; top: 50%; left: 18px; width: 22px; height: 22px; margin-top: -11px; color: var(--color-muted); pointer-events: none;} .header-search__input{flex: 1 1 auto; min-width: 0; height: 56px; padding: 0 18px 0 52px; background: var(--color-bg); border: 1px solid var(--color-border); border-radius: var(--radius); font-family: inherit; font-size: 16px; color: var(--color-dark);} .header-search__input:focus{outline: none; border-color: var(--color-accent); background: var(--color-white);} .header-search__submit{flex: 0 0 auto;} .header-search__close{display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; flex: 0 0 44px; padding: 0; background: none; border: 0; cursor: pointer; color: var(--color-muted);} .header-search__close:hover{color: var(--color-dark);} .header-search__close-icon{width: 20px; height: 20px;} @media (max-width: 900px){.header__actions{display: none;} .header__cart-mobile{position: relative; display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; color: var(--color-dark);} .header__cart-mobile-icon{width: 24px; height: 24px;} .header__cart-mobile-badge{position: absolute; top: 0; right: 0; min-width: 18px; height: 18px; padding: 0 5px; background: var(--gradient); border-radius: 999px; color: var(--color-white); font-size: 11px; line-height: 18px; font-weight: 700; text-align: center;} .header__search-mobile{display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0; background: none; border: 0; cursor: pointer; color: var(--color-dark);} .header__search-mobile-icon{width: 24px; height: 24px;} .header-search__submit, .header-search__close{display: none;} .header-search__input{height: 48px;}}@media (max-width: 900px){.header__favorite-mobile, .header__search-mobile, .header__cart-mobile{display: none;}}.header__phone-row{display: flex; align-items: center; gap: 10px;} .header__mail{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; flex: 0 0 30px; color: var(--color-muted); transition: color .2s;} .header__mail:hover{color: var(--color-accent);} .header__mail-icon{width: 22px; height: 22px;} .header__mail-mobile{display: none;} @media (max-width: 900px){.header__mail-mobile{display: flex; align-items: center; justify-content: center; width: 42px; height: 42px; color: var(--color-dark);} .header__mail-mobile-icon{width: 24px; height: 24px;}}@media (max-width: 1365px) and (min-width: 901px){.header__rating{display: none;} .header__catalog{margin: 0 14px;} .catalog-btn{padding: 14px;} .catalog-btn__text{width: 24px; height: 20px; padding: 0; overflow: hidden; font-size: 0; background-position: 50% 50%;}}@media (max-width: 1365px) and (min-width: 901px){.header--fixed .header__soc{gap: 8px; margin-right: 20px;} .header--fixed .header__soc li, .header__soc-link, .header__soc-icon{width: 40px; height: 40px;}}@media (max-width: 1199px) and (min-width: 901px){.header--fixed .header__soc{display: none;}}@media (max-width: 1100px) and (min-width: 901px){.nav__list{font-size: 14px;} .nav__item--has-children{padding-right: 14px;} .header__nav{margin-right: 12px;} .logo__img{width: 135px; height: 50px;} .header__phone{font-size: 18px;}}@media (max-width: 960px) and (min-width: 901px){.header__mail{display: none;}}@media (max-width: 900px){.header__mail{display: none;}}@media (max-width: 640px){.header__phones{display: none;} .header__phone-mobile{display: block; flex-shrink: 0; width: 24px; height: 25px; margin-left: 8px;} .header__phone-mobile-icon{width: 24px; height: 25px;}}.header__mail-mobile{flex-shrink: 0;} @media (max-width: 410px){.header__mail-mobile{display: none;}}@media (max-width: 372px){.catalog-btn{padding: 12px;} .catalog-btn__text{width: 24px; height: 20px; padding: 0; overflow: hidden; font-size: 0; background-position: 50% 50%;}}@media (min-width: 901px){.nav__item--has-children{padding-right: 21px;}}@media (min-width: 1451px){.header__nav{margin-right: 12px;} .header__rating{margin-right: 20px;}}@media (max-width: 1450px) and (min-width: 1366px){.nav__list{gap: 10px;} .header__catalog{margin: 0 10px;} .header__nav{margin-right: 8px;} .header__rating{margin-right: 8px;}}@media (max-width: 1365px) and (min-width: 901px){.nav__list{gap: 12px;}}@media (max-width: 1000px) and (min-width: 901px){.nav__list{gap: 8px;} .header__catalog{margin: 0 10px;} .header__nav{margin-right: 8px;}}
.catalog-menu{position: fixed; top: 180px; left: 0; right: 0; z-index: 100; margin: 0 auto; padding: 40px; background: var(--color-white); border-radius: var(--radius); max-height: calc(100vh - 200px); overflow: auto; overscroll-behavior: contain; transform: translateY(-200vh); visibility: hidden; transition: transform .5s, visibility 0s .5s;} .catalog-menu--opened{transform: translateY(0); visibility: visible; transition: transform .5s;} .header--fixed ~ .catalog-menu{top: 120px; max-height: calc(100vh - 140px);} .catalog-menu__grid{display: grid; grid-template-columns: repeat(5, 1fr); gap: 32px;} .catalog-menu__grid--6{grid-template-columns: repeat(6, 1fr); gap: 24px;} .catalog-menu__col{display: flex; flex-direction: column; gap: 24px;} .catalog-menu__title{display: block; margin: 0 0 8px; font-size: 16px; line-height: 24px; font-weight: 600; color: var(--color-dark);} .catalog-menu__list{display: flex; flex-direction: column; gap: 6px;} .catalog-menu__item{font-size: 14px; line-height: 20px;} .catalog-menu__list--cols{display: block; columns: 2; column-gap: 16px;} .catalog-menu__list--cols .catalog-menu__item{padding: 3px 0; break-inside: avoid;} .catalog-menu__link{color: var(--color-dark); transition: var(--transition);} .catalog-menu__link:hover{color: var(--color-accent);} .catalog-menu__all{margin: 24px 0 0;} .catalog-menu__all .link-more{font-weight: 600;} @media (max-width: 1200px){.catalog-menu{top: 160px; max-height: calc(100vh - 180px); overflow: auto;}}@media (max-width: 900px){.header--fixed ~ .catalog-menu.catalog-menu--opened{top: 85px; height: calc(100dvh - 85px); max-height: none;}}@media (max-width: 1200px){.catalog-menu__grid--6{grid-template-columns: repeat(4, 1fr);}}@media (max-width: 768px){.catalog-menu__grid, .catalog-menu__grid--6{grid-template-columns: repeat(3, 1fr);} .catalog-menu__list--cols{columns: 1;}}@media (max-width: 480px){.catalog-menu{top: 124px; padding: 20px; border-radius: 0;} .catalog-menu--opened{height: calc(100dvh - 125px); overflow: auto;} .header--fixed ~ .catalog-menu.catalog-menu--opened{top: 65px; height: calc(100dvh - 65px);} .catalog-menu__grid, .catalog-menu__grid--6{grid-template-columns: repeat(2, 1fr);}}.catalog-menu__head{display: none;} @media (max-width: 900px){.catalog-menu, .header--fixed ~ .catalog-menu, .header--fixed ~ .catalog-menu.catalog-menu--opened{top: 0; z-index: 1100; height: 100dvh; max-height: none; padding: 0 20px 32px; border-radius: 0; overflow-y: auto; overscroll-behavior: contain;} .catalog-menu__head{position: sticky; top: 0; z-index: 2; display: flex; align-items: center; justify-content: space-between; margin: 0 -20px 20px; padding: 12px 20px; background: var(--color-white); border-bottom: 1px solid var(--color-border);} .catalog-menu__head-title{font-size: 20px; line-height: 28px; font-weight: 700; color: var(--color-dark);} .catalog-menu__close{position: relative; width: 40px; height: 40px; padding: 0; background: var(--color-bg); border: 0; border-radius: 50%; cursor: pointer;} .catalog-menu__close::before, .catalog-menu__close::after{content: ''; position: absolute; top: 50%; left: 50%; width: 18px; height: 2px; margin: -1px 0 0 -9px; background: var(--color-dark); border-radius: 2px; transform: rotate(45deg);} .catalog-menu__close::after{transform: rotate(-45deg);} body.page--catalog-open{overflow: hidden;}}@media (min-width: 1201px){.catalog-menu{padding: 28px 32px 24px;} .catalog-menu__grid, .catalog-menu__grid--6{display: block; columns: 6; column-gap: 28px;} .catalog-menu__col{display: contents;} .catalog-menu__group{break-inside: avoid; margin: 0 0 18px;} .catalog-menu__title{margin: 0 0 4px; font-size: 15px; line-height: 22px;} .catalog-menu__list, .catalog-menu__list--cols{display: flex; flex-direction: column; gap: 2px; columns: auto;} .catalog-menu__list--cols .catalog-menu__item{padding: 0;} .catalog-menu__item{font-size: 14px; line-height: 19px;} .catalog-menu__all{margin: 6px 0 0;}}
.main-title{max-width: 100%; margin: 0 0 40px; font-size: 64px; line-height: 72px; font-weight: 700;} .main-title__heading{display: block; white-space: nowrap; font-size: 64px; line-height: 72px; font-weight: 700;} .main-title__accent{background: var(--gradient-btn); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent;} .main-title__subtitle{display: block; max-width: 720px; margin: 16px 0 0; font-size: 16px; line-height: 24px; font-weight: 300;} @media (max-width: 1199px){.main-title, .main-title__heading{font-size: 5.6vw; line-height: 1.15;}}@media (max-width: 900px){.main-title{margin: 0 0 24px;} .main-title, .main-title__heading{font-size: 48px; line-height: 56px;} .main-title__heading{white-space: normal;} .main-title__subtitle{max-width: 100%; font-size: 14px; line-height: 20px;}}@media (max-width: 480px){.main-title{margin-bottom: 20px;} .main-title, .main-title__heading{font-size: 28px; line-height: 32px;}}
.hero{display: grid; grid-template-columns: 1fr 432px; gap: 24px; margin: 0 0 88px;} .hero__left{min-width: 0;} .hero__slider{border-radius: var(--radius);} .hero__slide{position: relative; display: flex; flex-direction: column; height: 548px; padding: 48px 48px 104px; color: var(--color-white); border-radius: var(--radius); overflow: hidden;} .hero__slide--dark{color: #000;} .hero__img{position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius);} .hero__slide--photo::before{content: ''; position: absolute; inset: 0; z-index: 0; border-radius: var(--radius); background: linear-gradient(0deg, rgba(20, 20, 20, .78) 0%, rgba(20, 20, 20, .35) 45%, rgba(20, 20, 20, 0) 75%), linear-gradient(90deg, rgba(20, 20, 20, .35) 0%, rgba(20, 20, 20, 0) 60%); pointer-events: none;} .hero__slide--photo .hero__title, .hero__slide--photo .hero__text, .hero__slide--photo .hero__button{position: relative; z-index: 1;} .hero__slide--gradient{background: linear-gradient(135deg, #1d1d1d 0%, #3a3a3a 55%, #ec6402 140%);} .hero__slide--gradient .hero__title, .hero__slide--gradient .hero__text{max-width: 620px;} .hero__title{max-width: 550px; margin: auto 0 0; font-size: 48px; line-height: 56px; font-weight: 700;} .hero__text{max-width: 400px; margin: 12px 0 32px; font-size: 16px; line-height: 24px;} .hero__slider .swiper-pagination.hero__pagination{position: absolute; left: 48px; bottom: 53px; width: auto;} .hero-form{height: 100%; padding: 32px; background: var(--color-bg); border-radius: var(--radius);} .hero-form__title{margin: 0 0 8px; font-size: 24px; line-height: 32px; font-weight: 700;} .hero-form__subtitle{margin: 0 0 24px; font-size: 16px; line-height: 24px;} .hero-form .field{margin: 0 0 12px;} .hero-form__submit{width: 100%; margin: 12px 0 0; padding: 18px; font-size: 16px; line-height: 20px; font-weight: 700; text-align: center; color: var(--color-white); border-radius: var(--radius-sm); background: var(--gradient-btn); transition: var(--transition);} .hero-form__submit:hover{background: var(--gradient-btn-hover);} @media (max-width: 900px){.hero{grid-template-columns: 1fr; margin: 0;} .hero__slide{height: 388px; min-height: 0; padding: 32px 32px 88px; color: #000;} .hero__slide--photo{color: var(--color-white);} .hero__slide--photo::before{background: linear-gradient(0deg, rgba(20, 20, 20, .8) 0%, rgba(20, 20, 20, .45) 60%, rgba(20, 20, 20, .3) 100%);} .hero__title{font-size: 32px; line-height: 42px;} .hero__text{max-width: 310px; font-size: 14px; line-height: 20px;} .hero__slider .swiper-pagination.hero__pagination{left: 32px; bottom: 37px;} .hero-form__title{font-size: 18px; line-height: 24px;} .hero-form__subtitle{margin-bottom: 16px; font-size: 14px; line-height: 20px;} .hero-form .field__input, .hero-form__submit{height: 52px; padding-top: 0; padding-bottom: 0; font-size: 14px; line-height: 52px;} .hero-form__submit{margin: 0;}}@media (max-width: 480px){.hero{gap: 12px;} .hero__slide{justify-content: center; align-items: center; padding: 24px 20px 56px; text-align: center;} .hero__title{max-width: 100%; margin: 0; font-size: 30px; line-height: 36px;} .hero__text{max-width: 100%; margin: 12px 0 24px; font-size: 16px; line-height: 24px;} .hero__button{display: flex; justify-content: center;} .hero__button .btn{display: inline-flex; padding: 14px 28px; font-size: 15px; color: var(--color-white); background: var(--gradient);} .hero__slider .swiper-pagination.hero__pagination{left: 50%; bottom: 22px; transform: translateX(-50%);} .hero-form{padding: 20px;}}
.why__grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 40px 0 0;} .why__box{padding: 40px; background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius); transition: var(--transition);} .why__box:hover{border-color: rgba(254, 160, 83, .5);} .why__box-icon img{width: 80px; height: 80px;} .why__box-title{margin: 40px 0 16px; font-size: 24px; line-height: 32px; font-weight: 700;} .why__box-text{font-size: 16px; line-height: 24px;} .why__box-text p:not(:last-child){margin: 0 0 12px;} @media (max-width: 900px){.why__title br{display: none;} .why__grid{grid-template-columns: 1fr 1fr;} .why__box:last-child{grid-column: span 2;} .why__box{padding: 32px;} .why__box-icon img{width: 64px; height: 64px;} .why__box-title{margin-top: 32px; font-size: 18px; line-height: 24px;} .why__box-text{font-size: 14px; line-height: 20px;}}@media (max-width: 480px){.why__grid{grid-template-columns: 1fr; gap: 12px; margin-top: 28px;} .why__box{padding: 18px 19px;} .why__box:last-child{grid-column: span 1;} .why__box-icon img{width: 56px; height: 56px;} .why__box-title{margin-top: 20px;}}
.popular__grid{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px;} .popular__all{margin: 40px 0 0; text-align: center;} @media (max-width: 900px){.popular__grid{grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (max-width: 600px){.popular__grid{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 480px){.popular__grid{gap: 12px;} .popular__all{margin-top: 28px;}}
.product-card{position: relative; display: flex; flex-direction: column; height: 100%; padding: 24px; border: 1px solid var(--color-border); border-radius: var(--radius); transition: var(--transition);} .product-card:hover{border-color: rgba(254, 160, 83, .5);} .product-card__favorite{position: absolute; top: 14px; right: 14px; z-index: 10; display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; color: var(--color-dark); background: var(--color-white); border: 1px solid #e5e7eb; border-radius: 50%; box-shadow: 0 2px 6px rgba(0, 0, 0, .06); transition: all .25s ease;} .product-card__favorite:hover{color: var(--color-accent-2); border-color: var(--color-accent-2); transform: scale(1.08); box-shadow: 0 4px 12px rgba(236, 100, 2, .2);} .product-card__favorite-icon{width: 19px; height: 19px; fill: transparent; transition: fill .25s ease, stroke .25s ease;} .product-card__favorite--active{color: var(--color-accent-2); background: #fff7ed; border-color: rgba(236, 100, 2, .4);} .product-card__favorite--active .product-card__favorite-icon{fill: var(--color-accent-2); animation: heart-pulse .35s ease;} @keyframes heart-pulse{0%{transform: scale(1);} 50%{transform: scale(1.3);} 100%{transform: scale(1);}}.product-card__image{display: block;} .product-card__img{width: 100%; height: auto; aspect-ratio: 1; object-fit: contain;} .product-card__img--small{padding: 20%; box-sizing: border-box;} .product-card__title{margin: 16px 0 12px; font-size: 20px; line-height: 30px; font-weight: 700;} .product-card__link{transition: var(--transition);} .product-card__link:hover{color: var(--color-accent);} .product-card__rating{display: flex; align-items: center; gap: 5px; margin-bottom: 1rem;} .product-card__star{display: block; width: 17px; height: 17px; background: url('/assets/img/ui/star-20.svg') 50% 50% / contain no-repeat;} .product-card__rating-value{font-size: 1.1rem; line-height: 1;} .product-card__rating-count{color: grey;} .product-card__prop{display: flex; gap: 8px; margin: 0 0 6px; font-size: 14px; line-height: 20px;} .product-card__prop-name{color: var(--color-muted);} .product-card__prop-value{margin: 0; min-width: 0; overflow-wrap: anywhere;} .product-card__price{display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 12px 0 16px; font-size: 20px; line-height: 30px; font-weight: 700;} .product-card--compact{padding: 16px;} .product-card--compact .product-card__favorite{top: 10px; right: 10px; width: 32px; height: 32px;} .product-card--compact .product-card__title{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; flex-grow: 1; min-height: 44px; margin: 12px 0 14px; overflow: hidden; font-size: 16px; line-height: 22px;} .product-card--compact .product-card__buttons{margin-top: auto;} .product-card--compact .product-card__more, .product-card--compact .product-card__order{padding: 10px 12px; font-size: 14px; line-height: 18px;} .product-card__price--request{font-size: 16px; font-weight: 500; color: var(--color-muted);} .product-card__buttons{display: flex; gap: 8px; margin-top: auto;} .product-card__more, .product-card__order{flex: 1 1 0; padding: 14px; font-size: 16px; line-height: 20px; font-weight: 700; text-align: center; border-radius: var(--radius-sm); transition: var(--transition);} .product-card__more{color: var(--color-white); background: var(--gradient-btn);} .product-card__more:hover{background: var(--gradient-btn-hover);} .product-card__order{color: var(--color-dark); background: var(--color-white); border: 1px solid var(--color-accent-light);} .product-card__order:hover{color: var(--color-white); background: var(--gradient-btn);} @media (max-width: 900px){.product-card__title, .product-card__price{font-size: 16px; line-height: 24px;} .product-card__prop{flex-wrap: wrap; gap: 0 5px; font-size: 12px; line-height: 16px;} .product-card__prop-value{max-width: 100%;} .product-card__buttons{flex-direction: column;} .product-card__more, .product-card__order{font-size: 14px; line-height: 16px;}}@media (max-width: 768px){.product-card__favorite{top: 10px; right: 10px; width: 32px; height: 32px;} .product-card__favorite-icon{width: 17px; height: 17px;}}@media (max-width: 480px){.product-card{padding: 12px;} .product-card__title{min-height: 60px; font-size: 14px; line-height: 20px;}}.product-card__meta{display: flex; flex-wrap: wrap; gap: 6px 12px; margin: 0 0 10px; font-size: 13px; line-height: 18px; color: var(--color-muted);} .product-card__stock{display: inline-flex; align-items: center; gap: 6px;} .product-card__stock::before{content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--color-border);} .product-card__stock--yes{color: var(--color-success);} .product-card__stock--yes::before{background: var(--color-success);} .product-card__price-m2{display: block; margin-top: 2px; font-size: 13px; line-height: 18px; font-weight: 400; color: var(--color-muted);} .product-card--compact .product-card__meta, .product-card--compact .product-card__price-m2{display: none;} .product-card__quick{margin: 8px 0 0; padding: 0; background: none; border: 0; cursor: pointer; font-family: inherit; font-size: 14px; line-height: 20px; color: var(--color-muted); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(112, 125, 137, .4); transition: color .2s;} .product-card__quick:hover{color: var(--color-accent); text-decoration-color: currentColor;} .product-card--compact .product-card__quick{display: none;} .product-card__price-est{font-size: 12px; line-height: 16px; font-weight: 400; color: var(--color-muted); white-space: nowrap;} .product-card__props{flex-grow: 1; padding-bottom: 6px;}
.bigform{position: relative; min-height: 432px; padding: 64px 80px; color: var(--color-white); background: var(--color-dark); border-radius: var(--radius);} .bigform__grid{position: relative; z-index: 1; max-width: 468px;} .bigform__title{margin: 0 0 16px; font-size: 48px; line-height: 56px; font-weight: 700;} .bigform__text{max-width: 356px; margin: 0 0 32px; font-size: 16px; line-height: 24px;} .bigform__text p:not(:last-child){margin-bottom: 20px;} .bigform__row{display: flex; gap: 16px;} .bigform__field{width: 100%;} .bigform__submit{flex-shrink: 0;} .bigform .agree__label{color: var(--color-white);} .bigform .form__success{color: var(--color-accent-light);} .bigform__soc{margin: 48px 0 0; color: var(--color-white);} .bigform--image{overflow: hidden;} .bigform__img{position: absolute; right: 48px; bottom: 10%; width: 50%; height: 80%; object-fit: contain; object-position: right center; filter: drop-shadow(0 20px 40px rgba(0, 0, 0, .5));} .bigform--second .bigform__img{right: 64px;} .bigform--photo .bigform__img{right: 0; bottom: 0; width: 62%; height: 100%; object-fit: cover; object-position: center; filter: none; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 35%); -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 35%); border-radius: 0 var(--radius) var(--radius) 0;} .bigform--second{min-height: 560px;} .bigform--second .bigform__grid{max-width: 580px;} .bigform--second .bigform__form{max-width: 468px;} .bigform--second .bigform__text{max-width: 100%;} @media (max-width: 900px){.bigform{padding: 48px;} .bigform__img, .bigform--second .bigform__img{right: 24px; bottom: 24px; width: 70%; height: 260px;} .bigform--photo .bigform__img{top: 0; right: 0; bottom: auto; width: 100%; height: 280px; object-position: center 30%; border-radius: var(--radius) var(--radius) 0 0; mask-image: linear-gradient(180deg, #000 55%, rgba(0, 0, 0, 0) 100%); -webkit-mask-image: linear-gradient(180deg, #000 55%, rgba(0, 0, 0, 0) 100%);} .bigform--photo .bigform__grid{padding: 220px 0 0;} .bigform__grid{width: 100%; max-width: 100%; padding-bottom: 300px;} .bigform__title{font-size: 32px; line-height: 42px;} .bigform__text{max-width: 100%; font-size: 14px; line-height: 20px;} .bigform__soc{margin-top: 32px;} .bigform--second .bigform__grid{padding-bottom: 350px;}}@media (max-width: 480px){.bigform{padding: 20px;} .bigform__img, .bigform--second .bigform__img{right: 12px; bottom: 12px; width: 80%; height: 160px;} .bigform--photo .bigform__img{height: 200px;} .bigform--photo .bigform__grid{padding: 150px 0 0;} .bigform__grid, .bigform--second .bigform__grid{padding-bottom: 180px;} .bigform--photo .bigform__grid{padding-bottom: 0;} .bigform__title{font-size: 22px; line-height: 26px;} .bigform__text{margin-bottom: 28px;} .bigform__row{flex-direction: column;} .bigform__soc{margin-top: 20px;}}
.montazh::before{top: 0; left: auto; right: 90%;} .montazh::after{top: 0; left: 60%;} .montazh__wrapper{display: grid; grid-template-columns: minmax(432px, 1fr) 1fr; gap: 48px; align-items: center; padding: 64px 0 0;} .montazh__title{margin: 0 0 40px; font-size: 48px; line-height: 56px; font-weight: 700; overflow-wrap: anywhere;} .montazh__text{font-size: 16px; line-height: 24px;} .montazh__text p:not(:last-child){margin: 0 0 24px;} .montazh__right{display: flex; justify-content: center; min-width: 0;} .montazh__img{width: 100%; max-width: 640px; max-height: 440px; object-fit: contain;} .montazh__advantages{margin: 64px 0 0; padding: 0 0 20px;} .montazh__list{display: flex; flex-wrap: wrap; justify-content: center; gap: 16px;} .montazh__item{position: relative; padding: 12px 24px 12px 42px; font-size: 16px; line-height: 24px; background: var(--color-white); border: 1px solid var(--color-border); border-radius: 200px; transition: var(--transition);} .montazh__link{display: block; margin: -12px -24px -12px -42px; padding: 12px 24px 12px 42px; color: inherit; transition: var(--transition);} .montazh__item:hover .montazh__link{color: var(--color-accent);} .montazh__item::before{content: ''; display: block; position: absolute; left: 24px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: var(--gradient);} .montazh__item:hover{z-index: 1; box-shadow: 0 0 15px rgba(0, 0, 0, .2); transform: scale(1.1);} @media (max-width: 1800px){.montazh::before{display: none;}}@media (max-width: 900px){.montazh__wrapper{grid-template-columns: 1fr; gap: 24px; padding: 0;} .montazh__img{max-height: 300px;} .montazh__title{margin: 0 0 24px; font-size: 32px; line-height: 42px;} .montazh__text{font-size: 14px; line-height: 20px;} .montazh__list{justify-content: flex-start;}}@media (max-width: 480px){.montazh__title{margin: 0 0 20px; font-size: 22px; line-height: 26px;} .montazh__text p:not(:last-child){margin: 0 0 20px;} .montazh__advantages{margin: 28px 0 0; overflow: auto;} .montazh__list{flex-direction: column; align-items: flex-start; gap: 12px;} .montazh__item{padding: 8px 16px 8px 32px; font-size: 14px; line-height: 20px;} .montazh__link{display: block; margin: -12px -24px -12px -42px; padding: 12px 24px 12px 42px; color: inherit; transition: var(--transition);} .montazh__item:hover .montazh__link{color: var(--color-accent);} .montazh__item::before{left: 16px;}}
.examples__slider-wrap{position: relative;} .examples__prev, .examples__next{top: 192px; margin: 0;} .examples__prev{left: -72px;} .examples__next{right: -72px;} .examples__pagination{display: none;} .example__imgs{display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 24px; margin: 0 0 40px;} .example__img{border-radius: var(--radius); overflow: hidden;} .example__img a{display: block;} .example__img img{width: 100%; height: 432px; object-fit: cover; border-radius: var(--radius); transition: var(--transition);} .example__img img:hover{transform: scale(1.1);} .example__info{display: grid; grid-template-columns: 1fr 1fr; gap: 24px;} .example__title{margin: 0 0 16px; font-size: 24px; line-height: 32px; font-weight: 700;} .example__link:hover{color: var(--color-accent);} .example__text{font-size: 16px; line-height: 24px;} .example__text a{color: #3366ff;} @media (max-width: 1450px){.examples__prev{left: -25px;} .examples__next{right: -25px;}}@media (max-width: 900px){.examples__navi{display: flex; align-items: center; justify-content: center; gap: 24px; margin: 32px 0 0;} .examples__pagination{display: flex; position: static;} .example__imgs{grid-template-columns: 3fr 1fr; grid-template-rows: 1fr 1fr;} .example__img img{height: 188px;} .example__img:first-child{grid-row: span 2;} .example__img:first-child img{height: 100%;} .example__info{grid-template-columns: 1fr;} .example__title{font-size: 18px; line-height: 24px;} .example__text{font-size: 14px; line-height: 20px;}}@media (max-width: 480px){.example{display: flex; flex-direction: column-reverse;} .example__imgs{display: block; margin: 28px 0 0;} .example__img:not(:first-child){display: none;} .example__img img, .example__img:first-child img{height: 215px;} .example__info{gap: 20px;} .examples__navi{margin-top: 28px;}}
.collections__head{display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0 0 32px;} .collections__head .title{margin: 0;} .collections__all{flex-shrink: 0; margin-bottom: 10px;} .collections__tabs{display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 24px;} .collections__tab{padding: 12px 24px; font-size: 16px; line-height: 20px; font-weight: 700; color: var(--color-dark); background: var(--color-white); border: 1px solid var(--color-border); border-radius: 100px; cursor: pointer; transition: var(--transition);} .collections__tab:hover{border-color: var(--color-accent-2); color: var(--color-accent-2);} .collections__tab--active, .collections__tab--active:hover{color: var(--color-white); background: var(--gradient); border-color: transparent;} .collections__panel[hidden]{display: none;} .collections__subhead{display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; margin: 0 0 24px;} .collections__text{max-width: 760px; margin: 0; font-size: 16px; line-height: 24px; color: var(--color-muted);} .collections__link{flex-shrink: 0; margin-top: 2px;} .collections__wrapper{position: relative;} .collections__slide{height: auto;} .collections__next{right: -72px;} .collections__prev{left: -72px;} @media (max-width: 1450px){.collections__next{right: -25px;} .collections__prev{left: -25px;}}@media (max-width: 900px){.collections__head{flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 24px;} .collections__all{margin: 0;} .collections__tabs{flex-wrap: nowrap; gap: 8px; margin: 0 -20px 20px; padding: 0 20px; overflow-x: auto; scrollbar-width: none;} .collections__tabs::-webkit-scrollbar{display: none;} .collections__tab{flex-shrink: 0; padding: 10px 18px; font-size: 14px;} .collections__subhead{flex-direction: column; gap: 12px; margin-bottom: 20px;} .collections__text{font-size: 14px; line-height: 20px;}}
.advantages::before, .advantages::after{top: 36px;} .advantages__grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin: 40px 0 0;} .advantage{padding: 32px; font-size: 16px; line-height: 24px; background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius); transition: var(--transition);} .advantage:hover{border-color: rgba(254, 160, 83, .5);} .advantage__icon{margin: 0 0 40px;} .advantage__icon img{width: 64px; height: 64px;} .advantage__title{margin: 0 0 16px; font-size: 24px; line-height: 32px; font-weight: 700;} @media (max-width: 900px){.advantages__grid{grid-template-columns: 1fr 1fr;} .advantage__title{font-size: 18px; line-height: 24px;}}@media (min-width: 481px) and (max-width: 900px){.advantage{display: grid; grid-template-columns: 56px 1fr; gap: 0 32px; padding: 24px; font-size: 14px;} .advantage__icon{grid-row: span 2; margin: 0;} .advantage__icon img{width: 56px; height: 56px;} .advantage__title{margin: 0 0 16px;}}@media (max-width: 480px){.advantages__grid{gap: 12px; margin-top: 28px;} .advantage{padding: 18px 19px; font-size: 14px; line-height: 20px;} .advantage__icon{margin: 0 0 20px;} .advantage__icon img{width: 48px; height: 48px;}}
.cases__head{display: grid; grid-template-columns: 512px 1fr; gap: 48px 96px; align-items: end; margin: 0 0 40px;} .cases__head .title{margin: 0;} .cases__lead{margin: 0 0 8px; max-width: 560px; font-size: 16px; line-height: 24px; color: var(--color-muted);} .cases__wrapper{position: relative;} .cases__slider .swiper-slide{height: auto;} .cases__next{right: -72px;} .cases__prev{left: -72px;} .cases__pagination{position: static; display: flex; justify-content: center; gap: 8px; margin: 24px 0 0;} .cases__pagination .swiper-pagination-bullet{width: 10px; height: 10px; margin: 0; background: var(--color-border); opacity: 1;} .cases__pagination .swiper-pagination-bullet-active{background: var(--gradient);} .case{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; height: 100%; padding: 24px; background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius);} .case__photo{display: block; overflow: hidden; border-radius: 12px; background: var(--color-bg);} .case__photo img{display: block; width: 100%; height: 100%; min-height: 360px; object-fit: cover; transition: transform .6s ease;} .case__photo:hover img{transform: scale(1.03);} .case__body{display: flex; flex-direction: column; gap: 18px; padding: 8px 8px 8px 0;} .case__title{margin: 0; font-size: 28px; line-height: 36px; font-weight: 700; color: var(--color-accent);} .case__rows{display: grid; gap: 14px; margin: 0;} .case__row{display: grid; gap: 4px;} .case__label{display: flex; align-items: center; gap: 8px; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em;} .case__icon{width: 20px; height: 20px; flex: 0 0 20px;} .case__icon--light{color: var(--color-white);} .case__value{margin: 0; font-size: 16px; line-height: 24px;} .case__solution{padding: 18px 22px; background: var(--gradient); border-radius: 12px; color: var(--color-white);} .case__solution-label{display: flex; align-items: center; gap: 8px; margin: 0 0 6px; font-size: 15px; font-weight: 700; text-transform: uppercase; letter-spacing: .02em;} .case__solution-text{margin: 0; font-size: 16px; line-height: 24px;} .case__tags{display: flex; flex-wrap: wrap; gap: 8px; margin: auto 0 0; padding: 0; list-style: none;} .case__tag{display: inline-block; padding: 6px 12px; border: 1px solid var(--color-border); border-radius: 999px; font-size: 13px; line-height: 18px; color: var(--color-dark); text-decoration: none; transition: var(--transition);} .case__tag:hover{border-color: var(--color-accent); color: var(--color-accent);} @media (max-width: 1500px){.cases__next{right: -16px;} .cases__prev{left: -16px;}}@media (max-width: 1200px){.cases__head{grid-template-columns: 1fr; gap: 16px;} .case{gap: 28px; padding: 20px;} .case__title{font-size: 24px; line-height: 32px;}}@media (max-width: 900px){.case{grid-template-columns: 1fr;} .case__photo img{min-height: 0; aspect-ratio: 4 / 3;} .cases__next, .cases__prev{display: none;}}@media (max-width: 600px){.case{padding: 16px; gap: 20px;} .case__title{font-size: 20px; line-height: 28px;}}
.calculator__head{display: grid; grid-template-columns: minmax(0, 620px); gap: 16px; align-content: center; min-height: 340px; margin: 0 0 32px; padding: 40px 48px; background: linear-gradient(90deg, rgba(255, 253, 250, .93) 0%, rgba(255, 253, 250, .62) 38%, rgba(255, 253, 250, 0) 60%), url(/assets/img/content/calculator.jpg) no-repeat right bottom #eee6dc; background-size: auto, cover; border-radius: var(--radius);} .calculator__head .title{margin: 0;} .calculator__lead{margin: 0; max-width: 560px; font-size: 16px; line-height: 24px; color: #6a5f56;} .calculator__body{padding: 32px; background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius);} .calculator__cols{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 40px;} .calculator__step{display: flex; align-items: center; gap: 12px; margin: 0 0 20px;} .calculator__step-num{display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; flex: 0 0 36px; background: var(--gradient); border-radius: 50%; color: var(--color-white); font-size: 17px; font-weight: 700;} .calculator__step-num--light{background: var(--color-white); color: var(--color-accent);} .calculator__step-title{margin: 0; font-size: 20px; line-height: 28px; font-weight: 700;} .calculator__fields{display: grid; gap: 16px;} .calculator__field{display: grid; gap: 6px;} .calculator__field--small{max-width: 160px;} .calculator__label{font-size: 14px; line-height: 20px; color: var(--color-muted);} .calculator__input{width: 100%; height: 48px; padding: 0 16px; font-family: inherit; font-size: 16px; color: var(--color-dark); background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-sm); transition: var(--transition);} .calculator__input:focus{border-color: var(--color-accent); outline: none;} select.calculator__input{appearance: none; padding-right: 40px; background-image: url('/assets/img/ui/chevron-down.svg'); background-repeat: no-repeat; background-position: right 16px center;} .calculator__hint{margin: 16px 0 0; font-size: 13px; line-height: 20px; color: var(--color-muted);} .calculator__radios{display: grid; gap: 10px;} .calculator__radio{display: block; cursor: pointer;} .calculator__radio input{position: absolute; opacity: 0; pointer-events: none;} .calculator__radio-box{display: flex; align-items: baseline; justify-content: space-between; gap: 12px; padding: 12px 18px; border: 1px solid var(--color-border); border-radius: var(--radius-sm); transition: var(--transition);} .calculator__radio input:checked + .calculator__radio-box{border-color: var(--color-accent); background: rgba(236, 100, 2, .05);} .calculator__radio input:focus-visible + .calculator__radio-box{outline: 2px solid var(--color-accent);} .calculator__radio-label{font-size: 16px; line-height: 22px;} .calculator__radio-sub{font-size: 13px; color: var(--color-muted); white-space: nowrap;} .calculator__check{display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 20px; cursor: pointer;} .calculator__check input{width: 18px; height: 18px; accent-color: var(--color-accent);} .calculator__result{margin: 32px 0 0; padding: 28px 32px; background: var(--gradient); border-radius: var(--radius); color: var(--color-white);} .calculator__result-head{display: flex; align-items: center; gap: 12px; margin: 0 0 24px;} .calculator__figures{display: grid; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 20px; margin: 0 0 24px;} .calculator__figure{display: grid; gap: 4px;} .calculator__figure-value{font-size: 32px; line-height: 40px; font-weight: 700;} .calculator__figure-label{font-size: 14px; line-height: 20px; opacity: .85;} .calculator__figure--total .calculator__figure-value{font-size: 36px;} .calculator__actions{display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 24px; align-items: center; padding-top: 24px; border-top: 1px solid rgba(255, 255, 255, .35);} .calculator__note{margin: 0; font-size: 14px; line-height: 21px; opacity: .9;} .calculator__btn{background: var(--color-white); color: var(--color-accent); white-space: nowrap;} .calculator__btn:hover{background: var(--color-white); opacity: .9;} @media (max-width: 1200px){.calculator__head{grid-template-columns: 1fr; gap: 16px; min-height: 0; padding: 32px;} .calculator__cols{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 32px;}}@media (max-width: 900px){.calculator__body{padding: 24px;} .calculator__cols{grid-template-columns: 1fr;} .calculator__result{padding: 24px;} .calculator__actions{grid-template-columns: 1fr;} .calculator__figure-value{font-size: 28px; line-height: 36px;}}@media (max-width: 600px){.calculator__head{padding: 0; background: none;} .calculator__lead{color: var(--color-muted);} .calculator__body{padding: 16px;} .calculator__figures{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px;}}.calculator__related{display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px 20px; margin: 24px 0 0; font-size: 16px; line-height: 24px;} .calculator__related-title{font-weight: 700;} .calc-index{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;} .calc-index__card{display: flex; flex-direction: column; gap: 12px; padding: 32px; background: var(--color-white); border-radius: var(--radius); box-shadow: 0 8px 32px rgba(20, 20, 20, .08); transition: transform .35s ease, box-shadow .35s ease;} .calc-index__card:hover{transform: translateY(-6px); box-shadow: 0 18px 44px rgba(20, 20, 20, .14);} .calc-index__title{font-size: 20px; line-height: 28px; font-weight: 700;} .calc-index__text{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; line-height: 24px; color: var(--color-muted);} .calc-index__more{margin-top: auto;} @media (max-width: 1200px){.calc-index{grid-template-columns: repeat(2, 1fr); gap: 20px;} .calc-index__card{padding: 24px;}}@media (max-width: 600px){.calc-index{grid-template-columns: 1fr; gap: 16px;}}
.calc-promo__inner{display: grid; grid-template-columns: minmax(0, 620px); gap: 16px; align-content: center; min-height: 340px; padding: 40px 48px; background: linear-gradient(90deg, rgba(255, 253, 250, .93) 0%, rgba(255, 253, 250, .62) 38%, rgba(255, 253, 250, 0) 60%), url(/assets/img/content/calculator.jpg) no-repeat right bottom #eee6dc; background-size: auto, cover; border-radius: var(--radius);} .calc-promo__title{margin: 0;} .calc-promo__lead{margin: 0; max-width: 560px; font-size: 16px; line-height: 24px; color: #6a5f56;} .calc-promo__btn{justify-self: start; margin-top: 8px;} @media (max-width: 1200px){.calc-promo__inner{grid-template-columns: 1fr; min-height: 0; padding: 32px;}}@media (max-width: 600px){.calc-promo__inner{padding: 0; background: none;} .calc-promo__lead{color: var(--color-muted);}}
.trust__head{display: grid; grid-template-columns: 512px 1fr; gap: 24px 96px; align-items: end; margin: 0 0 40px;} .trust__head .title{margin: 0;} .trust__lead{margin: 0 0 8px; max-width: 600px; font-size: 16px; line-height: 24px; color: var(--color-muted);} .trust__counters{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0 0 48px; padding: 0; list-style: none;} .trust__counter{display: grid; gap: 4px; padding: 28px 32px; background: var(--color-bg); border-radius: var(--radius);} .trust__counter-value{background: var(--gradient); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 44px; line-height: 52px; font-weight: 700;} .trust__counter-label{font-size: 17px; line-height: 24px; font-weight: 700;} .trust__counter-sub{font-size: 14px; line-height: 20px; color: var(--color-muted);} .trust__brands{display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 20px; margin: 0 0 20px;} .trust__brand{display: grid; gap: 8px; justify-items: center; padding: 20px 16px; text-align: center; text-decoration: none; color: var(--color-dark); border: 1px solid var(--color-border); border-radius: var(--radius); transition: var(--transition);} .trust__brand:hover{border-color: var(--color-accent); box-shadow: 0 8px 24px rgba(20, 20, 20, .06);} .trust__brand-img{display: block; width: 100%; max-width: 120px; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 8px; background: var(--color-bg);} .trust__brand-img img{width: 100%; height: 100%; object-fit: cover;} .trust__brand-name{font-size: 15px; line-height: 20px; font-weight: 700;} .trust__brand-count{font-size: 13px; line-height: 18px; color: var(--color-muted);} .trust__more{margin: 0 0 48px;} .trust__docs{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; margin: 0 0 20px;} .trust__doc{display: grid; gap: 10px; align-content: start; padding: 28px; background: var(--color-bg); border-radius: var(--radius);} .trust__doc-icon{display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; background: var(--color-white); border-radius: 12px;} .trust__doc-svg{width: 26px; height: 26px;} .trust__doc-title{margin: 0; font-size: 17px; line-height: 24px; font-weight: 700;} .trust__doc-text{margin: 0; font-size: 15px; line-height: 22px; color: var(--color-muted);} .trust__note{margin: 0; font-size: 14px; line-height: 21px; color: var(--color-muted);} @media (max-width: 1200px){.trust__head{grid-template-columns: 1fr; gap: 16px;} .trust__brands{grid-template-columns: repeat(4, minmax(0, 1fr));} .trust__counters, .trust__docs{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 900px){.trust__counter{padding: 20px 24px;} .trust__counter-value{font-size: 34px; line-height: 42px;} .trust__brands{grid-template-columns: repeat(3, minmax(0, 1fr));} .trust__doc{padding: 20px;}}@media (max-width: 600px){.trust__counters{grid-template-columns: 1fr 1fr; gap: 12px;} .trust__counter{padding: 16px;} .trust__brands{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;} .trust__docs{grid-template-columns: 1fr;}}
.pricelist__inner{position: relative; min-height: 440px; padding: 48px; background: linear-gradient(90deg, rgba(255, 252, 248, .92) 0%, rgba(255, 252, 248, .62) 40%, rgba(255, 252, 248, 0) 62%), url(/assets/img/content/pricelist.jpg) no-repeat right center #efe6dd; background-size: auto, cover; border-radius: var(--radius);} .pricelist__left{max-width: 620px;} .pricelist__title{margin: 0 0 12px; font-size: 32px; line-height: 40px; font-weight: 700;} .pricelist__text{margin: 0 0 24px; font-size: 16px; line-height: 24px; color: #6a5f56;} .pricelist__list{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 32px; margin: 0 0 28px; padding: 0; list-style: none;} .pricelist__item{position: relative; padding-left: 28px; font-size: 15px; line-height: 22px;} .pricelist__item::before{content: ''; position: absolute; top: 4px; left: 0; width: 16px; height: 16px; background: var(--gradient); border-radius: 50%;} .pricelist__row{display: flex; gap: 12px; margin: 0 0 12px;} .pricelist__field{flex: 1 1 auto; min-width: 0; margin: 0;} .pricelist__field .field__input{background: var(--color-white);} .pricelist__btn{flex: 0 0 auto;} .pricelist__agree{margin: 0 0 12px; max-width: 460px;} .pricelist__or{margin: 0; padding-top: 12px; max-width: 460px; border-top: 1px solid rgba(20, 20, 20, .12); font-size: 14px; line-height: 20px; color: #6a5f56;} @media (max-width: 1100px){.pricelist__inner{min-height: 0; padding: 32px; background-position: right bottom;} .pricelist__title{font-size: 26px; line-height: 34px;}}@media (max-width: 700px){.pricelist__inner{padding: 24px 20px; background-image: none; background-color: var(--color-bg);} .pricelist__text, .pricelist__or{color: var(--color-muted);} .pricelist__list{grid-template-columns: 1fr;} .pricelist__row{flex-wrap: wrap;} .pricelist__btn{width: 100%;}}
.list-request__inner{display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: 48px; align-items: stretch; min-height: 420px; padding: 0 0 0 48px; background: #f2e8dd; border-radius: var(--radius); overflow: hidden;} .list-request__text{align-self: center; padding: 48px 0;} .list-request__title{margin: 0 0 12px; font-size: 32px; line-height: 40px; font-weight: 700;} .list-request__lead{margin: 0 0 20px; max-width: 560px; font-size: 16px; line-height: 24px; color: #6a5f56;} .list-request__hints{margin: 0 0 28px; padding: 0; list-style: none; display: grid; gap: 10px;} .list-request__hint{position: relative; padding-left: 28px; font-size: 15px; line-height: 22px;} .list-request__hint::before{content: ''; position: absolute; top: 4px; left: 0; width: 16px; height: 16px; background: var(--gradient); border-radius: 50%;} .list-request__actions{display: flex; align-items: center; gap: 24px; flex-wrap: wrap;} .list-request__more{background: none; border: 0; padding: 0; cursor: pointer; font-family: inherit;} .list-request__pic{display: block; align-self: stretch; height: 100%; min-height: 100%;} .list-request__img{display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top;} @media (max-width: 1100px){.list-request__inner{grid-template-columns: 1fr; gap: 24px; min-height: 0; padding: 32px 32px 0;} .list-request__title{font-size: 26px; line-height: 34px;} .list-request__text{padding: 0;} .list-request__pic{max-width: 380px; margin: 0 auto; min-height: 0;} .list-request__img{height: auto; object-fit: contain;}}@media (max-width: 600px){.list-request__inner{padding: 24px 20px 0;} .list-request__actions{gap: 16px;} .list-request__btn{width: 100%; justify-content: center;} .list-request__pic{max-width: none; margin: 0 -20px;} .list-request__img{width: 100%;}}
.search-page__form{display: flex; gap: 12px; margin: 0 0 24px; max-width: 860px;} .search-page__input{flex: 1 1 auto; min-width: 0; height: 56px; padding: 0 20px; background: var(--color-bg); border: 1px solid var(--color-border); border-radius: var(--radius); font-family: inherit; font-size: 16px; color: var(--color-dark);} .search-page__input:focus{outline: none; border-color: var(--color-accent); background: var(--color-white);} .search-page__hint{margin: 0 0 16px; font-size: 16px; line-height: 24px; color: var(--color-muted);} .search-page__tags{display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 40px;} .search-page__tag{padding: 10px 18px; background: var(--color-bg); border-radius: 999px; font-size: 15px; line-height: 20px; color: var(--color-dark); transition: var(--transition);} .search-page__tag:hover{background: var(--color-white); box-shadow: 0 5px 20px rgba(34, 34, 34, .08); color: var(--color-accent);} .search-page__groups{display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 28px;} .search-page__group{display: grid; gap: 2px; padding: 12px 20px; background: var(--color-bg); border-radius: var(--radius); transition: var(--transition);} .search-page__group:hover{background: var(--color-white); box-shadow: 0 5px 20px rgba(34, 34, 34, .08);} .search-page__group-label{font-size: 13px; line-height: 16px; color: var(--color-muted);} .search-page__group-name{font-size: 16px; line-height: 22px; font-weight: 700;} .search-page__group-count{font-size: 13px; line-height: 16px; color: var(--color-accent);} .search-page__total{margin: 0 0 20px; font-size: 16px; line-height: 24px; color: var(--color-muted);} .search-page__list{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; margin: 0 0 32px; padding: 0; list-style: none;} .search-page__more{margin: 0 0 40px;} .search-page__empty{max-width: 620px; padding: 32px; background: var(--color-bg); border-radius: var(--radius);} .search-page__empty-title{margin: 0 0 8px; font-size: 20px; line-height: 28px; font-weight: 700;} .search-page__empty-text{margin: 0 0 20px; font-size: 16px; line-height: 24px; color: var(--color-muted);} .search-page__empty-actions{display: flex; align-items: center; gap: 24px; flex-wrap: wrap;} @media (max-width: 1200px){.search-page__list{grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (max-width: 900px){.search-page__list{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 600px){.search-page__form{flex-wrap: wrap;} .search-page__submit{width: 100%;} .search-page__list{grid-template-columns: 1fr;} .search-page__empty{padding: 24px 20px;}}
.services-grid__head{display: grid; grid-template-columns: 512px 1fr; gap: 24px 96px; align-items: start; margin: 0 0 40px;} .services-grid__title{margin: 0;} .services-grid__text{margin: 0; max-width: 620px; font-size: 16px; line-height: 24px; color: var(--color-muted);} .services-grid__list{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px;} .service-card{display: flex; flex-direction: column;} .service-card__media{display: block; margin: 0 0 20px; border-radius: var(--radius); overflow: hidden; background: var(--color-bg);} .service-card__img{display: block; width: 100%; height: 240px; object-fit: cover; transition: transform .5s;} .service-card:hover .service-card__img{transform: scale(1.04);} .service-card--icon .service-card__media{display: flex; align-items: center; justify-content: center; height: 160px; background: var(--color-bg);} .service-card__badge img{width: 80px; height: 80px;} .service-card__icon{display: flex; align-items: center; justify-content: center; width: 72px; height: 72px; background: var(--gradient); border-radius: 50%; color: var(--color-white);} .service-card__icon-svg{width: 36px; height: 36px;} .service-card__title{margin: 0 0 10px; font-size: 20px; line-height: 28px; font-weight: 700;} .service-card__link{color: inherit; transition: color .2s;} .service-card__link:hover{color: var(--color-accent);} .service-card__text{margin: 0 0 16px; font-size: 15px; line-height: 23px; color: var(--color-muted);} .service-card__more{margin-top: auto;} @media (max-width: 1200px){.services-grid__head{grid-template-columns: 1fr; gap: 16px;} .services-grid__list{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 700px){.services-grid__list{grid-template-columns: 1fr; gap: 28px;} .service-card__img{height: 200px;}}.service-card--art .service-card__media{position: relative; display: flex; align-items: center; justify-content: center; height: 220px; background: #f6ece2 url('/assets/img/services/bg.jpg') center / cover no-repeat;} .service-card__art{display: flex; align-items: center; justify-content: center; width: 120px; height: 120px; border-radius: 50%; background: rgba(255, 255, 255, .92); box-shadow: 0 12px 32px rgba(120, 60, 10, .16); transition: transform .35s cubic-bezier(.2, .7, .2, 1), box-shadow .35s;} .service-card__art-icon{width: 60px; height: 60px;} .service-card--art:hover .service-card__art{transform: translateY(-6px) scale(1.04); box-shadow: 0 18px 40px rgba(120, 60, 10, .22);} @media (max-width: 600px){.service-card--art .service-card__media{height: 180px;} .service-card__art{width: 100px; height: 100px;} .service-card__art-icon{width: 50px; height: 50px;}}@media (prefers-reduced-motion: reduce){.service-card__art{transition: none;}}.service-card__art--photo{width: 170px; height: 170px; padding: 6px; overflow: hidden; background: #fff;} .service-card__art-img{display: block; width: 100%; height: 100%; border-radius: 50%; object-fit: cover;} @media (max-width: 600px){.service-card__art--photo{width: 140px; height: 140px;}}
.dops__grid{display: grid; grid-template-columns: 340px minmax(0, 1fr); gap: 48px; align-items: center; padding: 32px 0; border-bottom: 1px solid var(--color-border);} .dops__grid:last-child{border-bottom: 0;} .dops__kicker{display: inline-block; margin: 0 0 12px; font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: var(--color-accent);} .dops__icon{display: flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin: 0 0 16px; background: var(--gradient); border-radius: 50%; color: var(--color-white);} .dops__icon-svg{width: 30px; height: 30px;} .dops__title{margin: 0 0 10px; font-size: 26px; line-height: 34px; font-weight: 700;} .dops__text{margin: 0 0 16px; font-size: 15px; line-height: 23px; color: var(--color-muted);} .dops__slider-wrap{min-width: 0;} .dops__slider{overflow: hidden;} .dop-prod{display: grid; gap: 8px; padding: 16px; background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius); transition: var(--transition);} .dop-prod:hover{box-shadow: 0 5px 30px rgba(34, 34, 34, .1); border-color: transparent;} .dop-prod__img{display: block; background: var(--color-bg); border-radius: var(--radius-sm); overflow: hidden;} .dop-prod__img img{display: block; width: 100%; height: 180px; object-fit: contain; mix-blend-mode: multiply;} .dop-prod__title{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 15px; line-height: 21px; font-weight: 700; color: var(--color-dark);} .dop-prod__price{font-size: 17px; line-height: 24px; font-weight: 700; color: var(--color-accent);} .dops__nav{display: flex; align-items: center; gap: 16px; margin: 20px 0 0;} .dops__arrow{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex: 0 0 40px; padding: 0; background: var(--color-bg); border: 0; border-radius: 50%; cursor: pointer; color: var(--color-dark); transition: var(--transition);} .dops__arrow:hover{background: var(--gradient); color: var(--color-white);} .dops__arrow-icon{width: 18px; height: 18px;} .dops__prev .dops__arrow-icon{transform: rotate(90deg);} .dops__next .dops__arrow-icon{transform: rotate(-90deg);} .dops__pagination{display: flex; gap: 8px;} .dops__pagination .swiper-pagination-bullet{width: 8px; height: 8px; background: var(--color-border); border-radius: 50%; opacity: 1; cursor: pointer;} .dops__pagination .swiper-pagination-bullet-active{background: var(--color-accent);} @media (max-width: 1100px){.dops__grid{grid-template-columns: 1fr; gap: 24px;}}
.cart-page__head{display: flex; align-items: baseline; gap: 16px; margin: 0 0 24px;} .cart-page__count{font-size: 16px; line-height: 24px; color: var(--color-muted);} .cart-page__empty{margin: 0 0 64px; max-width: 620px; padding: 32px; background: var(--color-bg); border-radius: var(--radius);} .cart-page__empty-title{margin: 0 0 8px; font-size: 20px; line-height: 28px; font-weight: 700;} .cart-page__empty-text{margin: 0 0 20px; font-size: 16px; line-height: 24px; color: var(--color-muted);} .cart-page__empty-actions, .cart-page__actions{display: flex; align-items: center; gap: 24px; flex-wrap: wrap;} .cart-page__list{display: grid; gap: 12px; margin: 0 0 24px;} .cart-row{display: grid; grid-template-columns: 96px minmax(0, 1fr) auto 160px 32px; gap: 20px; align-items: center; padding: 16px; background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius);} .cart-row__thumb{display: block; background: var(--color-bg); border-radius: var(--radius-sm); overflow: hidden;} .cart-row__thumb img{display: block; width: 100%; height: 88px; object-fit: contain; mix-blend-mode: multiply;} .cart-row__title{display: block; font-size: 16px; line-height: 22px; font-weight: 700; color: var(--color-dark); transition: color .2s;} .cart-row__title:hover{color: var(--color-accent);} .cart-row__specs{margin-top: 4px; font-size: 14px; line-height: 20px; color: var(--color-muted);} .cart-row__qty{display: flex; align-items: center; gap: 8px; flex-wrap: wrap; max-width: 190px;} .cart-row__step{width: 34px; height: 34px; flex: 0 0 34px; padding: 0; background: var(--color-bg); border: 0; border-radius: 50%; cursor: pointer; font-size: 18px; line-height: 34px; color: var(--color-dark); transition: var(--transition);} .cart-row__step:hover{background: var(--gradient); color: var(--color-white);} .cart-row__input{width: 64px; height: 34px; padding: 0 6px; background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-sm); font-family: inherit; font-size: 15px; text-align: center; color: var(--color-dark);} .cart-row__pallet{width: 100%; font-size: 13px; line-height: 18px; color: var(--color-muted);} .cart-row__price{font-size: 18px; line-height: 24px; font-weight: 700; text-align: right;} .cart-row__remove{width: 32px; height: 32px; padding: 0; background: none; border: 0; cursor: pointer; font-size: 22px; line-height: 1; color: var(--color-muted); transition: color .2s;} .cart-row__remove:hover{color: var(--color-accent);} .cart-page__footer{margin: 0 0 64px; display: flex; align-items: center; justify-content: space-between; gap: 32px; flex-wrap: wrap; padding: 24px; background: var(--color-bg); border-radius: var(--radius);} .cart-page__total{display: grid; gap: 2px;} .cart-page__total-label{font-size: 14px; line-height: 20px; color: var(--color-muted);} .cart-page__total-value{font-size: 30px; line-height: 38px; font-weight: 700;} .cart-page__total-note{font-size: 13px; line-height: 18px; color: var(--color-muted);} .cart-page__messengers{display: flex; align-items: center; gap: 12px; flex-wrap: wrap;} .cart-page__messengers-label{font-size: 15px; line-height: 20px; color: var(--color-muted);} .cart-page__messenger{display: inline-flex; align-items: center; gap: 8px; padding: 8px 14px; background: var(--color-white); border: 1px solid var(--color-border); border-radius: 999px; font-size: 15px; line-height: 20px; color: var(--color-dark); transition: var(--transition);} .cart-page__messenger:hover{border-color: var(--color-accent); color: var(--color-accent);} .cart-page__messenger-icon{width: 20px; height: 20px;} .cart-page__copied{margin: 12px 0 0; font-size: 14px; line-height: 20px; color: var(--color-success);} .cart-page__clear{background: none; border: 0; padding: 0; cursor: pointer; font-family: inherit; font-size: 15px; color: var(--color-muted); transition: color .2s;} .cart-page__clear:hover{color: var(--color-accent);} .product-card__order.is-in-cart{background: var(--color-bg); color: var(--color-accent);} @media (max-width: 1000px){.cart-row{grid-template-columns: 80px minmax(0, 1fr) 32px; gap: 12px 16px;} .cart-row__qty, .cart-row__price{grid-column: 2 / 3; text-align: left; max-width: none;}}@media (max-width: 600px){.cart-page__empty, .cart-page__footer{padding: 24px 20px;} .cart-page__footer{gap: 20px;}}
.thanks{max-width: 720px; margin: 0 auto; padding: 64px 0 96px; text-align: center;} .thanks__icon{display: flex; align-items: center; justify-content: center; width: 88px; height: 88px; margin: 0 auto 28px; background: var(--gradient); border-radius: 50%; color: var(--color-white);} .thanks__icon-svg{width: 44px; height: 44px;} .thanks__title{margin: 0 0 16px; font-size: 40px; line-height: 48px; font-weight: 700;} .thanks__text{margin: 0 0 16px; font-size: 17px; line-height: 26px; color: var(--color-muted);} .thanks__phone{margin: 0 0 32px; font-size: 18px; line-height: 26px;} .thanks__links{display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap; margin: 0 0 32px;} .thanks__soc{display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap;} .thanks__soc-label{font-size: 15px; line-height: 20px; color: var(--color-muted);} .thanks__soc-link{display: flex; align-items: center; transition: opacity .2s;} .thanks__soc-link:hover{opacity: .8;} .thanks__soc-icon{width: 38px; height: 38px;} @media (max-width: 700px){.thanks{padding: 40px 0 64px;} .thanks__title{font-size: 28px; line-height: 36px;} .thanks__links{gap: 16px;}}
.reviews__head{display: flex; align-items: center; justify-content: space-between; margin: 0 0 40px;} .reviews__head .title{margin: 0;} .reviews__stat{display: flex; align-items: center; gap: 20px; line-height: 20px; color: var(--color-muted);} .reviews__stat-icon{width: 92px; height: 14px;} .reviews__wrapper{position: relative;} .reviews__next{right: -72px;} .reviews__prev{left: -72px;} .reviews__slider .swiper-slide{height: auto; padding-bottom: 2px;} .review{display: flex; flex-direction: column; gap: 16px; height: 100%; padding: 32px; font-size: 16px; line-height: 24px; background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius); transition: var(--transition);} .review:hover{border-color: rgba(254, 160, 83, .5);} .review__info{display: grid; grid-template-columns: 40px 1fr; gap: 12px; align-items: center; font-size: 14px; line-height: 20px;} .review__img img{width: 40px; height: 40px; object-fit: cover; border-radius: 50%;} .review__stars{display: flex; align-items: center; gap: 6px;} .review__stars span{display: block; width: 20px; height: 20px; background: url('/assets/img/ui/star-20.svg') 50% 50% no-repeat;} .review__text{display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;} .review__bottom{display: flex; align-items: center; justify-content: space-between; margin-top: auto;} .review__date{font-size: 14px; line-height: 20px; color: var(--color-muted);} @media (max-width: 1450px){.reviews__next{right: -25px;} .reviews__prev{left: -25px;}}@media (max-width: 900px){.review{font-size: 14px; line-height: 20px;} .review__date{font-size: 12px; line-height: 16px;}}@media (max-width: 768px){.review{padding: 24px;}}@media (max-width: 480px){.reviews__head{margin-bottom: 28px;} .reviews__stat{font-size: 12px; line-height: 16px;} .reviews__stat-icon{display: none;} .review{padding: 20px;}}.review__product{margin-right: 12px; font-size: 14px; line-height: 20px; font-weight: 600; color: var(--color-accent); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; transition: color .2s;} .review__product:hover{color: var(--color-dark);}
.news-card{display: flex; flex-direction: column; height: 100%; overflow: hidden; background: var(--color-white); border-radius: var(--radius); box-shadow: 0 8px 32px rgba(20, 20, 20, .08); transition: transform .35s ease, box-shadow .35s ease;} .news-card:hover{transform: translateY(-6px); box-shadow: 0 18px 44px rgba(20, 20, 20, .14);} .news-card__img{display: block; overflow: hidden;} .news-card__img img{display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; transition: transform .6s ease;} .news-card:hover .news-card__img img{transform: scale(1.04);} .news-card__body{display: flex; flex-direction: column; flex-grow: 1; padding: 24px;} .news-card__badge{align-self: flex-start; margin: 0 0 12px; padding: 4px 12px; background: var(--color-bg); border-radius: 100px; font-size: 13px; line-height: 20px; font-weight: 700; color: var(--color-muted);} .news-card__title{margin: 0 0 12px; font-size: 20px; line-height: 28px; font-weight: 700;} .news-card__link{transition: var(--transition);} .news-card__link:hover{color: var(--color-accent);} .news-card__intro{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0 0 20px; overflow: hidden; font-size: 15px; line-height: 24px; color: var(--color-muted);} .news-card__more{margin-top: auto;} @media (max-width: 900px){.news-card__body{padding: 20px;} .news-card__title{font-size: 18px; line-height: 24px;} .news-card__intro{font-size: 14px; line-height: 22px;}}
.news__head{display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin: 0 0 40px;} .news__head .title{margin: 0;} .news__all{flex-shrink: 0; margin-bottom: 10px;} @media (max-width: 900px){.news__head{flex-direction: column; align-items: flex-start; gap: 12px; margin-bottom: 24px;} .news__all{margin: 0;}}
.footer{position: relative; overflow: hidden; background: var(--color-bg);} .footer__container{position: relative;} .footer__container::before, .footer__container::after{content: ''; display: block; position: absolute; z-index: 0; top: 64px; width: 1380px; height: 208px; background: url('/assets/img/arrows2.svg') 0 0 no-repeat;} .footer__container::before{right: 440px;} .footer__container::after{left: calc(100% + 150px);} .footer__grid{position: relative; z-index: 1; display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr 1.5fr; grid-template-rows: 210px 1fr; gap: 0 24px; padding: 64px 0 40px;} .footer__contacts{grid-column: 5; grid-row: 1 / span 2; display: flex; flex-direction: column; gap: 24px; padding: 24px; background: var(--color-white); border-radius: var(--radius);} .footer__logo{grid-column: 1; grid-row: 2; margin: 54px 0 0;} .footer__logo-img{width: 243px; height: 90px;} .footer__menu{grid-row: 2; margin: 54px 0 0;} .footer__menu:nth-of-type(1){grid-column: 2;} .footer__menu:nth-of-type(2){grid-column: 3;} .footer__menu:nth-of-type(3){grid-column: 4;} .footer__menu--tall{grid-row: 2;} .footer__contacts-title{margin: 0 0 15px; font-size: 20px; line-height: 30px; font-weight: 600; color: var(--color-dark);} .footer__contact-label{margin: 0 0 8px; font-size: 14px; line-height: 20px; font-weight: 300; color: var(--color-muted);} .footer__contact-value{font-size: 32px; line-height: 42px; font-weight: 600;} .footer__callback{width: 100%; margin: 28px 0 0;} .footer__working{display: flex; flex-direction: column; gap: 24px;} .worktime{padding: 0 0 0 48px; font-size: 16px; line-height: 24px; font-weight: 600; background-position: 0 0; background-repeat: no-repeat;} .worktime__title{margin: 0 0 8px; font-size: 14px; line-height: 20px; font-weight: 300; color: var(--color-muted);} .worktime__text{display: block;} .worktime--email{background-image: url('/assets/img/ui/worktime-mail.svg');} .worktime--office{background-image: url('/assets/img/ui/worktime-office.svg');} .worktime--consult{background-image: url('/assets/img/ui/worktime-consult.svg');} .worktime--teh{background-image: url('/assets/img/ui/worktime-teh.svg');} .footer-menu__title{display: block; width: 100%; margin: 0 0 8px; font-size: 16px; line-height: 24px; font-weight: 600; text-align: left; color: var(--color-dark); cursor: default;} .footer-menu__list{display: flex; flex-direction: column; gap: 6px;} .footer-menu__item{font-size: 14px; line-height: 20px;} .footer-menu__link{color: rgba(20, 20, 20, .5); transition: var(--transition);} .footer-menu__link:hover{color: rgba(20, 20, 20, .9);} .footer-menu__extra{margin: 16px 0; font-size: 16px; font-weight: 600;} .footer__mobile-socs{display: none;} .footer__soc-list{display: flex; gap: 12px;} .footer__soc-icon{width: 42px; height: 42px;} .footer__qr-list{display: flex; gap: 20px;} .footer__qr-link{display: flex; align-items: center; justify-content: center; width: 93px; height: 93px; background: var(--color-white); border-radius: var(--radius); overflow: hidden;} .footer__bottom{padding: 15px 0; font-size: 14px; line-height: 20px; font-weight: 300; color: var(--color-muted); border-top: 1px solid var(--color-border);} .footer__info{margin: 10px 0 24px;} .footer__info p:not(:last-child){margin: 0 0 16px;} .footer__copy{display: flex; justify-content: space-between; color: var(--color-dark); opacity: .5;} .footer__copy a{color: var(--color-dark); transition: var(--transition);} .footer__dev{padding: 0; font: inherit; color: inherit; background: none; border: 0; cursor: pointer; transition: var(--transition);} .footer__dev:hover{color: var(--color-accent);} @media (max-width: 900px){.footer__container::after{display: none;} .footer__container::before{right: auto; left: 290px; top: 22px; height: 140px; background-image: url('/assets/img/arrows-footer-accent.svg'); background-size: auto 100%; z-index: 2; pointer-events: none;} .footer__grid{grid-template-columns: repeat(3, 1fr); grid-template-rows: initial; padding-bottom: 40px;} .footer__contacts{grid-column: span 3; grid-row: initial; display: grid; grid-template-columns: 1fr 1fr; gap: 24px;} .footer__working{grid-row: span 2; order: 1;} .footer__logo{grid-column: span 3; grid-row: initial; margin: 0 0 32px;} .footer__menu, .footer__menu:nth-of-type(1), .footer__menu:nth-of-type(2), .footer__menu:nth-of-type(3){grid-column: auto; grid-row: initial; display: flex; flex-direction: column; margin: 32px 0 0;} .footer__qr{display: none;} .footer__mobile-socs--tablet{display: block; margin-top: auto;} .footer-menu__extra{font-size: 14px; line-height: 20px;} .footer__copy{flex-direction: column; gap: 16px;} .footer__bottom{font-size: 12px;}}@media (max-width: 768px){.footer__container::before{height: 85px; left: 145px; top: 18px;} .footer__grid{grid-template-columns: 1fr; padding-top: 24px;} .footer__contacts{grid-column: initial; grid-template-columns: 1fr; margin: 0 0 20px;} .footer__logo{grid-column: initial; display: block;} .footer__menu{margin: 0; border-top: 1px solid var(--color-border);} .footer-menu__title{margin: 0; padding: 15px 30px 15px 0; background: url('/assets/img/ui/plus.svg') 100% 50% no-repeat; cursor: pointer;} .footer-menu__title--opened{background-image: url('/assets/img/ui/minus.svg');} .footer-menu__title--static{padding: 0; margin: 0 0 8px; background: none; cursor: default;} .footer-menu__list{display: none;} .footer-menu__title--opened + .footer-menu__list{display: flex; margin: 0 0 16px;} .footer-menu__extra{margin: 0; padding: 15px 0; border-top: 1px solid var(--color-border);} .footer__mobile-socs--tablet{display: none;} .footer__mobile-socs--phone{display: block; margin: 12px 0 0;}}@media (max-width: 480px){.footer__logo, .footer__info{display: none;} .footer__grid{gap: 16px;}}
.popup{position: fixed; inset: 0; z-index: 200; display: flex; align-items: center; justify-content: center; padding: 16px; visibility: hidden; opacity: 0; transition: opacity .3s ease, visibility .3s ease;} .popup--open{visibility: visible; opacity: 1;} .popup__overlay{position: absolute; inset: 0; background: rgba(20, 20, 20, .6);} .popup__window{position: relative; width: 90%; max-width: 580px; max-height: 80vh; padding: 48px; overflow-y: auto; background: var(--color-white); border-radius: var(--radius); transform: translateY(16px); transition: transform .3s ease;} .popup--open .popup__window{transform: none;} .popup__close{position: absolute; top: 10px; right: 10px; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; color: var(--color-accent);} .popup__close-icon{width: 24px; height: 24px;} .popup__title{margin: 0 0 16px; font-size: 32px; line-height: 46px; font-weight: 700; color: var(--color-dark);} .popup__product{margin: 0 0 16px; padding: 12px 16px; font-size: 16px; line-height: 24px; color: var(--color-muted); background: var(--color-light); border-left: 3px solid var(--color-accent-2); border-radius: 0 var(--radius) var(--radius) 0;} .popup__product-name{color: var(--color-dark); font-weight: 700;} .popup__intro{margin: 0 0 32px; font-size: 16px; line-height: 32px;} .popup__field{display: block; margin: 0 0 32px;} .popup__required{color: var(--color-accent);} .popup__input{height: 56px; padding: 0 20px; line-height: 1.33; border: 1px solid var(--color-border);} .popup__row{display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: end;} .popup__field--button .btn{width: 100%; height: 56px;} .popup__messengers{margin: 8px 0 0;} .popup__mail-address{margin: 0 0 20px; padding: 14px 16px; font-size: 18px; line-height: 24px; font-weight: 700; color: var(--color-dark); background: var(--color-bg); border-radius: var(--radius-sm); text-align: center; word-break: break-all; user-select: all;} .popup__mail-actions{display: flex; flex-direction: column; align-items: center; gap: 14px;} .popup__mail-link{padding: 0; font: inherit; font-size: 15px; line-height: 20px; color: var(--color-dark); background: none; border: 0; border-bottom: 1px dotted currentColor; text-decoration: none; cursor: pointer;} .popup__mail-link:hover{color: var(--color-accent);} .popup__mail-link--icon{display: inline-flex; align-items: center; gap: 6px; border-bottom: 0;} .popup__mail-link--icon [data-copy-label]{border-bottom: 1px dotted currentColor;} .popup__mail-link-icon{width: 16px; height: 16px; flex: 0 0 16px;} .btn--done{background: var(--color-success);} @media (max-width: 480px){.popup__mail-address{font-size: 16px;}}@media (max-width: 480px){.popup__window{padding: 20px;} .popup__title{padding-right: 38px; font-size: 20px; line-height: 26px;} .popup__intro{font-size: 14px; line-height: 20px;} .popup__row{grid-template-columns: 1fr; gap: 0;} .popup__field{margin-bottom: 20px;} .popup__form .btn{width: 100%;}}
.btn-up{position: fixed; right: 32px; bottom: 100px; z-index: 1000; display: flex; align-items: center; justify-content: center; width: 62px; height: 62px; border-radius: 50%; background: var(--gradient); box-shadow: 0 4px 12px rgba(0, 0, 0, .15); opacity: 1; visibility: visible; transition: opacity .3s ease, visibility .3s ease, transform .2s ease;} .btn-up--hidden{opacity: 0; visibility: hidden; pointer-events: none;} .btn-up:hover{transform: scale(1.05);} .btn-up:active{transform: scale(.95);} .btn-up__icon{width: 24px; height: 24px; transition: transform .2s ease;} .btn-up:hover .btn-up__icon{transform: translateY(-2px);} @media (max-width: 600px){.btn-up{right: 20px; bottom: 105px; width: 55px; height: 55px;} .btn-up__icon{width: 18px; height: 18px;}}
.cookie{position: fixed; left: 0; right: 0; bottom: 1rem; z-index: 2147483000; width: fit-content; max-width: calc(100% - 2rem); margin: 0 auto; background: var(--color-white); border-radius: .5rem; box-shadow: 0 .625em 1.875em rgba(0, 0, 2, .3); transform: translateY(1.6em); opacity: 0; visibility: hidden; transition: opacity .25s ease, transform .25s ease, visibility .25s ease;} .cookie--visible{opacity: 1; visibility: visible; transform: translateY(0);} .cookie__body{display: flex; align-items: center; gap: 12px; padding: 12px;} .cookie__text{min-height: 24px; padding: 0 0 0 36px; font-size: 14px; line-height: 20px; font-weight: 300; color: var(--color-dark); background: url('/assets/img/ui/cookie.svg') 0 50% no-repeat;} .cookie__link{font-weight: 300; color: var(--color-accent);} .cookie__btn{flex-shrink: 0; width: 130px; min-height: 42px; padding: .5em 1em; font-size: 14px; font-weight: 600; text-align: center; color: var(--color-white); border-radius: var(--radius-sm); background: var(--gradient-btn); transition: var(--transition);} .cookie__btn:hover{background: var(--gradient-btn-hover);} @media (max-width: 640px){.cookie{bottom: .5em; max-width: calc(100% - 1em);} .cookie__text{font-size: 12px;} .cookie__btn{width: 90px;}}@media (max-width: 480px){.cookie__text{font-size: 8px; line-height: 12px;} .cookie__btn{font-size: 12px;}}
.favorites-dropdown{position: absolute; top: calc(100% + 12px); right: 0; z-index: 1000; width: 320px; padding: 20px; background: var(--color-white); border: 1px solid #f1f5f9; border-radius: var(--radius); box-shadow: 0 10px 30px rgba(0, 0, 0, .12); opacity: 0; visibility: hidden; transform: translateY(10px); transition: all .25s ease;} .header__favorite:hover .favorites-dropdown, .favorites-dropdown--open{opacity: 1; visibility: visible; transform: translateY(0);} .favorites-dropdown__head{display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 14px; padding-bottom: 10px; border-bottom: 1px solid #f1f5f9;} .favorites-dropdown__title{font-size: 16px; font-weight: 700; color: var(--color-dark);} .favorites-dropdown__count{font-size: 13px; color: #64748b;} .favorites-dropdown__list{display: flex; gap: 10px; margin-bottom: 14px; padding-bottom: 14px; overflow-x: auto; scrollbar-width: thin;} .favorites-dropdown__list:empty{display: none;} .favorites-dropdown__item{position: relative; display: flex; align-items: center; justify-content: center; flex: 0 0 68px; width: 68px; height: 68px; background: var(--color-white); border: 1px solid #e2e8f0; border-radius: 10px; overflow: hidden; transition: border-color .2s ease;} .favorites-dropdown__item:hover{border-color: var(--color-accent-2);} .favorites-dropdown__item img{max-width: 100%; max-height: 100%; padding: 4px; object-fit: contain;} .favorites-dropdown__footer{display: flex; flex-direction: column; align-items: center; gap: 10px;} .favorites-dropdown__go{display: block; width: 100%; padding: 12px 16px; font-size: 14px; font-weight: 700; text-align: center; color: var(--color-white); border-radius: 8px; background: var(--gradient-btn); transition: all .3s ease;} .favorites-dropdown__go:hover{background: var(--gradient-btn-hover); box-shadow: 0 4px 12px rgba(236, 100, 2, .25);} .favorites-dropdown__clear{padding: 4px 8px; font-size: 12px; color: #64748b; text-decoration: underline; transition: color .2s ease;} .favorites-dropdown__clear:hover{color: #e11d48;} .favorites-dropdown__empty{padding: 20px 0 10px; font-size: 13px; text-align: center; color: #64748b;} .favorites-dropdown--filled .favorites-dropdown__empty, .favorites-dropdown:not(.favorites-dropdown--filled) .favorites-dropdown__footer{display: none;} .favorites-drawer{position: fixed; inset: 0; z-index: 9999; visibility: hidden; transition: visibility .3s ease;} .favorites-drawer--open{visibility: visible;} .favorites-drawer__backdrop{position: absolute; inset: 0; background: rgba(0, 0, 0, .4); opacity: 0; transition: opacity .3s ease;} .favorites-drawer--open .favorites-drawer__backdrop{opacity: 1;} .favorites-drawer__panel{position: absolute; top: 0; right: 0; z-index: 2; display: flex; flex-direction: column; width: 340px; max-width: 88vw; height: 100%; background: var(--color-white); box-shadow: -4px 0 25px rgba(0, 0, 0, .15); transform: translateX(100%); transition: transform .3s cubic-bezier(.16, 1, .3, 1);} .favorites-drawer--open .favorites-drawer__panel{transform: translateX(0);} .favorites-drawer__header{display: flex; align-items: center; justify-content: space-between; padding: 18px 20px; border-bottom: 1px solid #f1f5f9;} .favorites-drawer__title-wrap{display: flex; align-items: baseline; gap: 8px;} .favorites-drawer__title{font-size: 18px; font-weight: 700; color: var(--color-dark);} .favorites-drawer__count{font-size: 13px; color: #64748b;} .favorites-drawer__close{display: flex; align-items: center; justify-content: center; padding: 4px; color: #64748b; border-radius: 6px; transition: color .2s, background .2s;} .favorites-drawer__close:hover{color: var(--color-dark); background: #f1f5f9;} .favorites-drawer__close-icon{width: 22px; height: 22px;} .favorites-drawer__content{flex: 1; padding: 16px 20px; overflow-y: auto;} .favorites-drawer__empty{padding: 30px 0; font-size: 14px; text-align: center; color: #64748b;} .favorites-drawer__footer{padding: 16px 20px; background: var(--color-white); border-top: 1px solid #f1f5f9;} .favorites-drawer__btn{display: block; width: 100%; padding: 13px; font-size: 15px; font-weight: 700; text-align: center; color: var(--color-white); border-radius: 8px; background: var(--gradient-btn);} .favorites-item{position: relative; display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #f1f5f9;} .favorites-item__img{display: flex; align-items: center; justify-content: center; flex-shrink: 0; width: 60px; height: 60px; background: var(--color-white); border: 1px solid #e2e8f0; border-radius: 8px; overflow: hidden;} .favorites-item__img img{max-width: 100%; max-height: 100%; object-fit: contain;} .favorites-item__info{flex: 1; min-width: 0;} .favorites-item__title{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom: 4px; overflow: hidden; font-size: 13px; line-height: 1.3; font-weight: 600; color: var(--color-dark);} .favorites-item__specs{margin-bottom: 4px; font-size: 11px; color: #64748b;} .favorites-item__price{font-size: 14px; font-weight: 700; color: var(--color-dark);} .favorites-item__remove{display: flex; align-items: center; justify-content: center; padding: 6px; color: var(--color-accent-2); transition: transform .2s ease;} .favorites-item__remove:hover{transform: scale(1.15);} .favorites-item__remove-icon{width: 18px; height: 18px;} .favorites-toast{position: fixed; right: 24px; bottom: 24px; z-index: 10000; padding: 12px 20px; font-size: 14px; font-weight: 500; color: var(--color-white); background: #1e293b; border-radius: 8px; box-shadow: 0 10px 25px rgba(0, 0, 0, .2); opacity: 0; transform: translateY(20px); transition: all .3s ease; pointer-events: none;} .favorites-toast--show{opacity: 1; transform: translateY(0);} .favorites-page{padding: 20px 0 60px;} .favorites-page__header{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; margin: 16px 0 28px;} .favorites-page__title-group{display: flex; align-items: baseline; gap: 14px;} .favorites-page__title{margin: 0; font-size: 36px; line-height: 1.2; font-weight: 700; color: var(--color-dark);} .favorites-page__count{font-size: 16px; font-weight: 500; color: #64748b;} .favorites-page__actions{display: flex; align-items: center; gap: 12px;} .favorites-page__clear{display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; font-size: 13px; font-weight: 500; color: #475569; background: var(--color-white); border: 1px solid #e2e8f0; border-radius: 8px; transition: all .2s ease;} .favorites-page__clear:hover{color: var(--color-accent-2); border-color: var(--color-accent-2); background: #fff7ed;} .favorites-page__list{display: flex; flex-direction: column; gap: 16px; margin-bottom: 32px;} .favorites-page__empty{margin-bottom: 40px; padding: 60px 20px; text-align: center; background: var(--color-white); border: 1px dashed #cbd5e1; border-radius: var(--radius);} .favorites-page__empty-icon{width: 56px; height: 56px; margin: 0 auto 20px; color: #94a3b8;} .favorites-page__empty-title{margin-bottom: 8px; font-size: 22px; font-weight: 700; color: #1e293b;} .favorites-page__empty-text{margin-bottom: 24px; font-size: 15px; color: #64748b;} .favorites-page--filled .favorites-page__empty, .favorites-page:not(.favorites-page--filled) .favorites-page__actions, .favorites-page:not(.favorites-page--filled) .favorites-page__list{display: none;} .fav-card{position: relative; display: grid; grid-template-columns: 140px 1fr auto auto auto; align-items: center; gap: 24px; padding: 16px 20px; background: var(--color-white); border: 1px solid #e5e7eb; border-radius: 12px; transition: all .25s ease;} .fav-card[hidden]{display: none;} .fav-card:hover{border-color: #cbd5e1; box-shadow: 0 4px 16px rgba(0, 0, 0, .05);} .fav-card__thumb{display: flex; align-items: center; justify-content: center; width: 140px; height: 110px; background: var(--color-white); border-radius: 8px; overflow: hidden;} .fav-card__thumb img{max-width: 100%; max-height: 100%; object-fit: contain; transition: transform .3s ease;} .fav-card:hover .fav-card__thumb img{transform: scale(1.05);} .fav-card__info{display: flex; flex-direction: column; gap: 4px;} .fav-card__title{font-size: 16px; line-height: 1.35; font-weight: 700; color: var(--color-dark); transition: color .2s ease;} .fav-card__title:hover{color: var(--color-accent-2);} .fav-card__specs{font-size: 13px; color: #64748b;} .fav-card__price{margin-top: 4px; font-size: 18px; font-weight: 700; color: var(--color-dark);} .fav-card__more{display: inline-flex; align-items: center; justify-content: center; padding: 10px 20px; font-size: 13px; font-weight: 600; white-space: nowrap; color: #1e293b; background: #f1f5f9; border-radius: 6px; transition: all .2s ease;} .fav-card__more:hover{background: #e2e8f0;} .fav-card__order{display: inline-flex; align-items: center; justify-content: center; padding: 10px 16px; font-size: 13px; font-weight: 600; white-space: nowrap; color: var(--color-accent-2); background: #fff7ed; border: 1px solid #fed7aa; border-radius: 6px; transition: all .2s ease;} .fav-card__order:hover{color: var(--color-white); background: var(--color-accent-2); border-color: var(--color-accent-2);} .fav-card__remove{display: flex; align-items: center; justify-content: center; padding: 8px; color: var(--color-accent-2); transition: transform .2s ease;} .fav-card__remove:hover{transform: scale(1.2);} .fav-card__remove-icon{width: 20px; height: 20px;} @media (max-width: 900px){.header__favorite-mobile-badge{position: absolute; top: -5px; right: -7px; min-width: 16px; height: 16px; padding: 0 3px; font-size: 10px; line-height: 16px; font-weight: 700; text-align: center; color: var(--color-white); background: var(--color-accent-2); border-radius: 8px; box-shadow: 0 1px 3px rgba(0, 0, 0, .2);} .favorites-page__title{font-size: 28px;} .fav-card{grid-template-columns: 100px 1fr; gap: 12px; padding: 12px;} .fav-card__thumb{width: 100px; height: 80px;} .fav-card__info{grid-column: 2 / -1;} .fav-card__more{grid-column: 1 / 2; padding: 8px 12px; font-size: 12px;} .fav-card__order{grid-column: 2 / 3; padding: 8px 12px;} .fav-card__remove{position: absolute; top: 8px; right: 8px;}}
.breadcrumbs{margin: 0 0 24px; color: var(--color-muted);} .breadcrumbs__list{display: flex; flex-wrap: wrap; align-items: center; gap: 4px 0;} .breadcrumbs__item{display: flex; align-items: center;} .breadcrumbs__item:not(:last-child)::after{content: ''; display: block; width: 12px; min-width: 12px; height: 12px; margin: 0 6px; background: url('/assets/img/ui/breadcrumb-sep.svg') 50% 50% no-repeat;} .breadcrumbs__link{color: var(--color-muted); transition: var(--transition);} .breadcrumbs__link:hover{color: var(--color-accent);} @media (max-width: 900px){.breadcrumbs{white-space: nowrap; overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch;} .breadcrumbs::-webkit-scrollbar{display: none;} .breadcrumbs__list{flex-wrap: nowrap;}}
.product-main{display: grid; grid-template-columns: 560px 1fr; gap: 24px; margin: 0 0 40px;} .product-main__left{position: relative; min-width: 0;} .product-main__favorite{position: absolute; top: 16px; right: 16px; z-index: 10; display: flex; align-items: center; justify-content: center; width: 46px; height: 46px; color: var(--color-dark); background: var(--color-white); border: 1px solid #e5e7eb; border-radius: 50%; box-shadow: 0 4px 14px rgba(0, 0, 0, .1); transition: all .25s ease;} .product-main__favorite:hover{color: var(--color-accent-2); border-color: var(--color-accent-2); transform: scale(1.08);} .product-main__favorite-icon{width: 24px; height: 24px; fill: transparent; transition: fill .25s ease;} .product-card__favorite--active.product-main__favorite{color: var(--color-accent-2); background: #fff7ed; border-color: rgba(236, 100, 2, .4);} .product-card__favorite--active .product-main__favorite-icon{fill: var(--color-accent-2);} .product-main__photos{display: flex; flex-direction: column; gap: 12px;} .product-main__slider{position: relative; width: 100%; min-width: 0; overflow: hidden; border-radius: var(--radius); background: var(--color-bg);} .product-main__single{display: block;} .product-main__slide{display: block; width: 100%;} .product-main__image{display: block; padding: 32px; background: var(--color-bg);} .product-main__image img{display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border-radius: var(--radius); transition: transform .5s ease;} .product-main__image:hover img{transform: scale(1.03);} .product-main__image--small{display: flex; align-items: center; justify-content: center; aspect-ratio: 1;} .product-main__image--small img{width: auto; max-width: 60%; max-height: 60%; aspect-ratio: auto;} .product-main__prev, .product-main__next{opacity: 0; transition: opacity .3s ease, background-color .3s ease;} .product-main__prev{left: 16px;} .product-main__next{right: 16px;} .product-main__slider:hover .product-main__prev, .product-main__slider:hover .product-main__next{opacity: 1;} .product-main__thumbs{width: 100%;} .product-main__thumb{width: 96px; height: 96px; padding: 6px; background: var(--color-bg); border: 2px solid transparent; border-radius: 12px; cursor: pointer; transition: border-color .25s ease;} .product-main__thumb img{width: 100%; height: 100%; object-fit: contain; border-radius: 8px;} .product-main__thumb:hover{border-color: rgba(236, 100, 2, .4);} .product-main__thumb.swiper-slide-thumb-active{border-color: var(--color-accent-2);} .product-summary{display: flex; flex-direction: column; gap: 12px; margin: 0 0 12px; padding: 22px 32px; background: var(--color-bg); border-radius: var(--radius);} .product-summary__price, .product-summary__prop{position: relative; display: flex; justify-content: space-between; margin: 0;} .product-summary__price::before, .product-summary__prop::before{content: ''; position: absolute; left: 0; bottom: 6px; width: 100%; height: 0; border-bottom: 1px dotted #c5cedd;} .product-summary__price{align-items: flex-end;} .product-summary__price-label, .product-summary__prop dt{position: relative; padding: 0 10px 0 0; font-size: 14px; line-height: 20px; font-weight: 300; color: var(--color-muted); background: var(--color-bg);} .product-summary__price-value, .product-summary__prop dd{position: relative; margin: 0; padding: 0 0 0 10px; font-size: 14px; line-height: 20px; font-weight: 300; color: var(--color-dark); background: var(--color-bg); text-align: right;} .product-summary__price-value{font-size: 32px; line-height: 42px; font-weight: 700;} .product-summary__price-value--request{font-size: 22px; line-height: 42px; font-weight: 600; color: var(--color-muted);} .product-summary__props{display: flex; flex-direction: column; gap: 12px;} .product-form{padding: 32px; background: var(--color-bg); border-radius: var(--radius);} .product-form .field{margin: 0 0 12px;} .product-form__submit{display: flex; width: 100%;} @media (max-width: 900px){.product-main{grid-template-columns: 1fr; gap: 12px;} .product-main__image{padding: 20px;} .product-main__prev, .product-main__next{opacity: 1;} .product-main__thumb{width: 72px; height: 72px;} .product-summary{padding: 32px;} .product-summary__price-label, .product-summary__price-value, .product-summary__prop dt, .product-summary__prop dd{font-size: 12px; line-height: 16px;} .product-summary__price-value{font-size: 22px; line-height: 26px;} .product-form__fields{display: grid; grid-template-columns: 1fr 1fr 184px; gap: 12px;} .product-form .field{margin: 0;} .product-form .field__input{font-size: 14px; line-height: 20px;} .product-form__submit{padding: 18px 10px;} .product-form__submit .btn__icon{display: none;}}@media (max-width: 480px){.product-summary, .product-form{padding: 20px;} .product-form__fields{grid-template-columns: 1fr;}}.price-tip{position: relative; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; margin: 0 0 6px 8px; border-radius: 50%; background: #fff3e6; color: #c85a00; font-size: 13px; line-height: 1; font-weight: 700; vertical-align: middle; cursor: help; outline: none;} .price-tip::after{content: attr(data-tip); position: absolute; right: 0; bottom: calc(100% + 8px); z-index: 5; width: 260px; padding: 10px 12px; border-radius: 10px; background: var(--color-dark); color: #fff; font-size: 13px; line-height: 18px; font-weight: 300; text-align: left; white-space: normal; box-shadow: 0 8px 24px rgba(0, 0, 0, .15); opacity: 0; visibility: hidden; transform: translateY(4px); transition: opacity .2s ease, transform .2s ease, visibility .2s; pointer-events: none;} .price-tip::before{content: ''; position: absolute; right: 6px; bottom: calc(100% + 2px); border: 6px solid transparent; border-top-color: var(--color-dark); opacity: 0; visibility: hidden; transition: opacity .2s ease, visibility .2s;} .price-tip:hover::after, .price-tip:focus::after, .price-tip:hover::before, .price-tip:focus::before{opacity: 1; visibility: visible; transform: none;}
.product-info{display: grid; grid-template-columns: 318px 1fr; gap: 24px; margin: 40px 0;} .product-info__aside, .product-info__main{min-width: 0;} .catalog-links{display: grid; grid-template-columns: 1fr; gap: 24px; margin: 0 0 40px;} .catalog-links__head{padding: 0 0 4px;} .catalog-links__title{margin: 0 0 8px; font-size: 22px; line-height: 28px; font-weight: 700;} .catalog-links__text{margin: 0; font-size: 14px; line-height: 20px; color: var(--color-muted);} .catalog-links__box{padding: 24px; background: var(--color-bg); border-radius: var(--radius);} .catalog-links__list--scroll{max-height: 220px; padding-right: 8px; overflow-y: auto; scrollbar-width: thin;} .catalog-links__item{display: flex; justify-content: space-between; gap: 12px;} .catalog-links__count{flex-shrink: 0; color: var(--color-muted);} .catalog-links__link--current{color: var(--color-accent-2); font-weight: 700;} .catalog-links__name{margin: 0 0 16px; font-size: 16px; line-height: 24px; font-weight: 700;} .catalog-links__list{display: grid; gap: 10px; font-size: 14px; line-height: 20px;} .catalog-links__list--two{grid-template-columns: 1fr 1fr;} .catalog-links__link{transition: var(--transition);} .catalog-links__link:hover{color: var(--color-accent);} .slide-nav{display: flex; align-items: center; justify-content: center; gap: 24px; min-height: 24px; margin: 24px 0 0;} .slide-nav__prev, .slide-nav__next{position: static; width: 25px; height: 24px; margin: 0; border-radius: 0;} .slide-nav__prev{background: url('/assets/img/ui/slide-prev.svg') 50% 50% no-repeat;} .slide-nav__next{background: url('/assets/img/ui/slide-next.svg') 50% 50% no-repeat;} .slide-nav__dots{position: static;} .slide-nav .swiper-pagination-lock{display: none;} .product-details__title{margin: 0 0 40px; font-size: 32px; line-height: 42px; font-weight: 700;} .product-details__grid{display: grid; grid-template-columns: 1fr 1fr; gap: 0 24px;} .product-details__col{min-width: 0;} .product-details__group{margin: 0 0 16px; font-size: 20px; line-height: 30px; font-weight: 700;} .product-details__option{display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 8px 0 0; font-size: 14px; line-height: 20px;} .product-details__option-name{color: var(--color-muted);} .product-details__tag{padding: 6px 12px; background: var(--color-bg); border-radius: 200px;} .spec-table{margin: 0 0 32px; border: 1px solid var(--color-border); border-radius: var(--radius); overflow: hidden;} .spec-table__row{display: grid; grid-template-columns: 1fr 1fr; margin: 0; border-bottom: 1px solid var(--color-border);} .spec-table__row:last-child{border-bottom: 0;} .spec-table__row:nth-child(2n){background: rgba(241, 244, 249, .4);} .spec-table__name{padding: 12px 16px; font-size: 16px; line-height: 24px; color: var(--color-muted);} .spec-table__value{margin: 0; padding: 12px 16px; font-size: 16px; line-height: 24px; color: var(--color-dark); border-left: 1px solid var(--color-border);} .tabs__list{display: flex; gap: 32px; margin: 0 0 32px; border-bottom: 1px solid var(--color-border);} .tabs__link{position: relative; display: block; padding: 0 0 14px; font-size: 18px; line-height: 24px; font-weight: 600; color: var(--color-muted); transition: color var(--transition);} .tabs__link::after{content: ''; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: var(--gradient); opacity: 0; transition: opacity .3s;} .tabs__link:hover{color: var(--color-dark);} .tabs__link--active{color: var(--color-dark);} .tabs__link--active::after{opacity: 1;} .tabs__panel{display: none;} .tabs__panel--active{display: block;} .product-description{max-width: 1002px; font-size: 16px; line-height: 24px; font-weight: 300;} .product-description p{margin: 0 0 24px;} .product-reviews__list{max-width: 760px; margin: 0 0 32px; padding: 0; list-style: none;} .product-reviews__item{padding: 20px 0; border-top: 1px solid var(--color-border);} .product-reviews__item:last-child{border-bottom: 1px solid var(--color-border);} .product-reviews__head{display: flex; align-items: center; gap: 12px; margin: 0 0 12px;} .product-reviews__avatar{flex: none; width: 40px; height: 40px; border-radius: 50%; object-fit: cover;} .product-reviews__avatar--letter{display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 17px;} .product-reviews__author{font-weight: 700; line-height: 20px;} .product-reviews__date{font-size: 13px; line-height: 18px; color: var(--color-muted);} .product-reviews__stars{display: flex; gap: 4px; margin-left: auto;} .product-reviews__stars span{display: block; width: 18px; height: 18px; background: url('/assets/img/ui/star-20.svg') 50% 50% / contain no-repeat;} .product-reviews__stars .product-reviews__star--off{opacity: .25;} .product-reviews__text{margin: 0; line-height: 22px;} .product-reviews__subtitle{margin: 0 0 16px; font-size: 16px; line-height: 24px; font-weight: 700;} .product-reviews__title{margin: 0 0 24px; font-size: 16px; line-height: 24px; font-weight: 700;} .product-reviews__form{max-width: 640px; line-height: 20px;} .product-reviews__field{display: block; margin: 0 0 16px;} .product-reviews__label{margin: 0 0 10px; font-size: 1rem; color: var(--color-muted);} .product-reviews__required{color: var(--color-accent);} .product-reviews__input, .product-reviews__select{height: 56px; padding: 0 20px; line-height: 1.33; border: 1px solid var(--color-border);} .product-reviews__select{appearance: none; background: var(--color-white) url('/assets/img/ui/chevron-down.svg') calc(100% - 16px) 50% no-repeat;} .product-reviews__textarea{min-height: 160px; padding: 16px 20px; border: 1px solid var(--color-border); resize: vertical;} .product-reviews__row{display: grid; grid-template-columns: 1fr 1fr; gap: 16px;} .product-reviews__submit{display: block; width: 130px; padding: 14px; font-size: 16px; line-height: 20px; font-weight: 700; text-align: center; color: var(--color-dark); background: var(--color-white); border: 1px solid var(--color-accent-light); border-radius: var(--radius-sm); transition: var(--transition);} .product-reviews__submit:hover{color: var(--color-white); background: var(--gradient-btn);} @media (max-width: 900px){.product-info{grid-template-columns: 1fr; margin: 40px 0;} .product-info__aside{display: none;} .product-details__title{margin: 0 0 32px; font-size: 22px; line-height: 26px;} .product-details__grid{grid-template-columns: 1fr;} .product-details__group{font-size: 16px; line-height: 24px;} .spec-table__name, .spec-table__value{font-size: 14px; line-height: 20px;} .tabs__list{gap: 20px; overflow-x: auto; white-space: nowrap;} .tabs__link{font-size: 16px;} .slide-nav .swiper-button-prev, .slide-nav .swiper-button-next{display: block;}}@media (max-width: 480px){.product-details__title{font-size: 20px;} .spec-table__value{border-left: 0;} .product-description{font-size: 14px; line-height: 20px;} .product-reviews__row{grid-template-columns: 1fr;}}
.delivery__grid{display: grid; grid-template-columns: 1fr 432px; gap: 24px;} .delivery__list{font-size: 16px; line-height: 24px; border: 1px solid var(--color-border); border-radius: var(--radius); overflow: hidden;} .delivery__item{padding: 24px; border-bottom: 1px solid var(--color-border);} .delivery__item:last-child{border-bottom: 0;} .delivery__item:nth-child(2n){background: rgba(241, 244, 249, .4);} .aside-form{position: relative; padding: 32px 32px 304px; color: var(--color-white); background: var(--color-dark); border-radius: var(--radius); overflow: hidden;} .aside-form__inner{position: relative; z-index: 1;} .aside-form__img{position: absolute; left: 0; right: 0; bottom: 0; width: 100%; height: 280px; object-fit: contain; object-position: center bottom; padding: 0 16px 16px; filter: drop-shadow(0 16px 30px rgba(0, 0, 0, .5));} .aside-form--photo .aside-form__img{height: 320px; padding: 0; object-fit: cover; filter: none; mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 40%); -webkit-mask-image: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000 40%);} .aside-form__title{margin: 0 0 8px; font-size: 24px; line-height: 32px; font-weight: 700;} .aside-form__text{margin: 0 0 24px; font-size: 16px; line-height: 24px;} .aside-form__form{display: flex; flex-direction: column; gap: 24px;} .aside-form__form .agree{margin: 0;} .aside-form .agree__label{color: var(--color-white);} .aside-form .form__success{margin: 0; color: var(--color-accent-light);} .aside-form__soc{margin: 24px 0 0; color: var(--color-white);} @media (max-width: 900px){.delivery__grid{grid-template-columns: 1fr;} .delivery__list{font-size: 14px; line-height: 20px;} .aside-form{padding: 32px;} .aside-form__inner{padding: 0 50% 0 0;} .aside-form__img{left: auto; width: 48%; height: 100%; padding: 16px 16px 16px 0;} .aside-form--photo .aside-form__img{height: 100%; padding: 0; mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 40%); -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #000 40%);} .aside-form__title{font-size: 18px; line-height: 24px;} .aside-form__text, .aside-form__soc{font-size: 14px; line-height: 20px;}}@media (max-width: 480px){.aside-form{max-width: none; margin: 0; padding: 20px;} .aside-form__inner{padding: 0 0 268px;} .aside-form__img, .aside-form--photo .aside-form__img{left: 0; width: 100%; height: 250px; padding: 0 12px 12px;} .aside-form__title{margin: 0 0 16px; font-size: 22px; line-height: 26px;}}
.stages{padding: 20px 0 0;} .stages::before, .stages::after{top: 0;} .stages__grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;} .stages__box{padding: 32px; background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius); transition: var(--transition);} .stages__box:hover{border-color: rgba(254, 160, 83, .5);} .stages__icon{margin: 0 0 40px;} .stages__svg{width: 80px; height: 80px;} .stages__box-title{margin: 0 0 16px; font-size: 24px; line-height: 32px; font-weight: 700;} .stages__box-text{font-size: 16px; line-height: 24px;} @media (max-width: 900px){.stages .title{margin: 0 0 32px;} .stages__grid{display: flex; overflow: auto; padding-bottom: 8px;} .stages__box{width: calc(50vw - 140px); min-width: calc(50vw - 140px);} .stages__icon{margin: 0 0 32px;} .stages__svg{width: 56px; height: 56px;} .stages__box-title{font-size: 18px; line-height: 24px;}}@media (max-width: 480px){.stages__box{width: calc(100vw - 120px); min-width: calc(100vw - 120px); padding: 20px;}}
.sticky-bar{position: fixed; top: var(--sticky-bar-top, 88px); left: 0; z-index: 10; width: 100%; padding: 8px 20px; background: var(--color-white); box-shadow: 0 2px 10px rgba(0, 0, 0, .1); opacity: 0; transform: translateY(-100%); transition: opacity .3s, transform .3s; pointer-events: none;} .sticky-bar--visible{opacity: 1; transform: translateY(0); pointer-events: auto;} .sticky-bar__container{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; max-width: 1200px; margin: 0 auto;} .sticky-bar__image{flex-shrink: 0; width: 50px; height: 50px;} .sticky-bar__image img{width: 100%; height: 100%; object-fit: cover; border-radius: var(--radius-sm);} .sticky-bar__title{flex-grow: 1; font-size: 1rem; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .sticky-bar__price{flex-shrink: 0; font-size: 1.1rem; font-weight: 700;} .sticky-bar__order{display: block; width: 130px; padding: 10px 14px; font-size: 16px; line-height: 20px; font-weight: 700; text-align: center; color: var(--color-dark); background: var(--color-white); border: 1px solid var(--color-accent-light); border-radius: var(--radius-sm); transition: var(--transition);} .sticky-bar__order:hover{color: var(--color-white); background: var(--gradient-btn);} @media (max-width: 768px){.sticky-bar{display: none;}}
.catalog{margin: 0 0 40px;} .catalog__tags-wrap{margin: 0 0 24px;} .catalog__tags{display: flex; flex-wrap: wrap; gap: 8px; margin: 0;} .catalog__tags-wrap--collapsed .catalog__tag-item--more{display: none;} .catalog__tags-more{margin-top: 10px; padding: 6px 12px; font: inherit; font-size: 14px; line-height: 20px; font-weight: 700; color: var(--color-accent); background: none; border: 1px dashed currentColor; border-radius: 6px; cursor: pointer; transition: var(--transition);} .catalog__tags-more:hover{color: var(--color-white); background: var(--gradient-btn); border-color: transparent;} .catalog__tag{display: block; padding: 6px 12px; font-size: 14px; line-height: 20px; font-weight: 700; color: var(--color-dark); background: var(--color-bg); border-radius: 6px; transition: var(--transition);} .catalog__tag:hover, .catalog__tag--active{color: var(--color-white); background: var(--gradient-btn);} .catalog__grid{display: grid; grid-template-columns: 318px 1fr; gap: 24px;} .catalog__aside, .catalog__main{min-width: 0;} .catalog__filter-toggle{display: none;} .filter{display: flex; flex-direction: column; gap: 24px; padding: 24px; background: var(--color-bg); border-radius: var(--radius);} .filter__head{display: none;} .filter__box-title{position: relative; margin: 0 0 12px; padding: 0 35px 0 0; font-size: 16px; line-height: 24px; font-weight: 700; cursor: pointer;} .filter__box-title::after{content: ''; display: block; position: absolute; top: 50%; right: 0; width: 18px; height: 18px; margin-top: -9px; background: url('/assets/img/ui/chevron-down.svg') 50% 50% / 18px no-repeat; transition: transform .3s;} .filter__box-title--closed::after{transform: rotate(180deg);} .filter__box-title--closed + .filter__list{display: none;} .filter__list{display: flex; flex-direction: column; gap: 8px;} .filter__all{display: inline-block; margin: -8px 0 12px; font-size: 13px; font-weight: 600; color: var(--color-accent); transition: var(--transition);} .filter__all:hover{color: var(--color-accent-2);} .filter__list--scroll{max-height: 180px; overflow-y: auto; scrollbar-width: thin;} .filter__option{position: relative; display: block; padding: 0 0 0 34px; font-size: 14px; line-height: 20px; color: var(--color-dark);} .filter__option::before{content: ''; display: block; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background: var(--color-white); border-radius: 2px;} .filter__option--active::before{background: var(--color-accent) url('/assets/img/ui/check.svg') 50% 50% no-repeat;} .filter__option:hover{color: var(--color-accent);} .filter__count{color: var(--color-muted);} .filter__reset{display: block; width: 100%; padding: 14px 24px; font-size: 14px; line-height: 18px; text-align: center; color: var(--color-muted); border: 1px solid var(--color-border); border-radius: var(--radius-sm); transition: var(--transition);} .filter__reset:hover{color: var(--color-accent); border-color: var(--color-accent);} .catalog__sort{display: flex; flex-wrap: wrap; align-items: center; gap: 16px; margin: 0 0 24px; color: var(--color-muted);} .catalog__found{margin-right: auto; color: var(--color-dark);} .catalog__sort-link{color: var(--color-muted); transition: var(--transition);} .catalog__sort-link:hover, .catalog__sort-link--active{color: var(--color-dark);} .catalog__sort-link--active{font-weight: 700;} .catalog__active{display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px;} .catalog__chip{display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; font-size: 14px; line-height: 20px; color: var(--color-dark); background: var(--color-bg); border-radius: 200px;} .catalog__chip span{color: var(--color-accent);} .catalog__products{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px;} .catalog__empty{padding: 40px 24px; text-align: center; font-size: 16px; line-height: 24px; background: var(--color-bg); border-radius: var(--radius);} .catalog__empty p{margin: 0 0 16px;} .pagination{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 8px; margin: 40px 0 0; font-size: 16px; line-height: 24px; font-weight: 300;} .pagination__item, .pagination__arrow{display: flex; align-items: center; justify-content: center; min-width: 48px; height: 48px; padding: 0 12px; color: var(--color-dark); background: var(--color-bg); border-radius: 50%; transition: var(--transition);} .pagination__item:hover, .pagination__arrow:hover{color: var(--color-accent);} .pagination__item--active{color: var(--color-white); background: var(--gradient-btn);} .pagination__arrow--prev{background: var(--color-bg) url('/assets/img/ui/chevron-left.svg') 50% 50% no-repeat;} .pagination__arrow--next{background: var(--color-bg) url('/assets/img/ui/chevron-right.svg') 50% 50% no-repeat;} .pagination__dots{padding: 0 4px; color: var(--color-muted);} @media (max-width: 900px){.catalog__grid{grid-template-columns: 1fr;} .catalog__filter-toggle{display: flex; align-items: center; justify-content: center; width: 100%; padding: 14px 24px; font-size: 14px; line-height: 16px; font-weight: 700; color: var(--color-dark); border: 1px solid var(--color-border); border-radius: var(--radius-sm);} .filter{position: fixed; inset: 0; z-index: 9999; width: 100%; height: 100vh; height: 100dvh; padding: 0; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; background: var(--color-white); border-radius: 0; transform: translateY(100%); visibility: hidden; transition: transform .4s, visibility 0s .4s;} .filter--opened{transform: none; visibility: visible; transition: transform .4s;} .filter__head{position: sticky; top: 0; z-index: 2; background: var(--color-white); display: flex; align-items: center; justify-content: space-between; padding: 16px; font-size: 14px; font-weight: 700; border-bottom: 1px solid var(--color-border);} .filter__close{width: 24px; height: 24px; background: url('/assets/img/ui/burger-close.svg') 50% 50% no-repeat;} .filter__box{padding: 0 16px;} .filter__box-title{font-size: 14px; line-height: 20px;} .filter__option::before{border: 1px solid var(--color-border);} .filter__reset{margin: 0 16px 16px; width: auto;} .catalog__sort{font-size: 12px; line-height: 16px;}}@media (max-width: 600px){.catalog__products{grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px;}}.catalog-intro{max-width: 900px; margin: -8px 0 24px;} .catalog-text{max-width: 900px; margin: 48px 0 16px;} .catalog-text__title{margin: 0 0 16px; font-size: 24px; line-height: 32px; font-weight: 700;} .catalog-text__p{margin: 0 0 16px; font-size: 16px; line-height: 26px; font-weight: 300;} @media (max-width: 767px){.catalog-text{margin-top: 32px;} .catalog-text__title{font-size: 20px; line-height: 28px;} .catalog-text__p{font-size: 14px; line-height: 22px;}}.catalog-best{margin: 48px 0 0;} .catalog-best__head{display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px 48px; align-items: end; margin: 0 0 20px;} .catalog-best__title{margin: 0; font-size: 28px; line-height: 36px; font-weight: 700;} .catalog-best__note{margin: 0; font-size: 15px; line-height: 22px; color: var(--color-muted);} .catalog-best__table-wrap{overflow-x: auto; border: 1px solid var(--color-border); border-radius: var(--radius);} .catalog-best__table{width: 100%; border-collapse: collapse; font-size: 15px; line-height: 22px;} .catalog-best__table th, .catalog-best__table td{padding: 12px 18px; text-align: left; border-bottom: 1px solid var(--color-border);} .catalog-best__table th{background: var(--color-bg); font-weight: 700; white-space: nowrap;} .catalog-best__table tr:last-child td{border-bottom: 0;} .catalog-best__price{white-space: nowrap; font-weight: 700;} @media (max-width: 900px){.catalog-best__head{grid-template-columns: 1fr;} .catalog-best__title{font-size: 22px; line-height: 30px;}}.catalog-text__subtitle{margin: 28px 0 12px; font-size: 20px; line-height: 28px; font-weight: 700;} .catalog-city-kinds{display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; margin: 0 0 28px;} .catalog-city-kinds__title{font-weight: 700; margin-right: 4px;} .catalog-city-kinds__link{padding: 6px 12px; border-radius: 999px; background: var(--color-bg, #f3f5f8); font-size: 14px; line-height: 20px; color: var(--color-dark); transition: var(--transition);} .catalog-city-kinds__link:hover{color: var(--color-accent);} .catalog__promo-link{position: relative; display: flex; flex-direction: column; align-items: flex-start; height: 100%; min-height: 420px; padding: 28px 24px; overflow: hidden; border-radius: var(--radius); background: var(--color-dark); color: var(--color-white); text-decoration: none;} .catalog__promo-img{position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 60% 70%; transition: transform .6s;} .catalog__promo-link::before{content: ''; position: absolute; inset: 0; z-index: 1; background: linear-gradient(180deg, rgba(10, 10, 10, .85) 0%, rgba(10, 10, 10, .55) 38%, rgba(10, 10, 10, 0) 65%);} .catalog__promo-title, .catalog__promo-text, .catalog__promo-btn{position: relative; z-index: 2;} .catalog__promo-title{font-size: 30px; font-weight: 700; line-height: 1.1;} .catalog__promo-text{margin-top: 12px; font-size: 17px; line-height: 1.35; opacity: .9;} .catalog__promo-btn{margin-top: 20px; padding: 12px 22px; border-radius: var(--radius-sm); background: var(--gradient-btn); font-size: 15px; font-weight: 600; transition: var(--transition);} .catalog__promo-link:hover .catalog__promo-img{transform: scale(1.04);} .catalog__promo-link:hover .catalog__promo-btn{background: var(--gradient-btn-hover);} @media (max-width: 900px){.catalog__promo-link{min-height: 300px; padding: 16px 12px;} .catalog__promo-title{font-size: 20px;} .catalog__promo-text{margin-top: 8px; font-size: 13px;} .catalog__promo-btn{margin-top: 12px; padding: 9px 14px; font-size: 13px;}}@media (max-width: 600px){.catalog__products{grid-auto-flow: row dense;} .catalog__promo{grid-column: 1 / -1;} .catalog__promo-link{min-height: 260px; padding: 20px 16px;} .catalog__promo-title{font-size: 18px;}}.catalog__main .catalog-text--section{max-width: none; margin-top: 40px;}
.price-table{margin: 0 0 40px;} .price-table__toolbar{display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 0 28px;} .price-table__download{padding: 14px 26px;} .price-table__btn{padding: 13px 22px; font: inherit; font-size: 15px; line-height: 20px; font-weight: 700; color: var(--color-dark); background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-sm); cursor: pointer; transition: var(--transition);} .price-table__btn:hover{color: var(--color-accent); border-color: var(--color-accent);} .price-table__meta{margin: 0; margin-left: auto; font-size: 14px; line-height: 20px; color: var(--color-muted);} .price-table__section{margin: 0 0 36px;} .price-table__section-title{display: flex; align-items: baseline; gap: 10px; margin: 0 0 14px; font-size: 24px; line-height: 30px; font-weight: 700;} .price-table__section-title a{color: inherit; transition: var(--transition);} .price-table__section-title a:hover{color: var(--color-accent);} .price-table__count{font-size: 15px; line-height: 20px; font-weight: 400; color: var(--color-muted);} .price-table__brand{border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-white);} .price-table__brand + .price-table__brand{margin-top: 8px;} .price-table__brand-head{display: flex; align-items: center; gap: 14px; width: 100%; padding: 16px 20px; font: inherit; font-size: 16px; line-height: 22px; text-align: left; color: var(--color-dark); background: none; border: 0; cursor: pointer; transition: var(--transition);} .price-table__brand-head:hover{color: var(--color-accent);} .price-table__brand-name{font-weight: 700;} .price-table__brand-count, .price-table__brand-price{font-size: 14px; line-height: 20px; color: var(--color-muted);} .price-table__brand-price{margin-left: auto; white-space: nowrap;} .price-table__chevron{flex: 0 0 auto; width: 14px; height: 14px; transform: rotate(135deg); transition: var(--transition);} .price-table__brand-head[aria-expanded="true"] .price-table__chevron{transform: rotate(-45deg);} .price-table__body{padding: 0 20px 18px;} .price-table__scroll{overflow-x: auto;} .price-table__table{width: 100%; border-collapse: collapse; font-size: 15px; line-height: 20px;} .price-table__table th, .price-table__table td{padding: 10px 12px; text-align: left; border-bottom: 1px solid var(--color-border);} .price-table__table th{font-size: 13px; line-height: 18px; font-weight: 700; color: var(--color-muted); white-space: nowrap;} .price-table__table tr:last-child td{border-bottom: 0;} .price-table__table td:not(:first-child){white-space: nowrap; color: var(--color-muted);} .price-table__table td a{color: inherit; transition: var(--transition);} .price-table__table td a:hover{color: var(--color-accent);} .price-table__table td:last-child{font-weight: 700; color: var(--color-dark);} .price-table__more{margin: 14px 0 0;} .price-table__note{margin: 20px 0 0; font-size: 14px; line-height: 22px; color: var(--color-muted);} @media (max-width: 767px){.price-table__toolbar{gap: 10px;} .price-table__download, .price-table__btn{flex: 1 1 100%;} .price-table__meta{margin-left: 0;} .price-table__section-title{font-size: 20px; line-height: 26px;} .price-table__brand-head{flex-wrap: wrap; gap: 4px 12px; padding: 14px 16px;} .price-table__brand-name{flex-basis: 100%;} .price-table__brand-price{margin-left: auto;} .price-table__body{padding: 0 16px 16px;}}@media print{.price-table__toolbar, .price-table__more, .price-table__chevron{display: none;} .price-table__body[hidden]{display: block !important;} .price-table__brand{border: 0; break-inside: auto;} .price-table__brand-head{padding: 12px 0 4px; font-weight: 700;} .price-table__table{font-size: 11px; line-height: 15px;} .price-table__table th, .price-table__table td{padding: 4px 6px;} .price-table__body{padding: 0;}}
.news-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;} .news-grid--4{grid-template-columns: repeat(4, 1fr);} .news-grid__item{min-width: 0; padding-bottom: 8px;} @media (max-width: 1200px){.news-grid--4{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 900px){.news-grid{grid-template-columns: repeat(2, 1fr); gap: 20px;}}@media (max-width: 600px){.news-grid, .news-grid--4{grid-template-columns: 1fr; gap: 16px;}}
.article{margin: 0 0 88px;} .article__head{max-width: 900px; margin: 0 0 40px;} .article__title{margin-bottom: 0;} .article__layout{display: grid; grid-template-columns: minmax(0, 1fr) 384px; gap: 48px; align-items: start;} .article__body{max-width: 800px; font-size: 18px; line-height: 30px;} .article__intro{margin: 0 0 28px; font-size: 20px; line-height: 32px; font-weight: 500;} .article__p{margin: 0 0 20px;} .article__subtitle{margin: 40px 0 16px; font-size: 28px; line-height: 36px; font-weight: 700;} .article__list{margin: 0 0 20px; padding: 0 0 0 24px;} .article__list-item{position: relative; margin: 0 0 8px; list-style: none;} .article__list-item::before{content: ''; position: absolute; top: 12px; left: -20px; width: 8px; height: 8px; background: var(--gradient); border-radius: 50%;} .article__table-box{margin: 0 0 28px;} .article__table-title{margin: 0 0 12px; font-size: 16px; line-height: 24px; font-weight: 700;} .article__table-scroll{overflow-x: auto; border: 1px solid var(--color-border); border-radius: var(--radius);} .article__table{width: 100%; border-collapse: collapse; font-size: 16px; line-height: 24px;} .article__table th, .article__table td{padding: 14px 20px; text-align: left; white-space: nowrap;} .article__table th{background: var(--color-bg); font-weight: 700;} .article__table tbody tr + tr td{border-top: 1px solid var(--color-border);} .article__table td:first-child{font-weight: 500;} .article__table-note{margin: 12px 0 0; font-size: 14px; line-height: 22px; color: var(--color-muted);} .article__subtitle--small{margin: 32px 0 12px; font-size: 22px; line-height: 30px;} .article__aside{position: sticky; top: 120px;} .article__img{display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; margin: 0 0 24px; object-fit: cover; border-radius: var(--radius);} .article__cta{padding: 32px; background: var(--color-bg); border-radius: var(--radius);} .article__cta-title{margin: 0 0 8px; font-size: 20px; line-height: 28px; font-weight: 700;} .article__cta-text{margin: 0 0 20px; font-size: 14px; line-height: 22px; color: var(--color-muted);} .article__cta-btn{width: 100%;} @media (max-width: 1200px){.article{margin-bottom: 64px;} .article__layout{grid-template-columns: minmax(0, 1fr) 320px; gap: 32px;}}@media (max-width: 900px){.article__layout{grid-template-columns: minmax(0, 1fr);} .article__aside{position: static; display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start;} .article__img{margin: 0;} .article__body{font-size: 16px; line-height: 26px;} .article__intro{font-size: 18px; line-height: 28px;} .article__subtitle{margin-top: 32px; font-size: 22px; line-height: 30px;}}@media (max-width: 600px){.article{margin-bottom: 40px;} .article__head{margin-bottom: 28px;} .article__aside{grid-template-columns: 1fr;} .article__cta{padding: 24px;}}@media (max-width: 600px){.article__table{font-size: 14px; line-height: 20px;} .article__table th, .article__table td{padding: 10px 14px;}}
.page-info{margin: 0 0 88px;} .page-info__head{max-width: 900px; margin: 0 0 40px;} .page-info__title{margin-bottom: 0;} .page-info__layout{display: grid; grid-template-columns: minmax(0, 1fr) 384px; gap: 48px; align-items: start;} .page-info__body{max-width: 860px; font-size: 18px; line-height: 30px;} .page-info__intro{margin: 0 0 28px; font-size: 20px; line-height: 32px; font-weight: 500;} .page-info__p{margin: 0 0 20px;} .page-info__subtitle{margin: 44px 0 18px; font-size: 28px; line-height: 36px; font-weight: 700;} .page-info__subtitle:first-child{margin-top: 0;} .page-info__list{margin: 0 0 24px; padding: 0 0 0 24px;} .page-info__list-item{position: relative; margin: 0 0 10px; list-style: none;} .page-info__list-item::before{content: ''; position: absolute; top: 12px; left: -20px; width: 8px; height: 8px; background: var(--gradient); border-radius: 50%;} .page-info__list--num{counter-reset: info-list; padding-left: 36px;} .page-info__list--num .page-info__list-item::before{content: counter(info-list) '.'; counter-increment: info-list; top: 0; left: -34px; width: auto; height: auto; background: none; font-weight: 700; color: var(--color-accent);} .page-info__table-wrap{margin: 0 0 24px; overflow-x: auto; border: 1px solid var(--color-border); border-radius: var(--radius);} .page-info__table{width: 100%; border-collapse: collapse; font-size: 16px; line-height: 24px;} .page-info__table th, .page-info__table td{padding: 14px 20px; text-align: left; vertical-align: top; border-bottom: 1px solid var(--color-border);} .page-info__table th{font-weight: 700; background: var(--color-bg); white-space: nowrap;} .page-info__table tr:last-child td{border-bottom: 0;} .page-info__table td:nth-child(2){white-space: nowrap;} .page-info__cards{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; margin: 0 0 32px;} .page-info__card{display: flex; flex-direction: column; gap: 10px; padding: 24px 28px; background: var(--color-bg); border-radius: var(--radius); color: inherit; text-decoration: none; transition: var(--transition);} a.page-info__card:hover{background: var(--color-white); box-shadow: 0 8px 30px rgba(20, 20, 20, .08);} .page-info__card-title{font-size: 20px; line-height: 28px; font-weight: 700;} .page-info__card-text{font-size: 15px; line-height: 24px; color: var(--color-muted);} .page-info__steps{margin: 0 0 32px; padding: 0; list-style: none; counter-reset: info-steps;} .page-info__step{position: relative; display: grid; grid-template-columns: 56px 1fr; grid-template-areas: 'num title' 'num text'; column-gap: 20px; padding: 20px 0; border-bottom: 1px solid var(--color-border);} .page-info__step:last-child{border-bottom: 0;} .page-info__step-num{grid-area: num; display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; background: var(--gradient); border-radius: 50%; color: var(--color-white); font-size: 22px; font-weight: 700;} .page-info__step-title{grid-area: title; font-size: 20px; line-height: 28px; font-weight: 700;} .page-info__step-text{grid-area: text; font-size: 16px; line-height: 26px; color: var(--color-muted);} .page-info__note{margin: 0 0 28px; padding: 20px 24px 20px 28px; border-left: 4px solid var(--color-accent); background: var(--color-bg); border-radius: 0 var(--radius) var(--radius) 0; font-size: 16px; line-height: 26px;} .page-info__dl{margin: 0 0 32px; border: 1px solid var(--color-border); border-radius: var(--radius); overflow: hidden;} .page-info__dl-row{display: grid; grid-template-columns: 300px 1fr; border-bottom: 1px solid var(--color-border);} .page-info__dl-row:last-child{border-bottom: 0;} .page-info__dl dt, .page-info__dl dd{margin: 0; padding: 14px 20px; font-size: 16px; line-height: 24px;} .page-info__dl dt{background: var(--color-bg); color: var(--color-muted);} .page-info__dl dd{font-weight: 500; word-break: break-word;} .page-info__links{display: flex; flex-wrap: wrap; gap: 10px; margin: 0 0 28px; padding: 0; list-style: none;} .page-info__link{display: inline-block; padding: 10px 18px; border: 1px solid var(--color-border); border-radius: 999px; font-size: 15px; line-height: 20px; color: var(--color-dark); text-decoration: none; transition: var(--transition);} .page-info__link:hover{border-color: var(--color-accent); color: var(--color-accent);} .page-info__aside{position: sticky; top: 120px; display: grid; gap: 24px;} .page-info__nav{padding: 28px 32px; border: 1px solid var(--color-border); border-radius: var(--radius);} .page-info__nav-title{margin: 0 0 14px; font-size: 18px; font-weight: 700;} .page-info__nav-list{margin: 0; padding: 0; list-style: none;} .page-info__nav-link{display: block; padding: 8px 0; font-size: 16px; line-height: 22px; color: var(--color-dark); text-decoration: none; transition: var(--transition);} a.page-info__nav-link:hover{color: var(--color-accent);} .page-info__nav-link--current{font-weight: 700; color: var(--color-accent);} .page-info__cta{padding: 32px; background: var(--color-bg); border-radius: var(--radius);} .page-info__cta-title{margin: 0 0 8px; font-size: 20px; line-height: 28px; font-weight: 700;} .page-info__cta-text{margin: 0 0 20px; font-size: 14px; line-height: 22px; color: var(--color-muted);} .page-info__cta-phone{font-weight: 700; color: var(--color-dark); white-space: nowrap;} .page-info__cta-btn{width: 100%;} @media (max-width: 1200px){.page-info{margin-bottom: 64px;} .page-info__layout{grid-template-columns: minmax(0, 1fr) 320px; gap: 32px;}}@media (max-width: 900px){.page-info__layout{grid-template-columns: minmax(0, 1fr);} .page-info__aside{position: static; grid-template-columns: 1fr 1fr; align-items: start;} .page-info__body{font-size: 16px; line-height: 26px;} .page-info__intro{font-size: 18px; line-height: 28px;} .page-info__subtitle{margin-top: 32px; font-size: 22px; line-height: 30px;} .page-info__dl-row{grid-template-columns: 200px 1fr;}}@media (max-width: 600px){.page-info{margin-bottom: 40px;} .page-info__head{margin-bottom: 28px;} .page-info__cards{grid-template-columns: 1fr;} .page-info__aside{grid-template-columns: 1fr;} .page-info__dl-row{grid-template-columns: 1fr;} .page-info__dl dt{padding-bottom: 4px;} .page-info__dl dd{padding-top: 4px;} .page-info__step{grid-template-columns: 44px 1fr; column-gap: 14px;} .page-info__step-num{width: 44px; height: 44px; font-size: 18px;} .page-info__cta, .page-info__nav{padding: 24px;}}.review-feed__stat{display: flex; align-items: center; gap: 12px; margin: 0 0 24px;} .review-feed__avg{font-size: 40px; line-height: 44px; font-weight: 700;} .review-feed__stars, .review-feed__rating{display: flex; gap: 4px;} .review-feed__stars span, .review-feed__rating span{display: block; width: 18px; height: 18px; background: url('/assets/img/ui/star-20.svg') 50% 50% / contain no-repeat;} .review-feed__rating .review-feed__star--off{opacity: .25;} .review-feed__count{color: var(--color-muted);} .review-feed__list{display: flex; flex-direction: column; gap: 16px; margin: 0 0 24px; padding: 0; list-style: none;} .review-feed__item{padding: 24px; background: var(--color-white); border: 1px solid #ece4dc; border-radius: var(--radius);} .review-feed__item[hidden]{display: none;} .review-feed__head{display: flex; align-items: center; gap: 14px; margin: 0 0 14px;} .review-feed__avatar{flex: none; width: 48px; height: 48px; border-radius: 50%; object-fit: cover;} .review-feed__avatar--letter{display: flex; align-items: center; justify-content: center; color: #fff; font-weight: 700; font-size: 19px;} .review-feed__author{font-weight: 700; line-height: 22px;} .review-feed__date{font-size: 13px; line-height: 18px; color: var(--color-muted);} .review-feed__rating{margin-left: auto;} .review-feed__text{margin: 0 0 16px; line-height: 24px;} .review-feed__product{display: inline-flex; align-items: center; gap: 12px; max-width: 100%; padding: 8px 16px 8px 8px; background: var(--color-white); border-radius: 12px; box-shadow: 0 4px 16px rgba(20, 20, 20, .08), 0 1px 3px rgba(20, 20, 20, .06); color: var(--color-dark); transition: color .2s, box-shadow .2s, transform .2s;} .review-feed__product:hover{color: var(--color-accent); box-shadow: 0 8px 22px rgba(20, 20, 20, .12), 0 1px 3px rgba(20, 20, 20, .06); transform: translateY(-1px);} .review-feed__product-img{flex: none; width: 48px; height: 48px; border-radius: 8px; object-fit: cover; background: var(--color-bg);} .review-feed__product-title{font-size: 14px; line-height: 20px; font-weight: 600; text-decoration: underline; text-underline-offset: 3px;} .review-feed__more{width: 100%;} @media (max-width: 600px){.review-feed__item{padding: 18px;} .review-feed__head{flex-wrap: wrap;} .review-feed__rating{margin-left: 62px; width: 100%;}}
.contacts-main{display: grid; grid-template-columns: 2fr 1fr; gap: 24px; margin: 0 0 88px;} .contacts-main__center, .contacts-main__worktimes{padding: 32px; background: var(--color-bg); border-radius: var(--radius);} .contacts-main__title{margin: 0 0 32px; font-size: 32px; line-height: 40px; font-weight: 700;} .contacts-main__boxes{display: flex; flex-wrap: wrap; gap: 24px 48px;} .contacts-main__box-title{margin: 0 0 8px; font-size: 14px; line-height: 20px; font-weight: 300; color: var(--color-muted);} .contacts-main__phone, .contacts-main__email{display: block; font-size: 32px; line-height: 40px; font-weight: 700; transition: var(--transition);} .contacts-main__phone:hover, .contacts-main__email:hover{color: var(--color-accent);} .contacts-main__messengers{margin: 0;} .contacts-main__list{display: grid; grid-template-columns: 1fr 1fr; gap: 16px 24px; margin: 32px 0 0; padding: 0; list-style: none;} .contacts-main__item{padding: 0 0 0 36px; font-size: 14px; line-height: 24px; background: url('/assets/img/ui/check-circle.svg') 0 0 no-repeat;} .contacts-main__worktimes{display: flex; flex-direction: column; gap: 24px;} .contacts-main__worktime .worktime__text{font-size: 20px; line-height: 30px;} .contacts-main__worktime .worktime__title{font-size: 16px; line-height: 24px;} @media (max-width: 1200px){.contacts-main{margin-bottom: 64px;} .contacts-main__phone, .contacts-main__email{font-size: 24px; line-height: 32px;}}@media (max-width: 900px){.contacts-main{grid-template-columns: 1fr;} .contacts-main__worktimes{display: grid; grid-template-columns: repeat(3, 1fr);}}@media (max-width: 600px){.contacts-main{margin-bottom: 40px;} .contacts-main__center, .contacts-main__worktimes{padding: 20px;} .contacts-main__title{margin-bottom: 20px; font-size: 22px; line-height: 28px;} .contacts-main__list, .contacts-main__worktimes{grid-template-columns: 1fr;} .contacts-main__phone, .contacts-main__email{font-size: 22px; line-height: 28px;}}
.dear__grid{display: grid; grid-template-columns: 1fr 1fr; gap: 24px; align-items: start;} .dear__title{margin: 0;} .dear__text{margin: 0; font-size: 16px; line-height: 24px; font-weight: 300;} .dear__info{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin: 40px 0 0;} .dear__box{display: flex; flex-direction: column; padding: 32px; background: var(--color-bg); border-radius: var(--radius); transition: transform .35s ease, box-shadow .35s ease;} .dear__box:hover{transform: translateY(-4px); box-shadow: 0 14px 36px rgba(20, 20, 20, .08);} .dear__box-svg{width: 32px; height: 32px;} .dear__box-title{margin: 24px 0 16px; font-size: 24px; line-height: 32px; font-weight: 600;} .dear__box-text{margin: 0 0 24px; font-size: 16px; line-height: 24px; font-weight: 300;} .dear__box-button{margin-top: auto;} .dear__btn{padding: 14px 32px; font-size: 14px;} @media (max-width: 900px){.dear__title br{display: none;} .dear__grid, .dear__info{grid-template-columns: 1fr;} .dear__info{margin-top: 32px;} .dear__box-title{margin-top: 20px; font-size: 20px; line-height: 28px;}}@media (max-width: 600px){.dear__box{padding: 20px;} .dear__text, .dear__box-text{font-size: 14px; line-height: 22px;} .dear__btn{width: 100%;}}
.office-map__grid{display: grid; grid-template-columns: 2fr 1fr; gap: 24px;} .office-map__map{min-height: 400px; overflow: hidden; background: var(--color-bg); border-radius: var(--radius);} .office-map__frame{display: block; width: 100%; height: 100%; min-height: 400px; border: 0;} .office-map__card{padding: 32px; border: 1px solid var(--color-border); border-radius: var(--radius);} .office-map__svg{width: 32px; height: 32px;} .office-map__name{margin: 16px 0 12px; font-weight: 600; line-height: 24px;} .office-map__address{font-weight: 300; line-height: 24px;} .office-map__phone{display: block; margin: 16px 0 0; font-weight: 600; line-height: 24px; transition: var(--transition);} .office-map__phone:hover{color: var(--color-accent);} .office-map__features{display: flex; flex-direction: column; gap: 10px; margin: 20px 0 0; padding: 20px 0 0; list-style: none; border-top: 1px solid var(--color-border);} .office-map__feature{position: relative; padding: 0 0 0 18px; font-weight: 300; line-height: 24px;} .office-map__feature::before{content: ''; position: absolute; top: 9px; left: 0; width: 6px; height: 6px; background: var(--gradient); border-radius: 50%;} .office-map__branches{display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; margin: 24px 0 0;} .office-map__branch{padding: 24px 32px; background: var(--color-bg); border-radius: var(--radius);} .office-map__branch-city{margin: 0 0 4px; font-size: 20px; line-height: 28px; font-weight: 700;} .office-map__branch-title{margin: 0 0 12px; font-size: 14px; line-height: 20px; color: var(--color-muted);} .office-map__branch-address, .office-map__branch-time{font-weight: 300; line-height: 24px;} @media (max-width: 900px){.office-map__grid{grid-template-columns: 1fr;} .office-map__branches{grid-template-columns: 1fr 1fr;}}@media (max-width: 600px){.office-map__map, .office-map__frame{min-height: 280px;} .office-map__card, .office-map__branch{padding: 20px;} .office-map__branches{grid-template-columns: 1fr; gap: 12px;}}
.about__grid{display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 0 0 40px;} .about__title{margin: 0;} .about__text{font-weight: 300; line-height: 24px;} .about__p{margin: 0 0 24px;} .about__more[hidden]{display: none;} .about__toggle{display: inline-flex; align-items: center; gap: 8px; margin: -7px 0 0; font-size: 14px; font-weight: 600; color: var(--color-accent); cursor: pointer; transition: var(--transition);} .about__toggle:hover{color: var(--color-accent-2);} .about__toggle-icon{width: 16px; height: 16px; transition: transform .3s ease;} .about__toggle-close, .about__toggle[aria-expanded="true"] .about__toggle-open{display: none;} .about__toggle[aria-expanded="true"] .about__toggle-close{display: inline;} .about__toggle[aria-expanded="true"] .about__toggle-icon{transform: rotate(180deg);} .about__image{overflow: hidden; border-radius: var(--radius);} .about__img{display: block; width: 100%; height: auto; max-height: 620px; object-fit: cover; object-position: 50% 30%;} @media (max-width: 900px){.about__grid{grid-template-columns: 1fr; margin-bottom: 24px;} .about__img{max-height: 320px;}}@media (max-width: 600px){.about__text{font-size: 14px; line-height: 22px;} .about__p{margin-bottom: 16px;}}
.brand-list__lead{max-width: 760px; margin: -8px 0 40px; font-size: 18px; line-height: 30px; font-weight: 300;} .brand-list{display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; margin: 0 0 88px;} .brand-list__card{display: flex; flex-direction: column; overflow: hidden; background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius); transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;} .brand-list__card:hover{transform: translateY(-6px); border-color: transparent; box-shadow: 0 18px 44px rgba(20, 20, 20, .12);} .brand-list__collage{display: grid; gap: 4px; aspect-ratio: 3 / 2; padding: 12px; background: var(--color-bg);} .brand-list__collage--2, .brand-list__collage--3, .brand-list__collage--4{grid-template-columns: 1fr 1fr;} .brand-list__collage--3 .brand-list__img:first-child, .brand-list__collage--1 .brand-list__img{grid-column: span 2;} .brand-list__collage--3 .brand-list__img:first-child{grid-column: span 2;} .brand-list__img{width: 100%; height: 100%; min-height: 0; object-fit: contain; background: var(--color-white); border-radius: 8px;} .brand-list__body{display: flex; flex-direction: column; flex-grow: 1; padding: 20px 24px 24px;} .brand-list__name{margin: 0 0 4px; font-size: 20px; line-height: 28px; font-weight: 700; color: var(--color-dark);} .brand-list__count{margin: 0 0 8px; font-size: 14px; line-height: 20px; color: var(--color-muted);} .brand-list__types{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 0 0 16px; overflow: hidden; font-size: 13px; line-height: 20px; font-weight: 300; color: var(--color-muted);} .brand-list__more{margin-top: auto; font-size: 14px;} @media (max-width: 1200px){.brand-list{grid-template-columns: repeat(3, 1fr); margin-bottom: 64px;}}@media (max-width: 900px){.brand-list{grid-template-columns: repeat(2, 1fr); gap: 16px;} .brand-list__lead{font-size: 16px; line-height: 26px; margin-bottom: 28px;} .brand-list__body{padding: 16px 20px 20px;}}@media (max-width: 480px){.brand-list{grid-template-columns: 1fr; gap: 12px; margin-bottom: 40px;}}.brand-group{margin: 0 0 48px;} .brand-group__title{display: flex; align-items: baseline; gap: 12px; margin: 0 0 20px; font-size: 28px; line-height: 36px; font-weight: 700;} .brand-group__link{color: var(--color-dark); transition: color .3s ease;} .brand-group__link:hover{color: var(--color-accent);} .brand-group__count{font-size: 16px; line-height: 24px; font-weight: 300; color: var(--color-muted);} @media (max-width: 767px){.brand-group{margin-bottom: 32px;} .brand-group__title{font-size: 22px; line-height: 30px;}}
.hub__head{display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: 48px; align-items: center; margin: 0 0 48px;} .hub__title{margin-bottom: 20px;} .hub__intro{max-width: 640px; margin: 0 0 32px; font-size: 18px; line-height: 30px; font-weight: 300;} .hub__actions{display: flex; flex-wrap: wrap; align-items: center; gap: 16px 32px;} .hub__consult{font-size: 16px; font-weight: 700; color: var(--color-accent); cursor: pointer; transition: var(--transition);} .hub__consult:hover{color: var(--color-accent-2);} .hub__image{overflow: hidden; border-radius: var(--radius);} .hub__img{display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover;} .hub__products{display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;} .hub__product{min-width: 0;} .hub__more{display: flex; justify-content: center; margin: 32px 0 0;} .hub__why{margin: 88px 0 0;} .hub__why-grid{display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px;} .hub__why-box{padding: 32px; background: var(--color-bg); border-radius: var(--radius);} .hub__why-num{margin: 0 0 20px; font-size: 32px; line-height: 40px; font-weight: 700; background: var(--gradient); -webkit-background-clip: text; background-clip: text; color: transparent;} .hub__why-title{margin: 0 0 12px; font-size: 20px; line-height: 28px; font-weight: 700;} .hub__why-text{margin: 0; font-size: 14px; line-height: 22px; font-weight: 300;} @media (max-width: 1200px){.hub__head{grid-template-columns: minmax(0, 1fr) 400px; gap: 32px;} .hub__products, .hub__why-grid{grid-template-columns: repeat(3, 1fr);} .hub__why{margin-top: 64px;}}@media (max-width: 900px){.hub__head{grid-template-columns: 1fr; margin-bottom: 32px;} .hub__image{order: -1;} .hub__img{aspect-ratio: 2 / 1;} .hub__intro{font-size: 16px; line-height: 26px;} .hub__products, .hub__why-grid{grid-template-columns: repeat(2, 1fr); gap: 16px;} .hub__why-box{padding: 24px;}}@media (max-width: 600px){.hub__products, .hub__why-grid{grid-template-columns: 1fr; gap: 12px;} .hub__why{margin-top: 40px;} .hub__btn{width: 100%;}}
.hub-list{margin: 0 0 88px;} .hub-list--compact{margin: 88px 0;} .hub-list__lead{max-width: 760px; margin: -8px 0 40px; font-size: 18px; line-height: 30px; font-weight: 300;} .hub-list__grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;} .hub-list__card{display: flex; flex-direction: column; overflow: hidden; background: var(--color-white); border-radius: var(--radius); box-shadow: 0 8px 32px rgba(20, 20, 20, .08); transition: transform .35s ease, box-shadow .35s ease;} .hub-list__card:hover{transform: translateY(-6px); box-shadow: 0 18px 44px rgba(20, 20, 20, .14);} .hub-list__img-wrap{display: block; overflow: hidden;} .hub-list__img{display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; transition: transform .6s ease;} .hub-list__card:hover .hub-list__img{transform: scale(1.04);} .hub-list__body{display: flex; flex-direction: column; flex-grow: 1; padding: 24px;} .hub-list__title{margin: 0 0 12px; font-size: 22px; line-height: 30px; font-weight: 700; color: var(--color-dark);} .hub-list__text{display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin: 0 0 20px; overflow: hidden; font-size: 15px; line-height: 24px; font-weight: 300; color: var(--color-muted);} .hub-list__more{margin-top: auto;} .hub-list--compact .hub-list__img{aspect-ratio: 2 / 1;} .hub-list--compact .hub-list__title{font-size: 18px; line-height: 26px;} @media (max-width: 1200px){.hub-list{margin-bottom: 64px;} .hub-list--compact{margin: 64px 0;}}@media (max-width: 900px){.hub-list__grid{grid-template-columns: repeat(2, 1fr); gap: 20px;} .hub-list__lead{font-size: 16px; line-height: 26px; margin-bottom: 28px;}}@media (max-width: 600px){.hub-list{margin-bottom: 40px;} .hub-list--compact{margin: 40px 0;} .hub-list__grid{grid-template-columns: 1fr; gap: 16px;} .hub-list__body{padding: 20px;}}
.faq__grid{display: grid; grid-template-columns: minmax(0, 1fr) 380px; gap: 32px; align-items: start;} .faq__grid--single .faq__list{max-width: 900px;} .faq__list{display: flex; flex-direction: column; gap: 12px;} .faq__aside{position: sticky; top: 100px;} @media (max-width: 1100px){.faq__grid{grid-template-columns: 1fr;} .faq__aside{position: static; max-width: 560px;}}.faq__item{background: var(--color-bg); border-radius: var(--radius); transition: background-color .3s ease;} .faq__item--open{background: var(--color-white); box-shadow: 0 8px 32px rgba(20, 20, 20, .08);} .faq__question{display: flex; align-items: center; justify-content: space-between; gap: 24px; width: 100%; padding: 24px 32px; font-size: 20px; line-height: 28px; font-weight: 700; text-align: left; color: var(--color-dark); cursor: pointer; transition: color .3s ease;} .faq__question:hover{color: var(--color-accent);} .faq__icon{position: relative; flex-shrink: 0; width: 32px; height: 32px; border-radius: 50%; background: var(--gradient); transition: transform .3s ease;} .faq__icon::before, .faq__icon::after{content: ''; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; background: var(--color-white); transform: translate(-50%, -50%);} .faq__icon::after{transform: translate(-50%, -50%) rotate(90deg); transition: opacity .3s ease;} .faq__item--open .faq__icon::after{opacity: 0;} .faq__answer{padding: 0 32px 24px;} .faq__answer[hidden]{display: none;} .faq__text{max-width: 760px; margin: 0; font-size: 16px; line-height: 26px; font-weight: 300;} @media (max-width: 600px){.faq__question{padding: 18px 20px; font-size: 16px; line-height: 24px;} .faq__answer{padding: 0 20px 20px;} .faq__text{font-size: 14px; line-height: 22px;}}@media (max-width: 1100px){.faq:has(+ .section .bigform) .faq__aside{display: none;}}
.aside-form--question{position: relative; padding: 32px; color: var(--color-white); background: linear-gradient(160deg, #2a1d14 0%, #141414 70%); border-radius: var(--radius); overflow: hidden;} .aside-form--question::after{content: ''; position: absolute; right: -60px; top: -60px; width: 220px; height: 220px; background: radial-gradient(circle, rgba(255, 164, 89, .45) 0%, rgba(255, 172, 96, 0) 70%); pointer-events: none;} .aside-form--question .aside-form__inner{position: relative; z-index: 1;} .aside-form--question .aside-form__title{margin: 0 0 8px; font-size: 24px; line-height: 30px; font-weight: 700;} .aside-form--question .aside-form__text{margin: 0 0 20px; font-size: 14px; line-height: 21px; opacity: .85;} .aside-form__field{margin: 0 0 12px;} .aside-form__textarea{resize: vertical; min-height: 88px;} .aside-form--question .agree{margin: 16px 0 0;} .aside-form--question .agree__label{color: rgba(255, 255, 255, .8);} .aside-form--question .agree__label a{color: var(--color-white);} .aside-form--question .form__success{color: var(--color-accent-light);} .aside-form__phone{margin: 20px 0 0; font-size: 15px; line-height: 22px;} .aside-form__phone .tel{color: var(--color-white); font-weight: 700;} .aside-form--question .aside-form__soc{margin: 16px 0 0; color: rgba(255, 255, 255, .8);} @media (max-width: 900px){.aside-form--question{padding: 24px;} .aside-form--question .aside-form__inner{padding: 0;} .aside-form--question .aside-form__title{font-size: 20px; line-height: 26px;}}@media (max-width: 480px){.aside-form--question{max-width: none; margin: 0; padding: 24px 20px;}}
.product-article{max-width: 1002px; margin: 48px 0 0;} .product-article__title{margin: 0 0 16px; font-size: 28px; line-height: 36px; font-weight: 700;} .product-article__lead{margin: 0 0 32px; font-size: 18px; line-height: 30px; font-weight: 300;} .product-article__facts{display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 12px; margin: 0 0 40px; padding: 0; list-style: none;} .product-article__fact{position: relative; display: flex; flex-direction: column; gap: 6px; padding: 18px 20px 16px; overflow: hidden; background: var(--color-white); border: 1px solid #ece4dc; border-radius: var(--radius); box-shadow: 0 6px 18px -12px rgba(120, 60, 10, .25);} .product-article__fact-icon{order: -2; display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin: 0 0 4px; color: var(--color-accent); background: #fdf1e6; border-radius: 50%;} .product-article__fact-icon svg{width: 22px; height: 22px;} .product-article__fact-label{order: -1; font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--color-muted);} .product-article__fact-value{font-size: 20px; line-height: 26px; font-weight: 700; color: var(--color-dark);} .product-article__heading{margin: 40px 0 16px; font-size: 22px; line-height: 30px; font-weight: 700;} .product-article__body .product-article__heading:first-child{margin-top: 0;} .product-article__text{margin: 0 0 16px; font-size: 16px; line-height: 26px; font-weight: 300;} .product-article__list{display: grid; gap: 10px; margin: 0 0 24px; padding: 0 0 0 24px; list-style: disc; font-size: 16px; line-height: 26px; font-weight: 300;} .product-article__link{color: var(--color-accent-2); text-decoration: underline; text-underline-offset: 3px;} .product-article__link:hover{text-decoration: none;} .product-article__item::marker{color: var(--color-accent);} .product-article__faq .faq__list{max-width: none;} .product-article__faq .faq__item{background: var(--color-white); border: 1px solid var(--color-border);} .product-article__faq .faq__item--open{border-color: transparent;} .product-article__faq .faq__question{padding: 20px 24px; font-size: 18px; line-height: 26px;} @media (max-width: 767px){.product-article{margin-top: 32px;} .product-article__title{font-size: 22px; line-height: 30px;} .product-article__lead{font-size: 16px; line-height: 26px;} .product-article__facts{grid-template-columns: repeat(2, 1fr);} .product-article__fact{padding: 16px;} .product-article__fact-value{font-size: 20px; line-height: 28px;} .product-article__heading{margin-top: 32px; font-size: 18px; line-height: 26px;} .product-article__text, .product-article__list{font-size: 14px; line-height: 22px;} .product-article__faq .faq__question{padding: 16px 20px; font-size: 16px; line-height: 24px;}}.product-article__faq .faq__answer{padding: 0 24px 20px;}
.catalog-sections{display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin: 32px 0 56px;} .catalog-sections__card{display: flex; flex-direction: column; background: var(--color-bg); border-radius: var(--radius); overflow: hidden;} .catalog-sections__img-wrap{display: block; background: var(--color-white);} .catalog-sections__img{display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover;} .catalog-sections__body{display: flex; flex-direction: column; flex-grow: 1; padding: 28px 32px 32px;} .catalog-sections__title{margin: 0 0 4px; font-size: 28px; line-height: 36px; font-weight: 700;} .catalog-sections__title-link{color: var(--color-dark); transition: color .3s ease;} .catalog-sections__title-link:hover{color: var(--color-accent);} .catalog-sections__count{margin: 0 0 16px; font-size: 14px; line-height: 20px; color: var(--color-muted);} .catalog-sections__text{margin: 0 0 20px; font-size: 16px; line-height: 26px; font-weight: 300;} .catalog-sections__links{display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; padding: 0; list-style: none;} .catalog-sections__link{display: inline-flex; align-items: center; gap: 6px; padding: 8px 14px; background: var(--color-white); border-radius: 999px; font-size: 14px; line-height: 20px; color: var(--color-dark); transition: color .3s ease, background-color .3s ease;} .catalog-sections__link:hover{color: var(--color-white); background: var(--color-accent);} .catalog-sections__link-count{color: var(--color-muted);} .catalog-sections__link:hover .catalog-sections__link-count{color: rgba(255, 255, 255, .8);} .catalog-sections__btn{align-self: flex-start; margin-top: auto;} @media (max-width: 1199px){.catalog-sections{grid-template-columns: repeat(2, 1fr);}}@media (max-width: 767px){.catalog-sections{grid-template-columns: 1fr; gap: 16px; margin: 24px 0 40px;} .catalog-sections__body{padding: 20px;} .catalog-sections__title{font-size: 22px; line-height: 30px;} .catalog-sections__text{font-size: 14px; line-height: 22px;}}
.home-sections__head{display: flex; align-items: center; justify-content: space-between; gap: 24px; margin: 0 0 8px;} .home-sections .catalog-sections{margin: 24px 0 0;} @media (max-width: 767px){.home-sections__head{flex-direction: column; align-items: flex-start; gap: 8px;}}
.not-found{padding: 48px 0 72px;} .not-found__hero{display: grid; grid-template-columns: auto 1fr; gap: 56px; align-items: center; padding: 48px 56px; background: var(--color-white); border-radius: var(--radius);} .not-found__code{display: flex; align-items: center; gap: 10px; font-size: 168px; line-height: 1; font-weight: 700; color: var(--color-accent); letter-spacing: -4px;} .not-found__brick{position: relative; width: 150px; height: 74px; border-radius: 6px; background: var(--gradient); box-shadow: inset 0 -10px 0 rgba(0, 0, 0, .14);} .not-found__brick::before{content: ''; position: absolute; inset: 22px 20px 30px; background: radial-gradient(circle, var(--color-white) 0 7px, transparent 8px) 0 50% / 37px 22px repeat-x; opacity: .9;} .not-found__title{margin: 0 0 12px; font-size: 36px; line-height: 44px; font-weight: 700; color: var(--color-dark);} .not-found__text{margin: 0 0 24px; max-width: 560px; font-size: 16px; line-height: 26px;} .not-found__search{display: flex; gap: 8px; max-width: 560px; margin: 0 0 20px;} .not-found__input{flex: 1; min-width: 0; height: 52px; padding: 0 18px; border: 1px solid rgba(0, 0, 0, .15); border-radius: var(--radius-sm); font: inherit; font-size: 16px; background: var(--color-white);} .not-found__input:focus{outline: none; border-color: var(--color-accent);} .not-found__actions{display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px;} .not-found__subtitle{margin: 56px 0 24px; font-size: 28px; line-height: 36px; font-weight: 700; color: var(--color-dark);} .not-found__products{grid-template-columns: repeat(4, minmax(0, 1fr));} @media (max-width: 1200px){.not-found__products{grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (max-width: 900px){.not-found__hero{grid-template-columns: 1fr; gap: 24px; padding: 32px 24px; text-align: center;} .not-found__code{justify-content: center; font-size: 112px;} .not-found__brick{width: 100px; height: 50px;} .not-found__brick::before{inset: 14px 12px 20px; background-size: 25px 16px; background-image: radial-gradient(circle, var(--color-white) 0 5px, transparent 6px);} .not-found__text, .not-found__search{margin-left: auto; margin-right: auto;} .not-found__actions{justify-content: center;} .not-found__products{grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 480px){.not-found{padding: 24px 0 48px;} .not-found__hero{padding: 28px 16px;} .not-found__code{font-size: 84px; gap: 6px;} .not-found__brick{width: 76px; height: 38px;} .not-found__brick::before{inset: 10px 8px 15px; background-size: 20px 12px; background-image: radial-gradient(circle, var(--color-white) 0 4px, transparent 5px);} .not-found__title{font-size: 26px; line-height: 32px;} .not-found__search{flex-direction: column;} .not-found__actions .btn{flex: 1 1 100%;} .not-found__subtitle{margin-top: 40px; font-size: 22px; line-height: 28px;}}.not-found__ghost{color: var(--color-dark); background: transparent; box-shadow: inset 0 0 0 1px var(--color-accent);} .not-found__ghost:hover{color: var(--color-white);} .not-found__submit{height: 52px; padding: 0 28px;}