/* ===== NEW HEADER & MEGA MENU ===== */
header.new-header{position:fixed;top:0;left:0;width:100%;padding:15px 6%;display:flex;justify-content:space-between;align-items:center;background:rgba(250,247,242,.95);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(58,47,38,.08);transition:padding .3s}
header.new-header.scrolled{padding:10px 6%;background:rgba(250,247,242,.98)}
.logo-img{height:45px;width:auto;display:block}
nav.main-nav ul{display:flex;list-style:none;gap:28px;align-items:center;margin:0;padding:0}
nav.main-nav > ul > li{position:relative}
nav.main-nav a{font-family:'Jost',sans-serif;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#5a4a3c;text-decoration:none;transition:color .3s;padding:10px 0;display:block}
nav.main-nav a:hover{color:#8a6d3b}

/* Mega Menu Base */
.dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(10px);background:#fff;box-shadow:0 20px 40px -10px rgba(0,0,0,.15);opacity:0;visibility:hidden;transition:all .3s;z-index:1001;border-top:3px solid #8a6d3b}
nav.main-nav li:hover > .dropdown{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}

/* Products Mega Menu (Horizontal) */
.mega-menu{width:580px;padding:30px 40px;display:grid;grid-template-columns:1fr 1fr;gap:15px}
.mega-menu a{text-transform:none;font-size:.95rem;color:#2b2018;padding:8px 10px;transition:background .2s;display:flex;align-items:center;gap:10px}
.mega-menu a:hover{background:#f5efe6;color:#8a6d3b}
.mega-menu a::before{content:'◆';font-size:.6rem;color:#b8935a}

/* Washbasins Nested Menu (Vertical) */
.sub-dropdown-container{position:relative}
.sub-dropdown-container > span{display:block;padding:8px 10px;font-size:.95rem;color:#2b2018;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .2s}
.sub-dropdown-container:hover > span{background:#f5efe6;color:#8a6d3b}
.sub-dropdown-container > span::before{content:'◆';font-size:.6rem;color:#b8935a;margin-right:10px}
.sub-dropdown-container > span::after{content:'▸';color:#b8935a}
.nested-dropdown{position:absolute;top:-10px;left:100%;background:#fff;box-shadow:0 20px 40px -10px rgba(0,0,0,.15);width:220px;padding:20px;opacity:0;visibility:hidden;transition:all .3s;transform:translateX(5px);border-left:2px solid #8a6d3b;max-height:400px;overflow-y:auto}
.sub-dropdown-container:hover .nested-dropdown{opacity:1;visibility:visible;transform:translateX(0)}
.nested-dropdown a{text-transform:none;font-size:.9rem;padding:6px 10px}

/* Mobile Adjustments */
@media(max-width:980px){
  nav.main-nav ul{display:none}
  .menu-toggle{display:flex;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none;padding:8px}
  .menu-toggle span{width:26px;height:2px;background:#2b2018;transition:.3s}
  nav.main-nav ul.open{display:flex;flex-direction:column;position:absolute;top:100%;left:0;width:100%;background:#fff;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.1);gap:0}
  nav.main-nav ul.open > li{width:100%}
  .dropdown{position:relative;top:0;left:0;transform:none;box-shadow:none;border:none;padding:0 20px;display:none;opacity:1;visibility:visible}
  nav.main-nav li:hover > .dropdown{display:block}
  .mega-menu{width:100%;grid-template-columns:1fr;padding:10px 0}
  .nested-dropdown{position:relative;top:0;left:0;box-shadow:none;border:none;display:none;opacity:1;visibility:visible;transform:none;padding:10px 20px}
  .sub-dropdown-container:hover .nested-dropdown{display:block}
  .logo-img{height:35px}
}