/* Club catalog and mixed-wholesale inquiry experience. */
:root{
  --space:64px;
  --paper:#fafaf7;
  --line:#dde2dc
}
body{
  font-size:14px
}
.container{
  width:min(1320px,calc(100% - 64px))
}
[hidden]{
  display:none!important
}
button:disabled{
  opacity:.5;
  cursor:not-allowed
}
.preview-bar{
  font-size:9px;
  padding:7px 0;
  letter-spacing:.08em
}
.site-header{
  background:#fff
}
.header-inner{
  min-height:82px;
  gap:28px
}
.brand{
  font-size:25px
}
.header-search{
  display:flex;
  flex:1;
  max-width:540px;
  background:#f4f5f1;
  border:1px solid #e2e5df;
  border-radius:4px;
  margin-left:30px
}
.header-search input{
  width:100%;
  border:0;
  background:transparent;
  min-width:0;
  padding:12px 17px;
  font-size:12px
}
.header-search button{
  background:none;
  border:0;
  padding:8px 18px;
  font-size:20px
}
.inquiry-header{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:12px;
  font-weight:650;
  white-space:nowrap
}
.inquiry-header b{
  background:var(--green);
  color:white;
  display:grid;
  place-items:center;
  min-width:23px;
  height:23px;
  border-radius:50%;
  font-size:10px;
  padding-inline:4px
}
.header-nav-row{
  border-top:1px solid #edf0e9
}
.primary-nav{
  display:flex;
  align-items:center;
  justify-content:space-between
}
.nav-list{
  gap:28px
}
.nav-list>li{
  min-height:49px
}
.nav-list a{
  font-size:11px
}
.nav-list .sub-menu{
  top:45px;
  background:white
}
.nav-quote{
  font-size:11px;
  font-weight:650;
  color:#486044
}
.section-heading{
  margin-bottom:26px
}
.section-heading h2{
  font-size:44px
}
.section-heading .eyebrow{
  margin-bottom:10px
}
.section-heading p{
  font-size:12px
}
.text-link{
  font-size:11px
}
.button{
  border-radius:3px;
  font-size:12px
}
.catalog-hero{
  display:grid;
  grid-template-columns:.85fr 1.45fr;
  padding-block:26px 0;
  gap:0
}
.catalog-hero-copy{
  padding:42px 32px;
  background:var(--green);
  color:white;
  border-radius:4px 0 0 4px;
  position:relative;
  overflow:hidden
}
.catalog-hero-copy:before{
  content:'';
  position:absolute;
  width:350px;
  height:350px;
  border:1px solid #ffffff14;
  transform:rotate(32deg);
  bottom:-250px;
  left:-50px
}
.catalog-hero-copy .eyebrow{
  font-size:8px;
  letter-spacing:.17em;
  color:#c9d6bc;
  margin-bottom:22px
}
.catalog-hero-copy h1{
  font-size:clamp(62px,6.5vw,90px);
  line-height:.94;
  letter-spacing:-.015em;
  margin-bottom:22px
}
.catalog-hero-copy h1 em{
  color:var(--lime);
  font-style:normal
}
.catalog-hero-copy p{
  font-size:12px;
  color:#d0d9cb;
  max-width:300px;
  line-height:1.8
}
.catalog-hero-copy .button{
  margin-top:8px;
  position:relative
}
.hero-smallprint{
  display:flex;
  gap:14px;
  font-size:8px;
  letter-spacing:.08em;
  margin-top:28px;
  color:#cad6c0
}
.hero-smallprint span+span:before{
  content:'+';
  margin-right:14px;
  color:var(--lime)
}
.catalog-hero-products{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background:#e8ece4;
  border-radius:0 4px 4px 0;
  overflow:hidden;
  padding:25px 25px 22px;
  background-image:repeating-linear-gradient(115deg,transparent 0 90px,#ffffff42 91px 92px)
}
.hero-grid-label{
  display:flex;
  justify-content:space-between;
  font-size:8px;
  font-weight:600;
  letter-spacing:.12em
}
.hero-shirts{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:300px;
  gap:0;
  padding-inline:16px
}
.hero-shirt{
  background:#fff;
  padding:10px 10px 12px;
  width:37%;
  box-shadow:0 18px 30px #152d2520;
  border:1px solid #fff;
  border-radius:2px;
  transform:rotate(-8deg);
  flex-shrink:0;
  margin-right:-22px;
  transition:transform .2s
}
.hero-shirt-1{
  transform:rotate(3deg) translateY(-12px);
  z-index:2
}
.hero-shirt-2{
  transform:rotate(10deg) translateY(12px);
  margin-right:0
}
.hero-shirt:hover{
  transform:translateY(-14px);
  z-index:3
}
.hero-shirt .product-photo{
  aspect-ratio:1;
  background:white
}
.hero-shirt .product-photo img{
  object-fit:contain
}
.hero-shirt>span{
  font-size:12px;
  font-weight:650;
  display:block;
  padding:10px 4px 0
}
.hero-shirt small{
  display:block;
  font-size:8px;
  font-weight:450;
  color:var(--muted);
  margin-top:2px
}
.hero-grid-caption{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  font-size:10px;
  font-weight:650;
  line-height:1.4;
  position:relative
}
.hero-grid-caption>a{
  font-size:10px;
  border-bottom:1px solid;
  padding-bottom:4px;
  display:flex;
  gap:24px
}
.catalog-benefits{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-bottom:1px solid var(--line);
  padding:20px 0;
  gap:25px
}
.catalog-benefits>div{
  display:flex;
  gap:12px;
  align-items:center
}
.catalog-benefits b{
  font-size:22px;
  font-weight:400
}
.catalog-benefits strong{
  display:block;
  font-size:11px
}
.catalog-benefits small{
  display:block;
  font-size:9px;
  color:var(--muted)
}
.club-section{
  padding:36px 0
}
.club-section .section-heading h2{
  font-size:30px
}
.club-chips{
  display:flex;
  gap:13px;
  overflow-x:auto;
  padding-bottom:6px;
  scrollbar-width:thin
}
.club-chip{
  display:flex;
  align-items:center;
  gap:12px;
  padding:10px 18px 10px 10px;
  min-width:150px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:3px;
  font-size:11px;
  font-weight:600;
  flex-shrink:0
}
.club-chip:hover{
  border-color:var(--green)
}
.club-photo,.club-monogram{
  width:40px;
  height:40px;
  aspect-ratio:1;
  flex-shrink:0;
  background:white;
  border-radius:50%;
  overflow:hidden;
  display:grid;
  place-items:center
}
.club-photo img{
  object-fit:contain
}
.all-clubs{
  background:var(--green);
  color:white;
  font-size:22px
}
.product-grid{
  gap:28px 20px
}
.product-card{
  min-width:0
}
.product-image-link{
  border:1px solid #e5e8e1;
  border-radius:4px
}
.product-photo{
  background:#fff
}
.product-photo>img{
  object-fit:contain
}
.image-label{
  background:#f2f4efed;
  font-size:7px;
  letter-spacing:.08em;
  padding:5px 8px;
  top:12px;
  left:12px
}
.product-info{
  padding-top:14px
}
.product-info .eyebrow{
  font-size:8px;
  margin-bottom:7px
}
.product-info h3{
  font-size:13px;
  line-height:1.5;
  min-height:40px
}
.card-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  margin-top:12px;
  font-size:9px;
  border-top:1px solid var(--line);
  padding-top:10px
}
.card-bottom>span{
  color:var(--muted);
  font-size:8px
}
.card-bottom>a{
  font-weight:650;
  white-space:nowrap;
  display:flex;
  gap:8px
}
.catalog-note-inline{
  display:flex;
  gap:12px;
  align-items:center;
  background:#f1f3ec;
  font-size:10px;
  color:#65735b;
  padding:13px 18px;
  margin-top:24px;
  border-left:2px solid #829467
}
.range-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px
}
.range-card{
  display:block;
  background:#fff;
  border:1px solid var(--line);
  border-radius:4px;
  overflow:hidden
}
.range-card .product-photo{
  aspect-ratio:1.2
}
.range-card>div:last-child{
  padding:15px;
  display:flex;
  align-items:center;
  justify-content:space-between
}
.range-card h3{
  font-size:13px;
  margin:0
}
.range-card small{
  font-size:9px;
  color:var(--muted);
  display:block;
  margin-top:4px
}
.range-card>div:last-child{gap:8px}
.range-card>div:last-child>div{min-width:0}
.range-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 4px;margin:9px 0 5px}
.range-price strong{font-size:18px;line-height:1.4;color:var(--green);font-weight:700}
.range-price>span{font-size:11px;line-height:1.5;color:var(--muted);white-space:nowrap}
#jersey-collections{scroll-margin-top:140px}
.catalog-collection-section{
  background:#eff1ea;
  border-block:1px solid var(--line)
}
.home-version-header{
  display:flex;
  align-items:center;
  gap:20px;
  justify-content:space-between;
  margin-bottom:25px
}
.home-version-header h2{
  font-size:43px;
  margin-bottom:4px
}
.home-version-header p{
  font-size:11px;
  color:var(--muted);
  margin:0
}
.home-version-header .text-link{
  flex-shrink:0
}
.mixed-order-banner{
  background:var(--green);
  color:white;
  border-radius:5px;
  padding:36px;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:60px
}
.mixed-order-banner .eyebrow{
  color:var(--lime);
  margin-bottom:13px
}
.mixed-order-banner h2{
  font-size:50px
}
.mixed-order-banner p{
  font-size:12px;
  color:#c5d0bf;
  max-width:365px
}
.mixed-order-steps{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:25px
}
.mixed-order-steps b{
  font-family:Barlow,Arial,sans-serif;
  font-size:30px;
  color:var(--lime);
  line-height:1
}
.mixed-order-steps h3{
  font-size:13px;
  margin:8px 0
}
.mixed-order-steps p{
  font-size:10px;
  line-height:1.7
}
.support-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px
}
.support-card{
  border-top:1px solid var(--line);
  padding-top:20px;
  display:flex;
  flex-direction:column
}
.support-card>span{
  font-size:9px;
  letter-spacing:.1em;
  color:#7e8f6d
}
.support-card h3{
  font-size:16px;
  margin:12px 0
}
.support-card p{
  font-size:11px;
  color:var(--muted);
  margin:0 0 24px;
  flex:1
}
.support-card .text-link{
  font-size:10px;
  align-self:flex-start;
  margin-top:auto
}
/* Share each text row across the cards, including when they wrap to two columns. */
@supports(grid-template-rows:subgrid){
  .support-grid{row-gap:0}
  .support-card{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0;padding-bottom:24px}
  .support-card .text-link{align-self:stretch;justify-self:start;align-items:flex-start;margin-top:0}
}
.faq-layout{
  gap:50px;
  padding-block:45px
}
.faq-intro h2{
  font-size:43px
}
.faq-list summary{
  padding:17px 0;
  font-size:12px
}
.faq-answer{
  font-size:12px;
  color:var(--muted)
}
.article-art{
  height:170px
}
.article-art.article-cover-link{height:auto;aspect-ratio:2/1;background:#303532}
.article-art.article-cover-link:before{display:none}
#buying-guides{scroll-margin-top:24px}
.article-cover-link .article-cover-image{width:100%;height:100%;object-fit:cover;object-position:50% 36%;transition:transform .25s ease}
.article-art.article-cover-link:after{inset:0;transform:none;border:0;background:linear-gradient(180deg,transparent 45%,rgba(7,25,19,.82));pointer-events:none}
.article-cover-link .art-label{z-index:1;color:#fff;line-height:1.6;letter-spacing:.06em}
.article-cover-link:hover .article-cover-image{transform:scale(1.035)}
.single-article>.article-cover{max-width:840px;aspect-ratio:16/9;margin:0 auto 40px;overflow:hidden;border-radius:3px;background:#303532}
.single-article>.article-cover>img{width:100%;height:100%;object-fit:cover;object-position:50% 36%}
@media(prefers-reduced-motion:reduce){.article-cover-link .article-cover-image{transition:none}.article-cover-link:hover .article-cover-image{transform:none}}
.article-copy h3{
  font-size:17px
}
.article-copy p{
  font-size:11px
}
.closing-cta{
  padding:35px 0;
  margin-top:20px
}
.closing-cta h2{
  font-size:39px
}
.closing-cta .eyebrow{
  margin-bottom:10px
}
.closing-cta p{
  font-size:11px
}
.site-footer{
  padding-top:42px
}
.footer-bottom{
  margin-top:30px
}
.breadcrumbs{
  padding-block:22px
}
.catalog-title-row{
  display:flex;
  justify-content:space-between;
  gap:30px;
  align-items:center;
  margin:12px 0 30px
}
.catalog-title-row h1{
  font-size:58px;
  margin:0 0 12px
}
.catalog-title-row p{
  font-size:13px;
  color:var(--muted);
  margin:0
}
.catalog-page>.club-chips{
  margin-bottom:30px
}
.catalog-shop{
  display:grid;
  grid-template-columns:205px minmax(0,1fr);
  gap:32px
}
.catalog-sidebar{
  align-self:start;
  background:#f1f3ed;
  padding:20px;
  border-radius:3px
}
.filter-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:18px
}
.filter-heading h2{
  font-family:Inter,Arial,sans-serif;
  font-size:12px;
  margin:0
}
.filter-heading a{
  font-size:9px;
  text-decoration:underline
}
.catalog-sidebar label{
  display:block;
  font-size:10px;
  font-weight:600;
  margin-bottom:17px
}
.catalog-sidebar input,.catalog-sidebar select{
  display:block;
  width:100%;
  margin-top:7px;
  min-height:39px;
  border:1px solid #d7ddd3;
  background:white;
  padding:8px;
  font-size:11px;
  border-radius:2px
}
.catalog-sidebar .button{
  width:100%;
  min-height:42px;
  padding:10px 12px;
  font-size:10px
}
.filter-note{
  font-size:9px;
  line-height:1.8;
  color:var(--muted);
  margin:18px 0 0
}
.catalog-result-bar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin:0 0 18px;
  padding-bottom:12px;
  border-bottom:1px solid var(--line);
  font-size:10px
}
.catalog-result-bar>span:last-child{
  font-size:9px;
  color:var(--muted)
}
.catalog-results .product-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.catalog-help{
  margin:40px 0;
  padding:25px;
  background:#edf0e6;
  display:flex;
  align-items:center;
  gap:25px;
  justify-content:space-between
}
.catalog-help strong{
  font-size:15px
}
.catalog-help p{
  font-size:11px;
  color:var(--muted);
  margin:5px 0 0
}
.product-detail{
  grid-template-columns:1.02fr 1fr;
  gap:48px;
  margin-top:15px;
  align-items:start
}
.main-product-photo{
  border:1px solid var(--line);
  border-radius:4px;
  background:white
}
.product-summary h1{
  font-family:Inter,Arial,sans-serif;
  font-size:30px;
  line-height:1.3;
  letter-spacing:-.04em;
  margin-bottom:15px
}
.product-summary .eyebrow{
  font-size:9px;
  margin-bottom:14px
}
.product-excerpt{
  font-size:12px;
  color:var(--muted)
}
.quote-pricing{
  padding-block:15px;
  border-block:1px solid var(--line);
  margin:18px 0
}
.quote-pricing strong{
  font-size:16px;
  display:block
}
.quote-pricing span{
  font-size:10px;
  color:var(--muted)
}
.sibling-jerseys{
  font-size:10px;
  margin:18px 0
}
.sibling-jerseys>span{
  display:block;
  font-weight:650;
  margin-bottom:7px
}
.sibling-jerseys a{
  display:inline-block;
  border:1px solid var(--line);
  border-radius:3px;
  font-size:9px;
  padding:7px 9px;
  margin:0 5px 5px 0
}
.selection-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:9px
}
.selection-heading h2{
  font-family:Inter,Arial,sans-serif;
  font-size:14px;
  letter-spacing:-.02em;
  margin:0
}
.selection-heading a{
  font-size:10px;
  text-decoration:underline
}
.size-quantity-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:9px;
  margin:18px 0 22px
}
.size-quantity-grid label{
  display:block;
  text-align:center;
  font-size:10px;
  font-weight:650;
  background:#f0f2eb;
  border-radius:3px;
  padding:7px 5px 5px
}
.size-quantity-grid input{
  display:block;
  width:100%;
  padding:9px 4px;
  background:white;
  border:1px solid #d8dfd3;
  border-radius:2px;
  margin-top:6px;
  text-align:center;
  font-size:13px;
  min-width:0
}
.product-extras{
  border-block:1px solid var(--line);
  margin-bottom:20px
}
.product-extras summary{
  font-size:11px;
  font-weight:600;
  list-style:none;
  padding:15px 0;
  display:flex;
  justify-content:space-between;
  cursor:pointer
}
.product-extras label{
  font-size:10px;
  display:block
}
.product-extras input,.product-extras select{
  display:block;
  width:100%;
  border:1px solid var(--line);
  padding:10px;
  margin:5px 0 16px;
  background:white;
  border-radius:2px;
  font-size:11px
}
.selection-total{
  display:flex;
  justify-content:space-between;
  font-size:11px;
  margin:18px 0
}
.selection-total strong{
  font-size:13px
}
.add-to-inquiry{
  width:100%;
  font-size:12px;
  min-height:50px
}
.view-list-link{
  display:block;
  text-align:center;
  font-size:11px;
  margin-top:13px;
  text-decoration:underline
}
.selection-feedback{
  font-size:11px;
  color:#456c32;
  margin:15px 0;
  min-height:1px
}
.product-facts{
  font-size:10px;
  border-top:1px solid var(--line);
  margin-top:25px;
  padding-top:12px
}
.product-facts>div{
  display:flex;
  gap:20px;
  padding:6px 0
}
.product-facts dt{
  width:90px;
  color:var(--muted);
  flex-shrink:0
}
.product-facts dd{
  margin:0
}
.gallery-thumbs{
  display:flex;
  gap:9px;
  margin:12px 0
}
.gallery-thumb{
  width:66px;
  aspect-ratio:1;
  padding:2px;
  border:1px solid var(--line);
  background:white;
  border-radius:3px
}
.gallery-thumb.is-active{
  border:2px solid var(--green)
}
.gallery-thumb img{
  width:100%;
  height:100%;
  object-fit:contain
}
.product-guide-links{
  display:flex;
  gap:22px;
  margin-top:18px
}
.product-description{
  padding-top:40px;
  border-top:1px solid var(--line);
  margin-top:45px
}
.product-description h2{
  font-size:34px
}
.product-description h3{
  font-size:17px;
  margin:25px 0 12px
}
.product-description p{
  font-size:13px;
  color:var(--muted)
}
.product-description .reading-width{
  margin-left:0
}
.page-heading{
  padding:25px 0 30px;
  margin-bottom:30px
}
.page-heading h1{
  font-size:64px
}
.page-lead{
  font-size:15px;
  margin-top:18px
}
.inquiry-empty{
  text-align:center;
  padding:65px 20px;
  background:#f1f3ed;
  border-radius:5px
}
.inquiry-empty h2{
  font-size:40px
}
.inquiry-empty p{
  font-size:12px;
  color:var(--muted);
  max-width:450px;
  margin:0 auto 25px
}
.empty-list-icon{
  font-size:50px;
  display:block;
  color:#668248;
  margin-bottom:18px
}
.inquiry-workspace{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:32px;
  margin-bottom:40px
}
.list-toolbar{
  display:flex;
  justify-content:space-between;
  font-size:10px;
  padding-bottom:15px;
  border-bottom:1px solid var(--line)
}
.list-toolbar>a{
  font-weight:650
}
.inquiry-line{
  display:grid;
  grid-template-columns:32px minmax(0,1fr) 74px;
  gap:15px;
  padding:25px 0;
  border-bottom:1px solid var(--line)
}
.line-index{
  font-family:Barlow,Arial,sans-serif;
  font-size:25px;
  color:#9aa88d
}
.line-title{
  font-size:14px;
  font-weight:650;
  line-height:1.4;
  display:block
}
.line-version{
  font-size:9px;
  color:var(--muted);
  margin:7px 0 14px
}
.line-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px
}
.line-options label,.line-controls label{
  display:block;
  font-size:9px;
  color:var(--muted)
}
.line-options input,.line-controls input{
  display:block;
  width:100%;
  border:1px solid var(--line);
  background:white;
  padding:8px;
  font-size:10px;
  color:var(--ink);
  margin-top:4px;
  border-radius:2px;
  min-width:0
}
.line-controls input{
  font-size:13px
}
.remove-line{
  padding:0;
  background:none;
  border:0;
  text-decoration:underline;
  color:var(--muted);
  font-size:9px;
  margin-top:12px
}
.inquiry-totals{
  background:#edf0e6;
  padding:25px;
  border-radius:4px;
  align-self:start;
  position:sticky;
  top:160px
}
.inquiry-totals h2{
  font-size:34px
}
.inquiry-totals dl{
  margin:22px 0
}
.inquiry-totals dl>div{
  display:flex;
  justify-content:space-between;
  font-size:11px;
  margin:12px 0
}
.inquiry-totals dd{
  font-weight:650;
  margin:0
}
.inquiry-totals dl>div:last-child{
  border-top:1px solid #d0d8c8;
  padding-top:16px;
  font-size:14px
}
.inquiry-totals>p{
  font-size:10px;
  color:var(--muted)
}
.inquiry-totals .button{
  width:100%;
  margin-bottom:10px;
  gap:12px;
  font-size:11px;
  padding:12px 16px
}
.inquiry-feedback{
  font-size:12px;
  color:#456c32
}
.summary-preview{
  font-size:10px;
  margin:10px 0 20px
}
.summary-preview summary{
  cursor:pointer
}
.summary-preview textarea{
  width:100%;
  margin-top:12px;
  font-size:10px;
  padding:10px;
  border:1px solid var(--line);
  resize:vertical
}
.inquiry-import{
  background:#e8efdc;
  padding:15px;
  margin-bottom:20px;
  font-size:11px
}
.inquiry-import p{
  font-size:10px;
  margin:5px 0
}
.inquiry-import a{
  text-decoration:underline
}
.guide-index{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin:20px 0
}
.guide-index a{
  padding:10px 15px;
  background:#f0f3e9;
  border:1px solid var(--line);
  font-size:11px;
  border-radius:3px
}
@media(min-width:1450px){
  .catalog-hero-copy{
    padding:45px
  }
  .hero-shirts{
    min-height:350px
  }
}
@media(max-width:1100px){
  .nav-list{
    gap:19px
  }
  .catalog-hero-copy h1{
    font-size:69px
  }
  .catalog-hero-copy{
    padding:32px 27px
  }
  .hero-shirts{
    min-height:270px
  }
  .hero-smallprint{
    gap:9px;
    font-size:7px
  }
  .hero-smallprint span+span:before{
    margin-right:9px
  }
  .header-search{
    margin-left:0
  }
  .catalog-hero-products{
    padding:23px 20px
  }
  .catalog-shop{
    grid-template-columns:180px minmax(0,1fr);
    gap:22px
  }
  .range-grid{
    grid-template-columns:repeat(3,1fr)
  }
  .catalog-sidebar{
    padding:15px
  }
  .card-bottom{
    flex-direction:column;
    align-items:flex-start;
    gap:7px
  }
  .product-detail{
    gap:30px
  }
  .product-summary h1{
    font-size:26px
  }
  .inquiry-workspace{
    grid-template-columns:minmax(0,1fr) 270px;
    gap:22px
  }
}
@media(max-width:900px){
  .primary-nav{
    display:flex
  }
  .header-nav-row .primary-nav{
    position:static;
    max-height:none;
    padding-block:0;
    background:white
  }
  .nav-list{
    gap:15px
  }
  .nav-list a{
    font-size:10px
  }
  .nav-quote{
    display:none
  }
  .menu-toggle{
    display:none
  }
  .catalog-hero{
    grid-template-columns:.9fr 1.1fr
  }
  .hero-shirts{
    padding:0;
    min-height:250px
  }
  .hero-shirt{
    width:43%;
    margin-right:-25px
  }
  .hero-shirt>span{
    font-size:10px;
    padding-top:6px
  }
  .hero-shirt small{
    font-size:7px
  }
  .catalog-hero-copy h1{
    font-size:61px
  }
  .catalog-hero-copy p{
    font-size:11px
  }
  .hero-smallprint{
    flex-wrap:wrap
  }
  .catalog-benefits{
    gap:14px
  }
  .catalog-benefits small{
    font-size:8px
  }
  .catalog-benefits strong{
    font-size:10px
  }
  .catalog-results .product-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .mixed-order-banner{
    gap:35px
  }
  .support-grid{
    grid-template-columns:1fr 1fr
  }
  .catalog-title-row h1{
    font-size:49px
  }
  .catalog-result-bar>span:last-child{
    display:none
  }
  .product-detail{
    grid-template-columns:1fr 1fr
  }
  .size-quantity-grid{
    grid-template-columns:repeat(3,1fr)
  }
  .inquiry-workspace{
    grid-template-columns:1fr
  }
  .inquiry-totals{
    position:static
  }
  .header-search{
    max-width:360px
  }
  .card-bottom{
    flex-direction:row;
    flex-wrap:wrap
  }
  .gallery-thumb{
    width:50px
  }
}
@media(max-width:650px){
  .container{
    width:calc(100% - 32px)
  }
  .preview-bar{
    font-size:7px;
    padding:6px 0
  }
  .preview-bar .container>span:last-child{
    display:none
  }
  .header-inner{
    min-height:70px;
    gap:12px;
    flex-wrap:wrap;
    padding-block:13px
  }
  .brand{
    font-size:22px;
    gap:7px
  }
  .brand-mark{
    width:23px;
    height:26px
  }
  .brand small{
    font-size:6px;
    letter-spacing:.16em
  }
  .inquiry-header{
    margin-left:auto;
    font-size:10px;
    gap:5px
  }
  .inquiry-header svg{
    width:20px
  }
  .inquiry-header b{
    min-width:20px;
    height:20px;
    font-size:9px
  }
  .inquiry-header>span{
    display:none
  }
  .menu-toggle{
    display:flex;
    align-items:center;
    gap:5px;
    background:none;
    border:0;
    color:var(--green);
    font-size:10px;
    padding:5px
  }
  .header-search{
    order:5;
    width:100%;
    max-width:none;
    margin-top:0;
    flex-basis:100%
  }
  .header-search input{
    padding:10px 12px;
    font-size:11px
  }
  .header-search button{
    font-size:16px;
    padding:5px 15px
  }
  .header-nav-row{
    border-top:0
  }
  .header-nav-row .primary-nav{
    display:none;
    padding:0 0 15px
  }
  .header-nav-row .primary-nav.is-open{
    display:block
  }
  .nav-list{
    display:block
  }
  .nav-list>li{
    min-height:37px;
    display:flex;
    flex-wrap:wrap;
    border-bottom:1px solid #edf0e7
  }
  .nav-list>li>a{
    font-size:12px
  }
  .nav-list .sub-menu{
    position:static;
    box-shadow:none;
    border:0;
    flex-basis:100%;
    padding:0 15px
  }
  .nav-list .sub-menu a{
    font-size:11px
  }
  .nav-quote{
    display:block;
    font-size:11px;
    margin-top:17px
  }
  .catalog-hero{
    grid-template-columns:1fr;
    padding-top:16px
  }
  .catalog-hero-copy{
    border-radius:4px 4px 0 0;
    padding:28px 25px
  }
  .catalog-hero-copy h1{
    font-size:67px;
    line-height:.91;
    max-width:280px;
    margin-bottom:17px
  }
  .catalog-hero-copy h1 br:nth-child(2){
    display:none
  }
  .catalog-hero-copy .eyebrow{
    font-size:7px;
    margin-bottom:18px
  }
  .catalog-hero-copy p{
    max-width:310px;
    font-size:11px;
    margin-bottom:15px
  }
  .catalog-hero-copy .button{
    min-height:43px;
    padding:11px 15px;
    font-size:10px;
    gap:28px
  }
  .hero-smallprint{
    margin-top:18px;
    font-size:7px;
    gap:14px
  }
  .hero-smallprint span+span:before{
    margin-right:14px
  }
  .catalog-hero-products{
    border-radius:0 0 4px 4px;
    padding:18px 17px
  }
  .hero-grid-label{
    font-size:7px
  }
  .hero-shirts{
    min-height:230px;
    padding:17px 10px 24px
  }
  .hero-shirt{
    width:37%;
    padding:6px;
    margin-right:-15px
  }
  .hero-shirt>span{
    font-size:9px;
    padding:6px 3px 3px
  }
  .hero-shirt small{
    font-size:6px
  }
  .hero-grid-caption{
    font-size:8px
  }
  .hero-grid-caption>a{
    font-size:8px;
    gap:10px
  }
  .catalog-benefits{
    grid-template-columns:1fr 1fr;
    gap:16px 12px;
    padding:20px 0
  }
  .catalog-benefits b{
    font-size:20px
  }
  .catalog-benefits strong{
    font-size:10px
  }
  .catalog-benefits small{
    font-size:8px
  }
  .club-section{
    padding:27px 0
  }
  .club-section .section-heading{
    flex-direction:row;
    align-items:center;
    margin-bottom:17px
  }
  .club-section .section-heading h2{
    font-size:28px
  }
  .section-heading .text-link{
    font-size:9px
  }
  .club-chip{
    min-width:128px;
    padding:8px 14px 8px 8px;
    font-size:10px;
    gap:9px
  }
  .club-photo,.club-monogram{
    width:33px;
    height:33px
  }
  .product-grid{
    grid-template-columns:1fr 1fr;
    gap:25px 12px
  }
  .section{
    padding-block:38px
  }
  .section-tight{
    padding-block:32px
  }
  .section-heading{
    gap:12px;
    margin-bottom:22px
  }
  .section-heading h2{
    font-size:37px
  }
  .product-info{
    padding-top:10px
  }
  .product-info h3{
    font-size:11px;
    min-height:33px
  }
  .product-info .eyebrow{
    font-size:7px;
    letter-spacing:.08em;
    margin-bottom:5px
  }
  .image-label{
    font-size:6px;
    top:8px;
    left:8px;
    padding:4px 6px
  }
  .card-bottom{
    flex-direction:column;
    align-items:flex-start;
    font-size:9px;
    margin-top:9px;
    padding-top:8px;
    gap:5px
  }
  .card-bottom>span{
    font-size:7px
  }
  .card-arrow{
    width:23px;
    height:23px
  }
  .range-grid{
    grid-template-columns:repeat(2,1fr);
    gap:12px
  }
  .range-card>div:last-child{
    padding:12px
  }
  .range-card h3{
    font-size:12px
  }
  .range-card small{
    font-size:8px
  }
  .home-version-header{
    align-items:flex-start;
    gap:12px
  }
  .home-version-header h2{
    font-size:34px
  }
  .home-version-header p{
    font-size:10px;
    max-width:240px
  }
  .home-version-header .text-link{
    font-size:9px
  }
  .catalog-note-inline{
    font-size:9px;
    padding:12px
  }
  .mixed-order-banner{
    grid-template-columns:1fr;
    padding:25px;
    gap:25px
  }
  .mixed-order-banner h2{
    font-size:44px
  }
  .mixed-order-banner p{
    font-size:11px
  }
  .mixed-order-steps{
    gap:20px
  }
  .mixed-order-steps h3{
    font-size:12px
  }
  .mixed-order-steps p{
    font-size:10px
  }
  .support-grid{
    gap:23px 17px
  }
  .support-card h3{
    font-size:15px
  }
  .support-card p{
    font-size:10px
  }
  .support-card .text-link{
    font-size:9px
  }
  .faq-layout{
    gap:22px
  }
  .faq-intro h2{
    font-size:38px
  }
  .faq-list summary{
    font-size:11px
  }
  .faq-answer{
    font-size:11px
  }
  .article-art{
    height:155px
  }
  .article-grid{
    gap:27px
  }
  .article-copy h3{
    font-size:17px
  }
  .closing-cta h2{
    font-size:36px
  }
  .closing-cta{
    padding:28px 0
  }
  .closing-cta .button{
    margin-top:15px
  }
  .breadcrumbs{
    padding-block:17px;
    font-size:8px
  }
  .catalog-title-row{
    display:block;
    margin:10px 0 25px
  }
  .catalog-title-row h1{
    font-size:45px
  }
  .catalog-title-row p{
    font-size:11px
  }
  .catalog-title-row>.text-link{
    margin-top:15px
  }
  .catalog-page>.club-chips{
    margin-bottom:22px
  }
  .catalog-shop{
    grid-template-columns:1fr;
    gap:20px
  }
  .catalog-sidebar{
    padding:16px
  }
  .catalog-sidebar form{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 12px
  }
  .filter-heading{
    grid-column:1/-1;
    margin-bottom:10px
  }
  .catalog-sidebar label{
    margin-bottom:12px;
    font-size:9px
  }
  .catalog-sidebar input,.catalog-sidebar select{
    font-size:10px;
    min-height:36px;
    margin-top:5px
  }
  .catalog-sidebar .button{
    align-self:end;
    margin-bottom:12px;
    min-height:36px
  }
  .filter-note{
    font-size:8px;
    margin-top:0
  }
  .catalog-result-bar{
    font-size:10px
  }
  .catalog-help{
    display:block;
    padding:20px;
    margin-block:28px
  }
  .catalog-help strong{
    font-size:14px
  }
  .catalog-help p{
    font-size:10px;
    margin-bottom:16px
  }
  .catalog-help .text-link{
    margin-right:15px;
    font-size:10px
  }
  .product-detail{
    grid-template-columns:1fr;
    gap:24px
  }
  .product-summary h1{
    font-size:27px;
    line-height:1.3
  }
  .product-summary .eyebrow{
    font-size:8px
  }
  .product-excerpt{
    font-size:12px
  }
  .product-guide-links .text-link{
    font-size:10px
  }
  .size-quantity-grid{
    grid-template-columns:repeat(5,1fr);
    gap:7px
  }
  .size-quantity-grid input{
    font-size:12px;
    padding:8px 3px
  }
  .size-quantity-grid label{
    font-size:9px
  }
  .product-extras .form-grid{
    grid-template-columns:1fr 1fr
  }
  .product-description{
    margin-top:25px;
    padding-top:25px
  }
  .product-description h2{
    font-size:32px
  }
  .product-description h3{
    font-size:16px
  }
  .product-description p{
    font-size:12px
  }
  .page-heading h1{
    font-size:50px
  }
  .page-lead{
    font-size:13px
  }
  .page-heading{
    padding:10px 0 25px
  }
  .inquiry-empty{
    padding:40px 20px
  }
  .inquiry-empty h2{
    font-size:35px
  }
  .inquiry-empty p{
    font-size:11px
  }
  .inquiry-line{
    grid-template-columns:22px minmax(0,1fr) 56px;
    gap:10px;
    padding-block:20px
  }
  .line-title{
    font-size:12px
  }
  .line-version{
    font-size:8px
  }
  .line-index{
    font-size:23px
  }
  .line-options{
    gap:8px
  }
  .line-options label,.line-controls label{
    font-size:8px
  }
  .line-options input,.line-controls input{
    padding:7px 6px;
    font-size:10px
  }
  .inquiry-totals{
    padding:23px
  }
  .inquiry-totals h2{
    font-size:35px
  }
  .list-toolbar{
    font-size:9px
  }
  .inquiry-workspace{
    gap:25px
  }
  .site-header{
    position:relative
  }
  .inquiry-totals{
    top:auto
  }
}
@media(min-width:651px) and (max-width:900px){
  .header-nav-row .primary-nav{
    position:static;
    left:auto;
    right:auto;
    top:auto;
    overflow:visible;
    max-height:none
  }
  .nav-list{
    display:flex;
    gap:18px
  }
  .nav-list>li{
    min-height:46px;
    flex-wrap:nowrap;
    border-bottom:0
  }
  .nav-list a{
    font-size:10px;
    flex:initial;
    padding:10px 0
  }
  .nav-list .sub-menu{
    position:absolute;
    top:44px;
    left:-15px;
    width:auto;
    min-width:180px;
    background:#fff;
    border:1px solid var(--line);
    padding:10px 15px;
    box-shadow:0 10px 20px #142f2710
  }
  .nav-list .sub-menu a{
    font-size:11px
  }
  .submenu-toggle{
    padding:6px
  }
  .header-inner{
    flex-wrap:nowrap
  }
}
.inquiry-line{
  grid-template-columns:66px minmax(0,1fr) 74px
}
.line-index img{
  width:66px;
  height:66px;
  object-fit:contain;
  background:white;
  border:1px solid var(--line);
  border-radius:3px
}
@media(max-width:650px){
  .inquiry-line{
    grid-template-columns:40px minmax(0,1fr) 56px
  }
  .line-index img{
    width:40px;
    height:40px
  }
}
@media(min-width:651px) and (max-width:900px){
  .catalog-hero-copy h1{
    font-size:49px;
    line-height:1.02
  }
  .catalog-hero-copy{
    padding-block:32px
  }
  .hero-shirts{
    min-height:260px
  }
  .catalog-hero{
    grid-template-columns:.92fr 1.08fr
  }
}
@media(min-width:901px) and (max-width:1100px){
  .catalog-hero-copy h1{
    font-size:58px
  }
}
@media(min-width:1101px){
  .catalog-hero-copy h1{
    font-size:76px
  }
}
@media(max-width:650px){
  .catalog-hero-copy h1{
    font-size:48px;
    line-height:1.02;
    max-width:none
  }
  .catalog-hero-copy h1 br:nth-child(2){
    display:initial
  }
  .catalog-hero-copy{
    padding:25px
  }
  .catalog-hero-copy .eyebrow{
    margin-bottom:15px
  }
  .catalog-hero-copy p{
    font-size:11px;
    margin-bottom:12px
  }
  .hero-smallprint{
    margin-top:16px
  }
}
.hero-shirt-2>span{
  text-align:right
}
.home .section-tight{
  padding-block:38px
}
.home .club-section{
  padding-bottom:12px
}
@media(max-width:650px){
  .home .section-tight{
    padding-block:30px
  }
}

