/* ===========================
   CSS — header, dropdowns, drawer
   =========================== */
#siteHeader{
  position: fixed;
  inset: 0 auto auto 0;
  width: 100%;
  z-index: 50;
  background-color: transparent;
  margin: 0 auto;
  transform: translateY(0);
  will-change: transform, background-color,  padding, border-radius; 
  transition: transform 0.6s cubic-bezier(.2,.9,.2,1), background-color 280ms cubic-bezier(.2,.9,.2,1), padding 300ms cubic-bezier(.2,.9,.2,1), border-radius 300ms cubic-bezier(.2,.9,.2,1); padding: 20px 0;backdrop-filter: blur(4px);}
#siteHeader .headerInner{z-index: 100;}
#siteHeader.header-shrink{ transform: translateY(0px); backdrop-filter: blur(4px); background-color: #27421De3;}
#siteHeader .logo-header-wrap img{transition: height 300ms cubic-bezier(.2,.9,.2,1);}
#siteHeader.header-shrink .logo-header-wrap img {height: auto;}
.textiles-logo-wrap { position: absolute;  right: 0; width: 84px; transition: all 0.3s ease;}
#siteHeader .textiles-logo-wrap img {height: 100px; }
#siteHeader.header-shrink .textiles-logo-wrap {  right: 0;  width:70px; height: 65px;}

.nav-group{ position: relative;}
.nav-item{
  transition: color 200ms ease;
}

/* Responsive fallback for main navigation */
#mainNav { display: none; }
@media (min-width: 993px) {
  #mainNav {
    display: inline-flex;
    align-items: center;
  }
}

.nav-item .nav-char-wrap{
  display: inline-block;
  overflow: hidden;
  line-height: 1.1;
  height: 1.1em;
  vertical-align: bottom;
}
.nav-item .nav-char-inner{
  display: block;
  will-change: transform;
}
.nav-item .nav-char{
  display: block;
}
#mainNav .nav-item:hover, .animated-text:hover{
  color: #CCDC46;
}


.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); }
/* Fallback visibility for hamburger (in case utility class is not applied) */
#openDrawer { display: flex; }
#openDrawer[hidden] { display: none !important; }
#drawerPanel {backdrop-filter: blur(22px) saturate(180%); -webkit-backdrop-filter: blur(22px) saturate(180%); background: #27421D !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: 1050; overflow-y:auto; overflow-x:hidden;}
#drawerOverlay { z-index: 1040; }
#mobileNavHolder { display: flex; flex-direction: column; }
#mobileNavHolder .mobile-drawer-link:last-child { border-bottom: 0; }
#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-b-r {position:relative;}
.footer-b-r::after {content:''; width:100%;height:130%; position: absolute; top:0; right:0; border-right: 1px solid rgba(204, 220, 70, 0.30);}

.social-links a {position: relative; z-index: 1;}


@media (min-width: 993px) {
#openDrawer { display: none !important; }
.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;}
#mainNav.mobile-open{
  display: flex !important;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 1200;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.25rem;
  padding: 6rem 1.5rem 2rem;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(14px);
  transform: translateX(0);
  animation: mobileNavSlideIn 320ms cubic-bezier(.22,1,.36,1);
}
#mainNav.mobile-open .nav-item{
  width: 100%;
  padding: 0.85rem 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  font-size: 1.375rem;
}
#mainNav.mobile-open .nav-item:last-child{
  border-bottom: 0;
}
.mobile-open #magIndicator{display:none;}
.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.5rem;font-weight: 600;}
.drawer-accordion .nav-trigger {display: flex;justify-content: space-between; align-items: center; font-size: 1.5rem; font-weight: 600; 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;} */



.textiles-logo-wrap {width: 60px;}
.darkmode-wrap, #themeToggle {right: 60px !important;}
#siteHeader .textiles-logo-wrap img {height: 70px;}
#siteHeader.header-shrink .textiles-logo-wrap {width: 50px;height: auto;}
.hamburger{position: relative;right: 18vw;z-index: 9999999 !important;}
#siteHeader.header-shrink .logo-header-wrap img {height: 42px;}
.mobile-drawer-link {opacity: 0;transform: translateY(40px); filter: blur(6px);}
.mobile-drawer-link {font-size: 1.375rem;}

.footer-b-r::after {display: none;}

}



@keyframes mobileNavSlideIn {
  from {
    opacity: 0.6;
    transform: translateX(-100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@media (max-width: 767px) {
 .footer-underline-btn {font-size: 8vw !important;}
}




 @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;}
 }