:root{--bg:#070707;--panel:#111;--panel2:#171717;--line:#2a2a2a;--text:#f7f7f7;--muted:#9e9e9e;--yellow:#ffd21a;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(7,7,7,.96);backdrop-filter:blur(14px);border-bottom:1px solid #202020}.top{min-height:82px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:12px;min-width:270px}.brand img{width:62px;height:48px;object-fit:contain;}.brand strong{display:block;font-size:14px;letter-spacing:.12em}.brand small{display:block;color:#777;font-size:9px;letter-spacing:.18em;margin-top:5px}.search{display:flex;flex:1;max-width:610px;border:1px solid #303030;background:#101010}.search input{flex:1;background:transparent;border:0;outline:0;color:#fff;padding:13px 15px}.search button{width:48px;background:var(--yellow);border:0;cursor:pointer;font-size:22px}.actions{display:flex;align-items:center;gap:7px;margin-left:auto}.actions button{position:relative;background:#111;border:1px solid #2d2d2d;color:#fff;min-width:54px;height:46px;cursor:pointer}.actions small{display:block;font-size:8px;color:#888;margin-top:3px}.actions .order-btn{border-color:var(--yellow)}.actions i{position:absolute;right:-5px;top:-7px;background:var(--yellow);color:#000;border-radius:99px;min-width:19px;height:19px;font-style:normal;font-size:10px;line-height:19px}.hamb{display:none!important}
nav{border-top:1px solid #181818}.nav-inner{display:flex;gap:27px;min-height:44px;align-items:center;overflow:auto}.nav-inner a{font-size:11px;font-weight:800;letter-spacing:.08em;color:#aaa;white-space:nowrap}.nav-inner a:hover,.nav-inner a.active{color:var(--yellow)}
.notice{text-align:center;background:#0d0d0d;border-bottom:1px solid #1e1e1e;color:#aaa;padding:10px;font-size:9px;font-weight:900;letter-spacing:.17em}.notice span{color:var(--yellow);margin:0 8px}

.hero-cover{padding:18px 0 12px}.cover-image-link{display:block;position:relative;overflow:hidden;background:#050505;border:1px solid #1e1e1e}.cover-image{display:block;width:100%;height:auto;max-height:none;object-fit:cover}.cover-image-link:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.04),transparent 45%,rgba(255,210,26,.03));}
.promo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:18px 0 55px}.promo{min-height:150px;border:1px solid #303030;background:linear-gradient(125deg,#1a1a1a,#0d0d0d);padding:27px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.promo.alt{background:linear-gradient(125deg,#292500,#0d0d0d);border-color:#514900}.promo small{color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.16em}.promo h3{font-size:27px;line-height:.9;margin:12px 0}.promo h3:first-line{color:#fff}.promo span{color:#999;font-size:11px}.promo b{font-size:40px;letter-spacing:-10px;white-space:nowrap;transform:rotate(-7deg);opacity:.95}
.section{padding:70px 0}.section-dark{background:#0c0c0c;border-top:1px solid #151515;border-bottom:1px solid #151515}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section-head h2{font-size:45px;line-height:.95;margin:7px 0 0;letter-spacing:-.04em}.section-head>a{color:var(--yellow);font-size:11px;font-weight:900;letter-spacing:.08em}.eyebrow{margin:0;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.2em}
.cat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.cat{height:126px;background:#111;border:1px solid #292929;color:#fff;text-align:left;padding:18px;cursor:pointer;position:relative;overflow:hidden;transition:.2s}.cat:before{content:"";position:absolute;right:-35px;bottom:-55px;width:120px;height:120px;border:1px solid rgba(255,210,26,.16);transform:rotate(45deg)}.cat:hover{border-color:var(--yellow);transform:translateY(-2px)}.cat b{display:block;position:relative;z-index:1;font-size:14px;max-width:135px}.cat span{display:block;position:relative;z-index:1;color:#666;font-size:9px;letter-spacing:.1em;margin-top:8px}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.product{background:#111;border:1px solid #292929;overflow:hidden}.product-img{height:235px;background:radial-gradient(circle,#262626,#0d0d0d 68%);display:flex;align-items:center;justify-content:center;position:relative}.product-img img{width:100%;height:100%;object-fit:contain;padding:12px}.product-body{padding:15px}.product-code{font-size:9px;color:#777;letter-spacing:.12em}.product h3{font-size:16px;margin:7px 0}.product-meta{font-size:10px;color:#888}.tag{position:absolute;left:11px;top:11px;background:var(--yellow);color:#000;font-size:8px;font-weight:900;padding:6px 8px}.product-actions{display:flex;gap:7px;margin-top:13px}.qty{display:flex;border:1px solid #333}.qty button{width:30px;background:#181818;color:#fff;border:0;cursor:pointer}.qty input{width:38px;background:#111;color:#fff;border:0;text-align:center}.add{flex:1;background:transparent;color:var(--yellow);border:1px solid var(--yellow);font-size:10px;font-weight:900;cursor:pointer}.add:hover{background:var(--yellow);color:#000}
.filters{display:flex;gap:10px;margin-bottom:20px}.filters input,.filters select{background:#111;border:1px solid #333;color:#fff;padding:13px 14px;outline:0}.filters input{flex:1}.filters select{min-width:220px}.empty{color:#777;text-align:center;padding:30px}
.about{display:grid;grid-template-columns:1fr 1.1fr;gap:60px}.about h2,.contact-box h2{font-size:45px;line-height:.95;margin:10px 0}.about>p{color:#aaa;line-height:1.8}
.contact{padding-top:10px}.contact-box{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:48px;background:linear-gradient(120deg,#1a1a1a,#0d0d0d);border:1px solid #333}.primary-btn{border:0;background:var(--yellow);color:#050505;font-weight:950;padding:16px 22px;cursor:pointer}.primary-btn:hover{background:#fff}
footer{border-top:1px solid #222;background:#050505;padding:50px 0 0}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding-bottom:40px}.footer-grid img{width:150px;height:50px;object-fit:contain;}.footer-grid h3{margin:15px 0 5px}.footer-grid p{color:#777}.footer-grid b{color:var(--yellow);font-size:10px;letter-spacing:.15em}.footer-grid a,.footer-grid button{display:block;margin-top:12px;background:none;border:0;color:#888;padding:0;cursor:pointer}.copyright{text-align:center;border-top:1px solid #1b1b1b;color:#555;padding:18px;font-size:9px;letter-spacing:.12em}
.overlay{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:100;display:grid;place-items:center;padding:20px}.overlay.hidden{display:none}.gate-card{width:min(520px,100%);background:#111;border:1px solid #444;padding:40px;text-align:center;box-shadow:0 25px 80px #000}.gate-mark{margin:auto;width:46px;height:46px;border:2px solid var(--yellow);color:var(--yellow);display:grid;place-items:center;border-radius:50%;font-size:26px;font-weight:900}.gate-brand{margin-top:18px;color:var(--yellow);font-size:10px;font-weight:900;letter-spacing:.2em}.gate-card h2{font-size:35px;margin:12px 0}.gate-card h2 span{color:var(--yellow)}.gate-lead{color:#ddd;line-height:1.6}.gate-warning{display:flex;gap:12px;align-items:center;text-align:left;background:#181818;border:1px solid #292929;padding:14px;color:#aaa;font-size:12px;margin:20px 0}.gate-warning b{color:var(--yellow);font-size:20px}.gate-card small{display:block;color:#555;font-size:8px;letter-spacing:.12em;margin-top:18px}
.drawer{position:fixed;right:-470px;top:0;width:min(470px,100%);height:100%;background:#0d0d0d;border-left:1px solid #333;z-index:90;display:flex;flex-direction:column;transition:.3s}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;padding:22px;border-bottom:1px solid #222}.drawer-head button{background:none;border:0;color:#fff;font-size:28px;cursor:pointer}.cart-items{flex:1;overflow:auto;padding:18px}.cart-row{display:grid;grid-template-columns:70px 1fr auto;gap:10px;padding:13px 0;border-bottom:1px solid #222}.cart-row img{width:70px;height:62px;object-fit:contain;background:#161616}.cart-row h4{margin:2px 0;font-size:13px}.cart-row small{color:#777}.remove{background:none;border:0;color:#777;cursor:pointer}.drawer-foot{padding:20px;border-top:1px solid #222}.drawer-foot p{display:flex;justify-content:space-between;color:#999}.drawer-foot small{display:block;color:#555;margin-top:12px}.shade{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:85;display:none}.shade.show{display:block}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);background:var(--yellow);color:#000;font-weight:900;padding:12px 18px;z-index:120;opacity:0;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1000px){.nav-inner{gap:18px}.brand{min-width:220px}.actions button:not(.order-btn){display:none}.hamb{display:block!important}.cat-grid{grid-template-columns:repeat(4,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.container{width:calc(100% - 28px)}.top{flex-wrap:wrap;padding:12px 0}.brand{min-width:auto;flex:1}.brand img{width:52px}.search{order:3;flex-basis:100%;max-width:none}.nav-inner{min-height:38px}.promo-grid{grid-template-columns:1fr}.cat-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.product-img{height:170px}.section{padding:50px 0}.section-head h2,.about h2,.contact-box h2{font-size:31px}.about{grid-template-columns:1fr;gap:20px}.contact-box{display:block;padding:28px}.contact-box .primary-btn{margin-top:20px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.gate-card{padding:26px}.gate-card h2{font-size:27px}}
@media(max-width:480px){.cat-grid{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:1fr}.promo b{font-size:30px}.cover-image{min-height:190px;object-fit:cover}}


/* Category images */
.cat{position:relative;overflow:hidden;}
.cat .category-card-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62;z-index:0;}
.cat .category-card-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.48) 55%,rgba(0,0,0,.22) 100%);z-index:0;}
.cat b,.cat>span:not(.category-card-overlay){position:relative;z-index:1;}


/* =========================================================
   NLS PRODUCT DETAILS — PREMIUM / MOBILE RESPONSIVE
   APPEND THIS TO styles.css
========================================================= */

.nls-product-details-modal{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(0,0,0,.78);
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  box-sizing:border-box;
  backdrop-filter:blur(5px);
}

.nls-product-details-box{
  background:#fff;
  color:#171717;
  max-width:980px;
  width:100%;
  max-height:94vh;
  overflow:auto;
  border-radius:18px;
  position:relative;
  padding:28px;
  box-sizing:border-box;
  box-shadow:0 24px 80px rgba(0,0,0,.45);
}

.nls-product-details-close{
  position:absolute;
  right:14px;
  top:14px;
  z-index:5;
  width:40px;
  height:40px;
  border:1px solid #ddd;
  border-radius:50%;
  background:#fff;
  color:#111;
  font-size:25px;
  line-height:1;
  cursor:pointer;
}

.nls-product-details-close:hover{
  background:#111;
  color:#fff;
}

.nls-product-detail-layout{
  display:grid;
  grid-template-columns:minmax(280px,1fr) minmax(330px,1.05fr);
  gap:30px;
  align-items:start;
}

.nls-product-detail-media{
  position:sticky;
  top:0;
}

.nls-product-detail-image-wrap{
  min-height:430px;
  background:#f5f5f5;
  border:1px solid #e5e5e5;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}

.nls-product-detail-image{
  width:100%;
  height:430px;
  object-fit:contain;
  padding:20px;
  box-sizing:border-box;
}

.nls-product-detail-no-image{
  color:#999;
  font-size:12px;
  font-weight:800;
  letter-spacing:.1em;
}

.nls-product-detail-badges{
  position:absolute;
  top:14px;
  left:14px;
  z-index:2;
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}

.nls-product-detail-badges span{
  background:#ffd21a;
  color:#000;
  padding:7px 9px;
  border-radius:5px;
  font-size:9px;
  font-weight:900;
  letter-spacing:.06em;
}

.nls-product-detail-code{
  color:#888;
  font-size:10px;
  margin-top:10px;
  letter-spacing:.08em;
}

.nls-product-detail-info{
  padding:5px 4px 0 0;
}

.nls-product-detail-category{
  color:#888;
  font-size:10px;
  font-weight:900;
  letter-spacing:.14em;
  margin-bottom:7px;
}

.nls-product-detail-info h2{
  color:#111;
  font-size:32px;
  line-height:1.08;
  margin:0 45px 10px 0;
}

.nls-product-detail-description{
  color:#666;
  font-size:14px;
  line-height:1.65;
  margin:0 0 18px;
}

.nls-product-detail-facts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin:16px 0 20px;
}

.nls-product-detail-facts>div{
  border:1px solid #e8e8e8;
  border-radius:9px;
  padding:11px 12px;
  background:#fafafa;
}

.nls-product-detail-facts small{
  display:block;
  color:#999;
  font-size:9px;
  font-weight:800;
  margin-bottom:4px;
}

.nls-product-detail-facts b{
  color:#222;
  font-size:12px;
}

.nls-product-detail-section{
  border-top:1px solid #eee;
  padding-top:16px;
  margin-top:16px;
}

.nls-product-detail-section h3{
  margin:0 0 10px;
  color:#222;
  font-size:12px;
  letter-spacing:.08em;
}

.nls-product-spec-list>div{
  display:grid;
  grid-template-columns:130px 1fr;
  gap:12px;
  padding:8px 0;
  border-bottom:1px solid #eee;
  font-size:12px;
}

.nls-product-spec-list b{color:#333}
.nls-product-spec-list span{color:#666}

.nls-packing-options{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
}

.nls-packing-options button{
  min-height:58px;
  border:1px solid #ccc;
  border-radius:9px;
  background:#fff;
  color:#222;
  cursor:pointer;
  text-align:left;
  padding:10px 12px;
}

.nls-packing-options button span{
  display:block;
  font-size:9px;
  font-weight:900;
  color:#777;
  margin-bottom:4px;
}

.nls-packing-options button b{font-size:13px}

.nls-box-counter{
  margin-top:13px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
}

.nls-box-counter>b{
  font-size:10px;
  color:#555;
  letter-spacing:.06em;
}

.nls-box-counter>div{display:flex;align-items:center}

.nls-box-counter button{
  width:34px;
  height:34px;
  border:1px solid #ccc;
  background:#f7f7f7;
  color:#111;
  cursor:pointer;
  font-size:18px;
}

.nls-box-counter input{
  width:58px;
  height:34px;
  border:1px solid #ccc;
  border-left:0;
  border-right:0;
  text-align:center;
  outline:0;
}

.nls-product-detail-actions{
  margin-top:16px;
}

.nls-detail-order-btn{
  width:100%;
  min-height:48px;
  border:0;
  border-radius:8px;
  background:#ffd21a;
  color:#000;
  font-size:11px;
  font-weight:950;
  letter-spacing:.05em;
  cursor:pointer;
}

.nls-detail-order-btn:hover{background:#111;color:#fff}

#nlsDetailWhatsAppQueryBtn{
  width:100% !important;
  min-height:44px;
  margin-top:9px !important;
  border:1px solid #25D366 !important;
  border-radius:8px !important;
  background:#25D366 !important;
  color:#fff !important;
  font-weight:900 !important;
}

@media(max-width:760px){
  .nls-product-details-modal{padding:8px}
  .nls-product-details-box{max-height:96vh;padding:18px;border-radius:14px}
  .nls-product-detail-layout{grid-template-columns:1fr;gap:18px}
  .nls-product-detail-media{position:static}
  .nls-product-detail-image-wrap{min-height:280px}
  .nls-product-detail-image{height:280px;padding:12px}
  .nls-product-detail-info h2{font-size:25px;margin-right:35px}
}

@media(max-width:480px){
  .nls-product-details-box{padding:14px}
  .nls-product-detail-facts{grid-template-columns:1fr 1fr}
  .nls-product-spec-list>div{grid-template-columns:105px 1fr}
  .nls-packing-options{grid-template-columns:1fr}
  .nls-box-counter{align-items:flex-start;flex-direction:column}
  .nls-product-detail-image-wrap{min-height:240px}
  .nls-product-detail-image{height:240px}
}


/* =========================================================
   NLS STEP 1 — HOMEPAGE / HEADER / PRODUCT CARD UPGRADE
   Frontend only. Does not change catalogue/order logic.
========================================================= */

/* ---------- PREMIUM HEADER ---------- */
.header{
  background:rgba(7,7,7,.94);
  box-shadow:0 8px 30px rgba(0,0,0,.28);
}
.top{
  min-height:86px;
  gap:20px;
}
.brand{
  min-width:255px;
  transition:transform .2s ease;
}
.brand:hover{transform:translateY(-1px)}
.brand img{
  width:64px;
  height:52px;
}
.brand strong{
  font-size:15px;
  letter-spacing:.13em;
}
.brand small{
  font-size:8px;
  letter-spacing:.2em;
}
.search{
  height:48px;
  border-radius:7px;
  overflow:visible;
  border-color:#383838;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.015);
  transition:border-color .2s ease,box-shadow .2s ease;
}
.search:focus-within{
  border-color:var(--yellow);
  box-shadow:0 0 0 3px rgba(255,210,26,.08);
}
.search input{
  font-size:13px;
}
.search input::placeholder{color:#777}
.search button{
  transition:background .2s ease,color .2s ease;
}
.search button:hover{
  background:#fff;
}
.actions{
  gap:8px;
}
.actions button{
  border-radius:7px;
  transition:.2s ease;
}
.actions button:hover{
  border-color:#555;
  transform:translateY(-1px);
}
.actions .order-btn:hover{
  border-color:var(--yellow);
  background:#191600;
}
.nav-inner{
  min-height:46px;
  gap:30px;
}
.nav-inner a{
  position:relative;
  padding:14px 0 13px;
  transition:color .2s ease;
}
.nav-inner a:after{
  content:"";
  position:absolute;
  left:0;
  right:100%;
  bottom:5px;
  height:2px;
  background:var(--yellow);
  transition:right .2s ease;
}
.nav-inner a:hover:after,
.nav-inner a.active:after{
  right:0;
}

/* ---------- WHOLESALE NOTICE ---------- */
.notice{
  padding:11px 10px;
  background:linear-gradient(90deg,#0b0b0b,#151300,#0b0b0b);
}

/* ---------- HERO ---------- */
.hero-cover{
  padding:20px 0 14px;
}
.cover-image-link{
  border-radius:12px;
  box-shadow:0 18px 55px rgba(0,0,0,.35);
  transition:transform .3s ease,box-shadow .3s ease;
}
.cover-image-link:hover{
  transform:translateY(-2px);
  box-shadow:0 24px 65px rgba(0,0,0,.45);
}
.cover-image-link:after{
  background:linear-gradient(90deg,rgba(0,0,0,.02),transparent 42%,rgba(255,210,26,.06));
}

/* ---------- PROMO CARDS ---------- */
.promo-grid{
  gap:14px;
  padding:20px 0 58px;
}
.promo{
  min-height:158px;
  border-radius:12px;
  padding:25px 27px;
  position:relative;
  transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;
}
.promo:hover{
  transform:translateY(-4px);
  border-color:#555;
  box-shadow:0 18px 45px rgba(0,0,0,.28);
}
.promo.alt:hover{border-color:#8b7b00}
.promo h3{
  font-size:29px;
  letter-spacing:-.045em;
}
.promo span{
  display:inline-block;
  transition:color .2s ease;
}
.promo:hover span{color:#fff}
.promo b{
  font-size:43px;
  transition:transform .25s ease;
}
.promo:hover b{
  transform:rotate(-7deg) scale(1.05);
}

/* ---------- SECTION HEADINGS ---------- */
.section{
  padding:76px 0;
}
.section-head{
  margin-bottom:30px;
}
.section-head h2{
  font-size:48px;
}
.section-head>a{
  padding:10px 0;
  transition:color .2s ease,transform .2s ease;
}
.section-head>a:hover{
  color:#fff;
  transform:translateX(3px);
}

/* ---------- CATEGORY CARDS ---------- */
.cat-grid{
  gap:12px;
}
.cat{
  height:138px;
  border-radius:10px;
  padding:19px;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}
.cat:hover{
  transform:translateY(-4px);
  box-shadow:0 15px 35px rgba(0,0,0,.28);
}
.cat .category-card-image{
  transition:transform .45s ease,opacity .25s ease;
}
.cat:hover .category-card-image{
  transform:scale(1.06);
  opacity:.72;
}
.cat .category-card-overlay{
  background:linear-gradient(90deg,rgba(0,0,0,.84),rgba(0,0,0,.46) 62%,rgba(0,0,0,.18));
}
.cat b{
  font-size:15px;
}
.cat span{
  font-size:9px;
}

/* ---------- PRODUCT CARDS ---------- */
.product-grid{
  gap:16px;
}
.product{
  border-radius:11px;
  position:relative;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;
}
.product:hover{
  transform:translateY(-5px);
  border-color:#454545;
  box-shadow:0 18px 42px rgba(0,0,0,.32);
}
.product-img{
  height:245px;
  background:radial-gradient(circle at 50% 42%,#292929,#0d0d0d 70%);
  overflow:hidden;
}
.product-img img{
  padding:14px;
  transition:transform .35s ease;
}
.product:hover .product-img img{
  transform:scale(1.045);
}
.tag{
  z-index:2;
  border-radius:4px;
  box-shadow:0 5px 12px rgba(0,0,0,.25);
}
.product-body{
  padding:17px;
}
.product-code{
  color:#8b8b8b;
  font-weight:800;
}
.product h3{
  font-size:17px;
  line-height:1.2;
  min-height:40px;
}
.product-meta{
  line-height:1.5;
}
.product-actions{
  margin-top:15px;
}
.qty{
  border-radius:5px;
  overflow:hidden;
}
.qty button{
  transition:background .15s ease;
}
.qty button:hover{
  background:#282828;
}
.qty input{
  font-size:12px;
}
.add{
  min-height:34px;
  border-radius:5px;
  transition:.18s ease;
}
.add:hover{
  box-shadow:0 6px 18px rgba(255,210,26,.14);
}

/* ---------- CATALOGUE FILTERS ---------- */
.filters{
  gap:12px;
  margin-bottom:22px;
}
.filters input,.filters select{
  border-radius:7px;
  min-height:46px;
}
.filters input:focus,.filters select:focus{
  border-color:var(--yellow);
  box-shadow:0 0 0 3px rgba(255,210,26,.07);
}

/* ---------- ABOUT / CONTACT ---------- */
.about{
  align-items:center;
}
.about>p{
  font-size:14px;
}
.contact-box{
  border-radius:13px;
  box-shadow:0 20px 50px rgba(0,0,0,.25);
}
.primary-btn{
  border-radius:7px;
  transition:.2s ease;
}
.primary-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 9px 24px rgba(255,210,26,.16);
}

/* ---------- FOOTER ---------- */
footer{
  background:linear-gradient(180deg,#060606,#030303);
}
.footer-grid img{
  width:155px;
}
.footer-grid a,.footer-grid button{
  transition:color .18s ease;
}
.footer-grid a:hover,.footer-grid button:hover{
  color:#fff;
}

/* ---------- ORDER DRAWER ---------- */
.drawer{
  box-shadow:-20px 0 70px rgba(0,0,0,.42);
}
.drawer-head{
  background:#101010;
}
.cart-row{
  transition:background .18s ease;
}
.cart-row:hover{
  background:#121212;
}
.drawer-foot{
  background:#0d0d0d;
}

/* ---------- MOBILE HOMEPAGE ---------- */
@media(max-width:1000px){
  .top{min-height:78px}
  .brand{min-width:205px}
  .product-grid{gap:12px}
}

@media(max-width:700px){
  .top{
    gap:10px;
    padding:10px 0 12px;
  }
  .brand img{
    width:48px;
    height:44px;
  }
  .brand strong{font-size:12px}
  .brand small{font-size:7px}
  .actions{
    gap:5px;
  }
  .actions button{
    min-width:48px;
    height:43px;
  }
  .actions button:not(.order-btn){
    display:none;
  }
  .hamb{
    display:block!important;
  }
  .search{
    height:46px;
  }
  .nav-inner{
    gap:22px;
    min-height:42px;
    scrollbar-width:none;
  }
  .nav-inner::-webkit-scrollbar{display:none}
  .nav-inner a{
    font-size:10px;
  }

  .hero-cover{
    padding-top:14px;
  }
  .cover-image-link{
    border-radius:9px;
  }

  .promo-grid{
    padding-bottom:42px;
  }
  .promo{
    min-height:140px;
    padding:22px;
  }
  .promo h3{
    font-size:25px;
  }

  .section{
    padding:55px 0;
  }
  .section-head{
    align-items:flex-end;
    gap:15px;
  }
  .section-head h2{
    font-size:34px;
  }
  .section-head>a{
    font-size:9px;
    white-space:nowrap;
  }

  .cat-grid{
    gap:9px;
  }
  .cat{
    height:116px;
    padding:15px;
  }
  .cat b{
    font-size:13px;
  }

  .product-grid{
    gap:10px;
  }
  .product-img{
    height:185px;
  }
  .product-body{
    padding:12px;
  }
  .product h3{
    font-size:14px;
    min-height:34px;
  }
  .product-actions{
    flex-direction:column;
  }
  .qty{
    width:100%;
    justify-content:center;
  }
  .qty button{
    flex:1;
  }
  .qty input{
    width:55px;
  }
  .add{
    width:100%;
  }

  .filters{
    flex-direction:column;
  }
  .filters select{
    width:100%;
    min-width:0;
  }
}

@media(max-width:480px){
  .container{
    width:calc(100% - 20px);
  }
  .notice{
    font-size:8px;
    letter-spacing:.11em;
  }
  .hero-cover{
    padding-left:0;
    padding-right:0;
  }
  .promo-grid{
    gap:10px;
  }
  .promo{
    min-height:125px;
  }
  .promo b{
    font-size:28px;
  }
  .section-head h2{
    font-size:29px;
  }
  .product-grid{
    grid-template-columns:repeat(2,1fr);
  }
  .product-img{
    height:155px;
  }
  .product-body{
    padding:10px;
  }
  .product-code{
    font-size:8px;
  }
  .product h3{
    font-size:13px;
  }
  .product-meta{
    font-size:9px;
  }
}


/* =========================================================
   NLS STEP 1.5 — WHOLESALE PRODUCT CARD UPGRADE
========================================================= */

.nls-product-card{
  display:flex;
  flex-direction:column;
  min-width:0;
}
.nls-card-image{
  height:250px;
}
.nls-card-image img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.nls-card-badges{
  position:absolute;
  top:11px;
  left:11px;
  z-index:4;
  display:flex;
  gap:6px;
  flex-wrap:wrap;
}
.nls-card-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:5px 8px;
  border-radius:5px;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em;
  box-shadow:0 5px 14px rgba(0,0,0,.25);
}
.nls-card-badge.new{
  background:var(--yellow);
  color:#000;
}
.nls-card-badge.top{
  background:#fff;
  color:#111;
}
.nls-card-code-overlay{
  position:absolute;
  right:10px;
  bottom:10px;
  z-index:3;
  background:rgba(0,0,0,.72);
  color:#fff;
  border:1px solid rgba(255,255,255,.14);
  border-radius:5px;
  padding:5px 7px;
  font-size:8px;
  font-weight:900;
  letter-spacing:.08em;
}
.nls-card-no-image{
  color:#666;
  font-size:9px;
  font-weight:900;
  letter-spacing:.12em;
}
.nls-card-body{
  display:flex;
  flex-direction:column;
  flex:1;
}
.nls-card-body h3{
  overflow:hidden;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
}
.nls-card-facts{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:10px;
}
.nls-card-facts span{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:5px 7px;
  border:1px solid #303030;
  border-radius:5px;
  color:#aaa;
  background:#0e0e0e;
  font-size:8px;
  font-weight:800;
  letter-spacing:.03em;
}
.nls-card-actions{
  align-items:stretch;
}
.nls-card-qty{
  flex:0 0 auto;
}
.nls-card-order{
  min-height:42px;
}
.nls-card-whatsapp{
  flex:0 0 48px;
  width:48px;
  min-height:42px;
  padding:6px;
  border:1px solid #25D366;
  border-radius:7px;
  background:#25D366;
  color:#fff;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.18s ease;
}
.nls-card-whatsapp svg{
  width:25px;
  height:25px;
}
.nls-card-whatsapp:hover{
  background:#1fb857;
  border-color:#1fb857;
  transform:translateY(-1px);
}
.nls-card-whatsapp.selected{
  background:#fff;
  color:#168f43;
}
.nls-card-details{
  width:100%;
  margin-top:9px;
  min-height:34px;
  border:1px solid #2f2f2f;
  border-radius:6px;
  background:transparent;
  color:#aaa;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  cursor:pointer;
  transition:.18s ease;
}
.nls-card-details:hover{
  color:#fff;
  border-color:#666;
  background:#181818;
}

@media(max-width:700px){
  .nls-card-image{
    height:185px;
  }
  .nls-card-facts{
    flex-direction:column;
    gap:5px;
  }
  .nls-card-facts span{
    width:100%;
    justify-content:center;
  }
  .nls-card-actions{
    flex-direction:column;
  }
  .nls-card-whatsapp{
    width:100%;
    flex-basis:auto;
    min-height:38px;
  }
  .nls-card-whatsapp svg{
    width:23px;
    height:23px;
  }
}

@media(max-width:480px){
  .nls-card-image{
    height:160px;
  }
  .nls-card-badge{
    min-height:21px;
    padding:4px 6px;
    font-size:7px;
  }
  .nls-card-code-overlay{
    font-size:7px;
    padding:4px 5px;
  }
  .nls-card-facts span{
    font-size:7px;
  }
  .nls-card-details{
    font-size:8px;
  }
}


/* =========================================================
   STEP 2A — CATEGORY FILTER CHIPS
   ========================================================= */
.filters{
  position:relative;
  overflow:visible;
}

/* STEP 2B — catalogue count, sorting and clear filters */
.nls-catalogue-toolbar{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  margin-top:12px;
  padding:12px 0 2px;
  border-top:1px solid rgba(255,255,255,.08);
}

.nls-catalogue-count{
  color:#aaa;
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.nls-catalogue-actions{
  display:flex;
  align-items:center;
  gap:8px;
}

.nls-sort-wrap{
  display:flex;
  align-items:center;
  gap:7px;
  color:#888;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}

.nls-sort-wrap select{
  min-width:145px;
  margin:0;
  padding:9px 28px 9px 10px;
  background:#111;
  border:1px solid #333;
  color:#fff;
  font-size:10px;
  font-weight:800;
  outline:0;
  cursor:pointer;
}

.nls-clear-filters{
  min-height:38px;
  padding:8px 12px;
  border:1px solid #444;
  background:#151515;
  color:#bbb;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease;
}

.nls-clear-filters:hover{
  background:var(--yellow);
  border-color:var(--yellow);
  color:#111;
  transform:translateY(-1px);
}

@media(max-width:700px){
  .nls-catalogue-toolbar{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }

  .nls-catalogue-actions{
    width:100%;
    display:grid;
    grid-template-columns:1fr auto;
    align-items:center;
  }

  .nls-sort-wrap{
    min-width:0;
  }

  .nls-sort-wrap select{
    min-width:0;
    width:100%;
  }

  .nls-clear-filters{
    white-space:nowrap;
  }
}

.nls-category-chips{
  width:100%;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin-top:12px;
}

.nls-category-chip{
  appearance:none;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(255,255,255,.06);
  color:inherit;
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  font:inherit;
  font-size:12px;
  font-weight:800;
  letter-spacing:.04em;
  cursor:pointer;
  transition:transform .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}

.nls-category-chip:hover{
  transform:translateY(-1px);
  border-color:currentColor;
}

.nls-category-chip.active{
  background:currentColor;
  color:#111;
  border-color:currentColor;
}

@media(max-width:700px){
  .nls-category-chips{
    gap:7px;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding:2px 1px 5px;
    scrollbar-width:thin;
  }

  .nls-category-chip{
    flex:0 0 auto;
    min-height:34px;
    padding:7px 12px;
    font-size:11px;
  }
}


/* =========================================================
   STEP 2C — MOBILE FILTER EXPERIENCE
   ========================================================= */

.nls-mobile-filter-trigger{
  display:none;
}

.nls-mobile-filter-panel{
  display:none;
}

@media (max-width:700px){
  .nls-mobile-filter-trigger{
    display:flex;
    width:100%;
    min-height:44px;
    align-items:center;
    justify-content:center;
    margin:10px 0 12px;
    padding:0 16px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:8px;
    background:#111;
    color:#fff;
    font-size:12px;
    font-weight:800;
    letter-spacing:.08em;
    cursor:pointer;
  }

  .nls-mobile-filter-panel{
    display:block;
    position:fixed;
    inset:0;
    z-index:99999;
    visibility:hidden;
    pointer-events:none;
  }

  .nls-mobile-filter-panel.is-open{
    visibility:visible;
    pointer-events:auto;
  }

  .nls-mobile-filter-overlay{
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.58);
    opacity:0;
    transition:opacity .22s ease;
  }

  .nls-mobile-filter-panel.is-open .nls-mobile-filter-overlay{
    opacity:1;
  }

  .nls-mobile-filter-sheet{
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    max-height:82vh;
    overflow:auto;
    background:#fff;
    color:#111;
    border-radius:18px 18px 0 0;
    transform:translateY(105%);
    transition:transform .25s ease;
    box-shadow:0 -14px 45px rgba(0,0,0,.25);
  }

  .nls-mobile-filter-panel.is-open .nls-mobile-filter-sheet{
    transform:translateY(0);
  }

  .nls-mobile-filter-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:18px;
    border-bottom:1px solid #eee;
  }

  .nls-mobile-filter-header > div{
    display:flex;
    flex-direction:column;
    gap:4px;
  }

  .nls-mobile-filter-header strong{
    font-size:15px;
    letter-spacing:.06em;
  }

  .nls-mobile-filter-header span{
    font-size:11px;
    color:#777;
  }

  .nls-mobile-filter-close{
    width:38px;
    height:38px;
    flex:0 0 38px;
    border:0;
    border-radius:50%;
    background:#f2f2f2;
    color:#111;
    font-size:25px;
    line-height:1;
    cursor:pointer;
  }

  .nls-mobile-filter-body{
    padding:20px 18px 8px;
  }

  .nls-mobile-filter-body label{
    display:block;
    margin:0 0 7px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.08em;
    color:#555;
  }

  .nls-mobile-filter-body select{
    width:100%;
    min-height:46px;
    margin:0 0 18px;
    padding:0 12px;
    border:1px solid #ddd;
    border-radius:8px;
    background:#fff;
    color:#111;
    font-size:14px;
    outline:none;
  }

  .nls-mobile-filter-footer{
    display:grid;
    grid-template-columns:1fr 1.35fr;
    gap:10px;
    padding:14px 18px calc(14px + env(safe-area-inset-bottom));
    border-top:1px solid #eee;
    background:#fff;
    position:sticky;
    bottom:0;
  }

  .nls-mobile-filter-footer button{
    min-height:46px;
    border-radius:8px;
    font-size:11px;
    font-weight:800;
    letter-spacing:.05em;
    cursor:pointer;
  }

  #nlsMobileClear{
    border:1px solid #ddd;
    background:#fff;
    color:#333;
  }

  #nlsMobileApply{
    border:0;
    background:#111;
    color:#fff;
  }

  body.nls-mobile-filter-open{
    overflow:hidden;
  }

  /* Step 2B desktop toolbar is replaced by the mobile drawer. */
  .nls-catalogue-toolbar{
    display:none !important;
  }

  .nls-category-chips{
    overflow-x:auto;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .nls-category-chips::-webkit-scrollbar{
    display:none;
  }
}


/* =========================================================
   NLS PREMIUM WEBSITE REDESIGN
   Customer website only.
   Existing colors/theme retained: black + yellow + white.
   Existing product/order/search/filter functionality is untouched.
   ========================================================= */

:root{
  --nls-black:#0b0b0b;
  --nls-black-2:#121212;
  --nls-yellow:#f4c400;
  --nls-yellow-2:#ffd83d;
  --nls-white:#fff;
  --nls-soft:#f6f6f3;
  --nls-line:#e7e7e2;
  --nls-muted:#777;
  --nls-radius:14px;
  --nls-shadow:0 12px 35px rgba(0,0,0,.08);
}

html{
  scroll-behavior:smooth;
}

body{
  background:var(--nls-soft);
  color:#111;
}

body::selection{
  background:var(--nls-yellow);
  color:#111;
}

/* ---------- HEADER ---------- */

header{
  position:sticky;
  top:0;
  z-index:9000;
  background:rgba(11,11,11,.97);
  border-bottom:1px solid rgba(255,255,255,.08);
  box-shadow:0 5px 25px rgba(0,0,0,.12);
}

header .topbar,
header .header-top,
header .header-main{
  max-width:1380px;
  margin:auto;
}

.nls-premium-layout .topbar{
  min-height:30px;
  padding:5px 24px;
  font-size:10px;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.nls-premium-layout .header-main{
  min-height:70px;
  padding:10px 24px;
  display:flex;
  align-items:center;
  gap:18px;
}

.logo img{
  max-height:48px;
  width:auto;
  object-fit:contain;
}

.search{
  position:relative;
  flex:1;
  max-width:620px;
  margin:0 auto;
  border-radius:9px;
}

.search input{
  height:44px;
  border-radius:9px;
  background:#fff;
  color:#111;
  border:1px solid rgba(255,255,255,.08);
  padding-left:16px;
}

.search button{
  min-width:44px;
  border-radius:0 9px 9px 0;
  background:var(--nls-yellow);
  color:#111;
}

.nav{
  background:#0f0f0f;
  border-top:1px solid rgba(255,255,255,.06);
}

.nav-inner{
  max-width:1380px;
  margin:auto;
  min-height:42px;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
}

.nav-inner a{
  padding:11px 15px;
  border-radius:6px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.04em;
}

.nav-inner a:hover{
  background:rgba(244,196,0,.10);
  color:var(--nls-yellow);
}

/* ---------- WHOLESALE NOTICE ---------- */

.wholesale-notice{
  max-width:1380px;
  margin:18px auto 0;
  padding:10px 24px;
}

.wholesale-notice > *{
  border-radius:10px;
}

/* ---------- HERO ---------- */

.hero{
  max-width:1380px;
  margin:18px auto 0;
  padding:0 24px;
}

.hero img,
.hero picture img{
  display:block;
  width:100%;
  max-height:510px;
  object-fit:cover;
  border-radius:18px;
  box-shadow:0 18px 50px rgba(0,0,0,.14);
}

/* ---------- PROMO STRIP ---------- */

.promo{
  max-width:1380px;
  margin:22px auto 0;
  padding:0 24px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
}

.promo-card{
  min-height:105px;
  border-radius:14px;
  box-shadow:var(--nls-shadow);
  transition:transform .2s ease,box-shadow .2s ease;
}

.promo-card:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 42px rgba(0,0,0,.12);
}

/* ---------- SECTION SYSTEM ---------- */

section{
  scroll-margin-top:145px;
}

.nls-premium-layout section:not(.hero){
  max-width:1380px;
  margin-left:auto;
  margin-right:auto;
}

.section-head{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin:48px 0 18px;
  padding:0 24px;
}

.section-head h2,
section > h2{
  margin:0;
  font-size:26px;
  line-height:1.1;
  letter-spacing:-.02em;
}

.section-head h2::after,
section > h2::after{
  content:"";
  display:block;
  width:38px;
  height:3px;
  margin-top:9px;
  background:var(--nls-yellow);
  border-radius:99px;
}

.section-head a{
  font-size:11px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.08em;
}

/* ---------- CATEGORY CARDS ---------- */

#catGrid{
  padding:0 24px;
  gap:14px;
}

.category-card{
  border-radius:14px;
  background:#fff;
  border:1px solid var(--nls-line);
  overflow:hidden;
  box-shadow:0 5px 18px rgba(0,0,0,.04);
  transition:transform .2s ease,box-shadow .2s ease;
}

.category-card:hover{
  transform:translateY(-4px);
  box-shadow:0 14px 30px rgba(0,0,0,.10);
}

/* ---------- PRODUCT SECTIONS ---------- */

#newGrid,
#featuredGrid{
  padding:0 24px;
}

#newGrid,
#featuredGrid,
#catalogueGrid{
  gap:16px;
}

.product-card{
  background:#fff;
  border:1px solid var(--nls-line);
  border-radius:15px;
  overflow:hidden;
  box-shadow:0 5px 18px rgba(0,0,0,.045);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.product-card:hover{
  transform:translateY(-4px);
  box-shadow:0 18px 38px rgba(0,0,0,.11);
  border-color:#d8d8d2;
}

.product-card .product-image,
.product-card img{
  background:#fafaf8;
}

/* ---------- CATALOGUE ---------- */

#catalogue{
  margin-top:62px;
}

#catalogue .filters{
  margin-left:24px;
  margin-right:24px;
  padding:18px;
  border:1px solid var(--nls-line);
  border-radius:14px;
  background:#fff;
  box-shadow:0 5px 20px rgba(0,0,0,.04);
}

.nls-catalogue-toolbar{
  border-top:1px solid #eee;
  margin-top:16px;
  padding-top:14px;
}

.nls-category-chips{
  gap:8px;
}

.nls-category-chip{
  border-radius:999px;
  padding:9px 15px;
  border:1px solid #ddd;
  background:#fff;
  font-size:11px;
  font-weight:800;
  transition:all .18s ease;
}

.nls-category-chip.active,
.nls-category-chip:hover{
  background:var(--nls-black);
  color:#fff;
  border-color:var(--nls-black);
}

#catalogueGrid{
  padding:0 24px;
}

/* ---------- ABOUT / CONTACT ---------- */

#about,
#contact{
  margin-top:62px;
  padding:42px 24px;
  background:#fff;
  border-top:1px solid var(--nls-line);
  border-bottom:1px solid var(--nls-line);
}

#about > *,
#contact > *{
  max-width:1100px;
  margin-left:auto;
  margin-right:auto;
}

/* ---------- FOOTER ---------- */

footer{
  margin-top:0;
  background:var(--nls-black);
  color:#fff;
  border-top:3px solid var(--nls-yellow);
}

footer a:hover{
  color:var(--nls-yellow);
}

/* ---------- ORDER DRAWER ---------- */

#orderDrawer{
  box-shadow:-12px 0 40px rgba(0,0,0,.20);
}

/* ---------- MOBILE ---------- */

@media(max-width:800px){
  .nls-premium-layout .header-main{
    min-height:60px;
    padding:8px 14px;
    gap:9px;
  }

  .logo img{
    max-height:38px;
    max-width:120px;
  }

  .nav-inner{
    justify-content:flex-start;
    padding:0 10px;
  }

  .nav-inner a{
    white-space:nowrap;
    padding:10px 11px;
    font-size:10px;
  }

  .wholesale-notice,
  .hero,
  .promo{
    padding-left:14px;
    padding-right:14px;
  }

  .hero{
    margin-top:12px;
  }

  .hero img,
  .hero picture img{
    min-height:220px;
    max-height:360px;
    border-radius:13px;
  }

  .promo{
    grid-template-columns:1fr;
    gap:10px;
  }

  .promo-card{
    min-height:80px;
  }

  .section-head{
    margin-top:36px;
    padding:0 14px;
  }

  .section-head h2,
  section > h2{
    font-size:21px;
  }

  #catGrid,
  #newGrid,
  #featuredGrid,
  #catalogueGrid{
    padding-left:14px;
    padding-right:14px;
  }

  .nls-wholesale-values{
    padding:0 14px;
    margin-top:38px;
  }

  .nls-wholesale-values-inner{
    grid-template-columns:1fr 1fr;
    padding:20px;
  }

  .nls-wholesale-title{
    grid-column:1/-1;
  }

  .nls-wholesale-point{
    border-left:0;
    border-top:1px solid rgba(255,255,255,.12);
    padding:13px 5px;
  }

  #catalogue{
    margin-top:42px;
  }

  #catalogue .filters{
    margin-left:14px;
    margin-right:14px;
    padding:12px;
  }

  #about,
  #contact{
    padding:32px 14px;
    margin-top:44px;
  }
}

@media(max-width:520px){
  .nls-premium-layout .header-main{
    flex-wrap:wrap;
  }

  .search{
    order:10;
    flex-basis:100%;
    max-width:none;
  }

  .nav{
    overflow:hidden;
  }

  .section-head{
    align-items:center;
  }

  .section-head a{
    font-size:9px;
  }

  .nls-wholesale-values-inner{
    grid-template-columns:1fr;
  }

  .nls-wholesale-title{
    grid-column:auto;
  }
}


/* =========================================================
   NLS PREMIUM REDESIGN — LAYOUT REPAIR v2
   Fixes text visibility, card sizing, section contrast and
   responsive spacing. No functionality changes.
   ========================================================= */

/* Global safety */
*{
  box-sizing:border-box;
}

body{
  overflow-x:hidden;
}

.container{
  width:min(var(--max),calc(100% - 40px));
  margin-left:auto;
  margin-right:auto;
}

/* ---------- ORIGINAL SECTION SYSTEM: REFINED ---------- */

.section{
  width:100%;
  padding:58px 0;
}

.section-dark{
  background:#0b0b0b;
  color:#fff;
  border-top:1px solid #181818;
  border-bottom:1px solid #181818;
}

.section:not(.section-dark){
  background:#f6f6f3;
  color:#111;
}

.section .container{
  max-width:1320px;
}

/* Headings must always have readable contrast */
.section-head{
  width:100%;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:24px;
}

.section-head h2{
  margin:7px 0 0;
  color:inherit;
  font-size:34px;
  line-height:.98;
  letter-spacing:-.035em;
}

.section-head>a{
  flex:0 0 auto;
  color:var(--yellow);
  font-size:10px;
  font-weight:900;
  letter-spacing:.1em;
  white-space:nowrap;
}

.eyebrow{
  color:var(--yellow);
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
}

/* ---------- PROMO CARDS ---------- */

.promo-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  padding:18px 0 44px;
}

.promo{
  min-width:0;
  min-height:145px;
  border-radius:12px;
  padding:24px;
  overflow:hidden;
}

.promo h3{
  color:#fff;
  font-size:24px;
  line-height:.95;
  margin:10px 0;
}

.promo span{
  color:#aaa;
}

/* ---------- CATEGORIES ---------- */

.cat-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  width:100%;
}

