@import"https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&display=swap";.header_container{width:70%;display:flex;justify-content:start;margin:0 10rem 2rem;border-bottom:.09rem solid hsl(220,14%,75%,.5);padding-bottom:2rem;padding-top:1rem;gap:23rem}.header_container nav{width:55%;display:flex;align-items:center;justify-content:space-around;flex-basis:50%}.header_container nav ul{display:flex;align-items:center;gap:1.2rem}.header_container nav li{list-style-type:none;font-size:16px;color:#b6bcc8;cursor:pointer;font-weight:500;position:relative}.header_container nav li .hover_box{position:absolute;width:100%;height:.2rem;background-color:#ff7d1a;z-index:1;top:70px;display:none}.header_container nav li:hover{color:#000;opacity:.75;transition:all 5ms ease}.header_container nav li:hover .hover_box{display:block;transition:all 5ms ease}.user_box{display:flex;align-items:center;gap:2rem;flex-basis:30%}.user_box .cart{color:#000;cursor:pointer}.cart_icon{cursor:pointer;font-size:23px;color:#000;opacity:.75}.user_box .avatar{height:3rem;width:3rem;border-radius:50%;border:.2rem solid hsl(15,4%,82%)}.user_box .avatar:hover{cursor:pointer;border:.2rem solid hsl(26,100%,55%)}.cart_box{width:25rem;height:17rem}.cart_box>span{font-size:1.3rem;padding:1rem;font-weight:700}.cart_box>hr{margin-top:1.2rem;background-color:#dee4f2}.cart_item{display:flex;width:100%;height:70%;align-items:center;justify-content:center;flex-direction:column}.cart_item>p{font-size:1.1rem;font-weight:700;color:#7687a7}.cart_item_img{width:100%;display:flex;align-items:center;padding:0 1rem 1rem 2rem;gap:1rem}.cart_item_img>img{width:4rem;height:4rem;border-radius:8%}.cart_item_img>span{font-size:1.1rem;font-weight:500;color:#b6bcc8;margin-top:1rem!important}.cart_item_img>span>p:nth-child(1){margin-bottom:0!important}.cart_item_img>span>p:nth-child(2){margin-top:0!important}.checkout_btn{width:85%;height:3.5rem;border:none;border-radius:.6rem;font-weight:700;font-size:1.2rem;background-color:#ff7d1a;color:#f7f8fd;margin-top:1rem;cursor:pointer}.checkout_btn:hover{cursor:pointer;box-shadow:#ed6120b9 0 5px 15px;transition:all .3s ease-in-out}.del_icon{color:#b6bcc8;margin-top:1rem;margin-left:1rem;font-size:1.3rem}.user_box :where(.css-dev-only-do-not-override-1km3mtt).ant-badge .ant-badge-count{background-color:#ff7d1a!important;line-height:17px!important;min-width:28px!important;height:16px}.header_container nav .line_icon{display:none}@media (min-width: 375px) and (max-width: 767px){.header_container{width:100vw}.header_container nav{margin:0;padding:0;gap:0}.header_container nav .line_icon{display:block;color:#000;font-size:2.5rem;margin-right:2rem}.header_container nav ul{display:none}}body{font-size:62.5%}.hero_box{width:84vw;display:flex;justify-content:start;margin:3rem 10rem 1rem 8rem}.text_box{flex-basis:50%;display:flex;flex-direction:column;text-align:start;padding:3rem 10rem 4rem 6rem;font-family:Kumbh Sans,sans-serif}.image_box{flex-basis:50%;display:flex;align-items:center;justify-content:center;flex-direction:column}.image_box>img{width:23rem;height:75%;border-radius:5%;cursor:pointer}.image_box .thumbnail-box{margin-top:1.5rem;display:flex;align-items:center;justify-content:start;gap:1.1rem}.image_box .thumbnail-box .thumb_image{width:4.8rem;height:4.8rem;border-radius:.6rem;border:.15rem solid white}.image_box .thumbnail-box .thumb_active{border:.15rem solid hsl(26,100%,55%)}.image_box .thumbnail-box .thumb_image>img{width:4.8rem;height:4.8rem;border-radius:.4rem}.active{opacity:.3}.image_box .thumbnail-box .thumb_image>img:hover{opacity:.3;cursor:pointer}.text_box>h4{color:#f4ab76;font-size:.8rem;letter-spacing:1px;margin-bottom:.2rem!important}.text_box>h1{margin-top:0!important;font-size:2.5rem;line-height:1.2}.text_box>p{font-size:1rem;color:#b6bcc8}.text_box .price_box{display:flex;align-items:center;gap:1rem;margin-bottom:0!important;margin-right:1rem}.text_box .price_box>h2{font-size:1.8rem;font-weight:700;margin-bottom:0!important}.text_box .price_box>h3{background-color:#ffede0;padding:.2rem;color:#ff7d1a;font-size:1rem;border-radius:20%;margin-bottom:0!important}.text_box>del{margin-top:.1rem!important;font-size:.9rem;font-weight:700;color:#b6bcc8}.del_icon{cursor:pointer}.text_box>.btn_box{display:flex;align-items:center;gap:1.5rem;margin-top:1rem}.text_box>.btn_box>span{display:flex;align-items:center}.text_box>.btn_box>span>button{width:4rem;height:3rem;color:#ff7d1a;font-size:1.8rem;font-weight:700;outline:none;border:none;background-color:#f7f8fd}.text_box>.btn_box>span>.sub_btn{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.text_box>.btn_box>span>.add_btn{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.text_box>.btn_box>span>input{outline:none;border:none;width:4rem;height:3rem;text-align:center;font-size:1.3rem;font-weight:700;background-color:#f7f8fd}.text_box>.btn_box>span>button:hover{cursor:pointer;color:#d68043;box-shadow:#89899733 0 7px 29px}.text_box>.btn_box>button{height:3rem;width:50%;border:none;border-radius:.5rem;font-weight:700;font-size:1rem;background-color:#ff7d1a;color:#f7f8fd;display:flex;align-items:center;justify-content:center;gap:.8rem}.text_box>.btn_box>button:hover{cursor:pointer;box-shadow:#ed6120b9 0 5px 15px;transition:all .3s ease-in-out}:where(.css-dev-only-do-not-override-1km3mtt).ant-modal-root .ant-modal-mask{background-color:#181717c7!important;overflow:hidden!important}.modal_image .ant-modal-content{background:transparent;box-shadow:none;width:100%;height:39rem;overflow:hidden!important}.modal_image .ant-modal-body{background:transparent}.modal_image .carousel_box{padding-top:.5rem}.modal_image .carousel_box .carousel{border-radius:2%;position:relative}.prev_span{position:absolute;color:#000;background-color:#fff;top:39%;left:1px;z-index:1;width:3rem;height:3rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.prev_span>.prev_arrow{font-size:1.5rem;font-weight:700}.next_span{position:absolute;color:#000;background-color:#fff;top:39%;right:1px;z-index:1;width:3rem;height:3rem;border-radius:50%;display:flex;justify-content:center;align-items:center}.next_span>.next_arrow{font-size:1.5rem;font-weight:700}.next_span:hover .next_arrow,.prev_span:hover .prev_arrow,.next_span>.next_arrow:hover,.prev_span>.prev_arrow:hover{color:#d68043;transition:all .2s ease}.carousel.carousel-slider .control-arrow{opacity:0}.modal_image .carousel_box .carousel>img{width:30rem;height:100%;border-radius:2%}.control-dots{display:none}.thumbs-wrapper li{border:none!important;padding:none!important;border-radius:.5rem!important;cursor:pointer}.thumbs-wrapper li:hover{background-color:#fff;padding:0!important}.thumbs-wrapper li:hover img{opacity:.5}.carousel.carousel-slider .control-arrow:hover{background:none!important}.carousel .thumb>img{border-radius:.2rem!important}.carousel .thumb.selected{border:.15rem solid hsl(26,100%,55%)!important;padding:0!important;background-color:#fff}.carousel .thumb.selected>img{opacity:.5}.carousel .control-arrow{opacity:0}.carousel .carousel-status{display:none}.modal_image .ant-modal-content .ant-modal-close{top:-4px!important;color:#ff7d1a}.modal_image .ant-modal-content .ant-modal-close>span{font-size:1.5rem}.modal_image .ant-modal-content .ant-modal-close>span>svg{height:2rem;font-weight:bolder!important}@media (min-width: 375px) and (max-width: 767px){.hero_box{flex-direction:column}.image_box{width:100vh}.image_box{flex-basis:content;margin:0;padding:0}.image_box .thumbnail-box{display:none}.text_box{margin:0;padding:0}.text_box .btn_box{flex-direction:column;width:100vw}.text_box .btn_box span,.text_box .btn_box button{width:100%}}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{-webkit-transition:all .25s ease-in;-moz-transition:all .25s ease-in;-ms-transition:all .25s ease-in;-o-transition:all .25s ease-in;transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:""}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{-webkit-transition:all .15s ease-in;-moz-transition:all .15s ease-in;-ms-transition:all .15s ease-in;-o-transition:all .15s ease-in;transition:all .15s ease-in;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translateZ(0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{-webkit-transition:border .15s ease-in;-moz-transition:border .15s ease-in;-ms-transition:border .15s ease-in;-o-transition:border .15s ease-in;transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;-webkit-transition:height .15s ease-in;-moz-transition:height .15s ease-in;-ms-transition:height .15s ease-in;-o-transition:height .15s ease-in;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-moz-flex;display:-webkit-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{-webkit-flex-direction:column;flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:.25;-webkit-transition:opacity .35s ease-in-out;-moz-transition:opacity .35s ease-in-out;-ms-transition:opacity .35s ease-in-out;-o-transition:opacity .35s ease-in-out;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{-webkit-transition:opacity .25s ease-in;-moz-transition:opacity .25s ease-in;-ms-transition:opacity .25s ease-in;-o-transition:opacity .25s ease-in;transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px #000000e6;background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,.9);color:#fff}.carousel:hover .slide .legend{opacity:1}:root{font-family:Kumbh Sans,sans-serif;line-height:1.5;font-weight:400}body{margin:0;width:100vw;height:100vh;padding:0;box-sizing:border-box;font-size:62.5%;overflow:hidden}
