@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700&display=swap);.btn-container{padding:12px 20px;border:1px solid var(--light-gray);border-radius:4px;background:inherit;color:var(--light-gray);font-size:17px;line-height:24.31px;min-width:120px;width:100%;display:inline-block;transition:color .2s ease-in-out}.btn-container:hover{color:var(--hb-orange)}.btn-container.with-icon{padding:12px 8px;display:flex;align-items:center;justify-content:space-between}.btn-container.secondary{color:var(--hb-orange);background:#fff3eb;border-radius:8px;border:1px solid transparent;padding:5px 12px}.btn-container.secondary:hover{background-color:rgba(255,96,0,.11)}.btn-container.secondary:disabled{background:var(--gray-secondary);font-size:10px;cursor:not-allowed;color:var(--primary-color)}.btn-container.danger{color:var(--danger);background:inherit;border-radius:8px!important;border:1px solid var(--danger);padding:5px 12px;transition:all .2s ease-out;font-size:10px;line-height:18px;max-width:47px}.btn-container.danger:hover{background-color:var(--danger);border:1px solid #fff;color:#fff}.btn-container.success{padding:5px 4px;background:#90d659;color:#fff;font-weight:700;text-transform:uppercase;transition:all .2s ease-out;font-size:12px}.btn-container.success:hover{background:#89f138}.btn-container.reject{padding:5px 4px;background:#d65959;color:#fff;font-weight:700;text-transform:uppercase;transition:all .2s ease-out;font-size:12px}.btn-container.reject:hover{background:#aa4747}.cart-items-container{background:#fff;padding:21px;border:1px solid var(--light-gray);max-height:400px;overflow-y:auto;-webkit-animation:animateCart .6s;animation:animateCart .6s}.cart-items-container::-webkit-scrollbar{width:4px}.cart-items-container::-webkit-scrollbar-thumb{background:#4f4f4f;border:1px solid #fff;border-radius:50px}.cart-items-container .single-cart-item{display:flex;padding-bottom:21px}.cart-items-container .single-cart-item .image-container{flex:1 1;max-width:54px;object-fit:contain;height:72px;margin-right:10px;border:1px solid rgba(255,0,0,.2);padding:7px 7px 5.77px;border-radius:4px}.cart-items-container .single-cart-item .image-container img{width:100%;height:100%}.cart-items-container .single-cart-item .cart-item-details{flex:3 1;display:flex;flex-direction:column;justify-content:space-between;font-size:12px}.cart-items-container .single-cart-item .cart-item-details p{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}@media (max-width:512px){.cart-items-container{max-height:200px}}header{padding:24px 80px;display:flex;align-items:center;box-shadow:0 1px 1px rgba(0,0,0,.35)}header .logo-container{width:211px;height:35px;flex-shrink:1;cursor:pointer;transition:-webkit-transform .4s ease-out;transition:transform .4s ease-out;transition:transform .4s ease-out,-webkit-transform .4s ease-out}header .logo-container:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}header .logo-container .logo{width:100%;height:100%}header .search-bar{background:#eee;padding:0 27px;display:flex;align-items:center;border-radius:100px;flex:1 1;max-width:695px;margin:0 auto}header .search-bar img{margin-right:11.5px}header .search-bar input{background:transparent;border:none;color:var(--light-gray);padding:15px 0;font-weight:400;width:100%;font-size:15px}header .search-bar input:focus{border:none;outline:none;color:var(--primary-color)}header .cart-container{position:relative;z-index:150}header .cart-container .quantity{width:18px;height:18px;border-radius:50%;padding:12px;color:#fff;background-color:var(--hb-orange);position:absolute;top:-10px;right:-12px;display:flex;align-items:center;justify-content:center}header .cart-container .white-line{display:none;position:absolute;height:20px;background-color:#fff;width:100%;border-left:1px solid var(--light-gray);border-right:1px solid var(--light-gray);text-align:center;right:0;bottom:-3%;z-index:4}header .cart-container .cart{position:absolute;min-width:360px;width:100%;right:0;display:none;-webkit-animation:animateCart .6s;animation:animateCart .6s}header .cart-container:hover .cart,header .cart-container:hover .white-line{display:block}header .cart-container:hover button{border-bottom-left-radius:0;border-bottom-right-radius:0;transition:all .2s ease-out}@media (max-width:512px){header{padding:24px 10px;flex-wrap:wrap;justify-content:center}header .search-bar{flex-basis:100%;margin:20px 0}header .cart-container{padding:0 20px;width:100%}header .cart-container .quantity{width:9px;height:9px;position:absolute;top:-5px;right:15px}header .cart-container .cart{position:relative;min-width:50px;width:100%;display:none;border:none}header .cart-container:hover .cart{display:block;display:flex;flex-direction:column}header .cart-container:hover .white-line{display:none}header .cart-container:hover button{border-bottom-left-radius:0;border-bottom-right-radius:0;transition:all .2s ease-out}}@-webkit-keyframes animateCart{0%{opacity:0}to{opacity:1}}@keyframes animateCart{0%{opacity:0}to{opacity:1}}.filter{margin-bottom:24px}.filter h3{margin-bottom:20px;text-transform:capitalize;font-size:16px;line-height:24px;font-size:500}.filter ul li{margin-bottom:6px;font-size:15px;line-height:15px;width:-webkit-max-content;width:max-content}.filter ul li:hover{cursor:pointer;color:var(--hb-orange)}.filter ul li.selected{color:var(--hb-orange);font-weight:700}@media (max-width:512px){.filter ul li{font-size:12px}}.bar{display:flex;justify-content:space-between}@media (max-width:512px){.bar{flex-wrap:wrap;flex-direction:column;justify-content:center;align-items:center}.bar .title{margin-bottom:10px}}.bar .searched-item-container .title{font-weight:700;font-size:28px;line-height:28px}.bar .searched-item-container .searched-word{color:var(--light-gray);font-size:15px}.bar .searched-item-container .searched-word span{color:var(--primary-color);font-weight:600}.bar .sorting{position:relative}.bar .sorting:hover .sorting-options{display:flex}.bar .sorting .sorting-options{flex-direction:column;color:#fff;background-color:#000;display:none;position:absolute;width:180px;z-index:100;-webkit-animation:animateSorting .4s;animation:animateSorting .4s}.bar .sorting .sorting-options div{display:flex;align-items:center;padding:8px 9px}.bar .sorting .sorting-options div img{opacity:0}.bar .sorting .sorting-options div img.selected{opacity:1}.bar .sorting .sorting-options div span{margin-bottom:4px;margin-left:4px;font-size:14px}.bar .sorting .sorting-options div:hover{cursor:pointer;background-color:#4169e1}@-webkit-keyframes animateSorting{0%{opacity:0}to{opacity:1}}@keyframes animateSorting{0%{opacity:0}to{opacity:1}}.filters .sticky{display:flex;flex-direction:column;padding:19px 0;position:-webkit-sticky;position:sticky;top:0}@media (max-width:512px){.filters .sticky{flex-direction:row;justify-content:space-between}}.image-gallery-icon{color:#fff;transition:all .3s ease-out;-webkit-appearance:none;appearance:none;background-color:transparent;border:0;cursor:pointer;outline:none;position:absolute;z-index:4;-webkit-filter:drop-shadow(0 2px 2px #1a1a1a);filter:drop-shadow(0 2px 2px #1a1a1a)}@media (hover:hover) and (pointer:fine){.image-gallery-icon:hover{color:#337ab7}.image-gallery-icon:hover .image-gallery-svg{-webkit-transform:scale(1.1);transform:scale(1.1)}}.image-gallery-icon:focus{outline:2px solid #337ab7}.image-gallery-using-mouse .image-gallery-icon:focus{outline:none}.image-gallery-fullscreen-button,.image-gallery-play-button{bottom:0;padding:20px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:28px;width:28px}@media (max-width:768px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:15px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:24px;width:24px}}@media (max-width:480px){.image-gallery-fullscreen-button,.image-gallery-play-button{padding:10px}.image-gallery-fullscreen-button .image-gallery-svg,.image-gallery-play-button .image-gallery-svg{height:16px;width:16px}}.image-gallery-fullscreen-button{right:0}.image-gallery-play-button{left:0}.image-gallery-left-nav,.image-gallery-right-nav{padding:50px 10px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:120px;width:60px}@media (max-width:768px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:72px;width:36px}}@media (max-width:480px){.image-gallery-left-nav .image-gallery-svg,.image-gallery-right-nav .image-gallery-svg{height:48px;width:24px}}.image-gallery-left-nav[disabled],.image-gallery-right-nav[disabled]{cursor:disabled;opacity:.6;pointer-events:none}.image-gallery-left-nav{left:0}.image-gallery-right-nav{right:0}.image-gallery{-webkit-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);position:relative}.image-gallery.fullscreen-modal{background:#000;bottom:0;height:100%;left:0;position:fixed;right:0;top:0;width:100%;z-index:5}.image-gallery.fullscreen-modal .image-gallery-content{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.image-gallery-content{position:relative;line-height:0;top:0}.image-gallery-content.fullscreen{background:#000}.image-gallery-content .image-gallery-slide .image-gallery-image{max-height:calc(100vh - 80px)}.image-gallery-content.left .image-gallery-slide .image-gallery-image,.image-gallery-content.right .image-gallery-slide .image-gallery-image{max-height:100vh}.image-gallery-slide-wrapper{position:relative}.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{display:inline-block;width:calc(100% - 110px)}@media (max-width:768px){.image-gallery-slide-wrapper.left,.image-gallery-slide-wrapper.right{width:calc(100% - 87px)}}.image-gallery-slide-wrapper.image-gallery-rtl{direction:rtl}.image-gallery-slides{line-height:0;overflow:hidden;position:relative;white-space:nowrap;text-align:center}.image-gallery-slide{left:0;position:absolute;top:0;width:100%}.image-gallery-slide.center{position:relative}.image-gallery-slide .image-gallery-image{width:100%;object-fit:contain}.image-gallery-slide .image-gallery-description{background:rgba(0,0,0,.4);bottom:70px;color:#fff;left:0;line-height:1;padding:10px 20px;position:absolute;white-space:normal}@media (max-width:768px){.image-gallery-slide .image-gallery-description{bottom:45px;font-size:.8em;padding:8px 15px}}.image-gallery-bullets{bottom:20px;left:0;margin:0 auto;position:absolute;right:0;width:80%;z-index:4}.image-gallery-bullets .image-gallery-bullets-container{margin:0;padding:0;text-align:center}.image-gallery-bullets .image-gallery-bullet{-webkit-appearance:none;appearance:none;background-color:transparent;border:1px solid #fff;border-radius:50%;box-shadow:0 2px 2px #1a1a1a;cursor:pointer;display:inline-block;margin:0 5px;outline:none;padding:5px;transition:all .2s ease-out}@media (max-width:768px){.image-gallery-bullets .image-gallery-bullet{margin:0 3px;padding:3px}}@media (max-width:480px){.image-gallery-bullets .image-gallery-bullet{padding:2.7px}}.image-gallery-bullets .image-gallery-bullet:focus{-webkit-transform:scale(1.2);transform:scale(1.2);background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active{-webkit-transform:scale(1.2);transform:scale(1.2);border:1px solid #fff;background:#fff}@media (hover:hover) and (pointer:fine){.image-gallery-bullets .image-gallery-bullet:hover{background:#337ab7;border:1px solid #337ab7}.image-gallery-bullets .image-gallery-bullet.active:hover{background:#337ab7}}.image-gallery-thumbnails-wrapper{position:relative}.image-gallery-thumbnails-wrapper.thumbnails-swipe-horizontal{touch-action:pan-y}.image-gallery-thumbnails-wrapper.thumbnails-swipe-vertical{touch-action:pan-x}.image-gallery-thumbnails-wrapper.thumbnails-wrapper-rtl{direction:rtl}.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{display:inline-block;vertical-align:top;width:100px}@media (max-width:768px){.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{width:81px}}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails{height:100%;width:100%;left:0;padding:0;position:absolute;top:0}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail{display:block;margin-right:0;padding:0}.image-gallery-thumbnails-wrapper.left .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail,.image-gallery-thumbnails-wrapper.right .image-gallery-thumbnails .image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:0;margin-top:2px}.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{margin:0 5px}@media (max-width:768px){.image-gallery-thumbnails-wrapper.left,.image-gallery-thumbnails-wrapper.right{margin:0 3px}}.image-gallery-thumbnails{overflow:hidden;padding:5px 0}@media (max-width:768px){.image-gallery-thumbnails{padding:3px 0}}.image-gallery-thumbnails .image-gallery-thumbnails-container{cursor:pointer;text-align:center;white-space:nowrap}.image-gallery-thumbnail{display:inline-block;border:4px solid transparent;transition:border .3s ease-out;width:100px;background:transparent;padding:0}@media (max-width:768px){.image-gallery-thumbnail{border:3px solid transparent;width:81px}}.image-gallery-thumbnail+.image-gallery-thumbnail{margin-left:2px}.image-gallery-thumbnail .image-gallery-thumbnail-inner{display:block;position:relative}.image-gallery-thumbnail .image-gallery-thumbnail-image{vertical-align:middle;width:100%;line-height:0}.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{outline:none;border:4px solid #337ab7}@media (max-width:768px){.image-gallery-thumbnail.active,.image-gallery-thumbnail:focus{border:3px solid #337ab7}}@media (hover:hover) and (pointer:fine){.image-gallery-thumbnail:hover{outline:none;border:4px solid #337ab7}}@media (hover:hover) and (pointer:fine) and (max-width:768px){.image-gallery-thumbnail:hover{border:3px solid #337ab7}}.image-gallery-thumbnail-label{box-sizing:border-box;color:#fff;font-size:1em;left:0;line-height:1em;padding:5%;position:absolute;top:50%;text-shadow:0 2px 2px #1a1a1a;-webkit-transform:translateY(-50%);transform:translateY(-50%);white-space:normal;width:100%}@media (max-width:768px){.image-gallery-thumbnail-label{font-size:.8em;line-height:.8em}}.image-gallery-index{background:rgba(0,0,0,.4);color:#fff;line-height:1;padding:10px 20px;position:absolute;right:0;top:0;z-index:4}@media (max-width:768px){.image-gallery-index{font-size:.8em;padding:5px 10px}}.single-product{border-radius:8px;font-size:12px;line-height:18px;position:relative;height:411px}.single-product:hover{border:1px solid var(--gray-secondary)}.single-product:hover .image-container{border:none;overflow:hidden}.single-product:hover .image-container img{-webkit-transform:scale(1.05);transform:scale(1.05)}.single-product:hover .product-body{display:none}.single-product:hover .product-cart-btn{display:block}.single-product .image-container{border:1px solid var(--gray-secondary);padding:3px 15px;border-radius:8px}.single-product .image-container img{width:100%;object-fit:contain;display:block;height:276px;transition:-webkit-transform .3s ease-in;transition:transform .3s ease-in;transition:transform .3s ease-in,-webkit-transform .3s ease-in}.single-product .product-name{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:9px 0 10px;height:32px;padding:0 18px}.single-product .product-body{display:flex;flex-direction:column;padding:0 18px}.single-product .product-body .brand span,.single-product .product-body .color span{font-weight:700}.single-product .product-body .new-price{margin-top:6px;font-weight:700;font-size:14px}.single-product .product-body .old-price{display:flex;align-items:center}.single-product .product-body .old-price span:first-child{color:#9b9b9b;text-decoration:line-through;margin-right:5px;font-size:13px;opacity:.7}.single-product .product-body .old-price span:last-child{color:#f90000;font-weight:700}.single-product .product-cart-btn{display:none;padding:12px;position:absolute;bottom:0;left:0;width:100%;-webkit-animation:animatebtn 1s;animation:animatebtn 1s}@media (max-width:512px){.single-product{height:auto}.single-product .product-cart-btn{position:relative}.single-product:hover .product-body,.single-product:hover .product-cart-btn{display:block}}@-webkit-keyframes animatebtn{0%{opacity:0}to{opacity:1}}@keyframes animatebtn{0%{opacity:0}to{opacity:1}}.pagination{width:100%;display:flex;align-items:center;margin-top:32px}.pagination .arrow,.pagination .pageLink{background:#fff;border:1px solid #eee;padding:9px 16px;border-radius:9px;font-size:10px;line-height:20px;color:#646464;display:flex;align-items:center;margin-right:4px;cursor:pointer;transition:all .1s ease-out}.pagination .arrow:hover,.pagination .pageLink:hover{border:1px solid var(--hb-orange)}.pagination .arrow:first-child{margin-right:12.2px}.pagination .arrow:last-child{margin-left:12.2px}.pagination .paginationList{list-style:none;display:flex;align-items:center;justify-content:center}.pagination .paginationList .active .pageLink{background:var(--hb-orange);border:1px solid transparent;color:#fff}body{background:transparent;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue;color:#333}.site-container{margin:2rem auto;max-width:1024px}.container{float:left;margin-right:20px;display:flex;justify-content:center}.card{overflow:hidden;background:#fff;max-width:204px;width:204px;border-radius:5px;margin-bottom:20px}.card-detail h3,.card-detail p{border-radius:5px;margin:10px 0}.card-image{margin:0;padding:0;height:240px;overflow:hidden}.card-image img{max-width:100%;height:auto}.loading{position:relative;background-color:#efefef}.loading.card-image{border-radius:5px}.loading:after{display:block;content:"";position:absolute;width:100%;height:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%);background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.5),transparent);-webkit-animation:loading 1.3s infinite;animation:loading 1.3s infinite}@-webkit-keyframes loading{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes loading{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.card-title.loading{height:24px;width:156px}.card-image.image{max-width:100%;height:auto}.card-description.loading{height:24px;width:116px}.products-main .products-container{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:15px;gap:15px}@media (max-width:1080px){.products-main .products-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.products-main .products-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:512px){.products-main .products-container{grid-template-columns:1fr}}.listing-container{padding:17px 78px 0 81px}.listing-container .body{max-width:1800px;margin:0 auto;padding:15px 0;display:grid;grid-template-columns:1fr 5fr;grid-gap:6px;gap:6px}@media (max-width:512px){.listing-container{padding:20px}.listing-container .body{grid-template-columns:1fr}}.backdrop{position:fixed;z-index:190;left:0;top:0;background-color:rgba(0,0,0,.3)}.backdrop,.modal{width:100%;height:100%}.modal{z-index:200;border-radius:8px;background-color:#fff;-webkit-animation:fadein .5s;animation:fadein .5s;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);max-width:400px;max-height:260px;display:flex;flex-direction:column}.modal .title{padding:23px 18px;border-bottom:1px solid #cdcdcd;font-weight:700;line-height:14px}.modal .body{padding:16px 38px 20px 20px;font-size:12px;line-height:16.8px;flex:1 1}.modal .footer{display:flex;justify-content:flex-end;padding:0 20px 25px 0}.modal .footer .footer-btns{display:flex;grid-gap:10px;gap:10px}@-webkit-keyframes fadein{0%{opacity:0;height:0}to{opacity:1;height:260px}}@keyframes fadein{0%{opacity:0;height:0}to{opacity:1;height:260px}}@media (max-width:512px){.modal{overflow-y:auto}.modal .footer .footer-btns{flex-wrap:wrap}}body,html{font-family:"Roboto",sans-serif;color:#484848;color:var(--primary-color);background-color:#fff}*{margin:0;padding:0;box-sizing:border-box;list-style:none}::-webkit-scrollbar{width:8px;height:1px}::-webkit-scrollbar-thumb{background:#4f4f4f;border:1px solid #fff;border-radius:50px}button{cursor:pointer}:root{--hb-orange:#ff6000;--light-gray:#b0b0b0;--gray-secondary:#e5e5e5;--primary-color:#484848;--danger:#f90000}
/*# sourceMappingURL=main.61604dc9.chunk.css.map */