/* CloneJersey modern-ui 2026-10-29 r1 — aim above 96jerseys: cleaner type, softer elevation, tighter rhythm. Rollback: remove css line from default.xml */
:root{
  --cj-ink:#0f1b2d;
  --cj-muted:#5b6b7c;
  --cj-line:#e6ebf0;
  --cj-soft:#f4f6f8;
  --cj-card:#ffffff;
  --cj-accent:#df2027;
  --cj-accent-ink:#b51820;
  --cj-radius:16px;
  --cj-radius-sm:10px;
  --cj-shadow:0 10px 30px rgba(15,27,45,.07);
  --cj-shadow-hover:0 16px 40px rgba(15,27,45,.12);
  --cj-font:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
html{scroll-behavior:smooth}
body{
  font-family:var(--cj-font);
  color:var(--cj-ink);
  background:#fafbfc;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{transition:color .15s ease, opacity .15s ease}
.page-wrapper{background:#fafbfc}

/* —— Header / nav —— */
.page-header{
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(1.2) blur(10px);
  -webkit-backdrop-filter:saturate(1.2) blur(10px);
  border-bottom:1px solid rgba(15,27,45,.06);
  box-shadow:0 1px 0 rgba(255,255,255,.8), 0 8px 24px rgba(15,27,45,.04);
  position:relative;
  z-index:30;
}
.page-header .header.content{
  max-width:1280px;
  margin:0 auto;
  padding:14px 20px;
  display:flex;
  align-items:center;
  gap:18px;
  min-height:72px;
  box-sizing:border-box;
}
.page-header .logo.j96-logo img,
.page-header .logo img{
  width:200px!important;
  max-width:46vw;
  height:auto!important;
  filter:none;
}
.page-header .block-search{margin-left:auto;flex:1 1 280px;max-width:420px}
.page-header .block-search .control{position:relative}
.page-header #search{
  height:44px;
  border:1px solid var(--cj-line)!important;
  border-radius:999px!important;
  background:var(--cj-soft)!important;
  padding:0 44px 0 18px!important;
  font-size:14px;
  box-shadow:none!important;
  transition:border-color .15s, background .15s, box-shadow .15s;
}
.page-header #search:focus{
  background:#fff!important;
  border-color:#c9d4e0!important;
  box-shadow:0 0 0 4px rgba(223,32,39,.08)!important;
}
.page-header .action.search{
  right:6px; top:50%; transform:translateY(-50%);
  width:34px; height:34px; border-radius:50%;
}
.nav-sections{
  background:#fff;
  border-bottom:1px solid var(--cj-line);
}
.navigation{max-width:1280px;margin:0 auto;padding:0 8px}
.navigation .level0 > .level-top{
  font-size:13px;
  font-weight:650;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--cj-ink);
  padding:14px 14px;
  border-radius:8px;
}
.navigation .level0 > .level-top:hover,
.navigation .level0.active > .level-top{
  color:var(--cj-accent);
  background:rgba(223,32,39,.04);
}

