/**
 * ABHITA unified public header, footer & social — v1.5.5-mobile-drawer-final
 */
:root {
  --public-header-height: 82px;
  --public-header-current-height: var(--public-header-height);
  --public-nav-font-size: 15px;
  --public-action-height: 44px;
  --public-footer-link-size: 15px;
  --public-shell-max-width: 1440px;
  color-scheme: dark;
}

[hidden]{display:none!important;}

.logo-svg{width:100%;height:100%;}
.logo-svg .a-curve-black{stroke:#0a0a0a;stroke-width:14;stroke-linecap:round;fill:none;}
.logo-svg .a-curve-lime{stroke:var(--lime);stroke-width:14;stroke-linecap:round;fill:none;}
.logo-svg .crossbar{stroke:var(--lime);stroke-width:12;stroke-linecap:round;}
.logo-svg .node-dark{fill:#0a0a0a;stroke:var(--lime);stroke-width:3;}
.logo-svg .node-lime{fill:var(--lime);stroke:#0a0a0a;stroke-width:2;}

.abhi-public-shell{padding-top:var(--public-header-height);}

/* ── Header ── */
.public-header,
header.public-header{position:fixed;top:3px;left:0;right:0;z-index:900;background:rgba(7,9,14,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--rim);overflow:visible;}

.public-header.public-header-measuring{pointer-events:none;}

.public-header-inner,
.nav-inner{
  max-width:var(--public-shell-max-width);
  margin:0 auto;
  padding:0 clamp(14px,2vw,24px);
  min-height:calc(var(--public-header-height) - 3px);
  height:calc(var(--public-header-height) - 3px);
  display:grid;
  grid-template-columns:max-content minmax(0,1fr) max-content;
  align-items:center;
  column-gap:clamp(16px,1.2vw,28px);
}

.nav-logo,
.public-header-brand{
  display:inline-flex;
  align-items:center;
  gap:10px;
  text-decoration:none;
  color:inherit;
  flex:0 0 auto;
  min-width:max-content;
  white-space:nowrap;
  position:relative;
  z-index:2;
  cursor:pointer;
}
.nav-logo>div{display:flex;flex-direction:column;min-width:78px;flex-shrink:0;white-space:nowrap;}
.nav-lmark{width:38px;height:38px;flex-shrink:0;}
#nav-logo-mark{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;background:transparent;overflow:visible;}
#nav-logo-mark img,.nav-lmark img{height:44px;width:auto;max-width:132px;object-fit:contain;display:block;}
#nav-logo-mark svg.nav-lmark{width:40px;height:40px;}
.abhi-logo-text-fallback{font-family:var(--hd,Bebas Neue,sans-serif);font-size:18px;letter-spacing:.06em;color:var(--text,#edf1ff);line-height:1;}
.nav-brand{font-family:var(--hd);font-size:24px;letter-spacing:.06em;line-height:1;color:var(--text);flex-shrink:0;}
.nav-brand .ita{color:var(--lime);}
.nav-tag{font-size:8px;color:var(--t3);font-family:var(--mono);margin-top:2px;letter-spacing:.05em;flex-shrink:0;}

.public-primary-nav,
.nav-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(12px,.9vw,20px);
  min-width:0;
  flex-wrap:nowrap;
  overflow:visible;
  white-space:nowrap;
}
.public-primary-nav > *,
.nav-links > *{flex:0 0 auto;}

.public-nav-link,
.nl{
  padding:8px clamp(8px,1vw,13px);
  border-radius:8px;
  font-size:var(--public-nav-font-size);
  font-weight:500;
  color:var(--t2);
  transition:color .2s,background .2s;
  cursor:pointer;
  text-decoration:none;
  white-space:nowrap;
  flex-shrink:0;
  line-height:1.2;
  border:none;
  background:transparent;
  font-family:inherit;
  overflow:visible;
}
.nav-links a.nl{color:inherit;}
.public-nav-link:hover,.nl:hover{color:var(--text);background:var(--s3);}
.public-nav-link.act,.nl.act{color:var(--lime);}
.home-page .nav-link-home{display:none;}
.nl-hot{position:relative;padding-right:20px;}
.nl-hot::after{content:'HOT';position:absolute;top:3px;right:0;font-size:8px;background:var(--rose);color:#fff;padding:1px 4px;border-radius:3px;font-family:var(--mono);font-weight:700;line-height:1.2;pointer-events:none;}

.public-header-actions,
.nav-actions{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:max-content;
  flex-wrap:nowrap;
  white-space:nowrap;
  justify-content:flex-end;
}

.public-nav-account,
.nav-account{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 10px;
  border-radius:8px;
  font-size:13px;
  cursor:pointer;
  color:var(--t2);
  white-space:nowrap;
  flex-shrink:0;
  border:none;
  background:transparent;
  font-family:inherit;
}
.nav-account:hover,.public-nav-account:hover{background:var(--s3);color:var(--text);}
.nav-account img,.public-nav-account img{width:22px;height:22px;border-radius:50%;border:1.5px solid var(--lime);flex-shrink:0;}
.public-account-name{max-width:88px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.public-nav-signin,.nl-signin{white-space:nowrap;min-width:max-content;letter-spacing:0;}

.public-nav-cart,.nav-cart{
  position:relative;
  cursor:pointer;
  padding:8px 12px;
  border-radius:8px;
  color:var(--t2);
  white-space:nowrap;
  flex-shrink:0;
  line-height:1;
  display:inline-flex;
  align-items:center;
  height:var(--public-action-height);
  box-sizing:border-box;
  font-size:var(--public-nav-font-size);
  border:none;
  background:transparent;
  font-family:inherit;
}
.nav-cart:hover,.public-nav-cart:hover{background:var(--s3);color:var(--text);}
.nav-cart-badge,.public-nav-cart-badge{
  position:absolute;top:2px;right:2px;
  background:var(--lime);color:var(--ink);
  font-size:10px;font-weight:700;
  min-width:18px;height:18px;padding:0 4px;
  border-radius:99px;
  display:flex;align-items:center;justify-content:center;
  font-family:var(--mono);
}

.public-nav-locate,.nav-locate-btn{
  margin-left:0;
  padding:0 14px;
  height:var(--public-action-height);
  min-height:var(--public-action-height);
  max-height:var(--public-action-height);
  border-radius:10px;
  border:1.5px solid var(--rim2);
  color:var(--text);
  font-size:13px;
  font-weight:600;
  text-decoration:none;
  white-space:nowrap;
  transition:all .2s;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  flex-shrink:0;
  box-sizing:border-box;
}
.nav-locate-btn:hover,.public-nav-locate:hover{border-color:var(--lime);color:var(--lime);background:var(--s3);}
.public-nav-locate .locate-label-short{display:none;}

.public-nav-cta,.nav-cta{
  margin-left:0;
  padding:0 18px;
  height:var(--public-action-height);
  min-height:var(--public-action-height);
  max-height:var(--public-action-height);
  border-radius:12px;
  background:var(--lime);
  color:var(--ink);
  font-weight:700;
  font-size:13px;
  transition:all .2s;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  white-space:nowrap;
  line-height:1;
  flex-shrink:0;
  box-sizing:border-box;
}
.nav-cta:hover,.public-nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 24px rgba(184,255,0,.4);}

.nav-ham,
.public-header-menu-toggle{
  display:none;
  padding:8px;
  min-width:44px;
  min-height:44px;
  cursor:pointer;
  flex-shrink:0;
  align-items:center;
  justify-content:center;
  border:none;
  background:transparent;
  font-family:inherit;
  color:var(--t2);
}
.public-menu-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0;}
.public-menu-icon svg{display:block;}

.public-mobile-drawer-backdrop,
.nav-backdrop{
  position:fixed;
  top:var(--public-header-current-height, var(--public-header-height));
  right:0;
  bottom:0;
  left:0;
  z-index:4999;
  background:rgba(0,0,0,.58);
  border:0;
  padding:0;
  margin:0;
}
.public-mobile-drawer-backdrop[hidden],
.nav-backdrop[hidden]{display:none!important;}

.public-header-menu-toggle[aria-expanded="true"] .public-menu-icon--open{display:none!important;}
.public-header-menu-toggle[aria-expanded="true"] .public-menu-icon--close{display:inline-flex!important;}
.public-header-menu-toggle[aria-expanded="false"] .public-menu-icon--close{display:none!important;}
.public-header-menu-toggle[aria-expanded="false"] .public-menu-icon--open{display:inline-flex!important;}

/* ── Header modes (data-header-mode) ── */

/* Full: all nav + actions visible, hamburger hidden */
.public-header[data-header-mode="full"] .public-header-menu-toggle,
.public-header[data-header-mode="full"] .nav-ham{display:none!important;}

/* Compact: tighter spacing, shorter labels */
.public-header[data-header-mode="compact"] .public-primary-nav,
.public-header[data-header-mode="compact"] .nav-links{gap:8px;}
.public-header[data-header-mode="compact"] .public-nav-link,
.public-header[data-header-mode="compact"] .nl{padding:7px 8px;font-size:14px;}
.public-header[data-header-mode="compact"] .public-header-inner,
.public-header[data-header-mode="compact"] .nav-inner{column-gap:14px;}
.public-header[data-header-mode="compact"] .public-account-name{max-width:64px;}
.public-header[data-header-mode="compact"] .public-nav-locate .locate-label-long{display:none;}
.public-header[data-header-mode="compact"] .public-nav-locate .locate-label-short{display:inline;}
.public-header[data-header-mode="compact"] .public-nav-locate,
.public-header[data-header-mode="compact"] .nav-locate-btn{padding:0 10px;font-size:14px;}
.public-header[data-header-mode="compact"] .public-nav-cta,
.public-header[data-header-mode="compact"] .nav-cta{padding:0 14px;font-size:14px;}
.public-header[data-header-mode="compact"] .public-header-menu-toggle,
.public-header[data-header-mode="compact"] .nav-ham{display:none!important;}

/* Drawer: hide primary nav from layout, show hamburger */
.public-header[data-header-mode="drawer"] .public-primary-nav,
.public-header[data-header-mode="drawer"] .nav-links{display:none!important;}
.public-header[data-header-mode="drawer"] .public-header-actions,
.public-header[data-header-mode="drawer"] .nav-actions{gap:8px;}
.public-header[data-header-mode="drawer"] .public-nav-locate .locate-label-long{display:none;}
.public-header[data-header-mode="drawer"] .public-nav-locate .locate-label-short{display:inline;}
.public-header[data-header-mode="drawer"] .public-nav-locate,
.public-header[data-header-mode="drawer"] .nav-locate-btn{padding:0 10px;font-size:14px;}
.public-header[data-header-mode="drawer"] .public-nav-cta,
.public-header[data-header-mode="drawer"] .nav-cta{padding:0 14px;font-size:14px;}
.public-header[data-header-mode="drawer"] .public-header-menu-toggle,
.public-header[data-header-mode="drawer"] .nav-ham{display:inline-flex!important;}

/* Desktop drawer mode: nav links only inside panel (actions stay in header bar) */
@media(min-width:768px){
  .public-mobile-drawer .public-mobile-account,
  .public-mobile-drawer .public-drawer-account,
  .public-mobile-drawer .public-mobile-actions,
  .public-mobile-drawer .public-drawer-actions{display:none!important;}
}

/* ── Mobile drawer panel (sibling of header — not clipped by backdrop-filter) ── */
.public-mobile-drawer{
  position:fixed;
  top:var(--public-header-current-height, var(--public-header-height));
  right:0;
  bottom:0;
  left:0;
  z-index:5000;
  background:#07090e;
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
  border:0;
  margin:0;
  padding:0;
}
.public-mobile-drawer[hidden]{display:none!important;}
.public-mobile-drawer-inner{
  min-height:100%;
  padding:
    18px
    max(18px, env(safe-area-inset-right))
    calc(28px + env(safe-area-inset-bottom))
    max(18px, env(safe-area-inset-left));
}

.public-mobile-account,
.public-drawer-account{
  min-height:52px;
  display:flex;
  align-items:center;
  padding-bottom:14px;
  border-bottom:1px solid var(--rim);
}
.public-mobile-account .public-nav-signin,
.public-mobile-account .public-nav-account,
.public-drawer-account .public-nav-signin,
.public-drawer-account .public-nav-account{
  display:flex;
  width:100%;
  min-height:48px;
  padding:11px 14px;
  font-size:15px;
  text-align:left;
  justify-content:flex-start;
  border-radius:10px;
}

.public-mobile-nav,
.public-drawer-links{
  display:grid;
  gap:6px;
  margin-top:16px;
}
.public-mobile-nav a,
.public-drawer-links .public-nav-link,
.public-drawer-links .nl,
.public-drawer-links a{
  display:flex;
  align-items:center;
  min-height:48px;
  padding:11px 14px;
  border-radius:10px;
  color:var(--text,#edf1ff);
  text-decoration:none;
  font-size:15px;
  width:100%;
  box-sizing:border-box;
}
.public-mobile-nav a:hover,
.public-mobile-nav a:focus-visible,
.public-mobile-nav a.act,
.public-drawer-links a:hover,
.public-drawer-links a:focus-visible,
.public-drawer-links a.act{
  background:rgba(181,255,0,.09);
  color:var(--lime);
}

.public-mobile-actions,
.public-drawer-actions{
  display:grid;
  gap:10px;
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid var(--rim);
}
.public-mobile-cart,
.public-drawer-cart{
  width:100%;
  min-height:48px;
  justify-content:center;
  font-size:15px;
  border:1px solid var(--rim2);
  border-radius:10px;
  background:var(--s2);
}
.public-mobile-locate,
.public-drawer-locate{
  width:100%;
  min-height:48px!important;
  max-height:none!important;
  height:auto!important;
  padding:12px 16px!important;
  font-size:15px!important;
  text-align:center;
  justify-content:center;
  border-radius:10px;
}
.public-mobile-quote,
.public-drawer-cta{
  width:100%;
  min-height:50px!important;
  max-height:none!important;
  height:auto!important;
  padding:14px 16px!important;
  font-size:15px!important;
  text-align:center;
  justify-content:center;
  margin:0;
  border-radius:12px;
  background:var(--lime);
  color:var(--ink);
  font-weight:700;
}

body.public-drawer-open,
body.nav-open{
  overflow:hidden;
  touch-action:none;
}

body.public-drawer-open .whatsapp-float,
body.public-drawer-open .wa-float,
body.public-drawer-open #wa-float,
body.public-drawer-open .wa-float-wrap,
body.nav-open .whatsapp-float,
body.nav-open .wa-float,
body.nav-open #wa-float,
body.nav-open .wa-float-wrap{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
}

/* ── Mobile header (Logo | Cart | Hamburger) ── */
@media(max-width:767px){
  :root{--public-header-height:68px;--public-header-current-height:68px;}

  .public-header-inner,.nav-inner{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    min-height:68px;
    height:68px;
    padding-inline:18px max(18px,env(safe-area-inset-right));
  }

  .public-header-brand{min-width:0;}

  #nav-logo-mark img,.nav-lmark img{max-width:min(178px,58vw);height:44px;}

  .public-header-actions,.nav-actions{
    display:flex;
    align-items:center;
    gap:8px;
  }

  .public-header .public-header-actions > :not(.public-nav-cart):not(.nav-cart):not(.public-mobile-top-cart):not(.public-header-menu-toggle):not(.nav-ham){
    display:none!important;
  }

  .public-header .public-header-menu-toggle,
  .public-header .nav-ham{display:inline-flex!important;}

  .public-mobile-top-cart,
  .public-header-actions .public-nav-cart{
    min-width:44px;
    min-height:44px;
    padding:8px 12px;
  }
}

/* ── Footer ── */
.public-footer,
footer.abhi-public-footer,
footer.public-footer{
  background:var(--s1);
  border-top:1px solid var(--rim);
  padding:clamp(40px,4vw,52px) clamp(16px,2vw,24px) calc(32px + env(safe-area-inset-bottom,0px));
  margin-top:60px;
  text-align:left;
}
.public-footer.abhi-footer-near-float{padding-bottom:calc(120px + env(safe-area-inset-bottom,0px));}

.footer-inner{max-width:var(--public-shell-max-width);margin:0 auto;}

.public-footer-grid,
.footer-top{
  display:grid;
  grid-template-columns:minmax(220px,1.4fr) repeat(6,minmax(120px,1fr));
  gap:clamp(24px,2vw,42px);
  align-items:start;
  margin-bottom:36px;
  text-align:left;
}

@media(min-width:1600px){
  .public-footer-grid,.footer-top{
    grid-template-columns:minmax(240px,1.45fr) repeat(6,minmax(125px,1fr));
  }
}

@media(min-width:1280px) and (max-width:1599px){
  .public-footer-grid,.footer-top{
    grid-template-columns:minmax(220px,1.35fr) repeat(3,minmax(130px,1fr));
  }
}

@media(max-width:1279px) and (min-width:768px){
  .public-footer-grid,.footer-top{grid-template-columns:minmax(200px,1.2fr) repeat(2,minmax(140px,1fr));}
}

@media(max-width:767px){
  .public-footer-grid,.footer-top{grid-template-columns:1fr;}
}

.public-footer-column,
.public-footer-brand{text-align:left;}
.public-footer-heading,
.public-footer-col-title,
.fcol-title{text-align:left;}
.public-footer-links,
.public-footer-col-links,
.fcol-links{
  display:flex;
  flex-direction:column;
  gap:8px;
  align-items:flex-start;
  text-align:left;
}

.fb-logo{display:flex;align-items:center;gap:10px;margin-bottom:14px;}
.fb-mark-wrap{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;}
.fb-mark{width:36px;height:36px;display:block;}
.fb-name{font-family:var(--hd);font-size:24px;letter-spacing:.04em;}
.fb-name .ita{color:var(--lime);}
.footer-desc,.public-footer-desc{font-size:14px;color:var(--t2);line-height:1.65;margin-bottom:14px;max-width:36ch;}
.footer-area-line{font-size:12px;color:var(--t3);line-height:1.5;margin-top:8px;}
.fcol-title,.public-footer-col-title{font-family:var(--mono);font-size:10px;color:var(--t3);text-transform:uppercase;letter-spacing:.12em;margin-bottom:12px;}
.fcol-link,.public-footer-link{
  font-size:var(--public-footer-link-size);
  color:var(--t2);
  text-decoration:none;
  transition:color .2s;
  display:inline-flex;
  align-items:flex-start;
  max-width:100%;
  line-height:1.45;
  text-align:left;
  justify-content:flex-start;
}
.fcol-link:hover,.public-footer-link:hover{color:var(--lime);}
.fcol-link:focus-visible,.public-footer-link:focus-visible{outline:2px solid var(--lime);outline-offset:2px;}

.public-footer-connect-col{min-width:0;}
.public-footer-connect-note{font-size:13px;color:var(--t3);line-height:1.55;margin-bottom:12px;max-width:32ch;text-align:left;}
.footer-social-list{display:grid;gap:10px;text-align:left;}
.footer-social-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:38px;
  color:var(--t2);
  text-decoration:none;
  transition:color .2s ease,transform .2s ease;
  font-size:var(--public-footer-link-size);
  text-align:left;
  justify-content:flex-start;
}
.footer-social-link:hover,.footer-social-link:focus-visible{color:var(--lime);transform:translateX(2px);}
.footer-social-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 22px;color:currentColor;}
.footer-social-icon svg{width:20px;height:20px;display:block;}
.footer-social-label{line-height:1.2;}

.public-footer-bottom,.footer-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid var(--rim);
  padding-top:20px;
  flex-wrap:wrap;
  gap:12px;
  text-align:left;
}
.fcopy,.public-footer-copy{font-size:12px;color:var(--t3);font-family:var(--mono);line-height:1.5;}
.public-footer-util{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.public-footer-util a,
.public-footer-util button{
  font-size:12px;
  color:var(--t3);
  font-family:var(--mono);
  text-decoration:none;
  background:none;
  border:none;
  padding:0;
  cursor:pointer;
}
.public-footer-util a:hover,
.public-footer-util button:hover{color:var(--lime);}

.bg-glow{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(184,255,0,.07) 0%,transparent 60%),radial-gradient(ellipse 40% 30% at 85% 75%,rgba(0,229,255,.05) 0%,transparent 50%);}

body.abhita-footer-widgets-lift .wa-float,
body.abhita-footer-widgets-lift #abhita-cart-float{
  transition:transform .25s ease,bottom .25s ease;
}
body.abhita-footer-widgets-lift.abhita-footer-in-view .wa-float{
  transform:translateY(-72px);
}
body.abhita-footer-widgets-lift.abhita-footer-in-view #abhita-cart-float{
  transform:translateY(-64px);
}