html, body{overflow-x: hidden;}

.stiky_foot{ background-color: #fff; position: fixed; bottom: 0; width: 100%; z-index: 999; display: flex; padding: 10px 0; box-shadow: -9px 0px 15px #00000033;    border-radius: 15px;}
.stiky_foot .wrapper{ flex-wrap: nowrap;}
.stiky_foot_item{ border-radius: 10px;  color: #5C6772; font-size: 12px;   display: flex; flex-direction: column;    flex: 1;    align-items: center; padding: 0 8px; text-align: center;}
.stiky_foot_item img{ width: 30px; margin: 10px;}
.stiky_foot_item:hover,.stiky_foot_item.active{ background-color: #EDEDF4;}
.stiki-line{ height: 90px; width: 1px; background: #E3E3E3; margin: 2px 5px;}
.stiky_foot_item.premim_card{ background-color: #474D9B; color: #fff; min-width: 150px;}
.stiky_foot_item.premim_card:hover{background-color: #2E3483; }


.showcase{ gap:20px;   flex-wrap: wrap!important;}
.showcase_card{   display: flex;flex-direction: column; flex: 1; min-width: 45%; position: relative;}
.showcase_btn{ flex: 100%; background:#474D9B ; color: #E3E3E3; font-size: 18px; text-align: center; border-radius: 8px; max-height: 40px; min-height: 40px;  border: none;  }
.showcase_btn:hover{ background-color:#2e3270 ;   }
.showcase_title{ font-size: 18px; margin-bottom: 10px;}
.showcase_club-price{ font-size: 13px; background-color: #FF3843; padding: 5px 8px 4px; border-radius: 4px; color: #fff; margin: 5px 0;}
.showcase_price{ font-size: 24px; color: #192B3F; font-weight: 500; display: flex; gap: 10px;align-items: center;}
.showcase_price span{ font-size: 16px; color: #6d7883; font-weight: 400;text-decoration: line-through;}
.showcase_lost{ font-size: 14px; color:#5C6772; margin-bottom: 10px;}
.lost{ width: 100%; background-color: #B0BBC6; height: 3px;}.lost_line{background-color: #474D9B; height: 3px;}
.showcase_card  .img-wrapper{ overflow: hidden; border:1px solid #E5DFDA; background-color:  #B0BBC6; border-radius: 15px; height: 150px;}.showcase_card  .img-wrapper img{ width: 100%;}
.showcase_tips{position: absolute; top: 10px; left: 10px; width: 90%;   flex: 100%; display: flex;justify-content: space-between; z-index: 10;}
.showcase_tips .hot{border-radius: 8px; background-color: #FF3843; color: #fff; font-size: 16px; padding: 5px 10px;}
.showcase_tips .favor{ display: block; background: url(../images/like.svg) no-repeat center center; cursor:pointer; width: 30px; height: 30px; margin-right: 10px; border-radius: 100%; background-color: #fff; background-size: 60%;}
.showcase_card .hvr__dot{    width: 15px;    height: 3px;    margin: 4px 5px 2px;    border-radius: 2px;}


.header__catlist{margin-right:0px!important; padding: 20px!important; }
.header {    padding: 0!important;   height: 50px!important;}
 .header__search .search input.search-field{ border-radius: 8px;border: none;background: #fff url(../images/search.svg) no-repeat 10px 17px; padding-left: 35px!important;}.header__catlist li a span{background: #ececf1;z-index: 2; font-size: 12px;}
.header__bottom{ margin-bottom: 20px!important;    align-items: flex-end!important;}.header-cat-slider{  flex-wrap: wrap!important; gap: 10px;}
.wrapper{ padding: 0 20px!important;}
.header__head{    background-color: #F8F8FA!important;  }
 .header__catlist li{ background-color: #ECECF1!important;  flex:30%; max-width:33%;  margin: 0; overflow: hidden; height: 80px!important;  border: 15px!important; position: relative;}
 .header__catlist li:hover{ background-color: #dedee6!important;  }
 .header__catlist li img{position: absolute; right: -10px; bottom:-10px; margin-right: 0px;}
.header__catlist li a:hover{ background-color: transparent!important;}
.header__catlist .slick-list.draggable::after{height: 100%!important;}