/* —— Home —— */
.cj-home,.cms-index-index .page-main{
  max-width:1280px;
  margin:0 auto;
  padding:8px 20px 56px;
  box-sizing:border-box;
}
.cj-home .cj-heading,
.cms-index-index .cj-heading,
.cj-home h1, .cj-home h2{
  font-weight:800;
  letter-spacing:-.03em;
  color:var(--cj-ink);
  line-height:1.15;
}
.cj-home h1{font-size:clamp(28px,4vw,42px);margin:18px 0 10px}
.cj-home h2,.cj-heading{font-size:clamp(22px,2.6vw,30px);margin:0 0 8px}
.cj-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--cj-accent);
  background:rgba(223,32,39,.08);
  border-radius:999px;
  padding:6px 12px;
  margin-bottom:10px;
}
.cj-section{margin:36px 0 28px}
.cj-leagues{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:16px;
  margin:22px 0 8px;
}
.cj-leagues a,
a.cj-league,
.cj-league-logo{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:88px;
  padding:18px 16px;
  background:var(--cj-card);
  border:1px solid var(--cj-line);
  border-radius:var(--cj-radius);
  box-shadow:var(--cj-shadow);
  text-decoration:none;
  color:var(--cj-ink);
  font-weight:700;
  font-size:15px;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.cj-leagues a:hover,
a.cj-league:hover{
  transform:translateY(-3px);
  box-shadow:var(--cj-shadow-hover);
  border-color:#d5dde6;
  color:var(--cj-accent);
}
.cj-leagues img,
.cj-league-logo img{max-height:42px;width:auto;object-fit:contain}
.cj-products,
.cj-home .products,
.cms-index-index .product-items{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:20px 16px;
  list-style:none;
  margin:18px 0 0;
  padding:0;
}
.cj-product,
.cms-index-index .product-item-info,
.cj-products .cj-product{
  background:var(--cj-card);
  border:1px solid var(--cj-line);
  border-radius:var(--cj-radius);
  overflow:hidden;
  box-shadow:0 6px 18px rgba(15,27,45,.045);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  height:100%;
  display:flex;
  flex-direction:column;
}
.cj-product:hover,
.cms-index-index .product-item-info:hover{
  transform:translateY(-4px);
  box-shadow:var(--cj-shadow-hover);
  border-color:#d2dbe5;
}
.cj-product-image,
.cj-product img{
  display:block;
  width:100%;
  aspect-ratio:1/1.08;
  object-fit:contain;
  background:linear-gradient(180deg,#f7f8fa 0%,#eef1f4 100%);
  padding:16px;
  box-sizing:border-box;
}
.cj-product-league{
  font-size:10px;
  font-weight:750;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--cj-accent-ink);
  padding:12px 14px 0;
}
.cj-product a, .cj-products a{color:var(--cj-ink);text-decoration:none;font-size:13px;line-height:1.45;font-weight:600;padding:8px 14px 0;display:block}
.cj-price{
  margin-top:auto;
  padding:10px 14px 16px;
  font-size:18px;
  font-weight:800;
  letter-spacing:-.02em;
  color:var(--cj-ink);
}
.cj-button,
.cj-home .action.primary,
.cms-index-index .action.primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height:44px;
  padding:0 20px;
  border-radius:999px;
  background:var(--cj-ink);
  border:0;
  color:#fff!important;
  font-weight:700;
  font-size:13px;
  letter-spacing:.02em;
  box-shadow:0 8px 20px rgba(15,27,45,.18);
  transition:transform .15s, background .15s, box-shadow .15s;
}
.cj-button:hover,
.cj-home .action.primary:hover{background:var(--cj-accent);transform:translateY(-1px);box-shadow:0 10px 24px rgba(223,32,39,.25)}
.cj-fit{
  margin:40px 0 12px;
  padding:28px 28px;
  border-radius:var(--cj-radius);
  background:linear-gradient(135deg,#101e38 0%,#1c3358 55%,#df2027 160%);
  color:#fff;
  box-shadow:var(--cj-shadow);
}
.cj-fit h2,.cj-fit .cj-heading{color:#fff;margin:0 0 8px}
.cj-fit p{color:rgba(255,255,255,.86);margin:0;max-width:52ch;line-height:1.55}

/* —— League team icon grid —— */
.cj-team-grid-wrap{margin:10px 0 28px!important}
.cj-team-grid{
  display:grid!important;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:14px 12px!important;
}
.cj-team-grid a,
.cj-team-icon{
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  padding:16px 10px 14px!important;
  background:var(--cj-card);
  border:1px solid var(--cj-line)!important;
  border-radius:14px!important;
  text-decoration:none;
  box-shadow:0 4px 14px rgba(15,27,45,.04);
  transition:transform .16s ease, box-shadow .16s ease, border-color .16s;
  min-height:118px;
}
.cj-team-grid a:hover,
.cj-team-icon:hover{
  transform:translateY(-3px);
  border-color:#d0dae5!important;
  box-shadow:var(--cj-shadow-hover);
}
.cj-team-grid img,
.cj-team-icon img{
  width:56px!important;
  height:56px!important;
  object-fit:contain;
  border-radius:50%;
  background:#f3f5f7;
  padding:8px;
  box-sizing:border-box;
}
.cj-team-name{
  font-size:12.5px!important;
  font-weight:600!important;
  color:var(--cj-ink)!important;
  text-align:center;
  line-height:1.3;
  letter-spacing:-.01em;
}

/* —— Category list cards (above 96) —— */
.catalog-category-view .page-main{
  max-width:1280px;
  margin:0 auto;
  padding:8px 20px 48px;
  font-family:var(--cj-font);
}
.catalog-category-view .page-title-wrapper .page-title{
  font-size:clamp(28px,3vw,40px);
  font-weight:800;
  letter-spacing:-.035em;
  border-left:4px solid var(--cj-accent);
  padding-left:14px;
}
.catalog-category-view .toolbar-products{
  background:var(--cj-card);
  border:1px solid var(--cj-line);
  border-radius:14px;
  box-shadow:0 4px 14px rgba(15,27,45,.03);
  padding:12px 16px;
}
.catalog-category-view .products.wrapper.grid .product-items,
.catalog-category-view .products-grid .product-items{
  gap:24px 18px!important;
}
.catalog-category-view .products.wrapper.grid .product-item-info,
.catalog-category-view .products-grid .product-item-info{
  border-radius:var(--cj-radius)!important;
  border:1px solid var(--cj-line)!important;
  background:var(--cj-card)!important;
  box-shadow:0 6px 18px rgba(15,27,45,.045);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s;
  overflow:hidden;
}
.catalog-category-view .products.wrapper.grid .product-item-info:hover,
.catalog-category-view .products-grid .product-item-info:hover{
  transform:translateY(-4px);
  box-shadow:var(--cj-shadow-hover)!important;
  border-color:#d0dae5!important;
}
.catalog-category-view .products.wrapper.grid .product-item-photo,
.catalog-category-view .products-grid .product-item-photo{
  background:linear-gradient(180deg,#f8f9fb,#eef1f5)!important;
  padding:18px!important;
}
.catalog-category-view .products.wrapper.grid .product-item-name,
.catalog-category-view .products-grid .product-item-name{
  font-size:13.5px!important;
  font-weight:650!important;
  letter-spacing:-.01em;
  line-height:1.45!important;
}
.catalog-category-view .products.wrapper.grid .price-box .price,
.catalog-category-view .products-grid .price-box .price{
  font-size:19px!important;
  font-weight:800!important;
  letter-spacing:-.03em;
}
.catalog-category-view .products-grid .action.tocart,
.catalog-category-view .action.tocart{
  border-radius:999px!important;
  background:var(--cj-ink)!important;
  border-color:var(--cj-ink)!important;
  font-weight:700!important;
  padding:10px 16px!important;
}
.catalog-category-view .products-grid .action.tocart:hover{background:var(--cj-accent)!important;border-color:var(--cj-accent)!important}
.catalog-category-view .filter{
  background:var(--cj-card);
  border:1px solid var(--cj-line);
  border-radius:var(--cj-radius);
  box-shadow:0 4px 14px rgba(15,27,45,.03);
  overflow:hidden;
}

/* —— PDP —— */
.catalog-product-view .page-main{
  max-width:1200px;
  margin:0 auto;
  padding:12px 20px 56px;
  font-family:var(--cj-font);
}
.catalog-product-view .product.media{
  background:var(--cj-card);
  border:1px solid var(--cj-line);
  border-radius:var(--cj-radius);
  box-shadow:var(--cj-shadow);
  padding:18px;
  box-sizing:border-box;
}
.catalog-product-view .product-info-main{
  background:var(--cj-card);
  border:1px solid var(--cj-line);
  border-radius:var(--cj-radius);
  box-shadow:var(--cj-shadow);
  padding:22px 24px 26px;
  box-sizing:border-box;
}
.catalog-product-view .page-title-wrapper .page-title{
  font-size:clamp(22px,2.4vw,30px);
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1.2;
}
.catalog-product-view .product-info-price .price-wrapper .price,
.catalog-product-view .price-box .price{
  font-size:28px;
  font-weight:800;
  letter-spacing:-.03em;
  color:var(--cj-ink);
}
.catalog-product-view .product-options-wrapper,
.catalog-product-view .fieldset > .field{
  margin-top:14px;
}
.catalog-product-view .super-attribute-select,
.catalog-product-view select.super-attribute-select{
  height:46px;
  border-radius:12px!important;
  border:1px solid var(--cj-line)!important;
  background:var(--cj-soft)!important;
  padding:0 14px!important;
  font-size:14px;
  font-weight:600;
}
.catalog-product-view .box-tocart .action.tocart,
.catalog-product-view #product-addtocart-button{
  height:50px;
  border-radius:999px!important;
  background:var(--cj-accent)!important;
  border-color:var(--cj-accent)!important;
  font-size:15px;
  font-weight:800;
  letter-spacing:.02em;
  box-shadow:0 10px 24px rgba(223,32,39,.28);
}
.catalog-product-view .product.data.items{
  margin-top:28px;
  border:1px solid var(--cj-line);
  border-radius:var(--cj-radius);
  background:var(--cj-card);
  box-shadow:0 6px 18px rgba(15,27,45,.04);
  overflow:hidden;
}
.catalog-product-view .product.data.items > .item.title > .switch{
  font-weight:750;
  font-size:14px;
  letter-spacing:.01em;
}
.catalog-product-view .product.attribute.overview,
.catalog-product-view .product.attribute.description .value{
  font-size:15px;
  line-height:1.65;
  color:var(--cj-muted);
}
.catalog-product-view .product.attribute.description .value h2{
  color:var(--cj-ink);
  font-weight:800;
  letter-spacing:-.02em;
}

/* —— Footer polish —— */
.page-footer, .footer.content{
  background:#0f1b2d;
  color:rgba(255,255,255,.78);
  border-top:0;
}
.footer.content{max-width:1280px;margin:0 auto;padding:36px 20px 28px}
.footer a{color:rgba(255,255,255,.78)}
.footer a:hover{color:#fff}

/* —— Responsive —— */
@media (max-width:1199px){
  .cj-products,.cms-index-index .product-items{grid-template-columns:repeat(3,minmax(0,1fr))}
  .cj-team-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media (max-width:767px){
  .page-header .header.content{padding:10px 14px;min-height:60px;gap:10px}
  .page-header .logo.j96-logo img{width:148px!important}
  .cj-leagues{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .cj-products,.cms-index-index .product-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .cj-team-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
  .catalog-product-view .product-info-main,
  .catalog-product-view .product.media{padding:14px;border-radius:14px}
  .cj-fit{padding:22px 18px}
}