/* ============================================
   PRIME ATHLETICS RESPONSIVE CSS
   Mobile-First, Professional Standards
   ============================================ */

/* ===== BASE RESET ===== */
* { box-sizing: border-box; }

/* ===== BODY - RESPONSIVE WIDTH ===== */
body {
  width: 100% !important;
  max-width: 1440px !important;
  margin: 0 auto !important;
  min-width: 320px;
}

/* ===== MOBILE NAVIGATION ===== */
.mobile-menu-toggle {
  display: none; /* Hidden on desktop */
  position: relative;
  z-index: 30;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  color: #0A0A0A;
}

.mobile-menu-toggle i {
  font-size: 24px;
}

.mobile-nav-panel {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(10, 10, 10, 0.98);
  backdrop-filter: blur(12px);
  z-index: 25;
  overflow-y: auto;
  padding: 80px 24px 40px;
  animation: slideDown 0.3s ease;
}

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-20px); }
  to { opacity: 1; transform: translateY(0); }
}

.mobile-nav-panel.active {
  display: block;
}

.mobile-nav-panel nav {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.mobile-nav-panel nav a {
  display: block;
  padding: 16px 20px;
  font-family: 'Oswald', sans-serif;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  color: rgba(255, 255, 255, 0.85);
  border-bottom: 1px solid rgba(208, 196, 146, 0.2);
  transition: all 0.2s ease;
  min-height: 48px;
  display: flex;
  align-items: center;
}

.mobile-nav-panel nav a:hover,
.mobile-nav-panel nav a:focus {
  background: rgba(208, 196, 146, 0.15);
  color: #C5B358;
  padding-left: 28px;
}

.mobile-nav-section {
  margin-top: 24px;
  padding-top: 16px;
  border-top: 1px solid rgba(208, 196, 146, 0.3);
}

.mobile-nav-section-title {
  font-family: 'Oswald', sans-serif;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #C5B358;
  padding: 8px 20px;
  margin-bottom: 4px;
}

/* ===== RESPONSIVE BREAKPOINTS ===== */

/* TABLET LANDSCAPE (1024px and below) */
@media (max-width: 1024px) {
  /* Reduce max-width for tablets */
  body {
    max-width: 1024px !important;
  }
  
  /* Adjust containers */
  .mx-auto.max-w-\[1240px\] {
    max-width: 960px !important;
  }
  
  /* 5-column grids → 3 columns */
  .grid-cols-5 {
    grid-template-columns: repeat(3, 1fr) !important;
  }
  
  /* 4-column grids → 2 columns */
  .grid-cols-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  /* Reduce hero text */
  h1.text-6xl {
    font-size: 3rem !important;
    line-height: 1.1 !important;
  }
  
  h1.text-5xl {
    font-size: 2.5rem !important;
    line-height: 1.1 !important;
  }
}

/* TABLET PORTRAIT / MOBILE MENU BREAKPOINT (900px and below) */
@media (max-width: 900px) {
  /* Hide desktop navigation */
  nav[data-design-id="nav-corporate-pa03"],
  nav[data-design-id="nav-main-pa04"] .flex.items-stretch {
    display: none !important;
  }
  
  /* Show mobile menu toggle */
  .mobile-menu-toggle {
    display: block !important;
  }
  
  /* Simplify header */
  nav[data-design-id="nav-main-pa04"] {
    height: 72px !important;
  }
  
  nav[data-design-id="nav-main-pa04"] .max-w-\[1240px\] {
    justify-content: space-between !important;
  }
  
  nav[data-design-id="nav-main-pa04"] a[href*="index.html"] img {
    height: 42px !important;
  }
  
  /* 3-column grids → 2 columns */
  .grid-cols-3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  
  /* 12-column grids → single column */
  .grid-cols-12 > .col-span-8,
  .grid-cols-12 > .col-span-4,
  .grid-cols-12 > .col-span-7,
  .grid-cols-12 > .col-span-5 {
    grid-column: span 12 !important;
  }
}

/* PHONE (600px and below) */
@media (max-width: 600px) {
  /* All multi-column grids → single column */
  .grid-cols-2,
  .grid-cols-3,
  .grid-cols-4,
  .grid-cols-5 {
    grid-template-columns: 1fr !important;
  }
  
  /* Reduce padding */
  .px-8 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  
  .py-14,
  .py-12 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  
  /* Hero text adjustments */
  h1.text-6xl {
    font-size: 2rem !important;
  }
  
  h1.text-5xl {
    font-size: 1.75rem !important;
  }
  
  h2.text-4xl {
    font-size: 1.5rem !important;
  }
  
  h2.text-5xl {
    font-size: 1.875rem !important;
  }
  
  /* Make stats bar stack vertically */
  .grid-cols-5.divide-x {
    grid-template-columns: 1fr !important;
    gap: 0 !important;
  }
  
  .grid-cols-5.divide-x > * {
    border-right: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  }
  
  .grid-cols-5.divide-x > *:last-child {
    border-bottom: none;
  }
  
  /* Compact top bar */
  div[data-design-id="topbar-black-pa02"] .max-w-\[1240px\] {
    height: auto !important;
    min-height: 44px;
    flex-wrap: wrap;
    gap: 8px;
    padding-top: 8px;
    padding-bottom: 8px;
  }
  
  div[data-design-id="topbar-black-pa02"] .flex.items-center.gap-4:first-child {
    order: 1;
    width: 100%;
    justify-content: center;
  }
  
  div[data-design-id="topbar-black-pa02"] .flex.items-center.gap-4:last-child {
    order: 2;
    width: 100%;
    justify-content: center;
  }
  
  /* Mobile-friendly buttons */
  .shop-3d {
    font-size: 14px !important;
    padding: 12px 20px !important;
  }
  
  /* Ensure touch targets are 44px+ */
  button,
  a.inline-flex,
  input[type="button"],
  input[type="submit"] {
    min-height: 44px;
  }
  
  /* Adjust marquee viewport for mobile */
  .marquee-track {
    animation-duration: 90s !important;
  }
  
  /* Smaller footers */
  footer .grid-cols-3 {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  
  /* Mobile background - switch to scroll to prevent iOS issues */
  body {
    background-attachment: scroll !important;
    background-size: contain !important;
  }
}

/* VERY SMALL PHONES (375px and below) */
@media (max-width: 375px) {
  .px-8 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  
  h1.text-6xl,
  h1.text-5xl {
    font-size: 1.5rem !important;
  }
  
  .font-display.text-xs {
    font-size: 10px !important;
  }
}

/* ===== PRINT STYLES ===== */
@media print {
  .mobile-menu-toggle,
  .mobile-nav-panel,
  header nav,
  footer {
    display: none !important;
  }
  
  body {
    background: white !important;
  }
}

/* ============================================
   PRIME ATHLETICS MOBILE RESPONSIVE FIXES
   July 23, 2026 — WCAG touch targets + overflow audit
   Maintains Vegas Gold (#C5B358) brand accents
   ============================================ */

@media (max-width: 900px) {
  /* WCAG 44px minimum touch area for hamburger */
  .mobile-menu-toggle {
    min-width: 44px !important;
    width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9999px;
  }

  .mobile-menu-toggle:hover,
  .mobile-menu-toggle:focus-visible {
    background: rgba(208, 196, 146, 0.14);
    outline: 2px solid #C5B358;
    outline-offset: 2px;
  }
}

@media (max-width: 600px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: clip !important;
  }

  /* Contact page: custom 1.4fr / 1fr grid must stack on mobile. */
  .grid.grid-cols-\[1\.4fr_1fr\],
  [class*="grid-cols-[1.4fr_1fr]"] {
    grid-template-columns: 1fr !important;
  }

  /* Mobile-safe containers and flex children. */
  .mx-auto.max-w-\[1240px\],
  .max-w-\[1240px\] {
    width: 100% !important;
    max-width: 100% !important;
  }

  .flex,
  .grid,
  article,
  aside,
  section,
  nav,
  form {
    min-width: 0 !important;
  }

  img,
  video,
  svg,
  canvas,
  iframe {
    max-width: 100% !important;
    height: auto;
  }

  /* Divisions page: force cards into one safe column and clear stale spans. */
  .div-card {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }

  .div-card.col-span-2,
  .div-card[class*="col-span-"] {
    grid-column: span 1 / span 1 !important;
  }

  .div-card .flex.items-center,
  .flex.items-center.justify-between {
    flex-wrap: wrap !important;
  }

  /* About and CTA sections: prevent shrink-0 buttons from forcing overflow. */
  a.shrink-0.inline-flex,
  .shrink-0.inline-flex {
    flex-shrink: 1 !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
    justify-content: center !important;
  }

  a.inline-flex[class*="tracking-"] {
    overflow-wrap: anywhere;
  }

  /* Primed 4 Gold: keep tab rows, event headers, and side notes within viewport. */
  nav[data-design-id="nav-sub-pg"],
  nav[data-design-id="nav-sub-pg08"],
  [data-design-id="nav-sub-pg08"],
  [data-design-id="subnav-pg07"] nav,
  [data-design-id="events-head-pg08"] .flex,
  #upcoming .flex.items-center.justify-between {
    width: 100% !important;
    max-width: 100% !important;
    flex-wrap: wrap !important;
  }

  .max-w-xs,
  .max-w-sm,
  .max-w-md {
    max-width: 100% !important;
  }

  /* WCAG touch targets: social icons, footer nav, and store/category tabs. */
  a[href*="facebook.com/PrimeAthletics"],
  a[href*="instagram.com/PrimeAthletics"],
  a[href*="x.com/PrimeAthletics"],
  span[title*="TikTok"] {
    min-width: 44px !important;
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 9999px;
  }

  a[href*="facebook.com/PrimeAthletics"]:hover,
  a[href*="instagram.com/PrimeAthletics"]:hover,
  a[href*="x.com/PrimeAthletics"]:hover,
  a[href*="facebook.com/PrimeAthletics"]:focus-visible,
  a[href*="instagram.com/PrimeAthletics"]:focus-visible,
  a[href*="x.com/PrimeAthletics"]:focus-visible {
    background: rgba(208, 196, 146, 0.14);
    color: #C5B358 !important;
    outline: 2px solid #C5B358;
    outline-offset: 2px;
  }

  footer a,
  nav[data-design-id="nav-sub-st08"] a,
  [data-design-id="nav-sub-st08"] a,
  [data-design-id="subnav-st07"] a {
    min-height: 44px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  nav[data-design-id="nav-sub-st08"],
  [data-design-id="nav-sub-st08"] {
    gap: 0.5rem !important;
  }

  nav[data-design-id="nav-sub-st08"] a[data-storefront-home],
  [data-design-id="nav-sub-st08"] a[data-storefront-home] {
    margin-left: 0 !important;
  }

  /* Typography: minimum 12px for mobile labels/metadata while preserving hierarchy. */
  .text-\[8px\],
  .text-\[9px\],
  .text-\[10px\],
  .text-\[11px\],
  .text-xs,
  .font-display.text-xs {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }

  .mobile-nav-section-title {
    font-size: 12px !important;
  }
}

@media (max-width: 375px) {
  /* Keep the mobile readability floor from being overridden by older 375px rules. */
  .font-display.text-xs,
  .text-\[8px\],
  .text-\[9px\],
  .text-\[10px\],
  .text-\[11px\],
  .text-xs {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
}

/* PRIME EXACT DESIGN CORRECTIONS 2026-07-23 */
:root { --prime-compact-section: 2rem; }
html, body { overflow-x: auto !important; }
body {
  background-image: url('prime-bg-grey-static-visible.png') !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: repeat-y !important;
  background-attachment: scroll !important;
}
.prime-bg, body::before, body::after { display: none !important; animation: none !important; transform: none !important; }

/* Header: full desktop navigation on every screen size; no hamburger or mobile overlay. */
.mobile-menu-toggle, .mobile-nav-panel { display: none !important; visibility: hidden !important; }
header[data-design-id="site-header-pa01"] nav[data-design-id="nav-corporate-pa03"] { display: flex !important; }
header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] .flex.items-stretch { display: flex !important; }
header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] { height: auto !important; }
header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] > .max-w-\[1240px\] { min-width: 760px; height: 78px !important; gap: .55rem !important; padding-left: 1rem !important; padding-right: 1rem !important; }
header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] img { height: 42px !important; }
header[data-design-id="site-header-pa01"] .nav-btn { padding: .45rem .55rem !important; min-height: 44px !important; }
header[data-design-id="site-header-pa01"] .shop-3d { padding: .45rem .85rem !important; font-size: .9rem !important; }
header[data-design-id="site-header-pa01"] [data-design-id="topbar-black-pa02"] > .max-w-\[1240px\] { min-width: 760px; height: 34px !important; padding-left: 1rem !important; padding-right: 1rem !important; gap: .65rem !important; }
header[data-design-id="site-header-pa01"] [data-design-id="topbar-black-pa02"] nav { gap: .75rem !important; font-size: 10px !important; }

/* General: reduce vertical spacing sitewide without changing content. */
section.relative { padding-top: var(--prime-compact-section) !important; padding-bottom: var(--prime-compact-section) !important; }
.py-16 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; }
.py-14, .py-12 { padding-top: 2rem !important; padding-bottom: 2rem !important; }
.py-10, .py-9, .py-8 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; }
.mb-12, .mb-10, .mb-8 { margin-bottom: 1.25rem !important; }
.mt-10, .mt-8 { margin-top: 1.25rem !important; }
footer .py-16 { padding-top: 2.25rem !important; padding-bottom: 2.25rem !important; }
footer .pb-12 { padding-bottom: 1.5rem !important; }
footer .gap-12 { gap: 1.75rem !important; }

