@import url(https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&display=swap);:root{--orange:#ff7d19;--pale-orange:#ffede0;--very-dark-blue:#1d2025;--dark-grayish-blue:#68707d;--grayish-blue:#b6bcc8;--light-grayish-blue:#f7f8fd;--white:#fff;--black-75-opacity:#000000bf}html{font-size:62.5%}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}body{background-color:#fff;background-color:var(--white);font-family:Kumbh Sans,serif;font-size:1.6rem;font-weight:400;line-height:1.5}.container{margin:0 auto;padding:0 20px;width:100%}.cs-buttons{display:flex;flex-direction:column;gap:10px;margin-top:3rem}.app{padding-bottom:40px}@media screen and (min-width:1024px){.container{max-width:1110px}main{padding-block:9rem}.grid{display:grid;max-width:1024px}.grid--1x2{grid-template-columns:repeat(2,1fr)}.cs-buttons{flex-direction:row}.app{padding-bottom:0}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}button{background-color:var(--white);border:none;cursor:pointer}.header{height:72px}.header__inner{align-items:center;display:flex;justify-content:space-between;padding-bottom:2.4rem;padding-top:2rem;position:relative}.header__inner-left,.header__inner-right{align-items:center;display:flex;gap:1.6rem}.header__cart-btn{position:relative}.header__cart-btn:hover svg path{fill:var(--very-dark-blue);transition:all .2s ease-in-out}.header__profile-img{height:2.4rem;width:2.4rem}.header__nav{display:none}.header__profile{align-items:center;border:2px solid var(--white);border-radius:50%;display:flex;justify-content:center;transition:border .2s ease-in-out}.header__profile:focus,.header__profile:hover{border:2px solid var(--orange)}.header__cart-quantity{background-color:var(--orange);border-radius:20px;color:var(--white);font-size:10px;font-weight:700;line-height:1;padding:1px 6px;position:absolute;right:-8px;top:-5px}@media (min-width:1024px){.header{height:127px}.header__inner{border-bottom:1px solid var(--light-grayish-blue);padding-bottom:3.6rem;padding-top:2.8rem}.header__toggle-btn{display:none}.header__logo{margin-left:0}.header__profile-img{height:5rem;width:5rem}.header__inner-left{gap:5.6rem}.header__inner-right{gap:4.8rem}.header__nav{display:block}.header__nav ul{display:flex;gap:3.2rem;list-style-type:none}.header__link{color:var(--dark-grayish-blue);font-size:1.6rem;font-weight:400;position:relative;text-decoration:none;transition:color .2s ease}.header__link:hover{color:var(--very-dark-blue)}.header__link:after{background-color:var(--orange);bottom:-53px;content:"";height:4px;left:0;opacity:0;position:absolute;right:0;transition:opacity .2s ease;width:100%}.header__link:hover:after{opacity:1}}.mobile-menu{position:relative}.mobile-menu__backdrop{background:var(--black-75-opacity);height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease-in-out,visibility .3s;visibility:hidden;width:100%;z-index:30}.mobile-menu__backdrop--open{opacity:1;visibility:visible}.mobile-menu__overlay{background-color:var(--white);color:var(--very-dark-blue);height:100vh;left:0;padding:2.4rem;position:fixed;top:0;transform:translateX(-100%);transition:transform .5s ease-in-out;width:75%;z-index:40}.mobile-menu__overlay--open{transform:translateX(0)}.mobile-menu__close{background:none;border:none;cursor:pointer;left:2.4rem;position:absolute;top:2.4rem}.mobile-menu__nav{align-items:start;display:flex;height:100%;justify-content:left;padding-top:6.4rem}.mobile-menu__list{list-style:none;padding:0;text-align:center;text-align:left}.mobile-menu__item{margin-bottom:1.5rem}.mobile-menu__item a{color:var(--very-dark-blue);font-size:1.5rem;font-weight:700;text-decoration:none;transition:color .3s}.mobile-menu__link:hover{color:var(--orange)}.cart{background-color:var(--white);border-radius:10px;box-shadow:0 20px 50px -20px #1d201c80,0 22px 18px #1d201c06,0 100px 80px #1d201c0a;position:absolute;right:50%;top:84px;transform:translateX(50%);width:calc(100vw - 1.6rem);z-index:10}.cart__header{align-items:center;border-bottom:1px solid var(--light-grayish-blue);display:flex;justify-content:space-between;padding:2.4rem}.cart__title{font-size:1.6rem;font-weight:700}.cart__body{grid-gap:1.5rem;display:grid;gap:1.5rem;min-height:209px;padding:2.4rem 2.4rem 3.2rem}.cart__empty-message{align-self:center;color:var(--dark-grayish-blue);font-size:1.6rem;font-weight:700;justify-self:center}.cart__item{display:flex;gap:1.2rem}.cart__item:not(:last-of-type){margin-bottom:1.2rem}.cart__item-img{border-radius:.4rem;height:50px;width:50px}.cart__item-title{font-size:1.6rem;font-weight:400}.cart__item-pice,.cart__item-title{color:var(--dark-grayish-blue)}.cart__item-pice b{color:var(--black-75-opacity)}.cart__item-remove:hover svg path{fill:var(--very-dark-blue);transition:all .2s ease-in-out}@media (min-width:768px){.cart{right:0;top:80px;transform:none;width:360px}}@media (min-width:1024px){.cart{top:110px}}.btn{border:0;border-radius:10px;cursor:pointer;display:flex;font-size:1.7rem;font-weight:600;justify-content:center;padding:1.2rem 10rem;text-align:center}.btn--primary{background-color:var(--orange);color:var(--black-75-opacity)}.btn--primary:hover{background-color:#e66300}.btn .inline{align-items:center;display:flex;gap:12px}@media screen and (min-width:1024px){.btn{height:5rem;padding:1.2rem 8rem}}.details-wrapper{display:flex;flex-direction:column;justify-content:center}.card{width:35rem}.title{color:var(--dark-grayish-blue);font-size:1.6rem;font-weight:700;padding:1.2rem 0;text-transform:uppercase}.heading{font-size:3.2rem;text-transform:capitalize}.content{color:var(--dark-grayish-blue);font-size:1.6rem;padding:2rem 0}@media screen and (min-width:1024px){.card{width:41rem}.title{font-size:1.4rem;padding:.8rem 0}.heading{font-size:3.4rem}.content{font-size:1.6rem}}.product--price{justify-content:space-between}.amount,.product--price{align-items:center;display:flex}.amount{column-gap:20px;justify-content:center}.amount .current{font-size:2.8rem;font-weight:700;padding:1rem}.amount .percentage{background-color:#000;border-radius:5px;color:var(--white);font-size:1.3rem;padding:.2rem 1rem;text-align:center;width:5.4rem}.product--price .previous{color:var(--dark-grayish-blue);font-size:2.4rem;text-decoration:line-through}@media screen and (min-width:768px){.product--price{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start}.amount .current{padding:0}}.increment-decrement{align-items:center;background-color:#f7f8fd;border-radius:10px;display:flex;font-family:Kumbh Sans,sans-serif;justify-content:space-between;margin:0 auto;padding:10px;width:100%}.increment-decrement__button{background-color:initial;border:none;color:#ff7d19;cursor:pointer;font-size:18px;font-weight:700;transition:color .3s ease}.increment-decrement__quantity{color:#1d2025;font-size:16px;font-weight:700;margin:0;padding:0 15px}.material-symbols-outlined{font-size:20px;vertical-align:middle}@media (min-width:768px){.increment-decrement{margin:0;width:150px}}.image-wraper{max-width:450px}.image-container img{height:100%;object-fit:cover;width:100%}.cs-icon{align-items:center;background:#fff;border-radius:50%;cursor:pointer;display:flex;height:40px;justify-content:center;margin:0 5px;position:absolute;top:50%;transform:translateY(-50%);width:40px}.cs-icon:hover{background-color:#e1e6e6;box-shadow:0 4px 8px #0000001a}.previous-icon{left:0;padding-right:3px}.next-icon{padding-left:3px;right:0}@media screen and (min-width:1024px){.cs-icon,.next-icon,.previous-icon{display:none}.image-container{border-radius:10px;max-width:450px;overflow:hidden}}.product-list{display:flex;flex-direction:row;justify-content:space-between;margin:20px 0}.product-list .image-card{border-radius:10px;display:none;height:90px;min-height:90px;min-width:90px;overflow:hidden;width:90px}.product-list .image-card:hover{cursor:pointer}.image-card img{height:100%;width:100%}@media screen and (min-width:1024px){.product-list .image-card{display:block}.product-list .image-card.active{border:2px solid var(--orange);position:relative}.image-card.active:after{background-color:#fff9;content:"";height:100%;left:0;position:absolute;top:0;width:100%}}.lightbox-overlay{align-items:center;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.lightbox-content{background:#0000;border-radius:10px;max-width:600px;padding:45px;position:relative;text-align:center}.lightbox-image{border-radius:10px;max-width:100%}.close-btn{align-self:self-end;background:none;border:none;border-radius:30%;color:#fff;font-size:28px;height:40px;right:15px;top:10px;width:20px}.close-btn,.next-btn,.prev-btn{cursor:pointer;position:absolute}.next-btn,.prev-btn{align-self:center;background-color:#fff;border:none;border-radius:48%;font-size:24px;justify-content:center;padding:10px;top:45%}.prev-btn{left:30px}.next-btn{right:30px}.thumbnail-container{display:flex;justify-content:center;margin-top:10px}.thumbnail{border-radius:5px;cursor:pointer;height:50px;margin:5px;width:50px}.thumbnail.active{border:2px solid orange}
/*# sourceMappingURL=main.ad9e7705.css.map*/