.nav{background-color:var(--white);position:fixed;width:100%;left:0;top:0;height:90px;z-index:10}.navbar{height:100%;justify-content:space-between;border-bottom:1px solid var(--grayish-blue)}.navbar,.navbar__menu,.navbar__right,.navbar__left{display:flex;align-items:center}.navbar__menu{gap:2rem}.navbar__left,.navbar__right{gap:3rem}.navbar__right{position:relative}.hamburger-btn,.close-btn{font-size:3rem}.navbar__menu li a{position:relative}.navbar__menu li a:after{content:"";position:absolute;left:0;bottom:-35px;width:0%;height:5px;background-color:var(--orange);transition:width .3s ease-in-out}.navbar__menu li a:hover:after{width:100%}.close-btn{display:none}.avatar{width:4rem;border-radius:50%}.avatar:hover{border:2px solid var(--orange)}.cart{cursor:pointer;font-size:2.2rem}.hamburger-btn{display:none}@media (max-width: 730px){.navbar__menu li a:after{display:none}.navbar__menu li a{color:var(--black);font-weight:700}.navbar__menu{flex-direction:column;background-color:var(--white);width:70%;height:100%;align-items:flex-start;padding-top:30px;padding-left:10%}.navbar__menu-container{position:fixed;top:0;transition:.3s ease-in-out;width:100%;height:100vh;z-index:9999;background-color:#00000080}.hide__menu{left:-100%}.show__menu{left:0}.navbar__left{gap:1rem}.navbar__right{gap:2rem}.close-btn{margin-bottom:2rem}.close-btn,.hamburger-btn{display:block;cursor:pointer;width:2.5rem}.logo{width:12rem}}.notification{position:absolute;top:2px;right:60px;z-index:30;font-size:1.1rem}.notification p{padding:.1px 6px;border-radius:2px;background-color:var(--orange);color:var(--white)}@media (max-width: 730px){.notification{right:50px}}.product-container{width:80%;max-width:1536px;margin:90px auto 0;display:flex;gap:80px;justify-content:center;align-items:center;padding:3rem 0}.main-image{border-radius:10px;max-width:400px;max-height:390px;object-fit:cover;cursor:pointer;transition:.3s ease-in-out}.product-images{display:flex;flex-direction:column;gap:20px}.image-thumbnails{width:100%;display:flex;align-items:center;gap:10px}.image-thumbnails__img{border-radius:10px;width:90px;cursor:pointer;position:relative}.product__title{font-size:5rem}.product__tag{color:var(--orange);font-weight:700;font-size:1.4rem}.product__text{font-size:1.8rem}.product-select{display:grid;grid-template-columns:.8fr 1.2fr;gap:10px}.quantity-selector{background-color:var(--light-grayish-blue);display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-radius:5px;font-size:1.8rem}.decrease-btn{display:flex;align-items:center;justify-content:center}.increase-btn,.decrease-btn{font-size:2.9rem;font-weight:700;color:var(--orange);cursor:pointer;padding:2px 6px}.increase-btn:hover,.decrease-btn:hover{color:#ff9a4d}.product-details{max-width:700px;justify-self:center;display:flex;gap:20px;flex-direction:column}.add-to-cart{display:flex;justify-content:center;align-items:center;gap:10px;padding:15px 0;background-color:var(--orange);border-radius:5px;color:var(--white);cursor:pointer;transition:.2s ease-out;font-weight:700;font-size:1.6rem}.add-to-cart:hover{background-color:#ff9a4d}.product-images__container{position:relative}.arrow-btn{font-size:1.8rem;text-align:center;cursor:pointer;display:none}.arrow-btn .right,.arrow-btn .left{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:40px;background-color:var(--white);color:var(--black);border-radius:50%;transition:background-color .3s ease-in-out;display:flex;align-items:center;justify-content:center}.arrow-btn .left{left:5%}.arrow-btn .right{right:5%}.selected-thumbnail{border:3px solid var(--orange)}.fade-out{opacity:0}.price{display:flex;flex-direction:column;gap:10px}.price__container{display:flex;align-items:center;gap:15px}.price__discount{color:var(--orange);background-color:var(--pale-orange);padding:3px 8px;font-size:1.4rem;border-radius:5px;font-weight:700}.price__main{font-size:2.8rem;letter-spacing:1.8px}.price__cancelled{color:var(--grayish-blue);text-decoration:line-through}@media (max-width: 970px){.product-container{flex-direction:column;gap:30px;width:100%;margin:0 auto;top:90px;left:0;position:absolute}.product-images{flex-direction:row}.main-image{max-width:48rem;max-height:48rem}.image-thumbnails__img{width:11.5rem}.image-thumbnails{flex-direction:column}.product__title{font-size:4rem}}@media (max-width: 690px){.product-container{padding-top:0;padding-bottom:3rem}.image-thumbnails{display:none}.main-image{max-width:70rem;max-height:70rem;width:100%;height:auto;border-radius:0;cursor:default}.product-details{width:90%}.arrow-btn{display:block}.product-select{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.price{flex-direction:row;align-items:center;justify-content:space-between}}@media (max-width: 500px){.product__title{font-size:3.2rem}.price__main{font-size:2.8rem}.price__cancelled{font-size:1.6rem}.price__discount{font-size:1.4rem}}@media (max-width: 270px){.price{flex-direction:column;align-items:flex-start}}.cart-container{background-color:var(--white);position:fixed;width:330px;top:80px;right:5%;box-shadow:3px 10px 20px #0003;transition:.2s ease-out;border-radius:5px;z-index:20}.divider{background-color:var(--grayish-blue);height:.5px}.show__cart{transform:scale(1)}.hide__cart{transform:scale(0)}.cart__title{padding:15px;font-weight:400;font-size:1.5rem}.cart__button{padding:1.5rem 2rem;background-color:var(--orange);width:100%;cursor:pointer;color:var(--white);margin-top:20px;border-radius:3px;box-shadow:1px 1px 5px #0000001a;transition:.3s ease-in-out}.cart__button:hover{background-color:#ff9a4d}.cart__bottom{width:90%;margin:0 auto;height:160px;display:flex;flex-direction:column;justify-content:center;align-items:center}.cart__image{width:5rem;border-radius:5px}.cart__values{display:flex;align-items:center;gap:5px}.cart__product{display:flex;align-items:center;justify-content:space-between;width:100%}.cart__details{font-size:1.5rem}.cart__name{line-height:1.2}.cart__delete{cursor:pointer;color:var(--grayish-blue);transition:.3s ease-in-out}.cart__delete:hover{color:var(--dark-grayish-blue)}.cart__totalPrice{font-weight:700}@media (max-width: 690px){.cart-container{width:90%;left:5%;top:110px}.cart__product{gap:5px}}:root{--orange: hsl(26, 100%, 55%);--pale-orange: hsl(25, 100%, 94%);--very-dark-blue: hsl(220, 13%, 13%);--dark-grayish-blue: hsl(219, 9%, 45%);--grayish-blue: hsl(220, 14%, 75%);--light-grayish-blue: hsl(223, 64%, 98%);--white: hsl(0, 0%, 100%);--black: hsl(0, 0%, 0%)}html{font-size:62.5%;overflow-x:hidden}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-size:1.6rem;font-family:Kumbh Sans,sans-serif}ul{padding:0;margin:0}li{list-style:none}a{text-decoration:none}a,p{color:var(--dark-grayish-blue)}p{line-height:1.6}img{max-width:100%;height:auto}button{background-color:transparent;border:none;font-family:Kumbh Sans,sans-serif}.container{width:85%;max-width:1536px;margin:0 auto;position:relative}@media (max-width: 830px){.container{width:90%}}