@import url("_cg.css");
/* /custom-gloves/team-gloves/ (design-v2-059). Prefix cgt-. Locked tokens only. */
.cgt-lead{margin:16px 0 24px;font-size:18px;line-height:1.5;color:var(--text-2);max-width:44ch}

/* 1 sports */
.cgt-sports{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.cgt-sport{display:flex;flex-direction:column;border-radius:20px;overflow:hidden;background:var(--ink-2);transition:transform .35s var(--ease)}
.cgt-sport:hover{transform:translateY(-5px)}
.cgt-sport__img{aspect-ratio:1/1}
.cgt-sport__body{display:flex;flex-direction:column;gap:8px;flex:1;padding:16px 18px 20px;border-top:3px solid var(--tang)}
.cgt-sport__who{margin:0;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--tang)}
.cgt-sport__t{margin:0;font:800 28px/1 var(--display);text-transform:uppercase;color:#fff}
.cgt-sport__sz,.cgt-sport__cl{margin:4px 0 0;font-size:15.5px;color:var(--on-ink)}
.cgt-sport__sz span,.cgt-sport__cl span{display:block;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--on-ink-2)}
.cgt-sport .cg-chips li{font-size:13px;padding:4px 9px}
.cgt-sport .cg-link{margin-top:auto;padding-top:8px}

/* 2 pool */
.cgt-pool{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.cgt-keys{list-style:none;margin:0 0 14px;padding:0;display:grid;gap:8px}
.cgt-keys li{display:grid;grid-template-columns:22px 52px 1fr;align-items:center;gap:10px;padding:10px 14px;border-radius:14px;background:#fff}
.cgt-keys b{font:800 28px/1 var(--display);color:var(--ink)}
.cgt-keys span{font-weight:600;color:var(--ink)}
.cgt-note{margin:0;font-size:15px;color:var(--text-2)}
.cgt-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;padding:clamp(18px,3vw,30px);border-radius:26px;background:#fff;box-shadow:0 26px 44px -32px rgba(30,26,22,.55)}
.cgt-dot{display:block;width:100%;aspect-ratio:1/1;border-radius:50%}
.cgt-keys .cgt-dot{width:22px;height:22px}
.cgt-dot--a{background:var(--ink)}
.cgt-dot--b{background:var(--tang)}
.cgt-dot--c{background:var(--tang-d)}
.cgt-dot--d{background:var(--sand)}

/* 3 size run */
.cgt-size{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}
.cgt-ruler{padding:clamp(18px,3vw,30px);border-radius:24px;background:var(--ivory)}
.cgt-ruler__h{margin:0 0 18px;font:800 22px/1.1 var(--display);text-transform:uppercase;color:var(--ink)}
.cgt-ruler__ticks{position:relative;height:20px;margin:0 152px 6px 96px;font-size:13px;font-weight:700;color:var(--text-2)}
.cgt-ruler__ticks span{position:absolute;transform:translateX(-50%)}
.cgt-ruler__list{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.cgt-ruler__row{display:grid;grid-template-columns:86px 1fr 70px 62px;gap:10px;align-items:center}
.cgt-ruler__k{font:800 17px/1 var(--display);text-transform:uppercase;color:var(--ink)}
.cgt-ruler__track{position:relative;height:22px;border-radius:999px;background:repeating-linear-gradient(90deg,var(--sand) 0 1px,transparent 1px 11.1%),#fff}
.cgt-ruler__bar{position:absolute;top:3px;bottom:3px;border-radius:999px;background:var(--tang)}
.cgt-ruler__row:nth-child(n+5) .cgt-ruler__bar{background:var(--ink)}
.cgt-ruler__v{font-size:14.5px;font-weight:700;color:var(--ink)}
.cgt-ruler__age{font-size:13.5px;color:var(--text-2)}
.cgt-src{margin:16px 0 0;font-size:14px;color:var(--text-2)}
.cgt-tips{display:grid;gap:14px}
.cgt-tip{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:start;padding:18px;border-radius:20px;background:var(--ink);color:var(--on-ink)}
.cgt-tip__ico{width:56px;height:56px;display:grid;place-items:center;border-radius:16px;background:var(--tang);color:#fff;font:800 28px/1 var(--display)}
.cgt-tip p{margin:0;font-size:16px;line-height:1.45;color:var(--on-ink-2)}
.cgt-tip b{display:block;margin-bottom:4px;font:800 22px/1 var(--display);text-transform:uppercase;color:#fff}
.cgt-tip a{color:#fff;font-weight:700;text-decoration-color:var(--tang);text-underline-offset:3px}

/* 4 game-day countdown: widths are rough day shares */
.cgt-day{list-style:none;margin:0 0 30px;padding:0;display:flex;align-items:stretch;gap:6px}
.cgt-day__s{display:flex;flex-direction:column;justify-content:flex-end;gap:4px;min-height:150px;padding:16px;border-radius:16px;background:rgba(255,248,240,.16);box-shadow:inset 0 0 0 1px rgba(255,248,240,.35)}
.cgt-day__s b{font:800 clamp(24px,2.6vw,34px)/1 var(--display);text-transform:uppercase}
.cgt-day__s span{font-size:15px;line-height:1.35;color:var(--ivory)}
.cgt-day__s--a{flex:0 0 13%}
.cgt-day__s--b{flex:0 0 19%}
.cgt-day__s--c{flex:1 1 auto;background:var(--ink);box-shadow:none}
.cgt-day__s--d{flex:0 0 19%;background:#fff;color:var(--ink);box-shadow:none}
.cgt-day__s--d span{color:var(--text-2)}
.cgt-day__end{flex:0 0 110px;display:grid;place-items:center;border-radius:16px;background:var(--ink-3);text-align:center}
.cgt-day__end b{font:800 30px/1 var(--display);text-transform:uppercase;color:#fff}
.cgt-day__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;font-weight:600}

@media (max-width:1100px){.cgt-sports{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:960px){
  .cgt-pool,.cgt-size{grid-template-columns:1fr}
  .cgt-day{flex-direction:column}
  .cgt-day__s,.cgt-day__s--a,.cgt-day__s--b,.cgt-day__s--c,.cgt-day__s--d{flex:none;min-height:0}
  .cgt-day__end{flex:none;padding:16px}
}
@media (max-width:640px){
  .cgt-sports{grid-template-columns:1fr;gap:12px}
  .cgt-sport{display:grid;grid-template-columns:120px 1fr}
  .cgt-sport__img{aspect-ratio:auto;height:100%;min-height:160px}
  .cgt-sport__body{padding:12px 14px 16px;border-top:0;border-left:3px solid var(--tang)}
  .cgt-sport__t{font-size:23px}
  .cgt-grid{gap:5px}
  .cgt-ruler__ticks{display:none}
  .cgt-ruler__row{grid-template-columns:76px 1fr 64px;row-gap:2px}
  .cgt-ruler__age{display:none}
  .cgt-day__cta .hb-pill{width:100%}
}
