/* Premium storefront polish
   UI-only layer. Uses existing dynamic CSS variables and keeps backend logic/settings untouched. */

:root{
  --premium-surface:#ffffff;
  --premium-page:#f6f7f9;
  --premium-ink:#1f2933;
  --premium-muted:#6b7280;
  --premium-line:rgba(17,24,39,.08);
  --premium-shadow:0 12px 35px rgba(17,24,39,.08);
  --premium-shadow-soft:0 8px 20px rgba(17,24,39,.06);
  --premium-radius:18px;
  --premium-radius-sm:12px;
}

html{scroll-behavior:smooth;}
body{
  background:var(--premium-page)!important;
  color:var(--premium-ink);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{transition:color .18s ease, background .18s ease, border-color .18s ease, opacity .18s ease, transform .18s ease, box-shadow .18s ease;}
img{max-width:100%;}
button,input,select,textarea{font-family:inherit;}
button:focus,input:focus,select:focus,textarea:focus,a:focus{outline:0!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--primary_color) 18%, transparent)!important;}

/* Header / menu */
header{background:transparent!important;margin-bottom:18px!important;}
header .upper-header{
  background:rgba(255,255,255,.86);
  border-bottom:1px solid var(--premium-line);
  backdrop-filter:blur(14px);
}
header .upper-header .dvts,
header .upper-header .dvts a{font-size:13px;color:var(--premium-muted)!important;}
header .upper-header i{color:var(--primary_color)!important;}
header .top-header.header_area,
header .top-header{
  background:rgba(255,255,255,.92)!important;
  border-bottom:1px solid var(--premium-line)!important;
  box-shadow:0 8px 28px rgba(17,24,39,.05);
  backdrop-filter:blur(16px);
}
header .top-header .containe{min-height:72px;gap:14px;}
.navbar_fixed{
  position:fixed!important;
  top:0;
  left:0;
  right:0;
  z-index:99999;
  animation:premiumDrop .22s ease both;
}
@keyframes premiumDrop{from{transform:translateY(-10px);opacity:.92;}to{transform:translateY(0);opacity:1;}}
header .top-header .logo-area img{
  width:auto!important;
  max-width:150px;
  max-height:54px;
  object-fit:contain;
}
.search-box form{width:100%;}
.search-box input,
.advance-search input{
  height:48px!important;
  border:1px solid var(--premium-line)!important;
  border-radius:999px!important;
  background:#fff!important;
  box-shadow:0 8px 25px rgba(17,24,39,.06)!important;
  padding-left:18px!important;
  padding-right:60px!important;
  color:var(--premium-ink)!important;
}
.search-box input::placeholder,.advance-search input::placeholder{color:#94a3b8;text-transform:none!important;}
.search-box button,
.advance-search .search-box button{
  width:44px!important;
  height:44px!important;
  top:2px!important;
  right:2px!important;
  border-radius:50%!important;
  background:var(--primary_color)!important;
  color:var(--primary_bg_color_text)!important;
  display:flex!important;
  align-items:center;
  justify-content:center;
  line-height:1!important;
}
.search-box button:hover,.advance-search .search-box button:hover{background:var(--optional_color)!important;transform:translateY(-1px);}
header .top-header .top-menu ul{gap:8px;}
header .top-header .top-menu ul li{margin:0!important;}
header .top-header .top-menu ul li a{
  color:var(--premium-ink)!important;
  min-width:42px;
  height:42px;
  border-radius:999px;
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:0 10px;
  background:#fff;
  border:1px solid var(--premium-line);
  box-shadow:0 6px 16px rgba(17,24,39,.05);
}
header .top-header .top-menu ul li a:hover{color:var(--primary_color)!important;transform:translateY(-1px);box-shadow:var(--premium-shadow-soft);}
header .top-header .top-menu ul li a i{font-size:20px!important;color:inherit!important;}
header .top-header .top-menu sup{
  position:relative;
  top:-10px;
  left:-6px;
  min-width:18px;
  height:18px;
  border-radius:999px;
  background:var(--primary_color);
  color:var(--primary_bg_color_text);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:10px;
  line-height:1;
  padding:2px;
}
header .main-menu{
  background:var(--MAIN_MENU_BG)!important;
  border:0!important;
  box-shadow:0 12px 32px rgba(17,24,39,.1);
}
header .main-menu .nav-bar{align-items:center;}
header .main-menu .nav-bar .header-category-nav{
  background:rgba(255,255,255,.13)!important;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  width:auto!important;
  min-width:210px;
  margin:8px 14px 8px 0;
  padding:10px 18px!important;
  color:var(--MAIN_MENU_ul_li_color)!important;
}
header .main-menu .nav-bar .nav-menus ul li a,
.menu_style_2 ul li a{
  border-radius:999px;
  margin:6px 2px;
  padding:10px 15px!important;
  font-weight:600!important;
  letter-spacing:.01em;
}
header .main-menu .nav-bar .nav-menus ul li a:hover,
header .main-menu .nav-bar .nav-menus ul li a.active,
header .main-menu .nav-bar .nav-menus ul li a.activde,
.menu_style_2 ul li a:hover{
  background:rgba(255,255,255,.14)!important;
  color:var(--MAIN_MENU_ul_li_color)!important;
}
header .main-menu .nav-bar .header-category-menu,
.header-category-nav .hero-area{
  border:0!important;
  border-radius:16px!important;
  box-shadow:var(--premium-shadow)!important;
  overflow:hidden;
}
header .main-menu .nav-bar .header-category-menu ul li a,
.target-category-menu .target-category-name ul li a{
  border-bottom:1px solid var(--premium-line)!important;
  padding:11px 16px!important;
  font-weight:500!important;
}
.menu-overly.ovshow{background:rgba(15,23,42,.45)!important;backdrop-filter:blur(3px);}
.mobile-menu-openar .bars,
.bars{
  width:42px;
  height:42px;
  border-radius:50%;
  background:#fff;
  border:1px solid var(--premium-line);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:5px;
  box-shadow:0 6px 18px rgba(17,24,39,.08);
}
.bars span{width:18px;height:2px;background:var(--premium-ink)!important;border-radius:99px;display:block;}
.back{
  font-weight:700;
  letter-spacing:.02em;
  border-bottom:1px solid rgba(255,255,255,.16);
}

/* Advance search */
.advance-search{background:rgba(246,247,249,.96)!important;z-index:999999999!important;backdrop-filter:blur(16px);}
.advance-search .search-box{background:#fff!important;border-bottom:1px solid var(--premium-line);box-shadow:0 8px 28px rgba(17,24,39,.06);}
.advance-search span{color:var(--premium-ink)!important;font-weight:600;text-transform:capitalize;}
#search-view .row{border:0!important;border-radius:14px;margin:10px auto;box-shadow:0 8px 18px rgba(17,24,39,.05);}

/* Titles / cards / categories */
.title,
.shop-brand .title,
.products .title{
  border:0!important;
  background:transparent!important;
  margin-bottom:14px!important;
}
.title span{
  color:var(--premium-ink)!important;
  font-weight:800!important;
  letter-spacing:-.02em;
  position:relative;
}
.title span:after{
  content:"";
  width:36px;
  height:3px;
  border-radius:99px;
  background:var(--primary_color);
  position:absolute;
  left:0;
  bottom:-8px;
}
.title a,#cat_row_more{
  border:1px solid var(--premium-line)!important;
  background:#fff!important;
  color:var(--primary_color)!important;
  border-radius:999px!important;
  padding:7px 14px!important;
  box-shadow:0 6px 18px rgba(17,24,39,.05);
  font-weight:600;
}
.title a:hover,#cat_row_more:hover{box-shadow:var(--premium-shadow-soft);transform:translateY(-1px);}
.shop-category .cat-row{display:flex;flex-wrap:wrap;gap:12px;}
.shop-category .cat-row:after{display:none!important;}
.shop-category .cat-row .cat-item{
  float:none!important;
  width:calc(14.285% - 11px)!important;
  min-width:124px;
  flex:1 1 124px;
  border:1px solid var(--premium-line);
  border-radius:18px!important;
  box-shadow:0 8px 20px rgba(17,24,39,.05)!important;
  padding:14px 10px!important;
  margin:0!important;
  overflow:hidden;
}
.shop-category .cat-row .cat-item:hover{transform:translateY(-3px);box-shadow:var(--premium-shadow)!important;}
.shop-category .cat-row .cat-item img{height:78px!important;object-fit:contain!important;transition:transform .22s ease;}
.shop-category .cat-row .cat-item:hover img{transform:scale(1.04);}
.shop-category .cat-row .cat-item h3{font-size:13px!important;line-height:1.35;color:var(--premium-ink)!important;}
.hero-categories,
.card,
.mall-wrapper,
.category-thumbanial .category-item .item-in{
  border:1px solid var(--premium-line)!important;
  border-radius:var(--premium-radius)!important;
  box-shadow:var(--premium-shadow-soft)!important;
}
.hero-area .hero-slider img,.hero-2 img{border-radius:22px!important;box-shadow:0 10px 30px rgba(17,24,39,.08);}
.slick-dots button{width:8px!important;height:8px!important;background:var(--primary_color)!important;opacity:.5;}
.slick-dots li.slick-active button{opacity:1;width:24px!important;border-radius:999px!important;}
.slick-prev,.slick-next{border-radius:50%!important;box-shadow:var(--premium-shadow-soft)!important;background:#fff!important;}

/* Product grid/list */
.products{padding-top:4px;}
.products .row{row-gap:14px;}
.products .product{padding:6px!important;background:transparent!important;border:0!important;}
.products .product .product-wrapper,
.autoplay .product .product-wrapper,
.product-wrapper{
  height:auto!important;
  min-height:100%;
  background:var(--premium-surface)!important;
  border:1px solid var(--premium-line)!important;
  border-radius:20px!important;
  box-shadow:0 8px 22px rgba(17,24,39,.05)!important;
  overflow:hidden!important;
  margin:0!important;
  padding:0 0 58px!important;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease!important;
}
.products .product .product-wrapper:hover,
.autoplay .product .product-wrapper:hover,
.product-wrapper:hover{
  transform:translateY(-4px);
  border-color:color-mix(in srgb, var(--primary_color) 35%, var(--premium-line))!important;
  box-shadow:0 18px 42px rgba(17,24,39,.12)!important;
}
.products .product .thumbnail{
  height:210px!important;
  background:linear-gradient(180deg,#fff 0%,#f8fafc 100%);
  padding:12px!important;
  overflow:hidden;
}
.products .product .thumbnail img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  transition:transform .28s ease;
}
.products .product .product-wrapper:hover .thumbnail img{transform:scale(1.045);}
.products .product .product-wrapper .details,
.autoplay .product .product-wrapper .details{
  padding:12px 14px 0!important;
}
.product-wrapper:hover .home-add2,
.home-add2{display:block!important;}
.details{padding-top:12px!important;}
.products .product .product-wrapper h5{
  font-size:15px!important;
  line-height:1.42!important;
  height:42px!important;
  color:var(--premium-ink)!important;
  font-weight:600!important;
  margin:7px 0 6px!important;
  text-align:left!important;
}
.products .product .product-wrapper h6{
  color:var(--premium-ink)!important;
  margin:5px 0!important;
  font-weight:700!important;
}
.products .product .product-wrapper h6 strong{font-size:16px;color:var(--primary_color)!important;}
.products .product .product-wrapper h6 del{color:#9ca3af!important;font-weight:500!important;margin-left:5px;}
.rating1,.rating{color:#f5a524!important;letter-spacing:.5px;}
.dis-label{
  top:10px!important;
  right:10px!important;
  border-radius:999px!important;
  padding:5px 9px!important;
  box-shadow:0 8px 18px rgba(220,38,38,.18)!important;
  font-weight:700;
  font-size:11px!important;
}
.quick-view{display:none!important;}
.home-add2{
  position:absolute;
  left:12px;
  right:12px;
  bottom:12px;
  text-align:left!important;
  padding:0!important;
}
.cbtn{
  position:static!important;
  display:flex!important;
  align-items:center;
  gap:8px;
  width:100%;
  background:transparent!important;
}
.home-add2 button,
.home-add2 .redirect,
input[type="submit"].redirect{
  margin:0!important;
  min-height:42px;
  border-radius:999px!important;
  border:1px solid var(--premium-line)!important;
  background:var(--primary_color)!important;
  color:var(--primary_bg_color_text)!important;
  opacity:1!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  box-shadow:0 8px 18px color-mix(in srgb, var(--primary_color) 18%, transparent)!important;
}
.home-add2 button:hover,.home-add2 .redirect:hover{font-size:14px!important;transform:translateY(-1px);background:var(--optional_color)!important;}
.home-add2 form{display:inline-flex!important;width:auto!important;}
.home-add2 form button{
  width:42px!important;
  min-width:42px;
  padding:0!important;
  background:#fff!important;
  color:var(--primary_color)!important;
  box-shadow:0 6px 16px rgba(17,24,39,.08)!important;
}
.product-wrapper .px-2.py-1{padding:0 14px!important;color:var(--premium-muted);min-height:18px;}
#list-view .product .product-wrapper,
.product-wrapper.list-comp{
  display:flex;
  align-items:stretch;
  padding-bottom:0!important;
  min-height:160px;
}
#list-view .product .thumbnail,
.product-wrapper.list-comp .thumbnail{
  width:180px!important;
  height:auto!important;
  min-height:160px;
  flex:0 0 180px;
}
#list-view .product .details,.product-wrapper.list-comp .details{padding:16px!important;flex:1;}

/* Cart */
.checkout-right .container{max-width:1100px;}
.shopping-cart{
  background:#fff;
  border:1px solid var(--premium-line);
  border-radius:22px;
  box-shadow:var(--premium-shadow-soft);
  padding:16px;
}
.column-labels{
  background:#f8fafc;
  border:1px solid var(--premium-line);
  border-radius:16px;
  padding:12px 10px;
  margin-bottom:10px;
}
.column-labels label{border:0!important;margin:0!important;padding:0!important;font-weight:700;color:var(--premium-muted)!important;}
.product-all .product{
  border:1px solid var(--premium-line)!important;
  border-radius:18px;
  margin:12px 0;
  padding:12px!important;
  background:#fff!important;
  box-shadow:0 6px 16px rgba(17,24,39,.04);
}
.product-all .product-image img{border-radius:14px;background:#f8fafc;padding:8px;object-fit:contain;}
.product-all .product-title{font-weight:700;color:var(--premium-ink);line-height:1.4;}
.value-minus,.value-plus,.value{
  border-radius:12px!important;
  border:1px solid var(--premium-line)!important;
  background:#f8fafc!important;
  color:var(--premium-ink)!important;
}
.quantity-select .entry.value-minus:hover,.quantity-select .entry.value-plus:hover{background:#eef2f7!important;}
.close2,.product .remove-product{
  border-radius:999px!important;
  background:#fff1f2!important;
  color:#be123c!important;
  border:1px solid #ffe4e6!important;
  width:auto!important;
  padding:7px 12px!important;
}
.checkout-right .btn-primary,
.btn.btn-primary{
  border:0!important;
  border-radius:999px!important;
  background:var(--primary_color)!important;
  color:var(--primary_bg_color_text)!important;
  box-shadow:0 10px 22px color-mix(in srgb, var(--primary_color) 20%, transparent)!important;
  padding:10px 22px!important;
  font-weight:700;
}
.checkout-right .btn-primary:hover,.btn.btn-primary:hover{background:var(--optional_color)!important;transform:translateY(-1px);}

/* Checkout */
#checkout{padding:18px 0 36px;}
#checkout .container{max-width:1180px;}
#checkout .row.mt-3{align-items:flex-start;}
#checkout .widget3{margin-bottom:16px;}
#checkout .widget3 .card{
  border:1px solid var(--premium-line)!important;
  border-radius:22px!important;
  box-shadow:var(--premium-shadow-soft)!important;
  padding:20px!important;
  margin-top:12px!important;
  background:#fff!important;
}
.form-title{
  background:#fff!important;
  color:var(--premium-ink)!important;
  border:1px solid var(--premium-line);
  border-radius:999px;
  box-shadow:0 8px 20px rgba(17,24,39,.05);
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 16px!important;
  font-size:16px!important;
  font-weight:800;
  margin:0 0 4px!important;
}
.form-title span{
  background:var(--primary_color)!important;
  color:var(--primary_bg_color_text)!important;
  width:30px!important;
  height:30px!important;
  line-height:30px!important;
  margin-right:0!important;
}
#checkout label{font-weight:650;color:var(--premium-ink)!important;margin-bottom:7px;}
#checkout .form-control,
.form-control{
  min-height:45px;
  border-radius:14px!important;
  border:1px solid var(--premium-line)!important;
  background:#fff!important;
  color:var(--premium-ink)!important;
  box-shadow:none!important;
}
#checkout .form-control:focus,.form-control:focus{border-color:var(--primary_color)!important;}
#checkout .widget3 button,
#checkout button[type="submit"]{
  border-radius:999px!important;
  background:var(--primary_color)!important;
  color:var(--primary_bg_color_text)!important;
  padding:10px 18px!important;
  font-weight:750;
}
#checkout .widget3 button:hover,#checkout button[type="submit"]:hover{background:var(--optional_color)!important;}
#checkout .rvinfo{
  border-bottom:1px dashed var(--premium-line);
  padding:8px 0;
  color:var(--premium-muted);
}
#checkout .rvinfo:last-child{border-bottom:0;}
#checkout .rvinfo h4{font-size:18px;font-weight:800;color:var(--premium-ink);}
#checkout .pa label{
  border:1px solid var(--premium-line)!important;
  border-radius:16px!important;
  box-shadow:0 6px 16px rgba(17,24,39,.04)!important;
  background:#fff;
  transition:all .18s ease;
}
#checkout .pa label:hover,#checkout .pa label.is-selected,#checkout .pa label:has(input:checked){border-color:var(--primary_color)!important;box-shadow:0 10px 24px color-mix(in srgb, var(--primary_color) 12%, transparent)!important;transform:translateY(-1px);}
#accordion .card{box-shadow:none!important;border:1px solid var(--premium-line)!important;}
#accordion .card-header h5 div{
  border-radius:14px!important;
  background:var(--primary_color)!important;
  color:var(--primary_bg_color_text)!important;
  font-weight:750;
}
#checkout .instruction{border-color:var(--premium-line)!important;border-radius:16px!important;box-shadow:0 6px 16px rgba(17,24,39,.04);}
#checkout .form-groups{border-color:var(--premium-line)!important;border-radius:16px!important;box-shadow:0 6px 16px rgba(17,24,39,.04);}

/* Add to cart modal */
#cart-modal .modal-dialog{max-width:720px;}
#cart-modal .modal-content{
  border:0!important;
  border-radius:24px!important;
  overflow:hidden;
  box-shadow:0 30px 80px rgba(15,23,42,.24)!important;
}
#cart-modal .modal-header{
  border:0!important;
  background:#fff;
  padding:18px 22px 8px!important;
}
#cart-modal .modal-title{font-size:22px!important;font-weight:850;color:var(--premium-ink);}
#cart-modal .modal-body{padding:18px 22px!important;}
#cart-modal .modal-footer{border:0!important;padding:10px 22px 22px!important;background:#f8fafc;}
#cart-modal #cart-img img{border-radius:18px;background:#fff;padding:10px;box-shadow:0 8px 18px rgba(17,24,39,.06);}
#cart-modal .btn{border-radius:999px!important;padding:10px 18px!important;font-weight:700;}
#cart-modal .btn-success{background:var(--primary_color)!important;border-color:var(--primary_color)!important;color:var(--primary_bg_color_text)!important;}
#cart-modal .btn-danger{background:#fff1f2!important;border-color:#ffe4e6!important;color:#be123c!important;}
#cart-modal .color{border:2px solid #fff!important;box-shadow:0 0 0 1px var(--premium-line),0 6px 14px rgba(17,24,39,.08);}
#cart-modal .color.active{box-shadow:0 0 0 2px var(--primary_color),0 8px 18px rgba(17,24,39,.12)!important;}

