/* =========================================================
   KADALGAMING PUBLIC NAVBAR - CLEAN ICON ONLY NAV
   Focus: neater desktop + mobile alignment, cleaner icon cards,
   CTA-consistent angled shapes, and more polished spacing.
========================================================= */
:root{
  --kg-lime:#b7ff39;
  --kg-lime-2:#98f11d;
  --kg-dark:#04090c;
  --kg-panel:#0b1216;
  --kg-panel-2:#10181d;
  --kg-text:#f5fff8;
  --kg-muted:#b6c1bc;
  --kg-angle:16px;
}

.site-header{
  position:sticky;
  top:0;
  background:linear-gradient(180deg,rgba(3,8,10,.98),rgba(3,8,10,.92));
  border-bottom:1px solid rgba(183,255,57,.12);
  box-shadow:0 10px 34px rgba(0,0,0,.22);
  backdrop-filter:blur(10px);
  z-index:60;
}
.site-header.is-scrolled{
  background:linear-gradient(180deg,rgba(3,8,10,.96),rgba(3,8,10,.9));
  box-shadow:0 14px 42px rgba(0,0,0,.28);
}
.site-header .nav-wrap{
  min-height:88px;
  display:flex;
  align-items:center;
  gap:clamp(18px,2vw,28px);
  padding:12px 0;
}
.site-header .brand{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  min-width:178px;
}
.site-header .brand img{
  height:clamp(42px,3.2vw,56px);
  width:auto;
  object-fit:contain;
  filter:drop-shadow(0 0 14px rgba(183,255,57,.18));
}

.site-header .main-nav{
  flex:1 1 auto;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(18px,2vw,34px);
}
.site-header .main-nav a{
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 2px;
  color:#eef5f1;
  font-size:15px;
  line-height:1;
  font-weight:900;
  letter-spacing:-.015em;
  white-space:nowrap;
  transition:color .22s ease, transform .22s ease;
}
.site-header .main-nav a::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:2px;
  height:3px;
  border-radius:0 !important;
  background:var(--kg-lime);
  box-shadow:0 0 18px rgba(183,255,57,.72);
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .22s ease;
}
.site-header .main-nav a:hover,
.site-header .main-nav a.is-active{
  color:var(--kg-lime);
  transform:translateY(-1px);
}
.site-header .main-nav a:hover::after,
.site-header .main-nav a.is-active::after{
  transform:scaleX(1);
}

.site-header .nav-commerce-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:12px;
  margin-left:auto;
}

.site-header .nav-cart,
.site-header .nav-account,
.site-header .nav-cta,
.site-header .nav-toggle{
  position:relative;
  overflow:visible;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:0;
  text-decoration:none;
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease, background .22s ease;
}

.site-header .nav-cart,
.site-header .nav-account{
  width:64px;
  min-width:64px;
  height:56px;
  min-height:56px;
  border-radius:0 !important;
  color:var(--kg-text);
  background:linear-gradient(180deg,rgba(17,24,29,.98),rgba(8,12,15,.98));
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  box-shadow:
    inset 0 0 0 1px rgba(183,255,57,.18),
    inset 0 1px 0 rgba(255,255,255,.04),
    0 14px 32px rgba(0,0,0,.2);
}
.site-header .nav-cart::before,
.site-header .nav-account::before,
.site-header .nav-toggle::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(183,255,57,.34),rgba(183,255,57,0) 55%);
  opacity:.8;
  pointer-events:none;
}
.site-header .nav-cart:hover,
.site-header .nav-account:hover,
.site-header .nav-toggle:hover{
  transform:translateY(-2px);
  box-shadow:
    inset 0 0 0 1px rgba(183,255,57,.3),
    inset 0 1px 0 rgba(255,255,255,.05),
    0 18px 40px rgba(0,0,0,.28),
    0 0 24px rgba(183,255,57,.1);
}