/* Homepage: smaller information cards and core values in compact rows/columns instead of stacking. */
#index-page-placeholder { display:none; }
#core-values .grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: .75rem !important; padding: 1rem 1.5rem 1.35rem !important; }
#core-values article { gap: .35rem !important; }
#core-values article span { width: 2.6rem !important; height: 2.6rem !important; font-size: 1rem !important; }
#core-values h3 { font-size: .95rem !important; }
#core-values p { font-size: 11px !important; line-height: 1.25 !important; }
#divisions .grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: .9rem !important; }
#divisions article { padding: 1.15rem !important; }
#divisions article span { width: 2.6rem !important; height: 2.6rem !important; font-size: 1rem !important; }
#divisions h3 { margin-top: .75rem !important; font-size: 1rem !important; line-height: 1.1 !important; }
#divisions p { margin-top: .55rem !important; font-size: 12px !important; line-height: 1.35 !important; }
#divisions a { margin-top: .75rem !important; }

/* Customization: work example placeholders and smaller/better-positioned service cards. */
.custom-work-examples { align-items: stretch; }
.work-example-placeholder { min-height: 118px; border: 1px dashed rgba(208, 196, 146,.75); border-radius: .75rem; background: linear-gradient(145deg, rgba(10,10,10,.88), rgba(58,58,58,.72)); color: #C5B358; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: .55rem; font-family: 'Oswald', sans-serif; text-transform: uppercase; letter-spacing: .14em; font-size: .78rem; box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); }
.work-example-placeholder i { font-size: 1.6rem; color: #E2D793; }
.custom-services-grid article, #services article { padding: 1.15rem !important; }
#services article span.inline-flex { width: 2.6rem !important; height: 2.6rem !important; font-size: 1rem !important; }
#services h3 { margin-top: .75rem !important; font-size: 1rem !important; }
#services p { margin-top: .5rem !important; font-size: 12px !important; line-height: 1.35 !important; }

/* Elite Management: exact roster grid sizing. */
#current-signees .grid, .active-roster-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 1rem !important; }
#inactive-retired .grid, .inactive-roster-grid { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; gap: .85rem !important; }
#alumni .legacy-roster-grid { grid-template-columns: repeat(5, minmax(0, 1fr)) !important; gap: .75rem !important; }
#inactive-retired article { padding: .8rem !important; }
#inactive-retired img, #inactive-retired .roster-placeholder { width: 4.25rem !important; height: 4.25rem !important; }
#inactive-retired h3 { font-size: .88rem !important; }
#inactive-retired p { font-size: 11px !important; line-height: 1.3 !important; }
#alumni .legacy-roster-grid article { padding: .8rem !important; }
#alumni .legacy-roster-grid img, #alumni .legacy-roster-grid .roster-placeholder { width: 3.75rem !important; height: 3.75rem !important; }
#alumni .legacy-roster-grid h3 { font-size: .8rem !important; line-height: 1.1 !important; }
#alumni .legacy-roster-grid p { font-size: 10.5px !important; line-height: 1.25 !important; }

@media (max-width: 900px) {
  nav[data-design-id="nav-corporate-pa03"], nav[data-design-id="nav-main-pa04"] .flex.items-stretch { display: flex !important; }
  .mobile-menu-toggle, .mobile-nav-panel { display: none !important; }
  body { background-attachment: scroll !important; background-size: cover !important; }
  .grid-cols-2, .grid-cols-3, .grid-cols-4, .grid-cols-5 { grid-template-columns: revert; }
}
@media (max-width: 600px) {
  body { min-width: 0 !important; background-attachment: scroll !important; }
  #core-values .grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  #divisions .grid, .custom-services-grid, .custom-work-examples { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  footer .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
/* PRIME CRITICAL FINAL OVERRIDES */
body { background-size: contain !important; background-position: center top !important; background-repeat: no-repeat !important; background-attachment: scroll !important; }
#core-values .grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
#divisions .grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
.mobile-menu-toggle, .mobile-nav-panel { display: none !important; visibility: hidden !important; }
nav[data-design-id="nav-corporate-pa03"], nav[data-design-id="nav-main-pa04"] .flex.items-stretch { display: flex !important; }

/* PRIME TWO-ISSUE FIX 2026-07-23C: true mobile viewport fit + recognizable static watermark */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  box-sizing: border-box !important;
}
*, *::before, *::after { box-sizing: border-box; }
img, svg, video, canvas { max-width: 100%; height: auto; }
body {
  background-color: #ffffff !important;
  background-image:
    linear-gradient(rgba(255,255,255,.74), rgba(255,255,255,.74)),
    url('prime-logo-emblem.png') !important;
  background-size: auto, clamp(270px, 46vw, 610px) auto !important;
  background-position: center top, center 150px !important;
  background-repeat: repeat, no-repeat !important;
  background-attachment: scroll, scroll !important;
}
.prime-bg, body::before, body::after { display: none !important; animation: none !important; transform: none !important; }

header[data-design-id="site-header-pa01"],
header[data-design-id="site-header-pa01"] * { max-width: 100%; }
header[data-design-id="site-header-pa01"] [data-design-id="topbar-black-pa02"] > .max-w-\[1240px\],
header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] > .max-w-\[1240px\] {
  width: 100% !important;
  min-width: 0 !important;
}

@media (max-width: 900px) {
  html, body { overflow-x: hidden !important; min-width: 0 !important; }
  body {
    background-size: auto, clamp(250px, 72vw, 430px) auto !important;
    background-position: center top, center 132px !important;
  }
  header[data-design-id="site-header-pa01"] [data-design-id="topbar-black-pa02"] > .max-w-\[1240px\] {
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 30px !important;
    padding: .3rem .45rem !important;
    gap: .35rem !important;
    flex-wrap: wrap !important;
  }
  header[data-design-id="site-header-pa01"] [data-design-id="topbar-black-pa02"] nav {
    display: flex !important;
    flex: 1 1 100% !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: .35rem .55rem !important;
    font-size: 9px !important;
    letter-spacing: .05em !important;
  }
  header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] > .max-w-\[1240px\] {
    min-width: 0 !important;
    width: 100% !important;
    height: auto !important;
    min-height: 54px !important;
    padding: .38rem .45rem !important;
    gap: .32rem !important;
  }
  header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] img {
    height: 30px !important;
    width: auto !important;
    max-width: 82px !important;
    object-fit: contain !important;
  }
  header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] .flex.items-stretch {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    gap: .24rem !important;
    align-items: stretch !important;
    justify-content: center !important;
  }
  header[data-design-id="site-header-pa01"] .nav-btn,
  header[data-design-id="site-header-pa01"] .shop-3d {
    min-width: 0 !important;
    min-height: 34px !important;
    padding: .2rem .25rem !important;
    border-radius: .38rem !important;
    letter-spacing: 0 !important;
    line-height: 1.02 !important;
  }
  header[data-design-id="site-header-pa01"] .nav-btn { flex: 1 1 0 !important; }
  header[data-design-id="site-header-pa01"] .nav-btn span,
  header[data-design-id="site-header-pa01"] .shop-3d,
  header[data-design-id="site-header-pa01"] .shop-3d * {
    font-size: 8px !important;
    letter-spacing: 0 !important;
    line-height: 1.02 !important;
    white-space: normal !important;
  }
  header[data-design-id="site-header-pa01"] .shop-3d i { margin-right: .16rem !important; font-size: 8px !important; }
  header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] a[aria-label="Cart"] {
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    flex: 0 0 32px !important;
  }
}

@media (max-width: 430px) {
  body {
    background-size: auto, clamp(230px, 78vw, 330px) auto !important;
    background-position: center top, center 118px !important;
  }
  header[data-design-id="site-header-pa01"] [data-design-id="topbar-black-pa02"] > .max-w-\[1240px\] { padding: .25rem .3rem !important; }
  header[data-design-id="site-header-pa01"] [data-design-id="topbar-black-pa02"] .gap-4 { gap: .35rem !important; }
  header[data-design-id="site-header-pa01"] [data-design-id="topbar-black-pa02"] nav { font-size: 8px !important; gap: .22rem .36rem !important; }
  header[data-design-id="site-header-pa01"] [data-design-id="topbar-black-pa02"] select,
  header[data-design-id="site-header-pa01"] [data-design-id="topbar-black-pa02"] a,
  header[data-design-id="site-header-pa01"] [data-design-id="topbar-black-pa02"] span { font-size: 8px !important; letter-spacing: 0 !important; }
  header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] > .max-w-\[1240px\] {
    padding: .32rem .28rem !important;
    gap: .22rem !important;
  }
  header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] img { height: 24px !important; max-width: 58px !important; }
  header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] .flex.items-stretch { gap: .15rem !important; }
  header[data-design-id="site-header-pa01"] .nav-btn,
  header[data-design-id="site-header-pa01"] .shop-3d {
    min-height: 30px !important;
    padding: .16rem .12rem !important;
  }
  header[data-design-id="site-header-pa01"] .nav-btn span,
  header[data-design-id="site-header-pa01"] .shop-3d,
  header[data-design-id="site-header-pa01"] .shop-3d * { font-size: 6.8px !important; }
  header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] .flex.flex-col > span:first-child { display: none !important; }
  header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] a[aria-label="Cart"] {
    width: 26px !important;
    height: 26px !important;
    min-width: 26px !important;
    flex-basis: 26px !important;
  }
  header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] a[aria-label="Cart"] i { font-size: 12px !important; }
  header[data-design-id="site-header-pa01"] nav[data-design-id="nav-main-pa04"] a[aria-label="Cart"] span { width: 14px !important; height: 14px !important; font-size: 7px !important; }
}

/* PRIME TWO-ISSUE FIX 2026-07-23C-B: prevent roster/card text from expanding mobile viewport */
@media (max-width: 600px) {
  main, section, article, div { min-width: 0 !important; }
  .mx-auto.max-w-\[1240px\] { padding-left: .75rem !important; padding-right: .75rem !important; }
  #current-signees .grid, .active-roster-grid,
  #inactive-retired .grid, .inactive-roster-grid,
  #alumni .legacy-roster-grid,
  #core-values .grid,
  #divisions .grid,
  .custom-services-grid,
  .custom-work-examples,
  footer .grid-cols-3 {
    grid-template-columns: 1fr !important;
  }
  .credential-badge,
  .badge-gold,
  .badge-soft,
  h1, h2, h3, p, span, a {
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
  }
}


/* =========================================================
   PRIME EXACT CORRECTIONS — FINAL PASS 2026-07-23E
   Matches requested two-row header, compact footer, fixed roster grids,
   subtle recognizable Prime watermark, and smaller professional spacing.
   ========================================================= */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
}
body {
  background-color: #fff !important;
  background-image: url('prime-bg-watermark-subtle.jpg') !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: repeat-y !important;
  background-attachment: scroll !important;
  font-size: 14px !important;
}
main { background: rgba(255,255,255,.58); }
.prime-bg, body::before, body::after { display: none !important; }

