/* =========================================================
   Page: Polyurethane Sports Equipment / Refined MOFU
   Suggested path: assets/css/polyurethane-sports-equipment-final.css
   Hero image filename:
   assets/img/industry/sports/polyurethane-sports-foam-performance-testing.webp
   ========================================================= */
.sports-pu-page {
  --spu-brand:#263B8F;
  --spu-blue:#1C75BC;
  --spu-accent:#F59E0B;
  --spu-gold:#ffc451;
  --spu-ink:#0b1320;
  --spu-text:#334155;
  --spu-muted:#64748b;
  --spu-soft:#f6f8fc;
  --spu-line:rgba(38,59,143,.12);
  --spu-shadow:0 12px 34px rgba(15,23,42,.07);
  background:#fff;
  color:var(--spu-ink);
}
.sports-main { padding-top:0 !important; overflow:hidden; }
.sports-pu-page a { text-decoration:none; }
.sports-pu-page img { max-width:100%; height:auto; }

/* HERO */
.sports-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  min-height: 72vh;
  display: flex;
  align-items: center;
  padding: 108px 0 76px;
  background: #071120;
}

.sports-hero__bg {
  position: absolute;
  inset: 0;
  z-index: -3;
  background:
    linear-gradient(90deg,
      rgba(5, 10, 24, 0.88) 0%,
      rgba(6, 18, 44, 0.72) 34%,
      rgba(6, 18, 44, 0.42) 58%,
      rgba(6, 18, 44, 0.18) 100%
    ),
    radial-gradient(circle at 14% 24%, rgba(28, 117, 188, 0.25), transparent 32%),
    radial-gradient(circle at 80% 18%, rgba(245, 158, 11, 0.18), transparent 28%),
    url("../img/bg/polyurethane-sports-foam-performance-testing.png") center center / cover no-repeat;
  transform: scale(1.015);
}

.sports-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(180deg,
      rgba(6, 12, 28, 0.20) 0%,
      rgba(6, 12, 28, 0.04) 47%,
      rgba(255, 255, 255, 0.00) 70%,
      rgba(255, 255, 255, 0.88) 100%
    );
}

.sports-hero::after {
  content: "";
  position: absolute;
  right: 0;
  left: 0;
  bottom: -1px;
  height: 170px;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, #ffffff 76%);
}

.sports-hero__container {
  position: relative;
  z-index: 2;
}

.sports-hero__glass {
  width: min(100%, 680px);
  padding: 22px 24px 24px;
  border-radius: 22px;
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), rgba(255,255,255,.075)),
    radial-gradient(circle at 10% 0%, rgba(255,196,81,.14), transparent 36%);
  border: 1px solid rgba(255,255,255,.30);
  box-shadow:
    0 24px 70px rgba(0,0,0,.34),
    inset 0 1px 0 rgba(255,255,255,.24);
  backdrop-filter: blur(12px) saturate(145%);
  -webkit-backdrop-filter: blur(12px) saturate(145%);
}

