:root {
  --navy: #0A2645;
  --maroon: #A51C1C;
  --gray: #7F7F7F;
  --white: #FFFFFF;
  --off-white: #F4F6F8;
  --text: #132238;
  --border: #D7DCE2;
  --shadow: 0 18px 50px rgba(10, 38, 69, 0.12);
  --radius: 10px;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Inter", Arial, sans-serif;
  color: var(--text);
  background: var(--white);
  line-height: 1.6;
}
img { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }

.container { width: min(calc(100% - 40px), var(--container)); margin: 0 auto; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 16px; top: -100px; z-index: 1000; background: var(--white); color: var(--navy); padding: 10px 14px; }
.skip-link:focus { top: 16px; }

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(10, 38, 69, 0.97);
  color: var(--white);
  box-shadow: 0 2px 18px rgba(0,0,0,.14);
}
.header-inner { min-height: 78px; display: flex; align-items: center; gap: 28px; }
.brand { display: inline-flex; align-items: center; gap: 12px; margin-right: auto; }
.brand-mark { display: grid; place-items: center; width: 44px; height: 44px; background: var(--maroon); color: var(--white); font: 800 30px/1 "Barlow Condensed", sans-serif; transform: skew(-7deg); }
.brand-copy { display: flex; flex-direction: column; line-height: 1; }
.brand-copy strong { font: 800 25px/1 "Barlow Condensed", sans-serif; letter-spacing: .06em; }
.brand-copy small { margin-top: 5px; font-size: 9px; letter-spacing: .16em; }
.main-nav { display: flex; align-items: center; gap: 24px; font-size: 14px; font-weight: 700; }
.main-nav a { opacity: .9; }
.main-nav a:hover { opacity: 1; color: var(--white); }
.nav-cta { padding: 10px 17px; background: var(--maroon); border-radius: 4px; }
.language-toggle { border: 1px solid rgba(255,255,255,.5); background: transparent; color: var(--white); border-radius: 4px; padding: 8px 10px; font-weight: 800; cursor: pointer; }
.menu-toggle { display: none; border: 0; background: transparent; padding: 8px; }
.menu-toggle span:not(.sr-only) { display: block; width: 25px; height: 2px; margin: 5px 0; background: var(--white); }

.hero { position: relative; min-height: 650px; display: grid; align-items: center; overflow: hidden; color: var(--white); background: linear-gradient(110deg, var(--navy) 0%, #123c68 58%, #071728 100%); }
.hero::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 45px 45px; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,38,69,.98) 0%, rgba(10,38,69,.78) 52%, rgba(10,38,69,.25) 100%); }
.hero-content { position: relative; z-index: 2; padding: 80px 0; }
.eyebrow, .section-kicker { margin: 0 0 12px; color: var(--maroon); font-size: 13px; font-weight: 800; letter-spacing: .18em; }
.hero h1, h2, h3 { font-family: "Barlow Condensed", sans-serif; }
.hero h1 { max-width: 790px; margin: 0; font-size: clamp(56px, 8vw, 100px); line-height: .9; letter-spacing: -.02em; text-transform: uppercase; }
.hero-text { max-width: 610px; margin: 25px 0 32px; font-size: 20px; color: rgba(255,255,255,.86); }
.hero-actions { display: flex; flex-wrap: wrap; gap: 14px; }
.hero-stripe { position: absolute; right: -60px; bottom: -90px; width: 380px; height: 520px; border-left: 50px solid var(--maroon); transform: rotate(22deg); opacity: .8; }

.button { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 22px; border-radius: 5px; font-weight: 800; transition: transform .2s ease, box-shadow .2s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(0,0,0,.18); }
.button-primary { background: var(--maroon); color: var(--white); }
.button-secondary { border: 1px solid rgba(255,255,255,.7); color: var(--white); background: rgba(255,255,255,.05); }
.button-dark { background: var(--navy); color: var(--white); }

.quick-bar { position: relative; z-index: 5; margin-top: -26px; }
.quick-grid { display: grid; grid-template-columns: repeat(3, 1fr); background: var(--white); box-shadow: var(--shadow); border-radius: var(--radius); overflow: hidden; }
.quick-grid article { padding: 25px 30px; border-right: 1px solid var(--border); }
.quick-grid article:last-child { border-right: 0; }
.quick-grid span { display: block; color: var(--maroon); font-size: 11px; letter-spacing: .12em; font-weight: 800; }
.quick-grid strong { display: block; margin-top: 4px; font: 700 25px/1.15 "Barlow Condensed", sans-serif; color: var(--navy); }
.quick-grid small { color: var(--gray); }

