/* ===========================
   CSS — header, dropdowns, drawer
   =========================== */
#siteHeader {position: fixed;inset: 0 auto auto 0;width: 100%;z-index: 50;padding: 28px 0;transition: background 280ms cubic-bezier(.2,.9,.2,1),  padding 300ms cubic-bezier(.2,.9,.2,1), backdrop-filter 300ms cubic-bezier(.2,.9,.2,1);z-index: 100;}
#siteHeader.header-shrink {padding: 20px 0; background: rgba(0,0,0,0.55);backdrop-filter: blur(10px);}
#siteHeader.header-shrink .logo-header-wrap img {height: 38px;}
/* .logo-header-wrap img {transition: all .3s ease;} */
.magnetic {position: absolute;height: 3px;background: #E03838;border-radius: 4px;bottom: -4px;left: 0;width: 0;opacity: 0;transition: left 260ms cubic-bezier(.2,.9,.2,1), width 260ms cubic-bezier(.2,.9,.2,1), opacity 200ms ease;}
.nav-item, .nav-trigger {position: relative;padding-bottom: 4px;padding-top: 4px;transition: color 220ms ease;font-weight: 500;}
.nav-item:hover, .nav-trigger:hover {color: #E03838;}
.dropdown-panel {opacity: 0;display: block;}
.dropdown-panel.open {opacity: 1;transform: translateY(0) scale(1);pointer-events: auto;}
.nav-group {position: relative;}
.nav-group::after {content: "";position: absolute;left: 0;top: 100%;width: 100%;height: 28px;background: transparent;pointer-events: auto;}
.dropdown-panel::before {content: "";position: absolute;top: -10px;left: var(--arrow-left, 50%);transform: translateX(-50%) translateY(-4px);width: 0; height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-bottom: 10px solid white;filter: drop-shadow(0 2px 3px rgba(0,0,0,0.15));opacity: 0;transition: all .25s ease;}
.dropdown-panel.panel-open::before { opacity: 1;transform: translateX(-50%) translateY(0);}
.dropdown-panel a {position: relative;display: block;font-size: 16px;transition: all .3s ease; border-radius: 0;}
.dropdown-panel a:hover {color: #E03838;}
.dropdown-panel a::after {content: "";position: absolute; bottom: 0px; left: 0px; width: 0%; height: 1px; background: #E03838; border-radius: 2px; transition: width .28s ease;}
.dropdown-panel a:hover::after {width: calc(100% - 0px);}
/* .dropdown-panel a::before {content: "";  width: 12px;height: 12px; background-image: url("data:image/svg+xml;utf8,\<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14'>\<text x='0' y='12' font-size='14' fill='%23E03838'>→</text>\</svg>"); background-size: contain;background-repeat: no-repeat; position: absolute; top: 10px; right: 14px; opacity: 0; transform: translateX(-6px); transition: all .28s ease; color: #E03838;}
.dropdown-panel a:hover::before {opacity: 1;transform: translateX(0);} */

.hamburger { width: 28px; height: 20px; display: flex; flex-direction: column; justify-content: space-between; }
.hamburger span { height: 2px; background: white; border-radius: 2px; transition: transform .3s, opacity .3s; }
.hamburger.open span:nth-child(1) { transform: translateY(9px) rotate(45deg); }
.hamburger.open span:nth-child(2) { opacity: 0; }
.hamburger.open span:nth-child(3) { transform: translateY(-9px) rotate(-45deg); }
#drawerPanel {backdrop-filter: blur(22px) saturate(180%); -webkit-backdrop-filter: blur(22px) saturate(180%); background: rgba(0, 0, 0, 0.88) !important; border-left: 1px solid rgba(255, 255, 255, 0.85); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.18), inset 0 0 0 1px rgba(255, 255, 255, 0.25); z-index: 100; overflow-y:auto; overflow-x:hidden;}
#drawerPanel.translate-x-0 {transform: translateX(0%) !important;}
.drawer-glass {background: rgba(255,255,255,0.72); backdrop-filter: blur(12px);}
#drawerOverlay { transition: opacity .32s ease, visibility .32s ease; }


.theme-icon {position: absolute;opacity: 0;visibility: hidden;transform: scale(0.001);transform-origin: center;transition: opacity 0.35s ease, transform 0.35s ease;will-change: transform, opacity;}
.theme-icon.is-active {opacity: 1;visibility: visible;transform: scale(1);}
.searchBtn-wrap {position: relative;top: 5px;}

.bottombar-wrap p {margin-bottom: 0;}
#newsletter-recaptcha div:first-child {width: 100% !important;}
#newsletter-recaptcha iframe {width: 100% !important;}
.newsletter-recaptcha-wrapper {margin-top: 5px;}
.footer-left-wrap p {font-size: 1rem; line-height: 24px;}

@media (min-width: 993px) {

.nav-group {position: static;}
.dropdown-panel { position: absolute;left: 0;top: 125%;width: 100%; padding: 22px 0; opacity: 0;visibility: hidden;transform: translateY(-10px);transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);}
  .nav-group.active .dropdown-panel {opacity: 1;visibility: visible;transform: translateY(0);}
.mega-inner {max-width: 1280px;margin: 0 auto; padding: 0 40px;}
.mega-inner ul {display: flex; align-items: center; gap: 60px;}
.mega-inner li {position: relative; padding-right: 40px;}
.mega-inner li:not(:last-child)::after {content: ""; position: absolute;right: 15px; top: 50%;transform: translateY(-50%); width: 1px;height: 20px;background: rgba(255,255,255,0.5);}
#siteHeader {position: fixed; overflow: visible;  z-index: 1000;}
#navBg {position: absolute;top: 0;left: 0;width: 100%;height: 0;background: rgba(0, 0, 0, 0.95);backdrop-filter: blur(10px);z-index: -1;transition: height 0.35s cubic-bezier(0.4, 0, 0.2, 1);}
.dropdown-panel ul li a {font-weight: 300; font-size: 1rem;}
#siteHeader.header-shrink.menu-open {background: transparent;backdrop-filter: blur(0px);}
#mainNav::after {content: "";position: absolute;left: 0;bottom: -8px;height: 1px;width: 100%;background: rgba(255,255,255,0.5);transform: scaleX(0);transform-origin: left;transition: transform 0.20s cubic-bezier(0.4, 0, 0.2, 1);}
.menu-open #mainNav::after {transform: scaleX(1);}
.arrow-down:after {content:''; width: 0;height: 0;border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 7px solid white; position:absolute; top:14px; right:-14px; }
.nav-trigger.arrow-down:hover:after {border-top-color: #E03838;}

}

@media (max-width: 992px) {
#siteHeader {padding: 20px 0;}
.drawer-accordion {gap:5px}
.mobile-section {padding: 12px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.22);width: 100%; color:#fff;font-size: 1.375rem;font-weight: 500;}
.drawer-accordion .nav-trigger {display: flex;justify-content: space-between; align-items: center; font-size: 1.375rem; font-weight: 500; padding:0;color: #fff; width: 100%;}
.nav-trigger .chevron {transition: transform 0.38s cubic-bezier(.25,.8,.25,1); opacity: 0.85; color: #fff;}
.nav-trigger.active .chevron {transform: rotate(180deg);}
.dropdown-panel {max-height: 0;overflow: hidden; opacity: 0; transform: translateY(-6px); transition: max-height 0.4s cubic-bezier(.25,.8,.25,1), opacity 0.35s ease, transform 0.35s cubic-bezier(.25,.8,.25,1); position: relative;color:#231F20; padding: 0;}
.dropdown-panel.open {opacity: 1;transform: translateY(0);}
.dropdown-panel a {color: #fff; opacity: 0;transform: translateY(6px); transition: all 0.32s ease; font-size: 1.125rem;}
.dropdown-panel.open a { opacity: 1;transform: translateY(0);padding-top: 0px;padding-bottom: 0px;border-radius: 0;padding-left: 0;padding-right: 0px;}
.dropdown-panel::before {display: none;}
.dropdown-panel a:hover::after {display: none;}
.logo-header-wrap img {height: 42px;}
/* .dropdown-panel a::before {opacity: 1;transform: translateX(0px); right:0;} */
}
@media (max-width: 767px) {
  .footer-left-wrap img {max-width: 125px;}
}

 @media screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio:1.5),screen and (min-width:1025px) and (min-resolution:144dpi) { 
  .followus-wrap {gap:10px}
.followus-wrap .custom-pill-btn span, .followus-txt {font-size: 0.875rem;}
 }