/* =========================================================
   Header - premium redesign. Scoped to .main-header.
   Desktop menu changes are limited to >= 992px so the
   mobile menu is untouched.
   ========================================================= */

.main-header.header-style-two .header-lower {
  font-family: "Poppins", sans-serif;
}

/* ---- logo: gentle lift + soft glow ---- */
.main-header.header-style-two .logo a {
  display: inline-block;
  transition: transform 400ms ease, filter 400ms ease;
}
.main-header.header-style-two .logo a:hover {
  transform: translateY(-2px) scale(1.03);
  filter: drop-shadow(0 8px 14px rgba(var(--theme-color1-rgb), 0.28));
}

@media (min-width: 992px) {
  /* ---- frosted glass menu pill with animated gradient rim ---- */
  .main-header.header-style-two .header-lower .inner-container .nav-outer {
    padding: 6px;
    margin-left: 0;
  }
  .main-header.header-style-two .nav-outer .main-menu {
    position: relative;
    padding: 4px 90px;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.78);
    -webkit-backdrop-filter: blur(14px);
            backdrop-filter: blur(14px);
    box-shadow: 0 18px 40px -22px rgba(var(--theme-color1-rgb), 0.55), inset 0 0 0 1px rgba(var(--theme-color1-rgb), 0.08);
  }
  .main-header.header-style-two .nav-outer:before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 30px;
    padding: 2px;
    background: conic-gradient(from var(--gradient-angle), var(--theme-color1), var(--theme-color3), var(--theme-color2), var(--theme-color3), var(--theme-color1));
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
            mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    animation: hdRim 6s linear infinite;
    pointer-events: none;
  }
  @keyframes hdRim {
    to { --gradient-angle: 360deg; }
  }

  /* ---- menu links ---- */
  .main-header.header-style-two .main-menu .navigation > li > a {
    position: relative;
    font-family: "Poppins", sans-serif;
    font-size: 13.5px;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #1d2a33;
    transition: color 300ms ease;
  }
  .main-header.header-style-two .main-menu .navigation > li > a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 0;
    height: 3px;
    border-radius: 3px;
    background: linear-gradient(90deg, var(--theme-color1), var(--theme-color3));
    transform: translateX(-50%);
    transition: width 350ms cubic-bezier(0.22, 1, 0.36, 1);
  }
  .main-header.header-style-two .main-menu .navigation > li:hover > a,
  .main-header.header-style-two .main-menu .navigation > li.current > a {
    color: var(--theme-color1);
  }
  .main-header.header-style-two .main-menu .navigation > li:hover > a:before,
  .main-header.header-style-two .main-menu .navigation > li.current > a:before {
    width: 100%;
  }
}

@media (min-width: 992px) and (max-width: 1439.98px) {
  .main-header.header-style-two .nav-outer .main-menu {
    padding: 4px 26px;
  }
}

/* ---- call button: gradient icon with pulse ring ---- */
.main-header.header-style-two .header-phone_box {
  font-family: "Poppins", sans-serif;
  transition: transform 350ms ease;
}
.main-header.header-style-two .header-phone_box:hover {
  transform: translateY(-3px);
}
.main-header.header-style-two .header-phone_box .icon {
  position: relative;
  background: linear-gradient(135deg, var(--theme-color1), var(--theme-color2));
  box-shadow: 0 12px 22px -8px rgba(var(--theme-color1-rgb), 0.7);
  transition: transform 350ms ease;
}
.main-header.header-style-two .header-phone_box .icon:after {
  content: "";
  position: absolute;
  inset: -4px;
  border-radius: 50%;
  border: 2px solid rgba(var(--theme-color1-rgb), 0.5);
  animation: hdPulse 2.4s ease-out infinite;
  pointer-events: none;
}
@keyframes hdPulse {
  0% { transform: scale(0.9); opacity: 0.9; }
  100% { transform: scale(1.45); opacity: 0; }
}
.main-header.header-style-two .header-phone_box:hover .icon {
  transform: rotate(-12deg) scale(1.08);
}
.main-header.header-style-two .header-phone_box .icon i {
  display: inline-block;
}
.main-header.header-style-two .header-phone_box:hover .icon i {
  animation: hdRing 700ms ease;
}
@keyframes hdRing {
  0%, 100% { transform: rotate(0); }
  20% { transform: rotate(-18deg); }
  40% { transform: rotate(16deg); }
  60% { transform: rotate(-12deg); }
  80% { transform: rotate(8deg); }
}
.main-header.header-style-two .header-phone_box .info {
  font-weight: 600;
  color: var(--headings-color);
}
.main-header.header-style-two .header-phone_box .info strong {
  font-weight: 500;
  color: var(--theme-color2);
  letter-spacing: 0.02em;
}