.cat{
  width:100%;
  min-width:0;
  height:170px;
  border-radius:12px;
  padding:18px;
  background:#111;
  border:1px solid #292929;
  color:#fff;
  overflow:hidden;
  position:relative;
  text-align:left;
}

.cat b{
  display:block;
  max-width:75%;
  color:#fff;
  font-size:16px;
  line-height:1.05;
  word-break:normal;
  overflow-wrap:anywhere;
}

.cat span:not(.category-card-overlay){
  color:#ccc;
  font-size:9px;
  letter-spacing:.1em;
}

.category-card-image{
  opacity:.55;
  transition:transform .3s ease,opacity .3s ease;
}

.cat:hover .category-card-image{
  opacity:.68;
  transform:scale(1.04);
}

/* ---------- PRODUCT GRIDS ---------- */

.product-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  width:100%;
}

.product{
  min-width:0;
  width:100%;
  border-radius:13px;
  background:#111;
  border:1px solid #292929;
  color:#fff;
  overflow:hidden;
  box-shadow:0 7px 24px rgba(0,0,0,.10);
}

.product-img{
  height:285px;
  background:radial-gradient(circle,#292929,#0d0d0d 70%);
}

.product-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:16px;
}

.product-body{
  min-width:0;
  padding:17px;
  background:#111;
  color:#fff;
}