.site-header .nav-icon-action .nav-action-icon{
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--kg-lime);
  transition:transform .22s ease, filter .22s ease;
}
.site-header .nav-icon-action:hover .nav-action-icon{
  transform:scale(1.06);
  filter:drop-shadow(0 0 10px rgba(183,255,57,.36));
}
.site-header .nav-icon-action .nav-action-icon svg{
  width:100%;
  height:100%;
  display:block;
  fill:none;
  stroke:currentColor;
  stroke-width:2.25;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.site-header .nav-cart-count{
  position:absolute;
  top:-6px;
  right:-4px;
  z-index:3;
  min-width:22px;
  height:22px;
  padding:0 6px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:0 !important;
  background:var(--kg-lime);
  color:#071006;
  font-size:11px;
  font-weight:950;
  line-height:1;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);
  box-shadow:0 10px 18px rgba(0,0,0,.24), 0 0 0 2px rgba(4,9,12,.96);
}


.site-header .nav-cta{
  min-width:190px;
  min-height:56px;
  padding:0 30px;
  border-radius:0 !important;
  color:#071006;
  font-size:14px;
  line-height:1;
  font-weight:950;
  text-transform:uppercase;
  letter-spacing:.045em;
  background:linear-gradient(135deg,#d2ff4c 0%, #a9f221 100%);
  clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);
  box-shadow:0 16px 34px rgba(151,241,30,.24);
}
.site-header .nav-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 20px 42px rgba(151,241,30,.3);
  color:#071006;
}

.site-header .nav-toggle{
  display:none;
  width:52px;
  min-width:52px;
  height:52px;
  min-height:52px;
  margin-left:0;
  padding:0;
  border-radius:0 !important;
  cursor:pointer;
  background:linear-gradient(180deg,rgba(17,24,29,.98),rgba(8,12,15,.98));
  color:#f7fff9;
  clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  box-shadow:
    inset 0 0 0 1px rgba(183,255,57,.18),
    inset 0 1px 0 rgba(255,255,255,.04),
    0 14px 32px rgba(0,0,0,.2);
}
.site-header .nav-toggle span{
  width:20px;
  height:2px;
  margin:4px auto;
  border-radius:999px;
  background:currentColor;
  transform-origin:center;
  transition:transform .22s ease, opacity .22s ease;
}
body.menu-open .site-header .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg);} 
body.menu-open .site-header .nav-toggle span:nth-child(2){opacity:0;transform:scaleX(.2);} 
body.menu-open .site-header .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg);} 

.site-header .main-nav a:focus-visible,
.site-header .nav-commerce-actions a:focus-visible,
.site-header .nav-toggle:focus-visible{
  outline:3px solid rgba(183,255,57,.52);
  outline-offset:4px;
}

@media (max-width:1280px){
  .site-header .brand{min-width:152px;}
  .site-header .main-nav{gap:18px;}
  .site-header .main-nav a{font-size:14px;}
  .site-header .nav-commerce-actions{gap:10px;}
  .site-header .nav-cart,
  .site-header .nav-account{width:60px;min-width:60px;height:54px;min-height:54px;}
  .site-header .nav-cta{min-height:54px;min-width:172px;padding:0 24px;}
}

@media (max-width:1080px){
  .site-header .nav-wrap{gap:14px;}
  .site-header .main-nav{gap:14px;}
  .site-header .main-nav a{font-size:13px;}
  .site-header .nav-cart,
  .site-header .nav-account{width:56px;min-width:56px;height:52px;min-height:52px;}
  .site-header .nav-icon-action .nav-action-icon{width:22px;height:22px;}
  .site-header .nav-cart-count{top:-5px;right:-3px;min-width:20px;height:20px;font-size:10px;}
  .site-header .nav-cta{min-width:156px;min-height:52px;padding:0 20px;font-size:13px;}
}