.section { padding: 100px 0; }
.section-muted { background: var(--off-white); }
.section h2 { margin: 0 0 20px; font-size: clamp(42px, 5vw, 66px); line-height: .98; text-transform: uppercase; color: var(--navy); }
.section p { max-width: 680px; }
.split-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; align-items: center; }
.split-layout.reverse > :first-child { order: 1; }
.text-link { display: inline-block; margin-top: 14px; color: var(--maroon); font-weight: 800; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 34px; }
.section-heading h2 { margin-bottom: 0; }
.image-placeholder { min-height: 285px; display: grid; place-items: center; background: linear-gradient(135deg, #d8dde3, #eef1f4); border: 1px dashed var(--gray); color: var(--gray); font-weight: 800; letter-spacing: .15em; }
.image-team { min-height: 420px; }

.event-card { display: grid; grid-template-columns: 110px 1fr auto; align-items: center; gap: 30px; padding: 28px; background: var(--white); border-left: 6px solid var(--maroon); box-shadow: 0 12px 35px rgba(10,38,69,.08); }
.event-date { text-align: center; color: var(--navy); }
.event-date span { display: block; color: var(--gray); font-size: 12px; font-weight: 800; }
.event-date strong { font: 800 54px/1 "Barlow Condensed", sans-serif; }
.tag { display: inline-block; margin-bottom: 8px; color: var(--maroon); font-size: 11px; font-weight: 800; letter-spacing: .12em; }
.event-info h3, .news-card h3 { margin: 0; font-size: 29px; line-height: 1.05; color: var(--navy); }
.event-info p { margin: 7px 0 0; color: var(--gray); }

.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 26px; }
.news-card { background: var(--white); border: 1px solid var(--border); box-shadow: 0 8px 24px rgba(10,38,69,.06); }
.news-card .image-placeholder { min-height: 205px; border: 0; }
.card-body { padding: 25px; }
.news-card p { color: var(--gray); }

.shop-section { background: var(--navy); color: var(--white); }
.shop-section h2 { color: var(--white); }
.shop-section p { color: rgba(255,255,255,.78); }
.section-kicker.light { color: #e66b6b; }
.image-merch { min-height: 430px; background: linear-gradient(135deg, #163f69, #07192c); border-color: rgba(255,255,255,.35); color: rgba(255,255,255,.6); }

.join-panel { display: flex; justify-content: space-between; align-items: center; gap: 40px; padding: 52px; background: var(--off-white); border-left: 7px solid var(--maroon); }
.join-panel h2 { margin-bottom: 10px; }

.sponsor-block { text-align: center; }
.sponsor-block p { margin-left: auto; margin-right: auto; }
.sponsor-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 18px;
  max-width: 900px;
  margin: 36px auto;
}
.sponsor-card {
  min-height: 130px;
  display: grid;
  place-items: center;
  padding: 22px;
  border: 1px solid var(--border);
  background: var(--white);
  color: var(--gray);
  font-weight: 800;
  transition: transform .2s ease, box-shadow .2s ease;
}
.sponsor-card:hover { transform: translateY(-3px); box-shadow: 0 10px 24px rgba(10,38,69,.10); }
.sponsor-card span { display: none; }
.sponsor-card.missing-sponsor span { display: block; }

.site-footer { padding: 70px 0 25px; background: #061a2f; color: rgba(255,255,255,.78); }
.footer-grid { display: grid; grid-template-columns: 1.4fr .7fr 1fr; gap: 50px; }
.footer-brand { color: var(--white); margin-bottom: 18px; }
.site-footer h3 { margin-top: 0; color: var(--white); font-size: 23px; }
.site-footer a, .site-footer span { display: block; margin: 7px 0; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; margin-top: 50px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.12); font-size: 13px; }

@media (max-width: 900px) {
  .menu-toggle { display: block; order: 2; }
  .language-toggle { order: 3; }
  .main-nav { position: absolute; top: 78px; left: 0; right: 0; display: none; flex-direction: column; align-items: stretch; gap: 0; padding: 15px 20px 25px; background: var(--navy); box-shadow: 0 12px 22px rgba(0,0,0,.2); }
  .main-nav.open { display: flex; }
  .main-nav a { padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.1); }
  .nav-cta { margin-top: 10px; padding: 12px 16px !important; text-align: center; border-bottom: 0 !important; }
  .quick-grid, .card-grid { grid-template-columns: 1fr; }
  .quick-grid article { border-right: 0; border-bottom: 1px solid var(--border); }
  .split-layout { grid-template-columns: 1fr; gap: 35px; }
  .split-layout.reverse > :first-child { order: initial; }
  .event-card { grid-template-columns: 90px 1fr; }
  .event-card .button { grid-column: 1 / -1; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 600px) {
  .container { width: min(calc(100% - 28px), var(--container)); }
  .brand-copy small { display: none; }
  .header-inner { gap: 12px; }
  .hero { min-height: 590px; }
  .hero h1 { font-size: 55px; }
  .hero-text { font-size: 17px; }
  .section { padding: 75px 0; }
  .section-heading { align-items: start; flex-direction: column; }
  .event-card { grid-template-columns: 1fr; text-align: left; }
  .event-date { text-align: left; display: flex; align-items: baseline; gap: 8px; }
  .join-panel { align-items: flex-start; flex-direction: column; padding: 34px 25px; }
  .footer-grid { grid-template-columns: 1fr; }
  .footer-bottom { flex-direction: column; }
}

/* Functional additions */
.brand-mark { width: 52px; height: 52px; flex: 0 0 52px; overflow: hidden; background: transparent; transform: none; }
.brand-mark img { width: 100%; height: 100%; object-fit: contain; }
.text-button, .footer-contact { border: 0; background: transparent; padding: 0; cursor: pointer; font: inherit; }
.footer-contact { color: inherit; margin: 7px 0; }
.cart-button { border: 1px solid rgba(255,255,255,.35); background: transparent; color: white; border-radius: 4px; padding: 8px 10px; cursor: pointer; font-weight: 800; }
.site-image { position: relative; min-height: 285px; display: grid; place-items: center; overflow: hidden; background: linear-gradient(135deg,#d8dde3,#eef1f4); color: var(--gray); font-weight: 800; letter-spacing: .08em; }
.site-image img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.site-image span { display: none; padding: 20px; text-align: center; }
.site-image.missing-image span { display: block; }
.news-image { min-height: 205px; }
.product-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 26px; }
.product-card { background: white; color: var(--text); border-radius: var(--radius); overflow: hidden; box-shadow: 0 12px 35px rgba(0,0,0,.18); }
.product-image { min-height: 260px; }
.product-body { padding: 24px; }
.product-body h3 { margin: 0; color: var(--navy); font-size: 29px; }
.product-body strong { display: block; margin: 8px 0 18px; font-size: 24px; color: var(--maroon); }
.shop-heading { margin-bottom: 34px; }
.modal { position: fixed; inset: 0; z-index: 100; display: none; place-items: center; padding: 20px; background: rgba(3,13,24,.78); }
.modal.open { display: grid; }
.modal-card { position: relative; width: min(100%,680px); max-height: 90vh; overflow: auto; padding: 38px; background: white; border-radius: var(--radius); box-shadow: var(--shadow); }
.modal-wide { width: min(100%,860px); }
.modal-card h2 { margin: 0 0 20px; color: var(--navy); font-size: 48px; text-transform: uppercase; }
.modal-close { position: absolute; top: 14px; right: 18px; border: 0; background: transparent; font-size: 32px; cursor: pointer; color: var(--navy); }
.schedule-list { display: grid; gap: 14px; }
.schedule-list div { display: flex; justify-content: space-between; gap: 20px; padding: 18px; background: var(--off-white); border-left: 4px solid var(--maroon); }
.site-form { display: grid; gap: 18px; }
.form-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.site-form label { display: grid; gap: 7px; font-weight: 700; color: var(--navy); }
.site-form input, .site-form select, .site-form textarea { width: 100%; border: 1px solid var(--border); border-radius: 5px; padding: 12px 13px; font: inherit; color: var(--text); }
.site-form input:focus, .site-form select:focus, .site-form textarea:focus { outline: 2px solid rgba(165,28,28,.25); border-color: var(--maroon); }
.form-status { min-height: 24px; margin: 0; font-weight: 700; color: var(--maroon); }
.cart-drawer { position: fixed; z-index: 120; top: 0; right: 0; width: min(92vw,420px); height: 100vh; transform: translateX(105%); transition: transform .25s ease; background: white; box-shadow: -15px 0 40px rgba(0,0,0,.2); display: flex; flex-direction: column; }
.cart-drawer.open { transform: translateX(0); }
.drawer-backdrop { position: fixed; inset: 0; z-index: 110; display: none; background: rgba(0,0,0,.5); }
.drawer-backdrop.open { display: block; }
.cart-header { display: flex; justify-content: space-between; align-items: center; padding: 22px; border-bottom: 1px solid var(--border); }
.cart-header h2 { margin: 0; color: var(--navy); }
.cart-header button { border: 0; background: transparent; font-size: 30px; cursor: pointer; }
.cart-items { flex: 1; overflow: auto; padding: 20px; }
.cart-item { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 15px 0; border-bottom: 1px solid var(--border); }
.cart-item small { color: var(--gray); }
.cart-item button { border: 0; background: transparent; color: var(--maroon); cursor: pointer; }
.cart-footer { padding: 22px; border-top: 1px solid var(--border); }
.cart-footer > div { display: flex; justify-content: space-between; margin-bottom: 18px; font-size: 20px; }
.cart-footer .button { width: 100%; border: 0; cursor: pointer; }
.sponsor-grid { grid-template-columns: repeat(auto-fit, minmax(180px, 260px)); justify-content: center; align-items: center; }
.sponsor-card { min-height: 0; height: 150px; padding: 16px; display: flex !important; align-items: center; justify-content: center; overflow: hidden; }
.sponsor-card img { width: 100%; height: 100%; max-width: none; max-height: none; object-fit: contain; object-position: center; }
.sponsor-card span { display: none; }
.sponsor-card.missing-sponsor span { display: block; color: var(--gray); font-size: 12px; text-align: center; }
.sponsor-card:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(10,38,69,.10); }
body.modal-open { overflow: hidden; }
@media (max-width: 900px) { .product-grid { grid-template-columns: 1fr; } .cart-button { margin-top: 10px; text-align: left; } }
@media (max-width: 600px) { .brand-mark { width: 44px; height: 44px; flex-basis: 44px; } .form-grid { grid-template-columns: 1fr; } .modal-card { padding: 32px 22px 24px; } .modal-card h2 { font-size: 38px; } .schedule-list div { flex-direction: column; } }

.news-list-item{padding:22px 0;border-bottom:1px solid var(--border)}.news-list-item h3{margin:0;color:var(--navy);font-size:30px}.news-list-item p{color:var(--gray)}.article-image{width:100%;max-height:430px;object-fit:cover;margin:20px 0}.article-body{white-space:normal;line-height:1.75}.news-card .text-button{margin-top:8px}


/* Roster */
.roster-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:18px}.player-card{position:relative;overflow:hidden;min-height:310px;background:var(--navy);color:var(--white);box-shadow:0 10px 26px rgba(10,38,69,.14);border-bottom:4px solid var(--maroon)}.player-photo{position:absolute;inset:0}.player-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}.player-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,38,69,.03) 28%,rgba(10,38,69,.96) 100%)}.player-photo.missing-player{display:grid;place-items:center;background:linear-gradient(135deg,#163f69,#07192c)}.player-photo.missing-player::before{content:"APACHES";font:800 26px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;color:rgba(255,255,255,.22)}.player-card-content{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:18px}.player-number{position:absolute;right:12px;top:10px;z-index:3;padding:0;text-align:right;background:transparent;border:0;box-shadow:none;font:800 44px/1 "Barlow Condensed",sans-serif;color:var(--white);text-shadow:0 3px 10px rgba(0,0,0,.95),0 1px 2px rgba(0,0,0,1)}.player-card h3{margin:0;font-size:29px;line-height:1;text-transform:uppercase;color:var(--white)}.player-position{display:inline-block;margin-top:6px;color:#f08383;font-size:11px;font-weight:800;letter-spacing:.12em}.player-details{display:flex;gap:13px;margin-top:8px;font-size:11px;color:rgba(255,255,255,.76)}.player-bio{margin:8px 0 0;font-size:12px;line-height:1.4;color:rgba(255,255,255,.78)}.roster-empty{grid-column:1/-1;padding:45px;text-align:center;color:var(--gray);border:1px dashed var(--gray);background:var(--white)}.roster-actions{display:flex;justify-content:center;margin-top:30px}.roster-toggle[hidden]{display:none}@media(max-width:600px){.roster-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.player-card{min-height:250px}.player-card-content{padding:13px}.player-card h3{font-size:22px}.player-number{right:8px;top:7px;padding:0;font-size:34px}.player-bio{display:none}.player-details{flex-direction:column;gap:0}}


/* Player profile modal */
.player-card{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.player-card:hover,.player-card:focus-visible{transform:translateY(-4px);box-shadow:0 18px 38px rgba(10,38,69,.24);outline:none}.player-open-hint{display:inline-block;margin-top:10px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,255,255,.8)}.player-modal-card{width:min(100%,980px);padding:0;overflow:hidden}.player-modal-card .modal-close{z-index:5;width:42px;height:42px;padding:0;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 4px 14px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:center;font-size:31px;line-height:1;text-indent:0;transform:none}.player-modal-layout{display:grid;grid-template-columns:minmax(380px,1.08fr) .92fr;min-height:560px}.player-modal-image{position:relative;min-height:560px;background:linear-gradient(135deg,#163f69,#07192c)}.player-modal-image img{width:100%;height:100%;object-fit:contain;object-position:center center;background:#eef1f4}.player-modal-image.missing-player{display:grid;place-items:center}.player-modal-image.missing-player::before{content:"APACHES";font:800 42px/1 "Barlow Condensed",sans-serif;letter-spacing:.12em;color:rgba(255,255,255,.2)}.player-modal-number{position:absolute;right:24px;top:20px;z-index:2;padding:0;text-align:right;background:transparent;border:0;box-shadow:none;font:800 64px/1 "Barlow Condensed",sans-serif;color:var(--white);text-shadow:0 3px 10px rgba(0,0,0,.9),0 1px 2px rgba(0,0,0,1)}.player-modal-copy{padding:58px 46px 42px}.player-modal-copy h2{margin:8px 0 20px;font-size:clamp(46px,6vw,72px);line-height:.92}.player-modal-details{display:flex;flex-wrap:wrap;gap:12px 24px;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid var(--border);color:var(--gray)}.player-modal-bio{max-width:58ch;font-size:17px;line-height:1.75;color:var(--text);white-space:normal;overflow-wrap:anywhere;word-break:normal}.player-modal-bio p{margin:0 0 1em}.player-modal-bio p:last-child{margin-bottom:0}.player-modal-copy .player-position{font-size:13px;color:var(--maroon)}
@media(max-width:760px){.player-modal-layout{grid-template-columns:1fr}.player-modal-image{min-height:390px;max-height:48vh}.player-modal-copy{padding:34px 24px 28px}.player-modal-number{right:16px;top:14px;left:auto;bottom:auto;font-size:48px}.player-modal-card{max-height:92vh;overflow:auto}.player-open-hint{display:none}}

.schedule-public-item{display:grid;grid-template-columns:74px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid var(--border)}
.schedule-public-item:last-child{border-bottom:0}
.schedule-public-date{display:grid;place-items:center;align-content:center;background:var(--navy);color:var(--white);min-height:74px}
.schedule-public-date strong{font:800 34px/1 "Barlow Condensed",sans-serif}
.schedule-public-date span{font-size:11px;font-weight:800;letter-spacing:.12em}
.schedule-public-item h3{margin:2px 0 6px;color:var(--navy);font-size:27px}
.schedule-public-item p{margin:4px 0;color:var(--gray)}
.schedule-public-details{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:600px){.schedule-public-item{grid-template-columns:60px 1fr}.schedule-public-date{min-height:60px}.schedule-public-date strong{font-size:28px}}

/* Calendar date contrast improvements */
.schedule-public-date {
  background: var(--navy);
  color: var(--white);
  opacity: 1;
}
.schedule-public-date strong {
  color: var(--white);
  opacity: 1;
  text-shadow: 0 2px 8px rgba(0,0,0,.35);
}
.schedule-public-date span {
  color: rgba(255,255,255,.95);
  opacity: 1;
}

.quick-form-link {
  appearance: none;
  border: 0;
  padding: 0;
  background: transparent;
  color: var(--maroon);
  font: inherit;
  font-weight: 800;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.quick-form-link:hover,
.quick-form-link:focus-visible {
  color: var(--navy);
}


/* =========================================================
   MULTI-PAGE PLATFORM — MATCHES THE APPROVED APACHES DESIGN
   ========================================================= */

.page-hero {
  position: relative;
  overflow: hidden;
  padding: 125px 0 82px;
  color: var(--white);
  background: linear-gradient(105deg, rgba(10,38,69,.98) 0%, rgba(10,38,69,.88) 58%, rgba(7,23,40,.92) 100%);
}
.page-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
  background-size: 45px 45px;
}
.page-hero::after {
  content: "";
  position: absolute;
  right: -75px;
  bottom: -170px;
  width: 330px;
  height: 520px;
  border-left: 42px solid var(--maroon);
  transform: rotate(22deg);
  opacity: .78;
}
.page-hero .container { position: relative; z-index: 2; }
.page-hero h1 {
  max-width: 950px;
  margin: 0;
  color: var(--white);
  font: 800 clamp(54px, 8vw, 94px)/.9 "Barlow Condensed", sans-serif;
  letter-spacing: -.02em;
  text-transform: uppercase;
}
.page-hero > .container > p:last-child {
  max-width: 700px;
  margin: 24px 0 0;
  color: rgba(255,255,255,.82);
  font-size: 19px;
}
.page-nav-active {
  color: var(--white) !important;
  position: relative;
}
.page-nav-active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -11px;
  height: 3px;
  background: var(--maroon);
}

.content-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}
.content-card,
.profile-card {
  position: relative;
  overflow: hidden;
  background: var(--white);
  border: 1px solid var(--border);
  border-bottom: 4px solid var(--maroon);
  box-shadow: 0 12px 34px rgba(10,38,69,.09);
  transition: transform .22s ease, box-shadow .22s ease;
}
.content-card:hover,
.profile-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 44px rgba(10,38,69,.15);
}
.profile-card img {
  width: 100%;
  aspect-ratio: 4 / 5;
  object-fit: cover;
  object-position: center top;
  background: var(--off-white);
}
.profile-card-body,
.content-card-body { padding: 24px; }
.profile-card h3,
.content-card h3 {
  margin: 0 0 7px;
  color: var(--navy);
  font: 800 31px/1 "Barlow Condensed", sans-serif;
  text-transform: uppercase;
}
.profile-card p,
.content-card p { color: var(--gray); }

.filters {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 34px;
  padding: 18px;
  background: var(--off-white);
  border-left: 5px solid var(--maroon);
}
.filters input,
.filters select {
  min-height: 46px;
  min-width: 190px;
  padding: 10px 14px;
  color: var(--text);
  background: var(--white);
  border: 1px solid var(--border);
  border-radius: 5px;
  font: inherit;
}
.filters input:focus,
.filters select:focus {
  outline: 3px solid rgba(165,28,28,.14);
  border-color: var(--maroon);
}

/* Team history */
.timeline {
  position: relative;
  display: grid;
  gap: 18px;
}
.timeline::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50px;
  width: 2px;
  background: var(--border);
}
.timeline-item {
  position: relative;
  display: grid;
  grid-template-columns: 100px 1fr;
  gap: 24px;
  padding: 25px 28px;
  background: var(--white);
  border: 1px solid var(--border);
  border-left: 6px solid var(--maroon);
  box-shadow: 0 9px 25px rgba(10,38,69,.06);
}
.timeline-year {
  position: relative;
  z-index: 2;
  color: var(--navy);
  font: 800 38px/1 "Barlow Condensed", sans-serif;
}
.timeline-item h3 {
  margin: 0 0 6px;
  color: var(--navy);
  font-size: 29px;
}
.timeline-item p { margin: 0; color: var(--gray); }

