h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}img{display:block;max-width:100%;height:auto}body{display:flex;flex-direction:column;min-width:100vw;min-height:100vh;margin:0}button{cursor:pointer}html{scroll-behavior:smooth}.container{margin:0 auto}@media only screen and (min-width: 768px){.container{max-width:704px}}@media only screen and (min-width: 1440px){.container{max-width:1312px}}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden}body:has(.menu.is-open) .header{transform:translateY(-100%)}.header-nav,.header-address{display:none}.header{background-color:#75d281;position:fixed;top:0;left:0;width:100%;z-index:100;transition:transform .25s ease}.header-container{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 8px 20px}.header-logo-svg{fill:#030a06}.btn-burger{width:48px;height:48px;display:block;background:transparent;border:none;fill:#030a06}.menu{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#75d281;opacity:0;visibility:hidden;pointer-events:none;z-index:200;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.menu.is-open{opacity:1;visibility:visible;pointer-events:auto}.menu-container{display:flex;flex-direction:column}.menu-header{padding:8px 12px 8px 20px;display:flex;justify-content:space-between;align-items:center}.btn-menu-close{border:none;width:48px;height:48px;background-color:transparent}.menu-nav{padding:32px 20px;margin-bottom:32px}.menu-list{display:flex;flex-direction:column;gap:32px}.menu-link{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06;font-style:normal}.menu-address{padding:32px 16px 0}.menu-list-address{display:flex;flex-direction:column;gap:16px}@media screen and (min-width: 768px){.header-container,.menu-header{padding:8px 16px 8px 32px}.menu-nav{padding:32px;margin-bottom:0}.menu-address{padding:32px 32px 0}}@media screen and (min-width: 1440px){.header-container{padding:12.3px 64px}.header-logo-svg{width:106px;height:45px}.header-list{display:flex;align-items:center;gap:32px;cursor:pointer}.header-nav{display:block}.header-address{display:flex}.btn-burger{display:none}.header-item,.header-item-address{position:relative}.header-link,.header-tel-email{display:inline-block;position:relative;padding-bottom:5px;color:#030a06;font-weight:400;font-size:16px;line-height:1.6;text-decoration:none;font-style:normal;transition:color .25s cubic-bezier(.4,0,.2,1)}.header-link:after,.header-tel-email:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background-color:#030a06;transition:width .25s cubic-bezier(.4,0,.2,1)}.header-link:hover:after,.header-link:focus:after,.header-tel-email:hover:after,.header-tel-email:focus:after{width:100%}.header-link:active,.header-tel-email:active{color:#3ac04c}.header-item:active .header-link:after,.header-tel-email:active:after{background-color:#3ac04c}.header-list-address{display:flex;gap:16px}}.hero{padding-top:128px;padding-bottom:64px;background-color:#ebf8ed}.hero .container{max-width:288px}.hero-wrapper{display:flex;flex-direction:column;margin-bottom:24px}.hero-text{font-family:Comfortaa,sans-serif;font-weight:700;font-size:40px;line-height:1.2;letter-spacing:.01em;color:#030a06;margin-bottom:20px}.hero-wrapper-text{display:flex;flex-direction:column;gap:24px}.hero-desription{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06}.hero-link{display:inline-flex;align-items:center;justify-content:center;border:1px solid #030a06;border-radius:6px;width:288px;height:50px;background-color:#030a06;font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#fff}.hero-img{border-radius:40px;margin-top:24px;object-fit:cover}@media screen and (min-width: 768px){.hero{padding-top:96px}.hero-text{margin-bottom:0}.dot{display:none}.hero-wrapper{flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.hero-wrapper-text{gap:32px}.hero-desription{font-size:18px}.hero-link{width:148px;height:50px}.hero-img{margin-top:20px;width:704px;height:267px}.hero .container{max-width:704px}}@media screen and (min-width: 1440px){.hero{padding-top:104px}.hero .container{max-width:1312px}.hero-wrapper{height:201px}.hero-text{font-size:56px;max-width:640px}.hero-img{width:1312px;height:498px}.hero-link:hover,.hero-link:focus{background-color:#030a06;opacity:.5;color:#fff}.hero-link:active{background-color:#113916;opacity:.6}}.about{background-image:linear-gradient(#0006,#0006),url(/system-eight-team-project/assets/about-mobile@1x-CIJzUBJD.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;padding:64px 16px}@media (min-resolution: 192dpi){.about{background-image:linear-gradient(#0006,#0006),url(/system-eight-team-project/assets/about-mobile@2x-BuhMDy1J.jpg)}}.about-all{max-width:288px;margin:0 auto}.about-text-one{font-family:Fira Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.5;text-align:center;color:#fff;margin-bottom:12px}.about-text-two{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;text-align:center;color:#fff;margin-bottom:20px}.about-description{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;text-align:center;color:#fff}@media screen and (min-width: 768px){.about{background-image:linear-gradient(#0006,#0006),url(/system-eight-team-project/assets/about-tablet@1x-BmZkQTp0.jpg);padding:80px 32px}.about-all{max-width:768px}.about-text-one{margin-bottom:16px}.about-text-two{margin-bottom:24px}.about-description{font-size:18px;max-width:573px}}@media screen and (min-width: 768px) and (min-resolution: 192dpi){.about{background-image:linear-gradient(#0006,#0006),url(/system-eight-team-project/assets/about-tablet@2x-BfGmfiBt.jpg)}}@media screen and (min-width: 1440px){.about{background-image:linear-gradient(#0006,#0006),url(/system-eight-team-project/assets/about-tablet@1x-BmZkQTp0.jpg);padding:112px 64px;border:1px solid #000}.about-text-two{font-size:56px;max-width:629px}.about-description{margin:0 auto}}@media screen and (min-width: 1440px) and (min-resolution: 192dpi){.about{background-image:linear-gradient(#0006,#0006),url(/system-eight-team-project/assets/about-desktop@2x-DPS2Wv5G.jpg)}}.advantages{background-color:#ebf8ed;padding:32px 16px}.advantages-container{display:flex;flex-direction:column;max-width:288px}.advantages-block-text{margin-bottom:48px}.advantages-subtitle{margin-bottom:12px;font-family:Fira Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.5;color:#030a06}.advantages-title{margin-bottom:20px;font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;color:#030a06}.advantages-text{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06}.advantages-list{display:flex;flex-direction:column;gap:48px}.advantages-item{max-width:288px}.advantages-picture{margin-bottom:8px;border-radius:32px}.advantages-item-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:24px;line-height:1.4;letter-spacing:.01em;color:#030a06;margin-bottom:24px}.advantages-item-text{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06}@media screen and (min-width: 768px){.advantages{padding:64px 32px}.advantages-container{max-width:704px}.advantages-subtitle{margin-bottom:16px}.advantages-block-text{margin-bottom:32px;max-width:768px}.advantages-title{margin-bottom:24px}.advantages-text{max-width:100%}.advantages-list{flex-direction:row;flex-wrap:wrap;gap:24px 24px;justify-content:center;align-items:stretch}.advantages-picture{flex-shrink:0;margin-bottom:32px}.advantages-item{max-width:340px;display:flex;flex-direction:column;height:100%}.advantages-list{justify-content:center}.advantages-accent{max-width:unset}.advantages-item-title{font-size:24px;margin-bottom:8px}.advantages-list .advantages-item:nth-child(2) .advantages-item-title{height:68px}}@media screen and (min-width: 1440px){.advantages-block-text{margin-left:unset}.advantages-container{max-width:1312px}.advantages{padding:64px}.advantages-title{font-size:48px}.advantages-list{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;gap:unset}.advantages-item-title{max-width:unset;font-size:32px;height:90px;margin-bottom:24px}.advantages-item-text{max-width:unset}.advantages-block-text{margin-bottom:80px}.advantages-item{max-width:421px;flex-direction:row;flex-wrap:wrap;width:calc((100% - 48px) / 3)}.advantages-block-text,.advantages-text{max-width:768px}.advantages-list .advantages-item:nth-child(2) .advantages-item-title{height:unset}}.assortment{background-color:#ebf8ed;padding:32px 16px}.assortment-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;margin-bottom:32px;line-height:120%;letter-spacing:.01em;text-align:center;color:#030a06}.img-desktop{display:block;border-radius:32px;width:288px;margin-bottom:16px}.img-desktop-last{margin-bottom:16px;border-radius:32px}.assortment-button{border:1px solid #030a06;border-radius:6px;padding:8px 20px;width:288px;height:40px;font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:160%;color:#030a06;background-color:transparent}.assortment-card-bag{width:288px;min-width:200px}.assortment-card-text{font-family:Fira Sans,sans-serif;font-weight:400;font-size:14px;line-height:160%;text-align:center;color:#030a06;margin-bottom:8px;max-width:288px}.assortment-card-text-extra{font-family:Fira Sans,sans-serif;font-weight:400;font-size:14px;line-height:160%;text-align:center;color:#030a06;margin-bottom:8px;max-width:240px}.assortment-card-title{font-family:Fira Sans,sans-serif;font-weight:600;font-size:18px;line-height:160%;text-align:center;color:#030a06}.assortment-price{font-family:Fira Sans,sans-serif;font-weight:600;font-size:20px;line-height:160%;text-align:center;color:#030a06}.assortment-goods-bag{display:flex;flex-wrap:wrap;gap:40px;align-items:center;justify-content:center}.text{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-bottom:16px}@media screen and (min-width: 768px){.img-desktop-last{width:340px;margin-bottom:16px;border-radius:32px}.assortment{padding:64px 32px}.assortment-goods-bag{display:flex;flex-wrap:wrap;gap:48px 24px;list-style:none}.assortment-price-extra{margin-bottom:22px}.assortment-card-bag{text-align:center;width:calc((100% - 24px)/2)}.assortment-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:48px;line-height:120%;letter-spacing:.01em;text-align:center;color:#030a06;margin-bottom:32px}.assortment-button{border:1px solid #030a06;border-radius:6px;padding:8px 20px;width:340px;height:40px;font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:160%;color:#030a06}.assortment-button:hover,.assortment-button:focus{background-color:#d7f2db;border:1px solid #030a06;transition:.3s}.img-desktop{border-radius:32px;width:340px;display:block}.assortment-card-text{max-width:340px}}@media screen and (min-width: 1440px){.img-desktop-last{margin-bottom:27px;border-radius:32px}data{font-family:Fira Sans,sans-serif;font-weight:600;font-size:20px;line-height:160%;text-align:center;color:#030a06}.assortment{padding:64px;background-color:#ebf8ed}.assortment-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:48px;line-height:120%;letter-spacing:.01em;text-align:center;color:#030a06;margin-bottom:32px}.assortment-goods-bag{display:flex;flex-wrap:wrap;gap:64px 24px;list-style:none}.assortment-card-bag{text-align:center;width:calc((100% - 72px)/4)}.assortment-card-urban{max-width:280px}.assortment-card-title{font-family:Fira Sans,sans-serif;font-weight:600;line-height:160%;text-align:center;color:#030a06}.img-desktop{border-radius:32px;display:block}.assortment-button{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;border:1px solid #030a06;border-radius:6px;padding:8px 20px;max-width:310px;height:40px;line-height:160%;color:#030a06}.assortment-button:hover,.assortment-button:focus{background-color:#d7f2db;border:1px solid #030a06;transition:.3s}.assortment-div-text{margin-bottom:27px}}.gallery{background-color:#ebf8ed;padding:32px 16px}.gallery-htwo{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;text-align:center;color:#030a06}.gallery-p{font-family:Fira Sans,sans-serif;font-weight:400;font-size:18px;line-height:1.6;text-align:center;color:#030a06}.gallery-text{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.gallery .container{max-width:320px}.gallery-grid{display:grid;gap:16px;grid-template-columns:1fr}.gallery-img-first img,.gallery-img-second img,.gallery-img-third img,.gallery-img-fourth img{border-radius:32px;width:288px;height:288px}@media screen and (min-width: 768px){.gallery{padding:64px 32px}.gallery .container{max-width:768px}.gallery-img-second img,.gallery-img-third img{width:340px;height:700px}.gallery-img-first img,.gallery-img-fourth img{width:340px;height:340px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-areas:"a c" "b c" "b d";gap:24px 26px}.gallery-img-first{grid-area:a}.gallery-img-second{grid-area:b}.gallery-img-third{grid-area:c}.gallery-img-fourth{grid-area:d}}@media screen and (min-width: 1440px){.gallery{padding:64px}.gallery-htwo{font-size:48px}.gallery .container{max-width:1312px}.gallery-img-first img,.gallery-img-second img{width:421px;height:421px}.gallery-img-third img,.gallery-img-fourth img{width:421px;height:865px}.gallery-grid{grid-template-columns:1fr 1fr 1fr;grid-template-areas:"a c d" "b c d";gap:24px}.gallery-img-first{grid-area:a}.gallery-img-second{grid-area:b}.gallery-img-third{grid-area:c}.gallery-img-fourth{grid-area:d}}.feedbacks{padding:32px 16px;background-color:#ebf8ed}.reviews-title{font-family:Comfortaa,Bold;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;text-align:center;color:#030a06;margin-bottom:32px}.reviews-list{list-style:none;padding:0;margin:0 auto;display:grid;grid-template-columns:1fr;gap:40px;max-width:1300px}.star{margin-bottom:24px}.star-icon{width:20px;height:20px;fill:#3ac04c}.review-author{font-family:Fira Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.6;color:#030a06}.review-text{font-family:Comfortaa,Bold;font-weight:700;font-size:20px;line-height:1.4;letter-spacing:.01em;color:#030a06;margin-bottom:12px}.review-author-sergyi,.review-author-olena{font-family:Fira Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.6;color:#030a06}@media screen and (min-width: 768px){.feedbacks{padding:64px 32px}.reviews-list{grid-template-columns:repeat(2,1fr)}.review-text{font-size:20px;min-width:340px;margin-bottom:24px}.review-author{font-size:16px}.reviews-title{font-size:36px}}@media screen and (min-width: 1440px){.feedbacks{padding:64px}.reviews-list{display:flex;gap:24px;align-items:first baseline;grid-template-columns:none}.review-text{font-size:20px;margin-bottom:24px;min-width:300px;max-width:310px}.review-author{font-size:16px}.reviews-title{width:560px;font-size:48px;margin:0 auto 80px}.review-author-sergyi,.review-author-olena{margin-top:52px;font-family:Fira Sans,sans-serif;font-weight:600;font-size:16px;line-height:1.6;color:#030a06}}.support{background-color:#ebf8ed;padding:32px 16px}.support .container{max-width:288px}.form-wrapper{margin-bottom:24px}.form-title{font-family:Comfortaa,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:.01em;color:#030a06;max-width:288px;margin-bottom:24px}.form-text{font-family:Fira Sans,sans-serif;font-weight:400;font-size:18px;line-height:1.6;color:#030a06;margin-bottom:32px}.form-field-wrapper{margin-bottom:24px;max-width:288px;padding:0}.label-field{display:block;margin-bottom:8px;font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06}.text-field,.comment-textarea{display:block;width:100%;box-sizing:border-box;border:1px solid rgba(3,10,6,.15);border-radius:6px;outline:none;color:#030a06}.text-field{padding:8px 0 8px 12px}.comment-textarea{padding:12px 0 12px 12px;height:180px;font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06}.form-btn{border:1px solid #030a06;border-radius:6px;width:288px;height:50px;background-color:#030a06;font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#fff}.form-btn:active{background-color:#113916;border-color:#113916;opacity:.6}.form .text-field:not(:placeholder-shown):invalid,.form .comment-textarea:not(:placeholder-shown):invalid{border-color:#d64040}.form .text-field:not(:placeholder-shown):valid,.form .comment-textarea:not(:placeholder-shown):valid{border-color:#3ac04c}.text-valid,.text-invalid{display:none;position:absolute}.form .text-field:not(:placeholder-shown):valid~.text-valid,.form .comment-textarea:valid:not(:placeholder-shown)~.text-valid{display:block}.form .text-field:not(:placeholder-shown):invalid~.text-invalid,.form .comment-textarea:invalid:not(:placeholder-shown)~.text-invalid{display:block}.form-img{display:block;width:100%;height:428px;min-height:288px;background-image:url(/system-eight-team-project/assets/support-mobile@1x-CwwYyiZW.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;border-radius:40px;margin:0}@media (min-resolution: 192dpi){.form-img{background-image:url(/system-eight-team-project/assets/support-mobile@2x-DWxd20Nr.jpg)}}@media only screen and (min-width: 768px){.support{padding:64px 32px}.support .container{max-width:704px;display:block;margin:0 auto;width:100%}.form-text,.form-field-wrapper,.form-btn,.form-img,.form{max-width:100%}.form-title{max-width:468px}.form-img{width:704px;background-image:url(/system-eight-team-project/assets/support-tablet@1x-D5wp3dFj.jpg)}.form-btn{width:249px}}@media only screen and (min-width: 768px) and (min-resolution: 192dpi){.form-img{background-image:url(/system-eight-team-project/assets/support-tablet@2x-rmMZoAYI.jpg)}}@media only screen and (min-width: 1440px){.support{padding:64px}.support .container{max-width:1312px;width:100%}.support-wrapper{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.form-wrapper{width:644px}.form{width:100%}.form-title{font-size:48px;line-height:1.2;max-width:644px}.form-img{width:644px;height:auto;align-self:stretch;background-image:url(/system-eight-team-project/assets/support-desktop@1x-D5GcZrk_.jpg)}.form-btn{width:198px;margin-bottom:78px}.form-btn:hover,.form-btn:focus{background-color:#030a06;border-color:#030a06;opacity:.5;outline:none}}@media only screen and (min-width: 1440px) and (min-resolution: 192dpi){.form-img{background-image:url(/system-eight-team-project/assets/support-desktop@2x-HGtXThQT.jpg)}}.footer{background-color:#75d281;padding:48px 20px;width:100%}.footer-title{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.footer-nav-container{display:flex;flex-direction:column;gap:48px;justify-content:center;align-items:center;margin-bottom:48px}.footer-logo-icon{width:280px;height:121px}.footer-logo-link{display:inline-block}.footer-nav-list{display:flex;flex-direction:column;gap:32px;justify-content:center;align-items:center}.footer-list-link{font-family:Fira Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.6;color:#030a06}.footer-social-list{display:flex;gap:12px;justify-content:center;align-items:center}.footer-social-link{display:inline-block;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)}.footer-social-link:hover .social-icon-footer,.footer-social-link:focus .social-icon-footer{transform:scale(1.2);opacity:.8}.footer-social-link:hover,.footer-social-link:focus{cursor:pointer}.social-icon-footer{width:32px;height:32px}.footer-border-line{border-bottom:1px solid rgba(3,10,6,.15);margin-bottom:24px}.contacts{font-style:normal;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px}.footer-contacts-list{font-family:Fira Sans,sans-serif;display:flex;flex-direction:column;gap:16px}.copyright-paragraph{font-family:Fira Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.6;color:#030a06}@media screen and (min-width: 768px){.footer{padding:64px 0}.footer-nav-container{gap:32px;margin-bottom:24px}.footer-nav-list{flex-direction:row}.footer-contacts-list{flex-direction:row;gap:32px}.footer-border-line{margin-bottom:16px}.contacts{gap:16px}.footer-logo-icon{width:164px;height:70px}.social-icon-footer{width:40px;height:40px}}@media screen and (min-width: 1440px){.footer{padding:80px 0}.footer-nav-container{flex-direction:row;justify-content:space-between;margin-bottom:52px}.social-icon-footer{width:24px;height:24px}.footer-list-item{border-bottom:1px solid transparent;height:26px;transition:border-color .5s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.footer-list-link{transition:border-color .5s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.footer-list-item:hover,.footer-list-item:focus{border-bottom-color:#030a06}.footer-list-item:active{border-bottom-color:#3ac04c}.footer-list-item:active .footer-list-link,.footer-list-link:active{color:#3ac04c;border-bottom-color:#3ac04c}.footer-contacts-item{border-bottom:1px solid transparent;height:26px;transition:border-color .5s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.footer-contacts-link{transition:border-color .5s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.footer-contacts-item:hover,.footer-contacts-item:focus{border-bottom-color:#030a06}.footer-contacts-item:active{border-bottom-color:#3ac04c}.footer-contacts-item:active .footer-contacts-link,.footer-contacts-link:active{color:#3ac04c;border-bottom-color:#3ac04c}}