/* Reading scale: keep jersey names and buying details legible at every width. */
:root{
  --type-body:16px;
  --type-copy:15px;
  --type-ui:14px;
  --type-small:12px;
  --type-label:11px;
  --type-product:16px;
  --type-hero:64px;
  --type-section:36px;
}
body{font-size:var(--type-body)}
.catalog-hero-copy h1{font-size:var(--type-hero);line-height:1.02}
.section-heading h2,.home-version-header h2,.faq-intro h2,
.product-description h2,.inquiry-empty h2{font-size:var(--type-section);line-height:1.15}
.mixed-order-banner h2{font-size:42px;line-height:1.12}
.closing-cta h2{font-size:36px;line-height:1.15}
.page-heading h1,.catalog-title-row h1{font-size:48px;line-height:1.1}
.product-summary h1{font-size:28px;line-height:1.3}
.page-lead{font-size:17px;line-height:1.7}

.catalog-hero-copy p,.section-heading p,.home-version-header p,
.mixed-order-banner p,.mixed-order-steps p,.support-card p,
.faq-intro p,.faq-answer,.article-copy p,.catalog-title-row p,
.product-excerpt,.product-description p,.inquiry-empty p,
.catalog-help p,.closing-cta p,.footer-brand p,.contact-aside>p,
.contact-note p{font-size:var(--type-copy);line-height:1.75}
.page-content>p,.page-content>ul,.page-content>ol,
.article-body,.content-split p{font-size:var(--type-body);line-height:1.8}
.info-card p,.editorial-note,.editorial-note p,.content-table{font-size:var(--type-ui);line-height:1.75}
.page-content>h2,.article-body h2{font-size:34px}
.support-card h3,.mixed-order-steps h3,.article-copy h3,
.product-description h3{font-size:18px;line-height:1.4}

