/* V28 — exact fixes for Taj Decor */

/* ---------- MAIN NAV ---------- */
.nav{
  overflow:visible !important;
}
.nav > a,
.nav-item > a{
  white-space:nowrap !important;
  overflow:visible !important;
  text-overflow:clip !important;
}

/* User asked: NO line when hovering menu text */
.nav a:hover:after,
.nav-item a:hover:after,
.nav-dropdown a:after,
.nav-dropdown a:hover:after{
  display:none !important;
  content:none !important;
}

/* Keep active-page marker only on top-level direct nav item, if any */
.nav > a.active:after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  right:0 !important;
  left:0 !important;
  bottom:19px !important;
  height:2px !important;
  background:var(--gold) !important;
}

/* Dropdown exact class from the site */
.nav-item{
  position:relative !important;
}
.nav-dropdown{
  display:none !important;
  position:absolute !important;
  top:72px !important;
  right:50% !important;
  transform:translateX(50%) !important;
  width:240px !important;
  min-width:240px !important;
  padding:8px !important;
  background:#fff !important;
  border:1px solid var(--line) !important;
  border-radius:13px !important;
  box-shadow:0 16px 38px rgba(40,28,12,.13) !important;
  z-index:1000 !important;
  overflow:hidden !important;
}
.nav-item:hover > .nav-dropdown,
.nav-item.open > .nav-dropdown{
  display:flex !important;
  flex-direction:column !important;
  gap:3px !important;
}
.nav-dropdown a{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  width:100% !important;
  min-height:42px !important;
  padding:9px 12px !important;
  border-radius:8px !important;
  white-space:nowrap !important;
  line-height:1.5 !important;
  overflow:visible !important;
  text-overflow:clip !important;
}
.nav-dropdown a:hover{
  background:var(--warm) !important;
}

/* ---------- PRODUCTS & SERVICES: EXACT ONE ROW ---------- */
#shop{
  overflow:hidden !important;
}
#shop .category-grid{
  display:flex !important;
  flex-wrap:nowrap !important;
  gap:16px !important;
  width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  padding:4px 2px 18px !important;
  scroll-behavior:auto !important;
  scrollbar-width:none !important;
  -ms-overflow-style:none !important;
  overscroll-behavior-inline:contain !important;
  touch-action:pan-x !important;
}
#shop .category-grid::-webkit-scrollbar{
  display:none !important;
}
#shop .category-card{
  flex:0 0 238px !important;
  width:238px !important;
  min-width:238px !important;
  max-width:238px !important;
  height:210px !important;
  margin:0 !important;
}

/* NEVER allow last design card to drop to second row */
#shop .category-grid > .category-card{
  grid-column:auto !important;
  grid-row:auto !important;
}

/* Mobile */
@media(max-width:900px){
  .nav-dropdown{
    position:static !important;
    transform:none !important;
    width:100% !important;
    min-width:0 !important;
    box-shadow:none !important;
    margin:2px 0 6px !important;
  }
  .nav-item:hover > .nav-dropdown{
    display:none !important;
  }
  .nav-item.open > .nav-dropdown{
    display:flex !important;
  }
  #shop .category-card{
    flex-basis:76vw !important;
    width:76vw !important;
    min-width:240px !important;
    max-width:300px !important;
  }
}