@media (max-width:980px){
  .site-header .nav-wrap{
    width:min(100% - 28px,1180px);
    display:grid;
    grid-template-columns:auto 1fr auto;
    grid-template-areas:
      "brand actions toggle"
      "menu menu menu";
    gap:12px;
    padding:12px 0;
  }
  .site-header .brand{grid-area:brand;min-width:0;}
  .site-header .brand img{height:42px;}
  .site-header .nav-commerce-actions{
    grid-area:actions;
    width:auto;
    margin-left:0;
    justify-content:flex-end;
    gap:8px;
  }
  .site-header .nav-toggle{
    grid-area:toggle;
    display:inline-flex;
    align-items:center;
    justify-content:center;
  }
  .site-header .main-nav{
    grid-area:menu;
    position:static;
    inset:auto;
    width:100%;
    max-height:0;
    overflow:hidden;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    padding:0;
    border:0;
    background:transparent;
    box-shadow:none;
    opacity:0;
    pointer-events:none;
    transform:translateY(-8px);
    transition:max-height .32s ease, opacity .22s ease, transform .22s ease, padding .22s ease;
  }
  body.menu-open .site-header .main-nav,
  .site-header .main-nav.is-open,
  .site-header .main-nav[data-open="true"]{
    max-height:430px;
    opacity:1;
    pointer-events:auto;
    transform:translateY(0);
    padding:12px 0 2px;
  }
  .site-header .main-nav a{
    min-height:54px;
    padding:0 16px;
    border:0;
    background:linear-gradient(180deg,rgba(17,24,29,.98),rgba(8,12,15,.98));
    box-shadow:
      inset 0 0 0 1px rgba(183,255,57,.12),
      inset 0 1px 0 rgba(255,255,255,.03);
    font-size:14px;
    clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
  }
  .site-header .main-nav a::after{display:none;}
  .site-header .main-nav a.is-active,
  .site-header .main-nav a:hover{
    color:var(--kg-lime);
    background:linear-gradient(180deg,rgba(26,36,18,.96),rgba(9,14,12,.98));
    box-shadow:
      inset 0 0 0 1px rgba(183,255,57,.26),
      0 12px 26px rgba(0,0,0,.18);
  }
}

@media (max-width:700px){
  .site-header .nav-wrap{width:min(100% - 22px,1180px);gap:8px;}
  .site-header .brand img{height:36px;max-width:154px;}
  .site-header .nav-cart,
  .site-header .nav-account{
    width:46px;
    min-width:46px;
    height:42px;
    min-height:42px;
    clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);
  }
  .site-header .nav-toggle{
    width:46px;
    min-width:46px;
    height:42px;
    min-height:42px;
    clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px);
  }
  .site-header .nav-icon-action .nav-action-icon{width:19px;height:19px;}
  .site-header .nav-cart-count{
    top:-4px;
    right:-3px;
    min-width:18px;
    height:18px;
    padding:0 4px;
    font-size:9px;
  }
  .site-header .nav-cta{display:none;}
  .site-header .main-nav{grid-template-columns:1fr;gap:8px;}
  .site-header .main-nav a{min-height:50px;clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px);}
}

@media (max-width:390px){
  .site-header .brand img{height:32px;max-width:132px;}
  .site-header .nav-commerce-actions{gap:6px;}
  .site-header .nav-cart,
  .site-header .nav-account,
  .site-header .nav-toggle{
    width:42px;
    min-width:42px;
    height:39px;
    min-height:39px;
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);
  }
  .site-header .nav-icon-action .nav-action-icon{width:18px;height:18px;}
  .site-header .nav-cart-count{top:-3px;right:-2px;min-width:16px;height:16px;font-size:8px;}
}


/* =========================================================
   KADALGAMING NAV POLISH - DESKTOP CART BADGE + MOBILE SIDEBAR
========================================================= */
.site-header .nav-cart{
  overflow:visible;
}
.site-header .nav-cart-count{
  top:6px;
  right:6px;
  min-width:24px;
  height:24px;
  padding:0 6px;
  font-size:12px;
  font-weight:950;
  background:linear-gradient(180deg,#d8ff5d 0%, #b7ff39 100%);
  color:#051004;
  clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);
  box-shadow:0 10px 22px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.24), 0 0 0 1px rgba(4,9,12,.95);
}
.site-header .nav-cart .nav-action-icon{ transform:translateY(2px); }

@media (min-width:981px){
  .site-header .nav-cart,
  .site-header .nav-account{
    width:68px;
    min-width:68px;
    height:58px;
    min-height:58px;
  }
  .site-header .nav-cart-count{
    top:5px;
    right:5px;
  }
}

