/* BITANIK Quantum 2.9.26 — Luxury Quick Access / Popular Brands
 * Scoped visual-only redesign. Existing routes, tracking and data sources are preserved.
 */
.bitanik-luxury-nav{
  --bq-lux-bg:#FBF9F5;
  --bq-lux-surface:#FFFDF8;
  --bq-lux-gold:#D8A63B;
  --bq-lux-gold-light:#F4D98C;
  --bq-lux-gold-dark:#9A6A16;
  --bq-lux-text:#553614;
  --bq-lux-text-muted:#6D5A45;
  direction:rtl;
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:24px!important;
  border-radius:28px!important;
  border:1px solid rgba(255,255,255,.90)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.82),rgba(248,241,225,.55))!important;
  box-shadow:0 18px 45px rgba(135,100,35,.12),inset 0 1px 0 rgba(255,255,255,.95)!important;
  -webkit-backdrop-filter:blur(18px) saturate(140%);
  backdrop-filter:blur(18px) saturate(140%);
}
.bitanik-luxury-nav::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 15% 0%,rgba(244,217,140,.15),transparent 34%),radial-gradient(circle at 85% 100%,rgba(255,255,255,.55),transparent 40%);
  z-index:-1;
}
.bitanik-luxury-nav__title{
  display:flex!important;
  align-items:center;
  justify-content:center;
  gap:10px;
  margin:0 0 20px!important;
  text-align:center!important;
  color:#936316!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.45;
}
.bitanik-luxury-nav__title::before,.bitanik-luxury-nav__title::after{
  content:"";
  width:10px;height:10px;flex:0 0 10px;
  background:linear-gradient(135deg,#F4D98C,#D8A63B 52%,#9A6A16);
  transform:rotate(45deg);
  border-radius:2px;
  box-shadow:0 0 8px rgba(216,166,59,.28),inset 0 1px 1px rgba(255,255,255,.8);
}
.bitanik-luxury-nav .bitanik-luxury-nav__grid,
body.bq2-active .bitanik-luxury-nav .bitanik-luxury-nav__grid{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  margin-top:0!important;
}
.bitanik-luxury-nav .bq2-glass-key{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  gap:14px!important;
  min-height:88px!important;
  padding:10px 18px!important;
  border-radius:24px!important;
  border:1px solid rgba(255,255,255,.95)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(248,242,229,.58))!important;
  box-shadow:0 10px 22px rgba(160,110,25,.14),0 2px 6px rgba(120,80,20,.10),inset 0 2px 1px rgba(255,255,255,.95),inset 0 -3px 7px rgba(195,145,55,.08)!important;
  -webkit-backdrop-filter:blur(14px);
  backdrop-filter:blur(14px);
  color:var(--bq-lux-text)!important;
  overflow:hidden!important;
  text-decoration:none!important;
  transition:transform .21s ease-out,box-shadow .21s ease-out,border-color .21s ease-out!important;
}
.bitanik-luxury-nav .bq2-glass-key::before{
  content:""!important;
  position:absolute!important;
  inset:1px!important;
  border-radius:inherit!important;
  padding:1px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(232,188,88,.60),rgba(255,255,255,.75),rgba(191,132,25,.38))!important;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0)!important;
  -webkit-mask-composite:xor!important;
  mask-composite:exclude!important;
  pointer-events:none!important;
  z-index:2!important;
}
.bitanik-luxury-nav .bq2-glass-key::after{
  content:""!important;
  position:absolute!important;
  top:4px!important;
  left:8%!important;
  width:84%!important;
  height:30%!important;
  border-radius:50%!important;
  background:linear-gradient(to bottom,rgba(255,255,255,.55),rgba(255,255,255,0))!important;
  filter:blur(5px)!important;
  pointer-events:none!important;
  opacity:1!important;
}
.bitanik-luxury-nav .bq2-glass-key:hover{
  transform:translateY(-3px)!important;
  border-color:rgba(221,171,66,.65)!important;
  box-shadow:0 16px 30px rgba(160,110,25,.20),0 4px 10px rgba(120,80,20,.10),inset 0 2px 2px rgba(255,255,255,.98)!important;
}
.bitanik-luxury-nav .bq2-glass-key:active{
  transform:translateY(2px) scale(.985)!important;
  box-shadow:0 3px 8px rgba(135,90,20,.14),inset 0 3px 7px rgba(145,95,20,.10)!important;
}
.bitanik-luxury-nav .bq2-glass-key:focus-visible{
  outline:3px solid rgba(215,164,53,.45)!important;
  outline-offset:3px!important;
  transform:none!important;
}
.bitanik-luxury-nav .bq2-glass-key-icon{
  position:relative!important;
  z-index:1!important;
  width:60px!important;
  height:60px!important;
  flex:0 0 60px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border-radius:18px!important;
  padding:8px!important;
  border:1px solid rgba(255,255,255,.95)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.93),rgba(244,234,212,.65))!important;
  box-shadow:0 6px 14px rgba(160,110,25,.16),inset 0 2px 1px rgba(255,255,255,.95),inset 0 -2px 5px rgba(193,137,35,.08)!important;
  color:#9A6A16!important;
  animation:none!important;
  transform:none!important;
  overflow:hidden!important;
}
.bitanik-luxury-nav .bq2-glass-key-icon::before,
.bitanik-luxury-nav .bq2-glass-key-icon::after{animation:none!important}
.bitanik-luxury-nav .bq2-glass-key-icon img,
.bitanik-luxury-nav .bq2-glass-key-icon svg{
  display:block!important;
  max-width:38px!important;
  max-height:38px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  filter:none!important;
}
.bitanik-luxury-nav .bq2-glass-key-icon>svg{width:34px!important;height:34px!important;stroke:#9A6A16!important;fill:none!important}
.bitanik-luxury-nav .bq2-glass-key-label{
  position:relative;
  z-index:1;
  flex:1!important;
  min-width:0;
  text-align:center!important;
  color:#543715!important;
  font-size:17px!important;
  font-weight:700!important;
  line-height:1.5!important;
  overflow-wrap:anywhere;
}
.bitanik-luxury-nav .bq2-glass-key-glint{display:none!important}
.bitanik-luxury-nav--brands .bq2-glass-key{min-height:76px!important}
.bitanik-luxury-nav--brands .bq2-glass-key-icon{
  width:54px!important;height:54px!important;flex-basis:54px!important;border-radius:50%!important;padding:5px!important;
}
.bitanik-luxury-nav--brands .bq2-glass-key-icon img{
  max-width:44px!important;max-height:44px!important;width:44px!important;height:44px!important;object-fit:contain!important;border-radius:50%!important;background:#fff!important;
}
.bitanik-luxury-nav--brands .bq2-glass-key-label{direction:ltr!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
@media(max-width:600px){
  .bitanik-luxury-nav{padding:16px!important;border-radius:24px!important}
  .bitanik-luxury-nav__title{font-size:18px!important;margin-bottom:16px!important}
  .bitanik-luxury-nav .bitanik-luxury-nav__grid,
  body.bq2-active .bitanik-luxury-nav .bitanik-luxury-nav__grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .bitanik-luxury-nav .bq2-glass-key{min-height:72px!important;padding:8px 10px!important;border-radius:19px!important;gap:8px!important}
  .bitanik-luxury-nav .bq2-glass-key-icon{width:48px!important;height:48px!important;flex-basis:48px!important;border-radius:15px!important;padding:6px!important}
  .bitanik-luxury-nav .bq2-glass-key-icon img,.bitanik-luxury-nav .bq2-glass-key-icon svg{max-width:34px!important;max-height:34px!important}
  .bitanik-luxury-nav .bq2-glass-key-label{font-size:14px!important;line-height:1.45!important}
  .bitanik-luxury-nav--brands .bq2-glass-key{min-height:70px!important}
  .bitanik-luxury-nav--brands .bq2-glass-key-icon{width:46px!important;height:46px!important;flex-basis:46px!important;border-radius:50%!important}
  .bitanik-luxury-nav--brands .bq2-glass-key-icon img{width:38px!important;height:38px!important;max-width:38px!important;max-height:38px!important}
  .bitanik-luxury-nav--brands .bq2-glass-key-label{font-size:12px!important}
}
@media(max-width:360px){
  .bitanik-luxury-nav{padding:13px!important}
  .bitanik-luxury-nav .bitanik-luxury-nav__grid,
  body.bq2-active .bitanik-luxury-nav .bitanik-luxury-nav__grid{gap:9px!important}
  .bitanik-luxury-nav .bq2-glass-key{padding:7px 8px!important;gap:6px!important}
  .bitanik-luxury-nav .bq2-glass-key-icon{width:43px!important;height:43px!important;flex-basis:43px!important}
  .bitanik-luxury-nav .bq2-glass-key-label{font-size:12px!important}
}
@media(prefers-reduced-motion:reduce){
  .bitanik-luxury-nav .bq2-glass-key{transition:none!important}
}