/*! -----------------------------------------------------------------------------------

  Template Name: Jaravel
  Template URI: 
  Description: This is Front theme
  Author: 
  Author URI: 

-----------------------------------------------------------------------------------
*/

:root {
    /* --container:66%; */
    --color-main: #ED1B24;
    --color-secondary: #00ADEF;
    --color-third: #FDF300;
    --color-bg: #F7F3EE;
    --color-dark: #012A36;
    --font-title:Plus Jakarta Sans;
    --font-body:Inter;
    }
  

.feed-category{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:40px}
.wrap-category{display:flex;flex-direction:column;align-items:center;justify-content:center;grid-gap:16px}
.wrap-category a img{background:var(--color-main);border-radius:8px;padding: 24px;}
.wrap-category .item-title{color:#012A36;font-size:18px;font-weight:600;text-align:center}
.title-banner{display:flex;flex-direction:column;height:100%;width:auto;border-radius:9px;overflow:hidden;box-shadow:rgba(149,157,165,0.2) 0 8px 24px;background: white;}
.title-banner-inner{width:100%;text-align:center;height:70%;background: linear-gradient(135deg, #FBB800, #daa000);display:flex;align-items:center;justify-content:center;padding:0 22px;}
.title-banner-inner.hot{background: linear-gradient(135deg, #C2131A, #931217);}
.title-banner-inner h2{font-size:36px;font-weight:600;color:#fff}
.title-banner-inner.hot h2{font-size:20px;font-weight:400;}
.title-banner-image{width:100%;margin-top:-64px;border-radius:24px;color: white;}

.homesection{padding: 80px 0;}
#new.homesection{background-color:#F5ECF6}
#hot.homesection{background-color:#FFD7D4}

.pagesection{padding:3rem 0}

.container{max-width: 1140px;}
.container img{width: 100%;}

#header{background:var(--color-main);padding:1rem 0}
#header .container{display:flex;align-items:start;grid-gap:3rem}
.logowrap{display:flex;background:#fff;max-width:250px!important;padding:10px;border-radius:10px}
.logowrap:after{content:"Pusat Import Online";font-size:12px;color:#111;white-space: pre;font-style:italic;font-weight:700}
.logowrap{flex-direction:column;text-align:center;grid-gap:10px}
.logowrap img{max-width:125px}
.head-right{width:100%;display:grid;grid-gap:1rem}
.head-bottom{display:flex;align-items:center;grid-gap:2rem;justify-content:space-between}
#nav-side{margin: 0;display:flex;grid-gap:1.5rem}
#nav-side li a:hover{color:#fff}
#nav-side li a{color:rgba(255, 255, 255, 0.81);transition: all .2s ease-in-out;font-size:16px}
#recently{display:flex;align-items:center;grid-gap:5px;color:#fff}
.overlay{background:#010101c7;position:fixed;top:0;right:0;bottom:0;left:0;z-index:990;opacity:0;visibility:hidden}
.overlay.active{opacity:1;visibility:visible;pointer-events:all}
.head-top{display:flex;justify-content:space-between;align-items:center}
.search-wrap form{background:#fff;padding:5px 7px;border-radius:10px;width:100%;max-width:650px;display:flex;align-items:center;justify-content:space-between}
.search-wrap{width:100%}
.search-wrap form input{padding:1rem;border:0;font-size:16px;width:100%}
.search-wrap form button{color:#fff;padding:10px 1rem;border: 0;justify-content: center;transition: all .3s ease-in-out;background:var(--color-main);width:4rem;height:3rem;display:flex;border-radius:11px}
.head-action{display:flex;align-items:center;grid-gap:1rem;justify-content:end;width:34%}
.search-wrap form button:hover{background:var(--color-secondary)}
.btx-plain{color:#fff;border:0;background:#ffffff3b}
.btx-plain:hover{background:#fff;color:var(--color-main)}
.btx-cart{border:1px solid #fff6;padding:12px 1rem;border-radius:10px;color:var(--color-main);display:flex;align-items:center;justify-content:center;background:#fff;transition:all .3s ease-in-out}
.btx-cart:hover{box-shadow:0 0 0 10px #ffffff54}
.search-wrap form input:focus{outline:0}
.delete-item{background:unset;border:unset;padding:0}
.delete-item svg{fill:var(--color-main)}

.cartside{max-width:330px;right:0;position:fixed;top:0;background:#fff;height:100vh;width:100%;z-index:998;transform:translate(100%);transition:all .25s cubic-bezier(.104,.204,.492,1);display:grid;grid-template-rows:auto 1fr auto}
.cartside.active{transform:translate(0)}
.carthead{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;width:100%}
.carthead h4{margin:0;font-size:20px}
.carthead-right{display:flex;align-items:center;grid-gap:10px}
.cartfoot{padding:1.5rem;background:#f2f2f2;width:100%}
.action-cart{display:grid;grid-gap:10px;margin:10px 0 0}
.btx-cart{position: relative;background:#fff;border:1px solid rgba(1,1,1,0.13)}
.action-cart .btx{justify-content:center;font-size:16px;font-weight:700}
.btx-checkout{background:var(--color-secondary);color:#fff;border:1px solid var(--color-secondary)}
.cartfoot .subx{display:flex;justify-content:space-between;align-items:center}
.cartfoot .subx b{font-size:17px}
.btx-checkout:hover{background:var(--color-main);color:#fff}
.btx-cart:hover{background:var(--color-main);color:#fff}
.cartview.active{display:flex}
.cart-item{display:flex;grid-gap:10px;align-items:start}
.cartitems-container{display:grid;grid-gap:1.5rem}
.cart-item img{width:3.5rem;border:1px solid rgba(1,1,1,0.18);border-radius:7px}
.cartbody{display:flex;flex-direction:column;padding:1.5rem;width:100%;overflow-y:scroll;grid-gap:1rem}
.dataStr{display:grid;grid-gap:5px}
.qtyStr{display:flex;grid-gap:5px}
.dataStr .nameStr{display:flex;justify-content:space-between}
.dataStr .nameStr a{color:#fff;padding:3px 6px;background:var(--color-danger);border-radius:100%;font-size:12px}
.liststrap li.selected,.listwatch li.selected{border:1px solid rgba(1,1,1,0.64)}
.addcart-notif{position:fixed;top:2rem;left:2rem;background:var(--color-third);z-index:992;padding:1rem 1.5rem;border-radius:6px;color:#0c4848;font-size:16px}
.addcart-notif-danger{background-color: var(--color-main) !important;color: #fff !important;}
.cart-data{width: 100%;display:grid;grid-gap:7px}
.header-cart-data{display:flex;justify-content:space-between;grid-gap:10px;align-items:start}
.header-cart-data .delete{color:#fff;padding:3px 6px;background:var(--color-danger);border-radius:100%;font-size:12px}
.header-cart-data a:first-child{color:#333;line-height:21px}


.createacc{flex-direction: column;padding:1rem;background:#e6efff;border-radius:10px;display:flex;justify-content:center;grid-gap:10px;align-items:center;margin:0 0 1rem;position: relative;}
.createacc .formcheck{display:none;align-items: center;width: 100%;margin: 0;grid-gap:1rem}
.createacc span{font-size:16px;font-weight:700;color:var(--color-secondary)}
.createacc a{border:0;background:var(--color-secondary);color:#fff;padding:10px 20px;border-radius:8px;font-size:15px;font-weight:400}
#closeCreate:hover{color:var(--color-danger)}
.close-btx{position:absolute;top:15px;right:10px}
.createwrap{display:flex;align-items:center;grid-gap:1rem}
.cartempty{height: 100vh;padding:3rem 2rem;display:flex;flex-direction:column;align-items:center}
.emptydetail{display:flex;flex-direction:column;align-items:center;margin-top: 3rem;}
.emptydetail h3,.cartempty h3{font-weight: bold;margin:0 0 1rem;font-size:2rem}
.cartempty h5{font-size:23px;margin:0 0 1rem;text-align: center;}
.cartside .cartempty .btx{font-size:14px}
.cartside .cartempty{justify-content:center}
.formcheck input:read-only{background:#f2f2f2;border:1px solid #cecece}
.form-prefix-read{background:#f2f2f2}.form-prefix-read input{border:0!important}
.formcheck input,.formcheck select{font-size:16px}
.formcheck input{width:100%;padding:10px 1rem;border-radius:10px;border:0}

#footer{background:#131a31}
.footwidget{padding:5rem 0 3rem;display:flex;grid-gap:4rem}
.foot1{display:flex;gap:1.5rem;align-items:start;flex-direction:column;width: 25%;}
.foot1 .logowrap{padding:10px;border-radius:6px}
.foot1 span{color:#ffffff78;line-height:22px;font-size:16px}
.foot2{width:40%}
.foot3{width:25%}
.footwidget div h4{color:#fff;border-top:1px solid var(--color-secondary);padding:1rem 0 0;text-transform:uppercase;font-size:18px;font-weight:700;letter-spacing:.5px;margin:0}
.footlist{display:grid;grid-gap:1rem;margin:1.7rem 0 0;grid-template-columns: repeat(2,1fr);}
.footlist li a{color:#ffffff78;font-size:14px}
.soclist{display:grid;grid-gap:1rem;margin:1.7rem 0 0}
.soclist li a{line-height:27px;color:#ffffff78;font-size:16px;display:flex;align-items:center;grid-gap:10px}
.soclist li a svg{width:20px;color:var(--color-secondary)}
.soclist .icon-tabler{width:22px}
.soclist li:last-child svg{width:40px;position:relative;top:-13px}
.footcopy{display:flex;justify-content:space-between;padding:1.7rem 0;border-top:1px solid #ffffff29}
.copylist{margin:0;display:flex;grid-gap:1rem}
.copylist li a{font-size:14px;color:#ffffff78}
.footcopy span{color:#ffffff78}
.footcopy span a{color:#ffffff78}

/* .feed-new{display:grid;grid-gap:1rem;grid-template-columns:repeat(4,1fr);margin:2rem 0} */
.item-seller{display:flex}
.item-seller{display:flex;align-items:center;grid-gap:5px;margin:0 0 7px}
.item-seller img{width:20px;height:20px;border-radius:100%}
.item-seller a{color:#333;font-size:13px}
.item-thumb{display:flex;border: 1px solid #e8e8e8;border-radius:10px;overflow: hidden;}
.wrap-feed{background:#fff;border-radius:10px;border:1px solid #01010124;padding:10px;display:grid;grid-gap:1rem;margin-right:16px}
.cat-feed .wrap-feed{margin:0}
.item-thumb img{border-radius:10px}
.item-inner h3{margin:0 0 10px}
.item-inner .btx{margin:1rem 0 0;justify-content:center;padding:14px 1.5rem!important}
.item-price{display:flex;align-items:start;grid-gap:5px}
.item-price b{font-size:18px;font-weight: normal;}

#slideshow .sliderwrap{width:100%;margin:2rem auto}
#slideshow .slick-slide{opacity:.4;transform:scale(0.9);transition: all .3s ease-in-out}
#slideshow .slick-slide.slick-current{transform:unset;opacity:unset}
#slideshow .slick-slide img{width:100%;border-radius:1.5rem}
#slideshow .slick-slide:after{content:"";position:absolute;top:0;right:0;left:0;bottom:0;background:#fff;background:linear-gradient(90deg,#ffffff8a 0%,#fff0 50%,#ffffff42 100%)}
#slideshow .slick-current:after{content:"";background:unset}
.slick-arrow{padding: 10px 12px;position:absolute;top:50%;border-radius:100px;border:none;background:#FBB800;z-index:9;color: white;}
#slideshow .slick-arrow.slick-next{right:259px}
#slideshow .slick-arrow.slick-prev{left:259px}
#hot .slick-arrow.slick-next, #new .slick-arrow.slick-next{top:-84px;right: 0;margin-right: 20px;}
#hot .slick-arrow.slick-prev, #new .slick-arrow.slick-prev{top:-84px;right: 65px;margin-right: 20px;}
#slideshow .slick-arrow svg {width: 100%;height: 45px;}
.title1{font-size:46px;font-weight:800;color:var(--color-dark);}
.title2{font-size:46px;font-weight:800;color:var(--color-dark);position: relative;padding-left: 70px;}
.title2:before{content:"";width:58px;height:58px;background:url(/img/fire-icon.png);background-size:contain;background-position:center;background-repeat:no-repeat;position:absolute;left:0;top:4px}
.title2 b{color:var(--color-danger)}
.wcu-feed{display:grid;grid-template-columns: repeat(4,1fr);grid-gap:66px;}
.wcu-wrap {display: flex;grid-gap: 20px;align-items: center;}
.wcu-wrap img{width:45px}
.wcu-wrap h2{width:75%;margin:0;font-size:16px;font-weight:800;}
.m0{margin:0}
#wcu{padding:2rem 0;border-bottom:1px solid #0101011c}
#about{padding:2rem 0}
.descfoot-feed{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:2rem}
.descfoot-wrap h2{margin:0;font-size:16px;color:#010101b5}
.descfoot-wrap p{line-height:19px;font-size:12px;color:#01010187}


.item-inner h3 a{color: #222;margin:0 0 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: 700;line-height: 1.3;}
.breadcumbs{padding:2rem 0;background:#fff6f7}
.breadcumbs-wrap ul{display:flex;justify-content:center;grid-gap:7px;margin:0}
.breadcumbs-wrap ul li a{color:#01010191;transition: all .3s ease-in-out;}
.breadcumbs-wrap ul li a i{margin-right:7px}
.breadcumbs-wrap ul li a:hover{color:#111}
.singlesection{padding:3rem 0;background:#fff}
.single-wrap{max-width:900px;display:flex;grid-gap:2rem;margin:0 auto}
.galleryItem{width:50%}
.detailItem{width:50%}
.galleryItem figure{margin:0;border-radius:1rem;overflow:hidden;border: 1px solid #ddd;}
.seller-counter{padding-left:1rem;border-left:1px solid #01010133}.seller-detail .seller-counter:first-child{border:0;margin:0}
.headerItem{display:grid;grid-gap:1rem;margin:0 0 2rem}
.headerItem h1{font-size:26px;font-weight:700;line-height:36px;margin:0}
.metaItem{display:flex}
.meta-sold b{font-weight:700}
.meta-categ{padding-right:1rem;border-right:1px solid #01010124;margin-right:1rem}
.priceItem{padding:1rem;background:#0101010a;display:flex;grid-gap:4px}
.priceItem b{font-size:26px}
.priceItem sup{font-size:16px}
.shortDesc p{line-height:22px;color:#616161}
.actionItem{margin:2rem 0 0;display:grid;grid-gap:1.5rem}
.qty-action{display:flex;align-items:center;grid-gap:1rem}
.qty-action label{color:#222;font-weight:700;letter-spacing:.3px}
.qtyselector{display:flex;align-items:center;border:1px solid #0101013b}
.actionItem button{width:100%}
.seller-link{font-weight:400;font-size:14px;color:#333}
.qtyselector button{padding:5px 9px;border:0;border-radius: 0 !important;background:transparent;font-size:18px;border-right:1px solid #0101013b}
.qtyselector input{font-size:16px;padding:10px 5px;background:unset;border:0;width:60px;text-align:center}
.qtyselector input:focus{outline:0}
.btx-trans{color:var(--color-main);padding:14px 2.5rem;background:transparent;border-color:var(--color-main)}.btx-trans:hover{background:var(--color-main);color:#fff;border-color:var(--color-main)}
.qty-increase{border-right:0!important;border-left:1px solid #0101013b!important}
.btx-action{color:#111;font-weight:700;font-size:20px;background:var(--color-third);border:0;border-radius:100px;justify-content:center;padding:1.2rem 1rem}
.btx-action:hover{background:var(--color-secondary);color:#fff}
.bottom-item{background:#F9F9F9;padding:4rem 0}
.sellerwrap{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#F9FDFF;border:1px solid var(--color-secondary)!important;border-radius:10px}
.profile-seller{display:flex;align-items:center;grid-gap:1rem}
.profile-seller img{width:60px;height:60px;border-radius:100%}
.name-seller h3{margin:0;font-size:18px;display:flex;align-items:center;grid-gap:3px}
.name-seller h3 svg{width:22px;color:var(--color-secondary);margin-top:4px}
.name-seller span svg{width:16px;margin-top:-3px}
.name-seller span{grid-gap: 5px;color:#010101b3;margin-top:5px;display:flex}
.bottom-item .container{max-width:900px;margin:0 auto}
.descwrap{background:#fff;border-radius:10px;padding:1.7rem;margin:1.5rem 0;display:grid;grid-gap:1.5rem}
.descwrap div p{line-height:24px;color:#616161;margin:0}
.titled{margin:0;padding:0 10px;border-left:2px solid var(--color-danger);font-size:20px;font-weight:700}
.specwrap{margin: 2rem 0 0;display:grid;grid-gap:2rem}
.specwrap table th{background:#ececec;text-align:left;padding:1.2rem;width:30%;font-weight:600}
.specwrap table td{padding:1.2rem;border-bottom: 1px solid #d9d9d9;}
.specwrap table{font-size:16px}
.specwrap table tr:last-child td{border:0}

.all-cat{margin:3rem 0 0}
.row-center{align-items:center}.row-center .breadcumbs-wrap{justify-content:end;display:flex;font-size:16px}
.widget-box{padding:1.5rem;background: #fff;box-shadow:0 0 20px #0000000d;border-radius:10px}
.widget-box h2{margin:0}
.widget-body{margin:1rem 0 0}
.listCat{display:grid;grid-gap:10px;margin:2rem 0 0}
.listCat a{color:#222;font-size:15px}
.widget-box .item-title:before{content:"";transition:all .2s ease-in-out;padding:4px;border:2px solid #dbdbdb;display:inline-block;margin-right:8px}
.widget-box .item-title.active::before {border-color: var(--color-main);background: var(--color-main); }
.widget-box .item-title.active{font-weight: 800;color:var(--color-main)}
.loop-items{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:10px}
.archive-inner .btx{font-size:14px;padding:10px 1rem!important}
.archive-inner h3 a{color: #333;font-size:16px}
.filter-box{border:1px solid #0101012e;margin:0 0 1rem;display:flex;justify-content:space-between}
#search-form {width: 100%;display: flex;justify-content: space-between;}
.search-box{display:flex;align-items:center;background:#fff;border-right:1px solid #cbcbcf;padding-right:1rem;width:80%;justify-content: space-between;}
.search-box input{border:0;font-family:var(--font-body);padding:1.2rem 1rem;width:70%;font-size:16px}
.search-box svg{width:22px;color:#aeaeae}
.search-box input:focus{outline:0}
.filter-modal{display:none;position:absolute;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,0.1);border-radius:5px;margin-top:10px;padding:10px;}
.filter-modal.active{display:block}
.filter-option{display:flex;align-items:center;gap:8px;padding:8px;cursor:pointer}
.filter-option:hover{background-color:#f1f1f1}
.filter-modal.active{display:block;}
#filter-btx{display:flex;align-items:center;background:var(--color-secondary);color:#fff;padding:17px 2rem;text-align:center;justify-content:center;grid-gap:5px;font-size:16px;text-transform:uppercase;z-index:2;position:relative;right:0;transition:all .2s ease-in-out}
#filter-btx:hover{background:var(--color-third);color:#111}
.filter-wrapper{width:20%}
#btx-cart span{position:absolute;top:-5px;right:-12px;padding:3px;color:#fff;background:var(--color-secondary);border-radius:100%;width:1.5rem;height:1.5rem;display:flex;justify-content:center;align-items:center}

.cartgo{border-radius: 1rem;padding:1.5rem;background:#fff;-webkit-box-shadow: 0 -4px 20px 0 rgba(0,0,0,.06);box-shadow: 0 -4px 20px 0 rgba(0,0,0,.06);}
.bumr-section{background:#f0f3f7;padding:3rem 0}
.cartgo h3{margin:0;font-size:18px;font-weight:700}
.cartgo ul{margin:1.5rem 0;grid-gap:12px;display:grid}
.cartgo ul li{display:flex;justify-content:space-between;font-size:15px}
.cartgo .btx{width:100%;padding:1rem}
.wcu-cart{margin:2rem 0 0}
.wcu-cart h4{margin:0!important;font-weight:700}
.wcu-cart ul{margin:1rem 0 0;grid-gap:8px}
.cart-filter{padding:1.5rem;background:#fff;border-top-right-radius:1rem;border-top-left-radius:1rem}
.cart-filter-box{display:flex;grid-gap:10px;font-size:16px;font-weight:700}
.cart-body{display:grid;grid-gap:10px;margin:10px 0 0}
.cart-item-wrap{padding:1rem;background:#fff;display:grid;grid-gap:1.2rem}
.cart-item-head{display:flex;justify-content:space-between}
.cart-seller{display:flex;grid-gap:1rem;font-size:16px;align-items:center;font-weight:700}
.cart-item-body{display:flex;grid-gap:1rem;padding-right: 1rem;}
.cart-content{display:flex;grid-gap:1.5rem;width:100%}
.cart-image img{width:4rem;border-radius:8px}
.cart-name{width:100%;display:grid;grid-gap:1rem}
.cart-detail{display:flex;justify-content:space-between}
.cart-detail a{font-size:15px;color:#111;line-height:23px;width:75%}
.cart-detail span{font-weight:700}
.cart-item-body .cart-detail{flex-direction:column;grid-gap: 6px;}
.cart-title{display:flex;justify-content:space-between;grid-gap:1rem;align-items:start}
.cart-qty{display:flex;align-items:center;justify-content:end;grid-gap:10px}
.cart-qty .quantity-input{padding:5px}


.main-checkout{width:55%;background:#fff;grid-area:main;display:flex;justify-content:flex-end}
.checkout-section{display:flex}
.side-checkout{display:block;background:#fafafa;width:45%}
.main-checkout-wrap{max-width:45.43rem;width:100%;padding:2rem 3.5rem;border-right:1px solid #e9e9e9}
.side-checkout-wrap{max-width:32.7rem;width:100%;padding:2rem 3rem}

.title3{font-weight:700;font-size:26px;margin:0 0 1.5rem}

.list-product-check{display:grid;grid-gap:1rem}
.item-list-product{display:flex;justify-content:space-between;grid-gap: 1rem;}
.img-list-product{display:flex;position:relative}
.img-list-product span{position:absolute;top:-7px;right:-10px;padding:3.75px 8px;display:flex;justify-content:center;align-items:center;background:var(--color-third);border-radius:100%}
.img-list-product img{width: 4rem;border:1px solid #33333326;border-radius:7px}
.inner-list-product a{color:#222}
.recap-check{display:grid;margin:2rem 0 0}
.recap-check div{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #01010126;font-size:16px}
.total-recap{font-size:20px!important;font-weight:700}
#payment-form{display:grid;grid-gap:1.5rem}
#payment-form .formgroup{margin:0}
#payment-form h2{margin:0}
.flex-wrap{display:flex;grid-gap:1rem}
.flex-wrap .formgroup{width:100%}
.formgroup input,.formgroup textarea{color:#111}
.formgroup-prefix{background:#fff;border:1px solid #01010138;display:flex;align-items:center;border-radius:10px;width:40%;overflow: hidden;}
.formgroup-prefix input{width: 79%;border:0;padding:1rem 10px;font-size: 1rem;}
.formgroup-prefix b{font-size:16px;padding:0 13px;border-right:1px solid #01010138;padding:1rem}
.action-check{display:flex;justify-content:space-between;margin:1rem 0 0;align-items:center}
.gocart{display:flex;grid-gap:1rem;font-size:16px;color:#00000042;transition:all .2s ease-in-out}
.gocart:hover{color:#111}
.btx-order{font-size:16px;text-transform:uppercase;padding:16px 32px!important;background:var(--color-third);font-weight:700;letter-spacing:.7px;border-radius:100px;border:0;box-shadow:0 12px 25px -5px #fdf3001a}
.btx-order:hover{background:var(--color-secondary);color:#fff}
.formgroup-prefix input:focus{outline:0}
.head-between{display:flex;justify-content:space-between;align-items:center;margin:0 0 1.5rem}
.head-between h2{margin:0}
.search-box button{padding:0;border:0;background:unset}
.wrap-list-product{display:flex;grid-gap:1.5rem;width: 68%;}
.title-qty{display:flex;flex-direction:column;grid-gap:10px}
.title-qty a{font-size:16px;color:#222}
.title-qty span{font-size:12px}
.item-list-product b{font-size:16px}

.actionItem form button{width:80%}
.feed-row-5{grid-template-columns:repeat(5,1fr)}
.header-bottom-right{display:flex;align-items:center;grid-gap:1rem}.language-switcher{color:#ffffffe3}
.language-switcher a{color:#ffffffe3;font-size:16px}.language-switcher .active{font-weight:700;color:#fff}
.slick-slider button{width:unset;}

.select2-selection--single{font-size: 16px;}
#select2-country-container{color:#111!important}
.recap-check div:last-child{border:0}
.clear-all{width:100%;padding:13px}
.color-span1{color:#333}

.span1{display: inline-flex;line-height:21px}
.authpage-buyer{height:unset;padding:6rem 0}
.jbreadcumbs{align-items:center;margin:0 auto 3rem}
.breadcumbs-wrap ul{justify-content:right;font-size:16px}
#mypage{padding:2.5rem 0;background:#f9f9f9;background:linear-gradient(0deg,#f9f9f9 0%,#f9f2f3 100%)}
#mypage .container{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-gap:2rem}
.menu-account{padding:2rem;background:#fff;border:1px solid #dfdfdf;border-radius:10px}
.menu-account ul{margin:0;display:grid;grid-gap:1rem;font-size:16px}
.menu-account ul li::before{content:"-";margin-right:1rem}
.menu-account a{color:#333}
.title-alt{margin:0;font-size:22px}
.recap-acc{display:grid;grid-template-columns:repeat(2,1fr);margin:2rem 0 0;grid-gap:1rem}
.item-recap{background:#e0ebff;border-radius:10px;display:flex;overflow:hidden;align-items:center}
.item-recap svg{padding:20px;width:4.5rem;height:4.5rem;background:#ccdeff}
.item-recap div{padding:15px 20px;display:grid;grid-gap:5px}
.item-recap div span{font-size:16px}
.top2-trx{display:flex;justify-content:space-between;grid-gap:2rem;margin:0 0 2rem}
.top2-trx .infogroup{width:100%}

@media (max-width:768px){
  .jbreadcumbs{align-items:start}
.top2-trx{flex-direction:column}
.title-status{display:flex;align-items: center;}
.card-header-mob{flex-direction:column;align-items:start;grid-gap:1rem}
.title-status .badge{font-size:14px;padding:8px 10px}
  #mypage .container{display:flex;flex-direction:column-reverse}
.recap-acc{grid-template-columns:repeat(1,1fr)}
  .cart-detail span{display:none}.cart-title{flex-direction:column;grid-gap:5px}
  .header-bottom-right{display:none}
  .checkout-section{display:flex;flex-direction:column}
.main-checkout{width:100%}
.side-checkout{width:100%}
.main-checkout-wrap{max-width:unset;padding:2rem 1rem 3rem}
.side-checkout-wrap{max-width:unset;padding:4rem 1rem}
#payment-form{width:100%}
.flex-wrap{flex-direction:column}
.action-check{flex-direction:column-reverse;grid-gap:1.5rem}
.btx-order{width:100%;justify-content:center;padding:1.2rem 1.5rem!important}
.recap-check div{font-size:14px}
.total-recap{font-size:18px!important}
.formgroup-prefix{width:100%}
.img-list-product img{width:3rem;height:3rem}
  .wcu-cart h4{line-height:23px}
.cartgo ul li{font-size:14px}
.cartgo ul li b{font-size:16px}
.cart-filter-box span{font-size:15px}
.cart-seller span{font-size:14px}
.cart-item-wrap{padding:10px}
.cart-seller{grid-gap:10px}
.cart-item-body{grid-gap:10px;padding:0}
.cart-content{grid-gap:10px}
.cart-image img{width:3.5rem}
.cart-detail a{width:100%;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:22px}
.cart-detail span{margin:10px 0 0}
.cart-filter{padding:1rem 10px}
  .row-center .breadcumbs-wrap{justify-content:start}
.mob-row-reserve{flex-direction:column-reverse;display:flex}
.loop-items{grid-template-columns:repeat(2,1fr)}
.filter-box{flex-direction:column}
.search-box{width:100%;padding:0 1rem 0 0;border:0}
.filter-wrapper{width:100%}
  .breadcumbs-wrap ul{flex-wrap:wrap;justify-content:start}
.single-wrap{flex-direction:column}
.galleryItem{width:100%}
.singlesection{padding:2rem 0}
.detailItem{width:100%}
.headerItem h1{line-height:34px;font-size:24px}
.priceItem b{font-size:24px}
  .footwidget{flex-direction: column;}
  .foot1,.foot2,.foot3{width:100%}
#footer{padding:0px}
.sellerwrap{flex-direction:column;align-items:start;grid-gap:1.5rem;padding:1.6rem}
.profile-seller img{width:50px;height:50px}
.profile-seller{grid-gap:10px}
.name-seller h3{font-size:16px}
.name-seller h3 svg{width:20px;margin-top:2px}
.descwrap{padding:1.2rem}
.specwrap table{font-size:14px}
.footcopy{flex-direction:column;grid-gap:1rem;text-align:center}
.footcopy span{line-height:21px}
.copylist{justify-content:center}
#header{padding:10px 0px;position:sticky;top:0;z-index:10}
#recently{display:none}
#nav-side{position:fixed;top:0;left:-20rem;background:#fff;display:flex;flex-direction:column;z-index:990;width:18rem;height:100%;overflow-x:hidden;grid-gap:0;transition:all .3s ease-in-out}
.search-wrap{display:none}
.head-action .btx-plain{display:none}
.head-right{justify-content:end;width:unset;display:unset}
.btx-cart{background:transparent;color:#fff;padding:10px;right: -26px;position: relative;}
header .logowrap{padding:5px 10px;flex-direction: inherit;align-items: center;}
header .logowrap img{width:4rem}
.logowrap:after{font-size:10px;width: 40px;white-space: unset;}
#header .container{align-items:center;justify-content:space-between;grid-gap: unset;}
#nav-btx svg{color:#fff}

#nav-side.active{left:0}
#nav-side li a{transition: all .3s ease-in-out;padding:1rem;width:100%;display:flex;border-bottom:1px solid #01010124;color:#333;font-size:15px}
.head-nav{background:#01010112;display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #01010136;align-items:center}
.head-nav.mobshow h3{margin:0}
#closeNav svg{color:#111}
.toggle-menu:hover svg{stroke:var(--color-third)}
#nav-side li a:hover{background:#01010112;color:#000}

}

@media (max-width:550px){
  .createacc span{font-size:14px}
.createacc a{padding:6px 13px}
#closeCreate{top:19px}
  .head-between{flex-direction:column-reverse;justify-content:start;align-items:start;grid-gap:1rem}
  .item-list-product b{font-size:13px}
.title-qty a{font-size:14px;line-height:22px}
.wrap-list-product{grid-gap:1rem}
.title-qty{flex:1}
.recap-check{margin:1rem 0 0}
.recap-check div b{font-size:16px}
  .item-inner h3{height: 43px;}
  #slideshow .slick-arrow.slick-next{right:20px;;top: 37%;}
  #slideshow .slick-arrow.slick-prev{left:20px;;top: 37%;}
  .slick-arrow{padding: 8px 10px;}
  #slideshow .slick-arrow svg{height: 25px;}
  .title-banner-inner{height: 161px;width: 50%;}
  .title-banner-inner h2{font-size: 22px;}.title-banner-inner.hot h2{font-size: 16px;}
  .feed-category{margin: 1.5rem 0 0;grid-template-columns: repeat(3,1fr);grid-gap: 20px;}
  .row{grid-gap: 24px;}
  .homesection{padding: 40px 0;}
  #hot .slick-arrow.slick-prev,#new .slick-arrow.slick-prev{top:30%;left:-11px;right:unset}
  #hot .slick-arrow.slick-next,#new .slick-arrow.slick-next{top:30%;right:-25px;}
  .item-seller a{font-size: 10px;}.item-seller img{width: 20px;height: 20px;}
  .title1{font-size: 26px;}.title2{font-size: 34px;}.title2::before{width: 42px;height: 42px;padding-left: 52px;}
  .title-banner{flex-direction:row}.title-banner-image{margin-top:unset;display: flex;width: 50%;background: white;border-radius: 0;}.title-banner-image img{object-fit: contain;}
  .item-price{font-size: 12px}.item-price b{font-size: 14px;}.item-inner .btx{font-size: 12px;}.item-inner h3{font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;line-height: 1.3;}
  .wrap-category .item-title{font-size: 14px;}.wrap-category{grid-gap: 8px;}
  .homesection .container{padding:0 15px}
  .wcu-feed{grid-template-columns:repeat(2,1fr);grid-gap:1rem}
  .wcu-wrap{flex-direction:column;align-items:start;grid-gap:1rem}
  .wcu-wrap h2{width:100%;font-size:14px}
  .wcu-wrap img{width:35px}
  .descfoot-feed{grid-template-columns:repeat(1,1fr);grid-gap:1rem}
  .descfoot-wrap h2{font-size:14px}
  .descfoot-wrap p{font-size:11px}
  }