:root {
  --ink: #171715;
  --paper: #f3f0e9;
  --cream: #e8e1d4;
  --white: #fffdfa;
  --red: #8d1f22;
  --red-bright: #b1282c;
  --line: rgba(23, 23, 21, .17);
  --condensed: "Barlow Condensed", sans-serif;
  --sans: "DM Sans", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; color: var(--ink); background: var(--paper); font-family: var(--sans); }
body::selection { color: var(--white); background: var(--red); }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
img { display: block; width: 100%; }
.site-shell { max-width: 1540px; padding-inline: clamp(20px, 4vw, 72px); }
.section-space { padding-block: clamp(80px, 10vw, 155px); }

.announcement-bar { height: 35px; color: #fff; background: var(--ink); font-size: 10px; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.announcement-bar .site-shell { height: 100%; }
.announcement-links { gap: 28px; opacity: .75; }
.announcement-links a:hover { opacity: .65; }
.site-header { position: relative; z-index: 30; background: var(--paper); border-bottom: 1px solid var(--line); }
.site-header .navbar { min-height: 82px; padding: 0; }
.brand { display: inline-flex; width: 96px; flex-direction: column; line-height: .75; }
.brand span { font: 800 34px/1 var(--condensed); letter-spacing: -.04em; }
.brand small { align-self: flex-end; font-size: 7px; font-weight: 700; letter-spacing: .22em; }
.main-nav { display: flex; flex-direction: row; gap: 40px; margin: 0; padding: 0; list-style: none; }
.main-nav a { position: relative; font-size: 11px; font-weight: 700; letter-spacing: .11em; text-transform: uppercase; }
.main-nav a::after { position: absolute; right: 0; bottom: -8px; left: 0; height: 1px; content: ""; background: var(--ink); transform: scaleX(0); transform-origin: right; transition: transform .35s ease; }
.main-nav a:hover::after { transform: scaleX(1); transform-origin: left; }
.header-actions { display: flex; align-items: center; gap: 8px; }
.header-actions button { position: relative; display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border: 0; background: transparent; font-size: 19px; }
.header-actions button:hover { background: #e7e1d7; border-radius: 50%; }
.cart-count { position: absolute; top: 0; right: -1px; min-width: 16px; height: 16px; padding: 2px; color: #fff; background: var(--red); border-radius: 10px; font: 700 9px/12px var(--sans); }
.navbar-toggler { font-size: 27px; }

.hero-section { color: #fff; background: #120f0f; }
.hero-slide { position: relative; min-height: min(810px, calc(100vh - 117px)); background-position: center; background-size: cover; }
.hero-football { background-image: url('../images/hero-football.webp'); }
.hero-basketball { background-image: url('../images/category-basketball.webp'); background-position: center 42%; }
.hero-running { background-image: url('../images/category-running.webp'); background-position: center 35%; }
.hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,7,6,.85) 0%, rgba(10,8,7,.5) 44%, rgba(8,7,6,.08) 75%), linear-gradient(0deg, rgba(8,7,6,.48), transparent 45%); }
.hero-content { position: relative; display: flex; min-height: inherit; align-items: center; padding-top: 50px; padding-bottom: 100px; }
.hero-copy { max-width: 700px; }
.eyebrow { margin-bottom: 23px; font-size: 10px; font-weight: 700; letter-spacing: .25em; text-transform: uppercase; }
.eyebrow::before { display: inline-block; width: 32px; height: 1px; margin-right: 14px; content: ""; vertical-align: middle; background: var(--red); }
.eyebrow.light { color: rgba(255,255,255,.72); }
.eyebrow.light::before { background: #fff; }
.hero-copy h1, .hero-copy h2 { margin: 0 0 26px; font: 700 clamp(72px, 8.3vw, 142px)/.77 var(--condensed); letter-spacing: -.045em; text-transform: uppercase; }
.hero-copy h1 em, .hero-copy h2 em { color: transparent; font-weight: 500; -webkit-text-stroke: 1.4px #fff; }
.hero-lead { max-width: 420px; margin: 0 0 34px; color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.7; }
.btn-editorial { display: inline-flex; min-height: 52px; align-items: center; justify-content: space-between; gap: 28px; padding: 0 22px; border: 1px solid; background: transparent; font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; transition: color .3s, background .3s, transform .3s; }
.btn-editorial i { font-size: 16px; }
.btn-editorial-light { color: #fff; border-color: rgba(255,255,255,.65); }
.btn-editorial-light:hover { color: var(--ink); background: #fff; transform: translateY(-2px); }
.btn-editorial-dark { color: var(--ink); border-color: var(--ink); }
.btn-editorial-dark:hover { color: #fff; background: var(--ink); transform: translateY(-2px); }
.vertical-type { position: absolute; right: clamp(12px, 2.2vw, 42px); bottom: 120px; font-size: 9px; font-weight: 700; letter-spacing: .27em; writing-mode: vertical-rl; }
.hero-controls { position: absolute; z-index: 5; right: clamp(20px, 4vw, 72px); bottom: 28px; left: clamp(20px, 4vw, 72px); display: flex; max-width: 1396px; align-items: center; justify-content: flex-end; gap: 15px; margin: 0 auto; }
.hero-controls button { display: grid; width: 42px; height: 42px; color: #fff; border: 1px solid rgba(255,255,255,.35); background: transparent; place-items: center; transition: background .3s; }
.hero-controls button:hover { background: rgba(255,255,255,.15); }
.hero-pagination { display: flex; width: 104px; align-items: center; gap: 10px; font: 600 10px var(--sans); }
.hero-pagination .rule { width: 42px; height: 1px; background: rgba(255,255,255,.5); }
.editorial-marquee { overflow: hidden; color: #fff; background: var(--red); }
.marquee-track { display: flex; width: max-content; align-items: center; gap: 35px; padding-block: 16px; animation: marquee 24s linear infinite; font: 700 16px var(--condensed); letter-spacing: .11em; }
.marquee-track i { font-size: 12px; }
@keyframes marquee { to { transform: translateX(-50%); } }

.section-heading { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-bottom: clamp(40px, 6vw, 75px); }
.section-heading h2, .about-copy h2 { margin: 0; font: 700 clamp(54px, 6.7vw, 104px)/.84 var(--condensed); letter-spacing: -.035em; text-transform: uppercase; }
.section-heading h2 em, .about-copy h2 em { color: var(--red); font-weight: 500; }
.section-note { padding-left: 22px; border-left: 1px solid var(--red); color: #716d64; font-size: 12px; line-height: 1.7; }
.category-grid { display: grid; min-height: 710px; grid-template-columns: 1.05fr 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 12px; }
.category-card { position: relative; overflow: hidden; min-height: 280px; color: #fff; background-color: #222; background-position: center; background-size: cover; isolation: isolate; transition: background-size .8s cubic-bezier(.2,.7,.2,1), filter .6s; }
.category-card::before { display: none; }
.category-card::after { position: absolute; z-index: 1; inset: 0; content: ""; background: linear-gradient(0deg, rgba(8,8,7,.78), rgba(8,8,7,.05) 68%); }
.category-card:hover { filter: saturate(.78); }
.category-1 { grid-row: 1 / 3; }
.category-2 { grid-column: 2 / 4; }
.category-number { position: absolute; z-index: 2; top: 22px; right: 23px; font: 600 11px var(--sans); letter-spacing: .15em; }
.category-copy { position: absolute; z-index: 2; right: 25px; bottom: 24px; left: 28px; }
.category-copy p { margin: 0 0 5px; color: rgba(255,255,255,.7); font-size: 9px; font-weight: 600; letter-spacing: .13em; text-transform: uppercase; }
.category-copy h3 { margin: 0; font: 700 clamp(39px, 4.2vw, 67px)/1 var(--condensed); letter-spacing: -.03em; text-transform: uppercase; }
.circle-arrow { position: absolute; right: 0; bottom: 0; display: grid; width: 46px; height: 46px; border: 1px solid rgba(255,255,255,.6); border-radius: 50%; place-items: center; transition: color .3s, background .3s, transform .3s; }
.category-card:hover .circle-arrow { color: var(--ink); background: #fff; transform: rotate(45deg); }

.products-section { background: var(--white); }
.product-tabs { display: flex; gap: 3px; padding: 3px; background: #eeeae2; }
.product-tabs button { padding: 10px 18px; border: 0; background: transparent; font-size: 10px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.product-tabs button.active { color: #fff; background: var(--ink); }
.product-item { transition: opacity .35s, transform .35s; }
.product-item.is-hidden { display: none; }
.product-card { height: 100%; }
.product-image-wrap { position: relative; overflow: hidden; aspect-ratio: .84; background: #e8e5de; }
.product-image-wrap img { height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.product-card:hover .product-image-wrap img { transform: scale(1.04); }
.product-badge { position: absolute; top: 13px; left: 13px; padding: 6px 9px; color: #fff; background: var(--red); font-size: 8px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.wishlist { position: absolute; top: 10px; right: 10px; display: grid; width: 34px; height: 34px; border: 0; background: rgba(255,255,255,.88); border-radius: 50%; place-items: center; }
.wishlist.active { color: #fff; background: var(--red); }
.quick-add { position: absolute; right: 12px; bottom: 12px; left: 12px; display: flex; min-height: 46px; align-items: center; justify-content: space-between; padding: 0 16px; color: #fff; border: 0; background: var(--ink); font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; transform: translateY(68px); transition: transform .35s, background .3s; }
.quick-add:hover { background: var(--red); }
.product-card:hover .quick-add { transform: translateY(0); }
.product-info { position: relative; padding: 17px 2px 0; }
.product-info p { margin: 0 0 6px; color: #8a857c; font-size: 9px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.product-info h3 { margin: 0; padding-right: 75px; font: 600 21px/1.15 var(--condensed); text-transform: uppercase; }
.price { position: absolute; top: 19px; right: 2px; display: flex; flex-direction: column; align-items: flex-end; font-size: 11px; }
.price del { color: #99958d; }

.manifesto-section { color: #fff; background: var(--red); }
.manifesto-inner { position: relative; padding: clamp(80px, 10vw, 150px) clamp(0px, 5vw, 70px); text-align: center; }
.manifesto-inner::before, .manifesto-inner::after { position: absolute; top: 50%; width: 12%; height: 1px; content: ""; background: rgba(255,255,255,.35); }
.manifesto-inner::before { left: 0; }.manifesto-inner::after { right: 0; }
.manifesto-kicker { margin-bottom: 25px; font-size: 9px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; }
.manifesto-inner blockquote { max-width: 1000px; margin: 0 auto 25px; font: 500 clamp(42px, 5.2vw, 78px)/.95 var(--condensed); letter-spacing: -.02em; text-transform: uppercase; }
.manifesto-inner > span { font-size: 9px; letter-spacing: .15em; opacity: .7; text-transform: uppercase; }

.service-section { background: #e8e3da; }
.service-grid { border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.service-item { position: relative; min-height: 270px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.service-item > span { position: absolute; top: 25px; right: 26px; color: #888278; font-size: 9px; letter-spacing: .18em; }
.service-item > i { display: block; margin-bottom: 53px; color: var(--red); font-size: 31px; }
.service-item h3 { margin-bottom: 10px; font: 700 27px var(--condensed); text-transform: uppercase; }
.service-item p { max-width: 270px; margin: 0; color: #6e6961; font-size: 12px; line-height: 1.7; }

.about-section { background: var(--paper); }
.about-collage { position: relative; min-height: 700px; padding: 0 15% 80px 0; }
.about-main { height: 620px; object-fit: cover; filter: saturate(.72); }
.about-small { position: absolute; right: 0; bottom: 0; width: 44%; height: 300px; border: 12px solid var(--paper); object-fit: cover; filter: saturate(.65); }
.about-stamp { position: absolute; top: 45px; right: 5%; display: grid; width: 105px; height: 105px; color: #fff; background: var(--red); border-radius: 50%; font: 700 21px/1 var(--condensed); letter-spacing: .04em; text-align: center; place-items: center; transform: rotate(9deg); }
.about-copy .eyebrow { margin-bottom: 30px; }
.about-copy h2 { margin-bottom: 35px; }
.about-copy > p { max-width: 500px; color: #6c675f; font-size: 13px; line-height: 1.85; }
.about-copy .lead-copy { color: var(--ink); font: 500 22px/1.45 var(--condensed); }
.text-link { display: inline-flex; align-items: center; gap: 35px; margin-top: 18px; padding-bottom: 7px; border-bottom: 1px solid var(--ink); font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.about-stats { display: flex; gap: 50px; margin-top: 55px; padding-top: 28px; border-top: 1px solid var(--line); }
.about-stats div { display: flex; flex-direction: column; }
.about-stats strong { font: 700 43px/1 var(--condensed); }.about-stats span { color: #7b766e; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }

.journal-section { padding-top: 0; background: var(--paper); }
.journal-card { position: relative; min-height: 540px; overflow: hidden; padding: clamp(45px, 7vw, 100px); color: #fff; background: linear-gradient(90deg, rgba(15,13,12,.9), rgba(15,13,12,.2)), url('../images/category-running.webp') center 42% / cover; }
.journal-card h2 { margin: 0 0 22px; font: 700 clamp(61px, 7vw, 104px)/.82 var(--condensed); text-transform: uppercase; }.journal-card h2 em { color: transparent; -webkit-text-stroke: 1px #fff; }
.journal-card p:not(.eyebrow) { max-width: 420px; color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.75; }
.journal-card .btn-editorial { margin-top: 18px; }
.journal-issue { position: absolute; right: 30px; bottom: -55px; color: rgba(255,255,255,.11); font: 800 320px/.8 var(--condensed); }

.site-footer { color: #fff; background: #121211; }
.footer-top { padding-block: clamp(75px, 9vw, 125px); }
.brand-light { color: #fff; }
.footer-top h2 { margin: 48px 0 45px; font: 600 clamp(44px, 4vw, 66px)/.9 var(--condensed); text-transform: uppercase; }
.newsletter-form { max-width: 420px; }.newsletter-form label, .footer-top h3 { display: block; margin-bottom: 13px; color: #8f8d87; font-size: 8px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }
.newsletter-form > div { display: flex; border-bottom: 1px solid #6c6963; }.newsletter-form input { flex: 1; min-width: 0; padding: 13px 0; color: #fff; border: 0; outline: 0; background: transparent; font-size: 13px; }.newsletter-form button { width: 42px; color: #fff; border: 0; background: transparent; font-size: 18px; }
.newsletter-form .form-message { display: block; min-height: 18px; padding-top: 8px; color: #b7b3aa; font-size: 10px; }
.footer-top h3 { margin-bottom: 25px; }.footer-top .col-6 > a, .footer-top .col-md-6 > a { display: block; width: fit-content; margin-bottom: 15px; color: #d1cec6; font-size: 12px; }.footer-top a:hover { color: #fff; }
.socials { display: flex; gap: 10px; margin-top: 30px; }.socials a { display: grid !important; width: 38px !important; height: 38px; margin: 0 !important; border: 1px solid #4d4b47; border-radius: 50%; place-items: center; }
.footer-bottom { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding-block: 24px; color: #817f79; border-top: 1px solid #343330; font-size: 8px; letter-spacing: .12em; text-transform: uppercase; }.footer-bottom div { display: flex; gap: 24px; }

.offcanvas { --bs-offcanvas-width: min(430px, 94vw); }
.offcanvas-header { padding: 24px 26px; border-bottom: 1px solid var(--line); }
.mobile-menu .offcanvas-body { display: flex; flex-direction: column; padding: 30px 26px; }.mobile-menu .offcanvas-body > a { padding: 14px 0; font: 700 35px/1 var(--condensed); text-transform: uppercase; }.mobile-menu-meta { display: flex; margin-top: auto; flex-direction: column; gap: 10px; color: #7f7a72; font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.cart-drawer h2 { margin: 0; font: 700 28px var(--condensed); text-transform: uppercase; }.cart-drawer .offcanvas-body { padding: 20px 26px; }.cart-empty { padding: 80px 20px; color: #77736b; text-align: center; }.cart-empty i { display: block; margin-bottom: 17px; font-size: 35px; }.cart-empty h3 { color: var(--ink); font: 700 25px var(--condensed); text-transform: uppercase; }.cart-empty p { font-size: 12px; }
.cart-line { display: grid; grid-template-columns: 75px 1fr auto; gap: 14px; padding-block: 16px; border-bottom: 1px solid var(--line); }.cart-line img { width: 75px; height: 90px; object-fit: cover; }.cart-line h3 { margin: 5px 0 6px; font: 600 18px var(--condensed); text-transform: uppercase; }.cart-line p { margin: 0; font-size: 11px; }.cart-line button { align-self: start; border: 0; background: none; font-size: 16px; }.cart-footer { display: none; padding: 20px 26px 28px; border-top: 1px solid var(--line); }.cart-footer > div { display: flex; justify-content: space-between; margin-bottom: 18px; font-size: 12px; }.cart-drawer.has-items .cart-footer { display: block; }.cart-drawer.has-items .cart-empty { display: none; }
.search-modal .modal-content { background: var(--paper); }.search-modal .modal-header { padding: 28px clamp(20px,4vw,72px); }.search-modal .modal-body { max-width: 1000px; width: 100%; margin: 8vh auto 0; padding: 30px; }.search-input-wrap { position: relative; border-bottom: 2px solid var(--ink); }.search-input-wrap input { width: 100%; padding: 8px 50px 15px 0; border: 0; outline: 0; background: transparent; font: 600 clamp(35px,5vw,70px) var(--condensed); text-transform: uppercase; }.search-input-wrap i { position: absolute; right: 5px; bottom: 24px; font-size: 28px; }.search-results { display: grid; margin-top: 35px; grid-template-columns: repeat(4,1fr); gap: 18px; }.search-result img { height: 180px; object-fit: cover; }.search-result h3 { margin-top: 10px; font: 600 18px var(--condensed); text-transform: uppercase; }.search-result p { font-size: 11px; }
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s ease, transform .75s ease; }.reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 991.98px) {
  .site-header .navbar { min-height: 70px; }
  .hero-slide { min-height: 720px; }
  .hero-shade { background: linear-gradient(90deg, rgba(8,7,6,.79), rgba(8,7,6,.2)), linear-gradient(0deg, rgba(8,7,6,.7), transparent); }
  .category-grid { min-height: 800px; grid-template-columns: 1fr 1fr; grid-template-rows: 1.2fr 1fr 1fr; }.category-1 { grid-row: 1 / 3; }.category-2 { grid-column: 2; }.category-4 { grid-column: 1 / 3; }
  .about-collage { min-height: 620px; }.about-main { height: 540px; }.about-small { width: 40%; height: 260px; }
  .quick-add { transform: none; }
}

@media (max-width: 767.98px) {
  .section-heading { display: block; }.section-note { margin: 25px 0 0; }.product-tabs { width: fit-content; margin-top: 27px; }
  .hero-slide { min-height: 670px; background-position: 63% center; }.hero-content { align-items: flex-end; padding-bottom: 115px; }.hero-copy h1, .hero-copy h2 { font-size: clamp(66px, 20vw, 96px); }.hero-lead { font-size: 12px; }.vertical-type { display: none; }
  .category-grid { display: grid; min-height: 0; grid-template-columns: 1fr; grid-template-rows: auto; }.category-card, .category-1, .category-2, .category-4 { min-height: 430px; grid-row: auto; grid-column: auto; }.category-card:nth-child(n+2) { min-height: 310px; }
  .product-info h3 { padding-right: 0; font-size: 18px; }.price { position: static; align-items: flex-start; margin-top: 6px; }.wishlist { width: 31px; height: 31px; }.quick-add { right: 8px; bottom: 8px; left: auto; width: 39px; min-height: 39px; padding: 0; justify-content: center; border-radius: 50%; }.quick-add span { display: none; }
  .manifesto-inner::before, .manifesto-inner::after { display: none; }.service-item { min-height: 225px; }.service-item > i { margin-bottom: 38px; }
  .about-collage { min-height: 510px; padding-right: 10%; }.about-main { height: 440px; }.about-small { height: 210px; border-width: 8px; }.about-stamp { top: 25px; width: 82px; height: 82px; font-size: 17px; }.about-stats { gap: 30px; }
  .journal-card { min-height: 570px; }.journal-issue { right: 5px; font-size: 230px; }
  .footer-bottom { align-items: flex-start; flex-direction: column; }.footer-bottom div { flex-wrap: wrap; }
  .search-modal .modal-body { margin-top: 3vh; }.search-results { grid-template-columns: repeat(2,1fr); }.search-result img { height: 140px; }
}

/* Apex Standard reference-inspired feature */
.apex-standard-section { position: relative; display: grid; min-height: 780px; overflow: hidden; padding: clamp(70px,8vw,125px) clamp(30px,6vw,100px) clamp(70px,8vw,125px) clamp(115px,11vw,195px); background-color: #f5f5f1; background-image: linear-gradient(rgba(17,48,71,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(17,48,71,.045) 1px,transparent 1px),radial-gradient(circle at 82% 18%,rgba(197,173,255,.28),transparent 34%),radial-gradient(circle at 18% 60%,rgba(70,204,213,.18),transparent 32%); background-size: 48px 48px,48px 48px,auto,auto; grid-template-columns: minmax(360px,.9fr) minmax(470px,1.1fr); gap: clamp(55px,8vw,130px); align-items: center; }
.standard-word { position: absolute; top: 50%; left: 15px; color: #153650; font: 800 clamp(60px,6vw,96px)/.72 var(--condensed); letter-spacing: -.05em; text-transform: uppercase; transform: translateY(-50%); writing-mode: vertical-rl; }.standard-word::first-letter { color: var(--red); }.standard-issue { position: absolute; top: 34px; right: 5vw; padding: 9px 18px; color: #53677b; border: 1px solid rgba(21,54,80,.15); background: rgba(255,255,255,.65); border-radius: 30px; font-size: 8px; font-weight: 700; letter-spacing: .2em; }
.standard-image { position: relative; align-self: end; max-width: 560px; margin: 0 auto; }.standard-image::before { position: absolute; z-index: 0; inset: -10% -12% 4%; content: ""; border: 2px dashed rgba(40,190,199,.42); border-radius: 50%; }.standard-image::after { position: absolute; z-index: 0; right: -9%; bottom: -4%; left: -8%; height: 38%; content: ""; background: #fff; border-radius: 50% 50% 8px 8px; filter: blur(1px); }.standard-image img { position: relative; z-index: 1; height: 620px; object-fit: cover; object-position: center; border-radius: 46% 46% 5px 5px; box-shadow: 0 28px 65px rgba(23,54,75,.16); }.standard-orbit { position: absolute; z-index: 2; right: -10%; bottom: 5%; width: 88px; height: 88px; border: 1px solid rgba(23,54,75,.25); border-radius: 50%; }.standard-tag { position: absolute; z-index: 3; padding: 11px 15px; color: #355266; background: rgba(255,255,255,.92); border-radius: 30px; box-shadow: 0 10px 25px rgba(26,53,71,.12); font-size: 9px; font-weight: 700; }.standard-tag i { margin-right: 6px; color: var(--red); }.tag-one { top: 5%; left: -13%; }.tag-two { right: -10%; bottom: 22%; }
.standard-copy { position: relative; z-index: 2; }.standard-copy .eyebrow { color: #147d87; }.standard-copy .eyebrow::before { background: #1db4bd; }.standard-copy h2 { max-width: 720px; margin: 0 0 24px; color: #122b43; font: 700 clamp(56px,5.8vw,88px)/.9 var(--condensed); letter-spacing: -.035em; text-transform: uppercase; }.standard-copy h2 em { color: transparent; font-weight: 700; background: linear-gradient(90deg,#50bfc9,#a78bfa,#e89a3d); background-clip: text; -webkit-background-clip: text; }.standard-copy > p:not(.eyebrow) { max-width: 650px; color: #607286; font-size: 14px; line-height: 1.8; }.standard-stats { display: grid; margin: 35px 0; grid-template-columns: repeat(3,1fr); gap: 13px; }.standard-stats div { display: flex; min-height: 92px; padding: 19px; flex-direction: column; justify-content: center; border: 1px solid rgba(23,54,75,.1); background: rgba(255,255,255,.72); border-radius: 14px; }.standard-stats strong { color: #122b43; font: 700 27px var(--condensed); }.standard-stats span { color: #637589; font-size: 8px; letter-spacing: .08em; text-transform: uppercase; }.standard-cta { display: inline-flex; min-width: 220px; min-height: 56px; align-items: center; justify-content: space-between; padding: 0 22px; color: #fff; background: linear-gradient(90deg,#1faab3,#178f99); border-radius: 12px; box-shadow: 0 15px 28px rgba(29,174,184,.22); font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }

/* Stronger landing category presentation */
.categories-section { position: relative; overflow: hidden; background: #f0ede6; background-image: linear-gradient(rgba(141,31,34,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(141,31,34,.025) 1px,transparent 1px); background-size: 56px 56px; }.categories-section::before { position: absolute; top: 70px; right: -60px; content: "SPORT / INDEX"; color: rgba(23,23,21,.035); font: 800 160px/1 var(--condensed); writing-mode: vertical-rl; }.category-grid { position: relative; }.category-card { border-radius: 3px; box-shadow: 0 12px 40px rgba(25,22,18,.08); }.category-card::after { background: linear-gradient(0deg,rgba(8,8,7,.84),rgba(8,8,7,.02) 72%); }.category-card:hover { filter: saturate(.95) contrast(1.03); transform: translateY(-4px); }.category-card { transition: transform .45s ease,filter .45s ease; }.category-number { display: grid; width: 38px; height: 38px; background: rgba(17,17,16,.55); border: 1px solid rgba(255,255,255,.42); border-radius: 50%; place-items: center; backdrop-filter: blur(7px); }

/* Persistent commerce actions */
.compare-button { position: absolute; z-index: 2; top: 94px; right: 10px; display: grid; width: 34px; height: 34px; color: var(--ink); border: 0; background: rgba(255,255,255,.88); border-radius: 50%; place-items: center; transition: .25s; }.compare-button:hover,.compare-button.active { color: #fff; background: #153650; }.wishlist.active { color: #fff; background: var(--red); }.floating-store-tools { position: fixed; z-index: 1040; right: 18px; bottom: 22px; display: flex; align-items: flex-end; flex-direction: column; gap: 9px; }.floating-tool { position: relative; display: grid; width: 48px; height: 48px; color: #fff; border: 1px solid rgba(255,255,255,.17); background: #172f45; border-radius: 50%; box-shadow: 0 8px 26px rgba(10,22,33,.23); place-items: center; transition: transform .25s,background .25s,opacity .25s; }.floating-tool:hover { color: #fff; background: var(--red); transform: translateY(-2px); }.floating-tool.whatsapp { width: auto; padding: 0 17px; gap: 8px; background: #20bf63; border-radius: 28px; grid-auto-flow: column; }.floating-tool.whatsapp span { font-size: 9px; font-weight: 700; }.floating-tool.back-top { opacity: 0; pointer-events: none; transform: translateY(10px); }.floating-tool.back-top.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }.floating-count { position: absolute; top: -3px; right: -3px; display: grid; min-width: 17px; height: 17px; padding: 2px; color: #fff; background: var(--red); border-radius: 10px; font-size: 8px; place-items: center; }.commerce-toast { position: fixed; z-index: 1060; right: 22px; bottom: 145px; padding: 13px 17px; color: #fff; background: var(--ink); font-size: 9px; opacity: 0; pointer-events: none; transform: translateY(10px); transition: .3s; }.commerce-toast.show { opacity: 1; transform: translateY(0); }

@media(max-width:991.98px){.apex-standard-section{grid-template-columns:1fr;padding-left:110px}.standard-image{order:2}.standard-copy{order:1}.standard-image img{height:600px}.standard-word{font-size:70px}.tag-one{left:-5%}.tag-two{right:-4%}}
@media(max-width:767.98px){.apex-standard-section{min-height:0;padding:90px 20px 70px;grid-template-columns:1fr;gap:70px}.standard-word{top:22px;left:20px;font-size:42px;letter-spacing:.02em;transform:none;writing-mode:horizontal-tb}.standard-issue{top:25px;right:20px;padding:7px 10px;font-size:6px}.standard-copy h2{font-size:54px}.standard-stats{grid-template-columns:1fr}.standard-stats div{min-height:72px}.standard-image img{height:520px}.standard-tag{font-size:8px}.tag-one{left:-1%}.tag-two{right:-1%}.categories-section::before{display:none}.floating-store-tools{right:12px;bottom:14px}.floating-tool{width:44px;height:44px}.floating-tool.whatsapp span{display:none}.floating-tool.whatsapp{width:48px;padding:0;border-radius:50%}.compare-button{top:86px;right:8px;width:31px;height:31px}}

/* Account, checkout, support and journal */
.utility-page { min-height: 100vh; background: var(--paper); }.utility-header { min-height: 86px; background: var(--paper); border-bottom: 1px solid var(--line); }.utility-header .site-shell { display: flex; min-height: 86px; align-items: center; justify-content: space-between; }.utility-header .site-shell > a:last-child, .utility-header .site-shell > span { font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.utility-header i { margin-left: 8px; }.utility-alert { margin-bottom: 25px; padding: 14px 16px; border-left: 3px solid; font-size: 11px; line-height: 1.5; }.utility-alert.success { color: #31573a; border-color: #4d7b56; background: #e4eee5; }.utility-alert.error { color: #7a1e21; border-color: var(--red); background: #f3e0df; }
.account-main { display: grid; min-height: calc(100vh - 86px); grid-template-columns: 1.08fr .92fr; }.account-art { position: relative; display: flex; padding: clamp(45px,6vw,95px); align-items: flex-end; color: #fff; background: linear-gradient(0deg,rgba(10,9,8,.75),rgba(10,9,8,.05)),url('../images/hero-football.webp') 65% center/cover; }.account-art p { font-size: 8px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }.account-art h1 { margin: 0; font: 700 clamp(70px,7vw,110px)/.77 var(--condensed); text-transform: uppercase; }.account-art h1 em { color: transparent; -webkit-text-stroke: 1px #fff; }.account-panel { max-width: 650px; width: 100%; margin: auto; padding: clamp(45px,7vw,100px); }.account-panel > h2 { margin: 0 0 20px; font: 700 clamp(58px,6vw,90px)/.8 var(--condensed); text-transform: uppercase; }.account-intro { color: #6e6961; font-size: 12px; }.account-tabs { display: flex; margin: 35px 0 30px; border-bottom: 1px solid var(--line); }.account-tabs button { flex: 1; padding: 14px 0; color: #8a857d; border: 0; border-bottom: 2px solid transparent; background: transparent; font-size: 9px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.account-tabs button.active { color: var(--ink); border-color: var(--red); }.account-form label, .checkout-fields label, .support-form label { display: flex; margin-bottom: 20px; flex-direction: column; gap: 8px; font-size: 8px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.account-form input, .checkout-fields input, .support-form input, .support-form textarea { width: 100%; padding: 13px 0; border: 0; border-bottom: 1px solid #99948c; outline: 0; background: transparent; font: 400 13px var(--sans); }.account-form input:focus, .checkout-fields input:focus, .support-form input:focus, .support-form textarea:focus { border-color: var(--red); }.register-only { display: none !important; }.account-registering .register-only { display: flex !important; }.account-form .detail-add-button { width: 100%; margin-top: 14px; }.account-privacy { margin-top: 20px; color: #88837b; font-size: 9px; }.account-privacy a { text-decoration: underline; }.member-card { position: relative; display: flex; min-height: 220px; margin: 35px 0; padding: 30px; color: #fff; background: linear-gradient(135deg,#292725,#111); flex-direction: column; justify-content: flex-end; }.member-card::before { position: absolute; top: 25px; left: 25px; width: 45px; height: 4px; content: ""; background: var(--red); }.member-card > span,.member-card > i { position: absolute; top: 25px; right: 25px; color: #8e8a83; font-size: 7px; letter-spacing: .14em; text-transform: uppercase; }.member-card > i { top: auto; bottom: 25px; font-style: normal; }.member-card strong { font: 700 30px var(--condensed); text-transform: uppercase; }.member-card small { color: #aaa69f; }.order-history h3 { margin: 35px 0 18px; font: 700 27px var(--condensed); text-transform: uppercase; }.order-history > p { color: #777269; font-size: 11px; }.order-row { display: grid; padding: 15px 0; border-bottom: 1px solid var(--line); grid-template-columns: 1fr auto auto; gap: 20px; font-size: 10px; }.order-row div { display: flex; flex-direction: column; }.order-row div span { color: #88837b; font-size: 8px; }.account-logout { margin-top: 28px; padding: 0 0 5px; color: #777269; border: 0; border-bottom: 1px solid; background: transparent; font-size: 9px; text-transform: uppercase; }
.checkout-layout { display: grid; min-height: calc(100vh - 86px); grid-template-columns: 1.08fr .92fr; }.checkout-form-panel { width: 100%; max-width: 760px; margin-left: auto; padding: clamp(45px,6vw,85px); }.checkout-progress { display: flex; gap: 25px; margin-bottom: 70px; color: #aaa69f; font-size: 7px; letter-spacing: .12em; text-transform: uppercase; }.checkout-progress .active { color: var(--red); }.checkout-form-panel > h1 { margin: 0 0 40px; font: 700 clamp(65px,7vw,100px)/.8 var(--condensed); text-transform: uppercase; }.checkout-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 0 18px; }.field-full { grid-column: 1/-1; }.checkout-method { margin-top: 25px; }.checkout-method > p { font-size: 8px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }.checkout-method > label { display: block; cursor: pointer; }.checkout-method input { position: absolute; opacity: 0; }.checkout-method label > span { display: flex; align-items: center; gap: 15px; padding: 17px; border: 1px solid var(--line); }.checkout-method label input:checked + span { border-color: var(--ink); }.checkout-method label > span > i { font-size: 22px; }.checkout-method strong { display: flex; flex: 1; flex-direction: column; font-size: 10px; text-transform: uppercase; }.checkout-method small { margin-top: 3px; color: #88837b; font-size: 8px; font-weight: 400; text-transform: none; }.checkout-method b { font-size: 9px; }.checkout-submit { width: 100%; margin-top: 30px; }.checkout-terms { color: #8c877f; font-size: 8px; text-align: center; }.checkout-summary { padding: clamp(45px,6vw,85px); color: #fff; background: var(--ink); }.checkout-summary > div { position: sticky; top: 40px; max-width: 520px; }.checkout-summary h2 { margin: 0 0 30px; font: 700 44px var(--condensed); text-transform: uppercase; }.checkout-line { display: grid; padding: 17px 0; border-bottom: 1px solid #393734; grid-template-columns: 70px 1fr auto; gap: 15px; align-items: center; }.checkout-line img { width: 70px; height: 80px; object-fit: cover; }.checkout-line div { display: flex; flex-direction: column; }.checkout-line strong { font: 600 18px var(--condensed); text-transform: uppercase; }.checkout-line span { color: #85817a; font-size: 8px; }.checkout-line b { font-size: 10px; }.summary-totals { margin: 25px 0; }.summary-totals p { display: flex; justify-content: space-between; color: #aaa69f; font-size: 10px; }.summary-totals p:last-child { margin-top: 22px; padding-top: 20px; color: #fff; border-top: 1px solid #5a5650; font-size: 14px; }.checkout-summary a { color: #aaa69f; font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }.checkout-summary a i { margin-right: 8px; }.checkout-empty { display: none; min-height: calc(100vh - 86px); align-items: center; justify-content: center; flex-direction: column; text-align: center; }.checkout-empty i { font-size: 45px; }.checkout-empty h2 { margin: 20px 0; font: 700 50px var(--condensed); text-transform: uppercase; }.checkout-is-empty .checkout-layout { display: none; }.checkout-is-empty .checkout-empty { display: flex; }.order-success { display: grid; min-height: calc(100vh - 86px); padding: 50px 20px; background: var(--paper); place-items: center; }.order-success > div { max-width: 650px; text-align: center; }.success-check { display: grid; width: 70px; height: 70px; margin: 0 auto 35px; color: #fff; background: #4d7b56; border-radius: 50%; font-size: 28px; place-items: center; }.order-success h1 { margin: 0 0 25px; font: 700 clamp(70px,8vw,110px)/.75 var(--condensed); text-transform: uppercase; }.order-success h1 em { color: var(--red); }.order-success > div > p:not(.eyebrow) { color: #6e6961; font-size: 12px; line-height: 1.8; }.order-confirmation { display: grid; margin: 35px 0; padding: 22px; border: 1px solid var(--line); grid-template-columns: auto 1fr; gap: 8px 25px; text-align: left; }.order-confirmation span { color: #88837b; font-size: 8px; text-transform: uppercase; }.order-confirmation strong { font-size: 11px; text-align: right; }.order-success .detail-add-button { max-width: 300px; margin: auto; }
.support-main { display: grid; min-height: calc(100vh - 86px); background: var(--paper); grid-template-columns: 280px 1fr; }.support-menu { padding: 65px 40px; border-right: 1px solid var(--line); }.support-menu p { margin-bottom: 25px; color: #88837b; font-size: 8px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }.support-menu a { display: block; padding: 13px 0; color: #777269; border-bottom: 1px solid var(--line); font: 600 20px var(--condensed); text-transform: uppercase; }.support-menu a.active { color: var(--red); font-size: 25px; }.support-content { max-width: 900px; width: 100%; padding: clamp(60px,8vw,120px); }.support-content > h1 { margin: 0 0 25px; font: 700 clamp(65px,8vw,112px)/.77 var(--condensed); text-transform: uppercase; }.support-lead { max-width: 700px; color: #68635c; font-size: 14px; line-height: 1.9; }.support-editorial { margin-top: 50px; padding-top: 35px; border-top: 1px solid var(--line); }.support-editorial h2 { font: 700 38px var(--condensed); text-transform: uppercase; }.support-editorial p { max-width: 650px; color: #6e6961; font-size: 12px; line-height: 1.8; }.support-faq { margin-top: 50px; }.support-faq .accordion-item,.support-faq .accordion-button { background: transparent; }.support-faq .accordion-button { padding: 22px 0; box-shadow: none; font: 600 22px var(--condensed); text-transform: uppercase; }.support-faq .accordion-body { padding-left: 0; color: #6e6961; font-size: 12px; }.support-form { display: grid; margin-top: 45px; grid-template-columns: 1fr 1fr; gap: 0 20px; }.support-form textarea { resize: vertical; }.support-form .detail-add-button { grid-column: 1/-1; max-width: 260px; }.support-footer { display: flex; gap: 30px; padding: 25px 40px; color: #99958e; background: var(--ink); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; }.support-footer span { margin-right: auto; }
.journal-page { background: var(--paper); }.journal-hero { min-height: 750px; display: flex; align-items: flex-end; padding: clamp(40px,7vw,100px); color: #fff; background: linear-gradient(0deg,rgba(8,7,6,.78),transparent 70%),url('../images/category-running.webp') center/cover; }.journal-hero p,.journal-hero span { font-size: 8px; letter-spacing: .18em; text-transform: uppercase; }.journal-hero h1 { margin: 20px 0; font: 700 clamp(85px,11vw,170px)/.72 var(--condensed); text-transform: uppercase; }.journal-hero h1 em { color: transparent; -webkit-text-stroke: 1.5px #fff; }.journal-intro { max-width: 1100px; margin: auto; padding: clamp(80px,11vw,170px) 30px; }.journal-intro h2 { margin: 0 0 30px; font: 700 clamp(62px,7vw,105px)/.8 var(--condensed); text-transform: uppercase; }.journal-intro > p:last-child { max-width: 600px; margin-left: auto; color: #625e57; font-size: 14px; line-height: 1.9; }.journal-grid { display: grid; padding: 0 5vw 120px; grid-template-columns: 2fr 1fr; gap: 30px; }.journal-grid article:not(.journal-feature) img { height: 400px; object-fit: cover; }.journal-grid article span { display: block; margin-top: 15px; color: #88837b; font-size: 8px; text-transform: uppercase; }.journal-grid h3 { font: 700 30px var(--condensed); text-transform: uppercase; }.journal-feature { display: grid; grid-row: 1/3; grid-template-columns: 1.2fr .8fr; color: #fff; background: var(--ink); }.journal-feature img { height: 100%; object-fit: cover; }.journal-feature > div { display: flex; padding: 45px; flex-direction: column; justify-content: center; }.journal-feature h2 { margin: 20px 0; font: 700 clamp(55px,6vw,90px)/.8 var(--condensed); text-transform: uppercase; }.journal-feature p { color: #aaa69f; font-size: 12px; line-height: 1.8; }.journal-feature a { margin-top: 20px; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }.journal-article { max-width: 850px; margin: 0 auto; padding: 80px 30px 140px; }.journal-article h2 { font: 700 clamp(60px,8vw,110px)/.8 var(--condensed); text-transform: uppercase; }.journal-article > p:not(.eyebrow):not(.article-drop) { color: #5d5952; font: 400 17px/1.9 var(--sans); }.journal-article .article-drop { float: left; margin: -10px 12px -20px 0; color: var(--red); font: 700 100px/1 var(--condensed); }.journal-article blockquote { margin: 55px -80px; padding: 45px 70px; color: #fff; background: var(--red); font: 600 45px/1.1 var(--condensed); text-transform: uppercase; }
@media(max-width:991.98px){.account-main,.checkout-layout{grid-template-columns:1fr}.account-art{min-height:600px}.checkout-summary{grid-row:1}.checkout-summary>div{position:static}.support-main{grid-template-columns:220px 1fr}.journal-feature{grid-template-columns:1fr}.journal-feature img{height:500px}.journal-grid{grid-template-columns:1fr 1fr}.journal-feature{grid-column:1/-1;grid-row:auto}}
@media(max-width:767.98px){.utility-header,.utility-header .site-shell{min-height:72px}.account-main{min-height:calc(100vh - 72px)}.account-art{min-height:480px;padding:30px 20px}.account-panel{padding:55px 20px}.checkout-summary{padding:45px 20px}.checkout-form-panel{padding:50px 20px}.checkout-progress{margin-bottom:45px}.checkout-fields{grid-template-columns:1fr}.checkout-fields label{grid-column:1}.support-main{display:block}.support-menu{overflow-x:auto;padding:20px;white-space:nowrap;border-right:0;border-bottom:1px solid var(--line)}.support-menu p{display:none}.support-menu a{display:inline-block;margin-right:22px;border:0;font-size:16px}.support-menu a.active{font-size:19px}.support-content{padding:60px 20px}.support-form{grid-template-columns:1fr}.support-form label{grid-column:1}.journal-hero{min-height:620px;padding:40px 20px}.journal-hero h1{font-size:80px}.journal-grid{display:block;padding:0 20px 80px}.journal-grid article{margin-bottom:40px}.journal-feature img{height:420px}.journal-feature>div{padding:35px 25px}.journal-article blockquote{margin:45px 0;padding:35px 25px;font-size:35px}}

/* Landing page conversion and editorial additions */
.drop-campaign { display: grid; min-height: 760px; color: #fff; background: var(--ink); grid-template-columns: 1.08fr .92fr; }
.drop-visual { position: relative; overflow: hidden; min-height: 760px; }.drop-visual > img { height: 100%; object-fit: cover; filter: saturate(.65) contrast(1.08); }.drop-visual::after { position: absolute; inset: 0; content: ""; background: linear-gradient(90deg, transparent 55%, rgba(18,18,17,.4)); }.drop-vertical { position: absolute; z-index: 2; top: 35px; left: 28px; font-size: 8px; font-weight: 700; letter-spacing: .22em; writing-mode: vertical-rl; }
.drop-product { position: absolute; z-index: 3; right: -90px; bottom: 65px; width: min(330px, 38%); aspect-ratio: .82; padding: 10px; background: var(--paper); transform: rotate(5deg); box-shadow: 0 25px 70px rgba(0,0,0,.35); }.drop-product img { height: 100%; object-fit: cover; }
.drop-copy { position: relative; display: flex; padding: clamp(60px, 8vw, 125px); flex-direction: column; justify-content: center; background: radial-gradient(circle at 110% 0%, #472426 0, transparent 35%), var(--ink); }.drop-copy::before { position: absolute; top: 0; right: 0; width: 8px; height: 100%; content: ""; background: var(--red); }.drop-kicker { margin-bottom: 24px; color: #938f87; font-size: 8px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }.drop-copy h2 { margin: 0 0 28px; font: 700 clamp(70px, 7.7vw, 118px)/.76 var(--condensed); letter-spacing: -.04em; text-transform: uppercase; }.drop-copy h2 em { color: transparent; font-weight: 500; -webkit-text-stroke: 1px #fff; }.drop-copy > p:not(.eyebrow) { max-width: 470px; color: #aaa69f; font-size: 13px; line-height: 1.8; }.campaign-clock { display: flex; gap: 34px; margin: 35px 0; }.campaign-clock div { display: flex; flex-direction: column; }.campaign-clock strong { font: 600 44px/1 var(--condensed); }.campaign-clock span { margin-top: 5px; color: #77746f; font-size: 7px; letter-spacing: .15em; text-transform: uppercase; }.drop-copy .btn-editorial { width: fit-content; }

.reviews-section { background: #ddd8ce; }.review-score { display: flex; align-items: center; gap: 13px; }.review-score > strong { font: 700 58px/1 var(--condensed); }.review-score > span { display: flex; color: var(--red); flex-direction: column; font-size: 11px; letter-spacing: .06em; }.review-score small { margin-top: 4px; color: #777269; font-size: 7px; letter-spacing: .1em; text-transform: uppercase; }.review-slide { position: relative; min-height: 430px; padding: clamp(45px, 7vw, 90px) clamp(35px, 8vw, 130px); border: 1px solid rgba(23,23,21,.25); }.review-slide > div:nth-child(2) { max-width: 990px; margin: 0 auto; }.review-number { position: absolute; top: 25px; right: 28px; color: #8b867e; font-size: 9px; letter-spacing: .15em; }.review-stars { margin-bottom: 24px; color: var(--red); font-size: 12px; letter-spacing: .15em; }.review-slide blockquote { margin: 0 0 32px; font: 500 clamp(39px, 4.8vw, 69px)/1.02 var(--condensed); letter-spacing: -.02em; text-transform: uppercase; }.review-slide p { display: flex; align-items: center; gap: 15px; margin: 0; }.review-slide p strong { font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }.review-slide p span { color: #777269; font-size: 9px; }.review-controls { position: absolute; right: 22px; bottom: 22px; z-index: 4; display: flex; gap: 6px; }.review-controls button { display: grid; width: 42px; height: 42px; border: 1px solid rgba(23,23,21,.45); background: transparent; place-items: center; }.reviews-section .carousel { position: relative; }

.community-section { padding-bottom: 0; background: var(--paper); }.community-grid { display: grid; min-height: 760px; grid-template-columns: 1.3fr 1fr 1fr 1.2fr; grid-template-rows: 1fr 1fr; gap: 5px; }.community-tile { position: relative; overflow: hidden; min-height: 300px; }.community-tile::after { position: absolute; inset: 0; content: ""; background: linear-gradient(0deg, rgba(10,9,8,.65), transparent 45%); }.community-tile img { height: 100%; object-fit: cover; transition: transform .7s ease, filter .5s; }.community-tile:hover img { filter: saturate(.72); transform: scale(1.04); }.community-tile span { position: absolute; z-index: 2; right: 17px; bottom: 15px; left: 17px; display: flex; align-items: center; justify-content: space-between; color: #fff; font-size: 8px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.community-wide { grid-row: 1/3; }.community-tall { grid-row: 1/3; grid-column: 4; }.community-grid .community-tile:nth-child(3) { grid-row: 1/3; }
.press-strip { padding-block: 55px; color: #fff; background: var(--red); }.press-strip .site-shell { display: flex; align-items: center; gap: clamp(30px,5vw,80px); }.press-strip p { flex: 0 0 auto; margin: 0; font-size: 8px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }.press-strip .site-shell > div { display: flex; flex: 1; align-items: center; justify-content: space-between; gap: 25px; }.press-strip span { font: 700 clamp(18px,2.1vw,30px) var(--condensed); letter-spacing: -.02em; text-transform: uppercase; opacity: .9; }
.recent-section { background: var(--white); }.recent-product { display: none; }.recent-product.is-selected { display: block; }.recent-section .section-heading > .text-link { flex: 0 0 auto; }
.consent-banner { position: fixed; z-index: 1055; right: 20px; bottom: 20px; left: 20px; display: none; max-width: 850px; align-items: center; justify-content: space-between; gap: 25px; margin: 0 auto; padding: 18px 20px; color: #fff; background: #1a1918; border: 1px solid #4c4945; box-shadow: 0 16px 50px rgba(0,0,0,.28); }.consent-banner.is-visible { display: flex; }.consent-banner p { margin: 0 0 3px; font-size: 10px; line-height: 1.5; }.consent-banner a { color: #aaa69f; font-size: 8px; text-decoration: underline; }.consent-banner > div:last-child { display: flex; flex: 0 0 auto; gap: 8px; }.consent-banner button { padding: 10px 13px; color: #fff; border: 1px solid #706c66; background: transparent; font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.consent-banner .consent-accept { border-color: var(--red); background: var(--red); }

@media (max-width: 991.98px) {
  .drop-campaign { grid-template-columns: 1fr; }.drop-visual { min-height: 600px; }.drop-copy { min-height: 650px; }.drop-product { right: 25px; bottom: -70px; }.community-grid { min-height: 1050px; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1.2fr 1fr 1fr; }.community-wide { grid-row: 1/3; }.community-tall { grid-row: 2/4; grid-column: 3; }.community-grid .community-tile:nth-child(3) { grid-row: auto; }.press-strip .site-shell > div { flex-wrap: wrap; }
}
@media (max-width: 767.98px) {
  .drop-visual { min-height: 510px; }.drop-product { right: 18px; bottom: -40px; width: 42%; }.drop-copy { min-height: 620px; padding: 80px 25px 55px; }.drop-copy h2 { font-size: 70px; }.campaign-clock { gap: 27px; }.campaign-clock strong { font-size: 37px; }
  .review-score { margin-top: 25px; }.review-slide { min-height: 470px; padding: 65px 25px 95px; }.review-slide blockquote { font-size: 37px; }.review-slide p { align-items: flex-start; flex-direction: column; gap: 4px; }
  .community-grid { display: grid; min-height: 0; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(3,300px); }.community-tile, .community-wide, .community-tall, .community-grid .community-tile:nth-child(3) { min-height: 0; grid-row: auto; grid-column: auto; }.community-wide { grid-row: 1/3; }.community-tall { grid-column: 1/3; }.press-strip .site-shell { align-items: flex-start; flex-direction: column; }.press-strip .site-shell > div { width: 100%; justify-content: flex-start; gap: 25px 35px; }.recent-section .section-heading > .text-link { margin-top: 25px; }.consent-banner { align-items: stretch; flex-direction: column; }.consent-banner > div:last-child button { flex: 1; }
}

@media (max-width: 380px) {
  .site-shell { padding-inline: 16px; }.header-actions { gap: 0; }.hero-copy h1, .hero-copy h2 { font-size: 65px; }.hero-controls { right: 16px; left: 16px; }.product-image-wrap { aspect-ratio: .78; }.product-badge { top: 8px; left: 8px; padding: 5px 7px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }.marquee-track { animation: none; }.reveal { opacity: 1; transform: none; transition: none; } * { transition-duration: .01ms !important; }
}

/* Shared commerce details */
.header-actions > a { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; font-size: 19px; }
.product-image-link { display: block; width: 100%; height: 100%; }
.quick-view { position: absolute; z-index: 2; top: 52px; right: 10px; display: grid; width: 34px; height: 34px; color: var(--ink); border: 0; background: rgba(255,255,255,.88); border-radius: 50%; place-items: center; transition: color .25s, background .25s, transform .25s; }
.quick-view:hover { color: #fff; background: var(--red); transform: scale(1.06); }
.quick-view-modal .modal-content { overflow: hidden; border: 0; border-radius: 0; background: var(--paper); }
.quick-view-modal .modal-dialog { max-width: 1050px; }
.quick-view-close { position: absolute; z-index: 5; top: 20px; right: 20px; }
.quick-view-media { min-height: 600px; background: #e5e2dc; }
.quick-view-media img { height: 100%; min-height: 600px; object-fit: cover; }
.quick-view-content { display: flex; padding: clamp(40px, 6vw, 85px); flex-direction: column; justify-content: center; }
.quick-view-content h2 { margin: 0 0 20px; font: 700 clamp(52px, 5vw, 78px)/.85 var(--condensed); letter-spacing: -.03em; text-transform: uppercase; }
.quick-view-price { display: flex; gap: 12px; align-items: center; margin-bottom: 28px; font-size: 16px; }.quick-view-price del { color: #8a857c; font-size: 12px; }
.quick-view-description { color: #666159; font-size: 13px; line-height: 1.8; }
.quick-view-stock { margin: 10px 0 32px; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }.quick-view-stock i, .stock-note i { margin-right: 7px; color: #4d7b56; font-size: 7px; }
.quick-view-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 16px; }.quick-view-actions .quick-view-add { min-width: 230px; background: var(--ink); color: #fff; }

/* Product detail */
.inner-page { background: var(--white); }
.product-breadcrumb { display: flex; align-items: center; gap: 10px; padding-top: 24px; padding-bottom: 24px; color: #7c776f; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }
.product-breadcrumb i { font-size: 8px; }
.product-detail-section { padding-bottom: clamp(75px, 8vw, 125px); }
.product-gallery { position: sticky; top: 20px; }
.zoom-stage { position: relative; overflow: hidden; min-height: 730px; cursor: crosshair; background: #e7e4de; }
.zoom-source { height: 100%; min-height: 730px; object-fit: cover; transition: transform .4s ease; }
.gallery-index { position: absolute; z-index: 3; top: 17px; right: 19px; color: #fff; font-size: 9px; font-weight: 700; letter-spacing: .14em; }
.detail-badge { position: absolute; z-index: 3; top: 16px; left: 16px; padding: 8px 11px; color: #fff; background: var(--red); font-size: 8px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.zoom-lens { position: absolute; z-index: 3; display: none; width: 150px; height: 150px; border: 1px solid rgba(255,255,255,.9); background: rgba(255,255,255,.14); box-shadow: 0 0 0 9999px rgba(16,15,14,.08); pointer-events: none; transform: translate(-50%,-50%); }
.zoom-mirror { position: absolute; z-index: 4; top: 20px; right: 20px; display: none; width: 46%; height: calc(100% - 40px); border: 8px solid rgba(255,255,255,.96); background-color: #e9e6df; background-position: center; background-repeat: no-repeat; background-size: auto 245%; box-shadow: 0 16px 50px rgba(0,0,0,.25); pointer-events: none; }
.zoom-mirror span { position: absolute; right: 10px; bottom: 10px; padding: 6px 8px; color: #fff; background: var(--ink); font-size: 7px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.zoom-stage.is-zooming .zoom-lens, .zoom-stage.is-zooming .zoom-mirror { display: block; }
.mobile-zoom-toggle { position: absolute; z-index: 5; right: 16px; bottom: 16px; display: none; width: 45px; height: 45px; color: #fff; border: 0; background: var(--ink); border-radius: 50%; place-items: center; }
.zoom-hint { margin: 12px 0 0; color: #7c776e; font-size: 8px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }.zoom-hint i { margin-right: 7px; }
.product-detail-copy { max-width: 590px; padding: clamp(15px, 4vw, 55px) 0 0 clamp(0px, 2vw, 30px); }
.product-detail-copy h1 { margin: 0 0 15px; font: 700 clamp(65px, 6vw, 96px)/.82 var(--condensed); letter-spacing: -.04em; text-transform: uppercase; }
.detail-rating { display: flex; align-items: center; gap: 14px; margin-bottom: 25px; }.detail-rating span { color: var(--red); font-size: 11px; letter-spacing: .08em; }.detail-rating a { color: #777269; border-bottom: 1px solid #bcb7af; font-size: 9px; text-transform: uppercase; }
.detail-price { display: flex; align-items: center; gap: 12px; margin-bottom: 28px; }.detail-price strong { font-size: 18px; }.detail-price del { color: #8d887f; font-size: 13px; }.detail-price span { padding: 5px 8px; color: #fff; background: var(--red); font-size: 8px; font-weight: 700; text-transform: uppercase; }
.detail-description { max-width: 540px; margin-bottom: 36px; color: #625e57; font-size: 13px; line-height: 1.9; }
.detail-option { padding-block: 22px; border-top: 1px solid var(--line); }.option-label { display: flex; justify-content: space-between; margin-bottom: 16px; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }.option-label span { font-weight: 700; }.option-label strong, .option-label a { color: #777269; font-weight: 500; }
.color-swatches { display: flex; gap: 11px; }.color-swatches button { width: 27px; height: 27px; padding: 0; border: 5px solid var(--white); outline: 1px solid #ccc7be; background: var(--swatch); border-radius: 50%; }.color-swatches button.active { outline: 2px solid var(--ink); }
.size-options { display: grid; grid-template-columns: repeat(5,1fr); gap: 7px; }.size-options button { height: 46px; border: 1px solid var(--line); background: transparent; font-size: 10px; font-weight: 700; }.size-options button.active, .size-options button:hover { color: #fff; background: var(--ink); }
.detail-buy-row { display: flex; gap: 10px; margin-top: 25px; }.quantity-control { display: grid; width: 120px; grid-template-columns: 35px 1fr 35px; border: 1px solid var(--ink); }.quantity-control button, .quantity-control input { min-width: 0; border: 0; outline: 0; background: transparent; text-align: center; }.quantity-control input { font-size: 11px; -moz-appearance: textfield; }.quantity-control input::-webkit-inner-spin-button { display: none; }
.detail-add-button { display: flex; min-height: 57px; flex: 1; align-items: center; justify-content: space-between; padding: 0 22px; color: #fff; border: 1px solid var(--ink); background: var(--ink); font-size: 10px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; transition: background .25s; }.detail-add-button:hover { border-color: var(--red); background: var(--red); }
.stock-note { margin: 13px 0 26px; color: #777269; font-size: 9px; letter-spacing: .08em; text-align: right; text-transform: uppercase; }
.detail-secondary-actions { display: grid; margin-top: 10px; grid-template-columns: 1fr 1fr; gap: 8px; }.detail-secondary-actions button { min-height: 44px; border: 1px solid var(--line); background: transparent; font-size: 8px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.detail-secondary-actions button i { margin-right: 7px; }.detail-secondary-actions button.active { color: #fff; background: var(--red); border-color: var(--red); }
.detail-accordion { border-top: 1px solid var(--line); }.detail-accordion .accordion-item, .detail-accordion .accordion-button { background: transparent; }.detail-accordion .accordion-button { padding: 19px 0; box-shadow: none; font-size: 9px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }.detail-accordion .accordion-body { padding: 0 0 20px; color: #6e6961; font-size: 12px; line-height: 1.7; }.detail-accordion ul { margin: 0; padding-left: 18px; }
.product-story-strip { position: relative; overflow: hidden; padding-block: clamp(80px, 9vw, 140px); color: #fff; background: var(--red); }.product-story-strip p { font-size: 9px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }.product-story-strip h2 { margin: 0; font: 700 clamp(65px, 8vw, 125px)/.77 var(--condensed); letter-spacing: -.04em; text-transform: uppercase; }.product-story-strip h2 em { color: transparent; font-weight: 500; -webkit-text-stroke: 1px #fff; }.product-story-strip span { position: absolute; right: 4vw; bottom: -35px; color: rgba(255,255,255,.1); font: 800 clamp(150px,20vw,310px)/1 var(--condensed); }
.related-section { background: var(--white); }
.compact-footer { padding-block: 60px; }.compact-footer > .site-shell { display: flex; align-items: flex-end; justify-content: space-between; gap: 35px; }.compact-footer p { margin: 20px 0 0; color: #8f8d87; font-size: 11px; }.compact-footer .site-shell > div:nth-child(2) { display: flex; gap: 28px; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }.compact-footer .site-shell > span { color: #77746f; font-size: 8px; text-transform: uppercase; }

/* Category catalogue */
.catalog-hero { position: relative; overflow: hidden; padding-block: clamp(90px, 10vw, 150px); color: #fff; background: linear-gradient(90deg, rgba(10,9,8,.9), rgba(10,9,8,.25)), url('../images/category-training.webp') center 44% / cover; }
.catalog-hero .site-shell { position: relative; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; }.catalog-hero h1 { margin: 0; font: 700 clamp(76px, 9vw, 140px)/.75 var(--condensed); letter-spacing: -.045em; text-transform: uppercase; }.catalog-hero h1 em { color: transparent; font-weight: 500; -webkit-text-stroke: 1.3px #fff; }.catalog-hero .site-shell > p { max-width: 390px; margin: 0 80px 8px 0; color: rgba(255,255,255,.72); font-size: 12px; line-height: 1.8; }.catalog-hero .site-shell > span { position: absolute; right: 0; bottom: 0; font-size: 8px; font-weight: 700; letter-spacing: .2em; writing-mode: vertical-rl; }
.catalog-section { background: var(--white); }.catalog-layout { display: grid; grid-template-columns: 245px minmax(0,1fr); gap: clamp(35px, 5vw, 80px); }.category-sidebar-inner { position: sticky; top: 25px; }.category-sidebar-inner > p { margin-bottom: 25px; color: #837e76; font-size: 8px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; }.category-sidebar-inner > button { display: flex; width: 100%; min-height: 59px; align-items: center; justify-content: space-between; padding: 0 5px; color: #817c74; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; }.category-sidebar-inner > button > span { display: flex; align-items: center; gap: 13px; font: 600 20px var(--condensed); text-transform: uppercase; }.category-sidebar-inner button i { color: #a29d95; font: normal 8px var(--sans); letter-spacing: .12em; }.category-sidebar-inner button small { font-size: 8px; }.category-sidebar-inner button.active { color: var(--red); }.category-sidebar-inner button.active span { font-size: 27px; font-weight: 700; }.sidebar-note { display: flex; align-items: center; gap: 13px; margin-top: 38px; padding: 18px; color: #fff; background: var(--ink); }.sidebar-note > i { font-size: 22px; }.sidebar-note p { margin: 0; font-size: 9px; line-height: 1.7; text-transform: uppercase; }.sidebar-note small { color: #aaa69f; font-size: 8px; }
.catalog-toolbar { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 42px; }.catalog-toolbar .eyebrow { margin-bottom: 12px; }.catalog-toolbar h2 { margin: 0; font: 700 clamp(47px, 5vw, 72px)/.9 var(--condensed); text-transform: uppercase; }.catalog-toolbar > div:last-child { display: flex; align-items: center; gap: 18px; }.catalog-toolbar span { color: #777269; font-size: 9px; letter-spacing: .1em; text-transform: uppercase; }.catalog-toolbar select { min-width: 165px; padding: 11px 30px 11px 12px; border: 1px solid var(--line); background-color: transparent; font-size: 9px; text-transform: uppercase; }
.catalog-product { margin-bottom: 35px; }.catalog-empty { display: none; padding: 90px 20px; text-align: center; }.catalog-empty.is-visible { display: block; }.catalog-empty i { font-size: 35px; }.catalog-empty h3 { margin-top: 12px; font: 700 32px var(--condensed); text-transform: uppercase; }.catalog-empty p { color: #777269; font-size: 12px; }
.catalog-search-panel { overflow: hidden; max-height: 0; opacity: 0; transition: max-height .35s, opacity .35s; }.catalog-search-panel.is-open { max-height: 120px; margin-bottom: 45px; opacity: 1; }.catalog-search-panel > div { display: flex; border-bottom: 2px solid var(--ink); }.catalog-search-panel input { flex: 1; padding: 8px 0; border: 0; outline: 0; background: transparent; font: 600 clamp(34px,5vw,62px) var(--condensed); text-transform: uppercase; }.catalog-search-panel button { width: 55px; border: 0; background: transparent; font-size: 20px; }.catalog-mobile-controls { display: none; }
.category-filter-drawer h2 { margin: 0; font: 700 28px var(--condensed); text-transform: uppercase; }.category-filter-drawer .offcanvas-body { padding: 15px 25px; }.category-filter-drawer .offcanvas-body button { display: flex; width: 100%; justify-content: space-between; padding: 18px 0; border: 0; border-bottom: 1px solid var(--line); background: transparent; font: 600 24px var(--condensed); text-transform: uppercase; }.category-filter-drawer button.active { color: var(--red); }

@media (max-width: 991.98px) {
  .quick-view-modal .modal-dialog { max-width: 720px; }.quick-view-media, .quick-view-media img { min-height: 420px; }.quick-view-content { padding: 42px; }
  .zoom-stage, .zoom-source { min-height: 620px; }.product-gallery { position: relative; top: auto; }.zoom-stage { cursor: default; }.zoom-stage.is-zooming .zoom-lens, .zoom-stage.is-zooming .zoom-mirror { display: none; }.mobile-zoom-toggle { display: grid; }.zoom-stage.is-touch-zoomed .zoom-source { transform: scale(2); }.zoom-hint { display: none; }.product-detail-copy { max-width: none; padding-left: 0; }
  .catalog-hero .site-shell { display: block; }.catalog-hero .site-shell > p { margin: 35px 0 0; }.catalog-layout { display: block; }.catalog-mobile-controls { display: flex; gap: 10px; margin-bottom: 35px; }.catalog-mobile-controls button { flex: 1; padding: 14px; border: 1px solid var(--ink); background: transparent; font-size: 9px; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }.catalog-mobile-controls i { margin-right: 8px; }
}

@media (max-width: 767.98px) {
  .quick-view { top: 47px; right: 8px; width: 31px; height: 31px; }.quick-view-modal .modal-dialog { margin: 12px; }.quick-view-media, .quick-view-media img { min-height: 310px; max-height: 310px; }.quick-view-content { padding: 32px 25px; }.quick-view-content h2 { font-size: 49px; }.quick-view-description { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }.quick-view-stock { margin-bottom: 22px; }
  .product-breadcrumb { overflow: hidden; white-space: nowrap; }.zoom-stage, .zoom-source { min-height: 490px; }.product-detail-copy h1 { font-size: 63px; }.detail-buy-row { flex-direction: column; }.quantity-control { width: 100%; height: 48px; }.detail-add-button { width: 100%; }.stock-note { text-align: left; }.product-story-strip h2 { font-size: 62px; }.compact-footer > .site-shell { align-items: flex-start; flex-direction: column; }.compact-footer .site-shell > div:nth-child(2) { flex-wrap: wrap; }
  .catalog-hero { padding-block: 80px; }.catalog-hero h1 { font-size: 72px; }.catalog-hero .site-shell > span { display: none; }.catalog-toolbar { align-items: flex-start; flex-direction: column; }.catalog-toolbar > div:last-child { width: 100%; justify-content: space-between; }.catalog-toolbar select { min-width: 150px; }.catalog-products .product-image-wrap { aspect-ratio: .75; }.catalog-section { padding-top: 55px; }
}

/* Saved and comparison pages */
.saved-nav{display:flex;align-items:center;gap:28px}.saved-nav a{font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.saved-nav a.active{color:var(--red)}.saved-hero{padding-block:clamp(75px,9vw,130px);color:#fff;background:linear-gradient(90deg,rgba(11,10,9,.92),rgba(11,10,9,.35)),url('../images/category-basketball.webp') center/cover}.saved-hero h1{margin:0 0 20px;font:700 clamp(68px,9vw,125px)/.78 var(--condensed);text-transform:uppercase}.saved-hero .site-shell>p:last-child{max-width:500px;color:#bbb7af;font-size:12px}.saved-content,.compare-content{min-height:550px;background:var(--white)}.saved-product{display:none}.saved-product.is-visible{display:block}.saved-empty{display:none;padding:80px 20px;text-align:center}.saved-empty.is-visible{display:block}.saved-empty>i{color:#918c84;font-size:42px}.saved-empty h2{margin:15px 0 8px;font:700 45px var(--condensed);text-transform:uppercase}.saved-empty p{color:#777269;font-size:11px}.saved-empty .btn-editorial{margin-top:18px}.compare-grid{display:grid;overflow-x:auto;min-width:760px;grid-template-columns:150px repeat(var(--compare-count),minmax(190px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.compare-grid>div{min-height:80px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:#5f5b54;font-size:11px;line-height:1.6}.compare-grid .compare-label{display:flex;align-items:center;color:var(--ink);background:#e8e3da;font:700 18px var(--condensed);text-transform:uppercase}.compare-product{min-height:420px!important}.compare-product img{height:260px;margin-bottom:16px;object-fit:cover}.compare-product p{margin:0;color:#8a857c;font-size:8px;letter-spacing:.12em;text-transform:uppercase}.compare-product h3{margin:5px 0;color:var(--ink);font:700 24px var(--condensed);text-transform:uppercase}.compare-product strong{display:block;margin-bottom:18px;color:var(--ink)}.compare-product a{color:var(--red);font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:767.98px){.saved-nav{gap:13px}.saved-hero h1{font-size:64px}.compare-content{overflow:hidden}.detail-secondary-actions{grid-template-columns:1fr}}
.account-shortcuts{display:grid;margin:28px 0;grid-template-columns:repeat(3,1fr);gap:8px}.account-shortcuts a{display:flex;min-height:76px;align-items:center;justify-content:center;gap:8px;border:1px solid var(--line);flex-direction:column;font-size:8px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.account-shortcuts a:hover{color:#fff;background:var(--ink)}.account-shortcuts i{font-size:19px}.account-management{margin-top:30px;border-top:1px solid var(--line)}.account-management details{border-bottom:1px solid var(--line)}.account-management summary{display:flex;padding:20px 0;align-items:center;justify-content:space-between;cursor:pointer;font-size:9px;font-weight:700;letter-spacing:.12em;list-style:none;text-transform:uppercase}.account-management details[open] summary i{transform:rotate(45deg)}.account-management details form{padding-bottom:25px}.profile-form{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.profile-form .detail-add-button{grid-column:1/-1}
@media(max-width:767.98px){.profile-form{grid-template-columns:1fr}.profile-form .detail-add-button{grid-column:1}.account-shortcuts{grid-template-columns:1fr 1fr 1fr}}
.checkout-method>label+label{margin-top:8px}.checkout-method label.is-disabled{cursor:not-allowed;opacity:.46}.checkout-method label.is-disabled>span{background:#ebe7df}.payment-methods label>span{min-height:72px}.success-check.payment-pending{background:#c68a2f}