.step{width:80px;height:80px}
.figure { position: relative; width: 360px; max-width: 100%; }
.product-description{font-family:Helvetica}
.figure img.image-hover {
     position: absolute;
     top: 0;
     right: 0;
     left: 0;
     bottom: 0;
     object-fit: contain;
     opacity: 0;
     transition: opacity .2s;
}
.figure:hover img.image-hover {
     opacity: 1;
}
.sticky-header{
     position: sticky;
     top: 0!important;
     z-index: 1024;
}
.cat-img{max-width:50%}
.store li a{color:#444!important}
.hp-container #hp-header{background:transparent}
.hp-container #hp-header .hp-header-top li:last-child:after{filter: contrast(0);}
.product-img{min-height:340px;background-size:contain;background-repeat:no-repeat;background-position:center}
.zoom {
     display:inline-block;
     position: relative;
}
@media(min-width:480px){
     .splide__slide img{border-radius:0px 0px 25px 25px}
}
h1.product-title sup{position:relative;top:-10px;color:#dfdfdf;font-size:12px}
.adult-icon{position:absolute;top:10px;right:10px;font-size:12px;color:#dfdfdf;z-index:9}
.stock-1{opacity:0.6}
.zoomImg{background:#fff}
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link{    background-color: #efefef;    border-color: #dee2e6 #dee2e6 transparent;}
.product-detail .nav-link{color:#d8345f}
.hp-container .row>*{padding-left:15px;padding-right:15px}
.product-box{cursor:pointer;border:1px solid #fff}
.product-box:hover{box-shadow:0px 0px 20px 10px #dfdfdf!important;}
.mid-products-splide .product-box:hover{box-shadow:none!important;}
.mid-products-splide .splide__pagination{bottom:-5px}
.product-detail .add-to-cart{height:50px}
.product-detail-product-list .nav-link,.product-detail .nav-link{color:#888}
.product-detail-product-list button.nav-link, .product-information button.nav-link{border:0px;background-color:transparent!important}
.product-detail-product-list button.nav-link.active, .product-information button.nav-link.active{font-weight:bold;border-bottom:2px solid #000}
.mt-6{margin-top:30px}
.page-load-status.show{display:none!important}
.sidenav {
     height: 100%; 
     width: 0; 
     position: fixed; 
     z-index: 1024; 
     top: 0; 
     left: 0;
     overflow-x: hidden; 
     padding-top: 15px; 
     transition: 0.5s; 
     background:#efefef;
     max-width:360px;
     box-shadow:rgb(0 0 0) 10px 0px 30px;
}
.sidenav a {
     padding: 8px 8px 8px 32px;
     text-decoration: none;
     font-size: 25px;
     color: #444;
     display: block;
     transition: 0.3s;
}

.filter-sticky{
     z-index:1019;top:80px
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
     color: #f1f1f1;
}

/* Position and style the close button (top right corner) */
.sidenav .closebtn {
     position: absolute;
     top: 0;
     right: 25px;
     font-size: 36px;
     margin-left: 50px;
}
.color-info{font-size:12px;background: #fff;    border-radius: 5px;    box-shadow: 0px 0px 5px #afafaf;    padding: 3px 5px;}
.color-info img{height:12px;margin-bottom:2px}
.store-nav a.nav-link{color:#444}
.store-nav a.nav-link.active{color:#d8345f;border-bottom:2px solid #d8345f}
.mid-banner .banner-title{text-shadow:0px 0px 5px #000}
@media(max-width:768px){
     .filter-btn{box-shadow:0px 0px 10px 10px #efefef}
     .filter-sticky{top:80px}
     .product-img{min-height:220px}
     .product-list .col-6:nth-child(even) .product-box, #others .col-6:nth-child(even) .product-box {padding-left:3px}
     .product-list .col-6:nth-child(odd) .product-box,  #others .col-6:nth-child(odd) .product-box {padding-right:3px}
     .brand-detail .product-info .product-title, .product-detail .product-info .product-title{font-size:12px}
     /* .product-box:hover{box-shadow:none!important;} */
     .product-box{box-shadow:0 0 5px #dfdfdf!important}
     .color-info{font-size:10px}
     .color-info img{height:10px}
     .store-nav-bar{border-radius:10px;}
     .store-nav-bar a {font-size:14px}
}
.st-btn > img{
     width:20px!important;
     height:20px!important;
}
.product-detail .social-bar{
     height: 45px!important;
}
.use-coupon:hover{
     background:#D8345F!important;
     color:#fff!important;
}
.stk-info p, .stk-info a{
     font-size:11px!important
}
#st-1{z-index:99!important}
.splide .shadow{box-shadow:none!important}
.color-bubble{width:30px;height:30px;border:1px solid #cfcfcf}

@media only screen and (max-width: 768px){
     /* .hp-container { width: 100%; } */
     .hp-container.slider, .hp-container.brand-header {width:100%}
     .brand-logo-img{height:20px}
     .xs-text-center { text-align:center;}
}
.brand-logo-img{height:30px}
.list-group-item.brand-title{line-height:30px}
@media (min-width:1240px){
     .store-desc{margin-left:-55px}
}
@media (max-width:1240px){
     .new-filter .btn,.new-filter input,.store-nav a.nav-link{font-size:12px}
     .new-filter input{padding:10px!important}
}
@media (max-width:414px){
     .product-size-box, .add-to-cart{ position:fixed;bottom:10px;width:45%; z-index:101 }
     .product-size-box{left:2%;bottom:15px}
     .add-to-cart{right:2%}
     .fixed-box{position:fixed;z-index:100;bottom:0px;left:0px;width:100%;height:70px;background:#fff;box-shadow:1px 1px 15px rgb(0 0 0 / 20%);}
     iframe#tidio-chat-iframe{bottom:70px!important}
     footer.detail{margin-bottom:60px}
     .color-bubble{width:40px;height:40px}
     .step{width:30px;height:30px}
}
@media screen and (max-height:667px){
     .product-detail h1, .product-detail .h1{font-size:20px}
     .product-summary{font-size:12px}
     div.splide.products{ max-width:65%;margin:0 auto; }
}
.new-filter input{border-radius:10px}
.list-group-item{border:0px!important}
.btn-outline-dark.disabled{color:#afafaf}
.splide__pagination__page.is-active{background:#444}
.cart-icon .dropdown-toggle::after{display:none}
#cartModal.dropdown-menu {min-width:260px;}
.modal-cart-list{max-height:65vh;overflow-y:auto}