/* Nordic Clean Theme v37 - safe frontend skin only */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--nt-navy:#0f172a;--nt-text:#1f2937;--nt-muted:#64748b;--nt-line:#e5e7eb;--nt-soft:#f8fafc;--nt-soft2:#f3f6f8;--nt-orange:#ff6b35;--nt-orange2:#ff7a45;--nt-blue:#2563eb;--nt-green:#10b981;--nt-radius:16px;--nt-shadow:0 16px 40px rgba(15,23,42,.08)}
html,body{font-family:Inter,Arial,sans-serif!important;background:#fff;color:var(--nt-text);letter-spacing:-.01em}body{font-size:15px;line-height:1.65}h1,h2,h3,h4,h5,h6,.font-heading{font-family:Inter,Arial,sans-serif!important;color:var(--nt-navy);font-weight:800;letter-spacing:-.035em}p{color:var(--nt-muted);line-height:1.7}a{color:var(--nt-navy)}a:hover{color:var(--nt-orange)}.container{max-width:1240px}.text-brand{color:var(--nt-orange)!important}.bg-brand{background:var(--nt-orange)!important}
/* Remove marketplace feel */
.mobile-promotion,.header-top.ozelbg1,#news-flash,#news-flash1,#story,.popular-categories,.newsletter{display:none!important}.headerozel1{border:0!important}.header-area{background:#fff;border-bottom:1px solid var(--nt-line);box-shadow:0 4px 26px rgba(15,23,42,.04)}
.nt-trustbar{background:#0f172a;color:#fff;font-size:13px}.nt-trustbar-inner{height:40px;display:flex;align-items:center;gap:24px;white-space:nowrap}.nt-trust-item{display:flex;align-items:center;gap:6px;color:#e5e7eb;font-weight:600}.nt-trust-item:before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:17px;height:17px;border-radius:50%;background:rgba(16,185,129,.18);color:#34d399;font-weight:800;font-size:12px}.nt-trust-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.nt-trust-actions a{color:#fff;font-weight:700}.nt-trust-actions a:hover{color:#ffd2c2}
.header-middle{background:#fff!important;padding:18px 0!important}.header-wrap{gap:22px}.logo img{max-height:56px;width:auto!important}.header-right{display:flex;align-items:center;gap:28px;flex:1}.search-style-2{flex:1;max-width:520px}.search-style-2 form{height:48px;border:1px solid var(--nt-line)!important;border-radius:999px!important;background:var(--nt-soft);overflow:hidden}.search-style-2 form input{height:48px;border:0!important;background:transparent!important;padding:0 18px!important;font-size:14px}.search-style-2 form button{height:48px;width:56px;background:var(--nt-orange)!important;border:0!important;color:#fff!important;border-radius:999px!important;margin:0!important}.header-action-2{gap:18px}.header-action-icon-2{padding:0!important}.header-action-icon-2 .lable{font-size:13px;font-weight:700;color:var(--nt-navy)}.header-action-icon-2 img{width:23px;height:23px}.header-action-icon-2 .pro-count{background:var(--nt-orange)!important;color:#fff!important;border:2px solid #fff;min-width:20px;height:20px;line-height:17px;font-weight:800}
.header-bottom{background:#fff!important;border-top:1px solid var(--nt-line);box-shadow:none!important}.header-bottom .container{position:relative}.main-menu>nav>ul{display:flex;align-items:center;gap:4px}.main-menu>nav>ul>li>a{color:var(--nt-navy)!important;font-size:15px;font-weight:800;padding:17px 16px!important;border-radius:999px;line-height:1!important}.main-menu>nav>ul>li>a:hover,.main-menu>nav>ul>li:hover>a{background:#fff1eb;color:var(--nt-orange)!important}.sub-menu,.level-menu{border:1px solid var(--nt-line)!important;border-radius:18px!important;box-shadow:var(--nt-shadow)!important;padding:12px!important}.sub-menu li a,.level-menu li a{font-weight:650;color:var(--nt-text)!important;border-radius:10px;padding:9px 12px!important}.sub-menu li a:hover,.level-menu li a:hover{background:var(--nt-soft);color:var(--nt-orange)!important}.hotline{background:#fff7ed;border:1px solid #fed7aa;border-radius:999px;padding:7px 14px}.hotline p{font-size:15px;color:var(--nt-navy);font-weight:800}.hotline p span{color:var(--nt-muted);font-size:11px;font-weight:600}
/* Home / section visuals */
main.main{background:#fff}.home-slider{padding-top:22px!important}.home-slider .container>.row{align-items:stretch}.hero-slider-1 .single-hero-slider{border-radius:28px!important;min-height:390px;background-color:#eef3f7;background-size:cover!important;position:relative;overflow:hidden}.hero-slider-1 .single-hero-slider:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,23,42,.52),rgba(15,23,42,.08));pointer-events:none}.banner-img img{border-radius:24px!important;box-shadow:var(--nt-shadow)}.section-title.style-1{border:0!important;margin-top:35px}.section-title.style-1:after{background:var(--nt-orange)!important;height:4px;border-radius:99px;width:64px}.section-title h3,.section-title.style-1{font-size:28px!important;color:var(--nt-navy)!important}
/* Product cards */
.product-cart-wrap,.featured-card,.banner-left-icon{border:1px solid var(--nt-line)!important;border-radius:22px!important;background:#fff!important;box-shadow:0 10px 30px rgba(15,23,42,.05)!important;transition:.2s ease}.product-cart-wrap:hover,.featured-card:hover,.banner-left-icon:hover{transform:translateY(-3px);box-shadow:var(--nt-shadow)!important;border-color:#dbe1ea!important}.product-cart-wrap .product-img-action-wrap{border-radius:20px!important;background:#f8fafc!important}.product-cart-wrap .product-img-action-wrap img{border-radius:18px!important}.product-cart-wrap .product-content-wrap h2,.product-cart-wrap .product-content-wrap h2 a{font-size:16px!important;color:var(--nt-navy)!important;font-weight:800!important;line-height:1.35}.product-cart-wrap .product-price span{color:var(--nt-orange)!important;font-weight:900!important}.product-cart-wrap .add-cart .add{border-radius:999px!important;background:var(--nt-orange)!important;color:#fff!important;border:0!important}.product-cart-wrap .add-cart .add:hover{background:#e85d2c!important}.product-badges,.product-badges span{display:none!important}
/* Category / listing */
.page-header.breadcrumb-wrap{background:linear-gradient(135deg,#f8fafc,#eef3f7)!important;border:0!important;padding:18px 0!important;margin-bottom:18px}.breadcrumb{font-size:13px;color:var(--nt-muted)}.breadcrumb a{font-weight:700;color:var(--nt-navy)}.sidebar-widget{border:1px solid var(--nt-line)!important;border-radius:20px!important;background:#fff!important;box-shadow:0 10px 30px rgba(15,23,42,.04)!important}.sidebar-widget.widget-category-2 ul li{border:0!important;margin-bottom:4px}.sidebar-widget.widget-category-2 ul li a{font-weight:700;border-radius:12px;padding:10px 12px;display:block;color:var(--nt-text)!important}.sidebar-widget.widget-category-2 ul li a:hover{background:#fff1eb;color:var(--nt-orange)!important}.shop-product-fillter{border:1px solid var(--nt-line);border-radius:18px;padding:14px 18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.04)}.pagination-area .page-item .page-link,.pagination li a{border-radius:999px!important;border:1px solid var(--nt-line)!important;color:var(--nt-navy)!important}.pagination-area .page-item.active .page-link,.pagination li.active a{background:var(--nt-orange)!important;color:#fff!important;border-color:var(--nt-orange)!important}
/* Product detail Nordic B2B */
.product-detail{border:0!important}.detail-gallery,.detail-info{background:#fff;border:1px solid var(--nt-line);border-radius:26px;box-shadow:0 16px 46px rgba(15,23,42,.06);padding:18px}.detail-info{padding:28px!important}.title-detail{font-size:34px!important;line-height:1.15!important}.product-price .current-price{font-size:28px!important;color:var(--nt-navy)!important}.nt-product-configurator{margin-top:22px}.nt-section-title{color:var(--nt-navy)!important;font-size:15px!important;font-weight:900!important;margin-bottom:11px}.nt-toggle-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.nt-toggle{border:1px solid var(--nt-line)!important;border-radius:14px!important;background:#fff!important;color:var(--nt-navy)!important;height:52px;font-weight:900!important}.nt-toggle.active{border-color:var(--nt-orange)!important;background:#fff3ed!important;color:var(--nt-orange)!important;box-shadow:0 0 0 3px rgba(255,107,53,.08)}.nt-color-list{display:flex;flex-wrap:wrap;gap:9px}.nt-color-item a{width:32px!important;height:32px!important;border-radius:50%!important;border:2px solid #fff!important;box-shadow:0 0 0 1px var(--nt-line)}.nt-color-item.active a{box-shadow:0 0 0 3px var(--nt-orange)!important}.nt-print-zone-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.nt-print-zone-card{border:1px solid var(--nt-line)!important;border-radius:18px!important;background:#fff!important;box-shadow:0 6px 18px rgba(15,23,42,.04);padding:16px 12px!important;text-align:center;cursor:pointer}.nt-print-zone-card:hover,.nt-print-zone-card.active{border-color:var(--nt-orange)!important;background:#fff7f2!important}.nt-size-table{border:1px solid var(--nt-line)!important;border-radius:18px!important;overflow:hidden;background:#fff}.nt-size-table th{background:#f8fafc!important;color:var(--nt-navy)!important;font-weight:900}.nt-qty-control input{height:30px!important;border-radius:8px!important;text-align:center;padding:0!important}.nt-size-minus,.nt-size-plus{border:1px solid var(--nt-line)!important;background:#fff!important;color:var(--nt-orange)!important;border-radius:50%!important}.nt-file-handling{border:1px solid var(--nt-line);border-radius:22px;background:#fff;padding:18px!important}.nt-upload-box{border:1.5px dashed #cbd5e1!important;border-radius:18px!important;background:#f8fafc!important;padding:22px!important}.nt-order-summary{border:1px solid var(--nt-line)!important;border-radius:24px!important;background:#0f172a!important;color:#fff!important;padding:24px!important;box-shadow:var(--nt-shadow)}.nt-order-summary h4,.nt-order-summary span,.nt-order-summary strong{color:#fff!important}.nt-summary-line{border-bottom:1px solid rgba(255,255,255,.12)!important}.nt-summary-total strong{font-size:24px!important}.nt-add-cart,.button-add-to-cart{background:var(--nt-orange)!important;border-radius:999px!important;border:0!important;width:100%;height:52px}.nt-add-cart:hover,.button-add-to-cart:hover{background:#e85d2c!important}.product-info{border:1px solid var(--nt-line);border-radius:24px;padding:20px;background:#fff;box-shadow:0 10px 30px rgba(15,23,42,.04)}.nav-tabs .nav-link{border-radius:999px!important;font-weight:800;color:var(--nt-muted)!important}.nav-tabs .nav-link.active{background:var(--nt-navy)!important;color:#fff!important}
/* Tables, cart, checkout, account */
table{border-color:var(--nt-line)!important}table th{background:#f8fafc!important;color:var(--nt-navy)!important;font-weight:900!important}table td,table th{border-color:var(--nt-line)!important}.table-responsive,.cart_total,.checkout-payment,.toggle_info,.login_form,.coupon_form{border-radius:22px!important;border:1px solid var(--nt-line)!important;box-shadow:0 10px 30px rgba(15,23,42,.04)!important;background:#fff!important}.btn,.button,button.submit,button[type='submit']{background:var(--nt-orange)!important;border-color:var(--nt-orange)!important;border-radius:999px!important;font-weight:900!important;box-shadow:none!important}.btn:hover,.button:hover,button.submit:hover,button[type='submit']:hover{background:#e85d2c!important;border-color:#e85d2c!important;color:#fff!important}input,.form-control,textarea{border:1px solid var(--nt-line)!important;border-radius:14px!important;background:#fff!important}.select2-container--default .select2-selection--single{border:1px solid var(--nt-line)!important;border-radius:14px!important;height:48px!important;padding:0 14px!important}.select2-container--default .select2-selection--single .select2-selection__rendered{line-height:48px!important}
/* Footer */
footer.main{background:#0f172a!important;color:#cbd5e1;margin-top:50px}.featured.section-padding{background:#f8fafc!important;padding:34px 0!important}.featured .banner-left-icon{background:#fff!important}.featured .icon-box-title{font-size:16px!important;color:var(--nt-navy)!important}.footer-mid{background:#0f172a!important;border:0!important}.footer-mid h4,.footer-mid .widget-title{color:#fff!important}.footer-mid p,.footer-mid li,.footer-mid span,.footer-mid strong{color:#cbd5e1!important}.footer-mid a{color:#cbd5e1!important}.footer-mid a:hover{color:#fff!important}.contact-infor img{filter:brightness(0) invert(1);opacity:.75}.footer-bottom{border-top:1px solid rgba(255,255,255,.1)!important}.mobile-social-icon h6{color:#fff!important}.mobile-social-icon a{background:#1e293b!important;border-radius:50%!important}.footer-list li a i{display:none}.footer-link-widget{min-width:170px}.footer-link-widget:nth-of-type(4){display:none!important}
/* Mobile */
@media(max-width:1024px){.header-bottom{background:#fff!important}.header-bottom .header-wrap{height:66px}.burger-icon span{background:var(--nt-navy)!important}.header-action-icon-2 .pro-count.white{background:var(--nt-orange)!important;color:#fff!important}.mobile-header-wrapper-style{border-radius:0 22px 22px 0}.nt-print-zone-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.title-detail{font-size:28px!important}.detail-info{padding:18px!important}.home-slider .col-lg-9{width:100%}.hero-slider-1 .single-hero-slider{min-height:250px}.search-style-2{max-width:none}.header-right{gap:12px}}
@media(max-width:575px){body{font-size:14px}.container{padding-left:14px;padding-right:14px}.nt-print-zone-grid{grid-template-columns:1fr}.nt-toggle-row{grid-template-columns:1fr}.product-grid>.col-6{width:100%}.title-detail{font-size:24px!important}.detail-gallery,.detail-info,.product-info{border-radius:18px}.hero-slider-1 .single-hero-slider{border-radius:18px!important}.footer-link-widget{width:100%;flex:0 0 100%}.featured .col-12{margin-bottom:12px}}


/* v38 header visibility fix - load after dynamic admin color styles */
.header-style-1.header-style-5 .header-bottom-bg-color,
.header-bottom.header-bottom-bg-color,
.header-bottom{background:#ffffff!important;background-image:none!important;border-top:1px solid var(--nt-line)!important;border-bottom:1px solid var(--nt-line)!important;}
.header-bottom .main-menu>nav>ul>li>a,
.header-bottom .main-menu>nav>ul>li>a:visited{color:#0f172a!important;opacity:1!important;text-shadow:none!important;}
.header-bottom .main-menu>nav>ul>li>a i{color:#0f172a!important;opacity:1!important;}
.header-bottom .main-menu>nav>ul>li:hover>a,
.header-bottom .main-menu>nav>ul>li>a:hover{color:#ff6b35!important;background:#fff1eb!important;}
.header-bottom .hotline{background:#fff7ed!important;border:1px solid #fed7aa!important;color:#0f172a!important;}
.header-bottom .hotline p,.header-bottom .hotline span{color:#0f172a!important;opacity:1!important;}
.header-bottom .hotline img{filter:none!important;}
@media(max-width:1024px){.header-style-1.header-style-5 .header-bottom-bg-color,.header-bottom.header-bottom-bg-color,.header-bottom{background:#fff!important;background-image:none!important;}}


/* v39 logo clarity and size fix */
.header-middle{padding:22px 0!important;}
.header-middle .header-wrap{min-height:84px!important;align-items:center!important;}
.header-middle .logo.logo-width-1{flex:0 0 230px!important;width:230px!important;max-width:230px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;overflow:visible!important;}
.header-middle .logo.logo-width-1 a{display:flex!important;align-items:center!important;width:100%!important;min-height:76px!important;}
.header-middle .logo.logo-width-1 img{display:block!important;width:auto!important;max-width:220px!important;max-height:78px!important;height:auto!important;object-fit:contain!important;opacity:1!important;filter:none!important;transform:none!important;}
.header-middle .header-right{min-width:0!important;}
.header-middle .search-style-2{max-width:560px!important;}
.header-bottom .logo.logo-width-1{width:170px!important;max-width:170px!important;}
.header-bottom .logo.logo-width-1 img{max-width:165px!important;max-height:54px!important;width:auto!important;height:auto!important;object-fit:contain!important;}
@media(max-width:1024px){
  .header-bottom .logo.logo-width-1{width:170px!important;max-width:170px!important;}
  .header-bottom .logo.logo-width-1 img{max-width:165px!important;max-height:52px!important;}
}

/* v40 - hotline/support pill readability fix */
.header-bottom .hotline,
.header-bottom.header-bottom-bg-color .hotline{
  min-width: 168px !important;
  height: 48px !important;
  padding: 0 18px !important;
  background: #ffffff !important;
  border: 1px solid #e2e8f0 !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 22px rgba(15,23,42,.08) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  overflow: hidden !important;
}
.header-bottom .hotline img{
  display: none !important;
}
.header-bottom .hotline p{
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  color: #0f172a !important;
}
.header-bottom .hotline p::before{
  content: "☎";
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #fff1eb !important;
  color: #ff6b35 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}
.header-bottom .hotline p::after{
  content: "24/7 kundesupport";
  font-size: 13px !important;
  line-height: 1.1 !important;
  font-weight: 800 !important;
  color: #0f172a !important;
  white-space: nowrap !important;
}
.header-bottom .hotline p span{
  display: none !important;
}
@media(max-width:1024px){
  .header-bottom .hotline{display:none!important;}
}

/* v41 - support pill + Nordic B2B USP cards */
.header-bottom .hotline.nt-support-pill,
.header-bottom.header-bottom-bg-color .hotline.nt-support-pill{
  min-width: 190px !important;
  height: 46px !important;
  padding: 0 18px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 999px !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.09) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  overflow: visible !important;
}
.header-bottom .hotline.nt-support-pill p{
  margin: 0 !important;
  padding: 0 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  color: #0f172a !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
.header-bottom .hotline.nt-support-pill p::before{
  content: "☎" !important;
  width: 28px !important;
  height: 28px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #fff1eb !important;
  color: #ff6b35 !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  flex: 0 0 28px !important;
}
.header-bottom .hotline.nt-support-pill p::after{content:none!important;display:none!important;}
.header-bottom .hotline.nt-support-pill img,
.header-bottom .hotline.nt-support-pill span{display:none!important;}

.featured.nt-usp-section,
.nt-usp-section{
  background: #f7f8fb !important;
  padding: 42px 0 !important;
  border-top: 1px solid #eef2f7 !important;
  border-bottom: 1px solid #eef2f7 !important;
}
.nt-usp-section .row{display:none!important;}
.nt-usp-grid{
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0,1fr)) !important;
  gap: 18px !important;
}
.nt-usp-card{
  min-height: 118px !important;
  background: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 22px !important;
  padding: 22px 20px !important;
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.06) !important;
  transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease !important;
}
.nt-usp-card:hover{
  transform: translateY(-3px) !important;
  border-color: #fed7aa !important;
  box-shadow: 0 18px 42px rgba(15,23,42,.1) !important;
}
.nt-usp-icon{
  width: 54px !important;
  height: 54px !important;
  border-radius: 16px !important;
  background: #fff1eb !important;
  color: #ff6b35 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 30px !important;
  flex: 0 0 54px !important;
}
.nt-usp-text h3{
  margin: 0 0 3px !important;
  color: #0f172a !important;
  font-size: 16px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}
.nt-usp-text p{
  margin: 0 !important;
  color: #64748b !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
}
@media(max-width:1200px){
  .nt-usp-grid{grid-template-columns: repeat(3, minmax(0,1fr)) !important;}
}
@media(max-width:768px){
  .nt-usp-section{padding:24px 0!important;}
  .nt-usp-grid{grid-template-columns: 1fr !important;gap:12px!important;}
  .nt-usp-card{min-height:auto!important;padding:18px!important;}
}

/* v42 - full width Nordic hero slider like reference */
.home-slider{
  padding: 0 !important;
  margin: 0 !important;
  background: #f7f3ef !important;
}
.home-slider .container{
  width: 100% !important;
  max-width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.home-slider .container > .row{
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block !important;
}
.home-slider .col-lg-9{
  width: 100% !important;
  max-width: 100% !important;
  flex: 0 0 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.home-slider .col-lg-3{
  display: none !important;
}
.home-slide-cover,
.hero-slider-1,
.hero-slider-1 .slick-list,
.hero-slider-1 .slick-track{
  width: 100% !important;
}
.hero-slider-1 .single-hero-slider{
  width: 100% !important;
  min-height: 560px !important;
  height: 560px !important;
  border-radius: 0 !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  box-shadow: none !important;
}
.hero-slider-1 .single-hero-slider:after{
  display: none !important;
  content: none !important;
}
.hero-slider-1.style-5 .single-hero-slider,
.hero-slider-1.style-5 img{
  border-radius: 0 !important;
}
.hero-slider-1 .slick-dots,
.dot-style-1 ul{
  display: none !important;
}
.home-slider + br{
  display: none !important;
}
@media(max-width:1400px){
  .hero-slider-1 .single-hero-slider{
    min-height: 500px !important;
    height: 500px !important;
  }
}
@media(max-width:1024px){
  .hero-slider-1 .single-hero-slider{
    min-height: 390px !important;
    height: 390px !important;
    background-position: center center !important;
  }
}
@media(max-width:575px){
  .hero-slider-1 .single-hero-slider{
    min-height: 280px !important;
    height: 280px !important;
    background-position: center center !important;
  }
}

/* v43 - homepage content sections */
.nt-home-page{background:#f7f3ef;color:#1f2933;}
.nt-home-page .container{max-width:1180px;}
.nt-section-head{max-width:980px;margin:0 auto 34px;}
.nt-center-head{text-align:center;max-width:760px;}
.nt-section-head span,.nt-split-text span,.nt-info-grid span,.nt-eco-text span,.nt-private-grid span,.nt-bags-text span{display:block;color:#9b2f13;font-weight:800;font-size:14px;margin-bottom:10px;letter-spacing:.01em;}
.nt-section-head h2,.nt-split-text h2,.nt-info-grid h2,.nt-eco-text h2,.nt-private-grid h2,.nt-bags-text h2{font-size:38px;line-height:1.1;color:#1f2933;margin-bottom:18px;font-weight:800;letter-spacing:-.02em;}
.nt-section-head p,.nt-split-text p,.nt-info-grid p,.nt-eco-text p,.nt-private-grid p,.nt-bags-text p{font-size:16px;line-height:1.8;color:#344055;margin-bottom:16px;}
.nt-section-head blockquote{border-left:4px solid #d9d2c9;padding:14px 0 14px 26px;margin:22px 0;font-size:17px;color:#111827;font-style:italic;font-weight:700;}
.nt-btn{display:inline-flex;align-items:center;justify-content:center;background:#8f260d;color:#fff!important;border-radius:8px;padding:14px 24px;font-weight:800;line-height:1;border:1px solid #8f260d;box-shadow:0 12px 25px rgba(143,38,13,.16);}
.nt-btn:hover{background:#6f1c08!important;color:#fff!important;transform:translateY(-1px);}
.nt-btn-outline{background:transparent;color:#8f260d!important;box-shadow:none;}
.nt-btn-outline:hover{background:#8f260d!important;color:#fff!important;}
.nt-btn-outline.light{border-color:rgba(255,255,255,.6);color:#fff!important;}
.nt-btn-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:20px;}

.nt-category-showcase{padding:70px 0 45px;background:#f7f3ef;}
.nt-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}
.nt-category-card{display:block;background:#fff;border:1px solid #ddd7d0;border-radius:12px;overflow:hidden;color:#1f2933!important;box-shadow:0 8px 22px rgba(17,24,39,.08);transition:.25s ease;}
.nt-category-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(17,24,39,.12);}
.nt-category-card img{width:100%;height:235px;object-fit:cover;display:block;}
.nt-category-card div{padding:18px 20px 22px;background:#fff;}
.nt-category-card h3{font-size:17px;margin-bottom:8px;color:#111827;}
.nt-category-card p{font-size:13px;line-height:1.6;color:#5b6472;margin-bottom:14px;}
.nt-category-card strong{color:#f15b24;font-size:13px;font-weight:800;}

.nt-why-section{padding:70px 0;background:#fff;}
.nt-review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.nt-review-card{background:#fff;border:1px solid #e1ddd8;border-radius:13px;padding:30px;box-shadow:0 8px 24px rgba(17,24,39,.06);}
.nt-review-card p{font-size:15px;line-height:1.75;color:#4b5563;min-height:125px;border-bottom:1px solid #ece8e3;padding-bottom:24px;margin-bottom:20px;}
.nt-review-card div{display:grid;grid-template-columns:44px 1fr;column-gap:14px;align-items:center;}
.nt-review-card span{grid-row:1/3;width:44px;height:44px;border-radius:50%;background:#fff0e8;color:#f15b24;display:flex;align-items:center;justify-content:center;font-weight:800;}
.nt-review-card strong{color:#111827;font-weight:800;}
.nt-review-card small{color:#8b929b;}

.nt-logo-section,.nt-private-section{padding:85px 0;background:#f1ede7;}
.nt-split-grid,.nt-private-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:65px;align-items:center;}
.nt-split-text{max-width:460px;}
.nt-mosaic-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.nt-mosaic-grid img{width:100%;height:220px;object-fit:cover;border-radius:14px;box-shadow:0 12px 28px rgba(17,24,39,.14);background:#fff;}
.nt-mosaic-grid img.big{height:455px;grid-row:span 2;}
.nt-mosaic-grid img.tall{height:455px;grid-row:span 2;}

.nt-info-split{padding:90px 0;background:#fff;}
.nt-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:58px;align-items:center;}
.nt-info-grid>img,.nt-private-grid>img{width:100%;border-radius:18px;box-shadow:0 18px 45px rgba(17,24,39,.15);background:#fff;}
.nt-tabs-fake{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ddd7d0;border-radius:8px;overflow:hidden;margin:20px 0;background:#fff;}
.nt-tabs-fake strong{padding:14px 18px;font-size:13px;text-align:center;color:#6b7280;border-right:1px solid #ddd7d0;}
.nt-tabs-fake strong:first-child{color:#f15b24;}
.nt-tabs-fake strong:last-child{border-right:0;}

.nt-eco-section{padding:90px 0;background:#f7f3ef;}
.nt-eco-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;}
.nt-eco-text ul{margin:20px 0 24px;padding-left:20px;}
.nt-eco-text li{list-style:disc;color:#4b5563;margin-bottom:10px;line-height:1.7;}
.nt-product-mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.nt-product-mini-grid a{color:#111827!important;text-align:center;font-weight:800;font-size:13px;line-height:1.35;}
.nt-product-mini-grid img{width:100%;height:165px;object-fit:cover;border-radius:12px;background:#fff;box-shadow:0 10px 23px rgba(17,24,39,.08);margin-bottom:10px;}

.nt-private-section{background:#fff;}
.nt-private-grid{grid-template-columns:1fr 1fr;}
.nt-bags-section{padding:90px 0;background:#3b1630;color:#fff;}
.nt-bags-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start;}
.nt-bags-text h2,.nt-bags-text p,.nt-bags-text span{color:#fff;}
.nt-bags-text span{color:#ffb79a;}
.nt-product-mini-grid.dark a{color:#fff!important;}
.nt-product-mini-grid.dark img{background:#fff;box-shadow:none;}

@media(max-width:1100px){
  .nt-category-grid{grid-template-columns:repeat(2,1fr)}
  .nt-review-grid,.nt-eco-grid,.nt-split-grid,.nt-info-grid,.nt-private-grid,.nt-bags-grid{grid-template-columns:1fr;}
  .nt-mosaic-grid img.big,.nt-mosaic-grid img.tall{height:260px;grid-row:auto;}
}
@media(max-width:700px){
  .nt-section-head h2,.nt-split-text h2,.nt-info-grid h2,.nt-eco-text h2,.nt-private-grid h2,.nt-bags-text h2{font-size:30px;}
  .nt-category-grid,.nt-review-grid,.nt-product-mini-grid{grid-template-columns:1fr;}
  .nt-category-card img{height:220px;}
  .nt-logo-section,.nt-private-section,.nt-info-split,.nt-eco-section,.nt-bags-section,.nt-why-section,.nt-category-showcase{padding:48px 0;}
  .nt-tabs-fake{grid-template-columns:1fr;}
  .nt-tabs-fake strong{border-right:0;border-bottom:1px solid #ddd7d0;}
}


/* =========================================================
   V49 MOBILE RESPONSIVE FIX
   Mobil header, logo, support pill, hero and homepage cards
   ========================================================= */

@media (max-width: 991px){

  body{
    overflow-x:hidden !important;
  }

  /* Top trust bar stays compact or hidden on very small screens */
  .nt-trust-bar,
  .header-top.header-top-ptb-1.d-none.d-lg-block{
    display:none !important;
  }

  /* Main mobile header */
  .header-area,
  .header-style-1,
  .header-style-5{
    background:#fff !important;
  }

  .header-bottom,
  .header-bottom-bg-color,
  .sticky-bar{
    background:#fff !important;
    border-bottom:1px solid #edf0f4 !important;
    box-shadow:0 6px 20px rgba(15,23,42,.06) !important;
    min-height:72px !important;
  }

  .header-bottom .container{
    max-width:100% !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .header-bottom .header-wrap{
    height:72px !important;
    min-height:72px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:12px !important;
    position:relative !important;
  }

  /* Logo must be left and visible */
  .header-bottom .logo,
  .header-bottom .logo.logo-width-1,
  .header-bottom .logo.d-block.d-lg-none{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    order:1 !important;
    width:auto !important;
    min-width:126px !important;
    max-width:150px !important;
    margin:0 !important;
    position:static !important;
    flex:0 0 auto !important;
  }

  .header-bottom .logo img,
  .header-bottom .logo.logo-width-1 img{
    display:block !important;
    width:auto !important;
    max-width:140px !important;
    height:auto !important;
    max-height:42px !important;
    object-fit:contain !important;
    margin:0 !important;
  }

  /* Hide 24/7 support pill on mobile, it breaks the logo area */
  .header-bottom .hotline,
  .hotline,
  .nt-hotline,
  .header-bottom .hotline.d-none.d-lg-flex{
    display:none !important;
  }

  /* Burger after logo */
  .header-bottom .burger-icon,
  .header-bottom .header-action-icon-2.d-block.d-lg-none{
    order:2 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:44px !important;
    height:44px !important;
    margin:0 !important;
    position:static !important;
  }

  .burger-icon span,
  .burger-icon-white span{
    background:#0f172a !important;
    height:3px !important;
    border-radius:10px !important;
  }

  /* Favorite/cart icons right */
  .header-bottom .header-action-right.d-block.d-lg-none{
    order:3 !important;
    display:flex !important;
    align-items:center !important;
    margin-left:auto !important;
    position:static !important;
  }

  .header-bottom .header-action-2{
    display:flex !important;
    align-items:center !important;
    gap:14px !important;
  }

  .header-bottom .header-action-icon-2{
    margin:0 !important;
    position:relative !important;
  }

  .header-bottom .header-action-icon-2 img{
    width:30px !important;
    height:30px !important;
    object-fit:contain !important;
    filter:none !important;
  }

  .header-bottom .header-action-icon-2 .pro-count,
  .header-bottom .header-action-icon-2 .pro-count.white{
    background:#ff5a2f !important;
    color:#fff !important;
    min-width:22px !important;
    height:22px !important;
    line-height:22px !important;
    border-radius:50% !important;
    font-size:12px !important;
    font-weight:800 !important;
    top:-10px !important;
    right:-10px !important;
    position:absolute !important;
  }

  /* The desktop middle header must not interfere with mobile */
  .header-middle,
  .header-middle-ptb-1{
    display:none !important;
  }

  /* Hero slider: prevent cropped text/overflow on mobile */
  .home-slider,
  .home-slider .container,
  .home-slider .row,
  .home-slide-cover,
  .hero-slider-1,
  .hero-slider-1 .slick-list,
  .hero-slider-1 .slick-track{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .hero-slider-1 .single-hero-slider{
    width:100% !important;
    height:360px !important;
    min-height:360px !important;
    border-radius:0 !important;
    background-size:cover !important;
    background-position:center right !important;
  }

  /* If uploaded hero already contains text, keep it centered and avoid left clipping */
  .hero-slider-1 .single-hero-slider:before{
    content:"" !important;
    display:block !important;
    position:absolute !important;
    inset:0 !important;
    background:linear-gradient(90deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.70) 38%, rgba(255,255,255,.08) 72%) !important;
    pointer-events:none !important;
  }

  /* If old slider content exists */
  .hero-slider-1 .slider-content{
    left:22px !important;
    right:22px !important;
    max-width:80% !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }

  .hero-slider-1 .slider-content h1,
  .hero-slider-1 .slider-content h2{
    font-size:32px !important;
    line-height:1.1 !important;
  }

  .hero-slider-1 .slider-content p{
    font-size:15px !important;
    line-height:1.5 !important;
  }

  /* Homepage blocks mobile */
  .nt-home-section,
  .nt-category-section,
  .nt-testimonial-section,
  .nt-logo-print-section,
  .nt-content-section,
  .nt-bag-section{
    padding-left:16px !important;
    padding-right:16px !important;
    overflow:hidden !important;
  }

  .nt-category-grid,
  .nt-eco-grid,
  .nt-bag-grid,
  .nt-product-grid,
  .nt-card-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .nt-category-card,
  .nt-home-card,
  .nt-eco-card,
  .nt-bag-card,
  .nt-testimonial-card{
    width:100% !important;
    max-width:100% !important;
  }

  .nt-category-card img,
  .nt-home-card img,
  .nt-eco-card img,
  .nt-bag-card img{
    width:100% !important;
    height:auto !important;
    object-fit:cover !important;
  }

  .nt-split,
  .nt-logo-print,
  .nt-info-split,
  .nt-private-print,
  .nt-section-split{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
}

@media (max-width: 480px){
  .header-bottom .logo,
  .header-bottom .logo.logo-width-1,
  .header-bottom .logo.d-block.d-lg-none{
    min-width:116px !important;
    max-width:128px !important;
  }

  .header-bottom .logo img,
  .header-bottom .logo.logo-width-1 img{
    max-width:126px !important;
    max-height:38px !important;
  }

  .header-bottom .header-wrap{
    gap:8px !important;
  }

  .header-bottom .header-action-2{
    gap:10px !important;
  }

  .header-bottom .header-action-icon-2 img{
    width:28px !important;
    height:28px !important;
  }

  .hero-slider-1 .single-hero-slider{
    height:330px !important;
    min-height:330px !important;
    background-position:center right !important;
  }
}


/* =========================================================
   V51 REAL MOBILE RESPONSIVE REBUILD
   Clean mobile layout for header, hero, home sections
   ========================================================= */

@media (max-width: 991px){

  html, body{
    width:100% !important;
    max-width:100% !important;
    overflow-x:hidden !important;
    background:#fff !important;
  }

  .container{
    width:100% !important;
    max-width:100% !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  /* Hide desktop-only parts on mobile */
  .header-top,
  .header-middle,
  .header-nav,
  .main-menu,
  .hotline,
  .mobile-promotion,
  #reklam,
  .nt-trust-bar{
    display:none !important;
  }

  .header-area{
    background:#fff !important;
    position:relative !important;
    z-index:50 !important;
  }

  .header-bottom,
  .header-bottom-bg-color,
  .sticky-bar{
    display:block !important;
    background:#fff !important;
    height:72px !important;
    min-height:72px !important;
    border-bottom:1px solid #e9edf3 !important;
    box-shadow:0 8px 24px rgba(15,23,42,.06) !important;
  }

  .header-bottom .container{
    height:72px !important;
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .header-bottom .header-wrap{
    display:grid !important;
    grid-template-columns: minmax(118px, 1fr) 48px 92px !important;
    align-items:center !important;
    gap:8px !important;
    height:72px !important;
    min-height:72px !important;
    padding:0 !important;
    margin:0 !important;
    position:relative !important;
  }

  /* Logo fully left, no overlap */
  .header-bottom .logo,
  .header-bottom .logo.logo-width-1,
  .header-bottom .logo.d-block.d-lg-none{
    display:flex !important;
    grid-column:1 !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:72px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    overflow:hidden !important;
  }

  .header-bottom .logo a{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:auto !important;
    height:72px !important;
  }

  .header-bottom .logo img{
    width:auto !important;
    max-width:132px !important;
    height:auto !important;
    max-height:42px !important;
    object-fit:contain !important;
    object-position:left center !important;
    display:block !important;
    margin:0 !important;
  }

  /* Burger center */
  .header-bottom .header-action-icon-2.d-block.d-lg-none{
    display:flex !important;
    grid-column:2 !important;
    align-items:center !important;
    justify-content:center !important;
    width:48px !important;
    height:48px !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
  }

  .burger-icon,
  .burger-icon-white{
    width:34px !important;
    height:30px !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:6px !important;
    position:static !important;
  }

  .burger-icon span,
  .burger-icon-white span{
    display:block !important;
    width:34px !important;
    height:3px !important;
    background:#102332 !important;
    border-radius:8px !important;
    margin:0 !important;
  }

  /* Right mobile icons */
  .header-bottom .header-action-right.d-block.d-lg-none{
    display:flex !important;
    grid-column:3 !important;
    align-items:center !important;
    justify-content:flex-end !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
  }

  .header-bottom .header-action-right .header-action-2{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:16px !important;
    width:auto !important;
  }

  .header-bottom .header-action-right .header-action-icon-2{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:34px !important;
    height:34px !important;
    margin:0 !important;
    position:relative !important;
  }

  .header-bottom .header-action-right .header-action-icon-2 a{
    display:flex !important;
    width:34px !important;
    height:34px !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .header-bottom .header-action-right .header-action-icon-2 img{
    width:30px !important;
    height:30px !important;
    max-width:30px !important;
    object-fit:contain !important;
    filter:none !important;
  }

  .header-bottom .pro-count,
  .header-bottom .pro-count.white,
  .header-bottom .pro-count.blue{
    position:absolute !important;
    top:-7px !important;
    right:-8px !important;
    min-width:21px !important;
    width:21px !important;
    height:21px !important;
    line-height:21px !important;
    padding:0 !important;
    border-radius:50% !important;
    background:#ff5a2f !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:800 !important;
    text-align:center !important;
    z-index:3 !important;
  }

  /* Hero slider full mobile: no crop disaster */
  .home-slider{
    margin-top:0 !important;
    padding:0 !important;
    background:#fff !important;
  }

  .home-slider .container,
  .home-slider .row,
  .home-slider .col-lg-9,
  .home-slide-cover{
    width:100% !important;
    max-width:100% !important;
    flex:0 0 100% !important;
    padding:0 !important;
    margin:0 !important;
  }

  .home-slider .col-lg-3,
  .home-slider .banner-img{
    display:none !important;
  }

  .hero-slider-1,
  .hero-slider-1 .slick-list,
  .hero-slider-1 .slick-track{
    width:100% !important;
    max-width:100% !important;
    overflow:hidden !important;
  }

  .hero-slider-1 .single-hero-slider{
    width:100% !important;
    height:260px !important;
    min-height:260px !important;
    border-radius:0 !important;
    background-size:cover !important;
    background-position:center right !important;
    background-repeat:no-repeat !important;
    position:relative !important;
  }

  /* prevent dark overlay hiding image/text */
  .hero-slider-1 .single-hero-slider:before,
  .hero-slider-1 .single-hero-slider:after{
    display:none !important;
    content:none !important;
  }

  .hero-slider-1 .slider-content{
    max-width:58% !important;
    left:16px !important;
    right:auto !important;
    top:50% !important;
    transform:translateY(-50%) !important;
  }

  .hero-slider-1 .slider-content h1,
  .hero-slider-1 .slider-content h2{
    font-size:26px !important;
    line-height:1.12 !important;
    margin-bottom:8px !important;
  }

  .hero-slider-1 .slider-content p{
    font-size:13px !important;
    line-height:1.35 !important;
    margin-bottom:10px !important;
  }

  .hero-slider-1 .slider-content .btn,
  .hero-slider-1 .slider-content a.btn{
    padding:9px 14px !important;
    font-size:12px !important;
    border-radius:8px !important;
  }

  .dot-style-1 ul,
  .slick-dots{
    display:none !important;
  }

  /* All custom homepage sections */
  .nt-home-wrap,
  .nt-section,
  .nt-home-section,
  .nt-category-section,
  .nt-categories-section,
  .nt-testimonials,
  .nt-testimonial-section,
  .nt-logo-print-section,
  .nt-content-section,
  .nt-bag-section,
  .nt-private-section,
  .nt-eco-section{
    width:100% !important;
    max-width:100% !important;
    padding-left:16px !important;
    padding-right:16px !important;
    margin-left:0 !important;
    margin-right:0 !important;
    overflow:hidden !important;
  }

  /* Any wide content containers from custom sections */
  .nt-home-container,
  .nt-section-inner,
  .nt-home-inner{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  .nt-category-grid,
  .nt-categories-grid,
  .nt-card-grid,
  .nt-testimonial-grid,
  .nt-review-grid,
  .nt-logo-grid,
  .nt-eco-grid,
  .nt-bag-grid,
  .nt-product-grid{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:18px !important;
    width:100% !important;
    max-width:100% !important;
  }

  .nt-category-card,
  .nt-card,
  .nt-review-card,
  .nt-testimonial-card,
  .nt-eco-card,
  .nt-bag-card,
  .nt-product-card{
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  .nt-category-card img,
  .nt-card img,
  .nt-eco-card img,
  .nt-bag-card img,
  .nt-product-card img,
  .nt-logo-print img{
    width:100% !important;
    height:auto !important;
    max-height:none !important;
    display:block !important;
    object-fit:cover !important;
  }

  .nt-split,
  .nt-logo-print,
  .nt-info-split,
  .nt-private-print,
  .nt-section-split,
  .nt-two-col,
  .nt-home-two-col{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:24px !important;
    width:100% !important;
    max-width:100% !important;
  }

  .nt-section h1,
  .nt-section h2,
  .nt-home-section h1,
  .nt-home-section h2,
  .nt-category-section h2,
  .nt-testimonials h2{
    font-size:28px !important;
    line-height:1.18 !important;
    margin-bottom:14px !important;
    word-break:normal !important;
  }

  .nt-section p,
  .nt-home-section p,
  .nt-category-section p{
    font-size:15px !important;
    line-height:1.55 !important;
  }

  /* Generic Bootstrap rows in homepage custom content */
  main .row{
    margin-left:0 !important;
    margin-right:0 !important;
  }

  main [class*="col-"]{
    max-width:100% !important;
  }

  /* Footer mobile */
  footer.main{
    overflow:hidden !important;
  }

  footer.main .container{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  footer.main .row{
    display:block !important;
  }

  footer.main [class*="col-"]{
    width:100% !important;
    max-width:100% !important;
    margin-bottom:24px !important;
  }

  footer.main img{
    max-width:150px !important;
    height:auto !important;
  }
}

@media (max-width: 420px){
  .header-bottom .header-wrap{
    grid-template-columns: minmax(108px, 1fr) 44px 84px !important;
    gap:6px !important;
  }

  .header-bottom .logo img{
    max-width:118px !important;
    max-height:36px !important;
  }

  .header-bottom .header-action-right .header-action-2{
    gap:12px !important;
  }

  .header-bottom .header-action-right .header-action-icon-2,
  .header-bottom .header-action-right .header-action-icon-2 a{
    width:30px !important;
    height:30px !important;
  }

  .header-bottom .header-action-right .header-action-icon-2 img{
    width:27px !important;
    height:27px !important;
  }

  .hero-slider-1 .single-hero-slider{
    height:235px !important;
    min-height:235px !important;
  }
}



/* =========================================================
   V52 MOBILE HEADER EXACT FIX
   Logo left, burger near heart/cart on right
   ========================================================= */

@media (max-width: 991px){

  .header-area{
    background:#fff !important;
  }

  .header-bottom,
  .header-bottom-bg-color,
  .sticky-bar{
    display:block !important;
    background:#fff !important;
    height:78px !important;
    min-height:78px !important;
    border-bottom:1px solid #e8edf3 !important;
    box-shadow:0 6px 18px rgba(15,23,42,.05) !important;
  }

  .header-bottom .container{
    width:100% !important;
    max-width:100% !important;
    height:78px !important;
    padding-left:18px !important;
    padding-right:16px !important;
  }

  .header-bottom .header-wrap{
    position:relative !important;
    display:block !important;
    height:78px !important;
    min-height:78px !important;
    padding:0 !important;
    margin:0 !important;
  }

  /* Do not let desktop sections take space */
  .header-bottom .header-nav,
  .header-bottom .main-menu,
  .header-bottom .hotline{
    display:none !important;
  }

  /* LOGO: fixed left, visible, not tiny */
  .header-bottom .logo,
  .header-bottom .logo.logo-width-1,
  .header-bottom .logo.d-block.d-lg-none{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    height:78px !important;
    width:170px !important;
    max-width:170px !important;
    min-width:170px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    z-index:5 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
  }

  .header-bottom .logo a{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    height:78px !important;
    width:170px !important;
  }

  .header-bottom .logo img,
  .header-bottom .logo.logo-width-1 img,
  .header-bottom .logo.d-block.d-lg-none img{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:auto !important;
    max-width:158px !important;
    height:auto !important;
    max-height:48px !important;
    object-fit:contain !important;
    object-position:left center !important;
    margin:0 !important;
    filter:none !important;
  }

  /* RIGHT ICON CLUSTER */
  .header-bottom .header-action-icon-2.d-block.d-lg-none{
    display:flex !important;
    visibility:visible !important;
    position:absolute !important;
    right:116px !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    width:42px !important;
    height:42px !important;
    align-items:center !important;
    justify-content:center !important;
    z-index:6 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .header-bottom .burger-icon,
  .header-bottom .burger-icon-white{
    display:flex !important;
    width:34px !important;
    height:30px !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:6px !important;
    margin:0 !important;
    position:static !important;
  }

  .header-bottom .burger-icon span,
  .header-bottom .burger-icon-white span{
    display:block !important;
    width:34px !important;
    height:3px !important;
    background:#10283a !important;
    border-radius:10px !important;
    margin:0 !important;
  }

  .header-bottom .header-action-right.d-block.d-lg-none{
    display:flex !important;
    visibility:visible !important;
    position:absolute !important;
    right:0 !important;
    top:50% !important;
    transform:translateY(-50%) !important;
    height:44px !important;
    align-items:center !important;
    justify-content:flex-end !important;
    z-index:6 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .header-bottom .header-action-right .header-action-2{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:18px !important;
    height:44px !important;
    margin:0 !important;
  }

  .header-bottom .header-action-right .header-action-icon-2{
    display:flex !important;
    width:38px !important;
    height:38px !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
  }

  .header-bottom .header-action-right .header-action-icon-2 a{
    display:flex !important;
    width:38px !important;
    height:38px !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .header-bottom .header-action-right .header-action-icon-2 img{
    width:34px !important;
    height:34px !important;
    max-width:34px !important;
    max-height:34px !important;
    object-fit:contain !important;
    filter:none !important;
  }

  .header-bottom .pro-count,
  .header-bottom .pro-count.white,
  .header-bottom .pro-count.blue{
    position:absolute !important;
    top:-8px !important;
    right:-7px !important;
    min-width:22px !important;
    width:22px !important;
    height:22px !important;
    line-height:22px !important;
    padding:0 !important;
    border-radius:50% !important;
    background:#ff5a2f !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:800 !important;
    text-align:center !important;
    z-index:7 !important;
  }

  /* Keep main content below header clean */
  main.main{
    margin-top:0 !important;
  }
}

@media (max-width: 430px){
  .header-bottom,
  .header-bottom-bg-color,
  .sticky-bar,
  .header-bottom .container,
  .header-bottom .header-wrap{
    height:74px !important;
    min-height:74px !important;
  }

  .header-bottom .logo,
  .header-bottom .logo.logo-width-1,
  .header-bottom .logo.d-block.d-lg-none{
    height:74px !important;
    width:155px !important;
    max-width:155px !important;
    min-width:155px !important;
  }

  .header-bottom .logo a{
    height:74px !important;
    width:155px !important;
  }

  .header-bottom .logo img,
  .header-bottom .logo.logo-width-1 img,
  .header-bottom .logo.d-block.d-lg-none img{
    max-width:145px !important;
    max-height:44px !important;
  }

  .header-bottom .header-action-icon-2.d-block.d-lg-none{
    right:106px !important;
  }

  .header-bottom .header-action-right .header-action-2{
    gap:14px !important;
  }

  .header-bottom .header-action-right .header-action-icon-2,
  .header-bottom .header-action-right .header-action-icon-2 a{
    width:35px !important;
    height:35px !important;
  }

  .header-bottom .header-action-right .header-action-icon-2 img{
    width:32px !important;
    height:32px !important;
  }
}

@media (max-width: 370px){
  .header-bottom .container{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  .header-bottom .logo,
  .header-bottom .logo.logo-width-1,
  .header-bottom .logo.d-block.d-lg-none{
    width:132px !important;
    max-width:132px !important;
    min-width:132px !important;
  }

  .header-bottom .logo a{
    width:132px !important;
  }

  .header-bottom .logo img,
  .header-bottom .logo.logo-width-1 img,
  .header-bottom .logo.d-block.d-lg-none img{
    max-width:126px !important;
    max-height:40px !important;
  }

  .header-bottom .header-action-icon-2.d-block.d-lg-none{
    right:96px !important;
  }

  .header-bottom .header-action-right .header-action-2{
    gap:10px !important;
  }
}



/* =========================================================
   V53 MOBILE HEADER LIKE REFERENCE
   Burger + Logo left, Heart + Cart right, equal spacing
   ========================================================= */

@media (max-width: 991px){

  .header-top,
  .header-middle,
  .header-nav,
  .main-menu,
  .hotline,
  .mobile-promotion,
  .nt-trust-bar{
    display:none !important;
  }

  .header-area,
  .header-bottom,
  .header-bottom-bg-color,
  .sticky-bar{
    background:#fff !important;
  }

  .header-bottom,
  .header-bottom-bg-color,
  .sticky-bar{
    height:86px !important;
    min-height:86px !important;
    border-bottom:1px solid #eceff3 !important;
    box-shadow:0 6px 18px rgba(15,23,42,.08) !important;
  }

  .header-bottom .container{
    width:100% !important;
    max-width:100% !important;
    height:86px !important;
    padding-left:22px !important;
    padding-right:22px !important;
  }

  .header-bottom .header-wrap{
    height:86px !important;
    min-height:86px !important;
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:0 !important;
    padding:0 !important;
    margin:0 !important;
    position:relative !important;
  }

  /* Burger first, like reference */
  .header-bottom .header-action-icon-2.d-block.d-lg-none{
    display:flex !important;
    order:1 !important;
    flex:0 0 42px !important;
    width:42px !important;
    height:42px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    position:static !important;
    transform:none !important;
    margin:0 16px 0 0 !important;
    padding:0 !important;
    visibility:visible !important;
    opacity:1 !important;
    z-index:3 !important;
  }

  .header-bottom .burger-icon,
  .header-bottom .burger-icon-white{
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:5px !important;
    width:34px !important;
    height:28px !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
  }

  .header-bottom .burger-icon span,
  .header-bottom .burger-icon-white span{
    display:block !important;
    width:34px !important;
    height:3px !important;
    background:#8f2c17 !important;
    border-radius:10px !important;
    margin:0 !important;
  }

  /* Logo next to burger, fully visible */
  .header-bottom .logo,
  .header-bottom .logo.logo-width-1,
  .header-bottom .logo.d-block.d-lg-none{
    display:flex !important;
    order:2 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    max-width:none !important;
    width:auto !important;
    height:86px !important;
    align-items:center !important;
    justify-content:flex-start !important;
    position:static !important;
    transform:none !important;
    margin:0 !important;
    padding:0 !important;
    overflow:visible !important;
    visibility:visible !important;
    opacity:1 !important;
    z-index:3 !important;
  }

  .header-bottom .logo a{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    height:86px !important;
    width:auto !important;
    overflow:visible !important;
  }

  .header-bottom .logo img,
  .header-bottom .logo.logo-width-1 img,
  .header-bottom .logo.d-block.d-lg-none img{
    display:block !important;
    width:auto !important;
    max-width:176px !important;
    height:auto !important;
    max-height:52px !important;
    object-fit:contain !important;
    object-position:left center !important;
    margin:0 !important;
    padding:0 !important;
    filter:none !important;
    visibility:visible !important;
    opacity:1 !important;
    position:static !important;
    transform:none !important;
  }

  /* Right side: heart + cart */
  .header-bottom .header-action-right.d-block.d-lg-none{
    display:flex !important;
    order:3 !important;
    flex:0 0 auto !important;
    height:50px !important;
    align-items:center !important;
    justify-content:flex-end !important;
    position:static !important;
    transform:none !important;
    margin:0 !important;
    padding:0 !important;
    visibility:visible !important;
    opacity:1 !important;
    z-index:3 !important;
  }

  .header-bottom .header-action-right .header-action-2{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:22px !important;
    height:50px !important;
    margin:0 !important;
    padding:0 !important;
  }

  .header-bottom .header-action-right .header-action-icon-2{
    display:flex !important;
    position:relative !important;
    width:42px !important;
    height:42px !important;
    min-width:42px !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
  }

  .header-bottom .header-action-right .header-action-icon-2 a{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:42px !important;
    height:42px !important;
  }

  .header-bottom .header-action-right .header-action-icon-2 img{
    width:38px !important;
    height:38px !important;
    max-width:38px !important;
    max-height:38px !important;
    object-fit:contain !important;
    filter:none !important;
  }

  .header-bottom .pro-count,
  .header-bottom .pro-count.white,
  .header-bottom .pro-count.blue{
    position:absolute !important;
    top:-7px !important;
    right:-8px !important;
    min-width:22px !important;
    width:22px !important;
    height:22px !important;
    line-height:22px !important;
    padding:0 !important;
    border-radius:50% !important;
    background:#ff5a2f !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:800 !important;
    text-align:center !important;
    z-index:6 !important;
  }

  /* remove old absolute positioning leftovers */
  .header-bottom .logo *,
  .header-bottom .header-action-right *,
  .header-bottom .header-action-icon-2.d-block.d-lg-none *{
    box-sizing:border-box !important;
  }
}

@media (max-width: 430px){

  .header-bottom,
  .header-bottom-bg-color,
  .sticky-bar,
  .header-bottom .container,
  .header-bottom .header-wrap{
    height:82px !important;
    min-height:82px !important;
  }

  .header-bottom .container{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  .header-bottom .header-action-icon-2.d-block.d-lg-none{
    flex:0 0 38px !important;
    width:38px !important;
    margin-right:14px !important;
  }

  .header-bottom .burger-icon,
  .header-bottom .burger-icon-white{
    width:32px !important;
  }

  .header-bottom .burger-icon span,
  .header-bottom .burger-icon-white span{
    width:32px !important;
    height:3px !important;
  }

  .header-bottom .logo,
  .header-bottom .logo.logo-width-1,
  .header-bottom .logo.d-block.d-lg-none,
  .header-bottom .logo a{
    height:82px !important;
  }

  .header-bottom .logo img,
  .header-bottom .logo.logo-width-1 img,
  .header-bottom .logo.d-block.d-lg-none img{
    max-width:154px !important;
    max-height:46px !important;
  }

  .header-bottom .header-action-right .header-action-2{
    gap:16px !important;
  }

  .header-bottom .header-action-right .header-action-icon-2,
  .header-bottom .header-action-right .header-action-icon-2 a{
    width:38px !important;
    height:38px !important;
    min-width:38px !important;
  }

  .header-bottom .header-action-right .header-action-icon-2 img{
    width:35px !important;
    height:35px !important;
  }
}

@media (max-width: 375px){

  .header-bottom .container{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .header-bottom .header-action-icon-2.d-block.d-lg-none{
    flex:0 0 34px !important;
    width:34px !important;
    margin-right:10px !important;
  }

  .header-bottom .burger-icon span,
  .header-bottom .burger-icon-white span{
    width:30px !important;
  }

  .header-bottom .logo img,
  .header-bottom .logo.logo-width-1 img,
  .header-bottom .logo.d-block.d-lg-none img{
    max-width:132px !important;
    max-height:42px !important;
  }

  .header-bottom .header-action-right .header-action-2{
    gap:12px !important;
  }
}



/* =========================================================
   V54 MOBILE HEADER FINAL FIX
   Compact header, real 3-line hamburger, larger logo
   ========================================================= */

@media (max-width: 991px){

  .header-top,
  .header-middle,
  .header-nav,
  .main-menu,
  .hotline,
  .mobile-promotion,
  .nt-trust-bar{
    display:none !important;
  }

  .header-bottom,
  .header-bottom-bg-color,
  .sticky-bar{
    height:66px !important;
    min-height:66px !important;
    max-height:66px !important;
    background:#fff !important;
    border-bottom:1px solid #edf0f3 !important;
    box-shadow:0 4px 14px rgba(15,23,42,.06) !important;
    overflow:hidden !important;
  }

  .header-bottom .container{
    height:66px !important;
    max-height:66px !important;
    width:100% !important;
    max-width:100% !important;
    padding-left:16px !important;
    padding-right:16px !important;
  }

  .header-bottom .header-wrap{
    height:66px !important;
    min-height:66px !important;
    max-height:66px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:0 !important;
    padding:0 !important;
    margin:0 !important;
    position:relative !important;
    overflow:visible !important;
  }

  /* Mobile order: hamburger | logo | spacer | heart | cart */
  .header-bottom .header-action-icon-2.d-block.d-lg-none{
    order:1 !important;
    flex:0 0 34px !important;
    width:34px !important;
    height:34px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 12px 0 0 !important;
    padding:0 !important;
    position:static !important;
    transform:none !important;
    z-index:5 !important;
  }

  /* Kill old theme burger behavior and draw clean 3 lines */
  .header-bottom .burger-icon,
  .header-bottom .burger-icon-white{
    position:relative !important;
    display:block !important;
    width:31px !important;
    height:24px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  .header-bottom .burger-icon span,
  .header-bottom .burger-icon-white span,
  .header-bottom .burger-icon .burger-icon-top,
  .header-bottom .burger-icon .burger-icon-mid,
  .header-bottom .burger-icon .burger-icon-bottom{
    display:block !important;
    position:absolute !important;
    left:0 !important;
    width:31px !important;
    height:3px !important;
    min-height:3px !important;
    max-height:3px !important;
    background:#10283a !important;
    border-radius:99px !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    transform:none !important;
    transition:none !important;
  }

  .header-bottom .burger-icon .burger-icon-top,
  .header-bottom .burger-icon-white .burger-icon-top{
    top:2px !important;
  }

  .header-bottom .burger-icon .burger-icon-mid,
  .header-bottom .burger-icon-white .burger-icon-mid{
    top:10px !important;
  }

  .header-bottom .burger-icon .burger-icon-bottom,
  .header-bottom .burger-icon-white .burger-icon-bottom{
    top:18px !important;
  }

  /* fallback if spans have no classes */
  .header-bottom .burger-icon span:nth-child(1){ top:2px !important; }
  .header-bottom .burger-icon span:nth-child(2){ top:10px !important; }
  .header-bottom .burger-icon span:nth-child(3){ top:18px !important; }

  /* Logo bigger and left, not centered */
  .header-bottom .logo,
  .header-bottom .logo.logo-width-1,
  .header-bottom .logo.d-block.d-lg-none{
    order:2 !important;
    flex:1 1 auto !important;
    min-width:0 !important;
    height:66px !important;
    max-height:66px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    transform:none !important;
    overflow:visible !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  .header-bottom .logo a{
    height:66px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    overflow:visible !important;
  }

  .header-bottom .logo img,
  .header-bottom .logo.logo-width-1 img,
  .header-bottom .logo.d-block.d-lg-none img{
    display:block !important;
    width:auto !important;
    max-width:185px !important;
    min-width:150px !important;
    height:auto !important;
    max-height:50px !important;
    object-fit:contain !important;
    object-position:left center !important;
    transform:scale(1.08) !important;
    transform-origin:left center !important;
    margin:0 !important;
    padding:0 !important;
    opacity:1 !important;
    visibility:visible !important;
    filter:none !important;
  }

  /* Right icons */
  .header-bottom .header-action-right.d-block.d-lg-none{
    order:3 !important;
    flex:0 0 auto !important;
    height:66px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    margin:0 !important;
    padding:0 !important;
    position:static !important;
    transform:none !important;
    z-index:5 !important;
  }

  .header-bottom .header-action-right .header-action-2{
    height:66px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:16px !important;
    margin:0 !important;
    padding:0 !important;
  }

  .header-bottom .header-action-right .header-action-icon-2{
    width:37px !important;
    height:37px !important;
    min-width:37px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    position:relative !important;
  }

  .header-bottom .header-action-right .header-action-icon-2 a{
    width:37px !important;
    height:37px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .header-bottom .header-action-right .header-action-icon-2 img{
    width:34px !important;
    height:34px !important;
    max-width:34px !important;
    max-height:34px !important;
    object-fit:contain !important;
  }

  .header-bottom .pro-count,
  .header-bottom .pro-count.white,
  .header-bottom .pro-count.blue{
    position:absolute !important;
    top:-6px !important;
    right:-7px !important;
    width:22px !important;
    min-width:22px !important;
    height:22px !important;
    line-height:22px !important;
    border-radius:50% !important;
    background:#ff5a2f !important;
    color:#fff !important;
    font-size:12px !important;
    font-weight:800 !important;
    padding:0 !important;
    text-align:center !important;
    z-index:10 !important;
  }

  /* remove accidental duplicate visible line below header */
  .header-bottom + .burger-icon,
  .header-bottom + .burger-icon-white,
  .header-area > .burger-icon,
  .header-area > .burger-icon-white{
    display:none !important;
  }
}

@media (max-width: 430px){
  .header-bottom,
  .header-bottom-bg-color,
  .sticky-bar,
  .header-bottom .container,
  .header-bottom .header-wrap{
    height:64px !important;
    min-height:64px !important;
    max-height:64px !important;
  }

  .header-bottom .container{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .header-bottom .header-action-icon-2.d-block.d-lg-none{
    flex:0 0 32px !important;
    width:32px !important;
    height:32px !important;
    margin-right:10px !important;
  }

  .header-bottom .burger-icon,
  .header-bottom .burger-icon-white{
    width:29px !important;
    height:23px !important;
  }

  .header-bottom .burger-icon span,
  .header-bottom .burger-icon-white span{
    width:29px !important;
    height:3px !important;
  }

  .header-bottom .burger-icon span:nth-child(1){ top:2px !important; }
  .header-bottom .burger-icon span:nth-child(2){ top:10px !important; }
  .header-bottom .burger-icon span:nth-child(3){ top:18px !important; }

  .header-bottom .logo,
  .header-bottom .logo.logo-width-1,
  .header-bottom .logo.d-block.d-lg-none,
  .header-bottom .logo a{
    height:64px !important;
  }

  .header-bottom .logo img,
  .header-bottom .logo.logo-width-1 img,
  .header-bottom .logo.d-block.d-lg-none img{
    max-width:165px !important;
    min-width:135px !important;
    max-height:47px !important;
    transform:scale(1.08) !important;
  }

  .header-bottom .header-action-right.d-block.d-lg-none,
  .header-bottom .header-action-right .header-action-2{
    height:64px !important;
  }

  .header-bottom .header-action-right .header-action-2{
    gap:13px !important;
  }

  .header-bottom .header-action-right .header-action-icon-2,
  .header-bottom .header-action-right .header-action-icon-2 a{
    width:34px !important;
    height:34px !important;
    min-width:34px !important;
  }

  .header-bottom .header-action-right .header-action-icon-2 img{
    width:32px !important;
    height:32px !important;
  }
}

@media (max-width: 375px){
  .header-bottom .logo img,
  .header-bottom .logo.logo-width-1 img,
  .header-bottom .logo.d-block.d-lg-none img{
    max-width:142px !important;
    min-width:120px !important;
    transform:scale(1.05) !important;
  }

  .header-bottom .header-action-right .header-action-2{
    gap:10px !important;
  }
}


/* =========================================================
   V55 MOBILE HEADER VERTICAL CENTER FIX
   Everything centered inside white header bar
   ========================================================= */

@media (max-width: 991px){

  .header-bottom,
  .header-bottom-bg-color,
  .sticky-bar{
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
    overflow:hidden !important;
  }

  .header-bottom .container{
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
    display:flex !important;
    align-items:center !important;
  }

  .header-bottom .header-wrap{
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    width:100% !important;
    padding:0 !important;
    margin:0 !important;
    line-height:1 !important;
  }

  /* hamburger exactly centered vertically */
  .header-bottom .header-action-icon-2.d-block.d-lg-none{
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    align-self:center !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    transform:none !important;
  }

  .header-bottom .burger-icon,
  .header-bottom .burger-icon-white{
    display:block !important;
    position:relative !important;
    width:28px !important;
    height:20px !important;
    margin:0 !important;
    padding:0 !important;
    top:0 !important;
    transform:none !important;
  }

  .header-bottom .burger-icon span,
  .header-bottom .burger-icon-white span,
  .header-bottom .burger-icon .burger-icon-top,
  .header-bottom .burger-icon .burger-icon-mid,
  .header-bottom .burger-icon .burger-icon-bottom{
    position:absolute !important;
    left:0 !important;
    width:28px !important;
    height:2.5px !important;
    background:#10283a !important;
    border-radius:99px !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  .header-bottom .burger-icon span:nth-child(1),
  .header-bottom .burger-icon .burger-icon-top,
  .header-bottom .burger-icon-white .burger-icon-top{ top:1px !important; }

  .header-bottom .burger-icon span:nth-child(2),
  .header-bottom .burger-icon .burger-icon-mid,
  .header-bottom .burger-icon-white .burger-icon-mid{ top:8.5px !important; }

  .header-bottom .burger-icon span:nth-child(3),
  .header-bottom .burger-icon .burger-icon-bottom,
  .header-bottom .burger-icon-white .burger-icon-bottom{ top:16px !important; }

  /* logo centered vertically */
  .header-bottom .logo,
  .header-bottom .logo.logo-width-1,
  .header-bottom .logo.d-block.d-lg-none{
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
    display:flex !important;
    align-items:center !important;
    align-self:center !important;
    justify-content:flex-start !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    transform:none !important;
  }

  .header-bottom .logo a{
    height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
  }

  .header-bottom .logo img,
  .header-bottom .logo.logo-width-1 img,
  .header-bottom .logo.d-block.d-lg-none img{
    max-height:36px !important;
    max-width:150px !important;
    min-width:125px !important;
    display:block !important;
    object-fit:contain !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    position:static !important;
    vertical-align:middle !important;
  }

  /* right icons centered vertically */
  .header-bottom .header-action-right.d-block.d-lg-none{
    height:54px !important;
    min-height:54px !important;
    max-height:54px !important;
    display:flex !important;
    align-items:center !important;
    align-self:center !important;
    justify-content:flex-end !important;
    margin-top:0 !important;
    margin-bottom:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    transform:none !important;
  }

  .header-bottom .header-action-right .header-action-2{
    height:54px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:14px !important;
    margin:0 !important;
    padding:0 !important;
  }

  .header-bottom .header-action-right .header-action-icon-2,
  .header-bottom .header-action-right .header-action-icon-2 a{
    width:31px !important;
    height:31px !important;
    min-width:31px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    padding:0 !important;
    line-height:1 !important;
  }

  .header-bottom .header-action-right .header-action-icon-2 img{
    width:29px !important;
    height:29px !important;
    max-width:29px !important;
    max-height:29px !important;
    object-fit:contain !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    vertical-align:middle !important;
  }

  .header-bottom .pro-count,
  .header-bottom .pro-count.white,
  .header-bottom .pro-count.blue{
    top:-8px !important;
    right:-8px !important;
    width:19px !important;
    min-width:19px !important;
    height:19px !important;
    line-height:19px !important;
    font-size:11px !important;
  }
}

@media (max-width: 430px){
  .header-bottom,
  .header-bottom-bg-color,
  .sticky-bar,
  .header-bottom .container,
  .header-bottom .header-wrap{
    height:52px !important;
    min-height:52px !important;
    max-height:52px !important;
  }

  .header-bottom .header-action-icon-2.d-block.d-lg-none,
  .header-bottom .logo,
  .header-bottom .logo.logo-width-1,
  .header-bottom .logo.d-block.d-lg-none,
  .header-bottom .logo a,
  .header-bottom .header-action-right.d-block.d-lg-none,
  .header-bottom .header-action-right .header-action-2{
    height:52px !important;
    min-height:52px !important;
    max-height:52px !important;
  }

  .header-bottom .logo img,
  .header-bottom .logo.logo-width-1 img,
  .header-bottom .logo.d-block.d-lg-none img{
    max-height:34px !important;
    max-width:140px !important;
    min-width:118px !important;
  }
}


/* =========================================================
   V56 CLEAN MOBILE HEADER
   Separate mobile header: ☰ Logo     ♡ Cart
   ========================================================= */

@media (min-width: 992px){
  .nt-mobile-header-clean{ display:none !important; }
}

@media (max-width: 991px){

  body{
    overflow-x:hidden !important;
  }

  /* Kill old mobile/desktop header rows on mobile */
  .header-area.header-height-2,
  header.header-area{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    padding:0 !important;
    margin:0 !important;
    background:#fff !important;
    border:0 !important;
  }

  header.header-area > .mobile-promotion,
  header.header-area > .header-top,
  header.header-area > .header-middle,
  header.header-area > .header-bottom,
  header.header-area > .sticky-bar,
  header.header-area .header-bottom-bg-color,
  header.header-area .header-nav,
  header.header-area .main-menu,
  header.header-area .hotline{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    max-height:0 !important;
    padding:0 !important;
    margin:0 !important;
    overflow:hidden !important;
  }

  .nt-mobile-header-clean{
    display:block !important;
    width:100% !important;
    height:82px !important;
    min-height:82px !important;
    background:#fff !important;
    border-bottom:1px solid #e8edf3 !important;
    box-shadow:0 6px 18px rgba(15,23,42,.08) !important;
    position:relative !important;
    z-index:999 !important;
    overflow:hidden !important;
  }

  .nt-mobile-header-inner{
    width:100% !important;
    height:82px !important;
    min-height:82px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    padding:0 22px !important;
    box-sizing:border-box !important;
  }

  .nt-mobile-left{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:18px !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    height:82px !important;
  }

  .nt-mobile-burger{
    width:34px !important;
    height:26px !important;
    flex:0 0 34px !important;
    display:block !important;
    position:relative !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
  }

  .nt-mobile-burger span{
    position:absolute !important;
    left:0 !important;
    width:34px !important;
    height:3px !important;
    background:#8f2c17 !important;
    border-radius:99px !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    transform:none !important;
    opacity:1 !important;
  }

  .nt-mobile-burger .burger-icon-top{ top:2px !important; }
  .nt-mobile-burger .burger-icon-mid{ top:11px !important; }
  .nt-mobile-burger .burger-icon-bottom{ top:20px !important; }

  .nt-mobile-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    height:82px !important;
    min-width:0 !important;
    flex:1 1 auto !important;
    overflow:visible !important;
  }

  .nt-mobile-logo img{
    display:block !important;
    width:auto !important;
    max-width:185px !important;
    min-width:145px !important;
    max-height:54px !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:left center !important;
    margin:0 !important;
    padding:0 !important;
    filter:none !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  .nt-mobile-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:22px !important;
    flex:0 0 auto !important;
    height:82px !important;
  }

  .nt-mobile-action{
    width:44px !important;
    height:44px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    flex:0 0 44px !important;
    margin:0 !important;
    padding:0 !important;
  }

  .nt-mobile-action img{
    width:40px !important;
    height:40px !important;
    max-width:40px !important;
    max-height:40px !important;
    display:block !important;
    object-fit:contain !important;
    margin:0 !important;
    padding:0 !important;
  }

  .nt-mobile-count{
    position:absolute !important;
    top:-7px !important;
    right:-7px !important;
    width:23px !important;
    height:23px !important;
    min-width:23px !important;
    line-height:23px !important;
    background:#ff5a2f !important;
    color:#fff !important;
    border-radius:50% !important;
    font-size:12px !important;
    font-weight:800 !important;
    text-align:center !important;
    padding:0 !important;
    z-index:3 !important;
  }

  /* Prevent first hero from jumping under header */
  .nt-mobile-header-clean + *{
    margin-top:0 !important;
  }
}

@media (max-width: 430px){
  .nt-mobile-header-clean,
  .nt-mobile-header-inner,
  .nt-mobile-left,
  .nt-mobile-actions,
  .nt-mobile-logo{
    height:76px !important;
    min-height:76px !important;
  }

  .nt-mobile-header-inner{
    padding:0 18px !important;
  }

  .nt-mobile-left{
    gap:15px !important;
  }

  .nt-mobile-logo img{
    max-width:168px !important;
    min-width:132px !important;
    max-height:50px !important;
  }

  .nt-mobile-actions{
    gap:17px !important;
  }

  .nt-mobile-action{
    width:40px !important;
    height:40px !important;
    flex-basis:40px !important;
  }

  .nt-mobile-action img{
    width:37px !important;
    height:37px !important;
  }
}

@media (max-width: 375px){
  .nt-mobile-header-inner{
    padding:0 14px !important;
  }

  .nt-mobile-left{
    gap:12px !important;
  }

  .nt-mobile-burger,
  .nt-mobile-burger span{
    width:31px !important;
  }

  .nt-mobile-logo img{
    max-width:142px !important;
    min-width:118px !important;
  }

  .nt-mobile-actions{
    gap:13px !important;
  }

  .nt-mobile-action{
    width:36px !important;
    height:36px !important;
    flex-basis:36px !important;
  }

  .nt-mobile-action img{
    width:34px !important;
    height:34px !important;
  }
}