.action-styles-page{--action-accent:#f59d61;background:#0b1219;color:#f3f5f7}
.action-styles-page .review-bar{background:#1d262b;color:#f1ad79}.action-styles-page .site-header{background:#0b1219f5;border-color:#32424b}
.action-styles-page .collection{border:0;background:radial-gradient(ellipse at 100% 6%,#15334988,transparent 35%),#0b1219}
.action-styles-page .vf-category-tabs a{border-color:#39505e;color:#c1d0dc}.action-styles-page .vf-category-tabs a[aria-current=page]{background:#ee9b65;border-color:#ee9b65;color:#20140c}
.action-styles-page .eyebrow{color:#e7ab80}.action-styles-page .section-title h1{font-size:clamp(52px,6vw,84px);text-transform:uppercase;letter-spacing:-.01em}.action-styles-page .section-title>p{color:#becbd7}
.action-sport-picker{margin:30px 0 34px}.action-picker-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.action-picker-heading h2{font-size:32px}.action-picker-heading>span{font-size:14px;color:#b0beca}
.action-sport-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.action-sport-choice{border:1px solid #49606f;border-radius:9px;padding:0;position:relative;min-width:0;height:260px;overflow:hidden;background:#15232e;color:white;text-align:left;isolation:isolate}
.action-sport-choice>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 43%;z-index:-2;transition:transform .25s,filter .25s;filter:brightness(.72)}
.action-sport-choice:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#051019f2,transparent 80%);z-index:-1}
.action-sport-choice>span{position:absolute;left:22px;bottom:22px;right:22px}
.action-sport-choice b{display:block;font:800 38px/.95 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:.015em}
.action-sport-choice small{display:block;font:14px/1.5 'DM Sans',Arial,sans-serif;margin-top:9px;color:#cfdfec}
.action-sport-choice[aria-pressed=true]{border:2px solid #f1a470;box-shadow:0 0 0 3px #f1a47020}
.action-sport-choice[aria-pressed=true] img,.action-sport-choice:hover img{filter:brightness(.95);transform:scale(1.035)}
.action-selected{display:flex;gap:20px;justify-content:space-between;align-items:center;margin:20px 0}.action-selected p{font-size:15px;line-height:1.6;color:#c3d0db;max-width:580px}.action-selected .cta{background:#f1a06a;color:#201209;border-radius:6px;font-size:15px;justify-content:center;gap:0;min-height:48px;text-align:center;flex:none}
.action-styles-page .vf-styling-showcase{border-color:#4d6879;background:linear-gradient(110deg,#153246,#162331)}
.action-styles-page .vf-styling-copy h2{color:#f2b48b}.action-styles-page .vf-styling-copy>p:not(.eyebrow){color:#cad8e3}.action-styles-page .vf-styling-link{color:#ffc49d;border-color:#9b714d}
.action-styles-page .vf-showcase-comparison span{color:#eac5aa}.action-styles-page .vf-showcase-comparison figcaption{color:#b7c7d5}
.action-styles-page .vf-showcase-comparison>div:first-child img{background:radial-gradient(ellipse,#40515e,#0c1820 85%);aspect-ratio:5/7;width:82px;object-fit:contain}
.action-styles-page .vf-style-tile{background:#131f29;border-color:#3b5160}.action-styles-page .vf-style-tile .collection-art{background:radial-gradient(ellipse,#2b4051,#0b141d 80%)}
.action-styles-page .vf-catalog-tabs button{background:#132330;border-color:#456377;color:#becfde}.action-styles-page .vf-catalog-tabs button[aria-pressed=true]{background:#67452d;color:#fff0e4;border-color:#e6a373}
.action-styles-page .vf-catalog-face img{display:block;width:100%;height:100%;object-fit:contain}
.action-styles-page .vf-catalog-link{border-color:#977253;background:#392a21;color:#fac095}.action-styles-page .vf-catalog-link:hover{background:#503521}
.action-styles-page .vf-catalog-intro{align-items:end}.action-styles-page .vf-catalog-intro .eyebrow{margin-bottom:8px;font-size:11px}.action-styles-page .vf-catalog-intro p{color:#b9cbd9;line-height:1.6}
.action-styles-page .vf-catalog-note{color:#afc0ce}.action-styles-page footer{background:#091018;border-color:#314553}
.action-sport-choice:focus-visible,.action-selected .cta:focus-visible{outline:3px solid #ffd1ad;outline-offset:4px}
@media(max-width:1000px){.action-sport-grid{gap:12px}.action-sport-choice{height:230px}.action-sport-choice>span{left:16px;right:16px;bottom:18px}.action-sport-choice b{font-size:31px}.action-sport-choice small{font-size:13px}.action-selected{align-items:start}.action-selected p{max-width:390px}}
@media(max-width:760px){.action-styles-page .collection{padding:25px 14px 45px}.action-styles-page .section-title h1{font-size:52px}.action-styles-page .section-title>p{font-size:16px}.action-picker-heading{display:block}.action-picker-heading h2{font-size:30px}.action-picker-heading>span{display:block;margin-top:8px;font-size:13px}.action-sport-grid{gap:8px}.action-sport-choice{height:180px;border-radius:6px}.action-sport-choice>span{left:10px;right:8px;bottom:14px}.action-sport-choice b{font-size:23px;line-height:1.05;overflow-wrap:anywhere}.action-sport-choice small{font-size:12px;line-height:1.4;margin-top:6px}.action-selected{display:block;margin-top:17px}.action-selected p{font-size:15px;max-width:none}.action-selected .cta{width:100%;margin-top:16px;font-size:16px}.action-styles-page .vf-styling-showcase{padding:20px;margin-top:26px}.action-styles-page .vf-showcase-comparison>div:first-child img{width:72px}.action-styles-page .vf-catalog-intro h2{font-size:34px}.action-styles-page .vf-catalog-intro p{font-size:14px}.action-styles-page .vf-tile-heading h3{font-size:26px}}
@media(max-width:360px){.action-sport-choice{height:175px}.action-sport-choice b{font-size:21px}.action-sport-choice small{font-size:11px}.action-styles-page .section-title h1{font-size:47px}}
@media(prefers-reduced-motion:reduce){.action-sport-choice>img{transition:none}}
/* Sport names stay whole and readable on narrow phones. */
@media(max-width:1000px) and (min-width:761px){.action-sport-choice b{font-size:29px}}
@media(max-width:760px){
 .action-sport-grid{grid-template-columns:1fr;gap:10px}
 .action-sport-choice{height:118px;display:flex;align-items:center}
 .action-sport-choice>img{width:112px;height:100%;object-fit:cover;object-position:center}
 .action-sport-choice:after{background:linear-gradient(90deg,transparent 18%,#0b1b28 34%)}
 .action-sport-choice>span{position:relative;left:auto;right:auto;bottom:auto;margin:0 16px 0 127px}
 .action-sport-choice b{font-size:29px;line-height:1.1;overflow-wrap:normal;letter-spacing:0}
 .action-sport-choice small{font-size:13px;margin-top:8px}
}
@media(max-width:360px){.action-sport-choice{height:112px}.action-sport-choice>img{width:100px}.action-sport-choice>span{margin-left:112px;margin-right:12px}.action-sport-choice b{font-size:23px}.action-sport-choice small{font-size:12px}}
