@font-face{font-family:dm sans;font-style:normal;font-weight:400 600;font-display:swap;src:url(/fonts/dm-sans-v17-latin-variable.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:bagel fat one;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bagel-fat-one-v2-latin-regular.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:dm sans fallback;src:local("Arial");size-adjust:106.4%;ascent-override:93.2%;descent-override:29.1%;line-gap-override:0%}@font-face{font-family:bagel fat one fallback;src:local("Arial Black"),local("Arial");size-adjust:107.2%;ascent-override:108.2%;descent-override:26.9%;line-gap-override:0%}:root{--header-height:3.5rem;--first-color:hsl(342, 61%, 30%);--first-color-alt:hsl(344, 63%, 23%);--first-color-light:hsl(30, 49%, 58%);--first-color-lighten:hsl(36, 58%, 87%);--title-color:hsl(17, 43%, 16%);--text-color:hsl(22, 22%, 35%);--text-color-light:hsl(27, 17%, 55%);--body-color:hsl(38, 61%, 92%);--container-color:hsl(36, 100%, 96%);--section-alt-color:hsl(36, 58%, 87%);--body-font:"DM Sans", "DM Sans Fallback", Arial, sans-serif;--second-font:"Bagel Fat One", "Bagel Fat One Fallback", Arial, sans-serif;--biggest-font-size:3.5rem;--bigger-font-size:2rem;--big-font-size:1.5rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1rem;--normal-font-size:0.938rem;--small-font-size:0.813rem;--smaller-font-size:0.75rem;--font-regular:400;--font-medium:500;--font-semi-bold:600;--z-tooltip:10;--z-fixed:100}@media(width >= 1150px){:root{--biggest-font-size:7rem;--bigger-font-size:3.5rem;--big-font-size:2.25rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:0.875rem;--smaller-font-size:0.813rem}}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body,input,button{font-family:var(--body-font);font-size:var(--normal-font-size)}body{background-color:var(--body-color);color:var(--text-color)}input,button{background:0 0;border:none;outline:none}h1,h2,h3,h4{color:var(--title-color);font-family:var(--second-font);font-weight:var(--font-regular);line-height:100%}ul{list-style:none}a{text-decoration:none}img{display:block;max-width:100%;height:auto}.container{max-width:1120px;margin-inline:1rem}.grid{display:grid;gap:1.5rem}.section{padding-block:5rem 1rem}.section__title{text-align:center;font-size:var(--bigger-font-size);line-height:100%;margin-bottom:1.5rem}.section__subtitle{display:block;text-align:center;font-size:var(--small-font-size);color:var(--first-color);text-transform:uppercase;margin-bottom:.5rem}.main{overflow:hidden}.header{position:fixed;width:100%;top:0;left:0;background-color:var(--body-color);z-index:var(--z-fixed);transition:box-shadow .4s}.nav{position:relative;height:var(--header-height);display:flex;justify-content:space-between;align-items:center}.nav__logo{display:inline-flex;align-items:center;column-gap:.5rem;font:var(--h1-font-size)var(--second-font);color:var(--first-color)}.nav__logo .icon{font-size:1.5rem}.nav__toggle,.nav__close{font-size:1.5rem;color:var(--title-color);cursor:pointer}@media(width <= 1150px){.nav__menu{position:fixed;top:0;right:-120%;width:80%;height:100%;background-color:var(--container-color);box-shadow:-2px 0 16px hsla(38,60%,15%,.1);padding:6.5rem 2rem 2rem;display:flex;flex-direction:column;justify-content:space-between;transition:right .4s}.nav__menu .nav__logo{position:absolute;top:1rem;left:1rem}}.nav__list{display:flex;flex-direction:column;row-gap:2rem}.nav__link{display:inline-flex;align-items:center;column-gap:.5rem;font:var(--h1-font-size)var(--second-font);color:var(--title-color);transition:color .4s}.nav__link::before{content:"";width:.5rem;height:.5rem;background-color:var(--first-color-lighten);border-radius:50%;transition:background-color .4s}.nav__link:hover{color:var(--first-color)}.nav__close{position:absolute;top:1rem;right:1rem}.nav__data{display:grid;justify-items:start;row-gap:1rem}.nav__social{display:flex;column-gap:.75rem}.nav__social-link{width:45px;height:45px;background-color:var(--first-color-lighten);border-radius:50%;display:grid;place-items:center;font-size:1.25rem;color:var(--first-color);transition:background-color .4s,color .4s}.nav__social-link:hover{background-color:var(--first-color);color:var(--first-color-lighten)}.nav__button{width:100%;justify-content:center}.show-menu{right:0}.scroll-header{box-shadow:0 2px 16px hsla(38,60%,15%,.1)}.active-link{color:var(--first-color)}.active-link::before{background-color:var(--first-color)}.home__container{padding-top:.5rem;row-gap:3rem}.home__data{text-align:center}.home__rating{display:inline-flex;align-items:center;column-gap:.5rem;background-color:var(--first-color-lighten);color:var(--title-color);font-size:var(--smaller-font-size);font-weight:var(--font-medium);padding:.5rem 1rem;border-radius:4rem;margin-bottom:1rem}.home__rating .icon{font-size:1.25rem;color:var(--first-color-light)}.home__title{font-size:var(--biggest-font-size);margin-bottom:1rem}.home__title span{color:var(--first-color)}.home__description{margin-bottom:2rem}.home__buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.home__image{position:relative;justify-self:center}.home__bag{position:relative;width:280px;pointer-events:none;filter:drop-shadow(8px 16px 20px hsla(38,60%,32%,.3))}.home__cookie{position:absolute;width:120px;pointer-events:none}.home__cookie-1{bottom:5rem;left:.75rem}.home__cookie-2{bottom:4.5rem;left:0;right:0;margin-inline:auto}.home__cookie-3{bottom:5rem;right:.5rem}.home__cookie-4{bottom:.5rem;left:1.75rem}.home__cookie-5{bottom:1rem;right:1.75rem}.button{display:inline-flex;align-items:center;column-gap:.5rem;background-color:var(--first-color);color:var(--first-color-lighten);font-weight:var(--font-semi-bold);padding:1rem 1.5rem;border-radius:4rem;transition:background-color .4s,color .4s}.button .icon{font-size:1.25rem;font-weight:initial;transition:transform .4s}.button:hover{background-color:var(--first-color-alt)}.button:hover .icon-arrow{transform:translateX(.5rem)}.button-ghost{background-color:initial;color:var(--first-color);border:2px solid var(--first-color)}.button-ghost:hover{background-color:var(--first-color);color:var(--first-color-lighten)}.featured__container{padding:5rem 1rem 0;row-gap:7rem}.featured__card{position:relative;background-color:var(--container-color);padding:8rem 1rem 1.5rem;border-radius:1.5rem;box-shadow:0 4px 24px hsla(38,60%,15%,.1);transition:translate .4s,box-shadow .4s}.featured__card:hover{translate:0 -.75rem;box-shadow:0 12px 32px hsla(342,61%,30%,.15)}.featured__img{width:200px;position:absolute;top:-5rem;left:0;right:0;margin-inline:auto}.featured__badge{display:inline-block;background-color:var(--first-color);color:var(--first-color-lighten);font-size:var(--smaller-font-size);font-weight:var(--font-medium);padding:.25rem 1rem;border-radius:4rem;margin-bottom:.75rem}.featured__name{font-size:var(--h1-font-size);margin-bottom:.75rem}.featured__description{margin-bottom:2rem}.featured__data{display:flex;justify-content:space-between;align-items:center}.featured__price{font:var(--font-regular)var(--h2-font-size)var(--second-font);color:var(--first-color)}.featured__button{cursor:pointer}.about__container{row-gap:3rem}.about__img{border-radius:1.5rem}.about__data :is(.section__subtitle,.section__title){text-align:initial}.about__description{margin-bottom:1.5rem}.about__features{display:grid;row-gap:1rem;margin-bottom:3rem}.about__feature{display:flex;align-items:center;column-gap:1rem}.about__feature-icon{flex-shrink:0;width:48px;height:48px;background-color:var(--first-color-lighten);color:var(--first-color);font-size:1.5rem;border-radius:1rem;display:grid;place-items:center}.about__feature-title{font-size:var(--h3-font-size);margin-bottom:.5rem}.about__feature-description{font-size:var(--small-font-size)}.products__container{padding-top:.5rem}.products__content{grid-template-columns:repeat(2,1fr);gap:2rem 1rem;margin-bottom:3rem}.products__card{background-color:var(--container-color);padding:1rem;border-radius:1.5rem;box-shadow:0 4px 24px hsla(38,60%,15%,.1);transition:translate .4s,box-shadow .4s}.products__img{margin-bottom:1rem;transition:rotate .4s}.products__card:hover{translate:0 -.5rem;box-shadow:0 12px 32px hsla(342,61%,30%,.15)}.products__card:hover .products__img{rotate:30deg}.products__name{font-size:var(--h3-font-size);margin-bottom:.5rem}.products__data{display:flex;justify-content:space-between;align-items:center}.products__price{font:var(--font-regular)var(--h3-font-size)var(--second-font);color:var(--first-color)}.products__add{width:32px;height:32px;background-color:var(--first-color);color:var(--first-color-lighten);font-size:1.5rem;border-radius:50%;display:grid;place-items:center;cursor:pointer;transition:background-color .4s}.products__add:hover{background-color:var(--first-color-alt)}.products__more{width:100%;justify-content:center}.contact__container{row-gap:3rem}.contact__content{display:grid;row-gap:1rem;margin-bottom:2rem}.contact__map{height:372px;border-radius:1rem;overflow:hidden}.contact__map iframe{width:100%;height:100%}.contact__card{display:flex;align-items:center;column-gap:1rem;background-color:var(--container-color);padding:1rem;border-radius:1.5rem}.contact__icon{flex-shrink:0;width:48px;height:48px;background-color:var(--first-color-lighten);color:var(--first-color);font-size:1.5rem;border-radius:1rem;display:grid;place-items:center}.contact__title{font-size:var(--h3-font-size);margin-bottom:.25rem}.contact__info{font-size:var(--small-font-size);font-style:initial}.contact__info a{color:var(--text-color);transition:color .4s}.contact__info a:hover{color:var(--first-color)}.contact__button{width:100%;justify-content:center}.footer{background-color:var(--first-color-alt);margin-top:3rem;padding-block:3rem 2rem}.footer__container{row-gap:3rem}.footer__logo{display:inline-flex;align-items:center;column-gap:.5rem;font:var(--font-regular)var(--h1-font-size)var(--second-font);color:var(--first-color-lighten);margin-bottom:1rem}.footer__logo .icon{font-size:1.5rem}.footer__description{font-size:var(--small-font-size);color:var(--first-color-lighten);width:260px}.footer__content{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.footer__subtitle{font-size:var(--h3-font-size);color:var(--first-color-lighten);margin-bottom:1rem}.footer__links{display:grid;row-gap:.5rem}.footer__link{color:var(--first-color-lighten);transition:color .4s}.footer__link:hover{color:var(--first-color-light)}.footer__social{display:flex;column-gap:.75rem}.footer__social-link{width:44px;height:44px;background-color:var(--first-color);color:var(--first-color-lighten);font-size:1.25rem;border-radius:50%;display:grid;place-items:center;transition:background-color .4s,color .4s}.footer__social-link:hover{background-color:var(--first-color-lighten);color:var(--first-color)}.footer__copy{display:block;font-size:var(--smaller-font-size);color:var(--first-color-lighten);text-align:center;margin-top:6rem}::-webkit-scrollbar{width:.6rem;background-color:#f0dfc1}::-webkit-scrollbar-thumb{background-color:#cdb898}::-webkit-scrollbar-thumb:hover{background-color:#bda075}.scrollup{position:fixed;right:1rem;bottom:-50%;z-index:var(--z-tooltip);background-color:var(--body-color);box-shadow:0 4px 16px hsla(38,60%,15%,.1);color:var(--title-color);display:inline-flex;padding:6px;font-size:1.25rem;border-radius:.5rem;transition:bottom .4s,transform .4s}.scrollup:hover{transform:translateY(-.5rem)}.show-scroll{bottom:3rem}@media(width <= 340px){.home__title{font-size:2.75rem}.home__buttons{flex-direction:column}.home__buttons .button{justify-content:center}.home__bag{width:240px}.home__cookie{width:103px}.home__cookie-1{bottom:4.25rem;left:.625rem}.home__cookie-2{bottom:3.875rem}.home__cookie-3{bottom:4.25rem;right:.5rem}.home__cookie-4{bottom:.5rem;left:1.5rem}.home__cookie-5{bottom:.875rem;right:1.5rem}.featured__container{padding-inline:0}.featured__button{padding:.75rem 1rem}.products__card{padding:.75rem}.contact__button{padding-inline:.75rem}.footer__description{width:initial}}@media(width >= 400px){.featured__container{grid-template-columns:312px;justify-content:center}.products__container{display:grid}.products__content{grid-template-columns:repeat(2,170px);justify-content:center}.products__more{width:initial;justify-self:center}}@media(width >= 540px){.home__container,.about__container,.contact__container{grid-template-columns:480px;justify-content:center}}@media(width >= 768px){.nav__menu{width:50%}.featured__container{grid-template-columns:repeat(2,312px)}.products__content{grid-template-columns:repeat(3,170px)}.footer__content{grid-template-columns:repeat(3,max-content);column-gap:8rem}}@media(width >= 1150px){.container{margin-inline:auto}.section{padding-block:7rem 2rem}.nav{height:calc(var(--header-height) + 2rem)}.nav__logo{font-size:var(--h2-font-size)}.nav__toggle,.nav__close,.nav__menu .nav__logo,.nav__data{display:none}.nav__menu{width:initial}.nav__list{flex-direction:row;column-gap:2rem}.nav__link{font-size:var(--h3-font-size)}.home__container{grid-template-columns:580px 400px;justify-content:space-between;align-items:center;padding-top:1.5rem}.home__data{text-align:initial}.home__rating{font-size:var(--normal-font-size)}.home__title{margin-bottom:3rem}.home__description{padding-right:7rem;margin-bottom:3rem}.home__buttons{justify-content:initial;gap:1rem}.home__bag{width:400px}.home__cookie{width:170px}.home__cookie-1{bottom:7.25rem;left:1rem}.home__cookie-2{bottom:6.5rem}.home__cookie-3{bottom:7.25rem;right:.75rem}.home__cookie-4{bottom:.75rem;left:2.5rem}.home__cookie-5{bottom:1.5rem;right:2.5rem}.featured__container{grid-template-columns:repeat(3,348px);padding:6.5rem 0 0}.featured__card{padding:10rem 1.5rem 2rem}.featured__img{width:220px}.featured__name{font-size:var(--h2-font-size)}.about__container{grid-template-columns:550px 530px;column-gap:2.5rem;align-items:center;padding-block:3rem 2rem}.about__data :is(.section__title,.about__description){margin-bottom:2rem}.about__features{row-gap:2rem;margin-bottom:4rem}.about__feature-description{font-size:var(--normal-font-size)}.products__container{padding-top:1.5rem}.products__content{grid-template-columns:repeat(3,238px);gap:3.5rem 4rem;margin-bottom:3.5rem}.products__card{padding:1rem 1.5rem 1.5rem}.products__price{font-size:var(--h2-font-size)}.products__add{width:40px;height:40px}.contact__container{grid-template-columns:480px 450px;column-gap:6rem;align-items:center;padding-block:1.5rem 2rem}.contact__content{margin-bottom:3rem}.contact__title{margin-bottom:.5rem}.contact__info{font-size:var(--normal-font-size)}.contact__button{width:initial}.contact__map{height:488px}.footer{margin-top:4rem;padding-block:4rem 2rem}.footer__container{grid-template-columns:repeat(2,max-content);justify-content:space-between}.footer__logo{font-size:var(--h2-font-size)}.footer__description{width:300px;font-size:var(--normal-font-size)}.scrollup{right:3rem}}.section--alt{background-color:var(--section-alt-color);padding-bottom:5rem}@media(width >= 1150px){.section--alt{padding-bottom:7rem}}.icon{display:inline-block;flex-shrink:0;vertical-align:middle}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:1rem;top:-4rem;z-index:calc(var(--z-fixed) + 1);transition:top .2s}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--first-color);outline-offset:3px}button{cursor:pointer}.page-banner{padding-block:calc(var(--header-height) + 3rem)1rem;text-align:center}.page-banner .section__title{font-size:var(--bigger-font-size);margin-bottom:1rem}.breadcrumbs{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;font-size:var(--small-font-size)}.breadcrumbs a{color:var(--first-color);font-weight:var(--font-semi-bold)}.breadcrumbs a:hover{text-decoration:underline}@media(width >= 1150px){.page-banner{padding-block:calc(var(--header-height) + 6rem)1rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important}}