/* Full roster */
.full-roster-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

/* Schedule/results */
.schedule-page-list {
  display: grid;
  gap: 18px;
}
.schedule-page-card {
  display: grid;
  grid-template-columns: 115px minmax(0,1fr) auto;
  gap: 25px;
  align-items: center;
  padding: 25px 28px;
  background: var(--white);
  border: 1px solid var(--border);
  border-left: 6px solid var(--maroon);
  box-shadow: 0 12px 34px rgba(10,38,69,.08);
}
.schedule-page-date {
  text-align: center;
  color: var(--navy);
}
.schedule-page-date strong {
  display: block;
  font: 800 54px/1 "Barlow Condensed", sans-serif;
}
.schedule-page-date span {
  display: block;
  color: var(--maroon);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
}
.schedule-page-card h3 {
  margin: 0;
  color: var(--navy);
  font-size: 32px;
}
.schedule-page-card p { margin: 7px 0 0; color: var(--gray); }
.result-score {
  color: var(--navy);
  font: 800 34px/1 "Barlow Condensed", sans-serif;
}
.countdown {
  display: grid;
  grid-template-columns: repeat(4, minmax(100px, 1fr));
  gap: 14px;
  margin-top: 30px;
}
.countdown div {
  padding: 22px 14px;
  text-align: center;
  color: var(--white);
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.18);
}
.countdown strong {
  display: block;
  font: 800 44px/1 "Barlow Condensed", sans-serif;
}
.countdown span {
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .13em;
  text-transform: uppercase;
}

