@import"https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Kumbh Sans,sans-serif}body{background-color:#f8f9fa}.btn{width:100%;padding:1rem;border-radius:.5rem;background-color:#ff7d1a;color:#fff;text-decoration:none;font-weight:700;text-align:center;box-shadow:0 0 .5rem #ff7d1a}.btn:hover{opacity:.7}.nav-bar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #1d2025;max-width:80%;padding:2rem 0;margin:auto}.nav-bar .menu-links-btn,.nav-bar .close-links-btn{display:none}.nav-bar>div{display:flex;align-items:center;gap:3rem}.nav-bar>div .links{display:flex;align-items:center;list-style:none;gap:2rem}.nav-bar>div .links li{position:relative}.nav-bar>div .links li:after{content:"";width:0;height:4px;background-color:#ff7d1a;display:block;position:absolute;bottom:-3.1rem}.nav-bar>div .links li:hover:after{width:100%}.nav-bar>div .links li a{text-decoration:none;color:#68707d}.nav-bar>div .links li a:hover{color:#1d2025}.nav-bar>div .cart-btn{position:relative;background-color:transparent;border:none}.nav-bar>div .cart-btn .cart-icon{cursor:pointer}.nav-bar>div .cart-btn .cart-icon:hover{filter:brightness(0)}.nav-bar>div .cart-btn .cart-info{display:none;position:absolute;left:50%;top:3rem;transform:translate(-50%);flex-direction:column;width:min(300px,90vw);min-height:100px;background-color:#fff;border-radius:.5rem;box-shadow:0 .3rem 1rem #b6bcc8;text-align:left;z-index:2}.nav-bar>div .cart-btn .cart-info.active{display:flex}.nav-bar>div .cart-btn .cart-info h3{padding:1rem}.nav-bar>div .cart-btn .cart-info hr{border-color:#b6bcc8}.nav-bar>div .cart-btn .cart-info .cart-sales{display:flex;flex-direction:column-reverse;gap:1rem;padding:1rem}.nav-bar>div .cart-btn .cart-info .cart-sales .selected-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav-bar>div .cart-btn .cart-info .cart-sales .selected-item .selected-img{width:76px;border-radius:.5rem}.nav-bar>div .cart-btn .cart-info .cart-sales .selected-item .price{font-size:1.2rem;font-weight:400;margin:-2.5rem 0 0 -3rem}.nav-bar>div .cart-btn .cart-info .cart-sales .selected-item .delete-btn{width:20px;cursor:pointer}.nav-bar>div .cart-btn .cart-info .cart-sales .selected-item .delete-btn:hover{filter:brightness(0)}.nav-bar>div .cart-btn .cart-info .cart-sales .btn{margin-top:1rem!important}.nav-bar>div .avatar-img{width:56px;border-radius:50%;cursor:pointer}.nav-bar>div .avatar-img:hover{outline:3px solid #ff7d1a}.header,.aside{display:flex;justify-content:space-between;padding:5% 12.5%;gap:6rem}.header .image-section,.aside .image-section{width:100%;display:flex;flex-direction:column}.header .image-section .main-img,.header .image-section .main-img-2,.aside .image-section .main-img,.aside .image-section .main-img-2{width:100%;border-radius:1rem;cursor:pointer}.header .image-section .small-images,.aside .image-section .small-images{display:flex;gap:2rem;padding:2rem 0}.header .image-section .small-images .small-img,.header .image-section .small-images .small-img-2,.aside .image-section .small-images .small-img,.aside .image-section .small-images .small-img-2{width:100%;border-radius:1rem;cursor:pointer}.header .image-section .small-images .small-img.active,.header .image-section .small-images .small-img-2.active,.aside .image-section .small-images .small-img.active,.aside .image-section .small-images .small-img-2.active{opacity:.7;outline:3px solid #ff7d1a}.header .image-section .small-images .small-img:hover:not(.active),.header .image-section .small-images .small-img-2:hover:not(.active),.aside .image-section .small-images .small-img:hover:not(.active),.aside .image-section .small-images .small-img-2:hover:not(.active){opacity:.7}.header .details-section,.aside .details-section{width:100%;padding-top:5%}.header .details-section .mini-title,.aside .details-section .mini-title{font-size:.8rem;text-transform:uppercase;color:#ff7d1a;letter-spacing:1px;margin-bottom:.5rem}.header .details-section .title,.aside .details-section .title{font-size:2.5rem;color:#1d2025}.header .details-section .text,.aside .details-section .text{margin:1.5rem 0;color:#68707d;line-height:1.5rem}.header .details-section .price-section .price,.aside .details-section .price-section .price{display:inline;font-size:1.5rem}.header .details-section .price-section .discount,.aside .details-section .price-section .discount{padding:.25rem .5rem;color:#ff7d1a;background-color:#ffede0;border-radius:.5rem;margin-left:1rem}.header .details-section .price-section .previous-price,.aside .details-section .price-section .previous-price{text-decoration:line-through;color:#68707d;font-weight:400;margin:.5rem 0 2.5rem}.header .details-section .btns-section,.aside .details-section .btns-section{display:flex;gap:2rem}.header .details-section .btns-section .adding-section,.aside .details-section .btns-section .adding-section{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:.5rem;width:200px;background-color:#f2f2fa;border-radius:.5rem}.header .details-section .btns-section .adding-section img,.aside .details-section .btns-section .adding-section img{cursor:pointer}.header .details-section .btns-section .adding-section img:hover,.aside .details-section .btns-section .adding-section img:hover{opacity:.7}.header .details-section .btns-section .adding-section .count,.aside .details-section .btns-section .adding-section .count{font-weight:700}.header .details-section .btns-section .btn,.aside .details-section .btns-section .btn{display:flex;align-items:center;justify-content:center;gap:1rem}.header .details-section .btns-section .btn img,.aside .details-section .btns-section .btn img{filter:brightness(10)}.aside{display:none;top:0;left:0;position:fixed;align-items:center;justify-content:center;width:100%;min-height:100vh;background-color:#000000bf;z-index:2}.aside.active{display:flex}.aside .close-img{position:absolute;top:2rem;right:2rem;width:24px;filter:brightness(10);cursor:pointer}.aside .image-section{width:460px;position:relative}.aside .image-section .previous-btn,.aside .image-section .next-btn{position:absolute;filter:brightness(10);width:24px;top:50%;transform:translateY(-100%);left:calc(-10% - 24px);cursor:pointer}.aside .image-section .previous-btn:hover,.aside .image-section .next-btn:hover{opacity:.7}.aside .image-section .next-btn{left:110%}@media screen and (max-width: 1100px){.header,.aside{gap:3rem!important;padding:5%!important}.header .small-images,.aside .small-images{gap:1rem!important;padding:1rem 0!important}}@media screen and (max-width: 848px){.nav-bar{max-width:90%}.nav-bar>div{gap:1.5rem!important}.nav-bar>div .links{position:fixed;width:160px;height:100vh;top:0;left:-160px;background-color:#f8f9fa;flex-direction:column;align-items:flex-start!important;padding:1rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;z-index:3}.nav-bar>div .links li:after{bottom:0!important;height:.1rem!important}.nav-bar>div .links.active{left:0}.nav-bar>div .cart-info{left:-280%!important}.nav-bar .close-links-btn,.nav-bar .menu-links-btn{display:block!important;cursor:pointer;width:20px}.nav-bar .close-links-btn:hover,.nav-bar .menu-links-btn:hover{filter:brightness(0)}.header{flex-direction:column;padding:5% 10%!important}.previous-btn{left:calc(-5% - 24px)!important}.next-btn{left:105%!important}}@media screen and (max-width: 548px){.previous-btn,.next-btn{left:calc(50% - 12px)!important;top:-10%!important}.next-btn{top:115%!important}.header{padding:5%!important}}