@font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: optional; src: url("/assets/fonts/inter-cyrillic-ext-v20.woff2") format("woff2"); unicode-range: U+0460-052F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F; } @font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: optional; src: url("/assets/fonts/inter-cyrillic-v20.woff2") format("woff2"); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } @font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: optional; src: url("/assets/fonts/inter-greek-ext-v20.woff2") format("woff2"); unicode-range: U+1F00-1FFF; } @font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: optional; src: url("/assets/fonts/inter-greek-v20.woff2") format("woff2"); unicode-range: U+0370-0377, U+037A-037F, U+0384-038A, U+038C, U+038E-03A1, U+03A3-03FF; } @font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: optional; src: url("/assets/fonts/inter-vietnamese-v20.woff2") format("woff2"); unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB; } @font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: optional; src: url("/assets/fonts/inter-latin-ext-v20.woff2") format("woff2"); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: "Inter"; font-style: normal; font-weight: 400 700; font-display: swap; src: url("/assets/fonts/inter-latin-v20.woff2") format("woff2"); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }:root{--bg-deep:#FFFFFF;--bg-main:#FFFFFF;--bg-card:#FFFFFF;--bg-card-hover:#FAFAFA;--bg-pure:#FFFFFF;--bg-surface:#FFFFFF;--font-display:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-heading:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-body:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--accent-primary:#0284C7;--accent-primary-hover:#0369A1;--accent-gold-bright:#F59E0B;--accent-gold:#D97706;--accent-emerald:#10B981;--accent-emerald-light:#ECFDF5;--text-pure:#000000;--text-main:#0F172A;--text-dark:#0F172A;--text-sub:#334155;--text-muted:#64748B;--text-light:#94A3B8;--border-light:#E2E8F0;--border-card:#CBD5E1;--border-subtle:#E2E8F0;--border-focus:#0284C7;--border-glow:rgba(2,132,199,0.25);--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--header-height:130px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html{scrollbar-gutter:stable;overflow-y:scroll!important;scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--bg-main);color:var(--text-main);line-height:1.65;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:clip}body{position:relative;overflow-x:clip;width:100%;background-color:var(--bg-main);color:var(--text-main);font-family:var(--font-body);font-size:1.0625rem;font-weight:400;line-height:1.65;padding-top:var(--header-height,130px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;word-break:break-word;overflow-wrap:break-word}main{width:100%}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-dark);font-weight:600;letter-spacing:-0.015em;line-height:1.35}p{font-weight:400;font-size:1.0625rem;line-height:1.65}a{color:var(--accent-primary);text-decoration:none;transition:color 0.2s ease}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem;width:100%}.flex-between{display:flex;justify-content:space-between;align-items:center}.mobile-only{display:none!important}.mobile-drawer-backdrop{position:fixed;inset:0;opacity:0;visibility:hidden;pointer-events:none}.mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(340px,86vw);transform:translateX(100%)}[dir="rtl"] .mobile-drawer{right:auto;left:0;transform:translateX(-100%)}.main-header{position:fixed!important;top:0!important;left:0!important;right:0!important;width:100%!important;z-index:1000!important;background:rgba(255,255,255,0.98)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid #E2E8F0!important;height:var(--header-height,130px)!important;min-height:var(--header-height,130px)!important;display:flex!important;align-items:center!important;padding:0!important;box-sizing:border-box!important;box-shadow:0 4px 20px -2px rgba(15,23,42,0.04)!important}.main-header .container{display:flex;justify-content:space-between;align-items:center;gap:2rem;height:100%;width:100%}
/* --- REBON-STYLE FEATURED SECTION HEADERS (CENTER ALIGNED) --- */
.featured-header,
#featured-shuttlecocks .featured-header,
#featured-rackets .featured-header {
  text-align: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-bottom: 2.75rem !important;
  max-width: 100% !important;
  width: 100% !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
}
.featured-eyebrow {
  font-family: var(--font-body, 'Inter', -apple-system, BlinkMacSystemFont, sans-serif);
  font-size: 0.84rem;
  font-weight: 700;
  color: #0284C7;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px;
  margin: 0 auto 0.55rem auto !important;
  line-height: 1;
  text-align: center !important;
  width: auto !important;
}
.featured-eyebrow::before,
.featured-eyebrow::after {
  content: "";
  display: inline-block;
  width: 36px;
  height: 1.5px;
  background: #0284C7;
  opacity: 0.35;
  vertical-align: middle;
}
.featured-title,
.featured-header .featured-title,
.featured-header > h2 {
  font-family: var(--font-heading, 'Plus Jakarta Sans', 'Inter', -apple-system, BlinkMacSystemFont, sans-serif);
  font-size: clamp(1.85rem, 2.5vw, 2.25rem);
  font-weight: 700;
  color: #0F172A;
  margin: 0;
  line-height: 1.25;
  letter-spacing: -0.02em;
}
[dir="rtl"] .featured-header {
  text-align: center;
}
[dir="rtl"] .featured-eyebrow {
  direction: rtl;
}