/* ============================================================
   Strides Co Header Styles - Scoped under .strides-header-wrapper
   Extracted from Tailwind CSS v3.4.18 for header only
   ============================================================ */

/* --- CSS Variables (from Tailwind) --- */
.strides-header-wrapper {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-scroll-snap-strictness: proximity;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style: ;
}

/* --- Base resets (scoped) --- */
.strides-header-wrapper,
.strides-header-wrapper *,
.strides-header-wrapper *::before,
.strides-header-wrapper *::after {
  box-sizing: border-box;
}

.strides-header-wrapper {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -moz-tab-size: 4;
  tab-size: 4;
  font-family: var(--font-dmSans), "DM Sans", "Hind Siliguri", "Noto Sans Bengali", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

.strides-header-wrapper h1,
.strides-header-wrapper h2,
.strides-header-wrapper h3,
.strides-header-wrapper h4,
.strides-header-wrapper h5,
.strides-header-wrapper h6 {
  font-size: inherit;
  font-weight: inherit;
}

.strides-header-wrapper a {
  color: inherit;
  text-decoration: inherit;
}

.strides-header-wrapper button,
.strides-header-wrapper input,
.strides-header-wrapper select {
  font-family: inherit;
  font-feature-settings: inherit;
  font-variation-settings: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  letter-spacing: inherit;
  color: inherit;
  margin: 0;
  padding: 0;
}

.strides-header-wrapper button {
  text-transform: none;
  cursor: pointer;
}

.strides-header-wrapper button:focus,
.strides-header-wrapper input:focus {
  outline: none;
}

.strides-header-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* --- Display --- */
.strides-header-wrapper .hidden { display: none; }
.strides-header-wrapper .block { display: block; }
.strides-header-wrapper .inline-block { display: inline-block; }
.strides-header-wrapper .inline { display: inline; }
.strides-header-wrapper .flex { display: flex; }
.strides-header-wrapper .inline-flex { display: inline-flex; }
.strides-header-wrapper .grid { display: grid; }
.strides-header-wrapper .contents { display: contents; }

/* --- Position --- */
.strides-header-wrapper .relative { position: relative; }
.strides-header-wrapper .absolute { position: absolute; }
.strides-header-wrapper .fixed { position: fixed; }
.strides-header-wrapper .static { position: static; }
.strides-header-wrapper .sticky { position: sticky; }

/* --- Top/Right/Bottom/Left --- */
.strides-header-wrapper .top-0 { top: 0; }
.strides-header-wrapper .left-0 { left: 0; }
.strides-header-wrapper .right-0 { right: 0; }
.strides-header-wrapper .bottom-0 { bottom: 0; }
.strides-header-wrapper .left-1\/2 { left: 50%; }
.strides-header-wrapper .right-2 { right: 0.5rem; }
.strides-header-wrapper .right-1 { right: 0.25rem; }
.strides-header-wrapper .top-full { top: 100%; }
.strides-header-wrapper .top-1\/2 { top: 50%; }
.strides-header-wrapper .top-1 { top: 0.25rem; }
.strides-header-wrapper .-bottom-\[4px\] { bottom: -4px; }

/* --- Z-index --- */
.strides-header-wrapper .z-10 { z-index: 10; }
.strides-header-wrapper .z-20 { z-index: 20; }
.strides-header-wrapper .z-30 { z-index: 30; }
.strides-header-wrapper .z-\[40\] { z-index: 40; }
.strides-header-wrapper .z-50 { z-index: 50; }
.strides-header-wrapper .z-\[70\] { z-index: 70; }
.strides-header-wrapper .z-\[80\] { z-index: 80; }
.strides-header-wrapper .z-\[100\] { z-index: 100; }

/* --- Sizing --- */
.strides-header-wrapper .w-full { width: 100%; }
.strides-header-wrapper .w-auto { width: auto; }
.strides-header-wrapper .w-7 { width: 1.75rem; }
.strides-header-wrapper .h-7 { height: 1.75rem; }
.strides-header-wrapper .h-auto { height: auto; }
.strides-header-wrapper .h-full { height: 100%; }
.strides-header-wrapper .max-w-\[1440px\] { max-width: 1440px; }
.strides-header-wrapper .min-w-0 { min-width: 0; }
.strides-header-wrapper .shrink-0 { flex-shrink: 0; }
.strides-header-wrapper .flex-1 { flex: 1 1 0%; }

/* --- Flexbox --- */
.strides-header-wrapper .flex-col { flex-direction: column; }
.strides-header-wrapper .flex-wrap { flex-wrap: wrap; }
.strides-header-wrapper .flex-nowrap { flex-wrap: nowrap; }
.strides-header-wrapper .items-center { align-items: center; }
.strides-header-wrapper .items-start { align-items: flex-start; }
.strides-header-wrapper .items-stretch { align-items: stretch; }
.strides-header-wrapper .items-end { align-items: flex-end; }
.strides-header-wrapper .justify-center { justify-content: center; }
.strides-header-wrapper .justify-between { justify-content: space-between; }
.strides-header-wrapper .justify-start { justify-content: flex-start; }
.strides-header-wrapper .justify-end { justify-content: flex-end; }
.strides-header-wrapper .justify-items-start { justify-items: start; }
.strides-header-wrapper .gap-2 { gap: 0.5rem; }
.strides-header-wrapper .gap-3 { gap: 0.75rem; }
.strides-header-wrapper .gap-4 { gap: 1rem; }
.strides-header-wrapper .gap-1 { gap: 0.25rem; }
.strides-header-wrapper .gap-1\.5 { gap: 0.375rem; }
.strides-header-wrapper .gap-x-4 { column-gap: 1rem; }
.strides-header-wrapper .gap-x-5 { column-gap: 1.25rem; }
.strides-header-wrapper .gap-y-2\.5 { row-gap: 0.625rem; }
.strides-header-wrapper .space-y-2\.5 > * + * { margin-top: 0.625rem; }

/* --- Grid --- */
.strides-header-wrapper .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.strides-header-wrapper .col-span-2 { grid-column: span 2 / span 2; }

/* --- Padding --- */
.strides-header-wrapper .p-0 { padding: 0; }
.strides-header-wrapper .p-1 { padding: 0.25rem; }
.strides-header-wrapper .p-1\.5 { padding: 0.375rem; }
.strides-header-wrapper .px-1 { padding-left: 0.25rem; padding-right: 0.25rem; }
.strides-header-wrapper .px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
.strides-header-wrapper .px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
.strides-header-wrapper .px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.strides-header-wrapper .px-4 { padding-left: 1rem; padding-right: 1rem; }
.strides-header-wrapper .px-\[3px\] { padding-left: 3px; padding-right: 3px; }
.strides-header-wrapper .py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
.strides-header-wrapper .py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; }
.strides-header-wrapper .py-\[3px\] { padding-top: 3px; padding-bottom: 3px; }
.strides-header-wrapper .py-\[7px\] { padding-top: 7px; padding-bottom: 7px; }
.strides-header-wrapper .pb-2 { padding-bottom: 0.5rem; }
.strides-header-wrapper .pb-3 { padding-bottom: 0.75rem; }
.strides-header-wrapper .pt-2 { padding-top: 0.5rem; }