.product-code{
  color:#8e8e8e;
  font-size:8px;
  line-height:1.3;
  letter-spacing:.1em;
  overflow-wrap:anywhere;
}

.product h3{
  color:#fff;
  font-size:17px;
  line-height:1.15;
  margin:8px 0 6px;
  overflow-wrap:anywhere;
}

.product-meta{
  color:#aaa;
  line-height:1.35;
  overflow-wrap:anywhere;
}

.nls-card-facts{
  min-height:28px;
}

.nls-card-facts span{
  color:#ddd;
  background:#171717;
  border-color:#333;
  line-height:1.2;
  overflow-wrap:anywhere;
}

.nls-card-actions{
  display:flex;
  min-width:0;
}

.nls-card-qty{
  min-width:92px;
}

.nls-card-order{
  min-width:0;
}

.nls-card-details{
  color:#ddd;
}

/* ---------- TOP PRODUCTS / NEW ARRIVALS LIGHT VS DARK ---------- */

/* New Arrivals and Catalogue are intentionally dark */
#newArrivals.section-dark,
#catalogue.section-dark{
  background:#0b0b0b;
  color:#fff;
}

/* Top products remains light but its product cards remain dark */
#topProducts:not(.section-dark){
  background:#f6f6f3;
  color:#111;
}

#topProducts:not(.section-dark) .section-head h2{
  color:#111;
}

/* ---------- CATALOGUE FILTER BAR ---------- */

#catalogue .filters{
  width:100%;
  margin:0 0 22px;
  padding:15px;
  background:#fff;
  border:1px solid #deded8;
  border-radius:13px;
  color:#111;
  box-shadow:0 6px 22px rgba(0,0,0,.07);
}

#catalogue .filters input,
#catalogue .filters select{
  min-height:44px;
  background:#111;
  color:#fff;
  border:1px solid #333;
  border-radius:7px;
}

#catalogue .nls-category-chips{
  margin-top:12px;
}

#catalogue .nls-catalogue-toolbar{
  border-top:1px solid #e5e5e5;
}

#catalogue .nls-catalogue-count{
  color:#555;
}

#catalogueGrid{
  width:100%;
}

/* ---------- ABOUT / CONTACT ---------- */

.about{
  display:grid;
  grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);
  gap:60px;
  align-items:center;
}

.about h2,
.contact-box h2{
  color:#111;
  font-size:42px;
  line-height:.94;
  margin:8px 0;
}

.about>p{
  color:#555;
  line-height:1.75;
}

.contact-box{
  border-radius:14px;
  background:#111;
  color:#fff;
  border:1px solid #2a2a2a;
}

.contact-box h2{
  color:#fff;
}

/* ---------- FOOTER ---------- */

footer{
  background:#070707;
  color:#fff;
}

.footer-grid h3,
.footer-grid p{
  color:#fff;
}

.footer-grid p{
  color:#999;
}

.footer-grid a,
.footer-grid button{
  color:#aaa;
}

.footer-grid a:hover,
.footer-grid button:hover{
  color:var(--yellow);
}

/* ---------- PRODUCT DETAILS: KEEP READABLE ---------- */

.nls-product-details-box{
  color:#171717;
}

.nls-product-details-box h1,
.nls-product-details-box h2,
.nls-product-details-box h3,
.nls-product-details-box p,
.nls-product-details-box span,
.nls-product-details-box label{
  color:inherit;
}

/* ---------- MOBILE ---------- */

@media(max-width:900px){
  .promo-grid{
    grid-template-columns:1fr;
  }

  .cat-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
  }

  .product-img{
    height:230px;
  }

  .section{
    padding:45px 0;
  }
}

@media(max-width:700px){
  .container{
    width:calc(100% - 28px);
  }

  .section-head{
    align-items:center;
    margin-bottom:17px;
  }

  .section-head h2{
    font-size:25px;
  }

  .section-head>a{
    font-size:9px;
  }

  .cat-grid{
    gap:10px;
  }

  .cat{
    height:145px;
    padding:14px;
  }

  .cat b{
    max-width:88%;
    font-size:13px;
  }

  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .product-img{
    height:185px;
  }

  .product-body{
    padding:11px;
  }

  .product h3{
    font-size:13px;
  }

  .product-meta{
    font-size:9px;
  }

  .nls-card-facts{
    flex-direction:column;
  }

  .nls-card-facts span{
    width:100%;
    justify-content:center;
    text-align:center;
  }

  .nls-card-actions{
    flex-direction:column;
  }

  .nls-card-qty{
    width:100%;
  }

  .nls-card-order{
    width:100%;
  }

  .nls-card-whatsapp{
    width:100%;
    flex-basis:auto;
  }

  .about{
    grid-template-columns:1fr;
    gap:25px;
  }

  .about h2,
  .contact-box h2{
    font-size:31px;
  }
}