@media (max-width:980px){
  body.menu-open{
    overflow:hidden;
  }
  body.menu-open::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:58;
    background:rgba(3,7,9,.52);
    backdrop-filter:blur(6px);
  }
  .site-header{
    z-index:70;
  }
  .site-header .nav-wrap{
    grid-template-columns:auto 1fr auto auto;
    grid-template-areas:
      "brand . actions toggle"
      ". . . .";
    align-items:center;
  }
  .site-header .main-nav{
    position:fixed;
    top:0;
    right:0;
    width:min(320px,calc(100vw - 18px));
    height:100dvh;
    max-height:none;
    overflow-y:auto;
    display:flex !important;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    padding:98px 18px 24px;
    background:linear-gradient(180deg,rgba(8,12,15,.985),rgba(6,10,13,.98));
    border-left:1px solid rgba(183,255,57,.14);
    box-shadow:-18px 0 46px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.03);
    transform:translateX(108%);
    opacity:1;
    pointer-events:none;
    transition:transform .28s ease;
    z-index:59;
  }
  body.menu-open .site-header .main-nav,
  .site-header .main-nav.is-open,
  .site-header .main-nav[data-open="true"]{
    transform:translateX(0);
    pointer-events:auto;
    padding:98px 18px 24px;
  }
  .site-header .main-nav::before{
    content:"MENU";
    position:absolute;
    top:28px;
    left:18px;
    color:rgba(183,255,57,.92);
    font-size:12px;
    font-weight:950;
    letter-spacing:.18em;
  }
  .site-header .main-nav::after{
    content:"";
    position:absolute;
    top:52px;
    left:18px;
    right:18px;
    height:1px;
    background:linear-gradient(90deg,rgba(183,255,57,.3),rgba(183,255,57,0));
  }
  .site-header .main-nav a{
    width:100%;
    justify-content:flex-start;
    text-align:left;
    padding:0 18px;
    min-height:54px;
    font-size:14px;
    color:#f2f8f4;
    background:linear-gradient(180deg,rgba(16,23,28,.98),rgba(8,12,15,.98));
    clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);
    box-shadow:inset 0 0 0 1px rgba(183,255,57,.1), 0 12px 26px rgba(0,0,0,.16);
  }
  .site-header .main-nav a.is-active,
  .site-header .main-nav a:hover{
    color:#071006;
    background:linear-gradient(135deg,#d2ff4c 0%,#a9f221 100%);
    box-shadow:0 16px 32px rgba(151,241,30,.16);
  }
  .site-header .nav-commerce-actions{
    gap:8px;
  }
}

@media (max-width:700px){
  .site-header .nav-wrap{
    width:min(100% - 20px,1180px);
    gap:7px;
  }
  .site-header .brand img{
    height:35px;
    max-width:148px;
  }
  .site-header .nav-cart,
  .site-header .nav-account,
  .site-header .nav-toggle{
    width:44px;
    min-width:44px;
    height:40px;
    min-height:40px;
  }
  .site-header .nav-cart-count{
    top:4px;
    right:4px;
    min-width:18px;
    height:18px;
    padding:0 4px;
    font-size:9px;
  }
  .site-header .main-nav{
    width:min(300px,calc(100vw - 14px));
    padding:92px 14px 20px;
  }
  body.menu-open .site-header .main-nav,
  .site-header .main-nav.is-open,
  .site-header .main-nav[data-open="true"]{
    padding:92px 14px 20px;
  }
  .site-header .main-nav a{
    min-height:50px;
    padding:0 16px;
    font-size:13px;
  }
}

/* =========================================================
   KADALGAMING MOBILE SIDEBAR + CART FINAL POLISH
   Fixes old full-width menu conflict, boxy angled menu items,
   premium thin scrollbar, and cleaner mobile cart badge.
========================================================= */
.site-header .nav-cart,
.site-header .nav-account,
.site-header .nav-toggle{
  border-radius:0!important;
  overflow:visible!important;
}
.site-header .nav-cart .nav-action-icon{
  position:relative!important;
  z-index:2!important;
}
.site-header .nav-cart-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:0!important;
}

