h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}.header{position:fixed;top:0;z-index:999;width:100%;background-color:var(--color-white);border-bottom:1px solid var(--color-white);box-shadow:0 2px 1px #2e2f4214,0 1px 1px #2e2f4229,0 1px 6px #2e2f4214}.header-box{left:calc((100vw - 100%)/2);right:calc((100vw - 100%)/2);display:flex;max-height:50px}@media screen and (min-width: 375px){.header-box{display:flex}}@media screen and (min-width: 768px){.header-box{display:flex}}@media screen and (min-width: 1280px){.header-box{display:flex}}.header-nav{display:flex;align-items:center;margin-right:auto}@media screen and (min-width: 375px){.header-nav{display:flex;align-items:center;gap:unset;margin-right:auto}}@media screen and (min-width: 768px){.header-nav{display:flex;align-items:center;gap:94px;margin-right:auto}}@media screen and (min-width: 1280px){.header-nav{display:flex;align-items:center;gap:322px;margin-right:auto}}.header-modal-nav{display:flex;align-items:center;justify-content:center}.header-nav-link{padding:10px 0;border-bottom:2px solid transparent;border-top:2px solid transparent}.header-nav-link:hover,.header-nav-link:focus{animation-name:rainbow1;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite;border-radius:5px}@keyframes rainbow1{10%{border-bottom-color:#f33838;border-top-color:#f33838}20%{border-bottom-color:orange;border-top-color:orange}30%{border-bottom-color:#ff0;border-top-color:#ff0}40%{border-bottom-color:#8ff10ef5;border-top-color:#8ff10ef5}50%{border-bottom-color:#39a11f;border-top-color:#39a11f}60%{border-bottom-color:#3b77d1;border-top-color:#3b77d1}70%{border-bottom-color:#3333fd;border-top-color:#3333fd}80%{border-bottom-color:#7c07b3;border-top-color:#7c07b3}90%{border-bottom-color:#ff00d4;border-top-color:#ff00d4}to{border-bottom-color:#e04444;border-top-color:#e04444}}.header-nav-list{display:none}@media screen and (min-width: 375px){.header-nav-list{display:none}}@media screen and (min-width: 768px){.header-nav-list{font-family:DM Sans;font-weight:400;font-size:14px;line-height:1.28;letter-spacing:-.04em;color:#ae1332;display:flex;align-items:center;gap:16px}}@media screen and (min-width: 1280px){.header-nav-list{font-family:DM Sans;font-weight:400;font-size:14px;line-height:1.28;letter-spacing:-.04em;color:#ae1332;display:flex;align-items:center;gap:20px}}.page-logo-link{display:flex;align-items:center;gap:8px;padding:16px 0}@media screen and (min-width: 375px){.page-logo-link{display:flex;align-items:center;gap:8px}}@media screen and (min-width: 768px){.page-logo-link{display:flex;align-items:center;gap:8px}}@media screen and (min-width: 1280px){.page-logo-link{display:flex;align-items:center;gap:8px}}.page-logo-icon-box{display:flex;justify-content:center;align-items:center;width:16px;height:16px}.page-logo-icon{fill:#ae1332}.page-name{font-family:DM Sans;font-style:normal;font-weight:700;font-size:14px;line-height:1.28;color:#ae1332;text-transform:uppercase;text-align:center}.basket-icon-link:hover,.basket-icon-link:focus{transform:scale(1.2,1.1)}.basket-icon-link{display:none}@media screen and (min-width: 375px){.basket-icon-link{display:none}}@media screen and (min-width: 768px){.basket-icon-link{display:flex;align-items:center;justify-content:center;padding:0;width:24px;height:24px;background-image:url(/project1-html-css/assets/basket-logo-icon-8733a0d5.svg);transition:transform .5s cubic-bezier(.2,0,.2,1)}}@media screen and (min-width: 1280px){.basket-icon-link{background-image:url(/project1-html-css/assets/basket-logo-icon-8733a0d5.svg);transition:transform .5s cubic-bezier(.2,0,.2,1)}}.basket-icon{fill:#ae1332}.nav-link:hover,.nav-link:focus{color:#747bff}.basket-icon:hover,.basket-icon:focus{animation-name:rainbow;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes rainbow{10%{fill:#f33838}20%{fill:orange}30%{fill:#ff0}40%{fill:#8ff10ef5}50%{fill:#39a11f}60%{fill:#3b77d1}70%{fill:#3333fd}80%{fill:#7c07b3}90%{fill:#ff00d4}to{fill:#e04444}}.menu-toggle.is-open{display:none}.header-nav.is-open{padding:6px 0}.close-mobile-menu.is-open{display:flex;width:30px;height:24px;align-items:center;justify-content:center;margin:0;padding:0;background-color:transparent;cursor:pointer;border:none;border-radius:50%;outline:none;transition:color .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1)}.close-mobile-menu{display:none;right:calc(100vw - 100%);width:24px;height:24px;background-color:transparent;border:1px solid var(--topic-button-border);cursor:pointer;transition:color .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width: 375px){.menu-toggle{min-height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;background-color:transparent;cursor:pointer;border:none;border-radius:50%;outline:none;transition:background-color .25s cubic-bezier(.4,0,.2,1)}}@media screen and (min-width: 1280px){.menu-toggle{display:none}}.menu-toggle{min-height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;margin:0;padding:0;background-color:transparent;cursor:pointer;border:none;border-radius:50%;outline:none;transition:background-color .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width: 320px){.menu-toggle{min-height:calc(40px / 1.34);min-width:calc(40px / 1.34);display:flex;align-items:center;justify-content:center;margin:0;padding:0;background-color:transparent;cursor:pointer;border:none;border-radius:50%;outline:none;transition:background-color .25s cubic-bezier(.4,0,.2,1)}}@media screen and (min-width: 768px){.menu-toggle{display:none}}@media screen and (max-width: 374px){.menu-container{padding:calc(80px / 1.34) calc(35px / 1.34) calc(40px / 1.34) calc(40px / 1.34)}}.menu-container{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;padding:0;background-color:var(--color-white);z-index:999;transform:translate(100%);transition:transform .25s ease-in-out}.menu-container.is-open{position:fixed;top:50px;transform:translate(0);display:unset}.mobile-header-box{padding:16px 0}.mobile-lower-nav{height:100vh;padding-top:174px;background-color:var(--color-red)}.menu-container-icon:hover,.menu-container-icon:focus{transform:rotate(360deg)}.menu-container-icon{transition:transform .5s cubic-bezier(.2,0,.2,1)}.mobile-nav-list{display:flex;flex-direction:column;gap:16px;width:100%;font-family:DM Sans;font-weight:400;font-size:14px;line-height:1.28;letter-spacing:-.04em;color:var(--color-white)}.mobile-nav-link{border-left:2px solid transparent;border-right:2px solid transparent;padding:0 10px}.mobile-nav-link:hover,.mobile-nav-link:focus,.basket-nav-link:hover,.basket-nav-link:focus{animation-name:rainbow1;animation-duration:5s;animation-timing-function:linear;animation-iteration-count:infinite;border-left:2px solid transparent;border-right:2px solid transparent;border-radius:5px}@keyframes rainbow1{10%{border-color:#f33838}20%{border-color:orange}30%{border-color:#ff0}40%{border-color:#8ff10ef5}50%{border-color:#39a11f}60%{border-color:#3b77d1}70%{border-color:#3333fd}80%{border-color:#7c07b3}90%{border-color:#ff00d4}to{border-color:#e04444}}.mobile-nav-link{display:flex;justify-content:center;align-items:center;min-width:78px;border:none}.mobile-nav-item{display:flex;justify-content:center;align-items:center}.basket-nav-link{box-sizing:content-box;width:24px;height:24px;justify-content:center;align-items:center;background-image:url(/project1-html-css/assets/basket-white-logo-icon-21edab52.svg);background-repeat:no-repeat;background-position:center;padding:0 10px;border-left:2px solid transparent;border-right:2px solid transparent}.cont-hero{position:relative;padding-top:56px;padding-bottom:80px;background-repeat:no-repeat;background-position:center;background-size:355px;margin-left:auto;margin-right:auto;background-image:url(/project1-html-css/assets/mobgirl@1x-94c21002.webp);background-position-y:50px}@media (max-width: 767px){@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.cont-hero{background-image:url(/project1-html-css/assets/mobgirl@2x-779f86c5.webp)}}}.hero-text-h1{font-family:DM Sans;font-size:28px;font-weight:500;line-height:1;letter-spacing:-.04em;text-align:center;color:var(--color-white);text-transform:uppercase;text-shadow:0px 4px 70px rgba(0,0,0,.1);margin-right:auto;margin-left:auto;margin-bottom:386px}.hero-button{display:block;font-family:DM Sans;width:80px;height:80px;border-radius:50%;border:none;margin-right:auto;margin-left:auto;font-size:20px;line-height:1;font-weight:500;letter-spacing:-.04em;text-align:center;color:var(--color-red);background-color:var(--color-white);text-shadow:0px 4px 70px rgba(0,0,0,.1);text-transform:uppercase;margin-bottom:44px;transform:rotate(345deg);transition:color .25s cubic-bezier(.4,0,.2,1)}.hero-button:focus,.hero-button:hover{color:var(--color-green)}.hero-text{font-family:DM Sans;font-weight:400;font-size:14px;line-height:1.29;letter-spacing:-.04em;color:var(--color-white);width:279px;height:90px;text-shadow:0px 4px 70px rgba(0,0,0,.1);margin:0}.fruit-first-card{width:249px;height:387px;background-color:var(--color-green);border-radius:500px;margin:44px auto}.fruit-second-card{width:249px;height:387px;background-color:var(--color-yellow);border-radius:500px;margin:0 auto}.fruit-header-first{font-family:DM Sans;font-weight:400;font-size:12px;line-height:1.16;letter-spacing:-.04em;text-align:center;color:var(--color-white);padding-top:28px;padding-bottom:61px;text-shadow:0px 4px 70px rgba(0,0,0,.1)}.fruit-header-second{font-family:DM Sans;font-weight:400;font-size:12px;line-height:1.16;letter-spacing:-.04em;text-align:center;color:var(--color-white);padding-top:28px;padding-bottom:19px;text-shadow:0px 4px 70px rgba(0,0,0,.1)}.fruit-text{font-family:DM Sans;font-weight:500;font-size:12px;line-height:1.16;letter-spacing:-.04em;text-align:center;text-transform:uppercase;color:var(--color-white);width:155px;height:70px;margin-bottom:40px;margin-left:auto;margin-right:auto;text-shadow:0px 4px 70px rgba(0,0,0,.1)}.hero-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:44px}.border-first{width:125px;height:38px;border-radius:19px;border:1px solid var(--color-white)}.border-second{width:132px;height:38px;border-radius:19px;border:1px solid var(--color-white)}.border-third{width:125px;height:38px;border-radius:19px;border:1px solid var(--color-white)}.border-four{width:132px;height:38px;border-radius:19px;border:1px solid var(--color-white)}.hero-list-item-h{width:auto;height:auto}.hero-list-item{font-family:DM Sans;font-weight:500;font-size:12px;line-height:1.16;letter-spacing:-.04em;text-align:center;text-transform:uppercase;color:var(--color-white);text-shadow:0px 4px 70px rgba(0,0,0,.1);padding-top:12px;padding-bottom:12px}@media only screen and (min-width: 768px){.cont-hero{width:100%;padding-top:64px;padding-bottom:137px;background-repeat:no-repeat;background-position:center;background-size:704px;margin-left:auto;margin-right:auto;background-image:url(/project1-html-css/assets/tabletgirl@1x-d87b1439.webp);background-position-y:45px}.hero-text-h1{width:704px;height:168px;font-size:50px;line-height:1.1;margin-bottom:513px}.fruit-first-card,.hero-list{margin-bottom:0}.hero-button{width:114px;height:114px;border-radius:50%;font-size:28px;line-height:1}.hero-text{text-align:start}.border-second{width:133px}.border-third{width:115px}.border-four{width:110px}.sorting{margin-left:auto;margin-right:auto;display:flex;gap:144px}.second-group{display:flex;flex-direction:column-reverse}.fruit-first-card{margin-left:30px}.fruit-second-card{margin:0 0 44px}.hero-list{display:flex;justify-content:end}@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.cont-hero{background-image:url(/project1-html-css/assets/tabletgirl@2x-629bdd15.webp)}}}@media only screen and (min-width: 1280px){.cont-hero{width:100%;padding-top:64px;padding-bottom:150px;background-repeat:no-repeat;background-position:center;background-size:844px;margin-left:auto;margin-right:auto;background-image:url(/project1-html-css/assets/desctopgirl@1x-6d37a0da.webp);background-position-y:30px}.hero-text-h1{font-size:64px;line-height:1;width:898px;height:198px;text-align:center;margin-bottom:483px}.hero-text{width:221px;height:108px}.sorting{margin-left:auto;margin-right:auto;display:flex;justify-content:space-between;gap:568px;z-index:100;top:336px}.first-group{position:absolute;left:62px;top:408px;z-index:101}.second-group{position:absolute;right:62px;top:336px;z-index:100}.fruit-first-card{margin-left:0;margin-bottom:0}.fruit-second-card{margin-bottom:44px}.hero-list{width:266px;display:flex;flex-wrap:wrap;gap:8px 8px}.hero-button{margin-bottom:0}.cont-hero{padding-bottom:238px}@media (min-device-pixel-ratio: 2),(min-resolution: 192dpi),(min-resolution: 2dppx){.cont-hero{background-image:url(/project1-html-css/assets/desctopgirl@1x-6d37a0da.webp)}}}.order-button{display:block;margin-left:auto;margin-right:auto;width:114px;height:114px;border-radius:50%;background-color:var(--color-green);border:none;transition:background-color .25s cubic-bezier(.4,0,.2,1);-webkit-animation:heartbeat 5s steps(5,start) 2s infinite;animation:heartbeat 5s steps(5,start) 2s infinite}.order-button:hover,.order-button:focus{background-color:var(--color-white)}.order-btn-txt{position:absolute;top:45px;left:36px;font-family:DM Sans;font-style:normal;font-weight:500;font-size:18px;line-height:1.2;letter-spacing:-.04em;color:var(--color-white);transform:rotate(-14deg)}.icon-arrow{position:absolute;bottom:39px;left:18px;align-items:center;fill:var(--color-white);margin-right:4px}.order-button:hover .order-btn-txt,.order-button:focus .order-btn-txt{color:var(--color-green)}.order-button:hover .icon-arrow,.order-button:focus .icon-arrow{fill:var(--color-green)}.backdrop{position:fixed;z-index:1000;height:100%;width:100%;top:0;left:0;padding:20px;background-color:#00000080;opacity:1;transition:opacity .3s cubic-bezier(.4,0,.2,1);overflow-y:scroll}.backdrop.is-hidden{opacity:0;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.order-modal{position:absolute;top:50px;left:50%;width:392px;max-width:95%;min-height:584px;padding:20px;background-color:var(--color-white);border-radius:20px;transform:translate(-50%);transition:transform .55s cubic-bezier(.04,0,.2,1)}.modal-open{overflow:hidden}.order-container{margin-top:44px}.order-form{width:100%}.order-text{display:inline-block;margin-right:auto;margin-bottom:40px;color:var(--color-red);font-family:DM Sans,sans-serif;font-style:normal;font-weight:500;font-size:28px;line-height:1;text-shadow:0px 4px 70px rgba(0,0,0,.1)}.order-btn-close{position:absolute;right:20px;width:28px;height:28px;padding:0;border:none;background-color:var(--color-white)}.icon-modal{position:absolute;top:0px;left:0px;justify-content:center;align-items:center}.order-item{position:relative;margin-bottom:12px;height:119px;width:calc((100% - 104px * (var(--fruits-in-line) - 1)) / var(--fruits-in-line));.order-product{display: block; width: 100%; height: 100%;} height: 119px;border-radius:20px}.text-order{position:absolute;top:20px;left:20px;pointer-events:none}.order-item:nth-child(1){background-color:#f8766b}.order-item:nth-child(2){background-color:#edd251}.order-item:nth-child(3){background-color:#9dc262}.order-name-basket{display:block;margin-bottom:2px;font-style:normal;font-weight:700;font-size:18px;line-height:1.3;letter-spacing:-.04em;color:var(--color-white);font-family:DM Sans}.order-description{display:block;font-style:normal;font-weight:400;font-size:14px;line-height:1.2;letter-spacing:-.02em;color:var(--color-white);font-family:DM Sans}.order-input-check{position:absolute;-webkit-appearance:none;appearance:none}.order-check{position:absolute;top:14px;right:14px;width:16px;height:16px;border-color:#fff;border-radius:4px;outline:1px solid var(--color-white)}.order-input-check:checked+.order-check{background-image:url(/project1-html-css/assets/pick-4cc66efb.svg);background-size:6px;background-repeat:no-repeat;background-position:center}.order-check{background-color:transparent}.order-img-basket{position:absolute;bottom:8px;right:32px}.order-item:nth-child(1) .order-img-basket{width:88px}.order-item:nth-child(2) .order-img-basket{width:106px}.order-item:nth-child(3) .order-img-basket{width:107px}.order-baskets{display:block;margin-bottom:40px}.order-info-input{height:46px;width:calc((100% - 40px * (var(--fruits-in-line) - 1)) / var(--fruits-in-line));margin-bottom:14px;padding:14px 24px;border-radius:100px;border:1px solid var(--color-black);opacity:.5;background-color:var(--color-white)}.order-info-input:invalid:not(:placeholder-shown){outline:1px solid red;border-color:red}.order-info-input:valid:not(:placeholder-shown){outline:1px solid green;border-color:green}textarea:not(:placeholder-shown){outline:1px solid green;border-color:green}.order-textarea{width:calc((100% - 40px * (var(--fruits-in-line) - 1)) / var(--fruits-in-line));min-height:132px;border-radius:20px;border:1px solid var(--color-black);opacity:.5;padding:14px 24px;margin-bottom:20px;resize:none}.order-submit{width:100px;height:42px;border-radius:100px;border:none;background-color:var(--color-green)}.img-girl-banana{display:none}.order-btn-text{color:var(--color-white);font-family:DM Sans;font-style:normal;font-weight:400;font-size:14px;line-height:1.2;letter-spacing:-.04em}.send{position:absolute;top:50px;left:50%;transform:translate(-50%);padding:20px 20px 40px;width:335px;max-width:95%;background-color:#e03f5e;border-radius:20px;z-index:99}.send-btn-close{display:block;margin-left:auto;background-color:#e03f5e;border:none}.send-img{width:207px;margin-left:auto;margin-right:auto;margin-bottom:20px}.send-header{display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-family:DM Sans;font-style:normal;font-weight:500;font-size:28px;line-height:1;letter-spacing:-.04em;text-transform:uppercase;color:var(--color-white)}.send-text{display:flex;align-items:center;text-align:center;font-family:DM Sans;font-style:normal;font-weight:400;font-size:14px;line-height:1.2;letter-spacing:-.04em;color:var(--color-white)}.is-hidden{position:absolute;width:1px;height:1px;margin:-1px;border:0;padding:0;clip:rect(0 0 0 0);overflow:hidden;font-weight:500;font-size:20px;line-height:1.2;letter-spacing:.02em}@-webkit-keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@keyframes heartbeat{0%{-webkit-transform:scale(1);transform:scale(1);-webkit-transform-origin:center center;transform-origin:center center;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}10%{-webkit-transform:scale(.91);transform:scale(.91);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}17%{-webkit-transform:scale(.98);transform:scale(.98);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}33%{-webkit-transform:scale(.87);transform:scale(.87);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}45%{-webkit-transform:scale(1);transform:scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}}@media screen and (min-width: 768px){.order-modal{width:704px;padding:40px;background-image:url(/project1-html-css/assets/girl-banana@1px-a674205c.webp);background-repeat:no-repeat;background-position:right 0% bottom 0%}.order-item{display:inline-block;width:calc((100% - 12px * (2)) / 3);height:250px;margin-bottom:0}.order-submit{display:block}.order-img-basket{bottom:14px}.text-order{top:40px}.order-item:nth-child(1) .order-img-basket{width:133px;left:34px}.order-item:nth-child(2) .order-img-basket{width:172px;left:14px}.order-item:nth-child(3) .order-img-basket{width:172px;left:14px}.order-info-input,.order-textarea{display:block;width:360px}.order-textarea{min-height:145px}.order-info-input{height:48px}.order-baskets{display:flex;gap:12px}.girl-img{width:100%}.send{width:600px;max-width:95%}}.send-img{margin-bottom:28px}@media screen and (min-width: 1280px){.order-baskets{gap:20px}.order-item{width:calc((100% - 20px * (2)) / 3);height:308px}.order-modal{width:891px}.order-item:nth-child(1) .order-img-basket{width:173px;left:34px}.order-item:nth-child(2) .order-img-basket{width:229px;left:14px}.order-item:nth-child(3) .order-img-basket{width:229px;left:14px}.order-modal{width:891px;padding:40px;background-image:url(/project1-html-css/assets/girl-banana-big@1px-bf9e2a3d.webp)}}:root{font-family:DM Sans}img{display:block;max-width:100%;height:auto}.how-it-works .container{padding-bottom:80px}.section-title-how-it-works{margin:0 auto 14px;text-align:center;text-transform:uppercase;color:var(--color-white);font-size:28px;font-weight:500;line-height:1;letter-spacing:-.04em;text-shadow:0px 4px 70px rgba(0,0,0,.1)}.section-description-how-it-works{margin:0 auto 44px;text-align:center;color:var(--color-white);font-size:14px;font-weight:400;line-height:1.29;letter-spacing:-.04em;text-shadow:0px 4px 70px rgba(0,0,0,.1)}.steps-to-order{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:44px}.steps-to-order-item{display:flex;border-radius:20px;background-color:var(--color-white);padding:20px;align-items:center;max-width:335px}.steps{color:#fff;font-size:18px;font-weight:400;line-height:1.33;letter-spacing:-.04em;border:0px solid;border-radius:200px;text-align:center;min-width:136px;padding-top:12px;padding-bottom:12px;margin-right:14px}.first{background-color:var(--color-red)}.second{background-color:#a1c864}.third{background-color:var(--color-yellow)}.steps-text{color:var(--color-black);font-size:14px;font-weight:400;line-height:1.29;letter-spacing:-.04em;text-shadow:0px 4px 70px rgba(0,0,0,.1)}.steps-to-order-item:not(:last-child){margin-bottom:20px}.how-it-works-gif{border:0px solid;border-radius:20px;overflow:hidden;height:476px}.how-it-works-gif>img{object-fit:cover;height:476px;width:335px}@media screen and (min-width: 768px){.how-it-works .container{padding-bottom:144px}.section-title-how-it-works{font-size:40px;line-height:1.1;max-width:624px}.section-description-how-it-works{max-width:509px}.steps-to-order{margin-bottom:80px}.steps-to-order-item{max-width:389px;padding:40px 20px;max-height:128px}.steps-to-order-item:not(:last-child){margin-bottom:24px}.how-it-works-gif>img{width:704px}}@media screen and (min-width: 1280px){.how-it-works .container{padding-bottom:150px}.steps-to-order{flex-direction:row}.how-it-works-gif{margin:auto;max-width:860px}.steps-to-order-item:not(:last-child){margin-right:24px;margin-bottom:0}.how-it-works-gif>img{width:860px}}.m1,.m2{max-width:335px;overflow:hidden;border-radius:20px}.contacts-container{position:relative}.pic-in-cont{width:100%}.contacts-email:invalid:not(:placeholder-shown){outline:1px solid red;border-color:red}.contacts-btn{pointer-events:none}.contacts-email:valid:not(:placeholder-shown){outline:1px solid green;border-color:green}.contacts-email:valid:not(:placeholder-shown)+.contacts-btn{pointer-events:all}@media screen and (min-width: 768px){.contacts-container{padding-bottom:144px}}@media screen and (min-width: 1279px){.contacts-container{padding-left:0;padding-right:0}}.contacts-title{font-family:DM Sans;font-style:normal;position:absolute;max-width:335px;top:-53px;display:flex;font-weight:500;font-size:32px;line-height:1;align-items:center;text-align:center;letter-spacing:-.04em;text-transform:uppercase;color:var(--color-white);text-shadow:0px 4px 70px rgba(0,0,0,.1)}@media screen and (min-width: 768px){.contacts-img{display:flex;gap:24px;margin-bottom:80px}.m1,.m2{max-width:344px;width:344px}.contacts-title{font-size:54px;font-weight:500;min-width:648px;width:648px;top:-79px;left:50%;transform:translate(-50%)}}@media screen and (min-width: 1279px){.contacts-title{font-family:DM Sans;display:flex;max-width:740px;margin-left:auto;margin-right:auto;font-weight:500;font-size:64px;line-height:1;align-items:center;text-align:center;letter-spacing:-.04em;text-transform:uppercase;color:var(--color-white);text-shadow:0px 4px 70px rgba(0,0,0,.1)}}@media screen and (max-width: 767px){.contacts-img{margin-bottom:80px;padding-bottom:80px}}.content-img{width:100%}.melon{display:block;justify-content:center;text-align:center;min-width:335px}@media screen and (min-width: 768px){.melon{min-width:344px}}@media screen and (min-width: 1280px){.melon{min-width:792px;height:502px;object-fit:cover}.m1{max-width:792px;width:792px}.m2{max-width:400px;width:400px}.contacts-title{width:740px;top:-89px;left:50%;transform:translate(-50%)}}@media screen and (max-width: 768px){.contacts-info{display:none}}@media screen and (max-width: 767px){.bilberry{display:none}}@media screen and (min-width: 768px){.bilberry{min-width:344px;height:100%}}@media screen and (min-width: 768px){.contacts-info{font-family:DM Sans;max-width:492px;font-style:normal;font-weight:400;font-size:14px;line-height:1.28;display:flex;align-items:center;text-align:center;letter-spacing:-.04em;margin-left:auto;margin-right:auto;margin-bottom:80px;color:#fff;text-shadow:0px 4px 70px rgba(0,0,0,.1)}}@media screen and (max-width: 767px){.container-form{display:none}}@media screen and (min-width: 768px){.container-form{display:flex;justify-content:center;max-width:292px;height:48px;border:1px solid hsla(0,0%,100%,.5);border-radius:100px;margin-right:auto;margin-left:auto}}.contacts-form{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.contacts-email{width:100%;height:100%;padding-right:102px;border-radius:100px;background-color:transparent;outline:2px solid transparent;border:none;padding-left:24px;color:#fff}.contacts-email::placeholder{color:#fff;opacity:.5}.contacts-btn{position:absolute;top:0;right:0;width:102px;height:48px;background:#9dc162;border-radius:100px;border:none}.contacts-btn-text{font-family:DM Sans;font-style:normal;font-weight:400;font-size:14px;line-height:18px;letter-spacing:-.04em;text-transform:capitalize;color:#fff}.footer{background-color:var(--color-white);padding-top:80px;padding-bottom:80px}.footer-thumb-pic{height:172px;max-width:335px;margin-bottom:20px}@media screen and (min-width: 768px){.footer-thumb-pic{min-height:179px;min-width:349px}}@media screen and (min-width: 1280px){.footer-thumb-pic{margin-bottom:0}}.footer-thumb-pic>img{display:block;width:100%;object-fit:cover}.site-logo{width:156px;height:18px;font-style:normal;font-weight:700;font-size:14px;line-height:1.29;display:flex;align-items:center;justify-content:center;text-align:center;letter-spacing:-.04em;text-transform:uppercase;color:var(--color-red);margin-bottom:24px}@media screen and (max-width: 768px){.site-logo{margin-left:auto;margin-right:auto}}@media screen and (min-width: 768px){.site-logo{justify-content:unset;margin-left:92px;margin-bottom:80px}}@media screen and (min-width: 1280px){.site-logo{position:absolute;top:199px;left:130px;margin:0;width:156px;height:18px}}.site-logo:before{content:"";display:block;width:16px;height:16px;margin-right:8px;background-image:url(/project1-html-css/assets/site-logo-cbc0ce29.svg);background-size:contain;background-repeat:no-repeat;fill:#ae1532}.footer-nav-list{margin-bottom:44px}@media screen and (min-width: 768px){.footer-nav-list{margin-bottom:0;margin-left:71px}}@media screen and (min-width: 1280px){.footer-nav-list{position:absolute;top:84px;left:623px;margin:0}}.footer-list{display:flex;gap:20px;justify-content:center}@media screen and (min-width: 768px){.footer-list{justify-content:unset}}.footer-link{display:block;min-width:34px;font-style:normal;font-size:14px;line-height:1.29;text-align:center;letter-spacing:-.04em;color:var(--color-red)}.footer-icon-list{display:flex;gap:20px;justify-content:center;margin-bottom:44px}@media screen and (min-width: 1280px){.footer-icon-list{margin-bottom:40px;justify-content:unset}}.footer-item{width:44px;height:44px}.footer-link-icon{width:100%;height:100%;background-color:#fafafa;display:flex;align-items:center;justify-content:center;border:1px solid #ae1332;border-radius:10px;transition-property:background-color;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.footer-link-icon:hover,.footer-link-icon:focus{background:rgba(174,19,50,.1)}.footer-icon-pic{fill:var(--color-red)}.address-phone{display:block;font-size:14px;line-height:1.29;text-transform:uppercase;text-align:center;color:var(--color-red);font-style:normal;margin-bottom:14px}@media screen and (min-width: 768px){.address-phone{font-size:18px;line-height:1.33;margin-bottom:20px}}@media screen and (min-width: 1280px){.address-phone{text-align:unset}}.location-flex{display:flex;justify-content:center}@media screen and (min-width: 768px){.location-flex{justify-content:flex-start}}.address-location{display:block;max-width:135px;max-height:54px;font-style:normal;font-size:14px;line-height:1.29;text-align:center;letter-spacing:-.02em;color:var(--color-red)}@media screen and (min-width: 768px){.address-location{max-width:157px;max-height:72px;font-size:18px;line-height:1.33;text-align:left}}.footer-div{position:relative}@media screen and (min-width: 1280px){.footer-div{display:flex;justify-content:space-between;min-height:217px}}@media screen and (min-width: 768px){.footer-social{position:absolute;top:38px;right:32px}}@media screen and (min-width: 1280px){.footer-social{position:static}}p{margin:0 auto}.fruits-section .container{padding-bottom:133px}body{font-family:DM Sans}ul{padding:0;list-style:none}img{width:100%;display:block}.card-1{background-color:#f8766b;position:relative;perspective:1000px}.card-2{background-color:#edd251;position:relative;perspective:1000px}.card-3{background-color:#9dc262;position:relative;perspective:1000px}.card-4{background-color:#bfd663;position:relative;perspective:1000px}.card-5{background-color:#e93f29;position:relative;perspective:1000px}.card-6{background-color:#db4f4b;position:relative;perspective:1000px}.card-7{background-color:#9b5366;position:relative;perspective:1000px;display:none}.card-8{background-color:#f47f4c;position:relative;perspective:1000px;display:none}.card-9{background-color:#98b37e;position:relative;perspective:1000px;display:none}.card-set{display:flex;flex-wrap:wrap;row-gap:14px;margin-bottom:44px}.card{border-radius:20px;padding:64px 24px 24px}.price{position:absolute;left:24px;bottom:24px;background:#ffffff;border-radius:20px;padding:15px}.title{font-weight:700;font-size:32px;line-height:38px;align-items:center;letter-spacing:-.04em;color:#fff;margin-bottom:7px}.content{margin-bottom:4px;font-weight:400;font-size:18px;line-height:24px;align-items:center;letter-spacing:-.02em;color:#fff}.price{font-weight:500;font-size:18px;line-height:24px;display:inline-block;align-items:center;letter-spacing:-.04em;color:#ae1332}.fruits-section-header{margin-bottom:14px;font-weight:500;font-size:28px;line-height:44px;align-items:center;text-align:center;letter-spacing:-.04em;text-transform:uppercase;color:#fff;text-shadow:0px 4px 70px rgba(0,0,0,.1)}.fruits-header-content{margin-bottom:44px;font-weight:400;font-size:14px;line-height:18px;display:flex;align-items:center;text-align:center;letter-spacing:-.04em;color:#fff;text-shadow:0px 4px 70px rgba(0,0,0,.1)}@media screen and (min-width: 768px){.fruits-section .container{padding-bottom:223px}.container{max-width:768px;margin:0 auto;padding-left:32px;padding-right:32px}.fruits-section-header{font-size:40px}.card-set{display:flex;flex-wrap:wrap;row-gap:16px;column-gap:16px}.card{border-radius:20px;padding:64px 24px 24px;width:calc((100% - 16px)/2)}.card-7,.card-8{display:block}}@media screen and (min-width: 1280px){.fruits-section .container{padding-bottom:239px}.container{max-width:1280px;margin:0 auto;padding-left:33px;padding-right:33px}.fruits-header-content{max-width:547px;margin-bottom:44px;font-weight:400;font-size:14px;line-height:18px;display:flex;align-items:center;text-align:center;letter-spacing:-.04em;color:#fff;text-shadow:0px 4px 70px rgba(0,0,0,.1)}.card-set{display:flex;flex-wrap:wrap;row-gap:24px;column-gap:24px}.card{border-radius:20px;padding:64px 24px 24px;width:calc((100% - 48px) / 3)}.card-9{display:block}}.image-wrapper{margin-left:auto;margin-right:auto;max-width:295px}.flip-card{position:relative;transform-style:preserve-3d;transition:transform 1s}.flip-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.flip-card-front,.flip-card-back{width:100%;height:100%;backface-visibility:hidden}.flip-card-front{transform:rotateY(0)}.flip-card-back{transform:rotateY(180deg);position:absolute;top:50px}.back-text{max-width:300px;text-align:center;padding:10px;box-sizing:border-box;margin:auto}.card:hover .flip-card{transform:rotateY(180deg)}.card-hid{display:none}:root{font-family:DM Sans;--color-black: #000000;--color-red: #ae1332;--color-green: #a4cb66;--color-yellow: #f5ce13;--color-white: #ffffff;--follow-in-line: 1;--fruits-in-line: 1;font-style:normal}body{padding-top:50px;min-width:320px}.container{max-width:375px;padding-left:20px;padding-right:20px;margin:0 auto}.go-top{display:none;z-index:100;position:fixed;right:16px;bottom:16px;width:6vw;height:6vw;min-width:40px;min-height:40px;max-width:120px;max-height:120px;border-radius:50%;opacity:.5;background-image:url(/project1-html-css/assets/to-up-734361cc.svg);background-repeat:no-repeat;background-position:center;background-size:contain;cursor:pointer}.go-top.show{display:block}.for-scroll{scroll-margin-top:60px}.main{background-color:#ae1332}@media screen and (min-width: 768px){.container{max-width:768px;margin:0 auto;padding-left:32px;padding-right:32px}}@media screen and (min-width: 1280px){.container{max-width:1280px;margin:0 auto;padding-left:33px;padding-right:33px}}