/* Footer / mobile bottom nav */
footer{
  background:#fff!important;
  border-top:1px solid var(--premium-line)!important;
  border-radius:28px 28px 0 0;
  box-shadow:0 -10px 30px rgba(17,24,39,.04);
}
footer .footer-item .title span{font-weight:800;color:var(--premium-ink)!important;}
footer a:hover{color:var(--primary_color)!important;}
.footer-menu{
  background:rgba(255,255,255,.92)!important;
  box-shadow:0 -12px 30px rgba(17,24,39,.1);
  border-top:1px solid var(--premium-line);
  backdrop-filter:blur(16px);
}
.footer-menu ul{display:flex;align-items:center;justify-content:space-between;gap:4px;}
.footer-menu ul li{flex:1;}
.footer-menu ul li a{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:3px;
  color:var(--premium-muted)!important;
  font-size:11px!important;
  min-height:58px;
  border-radius:16px;
}
.footer-menu ul li a span i{font-size:20px!important;color:inherit!important;}
.footer-menu ul li a:hover{background:#f8fafc;color:var(--primary_color)!important;}
.fixed_what a{box-shadow:0 14px 28px rgba(17,24,39,.18)!important;}

/* Thank you page */
.premium-thankyou{padding:40px 0 60px;}
.thankyou-card{
  max-width:720px;
  margin:0 auto;
  background:#fff;
  border:1px solid var(--premium-line);
  border-radius:30px;
  box-shadow:var(--premium-shadow);
  text-align:center;
  padding:42px 28px;
}
.thankyou-icon{
  width:78px;
  height:78px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:color-mix(in srgb, var(--primary_color) 12%, #fff);
  color:var(--primary_color);
  font-size:34px;
  margin-bottom:18px;
}
.thankyou-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--primary_color);margin:0 0 8px;}
.thankyou-card h1{font-weight:900;letter-spacing:-.035em;color:var(--premium-ink);margin:0 0 12px;}
.thankyou-text{color:var(--premium-muted);max-width:560px;margin:0 auto 22px;line-height:1.65;}
.invoice-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  background:#f8fafc;
  border:1px dashed color-mix(in srgb, var(--primary_color) 35%, var(--premium-line));
  border-radius:20px;
  padding:16px 18px;
  margin:20px auto;
  max-width:520px;
}
.invoice-box span{color:var(--premium-muted);font-weight:700;}
.invoice-box strong{color:var(--primary_color);font-size:22px;letter-spacing:.02em;}
.thankyou-note{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:#92400e;
  background:#fffbeb;
  border:1px solid #fde68a;
  border-radius:999px;
  padding:9px 14px;
  font-weight:650;
}
.thankyou-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:24px;}
.btn-outline-primary{
  border:1px solid var(--premium-line)!important;
  color:var(--primary_color)!important;
  background:#fff!important;
  border-radius:999px!important;
  padding:10px 22px!important;
  font-weight:700;
}
.btn-outline-primary:hover{background:color-mix(in srgb, var(--primary_color) 8%, #fff)!important;border-color:var(--primary_color)!important;}

/* Responsive */
@media (max-width:991px){
  header .top-header .containe{min-height:66px;}
  .products .product .thumbnail{height:190px!important;}
  .shop-category .cat-row .cat-item{width:calc(20% - 10px)!important;}
  #checkout .widget3.col-md-7,#checkout .widget3.col-md-5{flex:0 0 100%;max-width:100%;}
}
@media (max-width:767px){
  body{padding-bottom:70px;}
  header{margin-bottom:8px!important;}
  header .top-header.header_area,header .top-header{border-radius:0 0 18px 18px;}
  header .top-header .containe{min-height:62px;flex-wrap:nowrap!important;}
  .mobile-menu-openar{display:block!important;flex:0 0 42px;}
  header .top-header .logo-area{flex:1!important;display:flex!important;justify-content:center;}
  header .top-header .logo-area img{max-width:126px;max-height:46px;}
  .other-search{width:42px;height:42px;border-radius:50%;background:#fff;border:1px solid var(--premium-line);box-shadow:0 6px 18px rgba(17,24,39,.08);display:inline-flex!important;align-items:center;justify-content:center;color:var(--premium-ink)!important;}
  .search-box{flex:0 0 42px!important;width:42px!important;}
  .main-menu{
    max-width:360px!important;
    width:88%!important;
    height:100vh!important;
    border-radius:0 24px 24px 0;
    overflow-y:auto;
    box-shadow:22px 0 48px rgba(15,23,42,.22)!important;
  }
  .main-menu .container{padding-left:0!important;padding-right:0!important;}
  header .main-menu .nav-bar{display:block!important;padding:12px;}
  header .main-menu .nav-bar .header-category-nav{width:100%!important;min-width:0;margin:8px 0!important;border-radius:16px!important;}
  header .main-menu .nav-bar .nav-menus ul li{display:block!important;position:relative!important;}
  header .main-menu .nav-bar .nav-menus ul li a{margin:4px 0!important;border-radius:14px!important;}
  header .main-menu .nav-bar .header-category-menu,ul li ul{position:relative!important;left:0!important;top:0!important;width:100%!important;background:#fff!important;border-radius:16px!important;}
  .back{display:block!important;border-radius:0 24px 0 0!important;}
  .advance-search .sear_wrapper,#search-view{width:92%!important;}
  .shop-category .cat-row{overflow-x:auto;flex-wrap:nowrap;padding:4px 2px 12px;scroll-snap-type:x mandatory;}
  .shop-category .cat-row .cat-item{min-width:132px!important;flex:0 0 132px!important;scroll-snap-align:start;}
  .products .product.pxc,
  .products .product.col-4,
  .products .product.col-sm-4{flex:0 0 50%!important;max-width:50%!important;}
  .products .product{padding:5px!important;}
  .products .product .thumbnail{height:172px!important;padding:10px!important;}
  .products .product .product-wrapper{border-radius:18px!important;padding-bottom:54px!important;}
  .products .product .product-wrapper h5{font-size:13.5px!important;height:39px!important;}
  .products .product .product-wrapper h6 strong{font-size:14px!important;}
  .home-add2{left:10px;right:10px;bottom:10px;}
  .home-add2 button,.home-add2 .redirect{min-height:38px!important;}
  .home-add2 form button{width:38px!important;min-width:38px;}
  #list-view .product .product-wrapper,.product-wrapper.list-comp{display:block!important;}
  #list-view .product .thumbnail,.product-wrapper.list-comp .thumbnail{width:100%!important;height:180px!important;min-height:180px;}
  .shopping-cart{padding:10px;border-radius:18px;}
  .product-all .product{display:grid;grid-template-columns:90px 1fr;gap:10px;}
  .product-all .product-image{width:90px!important;float:none!important;grid-row:span 3;}
  .product-all .product-image img{width:90px!important;}
  .product-all .product-details,.product-all .product-price,.product-all .product-quantity,.product-all .product-removal,.product-all .product-line-price{float:none!important;width:auto!important;clear:none!important;margin:0!important;text-align:left!important;}
  .product-all .product-line-price{font-weight:800;color:var(--primary_color);}
  #checkout{padding-top:8px;}
  #checkout .widget3 .card{padding:16px!important;border-radius:18px!important;}
  #checkout .form-title{font-size:15px!important;width:100%;justify-content:flex-start;}
  #checkout .form-group{width:100%!important;float:none!important;}
  .pa label{width:100%;}
  .invoice-box{display:block;text-align:center;}
  .invoice-box strong{display:block;margin-top:6px;}
  .thankyou-card{padding:32px 18px;border-radius:24px;}
  .thankyou-note{border-radius:16px;text-align:left;}
}
@media (max-width:380px){
  .products .product .thumbnail{height:150px!important;}
  .products .product .product-wrapper h5{font-size:12.5px!important;}
  .products .product{padding:4px!important;}
}