@media (max-width:980px){
  body.menu-open{overflow:hidden!important;}
  body.menu-open::before{
    content:""!important;
    position:fixed!important;
    inset:0!important;
    z-index:58!important;
    background:rgba(3,7,9,.58)!important;
    backdrop-filter:blur(7px)!important;
  }
  .site-header{z-index:70!important;}
  .site-header .nav-wrap{
    grid-template-columns:auto 1fr auto auto!important;
    grid-template-areas:"brand . actions toggle"!important;
    align-items:center!important;
  }

  /* Header action buttons */
  .site-header .nav-commerce-actions{gap:8px!important;}
  .site-header .nav-cart,
  .site-header .nav-account,
  .site-header .nav-toggle{
    width:48px!important;
    min-width:48px!important;
    height:44px!important;
    min-height:44px!important;
    background:linear-gradient(180deg,rgba(14,21,25,.98),rgba(5,10,13,.99))!important;
    clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)!important;
    box-shadow:inset 0 0 0 1px rgba(183,255,57,.22), inset 0 1px 0 rgba(255,255,255,.04), 0 12px 26px rgba(0,0,0,.24)!important;
  }
  .site-header .nav-icon-action .nav-action-icon{
    width:20px!important;
    height:20px!important;
    color:#b7ff39!important;
  }
  .site-header .nav-cart .nav-action-icon{
    transform:translate(-4px,4px)!important;
  }
  .site-header .nav-cart-count{
    top:4px!important;
    right:4px!important;
    min-width:17px!important;
    width:auto!important;
    height:17px!important;
    padding:0 4px!important;
    font-size:9px!important;
    line-height:1!important;
    background:linear-gradient(180deg,#d8ff5d 0%,#b7ff39 100%)!important;
    color:#061006!important;
    clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)!important;
    box-shadow:0 8px 14px rgba(0,0,0,.28),0 0 0 1px rgba(4,9,12,.95)!important;
  }
  .site-header .nav-toggle span{
    display:block!important;
    width:22px!important;
    height:2px!important;
    margin:4px auto!important;
    border-radius:999px!important;
    background:#f7fff9!important;
    opacity:1!important;
  }
  body.menu-open .site-header .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)!important;}
  body.menu-open .site-header .nav-toggle span:nth-child(2){opacity:0!important;transform:scaleX(.2)!important;}
  body.menu-open .site-header .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important;}

  /* Off-canvas sidebar - reset old full-width mobile menu rules */
  .site-header .main-nav{
    left:auto!important;
    right:0!important;
    top:0!important;
    bottom:auto!important;
    width:min(318px,calc(100vw - 20px))!important;
    height:100dvh!important;
    max-height:none!important;
    min-height:100dvh!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:98px 16px 24px!important;
    margin:0!important;
    border-radius:0!important;
    border:0!important;
    border-left:1px solid rgba(183,255,57,.18)!important;
    background:radial-gradient(circle at 100% 20%,rgba(183,255,57,.14),transparent 35%),linear-gradient(180deg,rgba(7,13,16,.99),rgba(3,8,10,.99))!important;
    box-shadow:-24px 0 58px rgba(0,0,0,.42),inset 1px 0 0 rgba(255,255,255,.03)!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:none!important;
    transform:translateX(108%)!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    scrollbar-width:thin!important;
    scrollbar-color:rgba(183,255,57,.74) rgba(10,16,20,.9)!important;
    transition:transform .3s cubic-bezier(.2,.8,.2,1)!important;
    z-index:59!important;
  }
  body.menu-open .site-header .main-nav,
  .site-header .main-nav.is-open,
  .site-header .main-nav[data-open="true"]{
    transform:translateX(0)!important;
    pointer-events:auto!important;
  }
  .site-header .main-nav::-webkit-scrollbar{width:7px!important;}
  .site-header .main-nav::-webkit-scrollbar-track{background:rgba(10,16,20,.9)!important;}
  .site-header .main-nav::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#b7ff39,#6da51d)!important;
    border-radius:0!important;
    border:2px solid rgba(10,16,20,.9)!important;
  }
  .site-header .main-nav::before{
    content:"MENU"!important;
    position:absolute!important;
    top:30px!important;
    left:18px!important;
    color:#b7ff39!important;
    font-size:12px!important;
    line-height:1!important;
    font-weight:950!important;
    letter-spacing:.22em!important;
  }
  .site-header .main-nav::after{
    content:""!important;
    position:absolute!important;
    top:56px!important;
    left:18px!important;
    right:18px!important;
    height:1px!important;
    background:linear-gradient(90deg,rgba(183,255,57,.45),rgba(183,255,57,0))!important;
  }
  .site-header .main-nav a{
    position:relative!important;
    width:100%!important;
    min-height:54px!important;
    padding:0 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    border:0!important;
    border-radius:0!important;
    color:#f3faf6!important;
    background:linear-gradient(180deg,rgba(16,24,29,.98),rgba(7,12,15,.98))!important;
    clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px)!important;
    box-shadow:inset 0 0 0 1px rgba(183,255,57,.14), inset 0 1px 0 rgba(255,255,255,.03), 0 12px 24px rgba(0,0,0,.16)!important;
    font-size:14px!important;
    line-height:1!important;
    font-weight:950!important;
    text-align:left!important;
    white-space:nowrap!important;
    transform:none!important;
    overflow:hidden!important;
  }
  .site-header .main-nav a::after{display:none!important;}
  .site-header .main-nav a::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(135deg,rgba(183,255,57,.10),rgba(183,255,57,0) 55%)!important;
    pointer-events:none!important;
  }
  .site-header .main-nav a:hover,
  .site-header .main-nav a.is-active{
    color:#071006!important;
    background:linear-gradient(135deg,#d4ff4f 0%,#a9f221 100%)!important;
    box-shadow:0 16px 32px rgba(151,241,30,.18)!important;
  }
  .site-header .main-nav a:hover::before,
  .site-header .main-nav a.is-active::before{
    background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,0) 55%)!important;
  }
}

