.side-menu{position:fixed;inset:0 0 0 0;z-index:9999;transform:translate(100%);transition:transform .3s ease-in-out;overflow-y:scroll}.side-menu.open{transform:translate(0)}@media (min-width: 48em){.side-menu{inset:0 0 0 auto}}.counter{display:grid;grid-template-columns:repeat(3,1fr)}.cart-item{display:grid;grid-template-columns:max-content 1fr;gap:1rem;align-items:center}.cart-item__image-wrapper{width:8rem;height:8rem}.cart-item__image{max-width:6rem;max-height:6rem;object-fit:contain}.cart-item__details{display:grid;gap:1rem}.cart{padding:1rem;min-height:100%;flex-direction:column;gap:5rem}.cart__close-btn{margin-left:auto}.cart-empty{margin:auto;flex-direction:column}.cart-empty__text{opacity:.6}.cart-empty__icon{font-size:10rem;color:hsl(var(--clr-accent-400) / .3)}.cart__content{display:grid;gap:3rem}.cart-item-list{display:grid;gap:1rem}.cart-item-list{justify-self:flex-start;grid-auto-rows:max-content}@media (min-width: 48em){.cart{padding-inline:3rem}}.header-items{margin-left:auto;gap:1.5rem}.primary-nav{display:none}.side-menu-nav-container,.side-menu-nav{flex-direction:column;gap:3rem}.side-menu-nav-container{padding:2rem;align-items:flex-end}@media (min-width: 48em){.header-items{gap:3rem}.primary-nav{display:flex;gap:3rem}.open-nav-btn{display:none}.cart-wrapper{min-width:40rem}}.hero-section{background:hsl(var(--clr-secondary-800) / .7) url(/shopping-cart-v2/assets/hero-img-sm.be5bc5d5.jpg);padding-block:2rem}.category-item--men{background:hsl(var(--clr-secondary-800) / .4) url(/shopping-cart-v2/assets/men\'s-sm.84efc440.jpg)}.category-item--women{background:hsl(var(--clr-secondary-800) / .4) url(/shopping-cart-v2/assets/women\'s-sm.5e5b27ea.jpg)}.category-item--jewellery{background:hsl(var(--clr-secondary-800) / .4) url(/shopping-cart-v2/assets/jewellery-sm.c67754e9.jpg)}.about-section{background:hsl(var(--clr-secondary-800) / .8) url(/shopping-cart-v2/assets/about-sm.f46e9fca.jpg)}.hero-section,.category-item--men,.category-item--women,.category-item--jewellery,.about-section{background-blend-mode:darken;background-repeat:no-repeat;background-position:center;background-size:cover}@media (min-width: 40em){.hero-section{background-image:url(/shopping-cart-v2/assets/hero-img-md.85df75da.jpg)}.category-item--men{background-image:url(/shopping-cart-v2/assets/men\'s-md.6b560a33.jpg)}.category-item--women{background-image:url(/shopping-cart-v2/assets/women\'s-md.89cffa06.jpg)}.category-item--jewellery{background-image:url(/shopping-cart-v2/assets/jewellery-md.b2adaf3a.jpg)}.about-section{background-image:url(/shopping-cart-v2/assets/about-lg.8c18fc2f.jpg)}}@media (min-width: 120em){.hero-section{background-image:url(/shopping-cart-v2/assets/hero-img-lg.6faa8a95.jpg)}}.hero-text{flex-direction:column;gap:1rem;align-items:center;text-align:center}.hero-text *{max-width:60ch}.homepage-heading{text-align:center;margin-block:1rem}.category-section{margin-block:3rem}.category-list{display:grid;gap:1rem}.category-item{min-height:20rem;padding:1rem;justify-content:flex-end;align-items:flex-end}.about-section{flex-direction:column;align-items:center;gap:2.5rem;padding-block:7rem}.about-section__paragraph{max-width:65ch}@media (min-width: 48em){.hero-section{padding-block:4rem}.hero-text{gap:1.5rem}.category-list{grid-template-columns:1fr 1fr;gap:1.5rem}.category-list>:last-child{grid-column:span 2}.category-item{min-height:28rem;padding:2rem}}@media (min-width: 75em){.hero-section{padding-block:6rem}.hero-text{gap:3rem;align-items:flex-start;text-align:start}.homepage-heading{text-align:start;margin-block:3rem}}.category-tab-panel{display:grid;gap:.5rem}.tab-item{padding:.5rem;color:hsl(var(--clr-secondary-800) / .8);background-color:hsl(var(--clr-secondary-300) / .6);transition:background-color .2s ease-in-out}.tab-item:hover,.tab-item:focus{background-color:hsl(var(--clr-accent-400) / .4)}.tab-item.active{background-color:hsl(var(--clr-accent-400) / .6)}@media (min-width: 48em){.category-tab-panel{grid-template-columns:repeat(4,1fr)}}.product-section{display:grid;gap:2rem;padding:2rem}.product-section__image-wrapper{padding:2rem;margin-block:auto}.product-section__image{max-width:15rem;max-height:15rem;object-fit:contain}.product-section__details{flex-direction:column;margin-block:auto;gap:2rem}.product-section__title,.product-section__desc{max-width:65ch}.product-section__btn-panel{display:grid;gap:2rem}.product-section__counter{display:grid;grid-template-columns:repeat(3,1fr)}@media (min-width: 48em){.product-section{grid-template-columns:1fr 1fr;padding-block:5rem}.product-section__image{max-width:20rem;max-height:20rem}.product-section__btn-panel{grid-template-columns:1fr 1fr}}.product-list{display:grid;gap:3rem;padding-block:2.5rem}.product{flex-direction:column;position:relative;justify-content:space-between;animation:slideUp 1s,fadeIn 1s}.product__image-wrapper{padding:4rem}.product__image{object-fit:contain;max-width:10rem;height:10rem}.product__details{padding:1rem;flex-direction:column;gap:1rem}.product__price{position:absolute;top:12px;right:0;padding-inline:.25rem}.product__add-btn{width:100%}@media (min-width: 48em){.product-list{grid-template-columns:repeat(2,1fr)}.product__image-wrapper{padding:6rem}.product__image{max-width:12rem;height:12rem}.product__price{right:-6px}}.footer-content{flex-direction:column;gap:2rem;text-align:center;padding-block:1.5rem}.footer-list{gap:1rem}.footer-nav{margin-left:auto}.footer-paragraph{max-width:65ch}.social-links{justify-content:center}@media (min-width: 48em){.footer-paragraph{text-align:start}.social-links{justify-content:flex-end}}:root{--clr-primary-100: 0 0% 100%;--clr-secondary-200: 30 30% 96%;--clr-secondary-300: 17 100% 78%;--clr-secondary-800: 253 13% 21%;--clr-accent-400: 351 100% 70%;--fs-200: .5rem;--fs-300: .75rem;--fs-350: .8125rem;--fs-400: 1rem;--fs-500: 1.175rem;--fs-600: 1.25rem;--fs-800: 1.5rem;--fs-900: 2rem}@media (min-width: 48em){:root{--fs-600: 1.5rem;--fs-800: 2rem;--fs-900: 3rem}}@font-face{font-family:Manrope;font-style:normal;font-weight:200;src:local(""),url(/shopping-cart-v2/assets/manrope-v13-latin-200.061f778a.woff2) format("woff2"),url(/shopping-cart-v2/assets/manrope-v13-latin-200.e34672e8.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-weight:400;src:local(""),url(/shopping-cart-v2/assets/manrope-v13-latin-regular.30694bbe.woff2) format("woff2"),url(/shopping-cart-v2/assets/manrope-v13-latin-regular.81f19a88.woff) format("woff")}@font-face{font-family:Manrope;font-style:normal;font-weight:800;src:local(""),url(/shopping-cart-v2/assets/manrope-v13-latin-800.1aa8fd33.woff2) format("woff2"),url(/shopping-cart-v2/assets/manrope-v13-latin-800.aef15714.woff) format("woff")}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}html:focus-within{scroll-behavior:smooth}html,body{min-height:100%}body{text-rendering:optimizeSpeed;line-height:1.5;font-family:Manrope,sans-serif;background-color:hsl(var(--clr-accent-400) / .1)}a{outline:none;text-decoration:none;color:inherit}a:not([class]){text-decoration-skip-ink:auto}button,input[type=\201dsubmit\201d],input[type=\201dreset\201d]{background:none;color:inherit;border:none;padding:0;cursor:pointer;outline:inherit}img,picture,svg{max-width:100%;display:block}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.anchor,.nav-item:hover,.nav-item:focus{color:hsl(var(--clr-secondary-300));transition:color .2s ease-in-out}.nav-item.active{color:hsl(var(--clr-accent-400))}.spinner{justify-content:center}.btn{padding:.875rem 2rem;transition:color .3s,background-color .3s,border .3s ease-in-out}.btn--small{padding:.5rem 1.5rem}.btn--accent{background-color:hsl(var(--clr-accent-400))}.btn--accent:hover,.btn--accent:focus{background-color:hsl(var(--clr-secondary-300))}.btn--accent--inverse{border:3px solid hsl(var(--clr-accent-400));color:hsl(var(--clr-accent-400))}.btn--accent--inverse:hover,.btn--accent--inverse:focus{color:hsl(var(--clr-primary-100));background-color:hsl(var(--clr-accent-400))}.btn--dark{background-color:hsl(var(--clr-secondary-800))}.btn--dark:hover,.btn--dark:focus{background-color:hsl(var(--clr-secondary-800) / .75)}.btn--dark--inverse{border:3px solid hsl(var(--clr-secondary-800));color:hsl(var(--clr-secondary-800))}.btn--dark--inverse:hover,.btn--dark--inverse:focus{color:hsl(var(--clr-primary-100));background-color:hsl(var(--clr-secondary-800))}.btn--light{background-color:hsl(var(--clr-secondary-200))}.btn--light:hover,.btn--light:focus{background-color:hsl(var(--clr-secondary-800) / .15)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(4rem)}to{transform:translateY(0)}}.fade-in-1{animation:fadeIn 1s}.text-center{text-align:center}.no-list-style{list-style:none}.uppercase{text-transform:uppercase}.flex{display:flex}.align-center{align-items:center}.justify-center{justify-content:center}.icon-md{font-size:1.5rem}.icon-lg{font-size:2rem}.btn-with-icon{gap:.3rem}.mb-1{margin-block:1rem}.mb-2{margin-block:2rem}.mb-3{margin-block:3rem}.mb-4{margin-block:4rem}.fs-200{font-size:var(--fs-200)}.fs-300{font-size:var(--fs-300)}.fs-350{font-size:var(--fs-350)}.fs-400{font-size:var(--fs-400)}.fs-500{font-size:var(--fs-500)}.fs-600{font-size:var(--fs-600)}.fs-800{font-size:var(--fs-800)}.fs-900{font-size:var(--fs-900)}.fw-200{font-weight:200}.fw-400{font-weight:400}.fw-800{font-weight:800}.clr-primary-100{color:hsl(var(--clr-primary-100))}.clr-secondary-200{color:hsl(var(--clr-secondary-200))}.clr-secondary-300{color:hsl(var(--clr-secondary-300))}.clr-secondary-800{color:hsl(var(--clr-secondary-800))}.clr-accent-400{color:hsl(var(--clr-accent-400))}.bg-primary-100{background-color:hsl(var(--clr-primary-100))}.bg-secondary-200{background-color:hsl(var(--clr-secondary-200))}.bg-secondary-300{background-color:hsl(var(--clr-secondary-300))}.bg-secondary-800{background-color:hsl(var(--clr-secondary-800))}.bg-accent-400{background-color:hsl(var(--clr-accent-400))}.sr-only{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}.container{max-width:75rem;padding:.5rem;margin-inline:auto}@media (min-width: 48em){.container{padding:1rem}}