/* Sports-tech polish. Loaded after the base sheets. Motion is skipped when the user asks for less. */

.card__p,.price b,.boot-calc__size,.one11-price{font-variant-numeric:tabular-nums}

.card__img,.card__img img,.gal__main,.gal__track,.gal__track figure,.gal__thumbs button,.gal__thumbs img,.shot,.brand,.brand img,.brand--logo,.cat,.cat img{background:#ffffff;mix-blend-mode:normal}
.card__img,.gal__main,.gal__thumbs button,.shot,.brand,.brand--logo{border:0}
.card__img{transition:box-shadow .25s,transform .35s cubic-bezier(.2,.8,.2,1)}
.card:hover .card__img{box-shadow:0 18px 36px -18px rgba(11,15,23,.4);transform:translateY(-3px)}
.card__t{letter-spacing:-.01em}
.card__brand{letter-spacing:.16em}

.hero{background:#070b12;color:#fff}
.hero__sig,.hero .lede{color:rgba(255,255,255,.78)}
.hero__stats b{color:#fff}
.hero__stats span{color:rgba(255,255,255,.66)}
.hero h1 .r{color:#ff5c6e}
.hero .btn--ghost{color:#fff}
.hero .btn--ghost::before{background:transparent;box-shadow:inset 0 0 0 2px rgba(255,255,255,.8)}
.hero__bg::after{background:linear-gradient(90deg,#070b12 0%,rgba(7,11,18,.92) 36%,rgba(7,11,18,.28) 68%,rgba(7,11,18,.05) 100%)}
@media (max-width:700px){
  /* The swoosh is light on the right. Keep the stat row on a dark scrim so "1 day / to pack" stays readable. */
  .hero__bg::after{background:linear-gradient(180deg,#070b12 0%,rgba(7,11,18,.9) 38%,rgba(7,11,18,.55) 68%,rgba(7,11,18,.2) 100%)}
  .hero__stats{margin-top:22px;padding:12px 14px;border-radius:14px;background:rgba(7,11,18,.78);box-shadow:0 0 0 1px rgba(255,255,255,.08)}
}
.hero__rink{color:#fff}
.hero .rk-b{fill:rgba(255,255,255,.05);stroke:#fff}
.hero .rk-t,.hero .rk-c,.hero .rk-x,.hero .rk-dim,.hero .rk-sf{stroke:#fff}
.hero .rk-alt{stroke:#fff}
.hero .rk-blk{fill:#fff}
.hero .rk-tx{fill:#fff}

.prose table,.desc table,.rte table{
  width:100%;border-collapse:separate;border-spacing:0;margin:1.2em 0;
  border:1px solid var(--line);border-radius:14px;overflow:hidden;font-size:14.5px;
  font-variant-numeric:tabular-nums
}
.prose th,.desc th,.rte th{
  background:#0b0f17;color:#fff;text-align:left;font-family:var(--display);font-weight:800;
  letter-spacing:.12em;text-transform:uppercase;font-size:12px;padding:12px 14px
}
.prose td,.desc td,.rte td{padding:12px 14px;border-top:1px solid var(--line);vertical-align:top}
.prose tr:nth-child(even) td,.desc tr:nth-child(even) td,.rte tr:nth-child(even) td{background:#f7f9fc}

.spec-grid{display:grid;margin:8px 0 0}
.spec-grid div{display:grid;grid-template-columns:minmax(96px,34%) 1fr;gap:12px;padding:11px 0;border-top:1px solid rgba(255,255,255,.14)}
.spec-grid dt{margin:0;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62)}
.spec-grid dd{margin:0;color:#fff;font-variant-numeric:tabular-nums}
.spec-grid .unit{margin-left:4px;font-size:.78em;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.62)}

.boot-line{margin:8px 0 28px;border:1px solid var(--line);border-radius:16px;overflow:auto;background:#fff;min-width:0;max-width:100%}
.boot-line table{width:100%;border-collapse:collapse;min-width:0;font-variant-numeric:tabular-nums}
.boot-line th,.boot-line td{padding:12px 14px;text-align:left;border-bottom:1px solid var(--line)}
.boot-line th{font-family:var(--display);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:12px;color:var(--muted)}
.boot-line tr.is-on td{background:#0b0f17;color:#fff}
.boot-line tr.is-on a{color:#fff}
.boot-line td a{font-family:var(--display);font-style:italic;font-weight:900;font-size:22px;letter-spacing:.02em;text-transform:uppercase}
@media (max-width:700px){
  .boot-line{overflow:visible;border:0;background:transparent;border-radius:0}
  .boot-line table,.boot-line tbody,.boot-line tr,.boot-line td{display:block;width:auto;min-width:0}
  .boot-line thead{display:none}
  .boot-line tr{margin:0 0 10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}
  .boot-line tr.is-on{background:#0b0f17}
  .boot-line td{padding:2px 0;border:0}
  .boot-line td[data-label]::before{content:attr(data-label);display:block;margin-top:8px;font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
  .boot-line tr.is-on td[data-label]::before{color:#c5ceda}
}

@keyframes tech-in{from{transform:translateY(8px)}to{transform:none}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ann__track,.rk-d,.boot-calc__size,.size-band__mark,.width-gauge__mark,.sizescale__cell,.sizescale__tick,.sizerow__n,.sec,.one11,.boot-calc,.boot-line{animation:none!important;transition:none!important}
  .card__img,.card__img img,.btn::before,.btn .arr{transition:none}
}