/* News archive */
.news-archive-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 26px;
}
.news-archive-card {
  overflow: hidden;
  background: var(--white);
  border: 1px solid var(--border);
  border-bottom: 4px solid var(--maroon);
  box-shadow: 0 10px 28px rgba(10,38,69,.07);
}
.news-archive-card img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  background: var(--off-white);
}
.news-archive-card .card-body { padding: 24px; }
.news-archive-card h3 {
  margin: 5px 0 10px;
  color: var(--navy);
  font-size: 31px;
  line-height: 1;
}
.news-archive-card p { color: var(--gray); }

/* Gallery */
.album-heading {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 25px;
  margin: 45px 0 20px;
}
.album-heading h2 { margin: 0; }
.gallery-grid {
  columns: 3 280px;
  column-gap: 18px;
}
.gallery-item {
  break-inside: avoid;
  overflow: hidden;
  margin: 0 0 18px;
  background: var(--navy);
  box-shadow: 0 10px 28px rgba(10,38,69,.1);
}
.gallery-item img {
  width: 100%;
  display: block;
  transition: transform .28s ease;
}
.gallery-item:hover img { transform: scale(1.025); }
.gallery-item figcaption {
  padding: 14px 16px;
  color: var(--white);
  background: var(--navy);
  font-weight: 700;
}
.video-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 22px;
}
.video-card {
  padding: 25px;
  background: var(--white);
  border: 1px solid var(--border);
  border-left: 6px solid var(--maroon);
  box-shadow: 0 10px 28px rgba(10,38,69,.07);
}
.video-card h3 {
  margin: 0 0 8px;
  color: var(--navy);
  font-size: 29px;
}