/* --- Margin --- */
.strides-header-wrapper .m-0 { margin: 0; }
.strides-header-wrapper .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; }
.strides-header-wrapper .mx-auto { margin-left: auto; margin-right: auto; }
.strides-header-wrapper .ml-1 { margin-left: 0.25rem; }
.strides-header-wrapper .-my-\[7px\] { margin-top: -7px; margin-bottom: -7px; }
.strides-header-wrapper .-mb-2 { margin-bottom: -0.5rem; }
.strides-header-wrapper .mt-1\.5 { margin-top: 0.375rem; }

/* --- Border --- */
.strides-header-wrapper .border { border-width: 1px; }
.strides-header-wrapper .border-0 { border-width: 0; }
.strides-header-wrapper .border-b { border-bottom-width: 1px; }
.strides-header-wrapper .border-t { border-top-width: 1px; }
.strides-header-wrapper .border-r { border-right-width: 1px; }
.strides-header-wrapper .border-none { border-style: none; }
.strides-header-wrapper .rounded { border-radius: 0.25rem; }
.strides-header-wrapper .rounded-full { border-radius: 9999px; }
.strides-header-wrapper .rounded-none { border-radius: 0; }
.strides-header-wrapper .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity)); }
.strides-header-wrapper .border-gray-200 { --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); }