@media(max-width:480px){
  .promo{
    padding:18px;
  }

  .promo h3{
    font-size:20px;
  }

  .cat{
    height:135px;
  }

  .product-img{
    height:160px;
  }

  .product h3{
    font-size:12px;
  }

  .product-code{
    font-size:7px;
  }

  .product-meta{
    font-size:8px;
  }

  .section-head h2{
    font-size:22px;
  }
}


/* =========================================================
   NLS PREMIUM CARD REFINEMENT v3
   Focus: premium promo blocks + product cards.
   No JS / backend / feature changes.
   ========================================================= */

/* ---------- PREMIUM PROMO BLOCKS ---------- */

.promo-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  padding:24px 0 30px;
  align-items:stretch;
}

.promo{
  min-width:0;
  min-height:190px;
  height:190px;
  padding:26px 28px;
  border:1px solid #303030;
  border-radius:16px;
  background:
    radial-gradient(circle at 85% 25%,rgba(255,210,26,.08),transparent 30%),
    linear-gradient(135deg,#1b1b1b,#0c0c0c);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  overflow:hidden;
  position:relative;
  box-shadow:0 12px 30px rgba(0,0,0,.12);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.promo::before{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-80px;
  top:-80px;
  border:1px solid rgba(255,210,26,.12);
  border-radius:50%;
}

.promo:hover{
  transform:translateY(-4px);
  border-color:#555;
  box-shadow:0 20px 45px rgba(0,0,0,.20);
}

.promo.alt{
  background:
    radial-gradient(circle at 82% 30%,rgba(255,210,26,.14),transparent 31%),
    linear-gradient(135deg,#242000,#0c0c0c);
  border-color:#4b4300;
}

.promo small{
  position:relative;
  z-index:2;
  display:block;
  color:var(--yellow);
  font-size:9px;
  font-weight:900;
  letter-spacing:.18em;
}

.promo h3{
  position:relative;
  z-index:2;
  max-width:220px;
  color:#fff;
  font-size:26px;
  line-height:.96;
  letter-spacing:-.025em;
  margin:10px 0 9px;
}

.promo span{
  position:relative;
  z-index:2;
  display:block;
  color:#aaa;
  font-size:10px;
  line-height:1.35;
}

.promo b{
  position:relative;
  z-index:1;
  flex:0 0 auto;
  font-size:42px;
  line-height:1;
  letter-spacing:-7px;
  white-space:nowrap;
  transform:rotate(-5deg);
  opacity:.95;
}

/* ---------- PREMIUM PRODUCT CARDS ---------- */

.product-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}

.product{
  min-width:0;
  background:#111;
  border:1px solid #292929;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 25px rgba(0,0,0,.12);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.product:hover{
  transform:translateY(-5px);
  border-color:#4a4a4a;
  box-shadow:0 20px 42px rgba(0,0,0,.24);
}

.product-img{
  height:250px;
  padding:10px;
  background:#f7f7f5;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  border-bottom:1px solid #242424;
}

.product-img img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:5px;
  transition:transform .28s ease;
}

.product:hover .product-img img{
  transform:scale(1.035);
}

.product-body{
  padding:16px;
  background:#111;
}

.product-code{
  color:#777;
  font-size:8px;
  font-weight:800;
  letter-spacing:.12em;
  line-height:1.3;
}

.product h3{
  color:#fff;
  font-size:16px;
  line-height:1.15;
  margin:7px 0 6px;
  min-height:36px;
  overflow-wrap:anywhere;
}

.product-meta{
  color:#999;
  font-size:10px;
  line-height:1.4;
  min-height:28px;
}

.tag{
  left:12px;
  top:12px;
  padding:6px 9px;
  border-radius:5px;
  background:var(--yellow);
  color:#111;
  font-size:8px;
  font-weight:900;
  letter-spacing:.06em;
  box-shadow:0 4px 12px rgba(0,0,0,.15);
}

.product-actions{
  display:grid;
  grid-template-columns:auto 1fr;
  gap:8px;
  margin-top:14px;
}

.qty{
  height:40px;
  border-radius:7px;
  overflow:hidden;
  border:1px solid #333;
  background:#181818;
}

.qty button{
  width:31px;
}

.qty input{
  width:38px;
}

.add{
  min-height:40px;
  border-radius:7px;
  background:var(--yellow);
  color:#111;
  border:1px solid var(--yellow);
  font-size:9px;
  font-weight:900;
  letter-spacing:.05em;
}

.add:hover{
  background:#fff;
  border-color:#fff;
}

/* ---------- STEP 1.5 / CURRENT PRODUCT CARD CLASSES ---------- */

.nls-card{
  background:#111;
  border:1px solid #292929;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 8px 25px rgba(0,0,0,.12);
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.nls-card:hover{
  transform:translateY(-5px);
  border-color:#4a4a4a;
  box-shadow:0 20px 42px rgba(0,0,0,.24);
}

.nls-card-image{
  background:#f7f7f5;
  border-bottom:1px solid #242424;
}

.nls-card-image img{
  transition:transform .28s ease;
}

.nls-card:hover .nls-card-image img{
  transform:scale(1.035);
}

.nls-card-body{
  background:#111;
  color:#fff;
}

.nls-card-body h3,
.nls-card-name{
  color:#fff;
}

.nls-card-code,
.nls-card-category,
.nls-card-meta{
  color:#999;
}

.nls-card-facts span{
  border-radius:5px;
  background:#181818;
  border:1px solid #2d2d2d;
  color:#ccc;
}

.nls-card-order{
  border-radius:7px;
  background:var(--yellow);
  color:#111;
  border:1px solid var(--yellow);
  font-weight:900;
}

.nls-card-whatsapp,
.nls-card-details{
  border-radius:7px;
}

/* ---------- RESPONSIVE ---------- */

@media(max-width:1000px){
  .product-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .nls-wholesale-values-inner{
    grid-template-columns:1fr 1fr 1fr;
  }

  .nls-wholesale-title{
    grid-column:1/-1;
    padding-bottom:15px;
  }

  .nls-wholesale-point{
    border-top:1px solid #292929;
    border-left:0;
  }

  .nls-wholesale-point:nth-child(3),
  .nls-wholesale-point:nth-child(5){
    border-left:1px solid #292929;
  }
}

@media(max-width:700px){
  .promo-grid{
    grid-template-columns:1fr;
    gap:12px;
    padding-bottom:20px;
  }

  .promo{
    min-height:145px;
    height:145px;
    padding:22px;
  }

  .promo h3{
    font-size:22px;
  }

  .promo b{
    font-size:34px;
  }

  .nls-wholesale-values{
    margin:12px auto 30px;
  }

  .nls-wholesale-values-inner{
    grid-template-columns:1fr 1fr;
    padding:18px;
  }

  .nls-wholesale-title{
    grid-column:1/-1;
  }

  .nls-wholesale-point{
    padding:12px 9px;
    border-left:0;
  }

  .nls-wholesale-point:nth-child(odd){
    border-left:1px solid #292929;
  }

  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
  }

  .product-img{
    height:185px;
  }

  .product-body{
    padding:11px;
  }

  .product h3{
    font-size:13px;
    min-height:30px;
  }

  .product-meta{
    font-size:9px;
  }

  .product-actions{
    grid-template-columns:1fr;
  }

  .qty{
    width:100%;
    justify-content:center;
  }
}

@media(max-width:480px){
  .promo{
    min-height:132px;
    height:132px;
  }

  .promo h3{
    font-size:19px;
  }

  .promo b{
    font-size:27px;
  }

  .nls-wholesale-values-inner{
    grid-template-columns:1fr;
  }

  .nls-wholesale-title{
    grid-column:auto;
  }

  .nls-wholesale-point,
  .nls-wholesale-point:nth-child(odd){
    border-left:0;
    border-top:1px solid #292929;
  }

  .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .product-img{
    height:155px;
  }
}


/* =========================================================
   NLS THEME V4
   Reference: clean black / white / yellow wholesale catalogue.
   ========================================================= */

:root{
  --nls-bg:#f5f5f2;
  --nls-paper:#ffffff;
  --nls-ink:#0a0a0a;
  --nls-muted:#666;
  --nls-yellow:#f5c400;
  --nls-line:#deded8;
  --nls-dark:#0b0b0b;
}

/* ---------- PAGE RHYTHM ---------- */

body{
  background:var(--nls-bg);
}

main{
  background:var(--nls-bg);
}

.section{
  padding:46px 0;
}

.section > .container{
  max-width:1320px;
}

/* Keep sections visually compact — no giant empty gaps */
#categories.section{
  padding-top:38px;
  padding-bottom:40px;
}

#new.section-dark,
#featured.section,
#catalogue.section-dark{
  padding-top:42px;
  padding-bottom:44px;
}

/* ---------- HERO ---------- */

.hero-cover{
  max-width:1380px;
  padding:18px 24px 0;
}

.cover-image-link{
  display:block;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 18px 48px rgba(0,0,0,.14);
}

.cover-image{
  display:block;
  width:100%;
  height:auto;
  transition:transform .35s ease;
}

.cover-image-link:hover .cover-image{
  transform:scale(1.008);
}

/* ---------- PROMO CARDS ---------- */

.promo-grid{
  max-width:1380px;
  padding:20px 24px 30px;
  gap:16px;
}

.promo{
  min-height:168px;
  height:168px;
  padding:25px 26px;
  border-radius:16px;
  background:#111;
  border:1px solid #282828;
  box-shadow:0 10px 28px rgba(0,0,0,.10);
}

.promo.alt{
  background:#171500;
  border-color:#645600;
}

.promo h3{
  font-size:25px;
  line-height:.98;
  letter-spacing:-.025em;
}

.promo b{
  font-size:36px;
  letter-spacing:-5px;
}

/* ---------- SECTION HEAD ---------- */

.section-head{
  margin-bottom:22px;
  position:relative;
}

.section-head h2{
  font-size:38px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.04em;
}

.section-head .eyebrow{
  margin-bottom:7px;
}

.section-head h2::after{
  content:"";
  display:block;
  width:38px;
  height:3px;
  margin-top:11px;
  background:var(--nls-yellow);
}

.section-head > a{
  font-weight:900;
  color:var(--nls-yellow);
}

/* ---------- FEATURE ROWS ---------- */

.nls-category-feature-row{
  display:flex;
  align-items:stretch;
  margin-left:auto;
  margin-right:20px;
  min-width:500px;
  max-width:650px;
  border-left:1px solid #ddd;
}

.nls-theme-feature{
  display:flex;
  align-items:center;
  gap:9px;
  padding:7px 15px;
  border-right:1px solid #ddd;
  min-width:105px;
}

.nls-theme-feature-icon{
  color:var(--nls-yellow);
  font-size:20px;
  font-weight:900;
}

.nls-theme-feature b{
  display:block;
  font-size:9px;
  line-height:1.1;
  letter-spacing:.08em;
  color:#111;
}

.nls-theme-feature small{
  display:block;
  margin-top:3px;
  color:#777;
  font-size:8px;
  line-height:1.2;
}

.nls-catalogue-feature-row{
  display:flex;
  margin-left:auto;
  margin-right:20px;
  border-left:1px solid #2d2d2d;
}

#catalogue .nls-theme-feature{
  border-color:#2d2d2d;
}

#catalogue .nls-theme-feature b{
  color:#fff;
}

#catalogue .nls-theme-feature small{
  color:#999;
}

#catalogue .nls-theme-feature-icon{
  color:var(--nls-yellow);
}

/* ---------- CATEGORY AREA ---------- */

#categories{
  background:#f5f5f2;
}

#catGrid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:16px;
}

.cat{
  min-width:0;
  height:170px;
  padding:16px;
  border-radius:12px;
  background:#151515;
  border:1px solid #292929;
  overflow:hidden;
  position:relative;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
}

.cat::after{
  content:"→";
  position:absolute;
  right:14px;
  bottom:13px;
  width:26px;
  height:26px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:var(--nls-yellow);
  color:#111;
  font-size:16px;
  font-weight:900;
  z-index:4;
}

.cat .category-card-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 25%,rgba(0,0,0,.82) 100%);
  z-index:1;
}

.cat .category-card-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  opacity:.72;
  z-index:0;
}

.cat b{
  position:absolute;
  left:16px;
  right:45px;
  bottom:18px;
  z-index:3;
  color:#fff;
  font-size:14px;
  line-height:1.05;
  text-transform:uppercase;
}

.cat > span:last-child{
  display:none;
}

/* ---------- PRODUCT SECTIONS ---------- */

#new{
  background:#0b0b0b;
  color:#fff;
}

#featured{
  background:#f5f5f2;
}

#newGrid,
#featuredGrid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

.product{
  border-radius:13px;
  background:#fff;
  border:1px solid #d9d9d3;
  overflow:hidden;
  box-shadow:0 7px 25px rgba(0,0,0,.07);
}

.product-img{
  height:245px;
  background:#fafaf8;
}

.product-body{
  background:#fff;
  color:#111;
  padding:15px;
}

.product h3{
  color:#111;
}

.product-code{
  color:#777;
}

.product-meta{
  color:#777;
}

.nls-card-facts span{
  background:#f5f5f2;
  border:1px solid #e2e2dc;
  color:#555;
}

.nls-card-order{
  background:#111;
  color:#fff;
  border-color:#111;
}

.nls-card-order:hover{
  background:var(--nls-yellow);
  color:#111;
  border-color:var(--nls-yellow);
}

.nls-card-details{
  color:#555;
}

/* New-arrivals cards remain premium dark in the dark section */
#new .product{
  background:#fff;
}

#new .product-body{
  background:#fff;
}

/* ---------- CATALOGUE ---------- */

#catalogue{
  background:#0b0b0b;
  color:#fff;
}

#catalogue .section-head h2{
  color:#fff;
}

#catalogue .section-head > a{
  color:var(--nls-yellow);
}

#catalogue .filters{
  display:grid;
  grid-template-columns:1.05fr .85fr auto 1fr auto;
  align-items:center;
  gap:10px;
  width:100%;
  min-height:94px;
  margin:0 0 24px;
  padding:15px;
  border-radius:14px;
  background:#fff;
  border:1px solid #deded8;
  box-shadow:0 10px 28px rgba(0,0,0,.14);
}

#catalogue .filters input,
#catalogue .filters select{
  min-width:0;
  min-height:48px;
  background:#111;
  color:#fff;
  border:1px solid #222;
  border-radius:7px;
  padding:0 14px;
}

#catalogue .nls-category-chips{
  display:flex;
  gap:7px;
  margin:0;
  overflow:auto;
}

#catalogue .nls-category-chip{
  flex:0 0 auto;
  padding:9px 14px;
  border-radius:999px;
  border:1px solid #d7d7d1;
  background:#fff;
  color:#111;
  font-size:10px;
  font-weight:900;
}

#catalogue .nls-category-chip.active{
  background:#111;
  color:#fff;
  border-color:#111;
}

#catalogue .nls-catalogue-toolbar{
  display:contents;
}

#catalogue .nls-catalogue-count{
  color:#333;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.08em;
}

#catalogue .nls-sort-wrap{
  display:flex;
  align-items:center;
  gap:8px;
}

#catalogue .nls-sort-wrap span{
  color:#777;
  font-size:9px;
  font-weight:900;
  letter-spacing:.1em;
}

#catalogue .nls-clear-filters{
  min-height:48px;
  padding:0 15px;
  border:1px solid #111;
  border-radius:7px;
  background:#111;
  color:#fff;
  font-size:9px;
  font-weight:900;
}

#catalogueGrid{
  grid-template-columns:repeat(4,minmax(0,1fr));
}

/* ---------- ABOUT / CONTACT ---------- */

#about,
#contact{
  background:#fff;
}

#about{
  border-top:1px solid #e3e3dd;
  border-bottom:1px solid #e3e3dd;
}

#contact{
  padding-top:45px;
  padding-bottom:45px;
}

/* ---------- MOBILE ---------- */

@media(max-width:1050px){
  #catGrid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  #newGrid,
  #featuredGrid,
  #catalogueGrid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .nls-category-feature-row{
    display:none;
  }

  #catalogue .nls-catalogue-feature-row{
    display:none;
  }

  #catalogue .filters{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:700px){
  .section{
    padding:34px 0;
  }

  #categories.section,
  #new.section-dark,
  #featured.section,
  #catalogue.section-dark{
    padding-top:34px;
    padding-bottom:34px;
  }

  .hero-cover{
    padding:12px 14px 0;
  }

  .promo-grid{
    padding:14px 14px 24px;
    grid-template-columns:1fr;
  }

  .promo{
    height:135px;
    min-height:135px;
  }

  .section-head{
    margin-bottom:16px;
  }

  .section-head h2{
    font-size:27px;
  }

  #catGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .cat{
    height:145px;
  }

  #newGrid,
  #featuredGrid,
  #catalogueGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .product-img{
    height:180px;
  }

  #catalogue .filters{
    grid-template-columns:1fr;
    gap:9px;
    padding:10px;
  }

  #catalogue .nls-category-chips{
    order:3;
  }

  #catalogue .nls-catalogue-toolbar{
    order:4;
  }

  #catalogue .nls-sort-wrap{
    width:100%;
  }

  #catalogue .nls-sort-wrap select{
    flex:1;
  }

  #catalogue .nls-clear-filters{
    width:100%;
  }
}

@media(max-width:480px){
  .section-head h2{
    font-size:24px;
  }

  .cat{
    height:132px;
  }

  .cat b{
    font-size:12px;
  }

  .product-img{
    height:155px;
  }
}