/* ---- product sub-menu (Divisions > range > products) ---- */
.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul {
  padding: 8px;
  border-radius: 18px;
  border-top: 3px solid var(--theme-color3);
  background: rgba(255, 255, 255, 0.96);
  -webkit-backdrop-filter: blur(14px);
          backdrop-filter: blur(14px);
  box-shadow: 0 28px 60px -20px rgba(var(--theme-color1-rgb), 0.35);
}
.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul > li > a {
  margin: 0;
  padding: 13px 34px 13px 22px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  letter-spacing: 0.02em;
  border-radius: 12px;
  transition: background 300ms ease, color 300ms ease, padding-left 300ms ease;
}
.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul > li > a:after {
  right: 16px;
}
.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul > li:before {
  top: 18%;
  height: 64%;
  left: 4px;
  width: 4px;
  border-radius: 4px;
  background: linear-gradient(180deg, var(--theme-color1), var(--theme-color3));
}
.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul > li:hover:before {
  scale: 1;
}
.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul > li:hover > a {
  background: rgba(var(--theme-color1-rgb), 0.08);
  color: var(--theme-color1);
}

.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul > li > ul {
  padding: 8px 6px;
  border-radius: 18px;
  border-top: 3px solid var(--theme-color2);
  background: #ffffff;
  box-shadow: 0 30px 60px -20px rgba(var(--theme-color1-rgb), 0.4), 0 0 0 1px rgba(var(--theme-color1-rgb), 0.06);
  scrollbar-width: thin;
  scrollbar-color: var(--theme-color1) transparent;
}
.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul > li > ul::-webkit-scrollbar {
  width: 5px;
}
.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul > li > ul::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, var(--theme-color1), var(--theme-color3));
  border-radius: 5px;
}
.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul > li > ul > li {
  border-bottom: 0;
  margin: 2px 0;
}

.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul > li > ul > li > a {
  position: relative;
  display: block;
  margin: 0;
  padding: 10px 16px 10px 30px;
  border-radius: 12px;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  font-weight: 500;
  color: #2b3640;
  transition: background 300ms ease, color 300ms ease, padding-left 300ms ease;
}
.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul > li > ul > li > a:before {
  content: "";
  position: absolute;
  left: 14px;
  top: 50%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--theme-color3);
  transform: translateY(-50%) scale(0.7);
  transition: transform 300ms ease, background 300ms ease;
}
.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul > li > ul > li > a:after {
  content: "";
  position: absolute;
  left: 0;
  top: 18%;
  bottom: 18%;
  width: 3px;
  border-radius: 3px;
  background: linear-gradient(180deg, var(--theme-color1), var(--theme-color3));
  transform: scaleY(0);
  transition: transform 300ms ease;
}
.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul > li > ul > li:hover > a {
  color: var(--theme-color1);
  background: rgba(var(--theme-color1-rgb), 0.08);
  padding-left: 38px;
}
.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul > li > ul > li:hover > a:before {
  background: var(--theme-color1);
  transform: translateY(-50%) scale(1.25);
}
.main-header.header-style-two .main-menu .navigation > li.pro-dropdown > ul > li > ul > li:hover > a:after {
  transform: scaleY(1);
}

/* ---- dropdown panels ---- */
.main-header.header-style-two .main-menu .navigation > li > ul {
  border-radius: 16px;
  border-top: 3px solid var(--theme-color3);
  animation: hdDrop 300ms ease;
}
@keyframes hdDrop {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (prefers-reduced-motion: reduce) {
  .main-header.header-style-two .nav-outer:before,
  .main-header.header-style-two .header-phone_box .icon:after,
  .main-header.header-style-two .main-menu .navigation > li > ul {
    animation: none;
  }
}