@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");:root{--header-height:3rem;--hue-color:250;--first-color:hsl(var(--hue-color),69%,61%);--first-color-second:hsl(var(--hue-color),69%,61%);--first-color-alt:hsl(var(--hue-color),57%,53%);--first-color-lighter:hsl(var(--hue-color),92%,85%);--title-color:hsl(var(--hue-color),8%,15%);--text-color:hsl(var(--hue-color),8%,45%);--text-color-light:hsl(var(--hue-color),8%,65%);--input-color:hsl(var(--hue-color),70%,96%);--body-color:hsl(var(--hue-color),60%,99%);--container-color:#fff;--scroll-bar-color:hsl(var(--hue-color),12%,90%);--scroll-thumb-color:hsl(var(--hue-color),12%,80%);--body-font:"Poppins",sans-serif;--big-font-size:2rem;--h1-font-size:1.5rem;--h2-font-size:1.25rem;--h3-font-size:1.125rem;--normal-font-size:.938rem;--small-font-size:.813rem;--smaller-font-size:.75rem;--font-medium:500;--font-semi-bold:600;--mb-0-25:.25rem;--mb-0-5:.5rem;--mb-0-75:.75rem;--mb-1:1rem;--mb-1-5:1.5rem;--mb-2:2rem;--mb-2-5:2.5rem;--mb-3:3rem;--z-tooltip:10;--z-fixed:100;--z-modal:1000}@media screen and (min-width:968px){:root{--big-font-size:3rem;--h1-font-size:2.25rem;--h2-font-size:1.5rem;--h3-font-size:1.25rem;--normal-font-size:1rem;--small-font-size:.875rem;--smaller-font-size:.813rem}}body.dark-theme{--first-color-second:hsl(var(--hue-color),30%,8%);--title-color:hsl(var(--hue-color),8%,95%);--text-color:hsl(var(--hue-color),8%,75%);--input-color:hsl(var(--hue-color),29%,16%);--body-color:hsl(var(--hue-color),28%,12%);--container-color:hsl(var(--hue-color),29%,16%);--scroll-bar-color:hsl(var(--hue-color),12%,48%);--scroll-thumb-color:hsl(var(--hue-color),12%,36%)}.nav__btns{display:flex;align-items:center}.change-theme{font-size:1.25rem;color:var(--title-color);margin-right:var(--mb-1);cursor:pointer}.change-theme:hover{color:var(--first-color)}*{box-sizing:border-box;padding:0;margin:0}html{scroll-behavior:smooth}body{margin:0 0 var(--header-height) 0;font-family:var(--body-font);font-size:var(--normal-font-size);background-color:var(--body-color);color:var(--text-color)}h1,h2,h3,h4{color:var(--title-color);font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}img{max-width:100%;height:auto}.section{padding:2rem 0 4rem}.section__title{font-size:var(--h1-font-size);color:var(--title-color)}.section__subtitle{display:block;font-size:var(--small-font-size);margin-bottom:var(--mb-3)}.section__subtitle,.section__title{text-align:center}.container{max-width:768px;margin-left:var(--mb-1-5);margin-right:var(--mb-1-5)}.grid{display:grid;gap:1.5rem}.header{width:100%;position:fixed;bottom:0;left:0;z-index:var(--z-fixed);background-color:var(--body-color)}.nav{max-width:968px;height:var(--header-height);display:flex;justify-content:space-between;align-items:center}.nav__logo,.nav__toggle{color:var(--title-color);font-weight:var(--font-medium)}.nav__logo:hover{color:var(--first-color)}.nav__toggle{font-size:1.1rem;cursor:pointer}.nav__toggle:hover{color:var(--first-color)}@media screen and (max-width:767px){.nav__menu{position:fixed;bottom:-100%;left:0;width:100%;background-color:var(--body-color);padding:2rem 1.5rem 4rem;box-shadow:0 -1px 4px rgba(0,0,0,.15);border-radius:1.5rem 1.5rem 0 0;transition:.3s}}.nav__list{grid-template-columns:repeat(3,1fr);gap:2rem}.nav__link{display:flex;flex-direction:column;align-items:center;font-size:var(--small-font-size);color:var(--title-color);font-weight:var(--font-medium)}.nav__link:hover{color:var(--first-color)}.nav__icon{font-size:1.2rem}.nav__close{position:absolute;right:1.3rem;bottom:.5rem;font-size:1.5rem;cursor:pointer;color:var(--first-color)}.nav__close:hover{color:var(--first-color-alt)}.show-menu{bottom:0}.active-link{color:var(--first-color)}.scroll-header{box-shadow:0 -1px 4px rgba(0,0,0,.15)}.register__button{background-color:violet}.button{display:inline-block;background-color:var(--first-color);color:#FFF;padding:1rem;border-radius:.5rem;font-weight:var(--font-medium)}.button:hover{background-color:var(--first-color-alt)}.button__icon{font-size:1.25rem;margin-left:var(--mb-0-5);transition:.3s}.button--white{color:var(--first-color)}.button--white,.button--white:hover{background-color:#FFF}.button--flex{display:inline-flex;align-items:center}.button--small{padding:.75rem 1rem}.button--link{padding:0;background-color:transparent;color:var(--first-color)}.button--link:hover{background-color:transparent;color:var(--first-color-alt)}.fruits__container{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.fruits__content{position:relative;background-color:var(--container-color);padding:3.5rem .5rem 1.25rem 1.5rem;border-radius:.25rem;box-shadow:0 2px 4px rgba(0,0,0,.15);transition:.3s}.fruits__content:hover{box-shadow:0 4px 8px rgba(0,0,0,.15)}.fruits__icon{display:block;font-size:1.5rem;color:var(--first-color);margin-bottom:var(--mb-1)}.fruits__title{font-size:var(--h2-font-size);margin-bottom:var(--mb-1);font-weight:var(--font-medium)}.fruits__button{cursor:pointer;font-size:var(--small-font-size)}.fruits__button:hover .button__icon{transform:translateX(.25rem)}.login__container{row-gap:3rem}.login__content{background-color:var(--input-color);border-radius:.5rem;padding:.75rem 1rem .25rem}.login__label{font-size:var(--smaller-font-size);color:var(--title-color)}.login__input{width:100%;background-color:var(--input-color);color:var(--text-color);font-family:var(--body-font);font-size:var(--normal-font-size);border:none;outline:none;padding:.25rem .5rem .5rem 0}.footer{padding-top:2rem}.footer__container{row-gap:3.5rem}.footer__bg{background-color:var(--first-color-second);padding:2rem 0 3rem}.footer__title{font-size:var(--h1-font-size);margin-bottom:var(--mb-0-25)}.footer__subtitle{font-size:var(--small-font-size)}.footer__links{display:flex;flex-direction:column;row-gap:1.5rem}.footer__link:hover{color:var(--first-color-lighter)}.footer__social{font-size:1.25rem;margin-right:var(--mb-1-5)}.footer__social:hover{color:var(--first-color-lighter)}.footer__copy{font-size:var(--smaller-font-size);text-align:center;color:var(--text-color-light);margin-top:var(--mb-3)}.footer__link,.footer__social,.footer__subtitle,.footer__title{color:#FFF}.product{text-align:center}.product__data{display:grid;grid-template-columns:1fr;align-items:center;text-align:center}.product__container{display:grid;grid-template-columns:max-content;align-items:center;justify-content:center;gap:2rem}.product__title{font-size:var(--h2-font-size);margin-bottom:var(--mb-0-75)}.product__price{font-size:var(--h3-font-size);margin:1px auto;padding:.5rem 1rem;margin-bottom:var(--mb-0-5)}.product__button{margin-bottom:var(--mb-1-5);font-size:var(--h3-font-size)}.product__cart__icon{font-size:1.25rem;padding-left:1rem}.product__img{width:300px;justify-self:center}.cart__title{font-size:var(--h1-font-size)}.cart__list{font-size:var(--h3-font-size)}.cart__list__item{display:grid;grid-template-columns:2fr 2fr 1fr}.cart__list__item__info{display:flex;flex-direction:column;gap:.5rem;align-items:center;justify-content:center}.cart__arrow{font-size:4rem;color:var(--first-color);cursor:pointer;transition:color .2s ease,transform .1s ease}.cart__arrow:hover{color:var(--first-color-alt);transform:scale(1.2)}.cart__btns{display:flex;column-gap:1rem;align-items:center}.cart__input{width:100%;background-color:var(--input-color);color:var(--text-color);font-family:var(--body-font);font-size:var(--normal-font-size);text-align:center;border:none;outline:none;padding:.25rem .5rem .5rem 0}.cart__input::-webkit-inner-spin-button,.cart__input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cart__item__update{display:flex;flex-direction:column;align-items:center;font-family:Poppins,sans-serif;font-weight:600;text-align:center}.cart__item__quantity{text-align:center;margin:0;font-size:1.2rem}.cart__img{width:80%;padding:.25rem}.cart__checkout{display:flex;justify-self:flex-end;column-gap:1rem}.cart__clear__button{color:red}.cart__checkout__button{display:flex;align-items:center;justify-content:center;padding:12px 20px;gap:8px;font-size:1rem}.transaction__table{border-collapse:collapse;border-spacing:0 15px;border:1px solid darkgray}.transaction__table td,.transaction__table th{text-align:center;vertical-align:middle;padding:.5rem;border:1px solid darkgray}@media screen and (max-width:350px){.container{margin-left:var(--mb-1);margin-right:var(--mb-1)}.nav__menu{padding:2rem .25rem 4rem}.nav__list{column-gap:0}.fruits__container{grid-template-columns:max-content;justify-content:center}.fruits__content{padding-right:3.5rem}}@media screen and (max-width:767px){.product__container img{order:1}.product__data{order:2}.hide-mobile{display:none}.cart__btns .cart__arrow,.cart__btns button{padding:.25rem .35rem;font-size:.75rem;width:30px;height:30px}.cart__arrow i,.cart__btns,.cart__btns button i{font-size:1rem}}@media screen and (min-width:568px){.footer__container,.services__container{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:768px){.container{margin-left:auto;margin-right:auto}body{margin:0}.section{padding:6rem 0 2rem}.section__subtitle{margin-bottom:4rem}.header{top:0;bottom:auto}.footer__container,.header,.main{padding:0 1rem}.nav{height:calc(var(--header-height) + 1.5rem);column-gap:1rem}.nav__close,.nav__icon,.nav__toggle{display:none}.nav__list{display:flex;column-gap:2rem}.nav__menu{margin-left:auto}.change-theme{margin:0}.fruits__container{grid-template-columns:repeat(3,218px);justify-content:center}.fruits__icon{font-size:2rem}.fruits__content{padding:6rem 0 2rem 2.5rem}.product__container{grid-template-columns:repeat(2,1fr)}.footer__container{grid-template-columns:repeat(3,1fr)}.footer__bg{padding:3rem 0 3.5rem}.footer__links{flex-direction:row;column-gap:2rem}.footer__socials{justify-self:flex-end}.footer__copy{margin-top:4.5rem}}@media screen and (min-width:1024px){.footer__container,.header,.main{padding:0}.fruits__container{grid-template-columns:repeat(3,238px)}}