main.css

@charset "UTF-8";:root{--color-primary:#8b4726;--color-primary-light:#a5542d;--color-primary-dark:#7d3f22;--color-background-primary:#ffe4b5;--color-container-1:#914800;--color-container-2:#b4814f;--color-container-3:#d6bb9f;--color-container-4:#f9f4f0;--color-brown-red:#501408;--color-border-menu:#793706;--color-menu-bg:#ece5c9;--color-hover-menu:#c4572f;--color-cards-bg:#ece5c9;--color-cards-1-light:#7ed56f;--color-cards-1-dark:#28b485;--color-cards-2-light:#ffb900;--color-cards-2-dark:#ff7730;--color-cards-3-light:#2998ff;--color-cards-3-dark:#5643fa;--color-nav-phone:#222;--color-h2:#222;--size-photo-container-width:71.9rem;--size-photo-item-padding:2rem;--size-photo-gap:2rem;--size-photo-item-width:calc((var(--size-photo-container-width) - var(--size-photo-item-padding))/2);--size-photo-item-height:calc(var(--size-photo-item-width)*3/4);--size-photo-container-min-height:calc(var(--size-photo-item-height)*2 + var(--size-photo-gap)*3.2);--size-photo-item-width-for-gallery:33rem;--size-photo-item-height-for-gallery:calc(var(--size-photo-item-width-for-gallery)*3/4);--size-photo-container-min-height-for-gallery:calc(var(--size-photo-item-height-for-gallery)*2 + var(--size-photo-gap)*3);--size-photo-item-width-for-below768:49vw;--size-photo-item-height-for-below768:calc(var(--size-photo-item-width-for-below768)*3/4);--size-photo-container-min-height-for-below768:calc(var(--size-photo-item-height-for-below768)*2 + var(--size-photo-gap)*3);--zindex-nav-link:10;--zindex-header:2500;--zindex-separator:var(--zindex-header);--zindex-nav-phone-bg:1000;--zindex-nav-phone-button:2000;--zindex-nav-phone-menu:1500}@-webkit-keyframes animatePriceBackground{0%{background-position-x:0}40%{background-position-x:0}50%{background-position-x:100%}90%{background-position-x:100%}to{background-position-x:0}}@keyframes animatePriceBackground{0%{background-position-x:0}40%{background-position-x:0}50%{background-position-x:100%}90%{background-position-x:100%}to{background-position-x:0}}@-webkit-keyframes animateHeaderBackground{0%{background-position-x:0}20%{background-position-x:0}25%{background-position-x:33.33333%}45%{background-position-x:33.33333%}50%{background-position-x:66.66667%}70%{background-position-x:66.66667%}75%{background-position-x:100%}95%{background-position-x:100%}to{background-position-x:133.33333%}}@keyframes animateHeaderBackground{0%{background-position-x:0}20%{background-position-x:0}25%{background-position-x:33.33333%}45%{background-position-x:33.33333%}50%{background-position-x:66.66667%}70%{background-position-x:66.66667%}75%{background-position-x:100%}95%{background-position-x:100%}to{background-position-x:133.33333%}}@-webkit-keyframes animateLogo{0%{transform:rotateY(0)}40%{transform:rotateY(0)}50%{transform:rotateY(180deg)}90%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@keyframes animateLogo{0%{transform:rotateY(0)}40%{transform:rotateY(0)}50%{transform:rotateY(180deg)}90%{transform:rotateY(180deg)}to{transform:rotateY(0)}}@-webkit-keyframes animateMenu{0%{transform:rotateY(180deg)}40%{transform:rotateY(180deg)}50%{transform:rotateY(1turn)}90%{transform:rotateY(1turn)}to{transform:rotateY(180deg)}}@keyframes animateMenu{0%{transform:rotateY(180deg)}40%{transform:rotateY(180deg)}50%{transform:rotateY(1turn)}90%{transform:rotateY(1turn)}to{transform:rotateY(180deg)}}@-webkit-keyframes animateHeaderPhone{0%{transform:rotate(0);box-shadow:0 0 0 0 hsla(0,0%,100%,.3)}45%{transform:rotate(0);box-shadow:0 0 0 0 hsla(0,0%,100%,.3)}50%{transform:rotate(30deg);box-shadow:0 0 0 2rem hsla(0,0%,100%,.3)}60%{transform:rotate(-30deg);box-shadow:0 0 0 2rem hsla(0,0%,100%,.3)}65%{transform:rotate(0);box-shadow:0 0 0 0 hsla(0,0%,100%,.3)}to{transform:rotate(0);box-shadow:0 0 0 0 hsla(0,0%,100%,.3)}}@keyframes animateHeaderPhone{0%{transform:rotate(0);box-shadow:0 0 0 0 hsla(0,0%,100%,.3)}45%{transform:rotate(0);box-shadow:0 0 0 0 hsla(0,0%,100%,.3)}50%{transform:rotate(30deg);box-shadow:0 0 0 2rem hsla(0,0%,100%,.3)}60%{transform:rotate(-30deg);box-shadow:0 0 0 2rem hsla(0,0%,100%,.3)}65%{transform:rotate(0);box-shadow:0 0 0 0 hsla(0,0%,100%,.3)}to{transform:rotate(0);box-shadow:0 0 0 0 hsla(0,0%,100%,.3)}}@-webkit-keyframes animateGalleryArrow{0%{margin-right:0}35%{margin-right:0}42.5%{margin-right:3.5rem}50%{margin-right:0}57.5%{margin-right:3.5rem}65%{margin-right:0}to{margin-right:0}}@keyframes animateGalleryArrow{0%{margin-right:0}35%{margin-right:0}42.5%{margin-right:3.5rem}50%{margin-right:0}57.5%{margin-right:3.5rem}65%{margin-right:0}to{margin-right:0}}@-webkit-keyframes animateLangLink{0%{box-shadow:0 0 .3rem #000}to{box-shadow:0 0 2rem #000}}@keyframes animateLangLink{0%{box-shadow:0 0 .3rem #000}to{box-shadow:0 0 2rem #000}}*,:after,:before{margin:0;padding:0;box-sizing:inherit}html{font-size:62.5%}@media (max-width:56.25em){html{font-size:56.25%}}@media (max-width:48em){html{font-size:50%}}body{font-family:Verdana,sans-serif;font-size:1.6rem;font-weight:400;line-height:1.6rem;color:#000;box-sizing:border-box;background-color:var(--color-background-primary);background-size:cover;background-repeat:no-repeat}@-webkit-keyframes someAnimation{0%{opacity:0;transform:translateX(-10rem)}80%{transform:translateX(1rem)}to{opacity:1;transform:translate(0)}}@keyframes someAnimation{0%{opacity:0;transform:translateX(-10rem)}80%{transform:translateX(1rem)}to{opacity:1;transform:translate(0)}}body:before{content:"";position:fixed;top:-10px;left:0;width:100%;height:10px;box-shadow:0 0 10px rgba(0,0,0,.8);z-index:100}.margin-top-50{margin-top:5rem}.container{max-width:100rem;margin:1rem auto;border-radius:.5rem;box-shadow:0 0 0 .2rem var(--color-container-1),0 0 0 .4rem var(--color-container-2),0 0 0 .6rem var(--color-container-3),0 0 0 .8rem var(--color-container-4),0 0 1rem #000;overflow:hidden}@media (max-width:62.5em){.container{box-shadow:none;margin:0 auto}}.header{display:flex;flex-wrap:nowrap;align-items:center;line-height:normal;justify-content:space-between;position:relative;z-index:var(--zindex-header);background-color:var(--color-background-primary)}.header__logo{min-width:10rem;perspective:22rem;position:relative}.header__logo svg{width:10rem;height:auto}.header__text-box{display:inline-block;text-align:center}.header__phone-box{min-width:20rem;color:var(--color-primary);font-size:2.9rem;text-align:center;display:flex;justify-content:space-evenly;flex-wrap:wrap}.header__phone-box .phone-full{padding:0 1rem;white-space:nowrap}@media (max-width:31.5em){.header__phone-box .phone-full{display:none}}.header__phone-box .phone-min{display:none;width:6rem;border:.4rem solid var(--color-primary);border-radius:50%;padding:1.1rem;line-height:0;-webkit-animation:animateHeaderPhone 5s linear infinite;animation:animateHeaderPhone 5s linear infinite}.header__phone-box .phone-min svg path{fill:var(--color-primary)}@media (max-width:31.5em){.header__phone-box .phone-min{display:inline-block}}@media (max-width:41.25em){.header__phone-box{flex-basis:35%}}@media (max-width:31.5em){.header__phone-box{flex-basis:auto;min-width:8rem}}.header svg{display:inline-block}.header svg path{stroke:var(--color-primary);stroke-width:25;fill:transparent}.logo__side{transition:all .8s;top:0;left:0;line-height:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.logo__side--front{-webkit-animation:animateLogo 5s linear infinite;animation:animateLogo 5s linear infinite}@media (min-width:48em){.logo__side--front{-webkit-animation:none;animation:none}}.logo__side--back{transform:rotateY(180deg);position:absolute;height:100%;top:2.5rem;left:2.5rem;-webkit-animation:animateMenu 5s linear infinite;animation:animateMenu 5s linear infinite}@media (min-width:48em){.logo__side--back{-webkit-animation:none;animation:none}}.logo__side--back,.logo__side--back:after,.logo__side--back:before{width:5rem;height:2px;background-color:var(--color-primary);display:inline-block}.logo__side--back:after,.logo__side--back:before{content:"";position:absolute;left:0}.logo__side--back:before{top:-1rem}.logo__side--back:after{top:1rem;line-height:3rem;content:"МЕНЮ"}.heading-primary{font-family:arial,sans-serif;font-weight:700;font-size:3.5rem;font-style:italic;color:var(--color-primary);text-shadow:2px 2px 2px #000;height:100%;display:block}@media (max-width:47.9em){.header__logo:hover .logo__side--front{-webkit-animation:none;animation:none;transform:rotateY(180deg)}.header__logo:hover .logo__side--back{-webkit-animation:none;animation:none;transform:rotateY(1turn)}}.webp .carousel__photos div{background-image:url(images/gallery.webp)!important}@media (max-width:31.5em){.webp .carousel__photos{background-image:url(images/gallery-phone.webp)!important}}.carousel{position:relative}.carousel__photos{display:flex;flex-wrap:wrap;justify-content:space-around;background-image:linear-gradient(to top right,var(--color-background-primary) 0,var(--color-primary-dark));background-size:10px 10px}.carousel__photos div{width:220px;height:173px;background-image:url(images/gallery.jpg)}.carousel__photos--2{background-position-x:220px}.carousel__photos--3{background-position-x:440px}@media (max-width:41.25em){.carousel__photos--3{display:none}}.carousel__photos--4{background-position-x:660px}@media (max-width:62.5em){.carousel__photos--4{display:none}}@media (max-width:31.5em){.carousel__photos{width:100%;padding-top:75%;background-image:url(images/gallery-phone.jpg);background-size:400% 100%;-webkit-animation:animateHeaderBackground 15s linear infinite;animation:animateHeaderBackground 15s linear infinite}.carousel__photos div{display:none}}.separator{width:100%;height:1rem;background-image:linear-gradient(180deg,var(--color-brown-red) 0,var(--color-background-primary) 30%,var(--color-brown-red))}.separator:first-child{position:relative;z-index:var(--zindex-separator)}.animated-stairs{display:inline-block;width:95%;margin:5rem 0 0 .5rem}.contacts__icon a:link,.contacts__icon a:visited,.contacts__number a:link,.contacts__number a:visited,.header a:link,.header a:visited{display:block;text-decoration:none;color:currentColor;white-space:nowrap}.contacts__icon--phone svg{width:10rem;height:10rem}.contacts__icon--viber svg{width:6rem;height:6rem;border-radius:5rem;fill:#665cac;background-color:var(--color-background-primary)}.contacts__icon--email svg,.contacts__icon--telegram svg{width:6rem;height:6rem;border-radius:5rem;fill:#08c;background-color:var(--color-background-primary)}.map{margin:0 auto;width:100%;height:50rem;border:none}.footer p{line-height:normal;padding:0;margin:0;text-indent:0}address{font-style:normal;text-indent:0}.price__description .landing{font-size:1.4rem}@media (max-width:62.5em){.gallery__photo-page-1:after{content:"";position:absolute;top:calc(50% - var(--size-photo-gap));right:4.5rem;padding:2rem;border:solid #444;border-width:2rem 2rem 0 0;transform:rotate(45deg);opacity:.7;-webkit-animation:animateGalleryArrow 2.5s linear infinite;animation:animateGalleryArrow 2.5s linear infinite}}@media (max-width:31.5em){.gallery__photo-page-1:after{top:calc(50% - var(--size-photo-gap))}}.lang-big,.lang-mobile{margin:1rem 0 0;text-align:center}.lang-big a,.lang-big a:link,.lang-big a:visited,.lang-big span,.lang-mobile a,.lang-mobile a:link,.lang-mobile a:visited,.lang-mobile span{display:inline-block;margin-right:.5rem;width:3.5rem;height:3.5rem;border-radius:50%;overflow:hidden;box-shadow:0 0 .2rem #000;transition:opacity .2s}.lang-big a,.lang-mobile a{opacity:.65}.lang-big a:hover,.lang-mobile a:hover{opacity:1}.lang-big svg,.lang-mobile svg{height:100%;width:100%}.lang-mobile{display:none;margin:.3rem;position:absolute;top:2rem;right:1rem}@media (max-width:47.9em){.lang-mobile{display:initial}}h2{font-size:2.5rem;color:var(--color-h2);font-style:italic;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;text-decoration:underline;padding:1rem 0;text-shadow:#000 1px 1px 1px;line-height:normal}h2,h3{text-align:center}h3{font-size:1.8rem;font-weight:700;margin:1.5rem 0}p{font-size:1.6rem;font-family:Trebuchet MS,Arial,Helvetica,sans-serif;text-indent:2rem;text-align:justify;margin-bottom:1rem;line-height:2.4rem}.webp .content{background-image:url(images/wood.webp)!important}.content{display:flex;background-image:url(images/wood.jpg);overflow:hidden;max-height:85rem}@media (max-width:62.5em){.content{max-height:85rem}}@media (max-width:56.25em){.content{max-height:84rem}}@media (max-width:47.9em){.content{max-height:none}}.main{display:block;overflow:hidden}@media (max-width:47.9em){.main{overflow:auto}}.main>section{min-height:95rem;position:relative}@media (max-width:47.9em){.main>section{min-height:auto;margin-bottom:5rem}}@media (max-width:47.9em){.side{display:none}}.nav{width:17rem;padding:.5rem 0;margin-top:2rem;margin-left:-.2rem;border:.3rem solid var(--color-border-menu);border-left:none;border-radius:0 2rem 2rem 0;box-shadow:2px 0 1px 0 var(--color-border-menu),2px 2px 1px 0 var(--color-border-menu),2px -2px 1px 0 var(--color-border-menu),inset -3px 0 5px 0 #000,inset -3px -3px 5px 0 #000,inset -3px 3px 5px 0 #000;background-color:var(--color-menu-bg);overflow:hidden}.nav__list{list-style:none}.nav__item{position:relative;margin:.2rem 0}.nav__item:first-of-type,.nav__item:first-of-type:before,.nav__item:first-of-type a{border-top-right-radius:1rem}.nav__item:last-of-type,.nav__item:last-of-type:before,.nav__item:last-of-type a{border-bottom-right-radius:1rem}.nav__item:before{content:"";position:absolute;top:0;left:0;height:100%;width:.5rem;background-color:var(--color-hover-menu);transform:scaleY(0);transition:transform .2s,width .4s cubic-bezier(1,0,0,1) .2s,box-shadow .1s .5s}.nav__item:hover:before{transform:scaleY(1);width:100%;box-shadow:inset -8px 0 3px -3px #000}.nav__link:link,.nav__link:visited{font-size:1.6rem;color:#333;text-decoration:none;text-transform:uppercase;display:block;padding:1.5rem;position:relative;z-index:var(--zindex-nav-link)}.nav input{position:absolute;left:-999rem}.nav input,.nav input:checked{visibility:hidden}.nav input:checked+.nav__item{margin-left:.1rem;background-color:var(--color-hover-menu);box-shadow:inset -8px 0 3px -3px #000}.nav-phone{display:none}@media (max-width:47.9em){.nav-phone{display:initial}}.nav-phone__checkbox{display:none}.nav-phone__button{background-color:#fff;height:6.8rem;width:6.8rem;position:fixed;top:.5rem;left:1.7rem;border-radius:50%;z-index:var(--zindex-nav-phone-button);text-align:center;box-shadow:0 1rem 3rem rgba(0,0,0,.5);cursor:pointer}.nav-phone__background{height:6rem;width:6rem;border-radius:50%;position:fixed;top:.9rem;left:2.1rem;background-image:radial-gradient(var(--color-primary-light),var(--color-primary-dark));z-index:var(--zindex-nav-phone-bg);transition:transform .3s}.nav-phone__menu{height:0;position:fixed;top:0;left:0;z-index:var(--zindex-nav-phone-menu);opacity:0;width:0;transition:all .3s}.nav-phone__list{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);list-style:none;text-align:center}.nav-phone__item{margin:4rem}.nav-phone__link{font-size:3rem;font-weight:300;color:#eee;text-decoration:none;text-transform:uppercase}.nav-phone__checkbox:checked~.nav-phone__background{transform:scale(80)}.nav-phone__checkbox:checked~.nav-phone__menu{opacity:1;height:100vh;width:100%}.nav-phone__icon{position:relative;margin-top:3.5rem}.nav-phone__icon,.nav-phone__icon:after,.nav-phone__icon:before{width:3rem;height:2px;background-color:var(--color-nav-phone);display:inline-block}.nav-phone__icon:after,.nav-phone__icon:before{content:"";position:absolute;left:0;transition:all .2s}.nav-phone__icon:before{top:-1rem}.nav-phone__icon:after{top:1rem}.nav-phone__checkbox:checked+.nav-phone__button .nav-phone__icon{background-color:transparent}.nav-phone__checkbox:checked+.nav-phone__button .nav-phone__icon:before{top:0;transform:rotate(135deg)}.nav-phone__checkbox:checked+.nav-phone__button .nav-phone__icon:after{top:0;transform:rotate(-135deg)}.webp .about__photos img,.webp .delivery__photos img,.webp .stages__photos img{background-image:url(images/gallery-right.webp)!important}.webp .price__picture{background-image:url(images/price.webp)!important}.about,.delivery,.stages{display:flex}.about__text,.delivery__text,.stages__text{flex:1;width:93%;padding:0 2rem}.about__photos,.delivery__photos,.stages__photos{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;margin-top:3rem;margin-right:-.2rem;width:26rem;height:58rem;background-color:var(--color-background-primary);border:3px solid var(--color-border-menu);border-radius:2rem 0 0 2rem;border-right:none;box-shadow:-2px 0 1px 0 var(--color-border-menu),-2px -2px 1px 0 var(--color-border-menu),-2px 2px 1px 0 var(--color-border-menu),inset 3px 0 5px 0 #000,inset 3px 3px 5px 0 #000,inset 3px -3px 5px 0 #000}@media (max-width:41.25em){.about__photos,.delivery__photos,.stages__photos{display:none}}.about__photos img,.delivery__photos img,.stages__photos img{display:block;width:22rem;height:16.5rem;box-shadow:1px 1px 3px #000;border-radius:.5rem;background-image:url(images/gallery-right.jpg)}.about__photos-2,.delivery__photos-2,.stages__photos-2{background-position-y:-165px}.about__photos-3,.delivery__photos-3,.stages__photos-3{background-position-y:-330px}.balusters,.gallery{box-sizing:content-box}.balusters__pages,.gallery__pages{text-align:center;overflow:hidden;width:var(--size-photo-container-width);margin:0 auto}@media (max-width:51em) and (min-width:48.1em){.balusters__pages,.gallery__pages{width:68rem}}@media (max-width:47.9em){.balusters__pages,.gallery__pages{width:100vw}}.balusters__container,.gallery__container{display:flex;overflow-x:auto;overflow-y:hidden;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;min-height:var(--size-photo-container-min-height)}@media (max-width:51em) and (min-width:48.1em){.balusters__container,.gallery__container{min-height:var(--size-photo-container-min-height-for-gallery)}}@media (max-width:47.9em){.balusters__container,.gallery__container{min-height:var(--size-photo-container-min-height-for-below768)}}@media (max-width:31.5em){.balusters__container,.gallery__container{min-height:calc(300vw + var(--size-photo-gap)*5)}}.balusters__container::-webkit-scrollbar,.gallery__container::-webkit-scrollbar{width:1.5rem;height:1.5rem}.balusters__container::-webkit-scrollbar-thumb,.gallery__container::-webkit-scrollbar-thumb{background:rgba(0,0,0,.7);border-radius:1rem}.balusters__container::-webkit-scrollbar-track,.gallery__container::-webkit-scrollbar-track{background:transparent}.balusters__photo-page,.gallery__photo-page{scroll-snap-align:start;display:grid;grid-template-columns:repeat(2,var(--size-photo-item-width));grid-template-rows:repeat(2,var(--size-photo-item-height));grid-gap:var(--size-photo-gap) var(--size-photo-gap);padding-right:var(--size-photo-item-padding);padding-top:2rem;position:relative}@media (max-width:51em) and (min-width:48.1em){.balusters__photo-page,.gallery__photo-page{grid-template-columns:repeat(2,var(--size-photo-item-width-for-gallery));grid-template-rows:repeat(2,var(--size-photo-item-height-for-gallery))}}@media (max-width:47.9em){.balusters__photo-page,.gallery__photo-page{grid-template-columns:repeat(2,var(--size-photo-item-width-for-below768));grid-template-rows:repeat(2,var(--size-photo-item-height-for-below768))}}@media (max-width:31.5em){.balusters__photo-page,.gallery__photo-page{grid-template-columns:100%;grid-template-rows:repeat(4,75vw)}}.balusters__photo-page:last-child,.gallery__photo-page:last-child{padding-right:0}.balusters__photo-page figure,.gallery__photo-page figure{width:100%;height:100%}@media (max-width:31.5em){.balusters__photo-page figure,.gallery__photo-page figure{width:100vw}}.balusters__photo-page figure:hover img,.gallery__photo-page figure:hover img{position:absolute;top:0;left:0;margin-top:10%;margin-left:10%;width:80%;height:80%;border-radius:1rem;box-shadow:0 0 1rem #000}@media (max-width:31.5em){.balusters__photo-page figure:hover img,.gallery__photo-page figure:hover img{position:static;top:auto;left:auto;margin-top:auto;margin-left:auto;width:100vw;height:auto;border-radius:initial;box-shadow:none}}.balusters__photo,.gallery__photo{width:100%;line-height:0;transition:all .5s}@media (max-width:62.5em){.balusters__navigation,.gallery__navigation{display:none}}.balusters__navigation-item,.balusters__navigation-list,.gallery__navigation-item,.gallery__navigation-list{display:inline-block}.balusters__navigation-button,.gallery__navigation-button{display:inline-block;width:1.5rem;height:1.5rem;background-color:#333;background-clip:content-box;border:.25rem solid transparent;border-radius:50%;font-size:0;transition:transform .1s}.balusters p,.gallery p,.price{width:93%;margin:0 auto}.price__cards{display:flex;flex-wrap:wrap}.price__content{width:30%;min-width:21rem;display:flex;flex-direction:column;margin:0 auto .8rem;background-color:var(--color-cards-bg);border-radius:.3rem;box-shadow:0 .2rem 1rem #000;overflow:hidden}@media (max-width:31.5em){.price__content{margin-bottom:2rem}}@media (max-width:22.5em){.price__content{width:70%}}.price__picture{background-image:url(images/price.jpg);background-size:200% 300%;padding-top:100%;-webkit-animation:animatePriceBackground 10s linear infinite;animation:animatePriceBackground 10s linear infinite;-webkit-clip-path:polygon(0 0,100% 0,100% 95%,0 100%);clip-path:polygon(0 0,100% 0,100% 95%,0 100%)}.price__description,.price__picture{width:100%;position:relative}.price__description ul{list-style:none;width:94%;margin:1rem auto 0}@media (max-width:22.5em){.price__description ul{width:75%}}.price__description ul li{text-align:center;font-size:1.5rem;padding:1rem}.price__description ul li:not(:last-child){border-bottom:1px solid grey}.price__l .price__picture{background-position-y:50%}.price__u .price__picture{background-position-y:100%}.price__value{color:green;position:absolute;top:0;text-align:center;width:100%;margin-top:1rem;margin-left:0;font-weight:700;font-size:2.5rem;text-shadow:1px 1px 2px #3dcd58,0 0 1em #fff,0 0 .2em #fff}.price__3d{display:block;position:absolute;bottom:0;left:0;width:6rem;border:none}.price__3d svg{width:100%;height:100%}.price h3{position:absolute;width:55%;min-width:13.5rem;top:-5rem;right:0;font-size:1.7rem;background-image:linear-gradient(to right bottom,var(--color-cards-1-light),var(--color-cards-1-dark));text-transform:uppercase;line-height:2rem;color:#eee;padding:.5rem}@media (max-width:22.5em){.price h3{width:45%}}.balusters__container{overflow:hidden}.contacts{width:93%;margin:0 auto}.contacts__phone-social{display:flex;flex-wrap:wrap;justify-content:center;gap:4rem}.contacts__phone-social>div{min-width:45%;display:flex}@media (max-width:31.5em){.contacts__phone-social>div{min-width:25rem}}@media (max-width:22.5em){.contacts__phone-social{justify-content:start}}.contacts__icon,.contacts__phone,.contacts__telegram,.contacts__viber{display:flex;align-items:center}.contacts__icon{justify-content:center;width:10rem;height:10rem}.contacts__number{align-self:stretch;display:flex;flex-direction:column;justify-content:space-evenly;font-size:2rem;font-weight:700}.contacts p{text-align:center}