.nav-list a,.nav-quote,.header-search input,.inquiry-header,
.text-link,.button,.home-version-header .text-link,
.support-card .text-link,.club-chip,.range-card h3,
.selection-heading a,.sibling-jerseys,.sibling-jerseys a,
.view-list-link,.product-guide-links .text-link,
.inquiry-totals .button,.guide-index a{font-size:var(--type-ui)}
.nav-list{gap:clamp(16px,1.8vw,28px)}
.header-search input{line-height:1.5}
.product-info h3{font-size:var(--type-product);line-height:1.5;min-height:3em}
.range-card h3{font-size:16px;line-height:1.35}
.product-info .eyebrow,.eyebrow,.catalog-hero-copy .eyebrow,
.product-summary .eyebrow,.support-card>span{font-size:var(--type-label);line-height:1.6;letter-spacing:.1em}
.card-bottom,.card-bottom>span,.range-card small,
.catalog-note-inline,.section-note,.catalog-result-bar,
.catalog-result-bar>span:last-child,.filter-note,.small,
.catalog-benefits small,.hero-smallprint,.hero-shirt small,
.hero-grid-label,.hero-grid-caption,.hero-grid-caption>a,
.line-version,.list-toolbar,.inquiry-totals>p,
.summary-preview,.inquiry-import,.inquiry-import p,
.inquiry-form small,.footer-bottom,.footer-menu,
.footer-disclosure,.business-info,.article-meta{font-size:var(--type-small);line-height:1.65}
.card-bottom>a{font-size:13px}
.card-bottom{flex-wrap:wrap}
.image-label{font-size:10px;letter-spacing:.04em}
.catalog-benefits strong,.hero-shirt>span{font-size:14px;line-height:1.5}
.hero-smallprint{flex-wrap:wrap;gap:10px 14px}
.hero-grid-label{font-size:10px;letter-spacing:.07em}
.preview-bar{font-size:10px}
.footer-column-menu a,.footer-link,.social-link{font-size:14px;line-height:1.6}
.footer-grid h3{font-size:11px;line-height:1.6}
.breadcrumbs,.image-caption{font-size:12px;line-height:1.65}
.hero-shirt-2>span{overflow-wrap:anywhere}