/* =========================================================
   NLS BLACK & GOLD PREMIUM THEME
   FINAL VISUAL STYLE
   Customer website only — no feature/backend changes.
   ========================================================= */

:root{
  --nls-bg:#070707;
  --nls-panel:#0d0d0d;
  --nls-panel-2:#121212;
  --nls-gold:#f5c400;
  --nls-gold-2:#ffd52e;
  --nls-white:#ffffff;
  --nls-text:#f4f4f4;
  --nls-muted:#9a9a9a;
  --nls-line:#292929;
}

/* ---------- GLOBAL ---------- */

html,
body{
  background:#070707 !important;
  color:var(--nls-text);
}

body{
  overflow-x:hidden;
}

main,
.section,
#categories,
#new,
#featured,
#catalogue,
#about,
#contact{
  background:#070707 !important;
  color:var(--nls-text);
}

/* ---------- SECTION SPACING ---------- */

.section{
  padding:42px 0 !important;
  border-bottom:1px solid #171717;
}

#categories{
  padding-top:38px !important;
  padding-bottom:36px !important;
}

#new,
#featured,
#catalogue{
  padding-top:38px !important;
  padding-bottom:42px !important;
}

/* ---------- SECTION HEADINGS ---------- */

.section-head{
  display:flex;
  align-items:flex-end;
  gap:20px;
  margin-bottom:22px !important;
}

.section-head .eyebrow{
  color:var(--nls-gold) !important;
  font-weight:900;
  letter-spacing:.16em;
}

.section-head h2{
  color:#fff !important;
  font-size:38px !important;
  font-weight:900;
  letter-spacing:-.04em;
  line-height:.98;
  margin:0 !important;
}

.section-head h2::after{
  background:var(--nls-gold) !important;
  height:3px;
  width:40px;
  margin-top:11px;
}

.section-head > a{
  color:var(--nls-gold) !important;
}

/* ---------- CATEGORY FEATURES ---------- */

.nls-category-feature-row,
.nls-catalogue-feature-row{
  border-left:1px solid #303030 !important;
}

.nls-theme-feature{
  border-right:1px solid #303030 !important;
}

.nls-theme-feature-icon{
  color:var(--nls-gold) !important;
}

.nls-theme-feature b{
  color:#fff !important;
}

.nls-theme-feature small{
  color:#8c8c8c !important;
}

/* ---------- CATEGORY CARDS ---------- */

#catGrid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px;
}

.cat{
  height:168px;
  background:#101010 !important;
  border:1px solid #2c2c2c !important;
  border-radius:12px;
  box-shadow:0 10px 28px rgba(0,0,0,.30);
}

.cat:hover{
  border-color:#655500 !important;
  box-shadow:0 15px 35px rgba(0,0,0,.45);
}

.cat .category-card-image{
  opacity:.68;
}

.cat::after{
  background:var(--nls-gold) !important;
  color:#111 !important;
}

/* ---------- PRODUCT CARDS ---------- */

#newGrid,
#featuredGrid,
#catalogueGrid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
}

.product,
.nls-card{
  background:#111 !important;
  color:#fff !important;
  border:1px solid #292929 !important;
  border-radius:13px !important;
  box-shadow:0 9px 28px rgba(0,0,0,.32) !important;
}

.product:hover,
.nls-card:hover{
  border-color:#5c4e00 !important;
  box-shadow:0 18px 42px rgba(0,0,0,.48) !important;
}

.product-img,
.nls-card-image{
  background:#f3f3f1 !important;
  border-bottom:1px solid #2b2b2b;
}

.product-body,
.nls-card-body{
  background:#111 !important;
  color:#fff !important;
}

.product h3,
.nls-card-body h3,
.nls-card-name{
  color:#fff !important;
}

.product-code,
.nls-card-code,
.nls-card-category,
.product-meta,
.nls-card-meta{
  color:#929292 !important;
}

.nls-card-facts span{
  background:#181818 !important;
  color:#d0d0d0 !important;
  border:1px solid #303030 !important;
}

.tag{
  background:var(--nls-gold) !important;
  color:#111 !important;
}

/* Buttons */
.nls-card-order{
  background:var(--nls-gold) !important;
  color:#111 !important;
  border-color:var(--nls-gold) !important;
}

.nls-card-order:hover{
  background:#fff !important;
  color:#111 !important;
  border-color:#fff !important;
}

/* ---------- PROMO CARDS ---------- */

.promo-grid{
  background:#070707;
}

.promo{
  background:
    linear-gradient(135deg,#151515,#080808) !important;
  border:1px solid #303030 !important;
  box-shadow:0 12px 32px rgba(0,0,0,.35) !important;
}

.promo.alt{
  background:
    linear-gradient(135deg,#191600,#090900) !important;
  border-color:#5a4d00 !important;
}

.promo small{
  color:var(--nls-gold) !important;
}

.promo h3{
  color:#fff !important;
}

.promo span{
  color:#999 !important;
}

/* ---------- CATALOGUE HERO / FEATURE STRIP ---------- */

#catalogue{
  background:
    radial-gradient(circle at 78% 30%,rgba(245,196,0,.055),transparent 28%),
    #070707 !important;
}

#catalogue .section-head{
  margin-bottom:20px !important;
}

#catalogue .section-head h2{
  color:#fff !important;
}

#catalogue .nls-theme-feature{
  border-color:#303030 !important;
}

/* ---------- FILTER BAR ---------- */

#catalogue .filters{
  display:grid;
  grid-template-columns:1.05fr .9fr auto 1fr auto;
  align-items:center;
  gap:9px;
  min-height:92px;
  margin:0 !important;
  padding:12px !important;
  background:#0b0b0b !important;
  border:1px solid #403600 !important;
  border-radius:14px !important;
  box-shadow:
    0 0 0 1px rgba(245,196,0,.04),
    0 12px 35px rgba(0,0,0,.45) !important;
}

#catalogue .filters input,
#catalogue .filters select{
  min-height:48px;
  background:#101010 !important;
  color:#fff !important;
  border:1px solid #414141 !important;
  border-radius:8px !important;
}

#catalogue .filters input:focus,
#catalogue .filters select:focus{
  border-color:var(--nls-gold) !important;
  outline:none;
}

#catalogue .nls-category-chips{
  display:flex;
  gap:7px;
  overflow:auto;
}

#catalogue .nls-category-chip{
  background:#0f0f0f !important;
  color:#ddd !important;
  border:1px solid #444 !important;
  border-radius:999px !important;
  white-space:nowrap;
}

#catalogue .nls-category-chip:hover,
#catalogue .nls-category-chip.active{
  background:var(--nls-gold) !important;
  color:#111 !important;
  border-color:var(--nls-gold) !important;
}

#catalogue .nls-catalogue-count{
  color:#fff !important;
}

#catalogue .nls-sort-wrap span{
  color:#888 !important;
}

#catalogue .nls-clear-filters{
  background:#111 !important;
  color:#fff !important;
  border:1px solid #555 !important;
  border-radius:8px !important;
}

#catalogue .nls-clear-filters:hover{
  background:var(--nls-gold) !important;
  color:#111 !important;
  border-color:var(--nls-gold) !important;
}

/* ---------- ABOUT / CONTACT ---------- */

#about,
#contact{
  background:#0a0a0a !important;
  border-color:#222 !important;
}

#about h2,
#contact h2,
#about h3,
#contact h3{
  color:#fff !important;
}

#about p,
#contact p{
  color:#999 !important;
}

/* ---------- FOOTER ---------- */

footer{
  background:#050505 !important;
  border-top:2px solid var(--nls-gold) !important;
}

footer h3,
footer strong{
  color:#fff !important;
}

footer p,
footer a{
  color:#888 !important;
}

footer a:hover{
  color:var(--nls-gold) !important;
}

/* ---------- MOBILE ---------- */

@media(max-width:1050px){
  #catGrid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  #newGrid,
  #featuredGrid,
  #catalogueGrid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  #catalogue .filters{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:700px){
  .section{
    padding:32px 0 !important;
  }

  .section-head h2{
    font-size:27px !important;
  }

  #catGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  #newGrid,
  #featuredGrid,
  #catalogueGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }

  .product-img,
  .nls-card-image{
    height:175px;
  }

  #catalogue .filters{
    grid-template-columns:1fr !important;
    padding:10px !important;
  }

  #catalogue .nls-category-chips{
    order:3;
  }

  .nls-category-feature-row,
  .nls-catalogue-feature-row{
    display:none !important;
  }
}

@media(max-width:480px){
  .section-head h2{
    font-size:24px !important;
  }

  .cat{
    height:135px;
  }

  .product-img,
  .nls-card-image{
    height:155px;
  }
}


/* =========================================================
   NLS BLACK/GOLD PREMIUM TOY-BACKGROUND THEME
   ========================================================= */

:root{
  --nls-gold:#f5c400;
  --nls-gold-bright:#ffd72f;
  --nls-black:#050505;
  --nls-charcoal:#0c0c0c;
  --nls-line:#292929;
}

/* ---------- COMPACT PREMIUM SECTION BANDS ---------- */

#categories,
#featured,
#catalogue{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}

#categories::before,
#featured::before,
#catalogue::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0;
  background-image:
    linear-gradient(90deg,
      rgba(5,5,5,.99) 0%,
      rgba(5,5,5,.96) 42%,
      rgba(5,5,5,.72) 68%,
      rgba(5,5,5,.30) 100%),
    var(--nls-toy-bg);
  background-repeat:no-repeat;
  background-position:right center;
  background-size:auto, min(44vw,700px) auto;
  opacity:.72;
  filter:saturate(1.08) contrast(1.05);
}

#categories::after,
#featured::after,
#catalogue::after{
  content:"";
  position:absolute;
  z-index:-1;
  right:-80px;
  top:0;
  bottom:0;
  width:520px;
  background:
    linear-gradient(125deg,transparent 20%,rgba(245,196,0,.08) 21%,rgba(245,196,0,.025) 35%,transparent 36%),
    linear-gradient(125deg,transparent 52%,rgba(245,196,0,.05) 53%,transparent 54%);
  pointer-events:none;
}

/* Keep the actual content above decorative backgrounds */
#categories > *,
#featured > *,
#catalogue > *{
  position:relative;
  z-index:2;
}

/* ---------- SECTION RHYTHM ---------- */

#categories{
  padding-top:32px !important;
  padding-bottom:34px !important;
  border-top:1px solid #1d1d1d;
  border-bottom:1px solid #252525;
}

#featured{
  padding-top:32px !important;
  padding-bottom:38px !important;
  border-bottom:1px solid #252525;
}

#catalogue{
  padding-top:34px !important;
  padding-bottom:44px !important;
  min-height:560px;
}

/* ---------- SECTION HEADS ---------- */

#categories .section-head,
#featured .section-head,
#catalogue .section-head{
  min-height:105px;
  align-items:center;
  margin-bottom:14px !important;
}

.section-head h2{
  text-shadow:0 2px 14px rgba(0,0,0,.65);
}

.section-head .eyebrow{
  text-shadow:0 1px 8px rgba(0,0,0,.55);
}

/* ---------- CATEGORY BAND ---------- */

#catGrid{
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:12px;
}

.cat{
  height:158px;
  background:rgba(12,12,12,.82) !important;
  border:1px solid #303030 !important;
  box-shadow:0 8px 26px rgba(0,0,0,.35);
}

.cat .category-card-image{
  opacity:.56;
}

.cat:hover .category-card-image{
  opacity:.72;
}

.cat::after{
  box-shadow:0 0 16px rgba(245,196,0,.25);
}

/* ---------- TOP PRODUCTS BAND ---------- */

#featured{
  background:#080808 !important;
}

#featuredGrid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
}

#featuredGrid .product{
  background:#111 !important;
  border-color:#292929 !important;
}

/* ---------- CATALOGUE BAND ---------- */

#catalogue{
  background:#050505 !important;
}

#catalogue::before{
  background-image:
    linear-gradient(90deg,
      rgba(5,5,5,.995) 0%,
      rgba(5,5,5,.98) 45%,
      rgba(5,5,5,.82) 70%,
      rgba(5,5,5,.38) 100%),
    var(--nls-toy-bg);
  background-size:auto, min(38vw,620px) auto;
  opacity:.62;
}

#catalogue .section-head{
  min-height:118px;
}

#catalogue .section-head h2{
  font-size:40px !important;
}

#catalogue .filters{
  margin-top:4px !important;
  border:1px solid #6a5900 !important;
  box-shadow:
    0 0 0 1px rgba(245,196,0,.07),
    0 0 28px rgba(245,196,0,.07),
    0 14px 38px rgba(0,0,0,.48) !important;
}

#catalogue .nls-category-chip.active{
  box-shadow:0 0 14px rgba(245,196,0,.25);
}

/* ---------- GOLD DIAGONAL ACCENTS ---------- */

#categories,
#featured,
#catalogue{
  --nls-angle-accent:rgba(245,196,0,.14);
}

#categories .container::before,
#featured .container::before,
#catalogue .container::before{
  content:"";
  position:absolute;
  top:-60px;
  left:-45px;
  width:105px;
  height:280px;
  background:linear-gradient(120deg,transparent 0 24%,rgba(245,196,0,.18) 25% 48%,transparent 49%);
  opacity:.8;
  pointer-events:none;
}

/* ---------- MOBILE ---------- */

@media(max-width:1050px){
  #catGrid{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }

  #featuredGrid{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  #categories::before,
  #featured::before{
    background-size:auto,320px auto;
    opacity:.42;
  }
}

@media(max-width:700px){
  #categories,
  #featured,
  #catalogue{
    padding-top:28px !important;
    padding-bottom:32px !important;
  }

  #categories::before,
  #featured::before,
  #catalogue::before{
    background-image:
      linear-gradient(90deg,rgba(5,5,5,.97),rgba(5,5,5,.78)),
      var(--nls-toy-bg);
    background-size:auto,260px auto;
    opacity:.45;
  }

  #categories .section-head,
  #featured .section-head,
  #catalogue .section-head{
    min-height:0;
  }

  #catGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #featuredGrid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  #catalogue .section-head h2{
    font-size:29px !important;
  }
}

@media(max-width:480px){
  #categories::before,
  #featured::before,
  #catalogue::before{
    background-size:auto,210px auto;
    opacity:.35;
  }
}


/* =========================================================
   NLS PREMIUM BLACK + GOLD — REFERENCE IMAGE STYLE
   Final visual layer
   - Black background
   - Gold diagonal corner bands
   - Gold heading underline
   - Toy imagery on the RIGHT side of section headers
   - Compact professional wholesale layout
   Existing functionality is untouched.
   ========================================================= */

:root{
  --nls-gold:#f5c400;
  --nls-gold-bright:#ffd52a;
  --nls-black:#030303;
  --nls-black-2:#080808;
  --nls-white:#fff;
  --nls-muted:#999;
  --nls-border:#292929;
}

/* =========================================================
   GLOBAL
   ========================================================= */

html,
body{
  background:#030303 !important;
  color:#fff !important;
}

main{
  background:#030303 !important;
}

.section{
  background:#030303 !important;
  color:#fff !important;
  border-bottom:1px solid #242424;
}

/* =========================================================
   SECTION HEADER BANDS
   ========================================================= */

#categories,
#featured,
#catalogue{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:#030303 !important;
}

/* GOLD DIAGONAL BANDS — like the reference image */
#categories::after,
#featured::after,
#catalogue::after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  top:-25px;
  left:-70px;
  width:145px;
  height:240%;
  transform:rotate(30deg);
  transform-origin:center;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      transparent 18%,
      rgba(245,196,0,.92) 19%,
      rgba(255,213,42,.98) 48%,
      rgba(245,196,0,.55) 68%,
      transparent 69%,
      transparent 100%
    );
  opacity:.95;
}

/* Secondary subtle diagonal at the right */
#categories::before,
#featured::before,
#catalogue::before{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  inset:0;
  background-image:
    linear-gradient(
      90deg,
      rgba(3,3,3,1) 0%,
      rgba(3,3,3,.98) 36%,
      rgba(3,3,3,.84) 62%,
      rgba(3,3,3,.46) 82%,
      rgba(3,3,3,.68) 100%
    ),
    var(--nls-toy-bg);
  background-repeat:no-repeat;
  background-position:center,right center;
  background-size:100% 100%, min(48vw,760px) auto;
  opacity:.95;
}

/* Content stays above decorative layer */
#categories > *,
#featured > *,
#catalogue > *{
  position:relative;
  z-index:2;
}

/* =========================================================
   SECTION SPACING
   ========================================================= */

#categories{
  padding-top:42px !important;
  padding-bottom:38px !important;
}

#featured{
  padding-top:42px !important;
  padding-bottom:42px !important;
}

#catalogue{
  padding-top:44px !important;
  padding-bottom:48px !important;
}

/* =========================================================
   SECTION HEAD — REFERENCE IMAGE
   ========================================================= */

#categories .section-head,
#featured .section-head,
#catalogue .section-head{
  min-height:112px;
  margin-bottom:16px !important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}

/* Left text area */
#categories .section-head > div:first-child,
#featured .section-head > div:first-child,
#catalogue .section-head > div:first-child{
  min-width:360px;
}

/* Yellow eyebrow */
.section-head .eyebrow{
  color:var(--nls-gold) !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.17em !important;
  margin-bottom:8px;
}