/* --- Background --- */
.strides-header-wrapper .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); }
.strides-header-wrapper .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); }
.strides-header-wrapper .bg-transparent { background-color: transparent; }
.strides-header-wrapper .bg-white\/95 { background-color: rgb(255 255 255 / 0.95); }
.strides-header-wrapper .bg-white\/\[0\.16\] { background-color: rgb(255 255 255 / 0.16); }

/* --- Text --- */
.strides-header-wrapper .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }
.strides-header-wrapper .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); }
.strides-header-wrapper .text-white\/90 { color: rgb(255 255 255 / 0.9); }
.strides-header-wrapper .text-black\/80 { color: rgb(0 0 0 / 0.8); }
.strides-header-wrapper .text-sm { font-size: 0.875rem; line-height: 1.25rem; }
.strides-header-wrapper .text-xs { font-size: 0.75rem; line-height: 1rem; }
.strides-header-wrapper .text-2xl { font-size: 1.5rem; line-height: 2rem; }
.strides-header-wrapper .text-\[9px\] { font-size: 9px; }
.strides-header-wrapper .text-\[10px\] { font-size: 10px; }
.strides-header-wrapper .text-\[10\.5px\] { font-size: 10.5px; }
.strides-header-wrapper .text-\[11px\] { font-size: 11px; }
.strides-header-wrapper .text-\[13px\] { font-size: 13px; }
.strides-header-wrapper .text-\[18px\] { font-size: 18px; }
.strides-header-wrapper .font-medium { font-weight: 500; }
.strides-header-wrapper .font-semibold { font-weight: 600; }
.strides-header-wrapper .font-bold { font-weight: 700; }
.strides-header-wrapper .uppercase { text-transform: uppercase; }
.strides-header-wrapper .capitalize { text-transform: capitalize; }
.strides-header-wrapper .leading-none { line-height: 1; }
.strides-header-wrapper .leading-tight { line-height: 1.25; }
.strides-header-wrapper .leading-relaxed { line-height: 1.625; }
.strides-header-wrapper .tracking-wide { letter-spacing: 0.025em; }
.strides-header-wrapper .tracking-\[0\.02em\] { letter-spacing: 0.02em; }
.strides-header-wrapper .tracking-\[0\.035em\] { letter-spacing: 0.035em; }
.strides-header-wrapper .tracking-\[0\.06em\] { letter-spacing: 0.06em; }
.strides-header-wrapper .tracking-\[0\.08em\] { letter-spacing: 0.08em; }
.strides-header-wrapper .whitespace-nowrap { white-space: nowrap; }
.strides-header-wrapper .text-center { text-align: center; }
.strides-header-wrapper .text-left { text-align: left; }
.strides-header-wrapper .align-middle { vertical-align: middle; }

/* --- Transform --- */
.strides-header-wrapper .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)); }
.strides-header-wrapper .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)); }
.strides-header-wrapper .-translate-x-1 { --tw-translate-x: -0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)); }
.strides-header-wrapper .-translate-y-\[12px\] { --tw-translate-y: -12px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)); }
.strides-header-wrapper .translate-y-0 { --tw-translate-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)); }
.strides-header-wrapper .translate-y-\[100\%\] { --tw-translate-y: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)); }
.strides-header-wrapper .translate-x-\[100\%\] { --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)); }
.strides-header-wrapper .translate-x-0 { --tw-translate-x: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)); }
.strides-header-wrapper .scale-\[0\.42\] { --tw-scale-x: 0.42; --tw-scale-y: 0.42; transform: scale(var(--tw-scale-x), var(--tw-scale-y)); }
.strides-header-wrapper .scale-y-\[0\.85\] { --tw-scale-y: 0.85; transform: scale(var(--tw-scale-x), var(--tw-scale-y)); }
.strides-header-wrapper .scale-y-100 { --tw-scale-y: 1; transform: scale(var(--tw-scale-x), var(--tw-scale-y)); }
.strides-header-wrapper .origin-top { transform-origin: top; }
.strides-header-wrapper .origin-top-right { transform-origin: top right; }