@media (max-width:700px){
  .site-header .nav-wrap{
    width:min(100% - 18px,1180px)!important;
    gap:7px!important;
  }
  .site-header .brand img{
    height:34px!important;
    max-width:146px!important;
  }
  .site-header .nav-commerce-actions{gap:7px!important;}
  .site-header .nav-cart,
  .site-header .nav-account,
  .site-header .nav-toggle{
    width:44px!important;
    min-width:44px!important;
    height:40px!important;
    min-height:40px!important;
    clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px)!important;
  }
  .site-header .nav-icon-action .nav-action-icon{width:18px!important;height:18px!important;}
  .site-header .nav-cart .nav-action-icon{transform:translate(-4px,4px)!important;}
  .site-header .nav-cart-count{
    top:3px!important;
    right:3px!important;
    min-width:16px!important;
    height:16px!important;
    font-size:8.5px!important;
  }
  .site-header .main-nav{
    width:min(302px,calc(100vw - 16px))!important;
    padding:92px 14px 22px!important;
  }
  .site-header .main-nav::before{top:28px!important;left:16px!important;}
  .site-header .main-nav::after{top:52px!important;left:16px!important;right:16px!important;}
  .site-header .main-nav a{
    min-height:50px!important;
    padding:0 16px!important;
    font-size:13.5px!important;
    clip-path:polygon(13px 0,100% 0,100% calc(100% - 13px),calc(100% - 13px) 100%,0 100%,0 13px)!important;
  }
}

/* =========================================================
   KADALGAMING FINAL CONSISTENCY OVERRIDE
   Keep header action icons + sidebar trigger identical on every page.
========================================================= */
.site-header .nav-toggle{
  position:relative!important;
  overflow:hidden!important;
  display:none;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:4px!important;
}
.site-header .nav-toggle span{
  display:block!important;
  width:22px!important;
  height:2px!important;
  margin:0!important;
  border-radius:999px!important;
  background:#f7fff9!important;
  opacity:1!important;
  transform:none!important;
}
body.menu-open .site-header .nav-toggle span:nth-child(1){transform:translateY(6px) rotate(45deg)!important;}
body.menu-open .site-header .nav-toggle span:nth-child(2){opacity:0!important;transform:scaleX(.2)!important;}
body.menu-open .site-header .nav-toggle span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important;}