.sports-kicker,
.sports-label {
  display:inline-flex;
  align-items:center;
  width:fit-content;
  gap:7px;
  border-radius:999px;
  font-family:"Vazirmatn", "Vazir", Tahoma, Arial, sans-serif !important;
  font-size:.72rem;
  font-weight:850;
  line-height:1.7;
}
.sports-kicker {
  margin-bottom:10px;
  padding:5px 13px;
  color:#ffffff;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
}
.sports-hero h1 {
  max-width: 640px;
  margin:0 0 12px;
  color:#ffffff;
  font-family:"Vazirmatn", "Vazir", Tahoma, Arial, sans-serif !important;
  font-size:clamp(1.12rem,1.55vw,1.19rem) !important;
  font-weight:950;
  line-height:1.85;
  letter-spacing:-.34px;
  text-shadow:0 4px 20px rgba(0,0,0,.36);
}
.sports-hero p {
  max-width:620px;
  margin:0;
  color:rgba(255,255,255,.88);
  font-family:"Vazirmatn", "Vazir", Tahoma, Arial, sans-serif !important;
  font-size:.84rem;
  font-weight:520;
  line-height:2.05;
  text-align:right;
}
.sports-hero__actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:18px; }
.sports-btn {
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:39px;
  padding:8px 17px;
  border-radius:999px;
  font-family:"Vazirmatn", "Vazir", Tahoma, Arial, sans-serif !important;
  font-size:.78rem;
  font-weight:850;
  line-height:1.7;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease, background .18s ease, color .18s ease;
}
.sports-btn::before {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(115deg, transparent 0%, transparent 36%, rgba(255,255,255,.48) 50%, transparent 64%, transparent 100%);
  transform:translateX(130%);
  opacity:0;
  transition:transform .65s ease, opacity .2s ease;
}
.sports-btn:hover { transform:translateY(-1px); }
.sports-btn:hover::before { opacity:1; transform:translateX(-130%); }
.sports-btn--primary {
  color:#101828 !important;
  background:linear-gradient(90deg, rgba(245,158,11,.96), rgba(255,196,81,.96));
  border:1px solid rgba(255,196,81,.42);
  box-shadow:0 14px 30px rgba(245,158,11,.25), inset 0 1px 0 rgba(255,255,255,.34);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.sports-btn--ghost {
  color:#ffffff !important;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.26);
  box-shadow:0 10px 24px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.16);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.sports-btn--ghost:hover { color:#ffc451 !important; background:rgba(255,255,255,.14); border-color:rgba(255,196,81,.38); }
.sports-btn--light { color:#101828 !important; background:linear-gradient(90deg,#F59E0B,#ffc451); border:1px solid rgba(255,196,81,.35); white-space:nowrap; }
.sports-hero__quick { display:flex; flex-wrap:wrap; gap:8px; margin-top:13px; }
.sports-hero__quick a {
  color:rgba(255,255,255,.82);
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  padding:5px 11px;
  font-size:.72rem;
  font-weight:800;
  transition:background .18s ease,color .18s ease,border-color .18s ease;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}
.sports-hero__quick a:hover { color:#ffc451; background:rgba(255,255,255,.12); border-color:rgba(255,196,81,.32); }

@media (max-width: 991.98px) {
  .sports-hero { min-height: 68vh; padding: 96px 0 64px; }
  .sports-hero__bg { background-position: center center; }
  .sports-hero__glass { width: min(100%, 620px); }
}

@media (max-width: 575.98px) {
  .sports-hero { min-height: auto; padding: 92px 0 58px; }
  .sports-hero__glass { padding: 19px 17px 20px; border-radius: 19px; }
  .sports-hero h1 { font-size: 1.06rem !important; line-height: 1.9; }
  .sports-hero p { font-size: .80rem; line-height: 2; }
  .sports-hero__actions { gap:8px; }
  .sports-btn { width:100%; }
}

/* GENERAL */
.sports-section { position:relative; padding:34px 0; overflow:hidden; }
.sports-section-head { max-width:850px; margin:0 auto 18px; text-align:center; }
.sports-label { margin-bottom:8px; padding:5px 13px; color:var(--spu-brand); background:rgba(38,59,143,.065); border:1px solid rgba(38,59,143,.12); }
.sports-section-head .sports-label { margin-inline:auto; }
.sports-section h2,
.sports-section-head h2,
.sports-final h2 {
  margin:0 0 10px;
  color:#101828;
  font-family:"Vazirmatn", "Vazir", Tahoma, Arial, sans-serif !important;
  font-size:clamp(1.06rem,1.5vw,1.42rem) !important;
  font-weight:950;
  line-height:1.75;
  letter-spacing:-.32px;
}
.sports-lead,
.sports-muted,
.sports-section-head p,
.sports-final p {
  margin:0;
  color:#475569;
  font-family:"Vazirmatn", "Vazir", Tahoma, Arial, sans-serif !important;
  font-size:.82rem;
  font-weight:520;
  line-height:2;
  text-align:right;
}
.sports-section-head p { text-align:center; max-width:760px; margin:0 auto; }
.sports-intro { background:#fff; }
.sports-risks { background:linear-gradient(180deg,#fff 0%,#f8fbff 100%); }

/* RISKS */
.sports-risk-strip {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;
}
.sports-risk-strip div {
  position:relative;
  min-height:112px;
  padding:15px 16px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(38,59,143,.10);
  box-shadow:0 10px 24px rgba(15,23,42,.055);
}
.sports-risk-strip div::before {
  content:"";
  position:absolute;
  top:16px;
  right:0;
  width:3px;
  height:36px;
  border-radius:999px;
  background:linear-gradient(180deg,var(--spu-brand),var(--spu-gold));
}
.sports-risk-strip strong { display:block; color:#14294f; font-size:.86rem; font-weight:950; margin-bottom:7px; line-height:1.7; }
.sports-risk-strip span { display:block; color:#64748b; font-size:.76rem; line-height:1.85; }

/* USE CASES */
.sports-usecases { background:#fff; }
.sports-card-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
.sports-use-card {
  position:relative;
  min-height:160px;
  padding:17px 17px;
  border-radius:20px;
  background:linear-gradient(180deg,#fff,#f8fbff);
  border:1px solid rgba(38,59,143,.10);
  box-shadow:var(--spu-shadow);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.sports-use-card:hover { transform:translateY(-3px); border-color:rgba(245,158,11,.26); box-shadow:0 18px 44px rgba(15,23,42,.10); }
.sports-use-card i { width:38px; height:38px; display:inline-flex; align-items:center; justify-content:center; border-radius:14px; color:#fff; background:linear-gradient(135deg,var(--spu-brand),var(--spu-blue)); margin-bottom:10px; }
.sports-use-card h3 { margin:0 0 7px; color:#101828; font-family:"Vazirmatn", "Vazir", Tahoma, Arial, sans-serif !important; font-size:.9rem !important; font-weight:950; line-height:1.7; }
.sports-use-card p { margin:0; color:#64748b; font-size:.78rem; line-height:1.9; text-align:right; }

/* TABLE */
.sports-table-section { background:#fff; }
.sports-table-wrap { overflow:auto; border-radius:18px; box-shadow:var(--spu-shadow); border:1px solid rgba(38,59,143,.10); }
.sports-table { width:100%; min-width:760px; border-collapse:separate; border-spacing:0; background:#f4f8ff; }
.sports-table th { padding:13px 14px; color:#fff; background:#263B8F; font-size:.79rem; font-weight:900; line-height:1.8; text-align:right; border-left:1px solid rgba(255,255,255,.10); }
.sports-table td { padding:13px 14px; color:#334155; background:#f8fbff; font-size:.78rem; font-weight:520; line-height:1.95; border-top:1px solid rgba(15,23,42,.06); border-left:1px solid rgba(15,23,42,.04); text-align:right; }
.sports-table tbody tr:nth-child(even) td { background:#eef5ff; }
.sports-table tbody tr:hover td { background:rgba(255,196,81,.16); color:#101828; }

/* SIMULATION */
.sports-simulation { background:radial-gradient(circle at 12% 18%, rgba(28,117,188,.06), transparent 32%), linear-gradient(180deg,#f8fbff 0%,#fff 100%); }
.sports-sim-card {
  padding:20px;
  border-radius:22px;
  background:linear-gradient(135deg,#fff,#f7faff);
  border:1px solid rgba(38,59,143,.10);
  box-shadow:var(--spu-shadow);
}
.sports-sim-card__flow {
  display:grid;
  grid-template-columns:1fr 34px 1fr 34px 1fr;
  gap:8px;
  align-items:center;
  margin-bottom:12px;
}
.sports-sim-card__flow span {
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  border-radius:14px;
  color:#17325f;
  background:#f4f8ff;
  border:1px solid rgba(38,59,143,.11);
  font-size:.78rem;
  font-weight:900;
  line-height:1.7;
}
.sports-sim-card__flow i {
  height:2px;
  background:linear-gradient(90deg,var(--spu-brand),var(--spu-gold));
  border-radius:999px;
  position:relative;
}
.sports-sim-card__flow i::after {
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:8px;
  height:8px;
  border-top:2px solid var(--spu-gold);
  border-left:2px solid var(--spu-gold);
  transform:translateY(-50%) rotate(-45deg);
}
.sports-sim-card p { margin:0 0 14px; color:#475569; font-size:.80rem; line-height:1.95; text-align:right; }

/* PROCESS */
.sports-process { background:#fff; }
.sports-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
.sports-steps div { min-height:118px; padding:14px 15px; border-radius:18px; background:#fff; border:1px solid rgba(38,59,143,.10); box-shadow:0 10px 24px rgba(15,23,42,.055); }
.sports-steps span { display:inline-flex; width:32px; height:32px; align-items:center; justify-content:center; border-radius:999px; color:#fff; background:linear-gradient(135deg,var(--spu-brand),var(--spu-blue)); font-size:.75rem; font-weight:950; margin-bottom:8px; }
.sports-steps strong { display:block; color:#101828; font-size:.85rem; font-weight:950; margin-bottom:5px; }
.sports-steps small { display:block; color:#64748b; font-size:.73rem; line-height:1.8; }

/* FAQ */
.sports-faq { background:linear-gradient(180deg,#fff 0%,#f8fbff 100%); }
.sports-accordion .accordion-item { border:1px solid rgba(38,59,143,.10); border-radius:16px; overflow:hidden; margin-bottom:9px; box-shadow:0 8px 20px rgba(15,23,42,.045); }
.sports-accordion .accordion-button { font-family:"Vazirmatn", "Vazir", Tahoma, Arial, sans-serif !important; font-size:.82rem; font-weight:900; line-height:1.8; color:#14294f; background:#f8fbff; box-shadow:none; text-align:right; }
.sports-accordion .accordion-button:not(.collapsed) { color:#101828; background:rgba(245,158,11,.10); }
.sports-accordion .accordion-body { color:#475569; font-size:.78rem; line-height:2; text-align:right; }

/* FINAL */
.sports-final { padding:30px 0 46px; background:#fff; }
.sports-final__box { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px; border-radius:22px; background:linear-gradient(135deg,#263B8F,#1C75BC); box-shadow:0 18px 44px rgba(38,59,143,.24); }
.sports-final__box span { display:inline-flex; margin-bottom:8px; color:#ffc451; font-size:.72rem; font-weight:900; }
.sports-final__box h2 { color:#fff; margin-bottom:7px; }
.sports-final__box p { color:rgba(255,255,255,.86); max-width:760px; }
.sports-final__box .sports-btn { flex:0 0 auto; }

/* RESPONSIVE */
@media (max-width: 991.98px) {
  .sports-hero { padding:86px 0 30px; }
  .sports-hero__image img { height:360px; }
  .sports-risk-strip,
  .sports-steps { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .sports-card-row { grid-template-columns:1fr; }
  .sports-sim-card__flow { grid-template-columns:1fr; }
  .sports-sim-card__flow i { height:24px; width:2px; margin:auto; }
  .sports-sim-card__flow i::after { top:auto; bottom:0; left:50%; transform:translateX(-50%) rotate(-135deg); }
  .sports-final__box { flex-direction:column; align-items:flex-start; }
}
@media (max-width: 575.98px) {
  .sports-hero { padding:78px 0 26px; }
  .sports-hero h1 { font-size:1.16rem !important; line-height:1.85; }
  .sports-hero p,
  .sports-lead,
  .sports-muted,
  .sports-section-head p { font-size:.80rem; line-height:1.95; }
  .sports-hero__image { border-radius:18px; }
  .sports-hero__image img { height:270px; }
  .sports-section { padding:28px 0; }
  .sports-risk-strip,
  .sports-steps { grid-template-columns:1fr; }
  .sports-btn { width:100%; }
  .sports-hero__quick a { flex:1 1 auto; text-align:center; justify-content:center; }
  .sports-final__box { padding:18px; border-radius:18px; }
}
@media (prefers-reduced-motion: reduce) {
  .sports-btn,
  .sports-use-card { transition:none; }
  .sports-btn:hover,
  .sports-use-card:hover { transform:none; }
}