/* --- Transition --- */
.strides-header-wrapper .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.strides-header-wrapper .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.strides-header-wrapper .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.strides-header-wrapper .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
.strides-header-wrapper .duration-200 { transition-duration: 200ms; }
.strides-header-wrapper .duration-300 { transition-duration: 300ms; }
.strides-header-wrapper .duration-500 { transition-duration: 500ms; }
.strides-header-wrapper .duration-700 { transition-duration: 700ms; }
.strides-header-wrapper .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.strides-header-wrapper .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); }
.strides-header-wrapper .will-change-transform { will-change: transform; }

/* --- Visibility --- */
.strides-header-wrapper .visible { visibility: visible; }
.strides-header-wrapper .invisible { visibility: hidden; }
.strides-header-wrapper .opacity-0 { opacity: 0; }
.strides-header-wrapper .opacity-100 { opacity: 1; }
.strides-header-wrapper .opacity-70 { opacity: 0.7; }
.strides-header-wrapper .opacity-80 { opacity: 0.8; }

/* --- Overflow --- */
.strides-header-wrapper .overflow-hidden { overflow: hidden; }
.strides-header-wrapper .overflow-visible { overflow: visible; }
.strides-header-wrapper .overflow-y-auto { overflow-y: auto; }
.strides-header-wrapper .overscroll-contain { overscroll-behavior: contain; }

/* --- Pointer Events --- */
.strides-header-wrapper .pointer-events-none { pointer-events: none; }
.strides-header-wrapper .pointer-events-auto { pointer-events: auto; }

/* --- Cursor --- */
.strides-header-wrapper .cursor-pointer { cursor: pointer; }
.strides-header-wrapper .select-none { user-select: none; }

/* --- Object Fit --- */
.strides-header-wrapper .object-cover { object-fit: cover; }

/* --- Shadow --- */
.strides-header-wrapper .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.strides-header-wrapper .shadow-sm { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.strides-header-wrapper .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

/* --- Placeholder --- */
.strides-header-wrapper ::placeholder { opacity: 1; color: #9ca3af; }

/* --- Focus --- */
.strides-header-wrapper .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; }

/* --- Group hover --- */
.strides-header-wrapper .group:hover .group-hover\:visible { visibility: visible; }
.strides-header-wrapper .group:hover .group-hover\:invisible { visibility: hidden; }
.strides-header-wrapper .group:hover .group-hover\:opacity-100 { opacity: 1; }
.strides-header-wrapper .group:hover .group-hover\:opacity-0 { opacity: 0; }
.strides-header-wrapper .group:hover .group-hover\:translate-y-0 { --tw-translate-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)); }
.strides-header-wrapper .group:hover .group-hover\:scale-y-100 { --tw-scale-y: 1; transform: scale(var(--tw-scale-x), var(--tw-scale-y)); }
.strides-header-wrapper .group:hover .group-hover\:block { display: block; }
.strides-header-wrapper .group:hover .group-hover\:bg-white\/\[0\.16\] { background-color: rgb(255 255 255 / 0.16); }
.strides-header-wrapper .group:hover .group-hover\:text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); }