@media (max-width:980px){
  .site-header .nav-toggle{display:inline-flex!important;}
  .site-header .nav-wrap{
    grid-template-columns:auto 1fr auto auto!important;
    grid-template-areas:"brand . actions toggle"!important;
  }
  .site-header .nav-commerce-actions{grid-area:actions!important;}
  .site-header .brand{grid-area:brand!important;}
  .site-header .nav-toggle{grid-area:toggle!important;}

  .site-header .nav-cart,
  .site-header .nav-account,
  .site-header .nav-toggle{
    width:46px!important;
    min-width:46px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(13,20,24,.98),rgba(5,10,13,.99))!important;
    clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)!important;
    box-shadow:inset 0 0 0 1px rgba(183,255,57,.22), inset 0 1px 0 rgba(255,255,255,.04), 0 12px 24px rgba(0,0,0,.22)!important;
  }
  .site-header .nav-cart .nav-action-icon{
    width:18px!important;
    height:18px!important;
    transform:translate(-5px,5px)!important;
  }
  .site-header .nav-account .nav-action-icon{
    width:18px!important;
    height:18px!important;
    transform:none!important;
  }
  .site-header .nav-cart-count{
    top:4px!important;
    right:4px!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    font-size:9px!important;
    line-height:1!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#d8ff5d 0%,#b7ff39 100%)!important;
    color:#061006!important;
    clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)!important;
    box-shadow:0 8px 14px rgba(0,0,0,.28),0 0 0 1px rgba(4,9,12,.95)!important;
  }
  .site-header .nav-toggle span{width:22px!important;height:2px!important;}
}

@media (max-width:390px){
  .site-header .nav-cart,
  .site-header .nav-account,
  .site-header .nav-toggle{
    width:42px!important;
    min-width:42px!important;
    height:39px!important;
    min-height:39px!important;
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)!important;
  }
  .site-header .nav-cart .nav-action-icon{width:17px!important;height:17px!important;transform:translate(-5px,5px)!important;}
  .site-header .nav-account .nav-action-icon{width:17px!important;height:17px!important;}
  .site-header .nav-toggle span{width:20px!important;}
  .site-header .nav-cart-count{top:3px!important;right:3px!important;min-width:16px!important;height:16px!important;font-size:8px!important;}
}

/* =========================================================
   KADALGAMING SHOPPING/CATALOG NAV BUTTON HARD OVERRIDE
   Forces catalog page header buttons to match every other page.
========================================================= */
@media (max-width:980px){
  body.catalog-page .site-header .nav-wrap{
    display:grid!important;
    grid-template-columns:auto 1fr auto auto!important;
    grid-template-areas:"brand . actions toggle"!important;
    align-items:center!important;
  }
  body.catalog-page .site-header .brand{grid-area:brand!important;}
  body.catalog-page .site-header .nav-commerce-actions{grid-area:actions!important;}
  body.catalog-page .site-header .nav-toggle{
    grid-area:toggle!important;
    position:relative!important;
    overflow:hidden!important;
    display:inline-flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    place-items:unset!important;
    gap:4px!important;
    width:46px!important;
    min-width:46px!important;
    height:42px!important;
    min-height:42px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    color:#f7fff9!important;
    background:linear-gradient(180deg,rgba(13,20,24,.98),rgba(5,10,13,.99))!important;
    clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)!important;
    box-shadow:inset 0 0 0 1px rgba(183,255,57,.22), inset 0 1px 0 rgba(255,255,255,.04), 0 12px 24px rgba(0,0,0,.22)!important;
  }
  body.catalog-page .site-header .nav-toggle::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    background:linear-gradient(135deg,rgba(183,255,57,.22),rgba(183,255,57,0) 58%)!important;
    pointer-events:none!important;
  }
  body.catalog-page .site-header .nav-toggle span{
    position:relative!important;
    z-index:2!important;
    display:block!important;
    width:22px!important;
    height:2px!important;
    min-height:2px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:#f7fff9!important;
    opacity:1!important;
    transform:none!important;
    transition:transform .22s ease, opacity .22s ease!important;
  }
  body.catalog-page.menu-open .site-header .nav-toggle span:nth-child(1),
  body.menu-open.catalog-page .site-header .nav-toggle span:nth-child(1){
    transform:translateY(6px) rotate(45deg)!important;
  }
  body.catalog-page.menu-open .site-header .nav-toggle span:nth-child(2),
  body.menu-open.catalog-page .site-header .nav-toggle span:nth-child(2){
    opacity:0!important;
    transform:scaleX(.2)!important;
  }
  body.catalog-page.menu-open .site-header .nav-toggle span:nth-child(3),
  body.menu-open.catalog-page .site-header .nav-toggle span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg)!important;
  }

  body.catalog-page .site-header .nav-cart,
  body.catalog-page .site-header .nav-account{
    width:46px!important;
    min-width:46px!important;
    height:42px!important;
    min-height:42px!important;
    border-radius:0!important;
    background:linear-gradient(180deg,rgba(13,20,24,.98),rgba(5,10,13,.99))!important;
    clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)!important;
    box-shadow:inset 0 0 0 1px rgba(183,255,57,.22), inset 0 1px 0 rgba(255,255,255,.04), 0 12px 24px rgba(0,0,0,.22)!important;
  }
  body.catalog-page .site-header .nav-cart .nav-action-icon,
  body.catalog-page .site-header .nav-account .nav-action-icon{
    width:18px!important;
    height:18px!important;
  }
  body.catalog-page .site-header .nav-cart .nav-action-icon{transform:translate(-5px,5px)!important;}
  body.catalog-page .site-header .nav-account .nav-action-icon{transform:none!important;}
  body.catalog-page .site-header .nav-cart-count{
    top:4px!important;
    right:4px!important;
    min-width:17px!important;
    height:17px!important;
    padding:0 4px!important;
    font-size:9px!important;
    line-height:1!important;
    border-radius:0!important;
    background:linear-gradient(180deg,#d8ff5d 0%,#b7ff39 100%)!important;
    color:#061006!important;
    clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px)!important;
    box-shadow:0 8px 14px rgba(0,0,0,.28),0 0 0 1px rgba(4,9,12,.95)!important;
  }
}