/* Main heading */
.section-head h2{
  color:#fff !important;
  font-size:40px !important;
  font-weight:900 !important;
  line-height:.98 !important;
  letter-spacing:-.045em !important;
  text-transform:uppercase;
  margin:0 !important;
  text-shadow:0 2px 12px rgba(0,0,0,.7);
}

/* Make selected word/part gold where existing markup supports it */
.section-head h2 .gold,
.section-head h2 .accent{
  color:var(--nls-gold) !important;
}

/* GOLD UNDERLINE — exactly the reference style */
.section-head h2::after{
  content:"";
  display:block;
  width:54px;
  height:5px;
  margin-top:13px;
  border-radius:0;
  background:var(--nls-gold);
  box-shadow:0 0 10px rgba(245,196,0,.18);
}

/* Description below heading */
.section-head p{
  color:#bcbcbc !important;
  font-size:12px;
  margin:9px 0 0;
  line-height:1.45;
}

/* Right VIEW ALL button */
#categories .section-head > a,
#featured .section-head > a,
#catalogue .section-head > a{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:47px;
  padding:0 27px;
  border-radius:25px;
  background:var(--nls-gold);
  color:#080808 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.04em;
  text-transform:uppercase;
  box-shadow:0 7px 20px rgba(245,196,0,.12);
  transition:transform .2s ease,background .2s ease;
}

#categories .section-head > a:hover,
#featured .section-head > a:hover,
#catalogue .section-head > a:hover{
  background:#fff;
  transform:translateY(-2px);
}

/* =========================================================
   FEATURE ICON ROWS
   ========================================================= */

.nls-category-feature-row,
.nls-catalogue-feature-row{
  position:relative;
  z-index:3;
  display:flex;
  align-items:stretch;
  margin-left:auto;
  margin-right:18px;
  border-left:1px solid rgba(255,255,255,.18) !important;
}

.nls-theme-feature{
  min-width:130px;
  padding:8px 17px;
  display:flex;
  align-items:center;
  gap:10px;
  border-right:1px solid rgba(255,255,255,.18) !important;
}

.nls-theme-feature-icon{
  color:var(--nls-gold) !important;
  font-size:25px !important;
}

.nls-theme-feature b{
  display:block;
  color:#fff !important;
  font-size:10px !important;
  line-height:1.1;
  font-weight:900;
}

.nls-theme-feature small{
  display:block;
  margin-top:5px;
  color:#999 !important;
  font-size:8px !important;
  line-height:1.2;
}

/* =========================================================
   TOY IMAGE POSITION
   Image is deliberately kept on the RIGHT,
   matching the reference image.
   ========================================================= */

#categories::before,
#featured::before,
#catalogue::before{
  background-position:center,right center !important;
  background-size:100% 100%, min(46vw,760px) auto !important;
}

/* Stronger product visibility for Top Products */
#featured::before{
  background-image:
    linear-gradient(
      90deg,
      rgba(3,3,3,1) 0%,
      rgba(3,3,3,.98) 43%,
      rgba(3,3,3,.82) 64%,
      rgba(3,3,3,.36) 100%
    ),
    var(--nls-toy-bg);
}

/* Catalogue uses more visible toy background */
#catalogue::before{
  background-image:
    linear-gradient(
      90deg,
      rgba(3,3,3,1) 0%,
      rgba(3,3,3,.98) 39%,
      rgba(3,3,3,.72) 67%,
      rgba(3,3,3,.30) 100%
    ),
    var(--nls-toy-bg);
}

/* =========================================================
   CATEGORY CARDS
   ========================================================= */

#catGrid{
  grid-template-columns:repeat(6,minmax(0,1fr)) !important;
  gap:13px;
}

.cat{
  height:160px;
  border-radius:11px !important;
  background:#0d0d0d !important;
  border:1px solid #303030 !important;
  box-shadow:0 9px 25px rgba(0,0,0,.38);
}

.cat::after{
  background:var(--nls-gold) !important;
  color:#111 !important;
}

/* =========================================================
   PRODUCT CARDS
   ========================================================= */

#newGrid,
#featuredGrid,
#catalogueGrid{
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:15px;
}

.product,
.nls-card{
  border-radius:12px !important;
  background:#101010 !important;
  border:1px solid #292929 !important;
  box-shadow:0 9px 28px rgba(0,0,0,.36) !important;
}

.product-img,
.nls-card-image{
  background:#f5f5f3 !important;
}

.product-body,
.nls-card-body{
  background:#101010 !important;
}

.product h3,
.nls-card-name,
.nls-card-body h3{
  color:#fff !important;
}

.nls-card-order{
  background:var(--nls-gold) !important;
  color:#111 !important;
  border-color:var(--nls-gold) !important;
}

/* =========================================================
   CATALOGUE FILTER BAR — GOLD GLOW
   ========================================================= */

#catalogue .filters{
  min-height:92px;
  padding:11px !important;
  border:1px solid var(--nls-gold) !important;
  border-radius:13px !important;
  background:#070707 !important;
  box-shadow:
    0 0 0 1px rgba(245,196,0,.10),
    0 0 24px rgba(245,196,0,.10),
    0 15px 38px rgba(0,0,0,.50) !important;
}

#catalogue .filters input,
#catalogue .filters select{
  min-height:48px;
  background:#0d0d0d !important;
  color:#fff !important;
  border:1px solid #3b3b3b !important;
  border-radius:8px !important;
}

#catalogue .filters input:focus,
#catalogue .filters select:focus{
  border-color:var(--nls-gold) !important;
  box-shadow:0 0 0 2px rgba(245,196,0,.08);
  outline:none;
}

#catalogue .nls-category-chip{
  background:#0b0b0b !important;
  color:#ddd !important;
  border:1px solid #454545 !important;
}

#catalogue .nls-category-chip.active{
  background:var(--nls-gold) !important;
  color:#111 !important;
  border-color:var(--nls-gold) !important;
}

#catalogue .nls-clear-filters{
  background:#111 !important;
  color:#fff !important;
  border:1px solid #555 !important;
}

#catalogue .nls-clear-filters:hover{
  background:var(--nls-gold) !important;
  color:#111 !important;
}

/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:1100px){
  #categories .section-head,
  #featured .section-head,
  #catalogue .section-head{
    min-height:95px;
  }

  .nls-category-feature-row,
  .nls-catalogue-feature-row{
    display:none !important;
  }

  #catGrid{
    grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  }

  #newGrid,
  #featuredGrid,
  #catalogueGrid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:700px){
  #categories,
  #featured,
  #catalogue{
    padding-top:30px !important;
    padding-bottom:34px !important;
  }

  #categories::before,
  #featured::before,
  #catalogue::before{
    background-size:100% 100%,300px auto !important;
    opacity:.55;
  }

  #categories::after,
  #featured::after,
  #catalogue::after{
    left:-90px;
    width:125px;
    opacity:.65;
  }

  #categories .section-head,
  #featured .section-head,
  #catalogue .section-head{
    min-height:0;
    display:block;
    margin-bottom:18px !important;
  }

  .section-head h2{
    font-size:29px !important;
  }

  #categories .section-head > a,
  #featured .section-head > a,
  #catalogue .section-head > a{
    min-height:40px;
    padding:0 18px;
    margin-top:12px;
  }

  #catGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  #newGrid,
  #featuredGrid,
  #catalogueGrid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:480px){
  .section-head h2{
    font-size:25px !important;
  }

  #categories::before,
  #featured::before,
  #catalogue::before{
    background-size:100% 100%,220px auto !important;
  }

  #categories::after,
  #featured::after,
  #catalogue::after{
    width:100px;
    left:-75px;
  }
}


/* =========================================================
   NLS FINAL HEADER IMAGE POSITION FIX
   The product/toy image belongs on the RIGHT side of the
   section header — never underneath the heading/cards.
   ========================================================= */

/* Image layer: RIGHT SIDE ONLY */
#categories::before,
#featured::before,
#catalogue::before{
  z-index:0 !important;
  inset:0 !important;
  background-image:var(--nls-toy-bg) !important;
  background-repeat:no-repeat !important;
  background-position:right center !important;
  background-size:auto 100% !important;
  opacity:.58 !important;
  filter:brightness(.55) saturate(1.15) contrast(1.05);
  pointer-events:none;
}

/* Dark readability layer + gold diagonal */
#categories::after,
#featured::after,
#catalogue::after{
  z-index:1 !important;
  inset:0 !important;
  top:0 !important;
  left:0 !important;
  width:100% !important;
  height:100% !important;
  transform:none !important;
  background:
    /* dark overlay fading toward the product image */
    linear-gradient(
      90deg,
      #030303 0%,
      #030303 34%,
      rgba(3,3,3,.96) 47%,
      rgba(3,3,3,.70) 64%,
      rgba(3,3,3,.20) 82%,
      rgba(3,3,3,.08) 100%
    ),
    /* left gold diagonal stripe */
    linear-gradient(
      122deg,
      transparent 0%,
      transparent 6.2%,
      rgba(245,196,0,.92) 6.25%,
      rgba(255,213,42,.98) 9.3%,
      rgba(245,196,0,.42) 11.2%,
      transparent 11.3%,
      transparent 100%
    ) !important;
  opacity:1 !important;
  pointer-events:none;
}

/* Keep header content in front */
#categories > *,
#featured > *,
#catalogue > *{
  position:relative !important;
  z-index:3 !important;
}

/* Header content gets a little more room on the left */
#categories .section-head,
#featured .section-head,
#catalogue .section-head{
  position:relative;
  z-index:4;
  padding-right:34%;
}

/* Feature rows sit in the open middle/right area */
#categories .nls-category-feature-row,
#catalogue .nls-catalogue-feature-row{
  position:absolute !important;
  right:155px;
  top:50%;
  transform:translateY(-50%);
  z-index:5 !important;
  margin:0 !important;
}

/* View button stays above image */
#categories .section-head > a,
#featured .section-head > a,
#catalogue .section-head > a{
  position:relative;
  z-index:6;
}

/* Top products image should be large and visually anchored right */
#featured::before{
  background-size:auto 112% !important;
  background-position:right 48% !important;
  opacity:.62 !important;
}

/* Catalogue image slightly smaller so filter bar remains dominant */
#catalogue::before{
  background-size:auto 105% !important;
  background-position:right center !important;
  opacity:.46 !important;
}

/* Category image more subtle */
#categories::before{
  background-size:auto 110% !important;
  background-position:right center !important;
  opacity:.40 !important;
}

/* Mobile: move image behind the lower/right part, not over text */
@media(max-width:1100px){
  #categories .section-head,
  #featured .section-head,
  #catalogue .section-head{
    padding-right:24%;
  }

  #categories .nls-category-feature-row,
  #catalogue .nls-catalogue-feature-row{
    display:none !important;
  }
}

@media(max-width:700px){
  #categories .section-head,
  #featured .section-head,
  #catalogue .section-head{
    padding-right:0;
  }

  #categories::before,
  #featured::before,
  #catalogue::before{
    background-size:auto 75% !important;
    background-position:right bottom !important;
    opacity:.24 !important;
  }

  #categories::after,
  #featured::after,
  #catalogue::after{
    background:
      linear-gradient(
        90deg,
        #030303 0%,
        rgba(3,3,3,.96) 48%,
        rgba(3,3,3,.48) 100%
      ),
      linear-gradient(
        122deg,
        transparent 0%,
        transparent 7%,
        rgba(245,196,0,.88) 7.2%,
        rgba(255,213,42,.92) 11%,
        transparent 11.2%,
        transparent 100%
      ) !important;
  }
}


/* =========================================================
   NLS FINAL SECTION HEADER BUTTON POSITION FIX
   Prevents VIEW ALL / VIEW CATALOGUE buttons from sitting
   between the heading and feature information.
========================================================= */

#categories .section-head,
#featured .section-head,
#catalogue .section-head{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:nowrap !important;
  gap:18px !important;
  min-width:0;
}

/* Heading block always stays on the LEFT */
#categories .section-head > div:first-child,
#featured .section-head > div:first-child,
#catalogue .section-head > div:first-child{
  order:1 !important;
  flex:1 1 auto !important;
  min-width:300px;
}

/* Feature information stays AFTER the heading */
#categories .nls-category-feature-row,
#catalogue .nls-catalogue-feature-row{
  order:2 !important;
  flex:0 1 auto !important;
  margin-left:auto !important;
  margin-right:0 !important;
}

/* VIEW buttons ALWAYS go to the far RIGHT */
#categories .section-head > a,
#featured .section-head > a,
#catalogue .section-head > a{
  order:3 !important;
  flex:0 0 auto !important;
  margin-left:0 !important;
  position:relative !important;
  z-index:5 !important;
  white-space:nowrap !important;
}

/* Category feature row must not push into the button */
#categories .nls-category-feature-row{
  max-width:590px !important;
  min-width:0 !important;
  overflow:hidden;
}

#categories .nls-theme-feature{
  min-width:112px !important;
  padding-left:13px !important;
  padding-right:13px !important;
}

/* Catalogue feature row */
#catalogue .nls-catalogue-feature-row{
  max-width:430px !important;
  min-width:0 !important;
  overflow:hidden;
}

#catalogue .nls-theme-feature{
  min-width:120px !important;
  padding-left:12px !important;
  padding-right:12px !important;
}

/* Give the right-side button its own visual space */
#categories .section-head > a,
#featured .section-head > a,
#catalogue .section-head > a{
  box-shadow:0 8px 22px rgba(245,196,0,.14);
}

/* ---------- TABLET ---------- */

@media(max-width:1100px){
  #categories .section-head,
  #featured .section-head,
  #catalogue .section-head{
    gap:14px !important;
  }

  #categories .section-head > div:first-child,
  #featured .section-head > div:first-child,
  #catalogue .section-head > div:first-child{
    min-width:230px;
  }

  #categories .nls-category-feature-row{
    max-width:440px !important;
  }

  #catalogue .nls-catalogue-feature-row{
    max-width:340px !important;
  }

  #categories .nls-theme-feature,
  #catalogue .nls-theme-feature{
    min-width:95px !important;
    padding-left:9px !important;
    padding-right:9px !important;
  }
}

/* ---------- MOBILE ---------- */

@media(max-width:700px){
  #categories .section-head,
  #featured .section-head,
  #catalogue .section-head{
    display:block !important;
    min-height:0 !important;
  }

  #categories .section-head > div:first-child,
  #featured .section-head > div:first-child,
  #catalogue .section-head > div:first-child{
    min-width:0 !important;
  }

  #categories .nls-category-feature-row,
  #catalogue .nls-catalogue-feature-row{
    display:none !important;
  }

  #categories .section-head > a,
  #featured .section-head > a,
  #catalogue .section-head > a{
    display:inline-flex !important;
    margin-top:14px !important;
  }
}


/* =========================================================
   FINAL FIX — SECTION ACTION BUTTONS
   The previous flex ordering could not control the actual
   nested layout, so action buttons are now positioned
   independently at the far-right edge.
========================================================= */

#categories .section-head,
#featured .section-head,
#catalogue .section-head{
  position:relative !important;
  display:block !important;
  min-height:118px !important;
  padding-right:185px !important;
  box-sizing:border-box !important;
}

/* Heading stays completely on the left */
#categories .section-head > div:first-child,
#featured .section-head > div:first-child,
#catalogue .section-head > div:first-child{
  display:block !important;
  width:auto !important;
  max-width:560px !important;
  min-width:0 !important;
  margin:0 !important;
}

/* Feature information occupies the right-side middle area */
#categories .nls-category-feature-row,
#catalogue .nls-catalogue-feature-row{
  position:absolute !important;
  right:190px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  margin:0 !important;
  max-width:calc(100% - 610px) !important;
  overflow:hidden !important;
  z-index:4 !important;
}

/* ACTION BUTTON = absolute far right.
   It can no longer land between feature blocks. */
#categories .section-head > a,
#featured .section-head > a,
#catalogue .section-head > a{
  position:absolute !important;
  right:20px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:10 !important;
  margin:0 !important;
  white-space:nowrap !important;
  flex:none !important;
}

/* Do not let the decorative feature row overlap the button */
#categories .nls-category-feature-row{
  right:195px !important;
  max-width:calc(100% - 760px) !important;
}

#catalogue .nls-catalogue-feature-row{
  right:195px !important;
  max-width:calc(100% - 650px) !important;
}

/* TOP PRODUCTS has no feature row: its button simply sits at right */
#featured .section-head > a{
  right:24px !important;
}

/* Keep the gold underline under the heading */
#categories .section-head h2::after,
#featured .section-head h2::after,
#catalogue .section-head h2::after{
  display:block !important;
}

/* ---------- LARGE DESKTOP ---------- */
@media(min-width:1201px){
  #categories .section-head,
  #featured .section-head,
  #catalogue .section-head{
    padding-right:190px !important;
  }

  #categories .nls-category-feature-row{
    right:205px !important;
    max-width:calc(100% - 760px) !important;
  }

  #catalogue .nls-catalogue-feature-row{
    right:205px !important;
    max-width:calc(100% - 650px) !important;
  }
}

/* ---------- TABLET ----------
   Remove the middle feature row before it can collide. */
@media(max-width:1100px){
  #categories .nls-category-feature-row,
  #catalogue .nls-catalogue-feature-row{
    display:none !important;
  }

  #categories .section-head,
  #featured .section-head,
  #catalogue .section-head{
    padding-right:175px !important;
  }
}