/* Store */
.store-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 25px;
}
.store-card {
  overflow: hidden;
  background: var(--white);
  border: 1px solid var(--border);
  border-bottom: 4px solid var(--maroon);
  box-shadow: 0 10px 28px rgba(10,38,69,.08);
}
.store-card img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  background: var(--off-white);
}
.store-card-body { padding: 23px; }
.store-card h3 {
  margin: 0;
  color: var(--navy);
  font-size: 31px;
}
.store-price {
  display: block;
  margin: 10px 0 16px;
  color: var(--maroon);
  font: 800 29px/1 "Barlow Condensed", sans-serif;
}

/* Sponsors */
.sponsor-carousel {
  position: relative;
  overflow: hidden;
  padding: 28px 0;
}
.sponsor-carousel::before,
.sponsor-carousel::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 90px;
  pointer-events: none;
}
.sponsor-carousel::before {
  left: 0;
  background: linear-gradient(90deg, var(--white), transparent);
}
.sponsor-carousel::after {
  right: 0;
  background: linear-gradient(-90deg, var(--white), transparent);
}
.sponsor-track {
  display: flex;
  align-items: center;
  gap: 22px;
  width: max-content;
  animation: sponsor-scroll 26s linear infinite;
}
.sponsor-track:hover { animation-play-state: paused; }
.sponsor-track a {
  display: grid;
  place-items: center;
  width: 220px;
  height: 125px;
  padding: 18px;
  background: var(--white);
  border: 1px solid var(--border);
  box-shadow: 0 8px 22px rgba(10,38,69,.06);
}
.sponsor-track img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@keyframes sponsor-scroll { to { transform: translateX(-50%); } }