/* --- Hover effects for menu items --- */
.strides-header-wrapper .group:hover .group-hover\:shadow-\[inset_0_0_0_1px_rgba\(255\,255\,255\,0\.10\)\] {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

/* --- Mega menu animation --- */
.strides-header-wrapper .mega-panel {
  max-height: calc(100vh - 200px);
  overflow-y: auto;
}

/* --- Mega menu scrollbar hide --- */
.strides-header-wrapper .mega-no-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.strides-header-wrapper .mega-no-scrollbar::-webkit-scrollbar {
  display: none;
}

/* --- Menu item hover --- */
.strides-header-wrapper .menu-item:hover {
  transform: translateX(0);
}
.strides-header-wrapper .menu-item:hover .icon-style {
  transform: translateX(0) scale(1);
  opacity: 1;
}

/* --- Disable text selection on images --- */
.strides-header-wrapper img {
  -webkit-user-select: none;
  user-select: none;
}

/* --- Responsive: lg (min-width: 1024px) --- */
@media (min-width: 1024px) {
  .strides-header-wrapper .lg\:hidden { display: none; }
  .strides-header-wrapper .lg\:block { display: block; }
  .strides-header-wrapper .lg\:flex { display: flex; }
  .strides-header-wrapper .lg\:grid { display: grid; }
  .strides-header-wrapper .lg\:w-\[88vw\] { width: 88vw; }
  .strides-header-wrapper .lg\:h-8 { height: 2rem; }
  .strides-header-wrapper .lg\:w-8 { width: 2rem; }
  .strides-header-wrapper .lg\:max-w-\[500px\] { max-width: 500px; }
  .strides-header-wrapper .lg\:gap-3 { gap: 0.75rem; }
  .strides-header-wrapper .lg\:gap-6 { gap: 1.5rem; }
  .strides-header-wrapper .lg\:gap-x-6 { column-gap: 1.5rem; }
  .strides-header-wrapper .lg\:gap-x-7 { column-gap: 1.75rem; }
  .strides-header-wrapper .lg\:px-10 { padding-left: 2.5rem; padding-right: 2.5rem; }
  .strides-header-wrapper .lg\:px-14 { padding-left: 3.5rem; padding-right: 3.5rem; }
  .strides-header-wrapper .lg\:px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }
  .strides-header-wrapper .lg\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .strides-header-wrapper .lg\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .strides-header-wrapper .lg\:py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
  .strides-header-wrapper .lg\:py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; }
  .strides-header-wrapper .lg\:mx-12 { margin-left: 3rem; margin-right: 3rem; }
  .strides-header-wrapper .lg\:text-sm { font-size: 0.875rem; line-height: 1.25rem; }
  .strides-header-wrapper .lg\:text-\[11px\] { font-size: 11px; }
  .strides-header-wrapper .lg\:text-\[11\.5px\] { font-size: 11.5px; }
  .strides-header-wrapper .lg\:text-\[12px\] { font-size: 12px; }
}

/* --- Responsive: xl (min-width: 1280px) --- */
@media (min-width: 1280px) {
  .strides-header-wrapper .xl\:px-20 { padding-left: 5rem; padding-right: 5rem; }
  .strides-header-wrapper .xl\:px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
  .strides-header-wrapper .xl\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .strides-header-wrapper .xl\:gap-5 { gap: 1.25rem; }
  .strides-header-wrapper .xl\:gap-10 { gap: 2.5rem; }
  .strides-header-wrapper .xl\:mx-20 { margin-left: 5rem; margin-right: 5rem; }
  .strides-header-wrapper .xl\:max-w-\[720px\] { max-width: 720px; }
  .strides-header-wrapper .xl\:w-\[145px\] { width: 145px; }
  .strides-header-wrapper .xl\:pr-32 { padding-right: 8rem; }
  .strides-header-wrapper .xl\:text-xs { font-size: 0.75rem; line-height: 0.875rem; }
  .strides-header-wrapper .xl\:text-\[12px\] { font-size: 12px; }
  .strides-header-wrapper .xl\:text-\[11px\] { font-size: 11px; }
}

/* --- Responsive: 2xl (min-width: 1536px) --- */
@media (min-width: 1536px) {
  .strides-header-wrapper .\32xl\:max-w-\[820px\] { max-width: 820px; }
  .strides-header-wrapper .\32xl\:w-\[172px\] { width: 172px; }
  .strides-header-wrapper .\32xl\:text-\[13px\] { font-size: 13px; }
  .strides-header-wrapper .\32xl\:w-\[82vw\] { width: 82vw; }
}

/* --- Responsive: md (min-width: 768px) --- */
@media (min-width: 768px) {
  .strides-header-wrapper .md\:hidden { display: none; }
  .strides-header-wrapper .md\:block { display: block; }
  .strides-header-wrapper .md\:flex { display: flex; }
  .strides-header-wrapper .md\:w-7 { width: 1.75rem; }
  .strides-header-wrapper .md\:h-7 { height: 1.75rem; }
  .strides-header-wrapper .md\:max-w-\[420px\] { max-width: 420px; }
  .strides-header-wrapper .md\:gap-4 { gap: 1rem; }
  .strides-header-wrapper .md\:gap-5 { gap: 1.25rem; }
  .strides-header-wrapper .md\:gap-6 { gap: 1.5rem; }
  .strides-header-wrapper .md\:px-4 { padding-left: 1rem; padding-right: 1rem; }
  .strides-header-wrapper .md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
  .strides-header-wrapper .md\:py-\[7px\] { padding-top: 7px; padding-bottom: 7px; }
  .strides-header-wrapper .md\:pr-28 { padding-right: 7rem; }
  .strides-header-wrapper .md\:mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; }
  .strides-header-wrapper .md\:ml-3 { margin-left: 0.75rem; }
  .strides-header-wrapper .md\:text-\[11px\] { font-size: 11px; }
  .strides-header-wrapper .md\:columns-2 { column-count: 2; }
  .strides-header-wrapper .md\:pb-\[8px\] { padding-bottom: 8px; }
  .strides-header-wrapper .md\:-mb-\[8px\] { margin-bottom: -8px; }
  .strides-header-wrapper .md\:pt-\[8px\] { padding-top: 8px; }
}