/* ---------- MOBILE ---------- */
@media(max-width:700px){
  #categories .section-head,
  #featured .section-head,
  #catalogue .section-head{
    min-height:0 !important;
    padding-right:0 !important;
  }

  #categories .section-head > div:first-child,
  #featured .section-head > div:first-child,
  #catalogue .section-head > div:first-child{
    max-width:none !important;
  }

  #categories .nls-category-feature-row,
  #catalogue .nls-catalogue-feature-row{
    display:none !important;
  }

  #categories .section-head > a,
  #featured .section-head > a,
  #catalogue .section-head > a{
    position:relative !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    margin-top:14px !important;
  }
}


/* =========================================================
   FINAL — REDUCE SHOP BY CATEGORY VERTICAL GAP
   Moves BROWSE RANGE / heading / underline into a tighter,
   more compact premium header.
========================================================= */

#categories .section-head{
  min-height:92px !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

/* Reduce gap between BROWSE RANGE and SHOP BY CATEGORY */
#categories .section-head .eyebrow{
  margin-bottom:3px !important;
  line-height:1 !important;
}

/* Tighter main heading */
#categories .section-head h2{
  line-height:.92 !important;
}

/* Bring the gold underline closer to the heading */
#categories .section-head h2::after{
  margin-top:8px !important;
  height:5px !important;
}

/* Keep the category cards closer to the compact heading */
#categories .section-head{
  margin-bottom:8px !important;
}

/* Desktop: preserve the right-side feature/button alignment */
@media(min-width:701px){
  #categories .section-head{
    min-height:92px !important;
  }
}

/* Mobile */
@media(max-width:700px){
  #categories .section-head{
    min-height:0 !important;
    margin-bottom:14px !important;
  }
}


/* =========================================================
   SHOP BY CATEGORY — REMOVE TOP EMPTY GAP
   The red-marked area is the space BEFORE the section header.
========================================================= */

#categories{
  padding-top:8px !important;
  margin-top:0 !important;
}

/* Remove any top spacing created by the section's inner container */
#categories > .container,
#categories .container{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Keep the header itself tight to the top */
#categories .section-head{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* Desktop */
@media(min-width:701px){
  #categories{
    padding-top:8px !important;
  }
}

/* Mobile */
@media(max-width:700px){
  #categories{
    padding-top:10px !important;
  }
}


/* =========================================================
   SAME 2 HEADER SPACING FIXES FOR:
   NEW ARRIVALS / TOP PRODUCTS / PRODUCT CATALOGUE
   1. Reduce large empty space ABOVE the section heading
   2. Tighten eyebrow → title → underline spacing
========================================================= */

/* ---------- NEW ARRIVALS ---------- */
#newArrivals{
  padding-top:8px !important;
  margin-top:0 !important;
}

#newArrivals > .container,
#newArrivals .container{
  margin-top:0 !important;
  padding-top:0 !important;
}

#newArrivals .section-head{
  margin-top:0 !important;
  padding-top:0 !important;
  min-height:92px !important;
  margin-bottom:8px !important;
}

#newArrivals .section-head .eyebrow{
  margin-bottom:3px !important;
  line-height:1 !important;
}

#newArrivals .section-head h2{
  line-height:.92 !important;
}

#newArrivals .section-head h2::after{
  margin-top:8px !important;
  height:5px !important;
}


/* ---------- TOP PRODUCTS ---------- */
#featured{
  padding-top:8px !important;
  margin-top:0 !important;
}

#featured > .container,
#featured .container{
  margin-top:0 !important;
  padding-top:0 !important;
}

#featured .section-head{
  margin-top:0 !important;
  padding-top:0 !important;
  min-height:92px !important;
  margin-bottom:8px !important;
}

#featured .section-head .eyebrow{
  margin-bottom:3px !important;
  line-height:1 !important;
}

#featured .section-head h2{
  line-height:.92 !important;
}

#featured .section-head h2::after{
  margin-top:8px !important;
  height:5px !important;
}


/* ---------- PRODUCT CATALOGUE ---------- */
#catalogue{
  padding-top:8px !important;
  margin-top:0 !important;
}

#catalogue > .container,
#catalogue .container{
  margin-top:0 !important;
  padding-top:0 !important;
}

#catalogue .section-head{
  margin-top:0 !important;
  padding-top:0 !important;
  min-height:96px !important;
  margin-bottom:8px !important;
}

#catalogue .section-head .eyebrow{
  margin-bottom:3px !important;
  line-height:1 !important;
}

#catalogue .section-head h2{
  line-height:.92 !important;
}

#catalogue .section-head h2::after{
  margin-top:8px !important;
  height:5px !important;
}


/* ---------- DESKTOP ---------- */
@media(min-width:701px){
  #newArrivals,
  #featured,
  #catalogue{
    padding-top:8px !important;
  }
}


/* ---------- MOBILE ---------- */
@media(max-width:700px){
  #newArrivals,
  #featured,
  #catalogue{
    padding-top:10px !important;
  }

  #newArrivals .section-head,
  #featured .section-head,
  #catalogue .section-head{
    min-height:0 !important;
    margin-bottom:14px !important;
  }
}


/* =========================================================
   NEW ARRIVALS — FINAL HEADER FIX
   Same compact spacing as Shop By Category + Top Products,
   with VIEW ALL as a proper gold button.
========================================================= */

#newArrivals{
  padding-top:8px !important;
  margin-top:0 !important;
}

#newArrivals > .container,
#newArrivals .container{
  margin-top:0 !important;
  padding-top:0 !important;
}

#newArrivals .section-head{
  position:relative !important;
  display:block !important;
  min-height:92px !important;
  margin:0 0 8px 0 !important;
  padding:0 180px 0 0 !important;
  box-sizing:border-box !important;
}

#newArrivals .section-head > div:first-child{
  display:block !important;
  width:auto !important;
  max-width:560px !important;
  min-width:0 !important;
  margin:0 !important;
}

/* Tight JUST LANDED → NEW ARRIVALS */
#newArrivals .section-head .eyebrow{
  margin-bottom:3px !important;
  line-height:1 !important;
}

/* Tight title */
#newArrivals .section-head h2{
  line-height:.92 !important;
  margin:0 !important;
}

/* Tight gold underline */
#newArrivals .section-head h2::after{
  display:block !important;
  width:60px !important;
  height:5px !important;
  margin-top:8px !important;
  background:#f5c400 !important;
}

/* VIEW ALL = proper premium gold pill button */
#newArrivals .section-head > a{
  position:absolute !important;
  right:20px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:auto !important;
  min-width:112px !important;
  height:46px !important;
  padding:0 22px !important;
  box-sizing:border-box !important;
  border-radius:24px !important;
  background:#f5c400 !important;
  color:#090909 !important;
  border:1px solid #f5c400 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.05em !important;
  line-height:1 !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;
  box-shadow:0 8px 22px rgba(245,196,0,.14) !important;
  z-index:10 !important;
}

#newArrivals .section-head > a:hover{
  background:#fff !important;
  color:#090909 !important;
  border-color:#fff !important;
  transform:translateY(-50%) !important;
}

/* Keep cards close to the header */
#newArrivals .section-head + *{
  margin-top:0 !important;
}

/* Desktop */
@media(min-width:701px){
  #newArrivals{
    padding-top:8px !important;
  }
}

/* Tablet */
@media(max-width:1100px) and (min-width:701px){
  #newArrivals .section-head{
    padding-right:165px !important;
  }

  #newArrivals .section-head > a{
    right:16px !important;
    min-width:105px !important;
    height:43px !important;
  }
}

/* Mobile */
@media(max-width:700px){
  #newArrivals{
    padding-top:10px !important;
  }

  #newArrivals .section-head{
    min-height:0 !important;
    padding-right:0 !important;
    margin-bottom:14px !important;
  }

  #newArrivals .section-head > a{
    position:relative !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    margin-top:14px !important;
    min-width:108px !important;
    height:40px !important;
  }
}


/* =========================================================
   FINAL — TOP PRODUCTS + PRODUCT CATALOGUE BUTTON FIX
   Buttons are forced above decorative layers and remain
   clickable. Same compact header spacing as New Arrivals.
========================================================= */

/* Decorative backgrounds NEVER capture clicks */
#categories::before,
#categories::after,
#featured::before,
#featured::after,
#newArrivals::before,
#newArrivals::after,
#catalogue::before,
#catalogue::after{
  pointer-events:none !important;
}

/* Section header sits above every decorative layer */
#featured .section-head,
#catalogue .section-head,
#newArrivals .section-head,
#categories .section-head{
  position:relative !important;
  z-index:50 !important;
}

/* ---------- TOP PRODUCTS ---------- */

#featured{
  padding-top:8px !important;
  margin-top:0 !important;
}

#featured > .container,
#featured .container{
  margin-top:0 !important;
  padding-top:0 !important;
}

#featured .section-head{
  min-height:92px !important;
  margin:0 0 8px 0 !important;
  padding:0 180px 0 0 !important;
  box-sizing:border-box !important;
}

#featured .section-head > div:first-child{
  max-width:560px !important;
  min-width:0 !important;
  margin:0 !important;
}

#featured .section-head .eyebrow{
  margin-bottom:3px !important;
  line-height:1 !important;
}

#featured .section-head h2{
  line-height:.92 !important;
  margin:0 !important;
}

#featured .section-head h2::after{
  display:block !important;
  width:60px !important;
  height:5px !important;
  margin-top:8px !important;
  background:#f5c400 !important;
}

/* TOP PRODUCTS VIEW CATALOGUE */
#featured .section-head > a,
#featured .section-head a{
  position:absolute !important;
  right:20px !important;
  top:50% !important;
  transform:translateY(-50%) !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:140px !important;
  width:auto !important;
  height:46px !important;
  padding:0 22px !important;
  box-sizing:border-box !important;

  border-radius:24px !important;
  background:#f5c400 !important;
  color:#090909 !important;
  border:1px solid #f5c400 !important;

  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  line-height:1 !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;

  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  cursor:pointer !important;

  z-index:999 !important;
  box-shadow:0 8px 22px rgba(245,196,0,.18) !important;
}

#featured .section-head > a:hover,
#featured .section-head a:hover{
  background:#fff !important;
  color:#090909 !important;
  border-color:#fff !important;
  transform:translateY(-50%) !important;
}


/* ---------- PRODUCT CATALOGUE ---------- */

#catalogue{
  padding-top:8px !important;
  margin-top:0 !important;
}

#catalogue > .container,
#catalogue .container{
  margin-top:0 !important;
  padding-top:0 !important;
}

#catalogue .section-head{
  min-height:96px !important;
  margin:0 0 8px 0 !important;
  padding:0 180px 0 0 !important;
  box-sizing:border-box !important;
}

#catalogue .section-head > div:first-child{
  max-width:560px !important;
  min-width:0 !important;
  margin:0 !important;
}

#catalogue .section-head .eyebrow{
  margin-bottom:3px !important;
  line-height:1 !important;
}

#catalogue .section-head h2{
  line-height:.92 !important;
  margin:0 !important;
}

#catalogue .section-head h2::after{
  display:block !important;
  width:60px !important;
  height:5px !important;
  margin-top:8px !important;
  background:#f5c400 !important;
}

/* PRODUCT CATALOGUE VIEW ALL / ACTION */
#catalogue .section-head > a,
#catalogue .section-head a{
  position:absolute !important;
  right:20px !important;
  top:50% !important;
  transform:translateY(-50%) !important;

  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:112px !important;
  width:auto !important;
  height:46px !important;
  padding:0 22px !important;
  box-sizing:border-box !important;

  border-radius:24px !important;
  background:#f5c400 !important;
  color:#090909 !important;
  border:1px solid #f5c400 !important;

  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.04em !important;
  line-height:1 !important;
  text-decoration:none !important;
  text-transform:uppercase !important;
  white-space:nowrap !important;

  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  cursor:pointer !important;

  z-index:999 !important;
  box-shadow:0 8px 22px rgba(245,196,0,.18) !important;
}

#catalogue .section-head > a:hover,
#catalogue .section-head a:hover{
  background:#fff !important;
  color:#090909 !important;
  border-color:#fff !important;
  transform:translateY(-50%) !important;
}


/* ---------- MOBILE ---------- */

@media(max-width:700px){
  #featured .section-head,
  #catalogue .section-head{
    min-height:0 !important;
    padding-right:0 !important;
    margin-bottom:14px !important;
  }

  #featured .section-head > a,
  #featured .section-head a,
  #catalogue .section-head > a,
  #catalogue .section-head a{
    position:relative !important;
    right:auto !important;
    top:auto !important;
    transform:none !important;
    margin-top:14px !important;
  }

  #featured .section-head > a:hover,
  #featured .section-head a:hover,
  #catalogue .section-head > a:hover,
  #catalogue .section-head a:hover{
    transform:none !important;
  }
}


/* =========================================================
   NLS HOMEPAGE — WAREHOUSE HERO + TRUST STRIP
   Customer website ONLY.
   Removes the old 3 promo cards without touching
   product/order/search functionality.
========================================================= */

.nls-home-hero{
  position:relative;
  width:100%;
  min-height:560px;
  overflow:hidden;
  background:#050505;
  border-top:1px solid #181818;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.nls-home-hero-bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.88) 31%,rgba(0,0,0,.22) 66%,rgba(0,0,0,.08) 100%),
    url("assets/warehouse-cover.jpeg") center center/cover no-repeat;
  transform:scale(1.01);
}

.nls-home-hero-content{
  position:relative;
  z-index:2;
  min-height:560px;
  display:flex;
  align-items:center;
}

.nls-home-hero-copy{
  width:min(650px,58%);
  padding:54px 0 48px;
}

.nls-hero-brand{
  margin:0 0 10px;
  color:#f5c400;
  font-size:15px;
  font-weight:900;
  letter-spacing:.22em;
  text-transform:uppercase;
  display:flex;
  align-items:center;
  gap:14px;
}

.nls-hero-brand span{
  width:110px;
  height:1px;
  background:rgba(255,255,255,.65);
  display:block;
}

.nls-hero-tagline{
  margin:0 0 12px;
  color:#fff;
  font-size:13px;
  font-weight:700;
  letter-spacing:.22em;
}

.nls-home-hero h1{
  margin:0;
  color:#fff;
  font-size:clamp(48px,5.3vw,82px);
  line-height:.88;
  letter-spacing:-.055em;
  font-weight:900;
  text-transform:uppercase;
}

.nls-home-hero h1 strong{
  color:#f5c400;
  font-weight:900;
}

.nls-hero-description{
  max-width:540px;
  margin:20px 0 25px;
  color:#eee;
  font-size:17px;
  line-height:1.45;
}

.nls-hero-metrics{
  display:flex;
  align-items:stretch;
  margin:0 0 24px;
  max-width:600px;
}

.nls-hero-metric{
  display:flex;
  align-items:center;
  gap:11px;
  padding:0 24px;
  border-right:1px solid rgba(255,255,255,.28);
}

.nls-hero-metric:first-child{
  padding-left:0;
}

.nls-hero-metric:last-child{
  border-right:0;
}

.nls-hero-metric>b{
  color:#f5c400;
  font-size:31px;
  line-height:1;
}

.nls-hero-metric span{
  display:flex;
  flex-direction:column;
  color:#fff;
  font-size:10px;
  font-weight:700;
  letter-spacing:.07em;
  line-height:1.2;
}

.nls-hero-metric span strong{
  font-size:18px;
  letter-spacing:0;
  line-height:1.05;
}

.nls-hero-button{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  min-width:300px;
  min-height:54px;
  padding:0 22px;
  background:#f5c400;
  color:#090909;
  border:1px solid #f5c400;
  border-radius:4px;
  font-size:11px;
  font-weight:900;
  letter-spacing:.04em;
  text-decoration:none;
  text-transform:uppercase;
  box-shadow:0 10px 30px rgba(245,196,0,.16);
}

.nls-hero-button span{
  font-size:20px;
  line-height:1;
}

.nls-hero-button:hover{
  background:#fff;
  border-color:#fff;
  color:#090909;
  transform:translateY(-1px);
}

.nls-hero-signoff{
  display:inline-flex;
  align-items:center;
  gap:16px;
  margin-left:20px;
  vertical-align:middle;
}

.nls-hero-signoff span{
  width:34px;
  height:1px;
  background:#aaa;
}

.nls-hero-signoff b{
  color:#ddd;
  font-size:10px;
  letter-spacing:.17em;
  line-height:1.55;
}

/* ---------- TRUST STRIP ---------- */

.nls-trust-strip{
  position:relative;
  background:#090909;
  border-bottom:1px solid #202020;
  color:#fff;
}

.nls-trust-inner{
  min-height:96px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
}

.nls-trust-item{
  display:flex;
  align-items:center;
  gap:17px;
  padding:18px 28px;
  border-right:1px solid rgba(255,255,255,.20);
}

.nls-trust-item:first-child{
  padding-left:20px;
}

.nls-trust-item:last-child{
  border-right:0;
}

.nls-trust-icon{
  flex:0 0 42px;
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#fff;
  font-size:31px;
  font-weight:500;
}