/* Dedicated player profile */
.player-page {
  display: grid;
  grid-template-columns: minmax(340px, 46%) minmax(0,1fr);
  gap: 55px;
  align-items: start;
}
.player-page-media {
  position: sticky;
  top: 105px;
  overflow: hidden;
  min-height: 540px;
  background: var(--off-white);
  border-bottom: 6px solid var(--maroon);
  box-shadow: var(--shadow);
}
.player-page img {
  width: 100%;
  max-height: 760px;
  object-fit: contain;
  background: var(--off-white);
}
.player-number-large {
  position: absolute;
  top: 20px;
  right: 24px;
  z-index: 2;
  color: var(--white);
  font: 800 92px/.8 "Barlow Condensed", sans-serif;
  text-shadow: 0 4px 14px rgba(0,0,0,.85);
}
.player-page-copy h1 {
  margin: 0;
  color: var(--navy);
  font: 800 clamp(58px,7vw,94px)/.88 "Barlow Condensed", sans-serif;
  text-transform: uppercase;
}
.player-page-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 25px;
  margin: 25px 0;
  padding: 20px 0;
  color: var(--gray);
  border-top: 1px solid var(--border);
  border-bottom: 1px solid var(--border);
}
.player-page-bio {
  max-width: 62ch;
  font-size: 17px;
  line-height: 1.8;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.stats-table {
  width: 100%;
  margin-top: 24px;
  border-collapse: collapse;
  background: var(--white);
  box-shadow: 0 8px 24px rgba(10,38,69,.06);
}
.stats-table th,
.stats-table td {
  padding: 13px 15px;
  text-align: left;
  border-bottom: 1px solid var(--border);
}
.stats-table th {
  color: var(--white);
  background: var(--navy);
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* Contact/join */
.contact-layout {
  display: grid;
  grid-template-columns: .82fr 1.18fr;
  gap: 55px;
  align-items: start;
}
.contact-card {
  padding: 32px;
  background: var(--navy);
  color: var(--white);
  border-bottom: 6px solid var(--maroon);
}
.contact-card h2 { color: var(--white); }
.contact-card p,
.contact-card a { color: rgba(255,255,255,.82); }
.public-form-panel {
  padding: 35px;
  background: var(--white);
  border: 1px solid var(--border);
  border-left: 6px solid var(--maroon);
  box-shadow: var(--shadow);
}

/* Shared empty/loading states */
.platform-empty,
.platform-loading {
  grid-column: 1/-1;
  padding: 45px 30px;
  text-align: center;
  color: var(--gray);
  background: var(--white);
  border: 1px dashed var(--gray);
}
.status-pill {
  display: inline-block;
  padding: 5px 9px;
  color: var(--white);
  background: var(--maroon);
  border-radius: 3px;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: .1em;
  text-transform: uppercase;
}

/* Operations/admin entry pages */
.operations-link-panel {
  padding: 35px;
  background: var(--off-white);
  border-left: 6px solid var(--maroon);
}
.operations-link-panel h2 { margin-top: 0; }

/* Responsive */
@media (max-width: 1080px) {
  .main-nav { gap: 15px; font-size: 12px; }
  .content-grid,
  .news-archive-grid,
  .store-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .full-roster-grid { grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 900px) {
  .page-nav-active::after { display: none; }
  .player-page,
  .contact-layout { grid-template-columns: 1fr; }
  .player-page-media { position: relative; top: auto; }
  .video-grid { grid-template-columns: 1fr; }
  .schedule-page-card { grid-template-columns: 90px 1fr; }
  .schedule-page-card > :last-child { grid-column: 1/-1; }
}
@media (max-width: 700px) {
  .page-hero { padding: 105px 0 65px; }
  .content-grid,
  .news-archive-grid,
  .store-grid { grid-template-columns: 1fr; }
  .full-roster-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .countdown { grid-template-columns: repeat(2,1fr); }
  .timeline::before { display: none; }
  .timeline-item { grid-template-columns: 1fr; }
  .schedule-page-card { grid-template-columns: 1fr; }
  .schedule-page-date { text-align: left; display: flex; gap: 8px; align-items: baseline; }
  .schedule-page-date strong { font-size: 40px; }
  .gallery-grid { columns: 1; }
  .public-form-panel { padding: 25px 20px; }
}
@media (max-width: 460px) {
  .full-roster-grid { grid-template-columns: 1fr; }
}

.platform-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.platform-link-grid a{position:relative;display:grid;min-height:170px;padding:24px;background:var(--white);border:1px solid var(--border);border-bottom:5px solid var(--maroon);box-shadow:0 9px 25px rgba(10,38,69,.06);transition:.22s}
.platform-link-grid a:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(10,38,69,.13)}
.platform-link-grid span{color:var(--maroon);font:800 18px/1 "Barlow Condensed",sans-serif}
.platform-link-grid strong{align-self:end;color:var(--navy);font:800 28px/1 "Barlow Condensed",sans-serif;text-transform:uppercase}
.platform-link-grid small{margin-top:8px;color:var(--gray)}
@media(max-width:1000px){.platform-link-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.platform-link-grid{grid-template-columns:1fr}}


/* Official merchandise shop */
.shop-hero{background:linear-gradient(115deg,rgba(10,38,69,.98),rgba(10,38,69,.86)),linear-gradient(45deg,var(--navy),var(--maroon));overflow:hidden;position:relative}
.shop-hero:after{content:"";position:absolute;right:-80px;bottom:-180px;width:460px;height:460px;border:70px solid rgba(255,255,255,.05);border-radius:50%}
.shop-hero .container{position:relative;z-index:1}.shop-hero p:last-child{max-width:720px;color:rgba(255,255,255,.82);font-size:18px;line-height:1.7}
.shop-toolbar-section{position:relative;z-index:5;margin-top:-28px}.shop-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:18px;background:var(--white);box-shadow:0 15px 40px rgba(10,38,69,.14);border-bottom:5px solid var(--maroon)}
.shop-categories{display:flex;gap:8px;flex-wrap:wrap}.shop-categories button{border:1px solid var(--border);background:var(--off-white);color:var(--navy);padding:10px 14px;font-weight:800;cursor:pointer;text-transform:uppercase;font-size:12px;letter-spacing:.06em}.shop-categories button.active,.shop-categories button:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.shop-search input{min-width:220px;padding:12px 14px;border:1px solid var(--border);font:inherit}.shop-catalog{padding-top:65px}.shop-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.shop-heading h2{margin:0}.shop-heading>p{color:var(--gray);font-weight:700}
.shop-product-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--border);box-shadow:0 10px 30px rgba(10,38,69,.07);transition:.22s;overflow:hidden}.shop-product-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(10,38,69,.14)}
.shop-product-media{position:relative;aspect-ratio:1/1;background:linear-gradient(145deg,#f7f8fa,#e8ebef);overflow:hidden}.shop-product-media img{width:100%;height:100%;object-fit:contain;padding:18px}.shop-badge{position:absolute;top:14px;left:14px;background:var(--maroon);color:#fff;padding:7px 10px;font-size:10px;font-weight:900;letter-spacing:.1em}
.product-placeholder{height:100%;display:grid;place-content:center;text-align:center;color:var(--navy);background:radial-gradient(circle at 50% 40%,rgba(165,28,28,.09),transparent 38%),linear-gradient(145deg,#fff,#eef1f4)}.product-placeholder span{font:800 16px/1 "Barlow Condensed",sans-serif;letter-spacing:.2em}.product-placeholder strong{font:800 82px/1 "Barlow Condensed",sans-serif;color:var(--maroon);text-shadow:5px 5px 0 rgba(10,38,69,.12)}.product-placeholder small{text-transform:uppercase;font-weight:800;letter-spacing:.18em;color:var(--gray)}
.shop-product-body{display:flex;flex:1;flex-direction:column;padding:24px}.shop-product-category{color:var(--maroon);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.shop-product-body h3{font-size:28px;margin:8px 0}.shop-product-body p{color:var(--gray);line-height:1.6}.shop-product-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:auto 0 18px;padding-top:15px}.shop-product-meta strong{font-size:18px;color:var(--navy)}.shop-product-meta span{font-size:11px;font-weight:800;color:var(--maroon);text-transform:uppercase}.shop-view-product{width:100%;border:0;cursor:pointer}
.shop-how{padding:65px 0;background:var(--navy);color:#fff}.shop-how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.shop-how article{padding:28px;border:1px solid rgba(255,255,255,.14);border-top:5px solid var(--maroon)}.shop-how article>strong{font:800 46px/1 "Barlow Condensed",sans-serif;color:rgba(255,255,255,.18)}.shop-how h3{color:#fff;margin:10px 0}.shop-how p{color:rgba(255,255,255,.72)}
.shop-modal[hidden]{display:none}.shop-modal{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;padding:22px}.shop-modal-backdrop{position:absolute;inset:0;background:rgba(4,16,29,.84);backdrop-filter:blur(5px)}.shop-modal-card{position:relative;z-index:1;width:min(1050px,100%);max-height:92vh;overflow:auto;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.4)}.shop-modal-close{position:absolute;z-index:3;right:14px;top:12px;width:42px;height:42px;border:0;background:var(--navy);color:#fff;font-size:28px;cursor:pointer}.shop-modal-layout{display:grid;grid-template-columns:.9fr 1.1fr}.shop-modal-media{min-height:590px;background:#f1f3f5}.shop-modal-media>img,.shop-modal-media>.product-placeholder{width:100%;height:100%;object-fit:contain}.shop-modal-details{padding:52px 45px}.shop-modal-details h2{font-size:42px;margin:8px 0 10px}.shop-modal-description{color:var(--gray);line-height:1.7}.shop-modal-price{font-size:22px;font-weight:900;color:var(--maroon);margin:20px 0}.shop-modal-details form{display:grid;gap:15px}.shop-modal-details label{display:grid;gap:7px}.shop-modal-details label>span{font-size:12px;font-weight:800;text-transform:uppercase;color:var(--navy)}.shop-modal-details input,.shop-modal-details select,.shop-modal-details textarea{width:100%;padding:12px 13px;border:1px solid var(--border);font:inherit}.shop-option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.shop-order-note{font-size:12px;color:var(--gray);line-height:1.5}.shop-order-button{border:0;cursor:pointer}.modal-open{overflow:hidden}
@media(max-width:900px){.shop-toolbar{align-items:stretch;flex-direction:column}.shop-search input{width:100%}.shop-modal-layout{grid-template-columns:1fr}.shop-modal-media{min-height:330px;max-height:420px}.shop-modal-details{padding:38px 25px}.shop-how-grid{grid-template-columns:1fr}}
@media(max-width:560px){.shop-categories{display:grid;grid-template-columns:repeat(2,1fr)}.shop-categories button{width:100%}.shop-heading{align-items:start;flex-direction:column}.shop-option-grid{grid-template-columns:1fr}.shop-modal{padding:0}.shop-modal-card{max-height:100vh;height:100vh}.shop-modal-details h2{font-size:34px}}

/* Animated merchandise preview on the homepage */
.home-shop-carousel{overflow:hidden;width:100%;padding:8px 0 18px;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.home-shop-track{display:flex;width:max-content;animation:homeShopScroll 34s linear infinite;will-change:transform}
.home-shop-carousel:hover .home-shop-track,.home-shop-carousel:focus-within .home-shop-track{animation-play-state:paused}
.home-shop-group{display:flex;gap:26px;padding-right:26px}
.home-shop-group .product-card{width:clamp(270px,28vw,360px);flex:0 0 auto}
.home-shop-action{display:flex;justify-content:center;margin-top:20px}
@keyframes homeShopScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:900px){.home-shop-group .product-card{width:min(78vw,330px)}.home-shop-track{animation-duration:28s}}
@media (prefers-reduced-motion:reduce){.home-shop-track{animation:none}.home-shop-carousel{overflow-x:auto;mask-image:none;-webkit-mask-image:none}.home-shop-group[aria-hidden="true"]{display:none}}

/* Shop gallery and cart upgrade - 2026-07-20 */
.shop-product-media { width:100%; border:0; padding:0; cursor:pointer; background:#f7f8fa; display:block; position:relative; }
.shop-product-media img { width:100%; aspect-ratio:1/1; object-fit:contain; display:block; transition:transform .25s ease; }
.shop-product-card:hover .shop-product-media img { transform:scale(1.025); }
.shop-card-actions { display:grid; grid-template-columns:.85fr 1.15fr 1.05fr; gap:10px; margin-top:18px; }
.shop-card-actions .button { width:100%; padding-inline:12px; }
.shop-gallery-main { background:#f7f8fa; border-radius:14px; overflow:hidden; }
.shop-gallery-main img { width:100%; aspect-ratio:1/1; object-fit:contain; display:block; }
.shop-gallery-thumbs { display:grid; grid-template-columns:repeat(5,minmax(58px,1fr)); gap:10px; margin-top:12px; }
.shop-gallery-thumbs button { border:2px solid transparent; padding:3px; border-radius:9px; background:#f3f4f6; cursor:pointer; }
.shop-gallery-thumbs button.active { border-color:#A51C1C; }
.shop-gallery-thumbs img { width:100%; aspect-ratio:1/1; object-fit:cover; border-radius:6px; display:block; }
.shop-modal-actions { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:18px; }
.shop-cart-button { flex:0 0 auto; }
.shop-cart-note { margin:0 0 14px; font-size:.86rem; color:#58616f; }
.shop-cart-item { display:grid; grid-template-columns:72px 1fr auto; gap:12px; align-items:center; padding:14px 0; border-bottom:1px solid #e6e8ec; }
.shop-cart-item>img { width:72px; height:72px; object-fit:contain; background:#f7f8fa; border-radius:10px; }
.shop-cart-item strong,.shop-cart-item small { display:block; }
.shop-cart-item small { color:#667085; margin-top:4px; line-height:1.35; }
.shop-cart-remove { border:0; background:transparent; font-size:1.35rem; cursor:pointer; color:#7f1d1d; }
.shop-cart-qty { display:inline-flex; align-items:center; gap:9px; margin-top:9px; border:1px solid #d6dae0; border-radius:999px; padding:3px 8px; }
.shop-cart-qty button { border:0; background:transparent; font-size:1.05rem; cursor:pointer; }
@media (max-width:760px){.shop-card-actions,.shop-modal-actions{grid-template-columns:1fr}.shop-gallery-thumbs{grid-template-columns:repeat(4,1fr)}.shop-cart-button{margin-left:auto}.header-inner{gap:8px}}

/* Merchandise integration update */
.home-merch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:28px}
.home-merch-card{overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 14px 35px rgba(0,0,0,.16);display:flex;flex-direction:column}
.home-merch-card .product-image{display:block;aspect-ratio:1/1;background:#f5f5f5;overflow:hidden}
.home-merch-card .product-image img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}
.home-merch-card:hover .product-image img{transform:scale(1.035)}
.home-merch-card .product-body{display:flex;flex:1;flex-direction:column;gap:10px;padding:20px}
.home-merch-card .product-body .button{margin-top:auto;width:100%;text-align:center}
.cart-item img{width:54px;height:54px;object-fit:contain;border-radius:8px;background:#f4f4f4;margin-right:10px}
@media(max-width:900px){.home-merch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.home-merch-grid{grid-template-columns:1fr}}

/* Shop integration fixes — 2026-07-20 */
.shop-modal-close,.cart-header button,.modal-close{display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:1!important;padding:0!important;text-align:center!important}
.shop-modal-close{font-family:Arial,sans-serif;font-weight:400}
.home-shop-group .home-merch-card{width:clamp(270px,28vw,360px);flex:0 0 auto}
.home-shop-group .home-merch-card .product-image{aspect-ratio:1/1}
@media(max-width:900px){.home-shop-group .home-merch-card{width:min(78vw,330px)}}

/* Order-now actions */
.button-order-now{display:inline-flex;align-items:center;justify-content:center;border:2px solid #A51C1C;background:#A51C1C;color:#fff;border-radius:8px;font-weight:800;text-decoration:none;cursor:pointer;padding:13px 18px;transition:transform .18s ease,filter .18s ease}
.button-order-now:hover{filter:brightness(.92);transform:translateY(-1px)}
.shop-card-actions .button-order-now{width:100%;padding-inline:10px}
.home-shop-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}
.home-merch-card .product-body .home-shop-card-actions .button{margin-top:0}
@media(max-width:1050px){.shop-card-actions{grid-template-columns:1fr 1fr}.shop-card-actions .shop-view-product{grid-column:1/-1}}
@media(max-width:760px){.home-shop-card-actions{grid-template-columns:1fr}}

/* Support campaign */
.support-hero{position:relative;min-height:620px;display:grid;align-items:center;background:#071a2d;color:#fff;overflow:hidden}.support-hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.32}.support-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,18,32,.96),rgba(5,18,32,.56),rgba(5,18,32,.8))}.support-hero-content{position:relative;z-index:1;max-width:820px;padding:100px 0}.support-hero h1{font:800 clamp(3rem,7vw,6.5rem)/.92 "Barlow Condensed",sans-serif;text-transform:uppercase;margin:.3rem 0 1.2rem}.support-hero p{font-size:1.15rem;line-height:1.75;max-width:720px}.support-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.support-section{padding:82px 0}.support-story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}.support-story-copy{white-space:pre-line;line-height:1.85}.support-story-image{width:100%;min-height:420px;object-fit:contain;background:#f1f3f5;border-radius:22px;padding:25px}.impact-grid,.needs-grid,.ways-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.impact-card,.need-card,.way-card{background:#fff;border:1px solid #e3e7eb;border-radius:18px;padding:26px;box-shadow:0 14px 35px rgba(10,38,69,.08)}.impact-card strong{font:800 3rem "Barlow Condensed",sans-serif;color:#A51C1C;display:block}.impact-card span{display:block;margin-top:8px;color:#0A2645;font-weight:700;line-height:1.3}.need-icon{font-size:2rem}.need-card h3,.way-card h3{margin:.8rem 0}.support-dark{background:#0A2645;color:#fff}.progress-shell{max-width:850px;margin:30px auto}.progress-labels{display:flex;justify-content:space-between;font-weight:700}.progress-track{height:22px;background:rgba(255,255,255,.17);border-radius:99px;overflow:hidden;margin-top:12px}.progress-fill{height:100%;background:#A51C1C;border-radius:99px;transition:width 1s}.support-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.support-gallery img,.support-gallery iframe,.support-gallery video{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:16px;background:#111}.support-final{text-align:center;background:#A51C1C;color:#fff;padding:75px 20px}.support-final h2{font:800 clamp(2.4rem,5vw,4.5rem)/1 "Barlow Condensed",sans-serif;text-transform:uppercase;max-width:900px;margin:0 auto 25px}.support-admin-note{font-size:.85rem;opacity:.8}@media(max-width:900px){.support-story-grid{grid-template-columns:1fr}.impact-grid,.needs-grid{grid-template-columns:repeat(2,1fr)}.ways-grid,.support-gallery{grid-template-columns:1fr 1fr}}@media(max-width:600px){.impact-grid,.needs-grid,.ways-grid,.support-gallery{grid-template-columns:1fr}.support-hero{min-height:540px}.support-section{padding:58px 0}}


/* Mobile public navigation accessibility */
@media(max-width:900px){
  .main-nav{max-height:calc(100vh - 78px);max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(28px + env(safe-area-inset-bottom));}
  .main-nav a[href="player-login.html"]{margin-top:10px;padding:14px 16px!important;border:1px solid rgba(255,255,255,.35)!important;border-radius:10px;text-align:center;background:#A51C1C;color:#fff;font-weight:800;}
}

.roster-join-banner{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(125deg,#071d36 0%,#0a2645 58%,#183f69 100%);color:#fff;border:3px solid #a51c1c;border-radius:22px;padding:34px 36px;margin-bottom:30px;box-shadow:0 22px 50px rgba(10,38,69,.28)}.roster-join-banner:after{content:"";position:absolute;right:-65px;top:-85px;width:250px;height:250px;border-radius:50%;background:rgba(255,255,255,.06);pointer-events:none}.roster-join-banner>div,.roster-join-banner .button{position:relative;z-index:1}.roster-join-banner h2{color:#fff!important;margin:.25rem 0 .6rem;font-size:clamp(2rem,3.5vw,2.8rem);line-height:1}.roster-join-banner p{color:#fff!important;margin:0;max-width:760px;opacity:.94;font-size:1.04rem;line-height:1.65}.roster-join-banner .section-kicker{color:#fff!important;opacity:1;letter-spacing:.18em}.roster-join-banner .button{white-space:nowrap;background:#a51c1c;border:2px solid #fff;box-shadow:0 10px 24px rgba(0,0,0,.2);font-weight:800}.roster-join-banner .button:hover{background:#c42727;transform:translateY(-2px)}@media(max-width:760px){.roster-join-banner{align-items:flex-start;flex-direction:column;padding:26px 22px}.roster-join-banner h2{font-size:2rem}.roster-join-banner .button{width:100%;text-align:center;box-sizing:border-box}}

/* V4.11 universal typography */
:root{--font-body:"Inter",Arial,sans-serif;--font-display:"Barlow Condensed","Arial Narrow",Arial,sans-serif}
html,body,input,button,select,textarea{font-family:var(--font-body)!important}
h1,h2,h3,h4,h5,h6,.brand-copy strong,.portal-brand b,.hero h1,.section h2,.metric-grid strong,.event-date strong,.big{font-family:var(--font-display)!important;font-weight:800}
p,li,dd,dt,label,small,span,a,td,th{font-family:var(--font-body)}

.roster-team-filter{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:0 0 28px}.roster-team-filter button{border:1px solid var(--border);background:#fff;color:var(--navy);padding:10px 18px;border-radius:999px;font-weight:800;cursor:pointer}.roster-team-filter button.active{background:var(--navy);color:#fff}

/* V4.12 — public tackle / flag team presentation */
.team-switcher,.roster-team-filter,.schedule-team-filter{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 28px}
.team-switcher button,.roster-team-filter button,.schedule-team-filter button{border:1px solid rgba(10,38,69,.22);background:#fff;color:#0A2645;border-radius:999px;padding:10px 18px;font:800 14px/1 Inter,sans-serif;cursor:pointer;transition:.2s ease}
.team-switcher button:hover,.roster-team-filter button:hover,.schedule-team-filter button:hover,.team-switcher button.active,.roster-team-filter button.active,.schedule-team-filter button.active{background:#0A2645;color:#fff;border-color:#0A2645;transform:translateY(-1px)}
.team-badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;margin-bottom:8px;background:#eef2f6;color:#0A2645;font:800 11px/1 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.team-badge.flag{background:#fbe9e9;color:#A51C1C}.team-badge.both{background:#ece8f4;color:#4c3476}
.club-team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.club-team-card{background:#fff;border:1px solid rgba(10,38,69,.12);border-top:6px solid #0A2645;padding:34px;box-shadow:0 14px 36px rgba(10,38,69,.08)}
.club-team-card.flag{border-top-color:#A51C1C}.club-team-card h3{font-size:34px;margin:0 0 12px}.club-team-card p{margin:0 0 18px}.club-team-card ul{margin:0;padding-left:20px;line-height:1.8}
.public-team-note{margin:-10px 0 28px;color:#5f6873}
@media(max-width:760px){.club-team-grid{grid-template-columns:1fr}.team-switcher button,.roster-team-filter button,.schedule-team-filter button{flex:1 1 auto}}

.stat-player-link{color:inherit;text-decoration:none}.stat-player-link:hover,.stat-player-link:focus{text-decoration:underline;text-underline-offset:3px}