/* Header: exact black top row + white navigation row on every screen, no hamburger. */
.mobile-menu-toggle, .mobile-nav-panel { display: none !important; visibility: hidden !important; }
.pa-header-two-row { position: relative; z-index: 50; width: 100%; }
.pa-topbar { background:#0A0A0A; color:rgba(255,255,255,.86); border-bottom:1px solid rgba(208, 196, 146,.42); }
.pa-topbar-inner { max-width:1240px; margin:0 auto; min-height:30px; padding:0 18px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; }
.pa-language { justify-self:start; display:inline-flex; align-items:center; gap:7px; color:#C5B358; font-family:'Oswald',sans-serif; font-size:11px; text-transform:uppercase; letter-spacing:.12em; }
.pa-language select { background:transparent; border:0; color:rgba(255,255,255,.88); font:inherit; outline:0; cursor:pointer; max-width:108px; }
.pa-language option { color:#0A0A0A; }
.pa-social { justify-self:center; display:flex; align-items:center; justify-content:center; gap:18px; }
.pa-social a, .pa-social span { color:rgba(255,255,255,.72); font-size:13px; line-height:1; display:inline-flex; align-items:center; justify-content:center; min-width:20px; min-height:20px; transition:.18s ease; }
.pa-social a:hover { color:#C5B358; }
.pa-login { justify-self:end; color:rgba(255,255,255,.9); font-family:'Oswald',sans-serif; font-size:11px; font-weight:600; text-transform:uppercase; letter-spacing:.13em; white-space:nowrap; }
.pa-login i { color:#C5B358; margin-right:5px; }
.pa-mainnav { background:rgba(255,255,255,.94); border-bottom:2px solid #C5B358; box-shadow:0 5px 18px rgba(0,0,0,.10); }
.pa-mainnav-inner { max-width:1240px; margin:0 auto; min-height:58px; padding:7px 18px; display:flex; align-items:center; gap:12px; }
.pa-brand { flex:0 0 auto; display:inline-flex; align-items:center; }
.pa-brand img { height:34px !important; width:auto; max-width:132px; object-fit:contain; }
.pa-links { flex:1 1 auto; min-width:0; display:flex; align-items:center; gap:6px; overflow-x:auto; overflow-y:hidden; white-space:nowrap; scrollbar-width:thin; -webkit-overflow-scrolling:touch; padding:2px 2px 4px; }
.pa-nav-link, .pa-shop-link { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; border-radius:6px; font-family:'Oswald',sans-serif; text-transform:uppercase; text-decoration:none; transition:.18s ease; }
.pa-nav-link { border:1px solid rgba(208, 196, 146,.38); background:rgba(255,255,255,.75); color:#0A0A0A; padding:7px 9px; font-size:10.5px; font-weight:600; letter-spacing:.08em; }
.pa-nav-link:hover, .pa-nav-link.pa-active { background:#0A0A0A; color:#C5B358; border-color:#C5B358; }
.pa-shop-link { order:-1; background:#C5B358; color:#0A0A0A; border:2px solid #0A0A0A; box-shadow:0 3px 0 #0A0A0A; padding:9px 18px; margin-right:4px; font-size:14px; font-weight:800; letter-spacing:.16em; }
.pa-shop-link i { margin-right:7px; font-size:12px; }
.pa-cart { flex:0 0 34px; position:relative; display:inline-flex; align-items:center; justify-content:center; height:34px; width:34px; border-radius:999px; border:1px solid rgba(208, 196, 146,.65); color:#0A0A0A; background:#fff; }
.pa-cart span { position:absolute; top:-6px; right:-6px; width:16px; height:16px; border-radius:999px; background:#0A0A0A; color:#C5B358; display:inline-flex; align-items:center; justify-content:center; font-size:8px; font-weight:800; }

/* Sitewide compacting: smaller typography, tighter sections/cards/buttons. */
section.relative { padding-top:1.55rem !important; padding-bottom:1.55rem !important; }
.mx-auto.max-w-\[1240px\] { padding-left:1.25rem !important; padding-right:1.25rem !important; }
h1.text-6xl, h1.text-5xl { font-size:clamp(2rem, 4vw, 3.25rem) !important; line-height:1.02 !important; }
h2.text-5xl, h2.text-4xl { font-size:clamp(1.55rem, 3vw, 2.35rem) !important; line-height:1.06 !important; }
h3.text-2xl, h3.text-xl { font-size:1.05rem !important; }
p.text-base, .text-base { font-size:.9rem !important; line-height:1.55 !important; }
.p-10, .p-8 { padding:1.4rem !important; }
.py-16, .py-14, .py-12, .py-10 { padding-top:1.75rem !important; padding-bottom:1.75rem !important; }
.mt-8, .mt-7, .mt-6, .mt-5 { margin-top:1rem !important; }
.mb-12, .mb-10, .mb-8, .mb-6 { margin-bottom:1rem !important; }
.gap-8, .gap-6 { gap:1rem !important; }

/* Footer: compact professional columns; never vertically over-spaced. */
footer[data-design-id="footer-main-pa90"] { background:#0A0A0A !important; }
footer[data-design-id="footer-main-pa90"] > .mx-auto { padding-top:1.35rem !important; padding-bottom:1rem !important; }
footer[data-design-id="footer-main-pa90"] .grid.grid-cols-3 { display:grid !important; grid-template-columns:1fr 1.4fr 1.4fr !important; gap:1rem !important; align-items:start !important; padding-bottom:1rem !important; }
footer[data-design-id="footer-main-pa90"] img { height:48px !important; }
footer[data-design-id="footer-main-pa90"] p.mt-5 { margin-top:.45rem !important; font-size:12px !important; line-height:1.3 !important; }
footer[data-design-id="footer-main-pa90"] .mt-5.flex { margin-top:.55rem !important; gap:.85rem !important; }
footer[data-design-id="footer-main-pa90"] ul { margin-top:.55rem !important; }
footer[data-design-id="footer-main-pa90"] li { gap:.55rem !important; }
footer[data-design-id="footer-main-pa90"] li span.inline-flex { width:28px !important; height:28px !important; font-size:12px !important; }
footer[data-design-id="footer-main-pa90"] a[href="contact.html"].inline-flex { padding:.65rem .9rem !important; font-size:11px !important; letter-spacing:.12em !important; }
footer[data-design-id="footer-main-pa90"] nav[data-design-id="footer-nav-pa91"] { margin-top:.75rem !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:.35rem .65rem !important; font-size:9.5px !important; letter-spacing:.12em !important; }
footer[data-design-id="footer-main-pa90"] > .mx-auto > .flex { padding-top:.65rem !important; font-size:11px !important; }

/* Elite Management roster grids — exact requested columns across every viewport. */
#current-signees .grid, .active-roster-grid { display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:.9rem !important; }
#inactive-retired .grid, .inactive-roster-grid { display:grid !important; grid-template-columns:repeat(4, minmax(0,1fr)) !important; gap:.75rem !important; }
#alumni .legacy-roster-grid, #alumni .grid { display:grid !important; grid-template-columns:repeat(5, minmax(0,1fr)) !important; gap:.55rem !important; }
#current-signees article { padding:1rem !important; }
#inactive-retired article, #alumni article { padding:.65rem !important; }
#current-signees h3 { font-size:1rem !important; line-height:1.1 !important; }
#inactive-retired h3 { font-size:.82rem !important; line-height:1.1 !important; }
#alumni h3 { font-size:.72rem !important; line-height:1.08 !important; }
#inactive-retired p, #alumni p { font-size:10px !important; line-height:1.2 !important; }

/* Customization page: smaller services and obvious picture placeholders/work gallery. */
.custom-work-examples { display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:.85rem !important; margin-bottom:1rem !important; }
.work-example-placeholder { min-height:104px !important; border:1.5px dashed rgba(208, 196, 146,.82) !important; background:linear-gradient(145deg, rgba(10,10,10,.9), rgba(54,54,54,.75)), repeating-linear-gradient(135deg, rgba(255,255,255,.04) 0 8px, transparent 8px 16px) !important; }
#services .custom-services-grid { display:grid !important; grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:.85rem !important; }
#services article { padding:1rem !important; }
#services article span.inline-flex { width:2.35rem !important; height:2.35rem !important; font-size:.95rem !important; }
#services h3 { margin-top:.55rem !important; font-size:.95rem !important; }
#services p { margin-top:.4rem !important; font-size:11.5px !important; line-height:1.35 !important; }

@media (max-width: 700px) {
  body { background-size:auto 100vh !important; background-position:center top !important; }
  .pa-topbar-inner { min-height:28px; padding:0 8px; gap:6px; grid-template-columns:auto 1fr auto; }
  .pa-language, .pa-login { font-size:9px; letter-spacing:.05em; }
  .pa-language select { max-width:76px; }
  .pa-social { gap:10px; }
  .pa-social a, .pa-social span { font-size:11px; min-width:18px; }
  .pa-mainnav-inner { min-height:48px; padding:5px 6px; gap:6px; }
  .pa-brand img { height:25px !important; max-width:68px; }
  .pa-links { gap:4px; }
  .pa-shop-link { padding:7px 12px; font-size:11px; letter-spacing:.08em; }
  .pa-nav-link { padding:6px 7px; font-size:8.5px; letter-spacing:.03em; }
  .pa-cart { flex-basis:28px; width:28px; height:28px; }
  .mx-auto.max-w-\[1240px\] { padding-left:.7rem !important; padding-right:.7rem !important; }
  footer[data-design-id="footer-main-pa90"] .grid.grid-cols-3 { grid-template-columns:.8fr 1.2fr 1.2fr !important; gap:.55rem !important; }
  footer[data-design-id="footer-main-pa90"] img { height:34px !important; }
  footer[data-design-id="footer-main-pa90"] nav[data-design-id="footer-nav-pa91"] { grid-template-columns:repeat(2, minmax(0,1fr)) !important; font-size:8px !important; }
  footer[data-design-id="footer-main-pa90"] a[href="contact.html"].inline-flex { padding:.5rem .55rem !important; font-size:9px !important; }
  #current-signees .grid, .active-roster-grid { grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:.45rem !important; }
  #inactive-retired .grid, .inactive-roster-grid { grid-template-columns:repeat(4, minmax(0,1fr)) !important; gap:.35rem !important; }
  #alumni .legacy-roster-grid, #alumni .grid { grid-template-columns:repeat(5, minmax(0,1fr)) !important; gap:.25rem !important; }
  #current-signees article, #inactive-retired article, #alumni article { padding:.35rem !important; }
  #current-signees h3, #inactive-retired h3, #alumni h3 { font-size:8px !important; overflow-wrap:anywhere; }
  #current-signees p, #inactive-retired p, #alumni p { font-size:7px !important; }
  .custom-work-examples, #services .custom-services-grid { grid-template-columns:repeat(3, minmax(0,1fr)) !important; gap:.45rem !important; }
}


/* PRIME CORRECTIVE FINAL 2026-07-24 */
html, body {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow-x: hidden !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
*, *::before, *::after { box-sizing: border-box !important; }
body {
  background-color: #ffffff !important;
  background-image: url('prime-emblem-watermark-static.png') !important;
  background-size: min(72vw, 520px) auto !important;
  background-position: center 118px !important;
  background-repeat: repeat-y !important;
  background-attachment: scroll !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
main { background: rgba(255,255,255,.50) !important; width:100% !important; max-width:100% !important; overflow-x:hidden !important; }
img, svg, video, canvas, iframe { max-width: 100% !important; height: auto; }
.mx-auto.max-w-\[1240px\], .mx-auto.max-w-\[760px\] { width:100% !important; max-width:1240px !important; }
section, article, div, nav, header, footer { max-width:100%; }

/* Static desktop-style header retained on mobile, but fit to viewport without page scroll. */
.mobile-menu-toggle, .mobile-nav-panel { display:none !important; visibility:hidden !important; }
.pa-header-two-row { width:100% !important; overflow:hidden !important; }
.pa-topbar-inner { width:100% !important; max-width:1240px !important; min-width:0 !important; }
.pa-mainnav { width:100% !important; overflow:hidden !important; }
.pa-mainnav-inner { width:100% !important; max-width:1240px !important; min-width:0 !important; display:flex !important; align-items:center !important; }
.pa-links { overflow:visible !important; scrollbar-width:none !important; -ms-overflow-style:none !important; flex-wrap:nowrap !important; justify-content:center !important; min-width:0 !important; }
.pa-links::-webkit-scrollbar { display:none !important; }
.pa-nav-link, .pa-shop-link, .pa-cart { white-space:nowrap !important; flex-shrink:1 !important; }

/* Sitewide smaller type and tighter spacing. */
h1.text-6xl, h1.text-5xl { font-size:clamp(1.85rem, 3.6vw, 3rem) !important; line-height:1.02 !important; }
h2.text-5xl, h2.text-4xl, h2.text-3xl { font-size:clamp(1.35rem, 2.6vw, 2.1rem) !important; line-height:1.06 !important; }
h3.text-2xl, h3.text-xl, .text-xl { font-size:1rem !important; }
p, li, input, select, textarea, button { font-size:.86rem !important; }
.text-sm { font-size:.78rem !important; }
.text-xs { font-size:.68rem !important; }
section.relative { padding-top:1.25rem !important; padding-bottom:1.25rem !important; }
.py-16, .py-14, .py-12, .py-10, .py-8 { padding-top:1.35rem !important; padding-bottom:1.35rem !important; }
.p-10, .p-8, .p-6 { padding:1rem !important; }
.mt-12, .mt-10, .mt-8, .mt-7, .mt-6 { margin-top:.85rem !important; }
.mb-12, .mb-10, .mb-8, .mb-6 { margin-bottom:.85rem !important; }
.gap-8, .gap-6, .gap-5 { gap:.75rem !important; }

/* Homepage compact company info + core values: multiple columns, short rows. */
#standard { padding-bottom:1rem !important; margin-top:-.5rem !important; }
#standard .grid.grid-cols-5 { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; }
#standard [data-design-id^="stat-"] { padding:.85rem .45rem !important; min-width:0 !important; }
#standard [data-design-id^="stat-"] p:first-child { font-size:clamp(.95rem,2.4vw,1.55rem) !important; }
#standard [data-design-id^="stat-"] p:last-child { font-size:clamp(.42rem,1.2vw,.58rem) !important; letter-spacing:.13em !important; }
#core-values .grid { display:grid !important; grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:.55rem !important; padding:.85rem 1rem 1rem !important; }
#core-values .bg-gold\/90 { border-radius:1rem !important; }
#core-values .px-8.pt-6 { padding:.9rem 1rem .15rem !important; }
#core-values h2 { font-size:clamp(1.1rem,2.7vw,2rem) !important; }
#core-values article { gap:.25rem !important; min-width:0 !important; }
#core-values article span { width:2.15rem !important; height:2.15rem !important; font-size:.82rem !important; }
#core-values h3 { font-size:.76rem !important; letter-spacing:.03em !important; }
#core-values p { font-size:.62rem !important; line-height:1.18 !important; overflow-wrap:normal !important; }

/* Elite Management: compact rectangle athlete cards. */
#current-signees, #inactive-retired, #alumni { padding-top:1rem !important; padding-bottom:1rem !important; }
#current-signees .active-roster-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:.75rem !important; }
#current-signees .active-card { display:grid !important; grid-template-columns:40% 60% !important; min-height:188px !important; border-radius:.85rem !important; }
#current-signees .active-card > div:first-child { aspect-ratio:auto !important; height:100% !important; min-height:188px !important; }
#current-signees .active-card img { height:100% !important; width:100% !important; object-fit:cover !important; }
#current-signees .active-card > div:last-child { padding:.8rem !important; min-width:0 !important; }
#current-signees .active-card h3 { font-size:.92rem !important; line-height:1.02 !important; }
#current-signees .active-card p { font-size:.58rem !important; line-height:1.25 !important; letter-spacing:.12em !important; }
#current-signees .active-card ul { margin-top:.45rem !important; gap:0 !important; }
#current-signees .active-card li { font-size:.66rem !important; line-height:1.22 !important; padding-left:.6rem !important; }
.achievement-line::before { width:.24rem !important; height:.24rem !important; top:.48em !important; }
.credential-badge { font-size:.52rem !important; padding:.17rem .38rem !important; line-height:1 !important; }
#inactive-retired .inactive-roster-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:.55rem !important; }
#inactive-retired article { padding:.55rem !important; border-radius:.7rem !important; }
#inactive-retired article > .flex { gap:.5rem !important; }
#inactive-retired img, #inactive-retired .roster-placeholder { width:3.25rem !important; height:3.25rem !important; border-radius:.5rem !important; }
#inactive-retired h3 { font-size:.66rem !important; line-height:1.05 !important; }
#inactive-retired p { margin-top:.35rem !important; font-size:.56rem !important; line-height:1.18 !important; }
#alumni .legacy-roster-grid { grid-template-columns:repeat(5,minmax(0,1fr)) !important; gap:.4rem !important; }
#alumni article { padding:.45rem !important; border-radius:.65rem !important; }
#alumni .legacy-roster-grid img, #alumni .legacy-roster-grid .roster-placeholder { width:2.8rem !important; height:2.8rem !important; }
#alumni h3 { font-size:.58rem !important; line-height:1.03 !important; }
#alumni p { font-size:.48rem !important; line-height:1.1 !important; }

/* Customization work gallery + lightbox. */
.custom-work-examples.prime-gallery-strip { display:flex !important; grid-template-columns:none !important; gap:.75rem !important; overflow-x:auto !important; overflow-y:hidden !important; scroll-snap-type:x mandatory; -webkit-overflow-scrolling:touch; padding:.25rem .15rem .8rem !important; margin-bottom:1rem !important; scrollbar-color:#C5B358 rgba(10,10,10,.15); }
.prime-gallery-item { flex:0 0 clamp(165px, 24vw, 270px); scroll-snap-align:start; border:1px solid rgba(208, 196, 146,.45); border-radius:.8rem; overflow:hidden; background:#0A0A0A; box-shadow:0 10px 22px rgba(0,0,0,.14); cursor:pointer; position:relative; }
.prime-gallery-item img { display:block; width:100% !important; height:145px !important; object-fit:cover !important; user-select:none !important; -webkit-user-drag:none !important; pointer-events:none; }
.prime-gallery-item span { position:absolute; left:0; right:0; bottom:0; padding:.45rem .55rem; background:linear-gradient(transparent, rgba(0,0,0,.82)); color:#C5B358; font-family:'Oswald',sans-serif; font-size:.66rem; text-transform:uppercase; letter-spacing:.12em; }
.prime-lightbox { position:fixed; inset:0; z-index:9999; display:none; align-items:center; justify-content:center; padding:1rem; background:rgba(0,0,0,.88); }
.prime-lightbox.active { display:flex; }
.prime-lightbox img { max-width:min(96vw,1100px) !important; max-height:86vh !important; object-fit:contain !important; border:2px solid #C5B358; border-radius:.7rem; background:#111; }
.prime-lightbox button { position:absolute; top:1rem; right:1rem; border:1px solid rgba(208, 196, 146,.8); background:#0A0A0A; color:#C5B358; border-radius:999px; width:42px; height:42px; font-size:22px !important; line-height:1; cursor:pointer; }
img { -webkit-user-drag:none !important; user-drag:none !important; user-select:none !important; -webkit-user-select:none !important; }

@media (max-width: 700px) {
  body { background-size:min(84vw, 360px) auto !important; background-position:center 92px !important; }
  .pa-topbar-inner { min-height:24px !important; padding:0 .32rem !important; display:grid !important; grid-template-columns:auto 1fr auto !important; gap:.25rem !important; }
  .pa-language, .pa-login { font-size:7.2px !important; letter-spacing:.02em !important; }
  .pa-language select { max-width:58px !important; }
  .pa-social { gap:.32rem !important; }
  .pa-social a, .pa-social span { font-size:8.5px !important; min-width:12px !important; }
  .pa-mainnav-inner { min-height:40px !important; padding:.25rem .22rem !important; gap:.22rem !important; }
  .pa-brand img { height:20px !important; max-width:48px !important; }
  .pa-links { gap:.12rem !important; }
  .pa-shop-link { order:0 !important; padding:.26rem .28rem !important; font-size:5.8px !important; letter-spacing:.01em !important; box-shadow:none !important; border-width:1px !important; }
  .pa-shop-link i { display:none !important; }
  .pa-nav-link { padding:.25rem .18rem !important; font-size:5.4px !important; letter-spacing:0 !important; border-radius:.24rem !important; }
  .pa-cart { flex:0 0 19px !important; width:19px !important; height:19px !important; }
  .pa-cart i { font-size:8px !important; }
  .pa-cart span { width:10px !important; height:10px !important; top:-4px !important; right:-4px !important; font-size:5px !important; }
  .mx-auto.max-w-\[1240px\], .mx-auto.max-w-\[760px\] { padding-left:.65rem !important; padding-right:.65rem !important; }
  #standard .grid.grid-cols-5 { grid-template-columns:repeat(3,minmax(0,1fr)) !important; divide-x:none !important; }
  #standard [data-design-id^="stat-"] { padding:.6rem .25rem !important; border-right:0 !important; border-bottom:1px solid rgba(255,255,255,.1) !important; }
  #core-values .grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:.35rem !important; padding:.65rem .55rem .75rem !important; }
  #core-values article span { width:1.8rem !important; height:1.8rem !important; font-size:.68rem !important; }
  #core-values h3 { font-size:.58rem !important; }
  #core-values p { font-size:.48rem !important; line-height:1.12 !important; }
  #current-signees .active-roster-grid { grid-template-columns:1fr !important; gap:.55rem !important; }
  #current-signees .active-card { grid-template-columns:34% 66% !important; min-height:122px !important; }
  #current-signees .active-card > div:first-child { min-height:122px !important; }
  #current-signees .active-card h3 { font-size:.72rem !important; }
  #current-signees .active-card li { font-size:.52rem !important; line-height:1.15 !important; }
  #current-signees .active-card ul li:nth-child(n+3) { display:none !important; }
  #inactive-retired .inactive-roster-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  #inactive-retired article > .flex { align-items:flex-start !important; }
  #inactive-retired img, #inactive-retired .roster-placeholder { width:2.65rem !important; height:2.65rem !important; }
  #inactive-retired p { display:none !important; }
  #alumni .legacy-roster-grid { grid-template-columns:repeat(3,minmax(0,1fr)) !important; }
  #alumni p { display:none !important; }
  footer[data-design-id="footer-main-pa90"] .grid.grid-cols-3 { grid-template-columns:1fr !important; gap:.9rem !important; }
  .prime-gallery-item { flex-basis:72vw !important; }
  .prime-gallery-item img { height:150px !important; }
}


/* Mobile nav fit refinement: all desktop nav links visible without horizontal page scroll. */
@media (max-width: 700px) {
  .pa-brand { display:none !important; }
  .pa-mainnav-inner { gap:.1rem !important; }
  .pa-links { flex:1 1 auto !important; gap:.07rem !important; justify-content:space-between !important; }
  .pa-shop-link { padding:.22rem .24rem !important; font-size:5px !important; min-height:24px !important; }
  .pa-nav-link { padding:.22rem .12rem !important; font-size:4.7px !important; min-height:24px !important; }
  .pa-cart { margin-left:.08rem !important; flex:0 0 17px !important; width:17px !important; height:17px !important; }
}
@media (min-width: 701px) and (max-width: 900px) {
  .pa-brand img { height:24px !important; max-width:72px !important; }
  .pa-links { gap:.18rem !important; justify-content:space-between !important; }
  .pa-shop-link { padding:.35rem .45rem !important; font-size:7px !important; }
  .pa-nav-link { padding:.32rem .25rem !important; font-size:6.4px !important; }
}


/* ==========================================================================
   GLOBAL 2026-08 UPDATE — smaller type, no horizontal scroll, emblem watermark
   ========================================================================== */
html { font-size: 15px; }               /* global type scale-down from 16px */
@media (max-width: 1024px){ html { font-size: 14px; } }
@media (max-width: 600px){ html { font-size: 13.5px; } }

html, body { max-width: 100%; overflow-x: hidden; }
*, *::before, *::after { max-width: 100%; }
img, video, canvas, svg { max-width: 100%; height: auto; }

/* Full emblem watermark, fit-to-page, not tiled, works on all devices */
body {
  background-color: #f4f4f1 !important;
  background-image: url('prime-bg-emblem-fit.png') !important;
  background-size: contain !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: scroll !important;
}

/* Reusable Mission / Vision / Values + Core Values layout helpers */
.pa-mvv-block { max-width: 1240px; margin: 0 auto; padding: 1.1rem 2rem; }
.pa-mvv-title { font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.06em; color:#0A0A0A; font-size:1.5rem; line-height:1; }
.pa-mvv-title .g { color:#C5B358; }
.pa-mvv-row { display:flex; align-items:center; gap:1.25rem; margin-top:.6rem; background:rgba(255,255,255,.85); border:1px solid rgba(208, 196, 146,.28); border-radius:.6rem; padding:1rem 1.25rem; }
.pa-mvv-icon { flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; height:3.4rem; width:3.4rem; border-radius:9999px; background:#0A0A0A; color:#C5B358; font-size:1.35rem; box-shadow:0 6px 14px rgba(0,0,0,.18); }
.pa-mvv-text { font-family:'Inter',sans-serif; color:#3A3A3A; font-size:.92rem; line-height:1.5; }
.pa-values-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:.7rem; }
.pa-value-card { display:flex; flex-direction:column; align-items:center; text-align:center; gap:.5rem; background:rgba(255,255,255,.85); border:1px solid rgba(208, 196, 146,.28); border-radius:.6rem; padding:1rem .9rem; }
.pa-value-card .ic { display:inline-flex; align-items:center; justify-content:center; height:2.9rem; width:2.9rem; border-radius:9999px; background:#0A0A0A; color:#C5B358; font-size:1.15rem; }
.pa-value-card h4 { font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; letter-spacing:.04em; color:#0A0A0A; font-size:1rem; }
.pa-value-card p { font-family:'Inter',sans-serif; color:#3A3A3A; font-size:.74rem; line-height:1.4; }
@media (max-width:640px){ .pa-values-grid { grid-template-columns:1fr; } .pa-mvv-row{ flex-direction:column; text-align:center; } }



/* =========================================================
   3-ROW HEADER + FOOTER REBUILD  (rev 20260805b)
   Appended LAST so it wins the cascade over earlier rules.
   ========================================================= */

/* ---------- ROW 1 : black bar = brand | social | language | cart ---------- */
.pa-topbar { background:#0A0A0A; color:rgba(255,255,255,.86); border-bottom:1px solid rgba(208, 196, 146,.30); }
.pa-topbar-inner {
  max-width:1240px !important; margin:0 auto !important; min-height:48px !important;
  padding:6px 18px !important; display:flex !important; align-items:center !important;
  justify-content:space-between !important; grid-template-columns:none !important; gap:14px !important;
}
.pa-topbrand { flex:0 0 auto; display:inline-flex; align-items:center; }
.pa-topbrand img { height:30px; width:auto; max-width:240px; object-fit:contain; display:block; }
.pa-topbar-right { flex:0 1 auto; min-width:0; display:inline-flex; align-items:center; gap:16px; }

/* social icons in shadowed boxes, close together */
.pa-topbar-right .pa-social { justify-self:auto !important; gap:8px !important; }
.pa-topbar-right .pa-social a {
  width:26px; height:26px; border-radius:6px; background:rgba(255,255,255,.05);
  border:1px solid rgba(208, 196, 146,.35); box-shadow:0 3px 8px rgba(0,0,0,.5);
  color:rgba(255,255,255,.82) !important; font-size:12px !important;
}
.pa-topbar-right .pa-social a:hover { color:#C5B358 !important; border-color:#C5B358; }
.pa-topbar-right .pa-language { justify-self:auto !important; color:#C5B358; }
.pa-topbar-right .pa-cart { flex:0 0 28px; width:28px; height:28px; border:1px solid rgba(208, 196, 146,.65); background:#fff; color:#0A0A0A; }

/* ---------- ROW 2 : black secondary nav ---------- */
.pa-subnav { background:#0A0A0A; border-bottom:1px solid rgba(208, 196, 146,.28); }
.pa-subnav-inner {
  max-width:1240px; margin:0 auto; min-height:32px; padding:4px 18px;
  display:flex; align-items:center; justify-content:center; gap:12px; flex-wrap:wrap;
}
.pa-subnav-link {
  color:rgba(255,255,255,.82); font-family:'Oswald',sans-serif; font-size:11px; font-weight:600;
  text-transform:uppercase; letter-spacing:.15em; text-decoration:none; transition:.18s ease; white-space:nowrap;
}
.pa-subnav-link:hover, .pa-subnav-link.pa-active { color:#C5B358; }
.pa-subnav-link i { margin-right:5px; color:#C5B358; }
.pa-subnav-sep { color:rgba(208, 196, 146,.5); font-size:10px; user-select:none; }

/* ---------- ROW 3 : white primary nav ---------- */
.pa-mainnav-inner { min-height:56px !important; justify-content:center !important; }
.pa-links { flex:0 1 auto !important; flex-wrap:wrap !important; justify-content:center !important; overflow:visible !important; }
.pa-shop-link { order:0 !important; }
.pa-btn-stack { flex-direction:column !important; line-height:1.05 !important; }
.pa-btn-eyebrow { display:block; font-family:'Oswald',sans-serif; font-size:7.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; opacity:.85; margin-bottom:2px; white-space:nowrap; }
.pa-perf-link .pa-btn-eyebrow { color:#9C8A41; }
.pa-shop-link .pa-btn-eyebrow { color:#0A0A0A; }

/* ---------- FOOTER : social boxes + 2-row nav ---------- */
.pa-foot-social { display:flex; align-items:center; gap:8px; }
.pa-foot-soc {
  display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px;
  border-radius:8px; background:#111; border:1px solid rgba(208, 196, 146,.35);
  box-shadow:0 5px 14px rgba(0,0,0,.55); color:rgba(255,255,255,.78); font-size:14px; transition:.18s ease;
}
.pa-foot-soc:hover { color:#C5B358; border-color:#C5B358; transform:translateY(-2px); }

/* ---------- responsive tweaks for the rebuilt header ---------- */
@media (max-width:1024px){
  .pa-topbrand img { height:26px; max-width:190px; }
}
@media (max-width:600px){
  .pa-topbar-inner { flex-wrap:wrap !important; min-height:0 !important; gap:8px !important; padding:6px 10px !important; }
  .pa-topbrand img { height:22px; max-width:150px; }
  .pa-topbar-right { gap:10px; }
  .pa-topbar-right .pa-social a { width:22px; height:22px; font-size:10px !important; }
  .pa-subnav-inner { gap:7px; padding:4px 8px; }
  .pa-subnav-link { font-size:8px; letter-spacing:.08em; }
  .pa-subnav-sep { display:none; }
  .pa-btn-eyebrow { font-size:5px; margin-bottom:1px; }
}


/* ============================================================================
   GLOBAL FIX 2026-08-05d
   (1) full brand watermark, fixed through scroll, all devices
   (2) header: fill the bars, wider/bigger buttons, bigger social boxes, shorter top bar
   (3) homepage Mission/Vision (transparent, icon+text side-by-side) + Values gold panel
   Appended LAST so it wins the cascade.
   ============================================================================ */

/* ---------- (1) BACKGROUND WATERMARK — fixed, full page, cross-device ---------- */
/* Kill every earlier body background-image rule; paint the watermark on a fixed
   full-viewport pseudo layer so it stays put during scroll even on iOS/Android. */
body { background:#f4f4f1 !important; background-image:none !important; }
body::before {
  content:"" !important;
  display:block !important;
  position:fixed !important;
  top:0 !important; left:0 !important; right:0 !important; bottom:0 !important;
  width:100vw !important; height:100vh !important;
  z-index:-1 !important;
  background-image:url('watermark-bg.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
  animation:none !important; transform:none !important;
  pointer-events:none !important;
}
body::after { display:none !important; }

/* ---------- (2a) ROW 1 black top bar: shorter, bigger bolder individual social boxes ---------- */
.pa-topbar-inner { min-height:38px !important; padding:3px 18px !important; }
.pa-topbar-right { gap:18px !important; }
.pa-topbar-right .pa-social { gap:9px !important; }
.pa-topbar-right .pa-social a {
  width:30px !important; height:30px !important; border-radius:7px !important;
  font-size:15px !important; font-weight:700 !important;
  background:rgba(255,255,255,.07) !important;
  border:1px solid rgba(208, 196, 146,.5) !important;
  box-shadow:0 3px 9px rgba(0,0,0,.55) !important;
  color:#ffffff !important;
}
.pa-topbar-right .pa-social a:hover { color:#C5B358 !important; border-color:#C5B358 !important; }

/* ---------- (2b) ROW 3 white primary nav: fill the bar, spread out, bigger ---------- */
.pa-mainnav-inner { min-height:62px !important; padding:8px 16px !important; justify-content:stretch !important; }
.pa-links {
  flex:1 1 auto !important; width:100% !important;
  display:flex !important; flex-wrap:nowrap !important;
  justify-content:space-between !important; align-items:stretch !important;
  gap:8px !important; overflow:visible !important; padding:0 !important;
}
.pa-links > a { flex:1 1 0 !important; }                 /* every item grows to fill the bar evenly */
.pa-nav-link {
  padding:11px 8px !important; font-size:13px !important; font-weight:700 !important;
  letter-spacing:.05em !important; white-space:nowrap !important; line-height:1.05 !important;
}
.pa-shop-link {
  flex:1.15 1 0 !important; padding:9px 12px !important; font-size:15.5px !important;
  letter-spacing:.12em !important;
}
.pa-shop-link .pa-btn-eyebrow { font-size:8.5px !important; }
.pa-perf-link .pa-btn-eyebrow { font-size:8.5px !important; }

/* phones/tablets: let the 7 items wrap to 2 tidy rows instead of shrinking too small */
@media (max-width:900px){
  .pa-links { flex-wrap:wrap !important; justify-content:center !important; gap:6px !important; }
  .pa-links > a { flex:0 1 auto !important; }
  .pa-nav-link { font-size:12px !important; padding:9px 12px !important; }
  .pa-shop-link { font-size:13.5px !important; padding:8px 14px !important; }
}
@media (max-width:600px){
  .pa-mainnav-inner { min-height:0 !important; padding:7px 8px !important; }
  .pa-nav-link { font-size:11px !important; padding:8px 10px !important; }
  .pa-shop-link { font-size:12.5px !important; padding:7px 12px !important; }
}

/* ---------- (3a) MISSION / VISION: transparent, title top-left, icon + text side-by-side ALWAYS ---------- */
.pa-mvv-block { max-width:1240px !important; margin:0 auto !important; padding:.55rem 2rem !important; }
.pa-mvv-title { font-size:1.3rem !important; margin:0 0 .35rem 0 !important; text-align:left !important; }
.pa-mvv-row {
  display:flex !important; flex-direction:row !important; align-items:center !important;
  text-align:left !important; gap:1rem !important; margin-top:.3rem !important;
  background:rgba(255,255,255,.30) !important;
  border:1px solid rgba(208, 196, 146,.20) !important;
  border-radius:.55rem !important; padding:.7rem 1rem !important;
  backdrop-filter:blur(1px) !important;
}
.pa-mvv-icon { height:2.8rem !important; width:2.8rem !important; font-size:1.15rem !important; box-shadow:0 5px 12px rgba(0,0,0,.16) !important; }
.pa-mvv-text { font-size:.9rem !important; line-height:1.45 !important; }
@media (max-width:600px){
  .pa-mvv-block { padding:.5rem 1.1rem !important; }
  .pa-mvv-title { font-size:1.15rem !important; }
  .pa-mvv-row { gap:.8rem !important; padding:.6rem .8rem !important; }
  .pa-mvv-icon { height:2.4rem !important; width:2.4rem !important; font-size:1rem !important; }
  .pa-mvv-text { font-size:.82rem !important; }
}

/* ---------- (3b) VALUES: recreate Vegas Gold full-width panel, 3 across x 2 rows ---------- */
.pa-values-wrap { max-width:1240px; margin:.7rem auto .2rem; padding:0 2rem; }
.pa-values-panel {
  background:#C5B358 !important;
  border-radius:.8rem !important;
  padding:1.05rem 1.25rem 1.2rem !important;
  box-shadow:0 12px 30px rgba(0,0,0,.16) !important;
  border:1px solid rgba(0,0,0,.15) !important;
}
.pa-values-title { text-align:left !important; margin:0 0 .3rem 0 !important; color:#0A0A0A !important; font-size:1.35rem !important; }
.pa-values-title .g { color:#0A0A0A !important; }
.pa-values-panel .pa-values-grid {
  display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:.7rem !important; margin-top:.6rem !important;
}
.pa-values-panel .pa-value-card {
  background:rgba(10,10,10,.92) !important;
  border:1px solid rgba(0,0,0,.28) !important;
  border-radius:.55rem !important; padding:.8rem .6rem !important; gap:.4rem !important;
}
.pa-values-panel .pa-value-card .ic {
  background:#C5B358 !important; color:#0A0A0A !important;
  height:2.5rem !important; width:2.5rem !important; font-size:1.05rem !important;
}
.pa-values-panel .pa-value-card h4 { color:#ffffff !important; font-size:.92rem !important; }
.pa-values-panel .pa-value-card p { color:rgba(255,255,255,.82) !important; font-size:.72rem !important; line-height:1.32 !important; }
@media (max-width:600px){
  .pa-values-wrap { padding:0 1.1rem; }
  .pa-values-panel { padding:.85rem .8rem 1rem !important; }
  .pa-values-title { font-size:1.15rem !important; }
  .pa-values-panel .pa-values-grid { gap:.45rem !important; }
  .pa-values-panel .pa-value-card { padding:.6rem .4rem !important; }
  .pa-values-panel .pa-value-card .ic { height:2rem !important; width:2rem !important; font-size:.85rem !important; }
  .pa-values-panel .pa-value-card h4 { font-size:.74rem !important; }
  .pa-values-panel .pa-value-card p { font-size:.6rem !important; line-height:1.25 !important; }
}


/* ================================================================
   (3c) MISSION/VISION SINGLE CONTAINER + VALUES CONTAINER
   - Mission left / Vision right, single full-width panel
   - Black 2px border, black 2px vertical center divider
   - Highly transparent Vegas Gold bg rgba(208, 196, 146,0.15)
   - Values: single full-width panel, black border, same transparent gold bg
   Appended last to win specificity.
   ================================================================ */
.pa-mv-wrap { max-width:1240px !important; margin:0 auto !important; padding:.55rem 2rem !important; }
.pa-mv-panel {
  display:flex !important; flex-direction:row !important; align-items:stretch !important;
  background:rgba(208, 196, 146,0.15) !important;
  border:2px solid #0A0A0A !important;
  border-radius:.7rem !important;
  padding:1.1rem 1.4rem !important;
  gap:0 !important;
}
.pa-mv-col { flex:1 1 50% !important; min-width:0 !important; padding:0 1.4rem !important; }
.pa-mv-col:first-child { border-right:2px solid #0A0A0A !important; padding-left:.3rem !important; }
.pa-mv-col:last-child { padding-right:.3rem !important; }
/* Mission/Vision rows inside the shared panel: transparent so gold panel shows through */
.pa-mv-panel .pa-mvv-block { max-width:none !important; margin:0 !important; padding:0 !important; }
.pa-mv-panel .pa-mvv-title { font-size:1.3rem !important; margin:0 0 .4rem 0 !important; text-align:left !important; }
.pa-mv-panel .pa-mvv-row {
  display:flex !important; flex-direction:row !important; align-items:center !important;
  text-align:left !important; gap:1rem !important; margin-top:.3rem !important;
  background:transparent !important; border:none !important; border-radius:0 !important;
  padding:0 !important; backdrop-filter:none !important;
}

/* VALUES panel -> transparent Vegas Gold with black border (was solid gold) */
.pa-values-panel {
  background:rgba(208, 196, 146,0.15) !important;
  border:2px solid #0A0A0A !important;
  border-radius:.7rem !important;
}
/* Value cards stay dark for contrast against the light transparent panel */
.pa-values-title { color:#0A0A0A !important; }
.pa-values-title .g { color:#C5B358 !important; }

@media (max-width:640px){
  .pa-mv-wrap { padding:.5rem 1.1rem !important; }
  .pa-mv-panel { flex-direction:column !important; padding:.9rem 1rem !important; }
  .pa-mv-col { padding:.2rem 0 !important; }
  .pa-mv-col:first-child { border-right:none !important; border-bottom:2px solid #0A0A0A !important; padding-bottom:.9rem !important; margin-bottom:.9rem !important; }
  .pa-mv-panel .pa-mvv-title { font-size:1.15rem !important; }
}



/* ================================================================
   APPROVED GLOBAL HEADER + FOOTER  (rev 20260806a)
   Matches user-approved reference layouts. Appended LAST to win cascade.
   ================================================================ */

/* ---------- ROW 1: brand | language | social | cart, spread w/ vertical dividers ---------- */
.pa-topbar { background:#0A0A0A !important; border-bottom:1px solid rgba(208, 196, 146,.30) !important; }
.pa-topbar-inner {
  max-width:1240px !important; margin:0 auto !important; min-height:66px !important;
  padding:8px 26px !important; display:flex !important; align-items:center !important;
  justify-content:space-between !important; grid-template-columns:none !important; gap:10px !important;
}
.pa-vsep { flex:0 0 1px !important; width:1px !important; align-self:stretch !important; margin:8px 2px !important; background:rgba(208, 196, 146,.38) !important; }
.pa-topbrand { flex:0 0 auto !important; display:inline-flex !important; align-items:center !important; }
.pa-topbrand img { height:40px !important; width:auto !important; max-width:270px !important; object-fit:contain !important; display:block !important; }
/* language group */
.pa-language { justify-self:auto !important; display:inline-flex !important; align-items:center !important; gap:9px !important; color:#C5B358 !important; font-family:'Oswald',sans-serif !important; font-size:15px !important; text-transform:none !important; letter-spacing:.05em !important; }
.pa-language > i.fa-globe { font-size:18px !important; }
.pa-language select { background:transparent !important; border:0 !important; color:#e9e3cf !important; font:inherit !important; font-size:15px !important; -webkit-appearance:none !important; appearance:none !important; outline:0 !important; cursor:pointer !important; max-width:none !important; padding-right:2px !important; }
.pa-language option { color:#0A0A0A !important; }
.pa-lang-caret { font-size:11px !important; color:#C5B358 !important; }
/* social icons — individual gold-bordered rounded-square boxes */
.pa-topbar .pa-social { justify-self:auto !important; display:flex !important; align-items:center !important; gap:14px !important; }
.pa-topbar .pa-social a {
  width:44px !important; height:44px !important; min-width:44px !important; min-height:44px !important;
  border-radius:10px !important; border:1.5px solid rgba(208, 196, 146,.75) !important;
  background:transparent !important; box-shadow:none !important; color:#C5B358 !important;
  font-size:19px !important; font-weight:700 !important; display:inline-flex !important;
  align-items:center !important; justify-content:center !important; transition:.18s ease !important;
}
.pa-topbar .pa-social a:hover { background:rgba(208, 196, 146,.15) !important; color:#C5B358 !important; border-color:#C5B358 !important; }
/* cart */
.pa-topbar .pa-cart {
  flex:0 0 auto !important; position:relative !important; width:auto !important; height:auto !important;
  border:0 !important; background:transparent !important; color:#C5B358 !important; font-size:26px !important;
  display:inline-flex !important; align-items:center !important; justify-content:center !important;
}
.pa-topbar .pa-cart span { position:absolute !important; top:-6px !important; right:-9px !important; width:18px !important; height:18px !important; border-radius:999px !important; background:#C5B358 !important; color:#0A0A0A !important; font-size:10px !important; font-weight:800 !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; }

/* ---------- ROW 2: black secondary nav spread + LOG IN pill ---------- */
.pa-subnav { background:#0A0A0A !important; border-bottom:1px solid rgba(208, 196, 146,.24) !important; }
.pa-subnav-inner {
  max-width:1240px !important; margin:0 auto !important; min-height:50px !important;
  padding:8px 26px !important; display:flex !important; align-items:center !important;
  justify-content:space-between !important; gap:34px !important; flex-wrap:wrap !important;
}
/* spread the 4 links full across the bar; LOG IN pill sits at the far right */
.pa-subnav-links { flex:1 1 auto !important; display:flex !important; align-items:center !important; justify-content:space-between !important; gap:12px !important; flex-wrap:nowrap !important; }
.pa-subnav-link { color:#f3efe0 !important; font-family:'Oswald',sans-serif !important; font-size:18px !important; font-weight:700 !important; text-transform:uppercase !important; letter-spacing:.12em !important; text-decoration:none !important; transition:.18s ease !important; white-space:nowrap !important; }
.pa-subnav-link:hover, .pa-subnav-link.pa-active { color:#C5B358 !important; }
.pa-login-btn {
  display:inline-flex !important; align-items:center !important; gap:9px !important;
  border:1.5px solid rgba(208, 196, 146,.8) !important; border-radius:8px !important;
  padding:9px 24px !important; color:#C5B358 !important; font-family:'Oswald',sans-serif !important;
  font-size:14px !important; font-weight:600 !important; letter-spacing:.16em !important;
  text-transform:uppercase !important; text-decoration:none !important; transition:.18s ease !important; white-space:nowrap !important;
}
.pa-login-btn:hover { background:rgba(208, 196, 146,.15) !important; }

/* ---------- ROW 3: white primary nav as bordered cards + gold underline ---------- */
.pa-mainnav { background:#ffffff !important; border-bottom:3px solid #C5B358 !important; box-shadow:0 5px 18px rgba(0,0,0,.08) !important; }
.pa-mainnav-inner { max-width:1240px !important; margin:0 auto !important; min-height:88px !important; padding:14px 26px !important; display:flex !important; align-items:center !important; justify-content:center !important; }
.pa-links { flex:1 1 auto !important; width:100% !important; display:flex !important; flex-wrap:nowrap !important; justify-content:space-between !important; align-items:stretch !important; gap:12px !important; overflow:visible !important; padding:0 !important; }
.pa-links > a { flex:1 1 0 !important; order:0 !important; }
/* default white bordered card */
.pa-nav-link {
  display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:center !important;
  background:#ffffff !important; border:1.5px solid rgba(208, 196, 146,.85) !important; border-radius:9px !important;
  color:#0A0A0A !important; padding:14px 8px !important; font-size:14px !important; font-weight:700 !important;
  letter-spacing:.04em !important; line-height:1.12 !important; text-transform:uppercase !important;
  min-height:66px !important; box-shadow:none !important; text-align:center !important;
}
.pa-nav-link:hover { background:#faf7ec !important; color:#0A0A0A !important; border-color:#C5B358 !important; }
.pa-nav-link.pa-active { border-width:2.5px !important; border-color:#0A0A0A !important; background:#faf7ec !important; color:#0A0A0A !important; }
/* SHOP gold centerpiece */
.pa-shop-link {
  order:0 !important; flex:1.28 1 0 !important; display:flex !important; flex-direction:column !important;
  align-items:center !important; justify-content:center !important; background:#C5B358 !important;
  border:1.5px solid #9c8a41 !important; border-radius:9px !important; color:#0A0A0A !important;
  padding:12px 14px !important; min-height:66px !important; box-shadow:0 4px 12px rgba(0,0,0,.18) !important;
  letter-spacing:.08em !important; text-transform:uppercase !important; text-decoration:none !important; margin:0 !important;
}
.pa-shop-link > span { font-size:22px !important; font-weight:800 !important; letter-spacing:.08em !important; line-height:1 !important; color:#0A0A0A !important; }
.pa-shop-link > span i { display:none !important; }
.pa-shop-link .pa-btn-eyebrow { color:#0A0A0A !important; font-size:10px !important; font-weight:600 !important; letter-spacing:.1em !important; opacity:.85 !important; margin-bottom:3px !important; display:block !important; }
/* two-line eyebrow white cards (Elite Management, Performance) */
.pa-btn-stack { flex-direction:column !important; line-height:1.06 !important; }
.pa-elite-link .pa-btn-eyebrow, .pa-perf-link .pa-btn-eyebrow { color:#6b5f2e !important; font-size:9.5px !important; font-weight:600 !important; letter-spacing:.08em !important; margin-bottom:2px !important; display:block !important; opacity:1 !important; }
.pa-elite-link > span, .pa-perf-link > span { font-size:14px !important; font-weight:700 !important; line-height:1.05 !important; }

/* ---------- responsive: header ---------- */
@media (max-width:960px){
  .pa-topbar-inner { flex-wrap:wrap !important; min-height:0 !important; gap:10px !important; justify-content:center !important; padding:8px 12px !important; }
  .pa-vsep { display:none !important; }
  .pa-topbrand { flex:0 0 100% !important; justify-content:center !important; }
  .pa-subnav-inner { justify-content:center !important; gap:16px !important; }
  .pa-subnav-links { gap:22px !important; justify-content:center !important; }
  .pa-mainnav-inner { min-height:0 !important; }
  .pa-links { flex-wrap:wrap !important; justify-content:center !important; gap:8px !important; }
  .pa-links > a { flex:0 1 auto !important; min-width:120px !important; }
}
@media (max-width:600px){
  .pa-topbrand img { height:30px !important; max-width:190px !important; }
  .pa-topbar .pa-social { gap:10px !important; }
  .pa-topbar .pa-social a { width:38px !important; height:38px !important; min-width:38px !important; min-height:38px !important; font-size:16px !important; }
  .pa-language, .pa-language select { font-size:13px !important; }
  .pa-subnav-link { font-size:12px !important; letter-spacing:.06em !important; }
  .pa-login-btn { font-size:12px !important; padding:7px 16px !important; }
  .pa-nav-link, .pa-shop-link { min-height:54px !important; padding:10px 8px !important; font-size:12px !important; }
  .pa-nav-link, .pa-elite-link > span, .pa-perf-link > span { font-size:12px !important; }
  .pa-shop-link > span { font-size:18px !important; }
}

/* ---------- APPROVED FOOTER: 2-col, emblem+careers | get in touch, centered copyright ---------- */
.pa-footer { position:relative !important; z-index:10 !important; background:#0A0A0A !important; color:rgba(255,255,255,.72) !important; }
.pa-footer-inner { max-width:1180px !important; margin:0 auto !important; padding:56px 32px 28px !important; }
.pa-footer-cols { display:flex !important; align-items:stretch !important; gap:0 !important; }
.pa-footer-left { flex:1 1 46% !important; display:flex !important; flex-direction:column !important; align-items:flex-start !important; padding-right:56px !important; }
.pa-footer-divider { flex:0 0 1px !important; align-self:stretch !important; background:rgba(208, 196, 146,.4) !important; margin:6px 0 !important; }
.pa-footer-right { flex:1 1 54% !important; padding-left:56px !important; }
.pa-footer-emblem { height:118px !important; width:auto !important; object-fit:contain !important; display:block !important; }
.pa-footer-tag { margin:14px 0 0 !important; color:#C5B358 !important; font-family:'Oswald',sans-serif !important; font-size:14px !important; letter-spacing:.26em !important; text-transform:uppercase !important; }
.pa-footer .pa-foot-social { display:flex !important; align-items:center !important; gap:18px !important; margin-top:22px !important; }
.pa-footer .pa-foot-soc {
  width:52px !important; height:52px !important; border-radius:999px !important; background:transparent !important;
  border:1.5px solid rgba(208, 196, 146,.7) !important; box-shadow:none !important; color:#C5B358 !important;
  font-size:20px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; transition:.18s ease !important;
}
.pa-footer .pa-foot-soc:hover { background:rgba(208, 196, 146,.15) !important; color:#C5B358 !important; border-color:#C5B358 !important; transform:translateY(-2px) !important; }
.pa-careers-btn {
  display:inline-flex !important; align-items:center !important; justify-content:center !important; margin-top:26px !important;
  border:1.5px solid rgba(208, 196, 146,.8) !important; border-radius:8px !important; padding:14px 42px !important;
  color:#C5B358 !important; font-family:'Oswald',sans-serif !important; font-size:18px !important; font-weight:600 !important;
  letter-spacing:.16em !important; text-transform:uppercase !important; text-decoration:none !important; transition:.18s ease !important;
}
.pa-careers-btn:hover { background:rgba(208, 196, 146,.15) !important; }
/* right column */
.pa-footer-heading { margin:0 0 26px !important; color:#C5B358 !important; font-family:'Oswald',sans-serif !important; font-size:26px !important; font-weight:600 !important; letter-spacing:.26em !important; text-transform:uppercase !important; }
.pa-footer-contact { list-style:none !important; margin:0 !important; padding:0 !important; display:flex !important; flex-direction:column !important; gap:26px !important; }
.pa-footer-contact li { display:flex !important; align-items:center !important; gap:20px !important; }
.pa-foot-ic { flex:0 0 auto !important; width:56px !important; height:56px !important; border-radius:999px !important; border:1.5px solid rgba(208, 196, 146,.7) !important; color:#C5B358 !important; font-size:22px !important; display:inline-flex !important; align-items:center !important; justify-content:center !important; }
.pa-foot-cinfo { display:flex !important; flex-direction:column !important; gap:4px !important; }
.pa-foot-clabel { color:#C5B358 !important; font-family:'Oswald',sans-serif !important; font-size:16px !important; font-weight:600 !important; letter-spacing:.24em !important; text-transform:uppercase !important; }
.pa-footer-contact a, .pa-footer-contact .pa-foot-cinfo > span:last-child { color:#efeadb !important; font-size:20px !important; text-decoration:none !important; }
.pa-footer-contact a:hover { color:#C5B358 !important; }
/* centered copyright */
.pa-footer-copy { margin-top:36px !important; padding-top:26px !important; border-top:1px solid rgba(208, 196, 146,.4) !important; text-align:center !important; }
.pa-footer-copy p { margin:0 !important; line-height:1.9 !important; color:rgba(255,255,255,.8) !important; font-size:16px !important; }
@media (max-width:768px){
  .pa-footer-inner { padding:40px 20px 22px !important; }
  .pa-footer-cols { flex-direction:column !important; gap:30px !important; }
  .pa-footer-left { padding-right:0 !important; align-items:center !important; text-align:center !important; }
  .pa-footer-divider { flex:0 0 1px !important; width:100% !important; height:1px !important; margin:0 !important; }
  .pa-footer-right { padding-left:0 !important; }
  .pa-footer-heading { text-align:center !important; }
  .pa-footer-emblem { height:96px !important; }
}

/* ============================================================
   HOMEPAGE 2026 REDESIGN  (scoped under .pa-home-2026)
   Matches approved mockup: 2-col hero + gold CTA card,
   Mission/Vision light panel, testimonial carousel, ecosystem.
   All classes are unique (pa-h*) so about.html is unaffected.
   ============================================================ */
.pa-home-2026 { max-width:1240px; margin:0 auto; padding:0 32px; }
.pa-home-2026 section { position:relative; }

/* shared arrow chip used across buttons */
.pa-btn-arrow { display:inline-flex; align-items:center; justify-content:center; width:26px; height:26px; border-radius:999px; background:rgba(10,10,10,.14); font-size:11px; transition:transform .25s ease, background .25s ease; }
.pa-btn-primary:hover .pa-btn-arrow, .pa-btn-dark:hover .pa-btn-arrow, .pa-cta-btn:hover .pa-btn-arrow, .pa-btn-secondary:hover .pa-btn-arrow, .pa-heco-btn:hover .pa-btn-arrow { transform:translateX(3px); }

/* -------- shared button styles -------- */
.pa-btn-primary, .pa-btn-dark, .pa-btn-secondary, .pa-cta-btn, .pa-heco-btn {
  display:inline-flex; align-items:center; gap:12px; cursor:pointer;
  font-family:'Oswald',sans-serif; font-weight:600; letter-spacing:.13em; text-transform:uppercase;
  text-decoration:none; border-radius:8px; padding:15px 26px; font-size:15px; line-height:1;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
}
/* Primary = Vegas Gold gradient, dark text */
.pa-btn-primary { background:linear-gradient(180deg,#E2D793 0%,#C5B358 52%,#B49F45 100%); color:#0A0A0A; box-shadow:0 8px 20px rgba(155,138,65,.35); }
.pa-btn-primary:hover { transform:translateY(-2px); box-shadow:0 12px 26px rgba(155,138,65,.45); }
.pa-btn-primary .pa-btn-arrow { background:rgba(10,10,10,.85); color:#C5B358; }
/* Dark = black filled, white text */
.pa-btn-dark { background:#0A0A0A; color:#fff; box-shadow:0 8px 20px rgba(0,0,0,.28); }
.pa-btn-dark:hover { transform:translateY(-2px); background:#161616; box-shadow:0 12px 26px rgba(0,0,0,.4); }
.pa-btn-dark .pa-btn-arrow { background:rgba(208, 196, 146,.9); color:#0A0A0A; }
/* Secondary = light/cream filled, thin gold border, dark text */
.pa-btn-secondary { background:rgba(255,255,255,.85); color:#0A0A0A; border:1.5px solid rgba(208, 196, 146,.75); }
.pa-btn-secondary:hover { transform:translateY(-2px); border-color:#C5B358; box-shadow:0 10px 22px rgba(155,138,65,.22); }
.pa-btn-secondary .pa-btn-ic { display:inline-flex; align-items:center; justify-content:center; width:30px; height:30px; border-radius:999px; background:rgba(208, 196, 146,.16); color:#B49F45; font-size:13px; }
.pa-btn-secondary .pa-btn-arrow { background:rgba(208, 196, 146,.22); color:#B49F45; }

/* ================= HERO ================= */
.pa-hero { padding:38px 0 26px; }
.pa-hero-inner { display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:stretch; }
.pa-hero-left { display:flex; flex-direction:column; justify-content:center; }
.pa-hero-eyebrow { display:flex; align-items:center; gap:14px; margin-bottom:18px; }
.pa-hero-eyebrow .pa-star { color:#C5B358; font-size:13px; }
.pa-hero-eyebrow .pa-eyebrow-line { width:44px; height:1px; background:rgba(208, 196, 146,.7); }
.pa-hero-eyebrow .pa-eyebrow-text { font-family:'Oswald',sans-serif; font-weight:700; font-size:16px; letter-spacing:.5em; text-transform:uppercase; color:#0A0A0A; }
.pa-hero-h1 { font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; line-height:1.0; margin:0 0 22px; letter-spacing:-.01em; }
.pa-hero-h1 .pa-h1-quote { display:block; color:#0A0A0A; font-size:56px; }
.pa-hero-h1 .pa-h1-quote sup { color:#C5B358; font-size:.36em; vertical-align:super; }
.pa-hero-h1 .pa-h1-sub { display:block; color:#3A3A3A; font-size:46px; }
.pa-hero-h1 .pa-h1-gold { display:block; color:#C5B358; font-size:46px; }
.pa-hero-copy { max-width:560px; color:#3A3A3A; font-size:16px; line-height:1.7; margin:0 0 30px; }
.pa-hero-btns { display:flex; flex-wrap:wrap; gap:16px; }

/* gold CTA card (right) */
.pa-hero-cta {
  position:relative; overflow:hidden; border-radius:22px; padding:44px 46px;
  background:linear-gradient(155deg,#EFE4A8 0%,#DFCF86 42%,#C5B358 100%);
  box-shadow:0 20px 44px rgba(155,138,65,.32); display:flex; flex-direction:column; align-items:center; text-align:center; justify-content:center;
}
.pa-hero-cta::before { content:""; position:absolute; inset:0; opacity:.30; pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='64' viewBox='0 0 56 64'%3E%3Cpath d='M28 1L54 16v32L28 63 2 48V16z' fill='none' stroke='%239C8A41' stroke-width='1.1'/%3E%3C/svg%3E");
  background-size:56px 64px; }
.pa-hero-cta > * { position:relative; z-index:1; }
.pa-cta-eyebrow { font-family:'Oswald',sans-serif; font-weight:600; font-size:15px; letter-spacing:.4em; text-transform:uppercase; color:#5c5024; margin:0 0 14px; }
.pa-cta-title { font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; font-size:52px; line-height:.98; color:#0A0A0A; margin:0; }
.pa-cta-title .pa-cta-title-alt { color:#8a7526; }
.pa-cta-star { color:#0A0A0A; font-size:15px; margin:16px 0; position:relative; }
.pa-cta-star::before, .pa-cta-star::after { content:""; position:absolute; top:50%; width:60px; height:1px; background:rgba(10,10,10,.4); }
.pa-cta-star::before { right:calc(50% + 18px); }
.pa-cta-star::after { left:calc(50% + 18px); }
.pa-cta-copy { color:#4a4223; font-size:15px; line-height:1.65; margin:0 0 28px; max-width:400px; }
.pa-cta-btn { background:#faf6e6; color:#0A0A0A; box-shadow:0 8px 20px rgba(0,0,0,.18); }
.pa-cta-btn:hover { transform:translateY(-2px); background:#fff; box-shadow:0 12px 26px rgba(0,0,0,.24); }
.pa-cta-btn .pa-btn-arrow { background:rgba(10,10,10,.85); color:#C5B358; }

/* ============ MISSION / VISION ============ */
.pa-hmv-sec { padding:12px 0 30px; }
.pa-hmv-panel {
  display:grid; grid-template-columns:1fr 1px 1fr; gap:0; align-items:stretch;
  background:rgba(250,247,236,.72); border:1.5px solid rgba(208, 196, 146,.55); border-radius:20px;
  padding:40px 44px; box-shadow:0 10px 30px rgba(0,0,0,.06);
}
.pa-hmv-col { display:flex; align-items:flex-start; gap:22px; padding:6px 30px; }
.pa-hmv-icon { flex:0 0 auto; width:62px; height:62px; border-radius:999px; background:#0A0A0A; color:#C5B358; font-size:24px; display:inline-flex; align-items:center; justify-content:center; }
.pa-hmv-div { background:rgba(208, 196, 146,.55); width:1px; }
.pa-hmv-title { font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; font-size:26px; letter-spacing:.04em; color:#0A0A0A; margin:0 0 10px; }
.pa-hmv-title span { color:#C5B358; }
.pa-hmv-body p { color:#3A3A3A; font-size:15px; line-height:1.65; margin:0; }

/* ============ TESTIMONIALS ============ */
.pa-htest-sec { padding:24px 0 26px; }
.pa-htest-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:26px; }
.pa-htest-eyebrow { font-family:'Oswald',sans-serif; font-weight:600; font-size:13px; letter-spacing:.34em; text-transform:uppercase; color:#B49F45; margin:0 0 10px; }
.pa-htest-title { font-family:'Oswald',sans-serif; font-weight:700; font-size:42px; text-transform:uppercase; letter-spacing:-.01em; color:#0A0A0A; margin:0; }
.pa-htest-title span { color:#C5B358; }
.pa-htest-carousel { display:flex; align-items:center; gap:14px; }
.pa-tcar-arrow { flex:0 0 auto; width:46px; height:46px; border-radius:999px; border:1.5px solid rgba(208, 196, 146,.7); background:rgba(255,255,255,.85); color:#0A0A0A; font-size:15px; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:.2s ease; }
.pa-tcar-arrow:hover { background:#C5B358; color:#0A0A0A; border-color:#C5B358; transform:translateY(-2px); }
.pa-htest-grid { display:flex; gap:24px; overflow-x:auto; scroll-snap-type:x mandatory; scroll-behavior:smooth; flex:1 1 auto; padding:6px 2px 12px; -ms-overflow-style:none; scrollbar-width:none; }
.pa-htest-grid::-webkit-scrollbar { display:none; }
.pa-tcard { flex:0 0 calc((100% - 48px)/3); scroll-snap-align:start; background:#fff; border:1px solid rgba(208, 196, 146,.30); border-radius:16px; padding:26px 26px 24px; box-shadow:0 8px 22px rgba(0,0,0,.06); }
.pa-tcard-stars { color:#C5B358; font-size:14px; letter-spacing:2px; margin-bottom:12px; }
.pa-tcard-quote { color:#C5B358; font-size:22px; }
.pa-tcard-text { color:#3A3A3A; font-size:14.5px; line-height:1.7; margin:12px 0 22px; }
.pa-tcard-person { display:flex; align-items:center; gap:13px; }
.pa-tcard-avatar { flex:0 0 auto; width:44px; height:44px; border-radius:999px; background:#0A0A0A; color:#C5B358; font-family:'Oswald',sans-serif; font-weight:600; font-size:15px; display:inline-flex; align-items:center; justify-content:center; }
.pa-tcard-name { font-family:'Oswald',sans-serif; font-weight:600; text-transform:uppercase; font-size:15px; letter-spacing:.04em; color:#0A0A0A; margin:0; }
.pa-tcard-div { font-size:11px; text-transform:uppercase; letter-spacing:.2em; color:#B49F45; margin:2px 0 0; }
.pa-tcar-dots { display:flex; align-items:center; justify-content:center; gap:10px; margin-top:20px; }
.pa-tcar-dots button { width:9px; height:9px; padding:0; border:none; border-radius:999px; background:rgba(10,10,10,.22); cursor:pointer; transition:.2s ease; }
.pa-tcar-dots button.active { width:26px; background:#C5B358; }

/* ============ SINGULAR ECOSYSTEM ============ */
.pa-heco-sec { padding:18px 0 46px; }
.pa-heco-panel {
  display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:36px;
  background:linear-gradient(120deg,rgba(239,228,168,.6) 0%,rgba(208,196,146,.30) 100%);
  border:1.5px solid rgba(208, 196, 146,.5); border-radius:20px; padding:34px 44px;
  box-shadow:0 12px 30px rgba(155,138,65,.16);
}
.pa-heco-logo { width:150px; height:auto; flex:0 0 auto; }
.pa-heco-title { font-family:'Oswald',sans-serif; font-weight:700; text-transform:uppercase; font-size:30px; letter-spacing:.06em; color:#8a7526; margin:0 0 8px; }
.pa-heco-body p { color:#3A3A3A; font-size:15.5px; line-height:1.6; margin:0; max-width:520px; }
.pa-heco-btn { white-space:nowrap; }

/* ============ RESPONSIVE ============ */
@media (max-width:980px){
  .pa-hero-inner { grid-template-columns:1fr; gap:30px; }
  .pa-hero-h1 .pa-h1-quote { font-size:44px; }
  .pa-hero-h1 .pa-h1-sub, .pa-hero-h1 .pa-h1-gold { font-size:36px; }
  .pa-cta-title { font-size:42px; }
  .pa-tcard { flex:0 0 calc((100% - 24px)/2); }
  .pa-heco-panel { grid-template-columns:1fr; text-align:center; justify-items:center; gap:22px; }
  .pa-heco-body p { max-width:none; }
}
@media (max-width:640px){
  .pa-home-2026 { padding:0 18px; }
  .pa-hero-h1 .pa-h1-quote { font-size:34px; }
  .pa-hero-h1 .pa-h1-sub, .pa-hero-h1 .pa-h1-gold { font-size:28px; }
  .pa-hero-btns { flex-direction:column; align-items:stretch; }
  .pa-btn-primary, .pa-btn-dark { justify-content:center; }
  .pa-hero-cta { padding:34px 26px; }
  .pa-cta-title { font-size:34px; }
  .pa-hmv-panel { grid-template-columns:1fr; gap:26px; padding:30px 24px; }
  .pa-hmv-div { width:auto; height:1px; }
  .pa-hmv-col { padding:0; }
  .pa-htest-head { flex-direction:column; align-items:flex-start; }
  .pa-htest-title { font-size:32px; }
  .pa-tcard { flex:0 0 100%; }
  .pa-tcar-arrow { display:none; }
}

/* ============================================================
   FULL-WIDTH LAYOUT + FULL WATERMARK  (2026-08-07)
   - Site uses the full screen width (bars are full-bleed, no
     centered narrow column / empty side margins).
   - Watermark shows the ENTIRE Prime logo + ATHLETICS + ®,
     centered, static, never cropped/stretched/distorted.
   ============================================================ */
html { width:100% !important; max-width:100% !important; min-width:0 !important; overflow-x:hidden !important; }
body { width:100% !important; max-width:100% !important; min-width:0 !important; margin:0 auto !important; overflow-x:hidden !important; }

/* NOTE: Background watermark intentionally left untouched — it is defined by the
   established rule above (watermark-bg.jpg). Do NOT override the background here. */

/* Header & footer bars intentionally NOT modified here — left exactly as approved. */

/* ===== TESTIMONIAL HEADER RESTRUCTURE (button left, under heading) ===== */
.pa-htest-head { flex-direction:column !important; align-items:flex-start !important; gap:20px !important; margin-bottom:44px !important; }
.pa-htest-head .pa-btn-secondary { align-self:flex-start !important; }

/* ===== ADMIN RESPONSE BLOCK on testimonial cards ===== */
.pa-tcard-response, .pa-tresp {
  margin-top:16px; padding:14px 16px; border-left:3px solid #C5B358;
  background:rgba(208, 196, 146,.10); border-radius:0 10px 10px 0;
}
.pa-tresp-label { display:flex; align-items:center; gap:8px; font-family:'Oswald',sans-serif; font-weight:600; font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:#8a7526; margin:0 0 5px; }
.pa-tresp-label i { color:#C5B358; }
.pa-tresp-text { color:#3A3A3A; font-size:13.5px; line-height:1.6; margin:0; font-style:italic; }

/* ===== ANONYMOUS TOGGLE BUTTON ===== */
.pa-anon-toggle {
  display:inline-flex; align-items:center; gap:10px; cursor:pointer; user-select:none;
  border:1.5px solid rgba(208, 196, 146,.6); background:rgba(255,255,255,.7); color:#3A3A3A;
  border-radius:999px; padding:9px 18px; font-family:'Oswald',sans-serif; font-weight:600;
  font-size:12.5px; letter-spacing:.1em; text-transform:uppercase; transition:.2s ease;
}
.pa-anon-toggle .pa-anon-dot { width:34px; height:18px; border-radius:999px; background:rgba(10,10,10,.2); position:relative; transition:.2s ease; flex:0 0 auto; }
.pa-anon-toggle .pa-anon-dot::after { content:""; position:absolute; top:2px; left:2px; width:14px; height:14px; border-radius:999px; background:#fff; transition:.2s ease; }
.pa-anon-toggle.on { border-color:#C5B358; background:rgba(208, 196, 146,.16); color:#0A0A0A; }
.pa-anon-toggle.on .pa-anon-dot { background:#C5B358; }
.pa-anon-toggle.on .pa-anon-dot::after { left:18px; }

/* ===== Etran-style mobile reflow polish (2026-08-08) — MAIN content only. Header, footer, and background watermark intentionally NOT touched. ===== */
@media (max-width: 640px){
  main .text-8xl{ font-size:3.1rem !important; line-height:1.04 !important; }
  main .text-7xl{ font-size:2.7rem !important; line-height:1.05 !important; }
  main .text-6xl{ font-size:2.2rem !important; line-height:1.08 !important; }
  main .text-5xl{ font-size:1.95rem !important; line-height:1.1 !important; }
  main .text-4xl{ font-size:1.6rem !important; line-height:1.15 !important; }
  /* condense oversized desktop padding/gaps so content reflows like the desktop layout, not shrunk */
  main .px-8{ padding-left:1.15rem !important; padding-right:1.15rem !important; }
  main .gap-10{ gap:1.15rem !important; }
  main .gap-8{ gap:1rem !important; }
}
@media (max-width: 480px){
  main .text-8xl{ font-size:2.5rem !important; }
  main .text-7xl{ font-size:2.25rem !important; }
  main .text-6xl{ font-size:2rem !important; }
}

/* ===== REFINED HEADER SIZING (2026-08-08) — Better proportions matching homepage reference ===== */
/* Row 1 (black topbar): tighter, more refined */
.pa-topbar-inner {
  min-height: 44px !important;
  padding: 6px 20px !important;
  gap: 14px !important;
}
.pa-topbrand img {
  height: 20px !important;
  width: auto !important;
}
.pa-language {
  font-size: 14px !important;
  gap: 7px !important;
}
.pa-social a {
  width: 32px !important;
  height: 32px !important;
  font-size: 15px !important;
}
.pa-cart {
  width: 32px !important;
  height: 32px !important;
  font-size: 17px !important;
}
.pa-vsep {
  height: 24px !important;
}

/* Row 2 (black subnav): refined spacing */
.pa-subnav-inner {
  min-height: 46px !important;
  padding: 8px 20px !important;
}
.pa-subnav-link {
  font-size: 16px !important;
  letter-spacing: 0.10em !important;
  padding: 4px 0 !important;
}
.pa-login-btn {
  font-size: 14px !important;
  padding: 8px 22px !important;
  height: auto !important;
}

/* Row 3 (white mainnav): balanced height, refined cards */
.pa-mainnav-inner {
  min-height: 78px !important;
  padding: 12px 20px !important;
  gap: 8px !important;
}
.pa-links {
  gap: 8px !important;
}
.pa-nav-link, .pa-shop-link {
  min-height: 54px !important;
  padding: 10px 18px !important;
  font-size: 15px !important;
  letter-spacing: 0.06em !important;
}
.pa-btn-eyebrow {
  font-size: 10px !important;
  letter-spacing: 0.08em !important;
  margin-bottom: 2px !important;
}
.pa-shop-link {
  padding: 8px 20px !important;
}

@media (max-width: 1024px) {
  .pa-topbar-inner { min-height: 40px !important; padding: 5px 14px !important; }
  .pa-topbrand img { height: 18px !important; }
  .pa-subnav-inner { min-height: 42px !important; padding: 7px 14px !important; }
  .pa-subnav-link { font-size: 14px !important; }
  .pa-mainnav-inner { min-height: 70px !important; padding: 10px 14px !important; }
  .pa-nav-link, .pa-shop-link { min-height: 50px !important; font-size: 14px !important; }
}

@media (max-width: 640px) {
  .pa-topbar-inner { min-height: 36px !important; padding: 4px 10px !important; gap: 8px !important; }
  .pa-topbrand img { height: 16px !important; }
  .pa-language { font-size: 12px !important; }
  .pa-social a { width: 26px !important; height: 26px !important; font-size: 12px !important; }
  .pa-cart { width: 26px !important; height: 26px !important; font-size: 14px !important; }
  .pa-subnav-inner { min-height: 38px !important; padding: 6px 10px !important; }
  .pa-subnav-link { font-size: 11px !important; }
  .pa-login-btn { font-size: 11px !important; padding: 6px 16px !important; }
  .pa-mainnav-inner { min-height: 62px !important; padding: 8px 10px !important; }
  .pa-nav-link, .pa-shop-link { min-height: 46px !important; padding: 8px 12px !important; font-size: 12px !important; }
}



/* ============================================================
   ABOUT PAGE — Timeline + Core Values (added 20260809)
   ============================================================ */
.pa-timeline {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0 0 0 6px;
}
/* vertical connector line running through the badges */
.pa-timeline::before {
  content: "";
  position: absolute;
  left: 25px;
  top: 14px;
  bottom: 20px;
  width: 2px;
  background: linear-gradient(180deg, rgba(208,196,146,.9) 0%, rgba(208,196,146,.35) 100%);
  z-index: 0;
}
.pa-tl-item {
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: 18px;
  padding-bottom: 3.5rem;
}
.pa-tl-item:last-child { padding-bottom: 0; }
.pa-tl-badge {
  position: relative;
  z-index: 1;
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: #0A0A0A;
  color: #C5B358;
  font-size: 15px;
  box-shadow: 0 0 0 4px #faf7ec, 0 2px 6px rgba(0,0,0,.28);
}
.pa-tl-body { padding-top: 1px; }
.pa-tl-year {
  font-family: 'Bebas Neue', 'Anton', 'Oswald', sans-serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 1;
  color: #C5B358;
  letter-spacing: .03em;
  text-shadow: 0 1px 2px rgba(0,0,0,.15);
}
.pa-tl-title {
  font-family: 'Anton', 'Oswald', sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .04em;
  font-size: 16px;
  line-height: 1.25;
  color: #0A0A0A;
  margin: 8px 0 0;
}
.pa-tl-text {
  font-size: 13.5px;
  line-height: 1.55;
  color: #3A3A3A;
  margin: 6px 0 0;
}
.pa-tl-title-lg {
  font-family: 'Anton', 'Oswald', sans-serif;
  font-size: 26px;
  line-height: 1.15;
  color: #0A0A0A;
  letter-spacing: .02em;
}
.pa-tl-last .pa-tl-badge {
  background: linear-gradient(180deg,#E2D793 0%,#C5B358 48%,#9C8A41 100%);
  color: #0A0A0A;
}

/* Core Values panel polish */
.pa-corevalues { box-shadow: 0 10px 30px rgba(0,0,0,.10), 0 2px 8px rgba(0,0,0,.06); }

/* keep the two-column about layout on tablet-as-desktop widths */
@media (max-width: 1024px) and (min-width: 1000px) {
  .pa-timeline::before { left: 25px; }
}



/* =====================================================================
   TESTIMONIALS PAGE (rebuilt 20260810) — panels, form, cards, filters
   Header / footer / background are NOT affected by anything below.
   ===================================================================== */

/* Premium gold panel (Built on Relationships + Share Experience) */
.pa-ts-panel { position: relative; }
.pa-ts-panel::before {
  content: ""; position: absolute; inset: 0; pointer-events: none; border-radius: inherit;
  background:
    radial-gradient(120px 80px at 12% 14%, rgba(255,255,255,.55), transparent 70%),
    radial-gradient(160px 100px at 88% 8%, rgba(255,255,255,.35), transparent 72%),
    radial-gradient(140px 120px at 92% 96%, rgba(226,215,147,.25), transparent 70%);
  opacity: .8;
}
.pa-ts-panel > * { position: relative; z-index: 1; }

/* ---- Form fields ---- */
.pa-ts-input {
  width: 100%; box-sizing: border-box;
  border: 1px solid rgba(58,58,58,.28); border-radius: 6px;
  background: #ffffff; color: #0A0A0A;
  padding: 13px 15px; font-size: 14.5px; font-family: 'Inter', sans-serif;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.pa-ts-input::placeholder { color: #8a8a8a; }
.pa-ts-input:focus { outline: none; border-color: #C5B358; box-shadow: 0 0 0 3px rgba(197,179,88,.25); }
.pa-ts-select { cursor: pointer; padding-right: 40px; color: #0A0A0A; }
.pa-ts-select:invalid { color: #8a8a8a; }

/* ---- Interactive star rating ---- */
.pa-stars { display: inline-flex; gap: 4px; }
.pa-star { background: none; border: none; cursor: pointer; padding: 2px; font-size: 1.6rem; line-height: 1; color: #D9D9D9; transition: color .12s ease, transform .12s ease; }
.pa-star:hover { transform: scale(1.08); }
.pa-star.is-on { color: #C5B358; }
.pa-star:focus-visible { outline: 2px solid #C5B358; outline-offset: 2px; border-radius: 4px; }

/* ---- Anonymous toggle ---- */
.pa-toggle { display: inline-flex; align-items: center; gap: 12px; background: none; border: none; cursor: pointer; padding: 0; }
.pa-toggle-track { position: relative; width: 46px; height: 24px; border-radius: 999px; background: #d3ccae; border: 1px solid rgba(156,138,65,.5); transition: background .18s ease; flex: 0 0 auto; }
.pa-toggle-thumb { position: absolute; top: 2px; left: 2px; width: 18px; height: 18px; border-radius: 999px; background: #fff; box-shadow: 0 1px 3px rgba(0,0,0,.3); transition: transform .18s ease; }
.pa-toggle[aria-checked="true"] .pa-toggle-track { background: linear-gradient(180deg,#E2D793,#9C8A41); }
.pa-toggle[aria-checked="true"] .pa-toggle-thumb { transform: translateX(22px); }
.pa-toggle-label { font-family: 'Inter', sans-serif; font-size: 13.5px; color: #3A3A3A; }
.pa-toggle:focus-visible .pa-toggle-track { outline: 2px solid #C5B358; outline-offset: 2px; }

/* ---- Submit button ---- */
.pa-submit-btn {
  display: inline-flex; align-items: center; gap: 10px;
  background: #0A0A0A; color: #E2D793; border: 1px solid #C5B358;
  font-family: 'Oswald', sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: .16em;
  font-size: 13px; padding: 14px 30px; border-radius: 6px; cursor: pointer;
  transition: background .15s ease, color .15s ease, transform .12s ease;
}
.pa-submit-btn:hover { background: #C5B358; color: #0A0A0A; }
.pa-submit-btn:active { transform: translateY(1px) scale(.99); }
.pa-submit-btn:focus-visible { outline: 2px solid #C5B358; outline-offset: 3px; }

/* ---- Filters ---- */
.pa-filter {
  font-family: 'Oswald', sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: .08em;
  font-size: 12px; padding: 8px 16px; border-radius: 999px; cursor: pointer;
  background: rgba(255,255,255,.75); color: #3A3A3A; border: 1px solid rgba(156,138,65,.4);
  transition: all .15s ease;
}
.pa-filter:hover { border-color: #C5B358; color: #0A0A0A; }
.pa-filter-active { background: linear-gradient(180deg,#E2D793,#C5B358); color: #0A0A0A; border-color: #9C8A41; }
.pa-filter:focus-visible { outline: 2px solid #C5B358; outline-offset: 2px; }

/* ---- Testimonial cards (grid) ---- */
#tsGrid { align-items: stretch; }
#tsGrid .pa-tcard { display: flex; flex-direction: column; height: 100%; background: #fff; border: 1px solid rgba(208,196,146,.55); border-radius: 16px; padding: 24px 24px 22px; box-shadow: 0 8px 22px rgba(0,0,0,.07); }
.pa-tcard-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; margin-bottom: 12px; }
.pa-tcard-top .pa-tcard-div { font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 11px; text-transform: uppercase; letter-spacing: .14em; color: #9C8A41; margin: 0; }
.pa-tcard-verify { display: inline-flex; align-items: center; gap: 5px; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 10.5px; text-transform: uppercase; letter-spacing: .08em; color: #2f7d3a; white-space: nowrap; }
.pa-tcard-verify i { color: #C5B358; font-size: 12px; }
#tsGrid .pa-tcard-stars { color: #C5B358; font-size: 15px; letter-spacing: 3px; margin-bottom: 10px; }
#tsGrid .pa-tcard-text { color: #3A3A3A; font-size: 14px; line-height: 1.65; margin: 0 0 18px; flex: 1 0 auto; }
.pa-tcard-quote { color: #C5B358; font-family: Georgia, serif; font-size: 26px; line-height: 0; margin-right: 2px; vertical-align: -6px; }
#tsGrid .pa-tcard-person { display: flex; align-items: center; gap: 12px; margin-top: auto; }
#tsGrid .pa-tcard-avatar { flex: 0 0 auto; width: 40px; height: 40px; border-radius: 999px; background: #0A0A0A; color: #C5B358; font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 14px; display: inline-flex; align-items: center; justify-content: center; }
#tsGrid .pa-tcard-name { font-family: 'Oswald', sans-serif; font-weight: 600; text-transform: uppercase; font-size: 14px; letter-spacing: .04em; color: #0A0A0A; margin: 0; }
.pa-tcard-role { font-size: 11.5px; color: #6a6a6a; margin: 1px 0 0; }
.pa-helpful { margin-left: auto; display: inline-flex; align-items: center; gap: 6px; background: none; border: none; cursor: pointer; font-size: 12px; color: #6a6a6a; transition: color .15s ease; white-space: nowrap; }
.pa-helpful .pa-help-label { font-size: 11px; }
.pa-helpful i { color: #b48f8f; transition: color .15s ease, transform .12s ease; }
.pa-helpful:hover i { color: #d05a5a; }
.pa-helpful.is-voted i { color: #d05a5a; transform: scale(1.15); }
.pa-helpful.is-voted { color: #0A0A0A; font-weight: 600; }
.pa-helpful:focus-visible { outline: 2px solid #C5B358; outline-offset: 2px; border-radius: 4px; }

/* Prime response inside grid card */
#tsGrid .pa-tresp { margin-top: 16px; padding-top: 13px; border-top: 1px solid rgba(208,196,146,.5); }
#tsGrid .pa-tresp-label { font-family: 'Oswald', sans-serif; font-weight: 600; font-size: 11px; letter-spacing: .1em; text-transform: none; color: #9C8A41; margin: 0 0 4px; font-style: italic; }
#tsGrid .pa-tresp-text { color: #3A3A3A; font-size: 12.5px; line-height: 1.55; margin: 0; font-style: italic; }

/* ---- Pagination ---- */
.pa-page { min-width: 38px; height: 38px; padding: 0 12px; border-radius: 8px; border: 1px solid rgba(156,138,65,.4); background: rgba(255,255,255,.8); color: #3A3A3A; font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 14px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 6px; transition: all .15s ease; }
.pa-page:hover { border-color: #C5B358; color: #0A0A0A; }
.pa-page-active { background: linear-gradient(180deg,#E2D793,#C5B358); color: #0A0A0A; border-color: #9C8A41; }
.pa-page-next { text-transform: uppercase; letter-spacing: .1em; font-size: 12px; }
.pa-page-ellipsis { color: #9C8A41; padding: 0 4px; }
.pa-page:focus-visible { outline: 2px solid #C5B358; outline-offset: 2px; }
.pa-loadmore { font-family: 'Oswald', sans-serif; font-weight: 600; text-transform: uppercase; letter-spacing: .14em; font-size: 13px; padding: 12px 30px; border-radius: 8px; background: #0A0A0A; color: #E2D793; border: 1px solid #C5B358; cursor: pointer; }
.pa-loadmore:hover { background: #C5B358; color: #0A0A0A; }

/* ---- Responsive tuning ---- */
@media (max-width: 640px) {
  #tsGrid .pa-tcard-person { flex-wrap: wrap; }
  .pa-helpful { margin-left: 0; }
  .pa-tcard-verify { font-size: 10px; }
}