.catalog-sidebar label,.filter-heading h2,.catalog-sidebar .button,
.catalog-sidebar input,.catalog-sidebar select,
.selection-heading h2,.size-quantity-grid label,
.product-extras summary,.product-extras label,
.product-extras input,.product-extras select,.selection-total,
.selection-total strong,.selection-feedback,.product-facts,
.line-options label,.line-controls label,.line-options input,
.line-controls input,.remove-line,.inquiry-totals dl>div,
.inquiry-feedback,.inquiry-form label,.inquiry-form input,
.inquiry-form textarea,.optional-form-extras summary,.form-status{font-size:var(--type-ui);line-height:1.55}
.filter-heading a{font-size:12px}
.size-quantity-grid input{font-size:16px}
.selection-heading h2{font-size:17px}
.selection-total strong,.inquiry-totals dl>div:last-child{font-size:16px}
.line-title{font-size:16px;line-height:1.5}
.line-options label,.line-controls label{font-size:12px}
.remove-line{font-size:12px}
.summary-preview textarea{font-size:13px;line-height:1.6}
.faq-list summary{font-size:15px;line-height:1.6}
.inquiry-form input:not([type=checkbox]){font-size:var(--type-ui)}
.inquiry-form .check{font-size:var(--type-small)}

@media(min-width:651px) and (max-width:1100px){
  :root{--type-hero:52px}
  .nav-list a,.nav-quote{font-size:13px}
  .nav-list{gap:14px}
}
@media(min-width:651px) and (max-width:900px){
  :root{--type-hero:46px}
  .nav-list a{font-size:12px}
  .nav-list{gap:12px}
  .nav-list .sub-menu a{font-size:13px}
  .hero-grid-label{font-size:9px}
  .hero-grid-caption,.hero-grid-caption>a{font-size:10px}
}
@media(max-width:650px){
  :root{
    --type-body:15px;
    --type-copy:14px;
    --type-small:11px;
    --type-label:10px;
    --type-product:14px;
    --type-hero:42px;
    --type-section:30px;
  }
  .nav-list>li>a,.nav-list .sub-menu a,.nav-quote{font-size:14px}
  .menu-toggle{font-size:12px}
  .catalog-hero-copy .eyebrow{font-size:10px}
  .page-heading h1,.catalog-title-row h1{font-size:38px}
  .product-summary h1{font-size:25px}
  .page-lead{font-size:15px}
  .mixed-order-banner h2,.closing-cta h2{font-size:34px}
  .club-section .section-heading h2{font-size:28px}
  .range-card h3,.catalog-benefits strong{font-size:14px}
  .range-card small{font-size:11px}
  .hero-shirt>span{font-size:11px}
  .hero-shirt small{font-size:9px}
  .hero-grid-label{font-size:9px}
  .hero-grid-caption,.hero-grid-caption>a{font-size:10px}
  .hero-smallprint{font-size:10px}
  .preview-bar{font-size:9px}
  .card-bottom>a{font-size:12px}
  .image-label{font-size:9px}
  .support-card h3,.mixed-order-steps h3,.article-copy h3,
  .product-description h3{font-size:16px}
  .section-heading>.text-link,.club-section .section-heading .text-link,
  .home-version-header .text-link{font-size:12px}
  .home-version-header{flex-wrap:wrap}
  .catalog-sidebar input,.catalog-sidebar select,
  .header-search input,.product-extras input,.product-extras select,
  .line-options input,.line-controls input,.inquiry-form input,
  .inquiry-form textarea{font-size:16px}
  .inquiry-form input:not([type=checkbox]){font-size:16px}
  .inquiry-line{grid-template-columns:40px minmax(0,1fr) 64px}
  .line-title{font-size:14px}
  .line-options label,.line-controls label{font-size:11px}
  .line-options{grid-template-columns:minmax(0,1fr)}
  .product-facts>div{flex-wrap:wrap;gap:4px 15px}
}

