:where(html){line-height:1.15}:where(h1){-webkit-margin-after:.67em;-webkit-margin-before:.67em;font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){-webkit-margin-after:0;-webkit-margin-before:0;margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:initial;color:inherit;height:0}:where(pre){font-family:monospace,monospace;font-size:1em}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:initial}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:-moz-fit-content;height:-webkit-fit-content;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}:root{--clr-primary-1:#04f704;--clr-primary-2:#04e904;--clr-primary-3:#03e603;--clr-primary-4:#0c0;--clr-primary-5:#02c202;--clr-primary-6:#50fd50;--clr-primary-7:#b2f8b2;--clr-primary-8:#e9f8ee;--clr-primary-9:#e9f3ec;--clr-grey-1:#102a42;--clr-grey-2:#243a52;--clr-grey-3:#324d67;--clr-grey-4:#48647f;--clr-grey-5:#617d98;--clr-grey-6:#829ab0;--clr-grey-7:#9eb2c7;--clr-grey-8:#bcccdc;--clr-grey-9:#dae2ec;--clr-grey-10:#f1f5f8;--clr-white:#fff;--clr-red:#c70404;--clr-red-dark:#bb2525;--clr-red-light:#e66b6b;--clr-real-black:#000;--clr-black:#222;--transition:all 0.3s linear;--spacing:0.1rem;--small-radius:0.1rem;--radius:0.25rem;--container-radius:0.5rem;--light-shadow:0 5px 15px rgba(0,0,0,.1);--dark-shadow:0 3px 100px rgba(0,0,0,.2);--button-shadow:0px 4px 0px transparent,0 0 0.5px 0.5px rgba(0,0,0,.19);--card-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 0 6px 12px rgba(0,0,0,.19);--max-width:1170px;--fixed-width:620px}html{height:100%}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#e9f8ee;background:var(--clr-primary-8);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;font-size:.875rem;line-height:1.5}#root{display:flex;flex-direction:column;min-height:100vh}img{object-fit:contain;width:85%}a,a:hover,button{color:#222;color:var(--clr-black)}button{border:none;box-shadow:0 4px 0 transparent,0 0 .5px .5px rgba(0,0,0,.19);box-shadow:var(--button-shadow);cursor:pointer;font-weight:600;transition:all .3s linear;transition:var(--transition)}button:hover{background-color:#222;background-color:var(--clr-black);color:#fff;color:var(--clr-white)}ul{list-style-type:none}a{text-decoration:none}h1,h2,h3,h4{letter-spacing:.1rem;letter-spacing:var(--spacing);line-height:1.25;margin-bottom:.75rem;text-transform:capitalize}h1{font-size:1.3rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:.875rem}p{margin-bottom:1.25rem}@media screen and (min-width:800px){h1{font-size:1.8rem}h2{font-size:1.79rem}h3{font-size:1.75rem}body,h4{font-size:1rem}h1,h2,h3,h4{line-height:1}}.header{padding:.1rem 1rem 0}.header,.top-header{background-color:#fff;background-color:var(--clr-white)}.top-header{align-items:center;display:flex;justify-content:space-between;min-width:100%}.logo{color:#02c202;color:var(--clr-primary-5);cursor:pointer;font-size:1.75rem;font-weight:600}.right-navigation{align-items:center;display:flex}.cart,.login,.logout{cursor:pointer;margin-left:.5rem}.login{align-items:center;display:flex;justify-content:center;text-transform:capitalize}.login-text{font-size:1.2rem}.icon{font-size:1.5rem}.logout{background-color:#222;background-color:var(--clr-black);border:1px solid #222;border:1px solid var(--clr-black);border-radius:.1rem;border-radius:var(--small-radius);color:#fff;color:var(--clr-white);font-size:1rem;padding:.1rem .3rem;text-transform:capitalize}.cart{display:flex;position:relative}.cart-item-amount{color:#02c202;color:var(--clr-primary-5);font-weight:500;left:1.5rem;position:absolute;top:-.6rem;z-index:1}.destop-mode-input{display:none}.search-icon{color:#000;color:var(--clr-real-black);font-size:.8rem}.mobile-mode-input{align-items:center;display:flex;gap:.2rem;justify-content:center;margin:auto;min-width:100%;padding-bottom:1rem}.mobile-mode-input>input{border:1px solid #222;border:1px solid var(--clr-black);flex:1 1;font-size:.7rem;min-width:90%;outline:none;padding:.5rem}.mobile-mode-input>button{background-color:#04f704;background-color:var(--clr-primary-1);font-size:1rem;outline:none;padding:.3rem;text-transform:capitalize}.active{border-bottom:4px solid #50fd50;border-bottom:4px solid var(--clr-primary-6)}.main-menu{align-items:center;background-color:#fff;background-color:var(--clr-white);display:flex;font-size:.95rem;justify-content:space-evenly;margin-bottom:.2rem;margin-top:.2rem;padding:.1rem .5rem;text-transform:capitalize}.menu-item{cursor:pointer;padding:.6rem .3rem;transition:all .3s linear;transition:var(--transition)}.menu-item:hover{background-color:#50fd50;background-color:var(--clr-primary-6);color:#222;color:var(--clr-black)}@media screen and (min-width:768px){.mobile-mode-input,.mobile-search-result-container{display:none}.destop-mode-input{align-items:center;display:flex;justify-content:center;margin:auto;width:80%}.destop-mode-input>input{border:1px solid #222;border:1px solid var(--clr-black);font-size:1rem;min-width:80%;outline:none;padding:.5rem}.logo{margin-right:2rem}.top-header{padding:.5rem}.menu-menu{font-size:1.15rem}}@media screen and (min-width:1000px){.cart,.login,.logout{margin-left:1rem}.icon{font-size:2rem}.logout{font-size:1.2rem}.cart-item-amount{font-size:1.2rem;left:1.9rem;top:-.8rem}.main-menu{font-size:1.3rem}.menu-item{padding:.6rem .4rem}}.search-container{display:block;width:100%}.destop-search-result-container{left:0;position:absolute;right:1rem;top:4rem;width:100%;z-index:1}.mobile-search-result-container{left:0;position:absolute;right:1rem;top:5rem;width:100%;z-index:1}.search-result{background-color:#fff;background-color:var(--clr-white);border:1px solid #dad7d7;color:#222;color:var(--clr-black);cursor:pointer;font-size:1rem;padding:.3rem 1rem;text-transform:capitalize;transition:all .3s linear;transition:var(--transition)}.search-result:hover{background-color:#f1f5f8;background-color:var(--clr-grey-10)}.ad-container{align-items:center;background-image:linear-gradient(90deg,#46f846,#a7d9fa);border-top-left-radius:.5rem;border-top-left-radius:var(--container-radius);border-top-right-radius:.5rem;border-top-right-radius:var(--container-radius);display:flex;flex-direction:column;justify-content:center;margin:auto;padding:1rem}.ad-title{font-size:1.3rem;font-weight:500}.ad-sub-title,.ad-title{text-transform:capitalize}.ad-sub-title{font-size:1.1rem}.content-title{background-color:#b2f8b2;background-color:var(--clr-primary-7);border:1px solid #b2f8b2;border:1px solid var(--clr-primary-7);font-weight:400;margin-bottom:.1rem;margin-top:.5rem;padding:.2rem .5rem 0}.media-scroller{grid-gap:.3rem;display:grid!important;gap:.3rem;grid-auto-columns:40%;grid-auto-flow:column;overflow-x:auto;overscroll-behavior-inline:contain;white-space:wrap}.snaps-inline{scroll-snap-type:inline mandatory}.snaps-inline>*{scroll-padding-inline:1rem;scroll-snap-align:start}.product-elements{grid-gap:.3rem;background-color:#fff;background-color:var(--clr-white);border-radius:.1rem;border-radius:var(--small-radius);display:grid;gap:.3rem;grid-template-rows:-webkit-min-content;grid-template-rows:min-content;margin-top:.1rem;padding:.5rem;position:relative}.product-elements:hover{box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 0 6px 12px rgba(0,0,0,.19);box-shadow:var(--card-shadow)}.product-elements>img{aspect-ratio:1/1;inline-size:100%;height:9rem;object-fit:contain;width:7rem}.discount{background-color:#50fd50;background-color:var(--clr-primary-6);border-radius:.1rem;border-radius:var(--small-radius);color:#222;color:var(--clr-black);margin:.5rem;padding:.2rem;position:absolute;top:0}.name{font-size:.9rem;font-weight:500;height:3rem;text-transform:capitalize}.price{font-size:.8rem;font-weight:700}@media screen and (min-width:760px){.media-scroller{grid-auto-columns:29%}.product-elements>img{height:8rem;width:8rem}.container{box-shadow:0 3px 100px rgba(0,0,0,.2);box-shadow:var(--dark-shadow);margin:1rem}}@media screen and (min-width:990px){.price{font-size:1.05rem}.content-title{padding-left:1rem}.media-scroller{grid-auto-columns:18%}.product-elements{padding:1rem}.product-elements>img,.product-images{height:10rem;width:10rem}.container{box-shadow:0 3px 100px rgba(0,0,0,.2);box-shadow:var(--dark-shadow);margin:1rem 3rem;margin:1rem 5rem}}.product-page-container{grid-gap:.3rem;background-color:#fff;background-color:var(--clr-white);border-top-left-radius:.5rem;border-top-left-radius:var(--container-radius);border-top-right-radius:.5rem;border-top-right-radius:var(--container-radius);display:grid;gap:.3rem}.product-elements>img{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto}.product-page-container-one{padding:1rem}.product-image{border-radius:.25rem;border-radius:var(--radius);height:18rem;min-width:100%}.product-name{font-size:1.4rem;font-weight:500;margin-bottom:2rem;margin-top:.7rem;text-transform:capitalize}.big{font-size:2rem}.product-old-price,.product-price{margin-top:0}.product-old-price{font-size:.7rem;text-decoration:line-through}.old-price{font-size:1.1rem;text-decoration:line-through}.inline-element{display:flex;gap:1rem}.inline-element,.product-inline-tems{margin-bottom:2rem}.product-discount{background-color:#50fd50;background-color:var(--clr-primary-6);border-radius:.1rem;border-radius:var(--small-radius);display:inline;margin-left:1.5rem;padding:.1rem .3rem}.button{background-color:#04f704;background-color:var(--clr-primary-1);display:grid;font-size:1rem;margin:auto;outline:none;padding:.5rem;text-transform:capitalize;width:100%}.description-content{margin:1rem}@media screen and (min-width:760px){.product-page-container-one{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.product-information{margin-right:5rem}.product-old-price{font-size:.9rem}}@media screen and (min-width:1000px){.product-information{margin-right:8rem}}.cart-section{background-color:#fff;background-color:var(--clr-white)}.content-section{flex-direction:column;padding:.5rem}.content-section,.page-header{align-items:center;display:flex;justify-content:center}.page-header{font-size:1.4rem;font-weight:500;padding:.1rem 1rem;text-transform:capitalize}.small{font-size:1.3rem}.prices,.small{margin-bottom:.5rem}.items{grid-gap:.5rem;align-items:center;display:grid;gap:.5rem;grid-template-columns:2fr 1fr;justify-content:center}.content-spaced{align-items:center;display:flex;justify-content:space-between;padding:0 1rem}.flex-items{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem;padding:1rem}.increament-decrement{font-size:1.2rem;width:10rem}.increase-amount{padding:.7rem}.remove-btn{margin-top:4rem}.inline{display:inline;width:30%}.buttons{align-items:center;display:flex;gap:.5rem;padding:0 1rem 1rem;width:100%}.back-btn{margin-right:1rem}.back-btn,.checkout-btn{display:inline;margin-top:1rem;width:100%}@media screen and (min-width:768px){.cart-section{display:grid;grid-auto-flow:dense;grid-template-columns:2fr 1fr}.total-section{background-color:#b2f8b2;background-color:var(--clr-primary-7);grid-column:2;grid-row:1}.prices,.small{margin-bottom:1.2rem}.content-section{align-items:flex-start;display:flex;justify-content:center;padding:2rem}.remove-btn{margin-top:2rem}.flex-items{gap:2rem;width:70%}.number-of-items{margin-top:2rem}.buttons{align-items:center;display:flex;gap:2rem;width:100%}}.single-category-products{grid-gap:.2rem;display:grid;gap:.2rem;grid-template-columns:1fr 1fr;margin:0 .5rem 1rem}@media screen and (min-width:900px){.single-category-products{grid-template-columns:1fr 1fr 1fr 1fr;margin:0}}.category-tilte{font-size:1.2rem;font-weight:500;text-align:center;text-transform:capitalize}.user-error{color:#c70404;color:var(--clr-red);font-size:1.2rem;margin:1rem}.not-found-error,.small-container{align-items:center;color:#222;color:var(--clr-black);display:grid;justify-content:center;margin-top:auto;padding:2rem}.loading{margin-top:2rem}.user-field{align-items:center;background-color:#fff;background-color:var(--clr-white);display:flex;flex-direction:column;justify-content:center;padding:1rem;width:100%}.user-field>.title{margin-bottom:1rem}.title-text{font-size:1.3rem;font-weight:500;text-transform:none}.user-field>button{width:100%}.field>label{font-size:1.3rem;text-transform:capitalize}.field>input{border:1px solid #222;border:1px solid var(--clr-black);font-size:.8rem;outline:none;padding:.3rem;width:100%}.field{display:grid;flex-direction:column;padding-bottom:1rem;width:100%}.field,.new-user{align-items:center}.new-user{display:flex;justify-content:center;margin:.5rem auto auto}.to-register{color:#0c0;color:var(--clr-primary-4);font-weight:700;margin-left:.1rem;text-shadow:0 3px 100px rgba(0,0,0,.2);text-shadow:var(--dark-shadow);text-transform:capitalize}@media screen and (min-width:900px){.all-input-fields{width:100%}.user-field{padding:3rem}}@media screen and (min-width:768px){.user-container{align-items:center;background-color:#fff;background-color:var(--clr-white);justify-content:center;margin:auto;padding:2rem;width:60%}.all-input-fields{width:100%}.user-field{padding:0}}.footer{background-color:#222;background-color:var(--clr-black);color:#fff;color:var(--clr-white);flex-direction:column;font-weight:200;margin-top:auto;padding:1rem 2rem}.email-suscription,.footer{align-items:center;display:flex;justify-content:center}.email-suscription{margin:auto;width:7rem}.email-suscription>button:hover{background-color:#04f704;background-color:var(--clr-primary-1);color:#222;color:var(--clr-black)}
/*# sourceMappingURL=main.7f80582f.css.map*/