.nls-trust-item div{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.nls-trust-item strong{
  color:#fff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.03em;
}

.nls-trust-item small{
  color:#aaa;
  font-size:9px;
  line-height:1.3;
}

/* Old promo cards are intentionally removed from the homepage. */
#promotions,
.promo-grid{
  display:none !important;
}

/* ---------- HERO RESPONSIVE ---------- */

@media(max-width:900px){
  .nls-home-hero{
    min-height:500px;
  }

  .nls-home-hero-content{
    min-height:500px;
  }

  .nls-home-hero-copy{
    width:68%;
    padding:40px 0;
  }

  .nls-home-hero-bg{
    background-position:60% center;
  }

  .nls-home-hero h1{
    font-size:clamp(42px,7vw,64px);
  }

  .nls-hero-description{
    font-size:14px;
  }

  .nls-trust-inner{
    grid-template-columns:1fr 1fr;
  }

  .nls-trust-item:nth-child(2){
    border-right:0;
  }

  .nls-trust-item:nth-child(-n+2){
    border-bottom:1px solid rgba(255,255,255,.12);
  }
}

@media(max-width:600px){
  .nls-home-hero{
    min-height:620px;
  }

  .nls-home-hero-content{
    min-height:620px;
    align-items:flex-end;
  }

  .nls-home-hero-bg{
    background:
      linear-gradient(0deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.84) 42%,rgba(0,0,0,.15) 100%),
      url("assets/warehouse-cover.jpeg") center center/cover no-repeat;
  }

  .nls-home-hero-copy{
    width:100%;
    padding:32px 0 35px;
  }

  .nls-hero-brand{
    font-size:10px;
  }

  .nls-hero-brand span{
    width:55px;
  }

  .nls-hero-tagline{
    font-size:9px;
  }

  .nls-home-hero h1{
    font-size:42px;
  }

  .nls-hero-description{
    font-size:13px;
    margin:15px 0 18px;
  }

  .nls-hero-metrics{
    width:100%;
    margin-bottom:18px;
  }

  .nls-hero-metric{
    padding:0 10px;
    gap:6px;
  }

  .nls-hero-metric:first-child{
    padding-left:0;
  }

  .nls-hero-metric>b{
    font-size:21px;
  }

  .nls-hero-metric span{
    font-size:7px;
  }

  .nls-hero-metric span strong{
    font-size:13px;
  }

  .nls-hero-button{
    min-width:0;
    width:100%;
    min-height:48px;
    font-size:9px;
  }

  .nls-hero-signoff{
    display:none;
  }

  .nls-trust-inner{
    grid-template-columns:1fr;
  }

  .nls-trust-item,
  .nls-trust-item:first-child{
    min-height:72px;
    padding:14px 18px;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.12);
  }

  .nls-trust-item:last-child{
    border-bottom:0;
  }
}


/* =========================================================
   NLS CUSTOMER WEBSITE — FINAL HERO + TRUST STRIP
   Customer website ONLY.
========================================================= */

/* The warehouse image supplied by the user */
.nls-home-hero-bg{
  background:
    linear-gradient(
      90deg,
      rgba(0,0,0,.94) 0%,
      rgba(0,0,0,.78) 30%,
      rgba(0,0,0,.16) 66%,
      rgba(0,0,0,.04) 100%
    ),
    url("assets/warehouse-cover.jpeg") center center / cover no-repeat !important;
}

/* Keep the supplied image visible and properly positioned */
.nls-home-hero{
  background:#050505 !important;
}

/* =========================================================
   WHOLESALE TRUST STRIP — OFF-WHITE + BLACK
========================================================= */

.nls-trust-strip{
  background:#f7f7f3 !important;
  color:#080808 !important;
  border-top:1px solid #deded8 !important;
  border-bottom:1px solid #deded8 !important;
}

.nls-trust-inner{
  min-height:96px !important;
  background:#f7f7f3 !important;
}

.nls-trust-item,
.nls-trust-item:first-child{
  background:#f7f7f3 !important;
  border-right:1px solid #d8d8d2 !important;
  color:#080808 !important;
}

.nls-trust-item:last-child{
  border-right:0 !important;
}

.nls-trust-icon{
  color:#080808 !important;
}

.nls-trust-item strong{
  color:#080808 !important;
}

.nls-trust-item small{
  color:#4a4a46 !important;
}

/* Make the four trust blocks clean and evenly spaced */
.nls-trust-item{
  min-height:96px !important;
  padding:18px 28px !important;
  gap:17px !important;
}

.nls-trust-icon{
  flex:0 0 42px !important;
  width:42px !important;
  height:42px !important;
  font-size:30px !important;
}

/* Mobile */
@media(max-width:900px){
  .nls-trust-item,
  .nls-trust-item:first-child{
    background:#f7f7f3 !important;
    border-color:#d8d8d2 !important;
  }
}

@media(max-width:600px){
  .nls-home-hero-bg{
    background:
      linear-gradient(
        0deg,
        rgba(0,0,0,.96) 0%,
        rgba(0,0,0,.78) 43%,
        rgba(0,0,0,.08) 100%
      ),
      url("assets/warehouse-cover.jpeg") center center / cover no-repeat !important;
  }

  .nls-trust-strip,
  .nls-trust-inner,
  .nls-trust-item,
  .nls-trust-item:first-child{
    background:#f7f7f3 !important;
  }

  .nls-trust-item{
    min-height:72px !important;
    padding:14px 18px !important;
  }
}

/* =========================================================
   NLS TRUST STRIP — IMAGE ICONS
========================================================= */

.nls-trust-icon-img{
  flex:0 0 42px;
  width:42px;
  height:42px;
  object-fit:contain;
  display:block;
}

.nls-trust-item{
  display:flex;
  align-items:center;
  gap:17px;
}

@media(max-width:600px){
  .nls-trust-icon-img{
    width:38px;
    height:38px;
    flex-basis:38px;
  }
}
/* =========================================================
   NLS FOOTER — VISIBILITY FIX
   Add this CSS at the VERY BOTTOM of styles.css
========================================================= */

footer{
  background:#f5f5f3 !important;
  color:#111 !important;
}

footer .nls-footer-main,
footer .nls-footer-main *,
footer .nls-footer-cell,
footer .nls-footer-cell *,
footer .nls-footer-brand,
footer .nls-footer-brand *,
footer .nls-footer-brand-title,
footer .nls-footer-brand-title *,
footer .nls-footer-contact-row,
footer .nls-footer-contact-row *,
footer .nls-footer-links,
footer .nls-footer-links *,
footer .nls-footer-company,
footer .nls-footer-company *{
  color:#111 !important;
}

footer .nls-footer-cell p{
  color:#333 !important;
}

footer .nls-footer-cell a{
  color:#222 !important;
}

footer .nls-footer-brand-title strong{
  color:#111 !important;
}

footer .nls-footer-brand-title small,
footer .nls-footer-company small,
footer .nls-footer-tagline{
  color:#555 !important;
}

footer .nls-footer-label{
  color:#111 !important;
}

footer .nls-footer-contact-row{
  color:#222 !important;
}

footer .nls-footer-contact-row a{
  color:#222 !important;
}

footer .nls-footer-company strong{
  color:#111 !important;
}

footer .nls-footer-copyright{
  color:#666 !important;
}

/* Keep WhatsApp button text white */
footer .nls-footer-whatsapp,
footer .nls-footer-whatsapp *{
  color:#fff !important;
}

footer .nls-footer-whatsapp-icon{
  color:#19c45b !important;
  background:#fff !important;
}

/* =========================================================
   NLS WHATSAPP QUERY — LOGO ONLY
   IMPORTANT: Do NOT replace app.js.
   This override changes only the appearance of the existing
   #nlsWhatsAppQueryFab button.
========================================================= */

#nlsWhatsAppQueryFab{
  width:58px !important;
  height:58px !important;
  min-width:58px !important;
  min-height:58px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:50% !important;
  background:#25D366 !important;
  color:transparent !important;
  font-size:0 !important;
  line-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  box-shadow:0 8px 25px rgba(0,0,0,.22) !important;
}

/* Hide the existing "💬 WHATSAPP QUERY" text and number */
#nlsWhatsAppQueryFab #nlsWhatsAppQueryCount{
  display:none !important;
}

/* WhatsApp logo */
#nlsWhatsAppQueryFab::before{
  content:"";
  display:block;
  width:34px;
  height:34px;
  background-color:#fff;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 3.2A12.8 12.8 0 0 0 5.1 22.7L3.3 28.8l6.3-1.7A12.8 12.8 0 1 0 16 3.2Zm0 23.2c-2.1 0-4.1-.6-5.8-1.8l-.4-.3-3.7 1 1-3.6-.3-.4a10.4 10.4 0 1 1 9.2 5.1Zm5.7-7.8c-.3-.2-1.7-.9-2-.9-.3-.1-.5-.2-.7.2-.2.3-.8.9-1 .9-.2.1-.4.1-.7 0-.3-.2-1.2-.4-2.3-1.4-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.2-.7l.5-.6c.2-.2.2-.4.3-.6.1-.2 0-.5-.1-.7-.1-.2-.7-1.7-1-2.3-.3-.6-.5-.5-.7-.5h-.6c-.2 0-.6.1-.9.4-.3.3-1.1 1-1.1 2.5s1.1 2.9 1.3 3.1c.2.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.7-.7 1.9-1.4.2-.7.2-1.3.1-1.4-.1-.1-.3-.2-.6-.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 3.2A12.8 12.8 0 0 0 5.1 22.7L3.3 28.8l6.3-1.7A12.8 12.8 0 1 0 16 3.2Zm0 23.2c-2.1 0-4.1-.6-5.8-1.8l-.4-.3-3.7 1 1-3.6-.3-.4a10.4 10.4 0 1 1 9.2 5.1Zm5.7-7.8c-.3-.2-1.7-.9-2-.9-.3-.1-.5-.2-.7.2-.2.3-.8.9-1 .9-.2.1-.4.1-.7 0-.3-.2-1.2-.4-2.3-1.4-.9-.8-1.5-1.8-1.7-2.1-.2-.3 0-.5.2-.7l.5-.6c.2-.2.2-.4.3-.6.1-.2 0-.5-.1-.7-.1-.2-.7-1.7-1-2.3-.3-.6-.5-.5-.7-.5h-.6c-.2 0-.6.1-.9.4-.3.3-1.1 1-1.1 2.5s1.1 2.9 1.3 3.1c.2.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.4.2 1.9.1.6-.1 1.7-.7 1.9-1.4.2-.7.2-1.3.1-1.4-.1-.1-.3-.2-.6-.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
}

/* Keep it comfortable on small screens */
@media(max-width:600px){
  #nlsWhatsAppQueryFab{
    right:14px !important;
    bottom:14px !important;
    width:54px !important;
    height:54px !important;
    min-width:54px !important;
    min-height:54px !important;
  }

  #nlsWhatsAppQueryFab::before{
    width:31px;
    height:31px;
  }
}

/* =========================================================
   NLS HERO — PAN INDIA MAP ICON
   Replaces only the square/diamond icon beside PAN INDIA.
   No app.js changes required.
========================================================= */

.nls-hero-metrics .nls-hero-metric:nth-child(3) > b{
  /* Hide the existing ▱ character */
  font-size:0 !important;
  width:30px !important;
  height:42px !important;
  flex:0 0 30px !important;
  display:block !important;

  /* India outline source:
     Wikimedia Commons — India outline.svg
  */
  background-color:#FFD400 !important;

  -webkit-mask-image:url("https://upload.wikimedia.org/wikipedia/commons/b/b4/India_outline.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;

  mask-image:url("https://upload.wikimedia.org/wikipedia/commons/b/b4/India_outline.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  line-height:0 !important;
}

/* Keep PAN INDIA text exactly as it is */
.nls-hero-metrics .nls-hero-metric:nth-child(3) span{
  display:flex;
  flex-direction:column;
}

/* Mobile sizing */
@media(max-width:600px){
  .nls-hero-metrics .nls-hero-metric:nth-child(3) > b{
    width:26px !important;
    height:36px !important;
    flex-basis:26px !important;
  }
}
/* BOLDER INDIA MAP ICON — CSS ONLY
   Add this at the very bottom of styles.css.
   No app.js or index.html changes are required.
*/

.nls-hero-metrics .nls-hero-metric:nth-child(3) > b{
  font-size:0 !important;
  width:32px !important;
  height:44px !important;
  flex:0 0 32px !important;
  display:block !important;

  /* Brighter yellow for better visibility */
  background-color:#FFD400 !important;

  -webkit-mask-image:url("https://upload.wikimedia.org/wikipedia/commons/b/b4/India_outline.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;

  mask-image:url("https://upload.wikimedia.org/wikipedia/commons/b/b4/India_outline.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  /* Make the thin India outline look visibly bolder */
  filter:
    drop-shadow(0 0 1px #FFD400)
    drop-shadow(0 0 1.2px #FFD400)
    drop-shadow(0 0 1.4px #FFD400);

  line-height:0 !important;
}

/* Keep PAN INDIA / SUPPLY aligned */
.nls-hero-metrics .nls-hero-metric:nth-child(3) span{
  display:flex;
  flex-direction:column;
}

/* Mobile */
@media(max-width:600px){
  .nls-hero-metrics .nls-hero-metric:nth-child(3) > b{
    width:28px !important;
    height:38px !important;
    flex-basis:28px !important;
  }
}

/* INDIA MAP — EXTRA BOLD / HIGH VISIBILITY
   Replace the previous India-map CSS with this.
   Add at the VERY BOTTOM of styles.css.
*/

.nls-hero-metrics .nls-hero-metric:nth-child(3) > b{
  font-size:0 !important;
  width:34px !important;
  height:48px !important;
  flex:0 0 34px !important;
  display:block !important;
  background:#FFD400 !important;

  -webkit-mask-image:url("https://upload.wikimedia.org/wikipedia/commons/b/b4/India_outline.svg");
  -webkit-mask-repeat:no-repeat;
  -webkit-mask-position:center;
  -webkit-mask-size:contain;

  mask-image:url("https://upload.wikimedia.org/wikipedia/commons/b/b4/India_outline.svg");
  mask-repeat:no-repeat;
  mask-position:center;
  mask-size:contain;

  /*
    The original India outline is very thin.
    These 8 surrounding shadows expand the visible stroke
    without changing the India-map shape.
  */
  filter:
    drop-shadow(1px 0 0 #FFD400)
    drop-shadow(-1px 0 0 #FFD400)
    drop-shadow(0 1px 0 #FFD400)
    drop-shadow(0 -1px 0 #FFD400)
    drop-shadow(1px 1px 0 #FFD400)
    drop-shadow(-1px 1px 0 #FFD400)
    drop-shadow(1px -1px 0 #FFD400)
    drop-shadow(-1px -1px 0 #FFD400);

  line-height:0 !important;
}

.nls-hero-metrics .nls-hero-metric:nth-child(3) span{
  display:flex;
  flex-direction:column;
}

.nls-hero-metrics .nls-hero-metric:nth-child(3) span strong{
  color:#fff !important;
  text-shadow:0 2px 6px rgba(0,0,0,.9) !important;
}

@media(max-width:600px){
  .nls-hero-metrics .nls-hero-metric:nth-child(3) > b{
    width:30px !important;
    height:42px !important;
    flex-basis:30px !important;
  }
}

/* =========================================================
   NLS FINAL HOMEPAGE SPACE FIX
   Trust Strip → Button → Categories
   ========================================================= */

/* Remove reserved space from the hero */
.nls-home-hero {
  margin: 0 !important;
  padding: 0 !important;
}

/* Keep hero at its actual content height */
.nls-home-hero-content {
  margin: 0 !important;
  padding: 0 !important;
}

/* Remove hidden/empty CTA space inside hero */
.nls-hero-button {
  margin: 0 !important;
}

/* Trust strip must not create extra space */
.nls-trust-strip {
  margin: 0 !important;
  padding: 0 !important;
}

.nls-trust-inner {
  margin-bottom: 0 !important;
}

/* =========================================================
   BROWSE WHOLESALE COLLECTION BUTTON
   ========================================================= */

.nls-hero-button {
  display: inline-flex !important;
  margin: 12px 0 0 0 !important;
  min-height: 54px !important;
}

/* =========================================================
   REMOVE THE LARGE WHITE SPACE
   ========================================================= */

/* Categories must follow immediately after the button */
#categories {
  margin-top: 0 !important;
  padding-top: 20px !important;
}

/* Remove default section spacing */
#categories.section {
  margin-bottom: 0 !important;
}

/* Remove empty vertical space before categories */
.nls-trust-strip + #categories {
  margin-top: 0 !important;
}

/* =========================================================
   IMPORTANT: REMOVE OLD HERO HEIGHT OVERRIDES
   ========================================================= */

@media (min-width: 901px) {
  .nls-home-hero {
    height: auto !important;
    min-height: 0 !important;
  }

  .nls-home-hero-content {
    height: auto !important;
    min-height: 0 !important;
  }
}
/* =========================================================
   REMOVE ENTIRE HERO SECTION
   ========================================================= */

.nls-home-hero {
  display: none !important;
}
/* =========================================================
   BROWSE WHOLESALE COLLECTION
   BELOW TRUST STRIP - LEFT SIDE
   ========================================================= */

.nls-wholesale-browse {
  width: 100%;
  background: #fff;
  padding: 20px 0 18px 48px;
  margin: 0;
  box-sizing: border-box;
}

.nls-wholesale-browse-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 24px;

  min-width: 390px;
  height: 68px;
  padding: 0 30px;

  background: #f5c400;
  color: #080808;

  text-decoration: none;
  font-size: 18px;
  font-weight: 900;
  letter-spacing: .02em;

  border-radius: 10px;
  box-sizing: border-box;
  transition: .2s ease;
}

.nls-wholesale-browse-btn span {
  font-size: 25px;
}

.nls-wholesale-browse-btn:hover {
  background: #ffd21c;
  transform: translateY(-1px);
}

/* Mobile */
@media (max-width: 600px) {
  .nls-wholesale-browse {
    padding: 14px 16px;
  }

  .nls-wholesale-browse-btn {
    width: 100%;
    min-width: 0;
    height: 58px;
    font-size: 15px;
  }
}