@media (max-width:390px){
  body.catalog-page .site-header .nav-cart,
  body.catalog-page .site-header .nav-account,
  body.catalog-page .site-header .nav-toggle{
    width:42px!important;
    min-width:42px!important;
    height:39px!important;
    min-height:39px!important;
    clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)!important;
  }
  body.catalog-page .site-header .nav-toggle span{width:20px!important;}
  body.catalog-page .site-header .nav-cart-count{
    top:3px!important;
    right:3px!important;
    min-width:16px!important;
    height:16px!important;
    font-size:8px!important;
  }
}

/* =========================================================
   KADALGAMING HAMBURGER CENTER FINAL FIX
   Absolute-centered bars so Shopping/Catalog cannot shift the icon.
========================================================= */
@media (max-width:980px){
  .site-header .nav-toggle,
  body.catalog-page .site-header .nav-toggle{
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    place-items:center!important;
    gap:0!important;
    overflow:hidden!important;
    padding:0!important;
  }

  .site-header .nav-toggle span,
  body.catalog-page .site-header .nav-toggle span{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    z-index:3!important;
    display:block!important;
    width:22px!important;
    height:2px!important;
    min-height:2px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:999px!important;
    background:#f7fff9!important;
    opacity:1!important;
    transform-origin:center center!important;
    transition:transform .22s ease, opacity .22s ease!important;
  }

  .site-header .nav-toggle span:nth-child(1),
  body.catalog-page .site-header .nav-toggle span:nth-child(1){
    transform:translate(-50%,-8px)!important;
  }
  .site-header .nav-toggle span:nth-child(2),
  body.catalog-page .site-header .nav-toggle span:nth-child(2){
    transform:translate(-50%,-50%)!important;
  }
  .site-header .nav-toggle span:nth-child(3),
  body.catalog-page .site-header .nav-toggle span:nth-child(3){
    transform:translate(-50%,6px)!important;
  }

  body.menu-open .site-header .nav-toggle span:nth-child(1),
  body.menu-open.catalog-page .site-header .nav-toggle span:nth-child(1),
  body.catalog-page.menu-open .site-header .nav-toggle span:nth-child(1){
    transform:translate(-50%,-50%) rotate(45deg)!important;
  }
  body.menu-open .site-header .nav-toggle span:nth-child(2),
  body.menu-open.catalog-page .site-header .nav-toggle span:nth-child(2),
  body.catalog-page.menu-open .site-header .nav-toggle span:nth-child(2){
    opacity:0!important;
    transform:translate(-50%,-50%) scaleX(.2)!important;
  }
  body.menu-open .site-header .nav-toggle span:nth-child(3),
  body.menu-open.catalog-page .site-header .nav-toggle span:nth-child(3),
  body.catalog-page.menu-open .site-header .nav-toggle span:nth-child(3){
    transform:translate(-50%,-50%) rotate(-45deg)!important;
  }
}

@media (max-width:390px){
  .site-header .nav-toggle span,
  body.catalog-page .site-header .nav-toggle span{
    width:20px!important;
  }
}