:root{--color-primary: #abbee6;--color-primary-light: #bbcae7;--color-accent: #67cfd6;--color-dark: #1a2b3c;--color-dark-mid: #24274a;--color-text: #333333;--color-white: #ffffff;--color-black: #000000;--color-border: rgba(84, 84, 84, .662);--gradient-header: linear-gradient(90deg, var(--color-primary) 28%, var(--color-primary-light) 69%);--shadow-header: 0px 19px 21px 0px rgba(0, 0, 0, .14);--shadow-stock: 1px 1px 5px rgb(0 0 0 / 70%);--font-base: "Pathway Extreme", sans-serif;--font-display: "Allura", cursive;--spacing-xs: 10px;--spacing-sm: 20px;--spacing-md: 30px;--spacing-lg: 50px;--spacing-xl: 70px;--spacing-xxl: 119px;--radius-sm: 12px;--radius-md: 20px;--radius-lg: 50px;--transition-fast: .25s;--transition-base: .3s;--transition-slow: .4s}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;border:0}a{cursor:pointer;text-decoration:none;color:inherit}ul,ol,li{list-style:none}img{vertical-align:top}h1,h2,h3,h4,h5,h6{font-weight:inherit;font-size:inherit}html,body{line-height:1;counter-reset:section}button,input{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit}button{cursor:pointer;background-color:inherit}.container{max-width:1400px;width:100%;margin:0 auto;padding:0 50px}.title{font-size:clamp(32px,5vw,60px);font-weight:800}.title--md{font-size:clamp(22px,3.5vw,40px)}.text{font-family:var(--font-base);font-size:clamp(15px,2vw,20px);line-height:1.4;color:var(--color-text)}.link--underline{position:relative}.link--underline:before{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--color-white);transition:transform var(--transition-slow);transform:scaleX(0)}.link--underline:hover:before{transform:scaleX(1)}.header{position:sticky;top:0;z-index:10;min-height:80px;background:var(--gradient-header);box-shadow:var(--shadow-header)}.header__container{display:flex;min-height:inherit}.header__address{padding:var(--spacing-xs) 0}.header__address-list{display:flex;align-items:center;justify-content:flex-end;column-gap:50px;height:100%;padding-bottom:3px}.header__address-item{display:flex;align-items:center;font-size:clamp(17px,2vw,23px)}.contacts__icon{width:30px;height:30px;margin-right:15px}.nav__list{column-gap:60px;font-family:var(--font-base);font-size:clamp(18px,2vw,24px)}.nav__item{position:relative}.logo{width:80px}.footer__logo{border-radius:100%;background:var(--color-white)}.brand{display:flex;align-items:center;gap:25px;margin-bottom:80px}.brand__title{font-family:var(--font-display);font-size:clamp(40px,5vw,60px);font-weight:400;font-style:normal;color:var(--color-dark)}.about{display:flex;padding:var(--spacing-xxl) 0}.about__container{display:flex;column-gap:100px;margin:0 auto}.about__content{display:flex;flex-direction:column;row-gap:var(--spacing-sm);max-width:600px;width:100%;margin:auto;padding-bottom:50px;color:var(--color-black)}.principles{display:flex;flex-direction:column;gap:12px}.principles__item{position:relative;padding-left:35px;font-family:var(--font-base);font-size:clamp(16px,2vw,20px);color:var(--color-text)}.principles__item:before{content:"";position:absolute;top:50%;left:0;width:10px;height:20px;border:solid var(--color-accent);border-width:0 3px 3px 0;border-radius:2px;transform:translateY(-50%) rotate(45deg)}.slider{position:relative;max-width:700px;width:100%;overflow:hidden;border-radius:var(--radius-md);aspect-ratio:16 / 9}.slider__img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%}.slider .swiper-slide{position:relative;overflow:hidden}.slider .swiper-slide:after{content:"";position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;pointer-events:none;box-shadow:inset 20px 0 30px -15px #000c,inset -20px 0 30px -15px #000c}.services__header{margin-bottom:var(--spacing-xl);text-align:center}.services__title{position:relative;display:block;width:max-content;margin:0 auto var(--spacing-sm);font-size:clamp(28px,4vw,48px)}.services__title:before{content:"";position:absolute;bottom:-10px;left:calc(50% - 125px);width:250px;height:2px;background:var(--color-black)}.services__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,350px),1fr));align-items:stretch;gap:var(--spacing-md);margin:0 auto 80px;padding:0}.card{position:relative;display:flex;align-items:center;justify-content:center;min-height:250px;height:100%;border:1px solid #474747a8;border-radius:var(--radius-sm);box-shadow:0 0 13px #0000007f;background:var(--color-white);color:var(--color-dark);transition:background var(--transition-base) ease,color var(--transition-base) ease}.card__front{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;padding:var(--spacing-sm);opacity:1;font-size:clamp(20px,2vw,32px);text-align:center;transition:opacity var(--transition-base) ease}.card__front svg{display:block;width:60px;height:60px;margin:0 auto;color:#000;transition:color var(--transition-base)}.card:hover .card__front svg{color:red}.card__back{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);overflow-y:auto;opacity:0;font-size:clamp(15px,2vw,17px);line-height:20px;text-align:left;transition:opacity var(--transition-base) ease}.card__back li+li{margin-top:5px}.card:after{content:"Дізнатись ціну";position:absolute;right:10px;bottom:10px;opacity:1;font-size:clamp(13px,1.2vw,15px);transition:opacity var(--transition-base) ease}.card.card--flipped{background:var(--color-white);color:var(--color-black)}.card.card--flipped .card__front,.card.card--flipped:after{opacity:0}.card.card--flipped .card__back{opacity:1}@media(hover:hover){.card:hover{background:var(--color-white);color:var(--color-black)}.card:hover .card__front,.card:hover:after{opacity:0}.card:hover .card__back{opacity:1}.card:hover .card__front img{filter:brightness(0) invert(1)}}.promo{position:relative;padding:var(--spacing-lg) 15px}.promo__stock{display:flex;flex-direction:column;row-gap:var(--spacing-sm);max-width:1000px;width:100%;margin:0 auto var(--spacing-xl);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-lg);background:#1a2b3c57;color:var(--color-white);text-align:center;text-shadow:var(--shadow-stock)}.promo__stock .text{color:var(--color-white)}.callback__wrapper{scroll-margin-top:500px;padding-bottom:var(--spacing-xl)}.callback__header{margin-bottom:var(--spacing-lg);text-align:center}.callback__title{position:relative;display:block;width:max-content;margin:0 auto var(--spacing-sm);font-size:clamp(28px,4vw,48px);font-weight:800;color:var(--color-white);text-shadow:var(--shadow-stock)}.callback__header .text{color:var(--color-white);text-shadow:var(--shadow-stock)}.callback__form{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:500px;margin:0 auto}.callback__input{padding:14px 20px;border:1px solid rgba(255,255,255,.4);border-radius:var(--radius-sm);background:#1a2b3c57;outline:none;font-family:var(--font-base);font-size:clamp(15px,1.2vw,17px);color:var(--color-white);transition:border var(--transition-base),background var(--transition-base)}.callback__input::placeholder{color:#ffffffb3}.callback__input:focus{border:1px solid var(--color-white);background:#1a2b3c80}.callback__input--reason{min-height:120px;resize:vertical}.callback__btn{display:flex;align-items:center;gap:8px;width:fit-content;max-width:100%;margin:0 auto;padding:16px clamp(16px,5vw,50px);border-radius:var(--radius-lg);background:var(--color-white);cursor:pointer;font-family:var(--font-base);font-size:clamp(14px,3.5vw,20px);font-weight:700;white-space:nowrap;color:var(--color-dark);transition:background var(--transition-base),color var(--transition-base)}.callback__btn:hover{background:var(--color-dark);color:var(--color-white)}.bg{position:absolute;z-index:-1;inset:0;animation:spaceJam 120s linear infinite alternate}.bg--background{background:linear-gradient(90deg,var(--color-primary) 0%,var(--color-primary-light) 50%,var(--color-primary) 100%);background-size:500px 600px;animation-duration:30s}.bg--midground{background:url(/img/midground.png);animation-duration:40s}.bg--foreground{background:url(/img/foreground.png);animation-duration:50s}@keyframes spaceJam{to{background-position:500px -600px}}.reviews{padding:var(--spacing-xl) 0;background:#f5f8ff}.reviews__header{margin-bottom:var(--spacing-lg);text-align:center}.reviews__title{position:relative;display:block;width:max-content;margin:0 auto var(--spacing-sm);font-size:clamp(28px,4vw,48px)}.reviews__title:before{content:"";position:absolute;bottom:-10px;left:calc(50% - 125px);width:250px;height:2px;background:var(--color-black)}.reviews__elfsight-cover{position:relative;z-index:5;margin-top:-50px;height:50px;background:#f5f8ffc7}.footer{padding:var(--spacing-lg) 0;background:var(--gradient-header)}.contacts{display:flex;justify-content:space-between;align-items:center}.contacts__list{display:flex;flex-direction:column;row-gap:var(--spacing-xs)}.contacts__item{display:flex;font-size:clamp(18px,2vw,25px)}.contacts__map{max-width:700px;width:100%;height:350px;border:1px solid var(--color-border)}.toast{position:fixed;bottom:30px;left:50%;z-index:100;padding:14px 28px;border-radius:var(--radius-sm);background:var(--color-dark);pointer-events:none;font-family:var(--font-base);font-size:clamp(14px,1.5vw,17px);white-space:nowrap;color:var(--color-white);opacity:0;transition:opacity var(--transition-base),transform var(--transition-base);transform:translate(-50%) translateY(20px)}.toast.show{opacity:1;transform:translate(-50%) translateY(0)}.nav__item--info{display:none}@media(max-width:1000px){.nav__item--info{display:block}.nav__item--info span,.nav__item--info .nav__link{font-size:24px;font-weight:400;color:#ffffffbf}#hamburger_menu__toggle{opacity:0}.menu-toggler{position:fixed;top:0;right:30px;z-index:1;display:flex;align-items:center;width:26px;height:50px;cursor:pointer}.menu-toggler__line,.menu-toggler__line:before,.menu-toggler__line:after{position:absolute;display:block;width:100%;height:2px;background:var(--color-text);transition:var(--transition-fast)}.menu-toggler__line:before{content:"";top:-8px}.menu-toggler__line:after{content:"";top:8px}.nav{position:fixed;top:0;right:-100%;z-index:0;width:250px;height:100%;margin:0;padding:70px 0;visibility:hidden;background:var(--gradient-header);box-shadow:-10px 1px 19px #00000036;text-align:center;transition:right var(--transition-fast),visibility var(--transition-fast)}.nav__link{display:block;padding:16px 24px;background:transparent;font-family:Lato,sans-serif;font-size:24px;font-weight:500;line-height:24px;color:var(--color-white);transition:background var(--transition-fast),color var(--transition-fast)}.nav__link:hover{background:var(--color-white);color:var(--color-dark)}#hamburger_menu__toggle:checked~.menu-toggler .menu-toggler__line{transform:rotate(45deg)}#hamburger_menu__toggle:checked~.menu-toggler .menu-toggler__line:before{top:0;transform:rotate(0)}#hamburger_menu__toggle:checked~.menu-toggler .menu-toggler__line:after{top:0;transform:rotate(90deg)}#hamburger_menu__toggle:checked~.nav{visibility:visible;right:0}}@media(max-width:1200px){.about{padding:var(--spacing-lg) 0}.about__container{flex-direction:column}.about__content{align-items:flex-start;text-align:left}}@media(max-width:1000px){.header,.header--shrink{min-height:50px}.header__address{display:none}.about{padding:var(--spacing-lg) 0}.about__container{flex-direction:column}.services__grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}}@media(max-width:700px){.contacts{flex-direction:column;row-gap:var(--spacing-md)}.slider{min-height:300px}}@media(max-width:400px){.card{min-height:320px}}@media(min-width:1001px){#hamburger_menu__toggle,.menu-toggler{display:none}.nav{display:flex;align-items:center;margin-left:auto}.nav__list{display:flex;justify-content:center}.nav__item:before{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:3px;background:var(--color-white);transition:transform var(--transition-slow);transform:scaleX(0)}.nav__item:hover:before{transform:scaleX(1)}.card:after{display:none}}