@import"https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@100..900&display=swap";.mainBody{margin-top:1rem;display:flex;max-width:64rem;justify-content:center;align-items:center}.mainBody .content{display:flex;flex:1;justify-content:space-around;gap:6rem;align-items:center}.mainBody .content .imgCont{display:flex;flex-direction:column;width:100%}.mainBody .content .imgCont .images{width:100%;border-radius:1rem}.mainBody .content .imgCont .thumbNailsContainer{margin-top:2rem;gap:1rem;display:flex}.mainBody .content .imgCont .thumbNailsContainer .thumbnails{width:calc((100% - 3rem)/4);height:auto;border-radius:.5rem;border:2px solid transparent;transition:all .2s ease-in-out}.mainBody .content .imgCont .thumbNailsContainer .thumbnails:hover{border:3px solid transparent;background-color:#ff7d1a;box-shadow:0 0 10px #ffa500b3;cursor:pointer;opacity:60%}.mainBody .content .summary{display:flex;flex-direction:column;justify-content:center}.mainBody .content .summary h3{font-weight:700;font-size:.75rem;color:#68707d;text-transform:uppercase;letter-spacing:.1rem}.mainBody .content .summary h2{color:#1d2025;margin-top:1rem;font-size:2.5rem}.mainBody .content .summary p{color:#68707d;margin-top:2rem}.mainBody .content .summary .priceTag{margin-top:2rem;font-weight:700;font-size:1.5rem}.mainBody .content .summary .price{display:flex;align-items:baseline}.mainBody .content .summary .discount{background-color:#1d2025;color:#fff;padding:.2rem .5rem;border-radius:.5rem;margin-left:1rem;font-size:1rem;font-weight:700}.mainBody .content .summary .crossed{text-decoration:line-through;font-weight:700;margin-top:.5rem;color:#68707d}.mainBody .content .summary .btns{display:flex;margin-top:2rem;gap:1rem}.mainBody .content .summary .btns .btns1{display:flex;align-items:center;flex:.3;background-color:#eff5fd;justify-content:space-between;padding:.75rem;border-radius:.5rem;box-shadow:10px 10px 80px -10px #0000001a}.mainBody .content .summary .btns .btns1 .minus,.mainBody .content .summary .btns .btns1 .plus{cursor:pointer;fill:#ff7d1a}.mainBody .content .summary .btns .btns1 .minus:hover,.mainBody .content .summary .btns .btns1 .plus:hover{cursor:pointer;fill:#f9b98b}.mainBody .content .summary .btns .btns2{display:flex;justify-content:center;padding:1rem;flex:.61;align-items:center;border:1px solid #FF7D1A;border-radius:.5rem;background-color:#ff7d1a;cursor:pointer;transition:all .2s ease-in-out;outline:none}.mainBody .content .summary .btns .btns2:hover{background-color:#f9b98b;border:1px solid #f9b98b}.mainBody .content .summary .btns .btns2 span{margin-left:.75rem;font-weight:700;font-size:1rem;color:#1d2025}.divider{display:flex;max-width:70%;width:inherit;border:.2px solid #e9ecf3;margin-bottom:5rem}@media (max-width: 769px){.divider{display:none}.mainBody{width:100%;margin-top:0}.mainBody .content{flex-direction:column;gap:.5rem}.mainBody .content .imgCont .images{border-radius:0rem}.mainBody .content .thumbNailsContainer,.mainBody .content .thumbNailsContainer .thumbnails{display:none}.mainBody .content .btns{flex-direction:column}.mainBody .content .btns .btns2{padding:1rem;margin-bottom:.4rem;box-shadow:.2rem .3rem 1rem #ff7d1a;outline:none}.mainBody .content .summary{padding-top:0;padding-left:1.75rem;padding-right:1.75rem;padding-bottom:1.75rem}.mainBody .content .summary h2{font-size:1.75rem}}.modalWrapper{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000000bf;width:100%;height:100vh}.modalContainer{position:absolute;width:30%;display:flex;flex-direction:column;aspect-ratio:1;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:2.2rem}.modalContainer .imgCont{max-width:100%;display:flex}.modalContainer .imgCont img{border-radius:1rem}.modalContainer .imgCont .cross{position:absolute;top:-3.5rem;left:95%;color:#fff;transition:all .2s ease-in-out}.modalContainer .imgCont .cross:hover{color:#ff7d1a;cursor:pointer}.modalContainer .imgCont .arrowBackCont{display:flex;justify-content:center;align-items:center;position:absolute;top:36%;right:94.5%;width:12%;aspect-ratio:1;background-color:#fff;border-radius:2rem;cursor:pointer;color:#000;transition:all .2s ease-in;box-shadow:10px 10px -30px #000000bf}.modalContainer .imgCont .arrowBackCont:hover{color:#ff7d1a}.modalContainer .imgCont .arrowNextCont{display:flex;justify-content:center;align-items:center;position:absolute;top:35%;left:94.5%;width:12%;aspect-ratio:1;background-color:#fff;border-radius:2rem;box-shadow:10px 10px -30px #000000bf;cursor:pointer;color:#000;transition:all .2s ease-in}.modalContainer .imgCont .arrowNextCont:hover{color:#ff7d1a}.thumbnailsCont{margin-top:2rem;gap:1.75rem;display:flex;width:85%}.thumbnailsCont img{border-radius:1rem;width:20%;height:auto;transition:all .2s ease-in-out}.thumbnailsCont img:hover,.thumbnailsCont img :focus{border:2px solid transparent;background-color:#ff7d1a;box-shadow:0 0 10px #ffa500b3;cursor:pointer;opacity:.6}@media (max-width: 1000px){.modalContainer .imgCont .cross{position:absolute;top:-3.5rem}}.headerMain{display:flex;justify-content:space-around;padding:0rem;width:100%;margin-bottom:1rem}.headerMain .left-section{display:flex;align-items:center;gap:2rem}.headerMain .left-section li{list-style-type:none}.headerMain .right-section{display:flex;align-items:center;gap:2.5rem}.headerMain .right-section .cartContainer{display:flex;position:relative}.headerMain .right-section .cartQuantity{position:absolute;top:-15px;right:-10px;color:#fff;border-radius:.5rem;aspect-ratio:1;width:.5%;padding-bottom:0;padding-top:0;padding-left:.7rem;padding-right:.7rem;display:flex;justify-content:center;align-items:center;background-color:#ff7d1a}.headerMain .right-section .avatar{width:4rem;border-radius:3rem;transition:all .1s ease-in-out}.headerMain .right-section .avatar:hover{cursor:pointer;border:3px solid rgb(70,70,190)}.headerMain .right-section .cartIcon{fill:#68707d;transition:all .2s ease-in-out}.headerMain .right-section .cartIcon:hover{fill:#1d2025;cursor:pointer}@media (max-width: 769px){.headerMain{margin-top:1rem}.headerMain .right-section{align-items:center}.headerMain .right-section .avatar{width:2rem;margin-top:.5rem}}@media (max-width: 280px){.headerMain .left-section,.headerMain .right-section{gap:.5rem}.headerMain .right-section .avatar{width:1.5rem}}.cartMain{display:flex;position:absolute;top:13%;width:22%;padding:.5rem;right:11%;border-radius:.75rem;flex-direction:column;background-color:#f7f8fd;box-shadow:15px 15px 50px #0000001a}.cartMain .divider{border:1px solid #edeff9;width:100%;max-width:100%;margin:0}.cartMain .cartP{padding:1.5rem 1.25rem;font-weight:700;color:#1d2025;display:flex;justify-content:space-between;align-items:center}.cartMain .closeCart{fill:#68707d;transition:all .1s ease-in-out;margin-left:.5rem}.cartMain .closeCart:hover{fill:#1d2025;cursor:pointer}.cartMain .emptyCart{display:flex;align-items:center;justify-content:center;padding:3rem}.cartMain .emptyCart p{color:#68707d;font-weight:700}.cartMain .cartInfo{display:flex;padding:1rem .5rem;gap:1rem;align-items:center}.cartMain .cartInfo .infoAlign{display:flex;flex-direction:column}.cartMain .cartInfo .infoAlign .productQuant{color:#68707d}.cartMain .cartInfo .infoAlign .finalPrice{color:#1d2025;font-weight:700;margin-left:.3rem}.cartMain .cartInfo .infoAlign p{margin-bottom:.3rem;font-size:.9rem;font-weight:500;color:#68707d}.cartMain .cartInfo .thumbnail{width:16.5%;border-radius:.5rem}.cartMain .cartInfo .removeCart{margin-top:1rem;margin-left:auto}.cartMain .cartInfo .removeCart .trashIcon{fill:#b6bcc8;cursor:pointer;transition:all .2s ease-in-out}.cartMain .cartInfo .removeCart .trashIcon:hover{fill:#1d2025}.cartMain .buttonDiv{display:flex;padding:.5rem .6rem;max-width:100%}.cartMain .buttonDiv .checkoutButton{width:100%;padding:.9rem;background-color:#ff7d1a;border:1px solid #FF7D1A;color:#1d2025;border-radius:.5rem;font-weight:700;box-shadow:20px 20px 20px #0000001a}@media (max-width: 1193px){.cartMain{width:30%;z-index:100}.cartMain .cartInfo .removeCart .trashIcon{width:50%}}@media (max-width: 769px){.cartMain{width:90%;right:5%;top:15%}}.sideBarWrapper{display:flex;width:100%;background-color:#000000bf;position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;z-index:100;opacity:0;pointer-events:none;transition:opacity .3s ease-out}.sideBarWrapper.open{opacity:1;pointer-events:auto}.sideBarContainer{display:flex;flex-direction:column;gap:1.5rem;width:65%;background-color:#fff;position:fixed;top:0;bottom:0;left:-65%;padding:1.25rem;transition:left .3s ease-out;z-index:101}.sideBarContainer.open{left:0}.sideBarContainer svg{margin-bottom:2rem;cursor:pointer}.sideBarContainer ul{list-style-type:none;padding:0;margin:0}.sideBarContainer li{margin-bottom:1rem}.previewerMain{width:100%;overflow:hidden;position:relative}.previewerMain .imgSlider{display:flex;transition:transform .4s ease-in-out}.previewerMain img{width:100%;flex-shrink:0}.previewerMain .prevImg,.previewerMain .nextImg{position:absolute;transform:translateY(-50%);top:50%;background-color:#fff;width:2.5rem;aspect-ratio:1;display:flex;justify-content:center;align-items:center;border-radius:1.75rem;border:none;z-index:10}.previewerMain .nextImg{right:5%;top:50%}.previewerMain .prevImg{left:5%}*,*:after,*:before{padding:0;margin:0;box-sizing:border-box}html{font-family:Kumbh Sans}.container{display:flex;width:100%;height:100vh;background:#fff;flex-direction:column;align-items:center;padding:1.75rem}li{cursor:pointer;position:relative;color:#68707d}li:after{content:"";background-color:#ff7d1a;position:absolute;top:3.657rem;left:50%;width:0;height:3px;transition:width .3s ease,left .3s ease}li:hover{color:#1d2025}li:hover:after{width:100%;left:0}@media (max-width: 769px){.container{padding:0}.container li{font-weight:700;color:#1d2025}.container li :after{content:"";width:0;height:0;transition:0}.container li:hover{color:#1d2025}.container li:hover:after{width:0}}