/* The same scale also applies to editorial, service and trust pages. */
.article-heading h1{font-size:46px;line-height:1.18;letter-spacing:-.02em}
.article-heading .page-lead{font-size:17px;line-height:1.75}
.content-split h2{font-size:36px;line-height:1.15}
.contact-aside h2,.article-inquiry h2{font-size:34px;line-height:1.2}
.not-found h1{font-size:58px;line-height:1.1}
.index-grid h2{font-size:30px;line-height:1.2}
.page-content>h3,.article-body h3{font-size:21px;line-height:1.4}
.info-card h3,.review-empty h3,.steps-grid h3{font-size:19px;line-height:1.4}
.review-empty p,.faq-list details p,.steps-grid p,
.optional-extras p,.quality-grid p,.custom-copy p,
.version-copy>p,.version-row p,.not-found p{
  font-size:var(--type-copy);
  line-height:1.75;
}
.review blockquote{font-size:16px;line-height:1.8}
.review figcaption,.index-grid li,.pagination .page-numbers,
.blog-topics a,.article-tags,.blog-search input{font-size:14px;line-height:1.6}
.review figcaption small,.content-table th{font-size:12px;line-height:1.6}
.article-copy .eyebrow,.info-card .eyebrow,.art-label{
  font-size:var(--type-label);
  line-height:1.6;
  letter-spacing:.07em;
}
.brand small{font-size:8px}
.catalog-hero-copy .button{font-size:var(--type-ui)}
.catalog-hero-copy .button-whatsapp{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  max-width:100%;
  padding:16px 18px;
  min-height:56px;
  background:#25d366;
  color:#092e1c;
  border-color:#25d366;
  text-align:left;
}
.catalog-hero-copy .button-whatsapp:hover{background:#46df81;border-color:#46df81}
.catalog-hero-copy .button-whatsapp svg{width:24px;height:24px;flex:0 0 24px}
.catalog-hero-copy .button-whatsapp>span{font-size:14px;font-weight:650;line-height:1.5;min-width:0}
.whatsapp-floating{
  position:fixed;
  right:24px;
  bottom:calc(24px + env(safe-area-inset-bottom,0px));
  z-index:200;
  display:grid;
  place-items:center;
  width:60px;
  height:60px;
  border:2px solid #fff;
  border-radius:50%;
  background:#25d366;
  color:#092e1c;
  box-shadow:0 5px 22px #142f2733;
  transition:background .2s,transform .2s;
}
.whatsapp-floating svg{width:34px;height:34px}
.header-whatsapp svg{width:23px;height:23px;flex:0 0 23px}
.button-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:12px;max-width:100%;padding:16px 18px;min-height:56px;background:#25d366;color:#092e1c;border:1px solid #25d366;text-align:left}
.button-whatsapp svg{width:24px;height:24px;flex:0 0 24px}
.button-whatsapp>span{font-size:14px;font-weight:650;line-height:1.5;min-width:0}
.button-whatsapp:hover{background:#46df81;border-color:#46df81}
.order-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0;border:1px solid var(--line);border-radius:4px;overflow:hidden;background:#f1f3ed}
.order-flow>li{padding:28px 24px;min-width:0;border-right:1px solid var(--line)}
.order-flow>li:last-child{border-right:0}
.flow-number{display:block;font-size:13px;font-weight:650;letter-spacing:.06em;color:#587064;margin-bottom:24px}
.order-flow h3{font-family:Inter,Arial,sans-serif;font-size:19px;line-height:1.3;margin:0 0 12px}
.order-flow h3 a{text-decoration:none}
.order-flow h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.order-flow p{font-size:14px;line-height:1.75;margin:0;color:#52645b}
.product-contact-panel{padding:26px;background:#edf2e9;border:1px solid var(--line);border-radius:4px;margin:24px 0}
.product-contact-panel h2{font-family:Inter,Arial,sans-serif;font-size:25px;line-height:1.3;margin:10px 0 12px}
.product-contact-panel p{font-size:15px;line-height:1.8;margin:0 0 22px;color:#52645b}
.product-contact-links{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:20px}
.product-contact-links .text-link{font-size:13px}
@media(max-width:900px){.order-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.order-flow>li:nth-child(2){border-right:0}.order-flow>li:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:650px){.order-flow>li{padding:22px 16px}.order-flow h3{font-size:17px}.order-flow p{font-size:13px}.flow-number{margin-bottom:16px}.product-contact-panel{padding:22px 18px}.product-contact-panel h2{font-size:23px}}
.whatsapp-floating:hover{background:#46df81;transform:translateY(-2px)}
.whatsapp-floating:focus-visible{outline:3px solid var(--green);outline-offset:4px}
.site-footer{padding-bottom:calc(90px + env(safe-area-inset-bottom,0px))}
@media(max-width:650px){
  .whatsapp-floating{width:54px;height:54px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}
  .whatsapp-floating svg{width:30px;height:30px}
  .article-heading h1{font-size:34px;line-height:1.2}
  .article-heading .page-lead{font-size:15px}
  .page-content>h2,.article-body h2,.content-split h2{font-size:29px}
  .page-content>h3,.article-body h3{font-size:19px}
  .contact-aside h2,.article-inquiry h2,.index-grid h2{font-size:28px}
  .not-found h1{font-size:42px}
  .info-card h3,.review-empty h3,.steps-grid h3{font-size:17px}
  .blog-search input{font-size:16px}
  .brand small{font-size:7px}
}

/* Central wholesale prices and total-order MOQ. */
.hero-wholesale-highlights{margin:18px 0 22px;padding:16px 0;border-block:1px solid #ffffff30;position:relative}
.hero-wholesale-highlights>strong{display:block;font-size:23px;line-height:1.3;color:var(--lime);margin-bottom:6px}
.hero-wholesale-highlights>span{display:block;font-size:14px;font-weight:600}
.catalog-hero-copy .hero-wholesale-highlights p{font-size:14px;line-height:1.6;margin:9px 0 0;color:#e1e9de}
.hero-wholesale-highlights b{font-weight:650;color:white}
.card-wholesale-price{display:flex;align-items:baseline;gap:4px;margin:10px 0 14px;flex-wrap:wrap}
.card-wholesale-price strong{font-size:19px;line-height:1.3;color:var(--green)}
.card-wholesale-price>span{font-size:12px;color:var(--muted)}
.price-unassigned{font-size:13px;color:var(--muted)}
.product-wholesale{padding:24px 0;border-block:1px solid var(--line);margin:20px 0 26px}
.product-wholesale>.eyebrow{margin-bottom:12px}
.product-unit-price{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;margin-bottom:18px}
.product-unit-price strong{font-size:36px;line-height:1.15;letter-spacing:-.04em}
.product-unit-price>span{font-size:14px;color:var(--muted)}
.product-wholesale p{font-size:14px;line-height:1.75;margin:0 0 12px}
.product-wholesale p:last-child{margin-bottom:0}
.price-extra-note{font-size:13px;line-height:1.7;color:var(--muted);margin:16px 0}
.confirmed-size-options{font-size:13px;margin-top:16px}
.confirmed-size-options ul{display:flex;flex-wrap:wrap;gap:7px;padding:0;margin:8px 0 0;list-style:none}
.confirmed-size-options li{padding:4px 10px;border:1px solid var(--line);border-radius:3px}
.size-confirmation-note{color:var(--muted)}
.wholesale-terms{background:#edf2e9;border:1px solid var(--line);border-radius:4px;padding:20px 24px;margin:24px 0 30px}
.wholesale-terms>strong{font-size:22px;display:inline-block;margin:0 25px 4px 0}
.wholesale-terms>span{font-size:15px;font-weight:600;display:inline-block}
.wholesale-terms p{font-size:14px;line-height:1.7;margin:6px 0 0;color:#52645b}
.wholesale-pricing .section-heading h2{font-size:34px}
#wholesale-prices{scroll-margin-top:24px}
.wholesale-pricing .section-heading p{font-size:14px}
.price-overview-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:4px;overflow:hidden}
.price-overview-item{display:flex;flex-direction:column;gap:12px;min-width:0;padding:22px 16px;background:#f0f3ec;border-right:1px solid var(--line)}
.price-overview-item:last-child{border-right:0}
.price-overview-item:hover{background:#e6eddf}
.price-overview-item>span{font-size:14px;font-weight:600}
.price-overview-item>strong{font-size:22px;line-height:1.3}
.price-overview-item small{font-size:12px;font-weight:400;color:var(--muted);white-space:nowrap}
.wholesale-pricing.is-compact>.text-link{margin-top:3px}
.wholesale-price-table{width:100%;min-width:0;table-layout:fixed}
.wholesale-price-table thead th:first-child{width:45%}
.wholesale-price-table caption{text-align:left;color:var(--muted);font-size:13px;padding:0 0 12px}
.wholesale-price-table tbody th,.mixed-price-example tbody th{text-align:left;letter-spacing:0;text-transform:none;font-size:15px;color:var(--ink);font-weight:600;background:transparent}
.wholesale-price-table tbody td{font-size:17px;font-weight:600}
.mixed-price-example{margin-block:42px}
.example-totals{background:#edf2e9;padding:20px 24px;border-radius:3px}
.example-totals>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:7px 0;font-size:15px}
.example-totals dd{margin:0;font-weight:650;text-align:right}
.example-totals dt{color:#52645b}
.contact-wholesale-note{font-size:13px;color:var(--muted);margin-bottom:20px}
@media(max-width:1000px){.price-overview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.price-overview-item:nth-child(3){border-right:0}.price-overview-item:nth-child(-n+3){border-bottom:1px solid var(--line)}}
@media(max-width:650px){.hero-wholesale-highlights{margin-block:16px 20px;padding-block:14px}.hero-wholesale-highlights>strong{font-size:21px}.hero-wholesale-highlights>span,.catalog-hero-copy .hero-wholesale-highlights p{font-size:13px}.price-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.price-overview-item{padding:19px 14px}.price-overview-item:nth-child(odd){border-right:1px solid var(--line)}.price-overview-item:nth-child(even){border-right:0}.price-overview-item:nth-child(-n+4){border-bottom:1px solid var(--line)}.price-overview-item>strong{font-size:21px}.wholesale-pricing .section-heading h2{font-size:29px}.product-unit-price strong{font-size:32px}.card-wholesale-price strong{font-size:17px}.card-wholesale-price>span{font-size:11px}.wholesale-terms{padding:18px}.wholesale-terms>strong{font-size:20px}.wholesale-terms>span{font-size:14px}.example-totals{padding:16px}.example-totals>div{font-size:13px}.mixed-price-example .content-table{min-width:430px}}

@media(max-width:650px){.wholesale-price-table th,.wholesale-price-table td{padding:14px 12px;overflow-wrap:anywhere}.wholesale-price-table tbody th{font-size:14px}.wholesale-price-table tbody td{font-size:15px}}

@media(max-width:650px){.range-card h3{min-height:2.7em}.range-price{gap:2px}.range-price strong{font-size:16px}.range-price>span{font-size:10px}}
.collection-intro{max-width:780px;font-size:17px;line-height:1.8;color:var(--muted);margin:20px 0}
.collection-page-links{display:flex;flex-wrap:wrap;gap:24px;margin:24px 0 36px}
.collection-page-links a{border-bottom:1px solid var(--line);padding-bottom:8px;font-weight:600}
.league-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.league-card{border:1px solid var(--line);border-radius:3px;overflow:hidden;background:#fff}
.league-card>img{width:100%;height:210px;object-fit:cover;object-position:top;display:block}
.league-card>div{padding:18px}.league-card h3{font-size:17px;margin:0 0 8px}.league-card span{font-size:13px;color:var(--muted)}
.team-directory>section{padding:30px 0;border-top:1px solid var(--line)}
.team-directory h2{font-size:25px;margin:0 0 20px}.team-directory ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 30px}
.team-directory a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:7px 0;font-size:14px}.team-directory a span{color:var(--muted);font-size:12px}
.catalog-scope-note{font-size:13px;color:var(--muted);margin:-16px 0 24px;max-width:900px}
.range-quote{font-size:13px;min-height:26px;align-items:center}
@media(max-width:1000px){.league-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.team-directory ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.league-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.league-card>img{height:170px}.league-card>div{padding:12px}.league-card h3{font-size:15px}.team-directory ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.collection-intro{font-size:15px}.collection-page-links{gap:18px;font-size:14px}.range-quote{font-size:12px}}
.gallery-thumbs{flex-wrap:wrap}.gallery-thumb{flex:0 0 66px}
.league-card>.product-photo{height:210px;aspect-ratio:auto}.league-card>.product-photo img{object-fit:cover;object-position:top}
.nav-list .sub-menu{max-height:65vh;overflow-y:auto}
@media(max-width:650px){.league-card>.product-photo{height:170px}.gallery-thumb{flex-basis:54px;width:54px}}
.league-card>.product-photo{padding:0}
.collection-page{padding-top:54px}.collection-page h1{font-size:clamp(38px,5vw,64px);line-height:1.12;max-width:1000px;margin:20px 0}
@media(max-width:650px){.collection-page{padding-top:32px}.collection-page h1{font-size:38px}}

/* Mobile homepage: omit the three-shirt hero showcase. */
@media(max-width:650px){.home .catalog-hero-products{display:none}}
@media(max-width:650px){.home .catalog-hero-copy .button-whatsapp{width:100%;gap:8px;padding:12px 10px;min-height:52px}.home .catalog-hero-copy .button-whatsapp svg{width:18px;height:18px;flex:0 0 18px}.home .catalog-hero-copy .button-whatsapp>span{font-size:clamp(10px,3.1vw,13px);line-height:1.35;white-space:nowrap}}