/* --- Responsive: sm (min-width: 640px) --- */
@media (min-width: 640px) {
  .strides-header-wrapper .sm\:text-\[15px\] { font-size: 15px; }
  .strides-header-wrapper .sm\:px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; }
}

/* --- iPad portrait hide --- */
@media screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1024px) {
  .strides-header-wrapper .hide-ipad-portrait {
    display: none !important;
  }
}

/* --- Additional Utility Classes for strides header --- */

/* Ring */
.strides-header-wrapper .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.strides-header-wrapper .ring-black\/5 { --tw-ring-color: rgb(0 0 0 / 0.05); }

/* Focus visible */
.strides-header-wrapper .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; }
.strides-header-wrapper .focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); }
.strides-header-wrapper .focus-visible\:ring-black\/15:focus-visible { --tw-ring-color: rgb(0 0 0 / 0.15); }

/* Hover shadow and translate */
.strides-header-wrapper .hover\:shadow-md:hover { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.strides-header-wrapper .hover\:-translate-y-0\.5:hover { --tw-translate-y: -0.125rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)); }
.strides-header-wrapper .hover\:bg-white\/85:hover { background-color: rgb(255 255 255 / 0.85); }
.strides-header-wrapper .hover\:border-black\/20:hover { --tw-border-opacity: 1; border-color: rgb(0 0 0 / 0.2); }
.strides-header-wrapper .hover\:bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(249 250 251 / var(--tw-bg-opacity)); }

/* Disabled */
.strides-header-wrapper .disabled\:opacity-60:disabled { opacity: 0.6; }

/* Group focus */
.strides-header-wrapper .group:focus .group-focus\:opacity-100 { opacity: 1; }
.strides-header-wrapper .group:focus .group-focus\:translate-y-0 { --tw-translate-y: 0; transform: translate(var(--tw-translate-x), var(--tw-translate-y)); }

/* Active scale */
.strides-header-wrapper .active\:scale-\[0\.99\]:active { --tw-scale-x: 0.99; --tw-scale-y: 0.99; transform: scale(var(--tw-scale-x), var(--tw-scale-y)); }

/* After pseudo-element for tooltip arrow */
.strides-header-wrapper .after\:content-\[\'\'\]:after { --tw-content: ''; content: var(--tw-content); }
.strides-header-wrapper .after\:absolute:after { position: absolute; }
.strides-header-wrapper .after\:left-1\/2:after { left: 50%; }
.strides-header-wrapper .after\:top-full:after { top: 100%; }
.strides-header-wrapper .after\:-translate-x-1\/2:after { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)); }
.strides-header-wrapper .after\:border-4:after { border-width: 4px; }
.strides-header-wrapper .after\:border-transparent:after { border-color: transparent; }
.strides-header-wrapper .after\:border-t-white:after { --tw-border-opacity: 1; border-top-color: rgb(255 255 255 / var(--tw-border-opacity)); }
.strides-header-wrapper .after\:drop-shadow-\[0_-1px_0_rgba\(0\,0\,0\,0\.05\)\]:after { --tw-drop-shadow: drop-shadow(0 -1px 0 rgb(0 0 0 / 0.05)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }

/* Text sizes for mobile */
.strides-header-wrapper .text-\[14px\] { font-size: 14px; }
.strides-header-wrapper .text-\[11px\] { font-size: 11px; }

/* Tooltip translate y */
.strides-header-wrapper .translate-y-1 { --tw-translate-y: 0.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)); }

/* Ring offset shadow reset */
.strides-header-wrapper .shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }

/* Gap xl */
@media (min-width: 1280px) {
  .strides-header-wrapper .xl\:gap-8 { gap: 2rem; }
}

/* --- Sticky header overrides (applied inline via style tag) --- */
/* These are handled via inline <style> in the head */