/** Shopify CDN: Minification failed

Line 1864:0 Unexpected "/"
Line 1928:0 Unexpected "/"
Line 2320:0 Unexpected "/"
Line 2464:0 Unexpected "/"
Line 2484:0 Unexpected "/"
Line 2516:0 Unexpected "/"
Line 2524:0 Unexpected "/"

**/
.cb--universal-dev {

  --navy:#082b52;

  --green:#0a9a4a;

  --blue:#0054A2;

  --border:#d9dee5;

  --muted:#667085;

  --soft:#f6f8fb;

  --white:#fff;

  --danger:#d71920;

  color:#0d2746;

}



.cb--universal-dev \* {

  box-sizing:border-box;

}



.cb--universal-dev [hidden] {

  display:none !important;

}



.cb--universal-dev .cb__page {

  padding-top:36px;

  padding-bottom:70px;

}



.cb--universal-dev .cb__header {

  margin-bottom:28px;

}



.cb--universal-dev .cb__header h1 {

  margin:0 0 6px;

  font-size:clamp(34px,4vw,52px);

  line-height:1;

  color:var(--navy);

}



.cb--universal-dev .cb__header p {

  margin:0;

  color:var(--muted);

  font-size:17px;

}



.cb--universal-dev .cb__eyebrow {

  font-size:12px!important;

  letter-spacing:2px;

  font-weight:800;

  color:var(--green)!important;

  margin-bottom:10px!important;

}



.cb--universal-dev .cb__layout {

  display:grid;

  grid-template-columns:minmax(0,1.05fr) minmax(540px,.95fr);

  gap:36px;

  align-items:start;

}



.cb--universal-dev .cb__left {

  position:sticky;

  top:18px;

}



.cb--universal-dev .cb__preview-card,

.cb--universal-dev .cb__review-card {

  border:1px solid var(--border);

  border-radius:12px;

  background:#fff;

  overflow:hidden;

}



.cb--universal-dev .cb__preview-card {

  position:relative;

  padding:18px;

  background:#edf1f5;

}



.cb--universal-dev .cb__preview-label {

  position:absolute;

  z-index:2;

  left:28px;

  top:28px;

  padding:9px 12px;

  border-radius:8px;

  background:rgba(0,0,0,.68);

  color:#fff;

}



.cb--universal-dev .cb__preview-label strong,

.cb--universal-dev .cb__preview-label span {

  display:block;

}



.cb--universal-dev .cb__preview-label span {

  font-size:11px;

  opacity:.8;

}



.cb--universal-dev .cb__court {

  display:block;

  width:100%;

  height:auto;

  background:#d9dde1;

  border-radius:8px;

}



.cb--universal-dev .cb__review-card {

  margin-top:18px;

  padding:18px;

}



.cb--universal-dev .cb__review-title-row {

  display:flex;

  justify-content:space-between;

  gap:20px;

  border-bottom:1px solid var(--border);

  padding-bottom:14px;

}



.cb--universal-dev .cb__mini-label {

  margin:0 0 4px;

  font-size:11px;

  font-weight:800;

  letter-spacing:1.4px;

}



.cb--universal-dev .cb__free {

  color:var(--green);

  font-weight:800;

  font-size:12px;

}



.cb--universal-dev .cb__price-lines {

  padding:12px 0;

  border-bottom:1px solid var(--border);

}



.cb--universal-dev .cb__price-lines > div,

.cb--universal-dev .cb__addons > div {

  display:flex;

  justify-content:space-between;

  gap:15px;

  padding:4px 0;

}



.cb--universal-dev .cb__msrp {

  text-decoration:line-through;

  color:var(--muted);

}



.cb--universal-dev .cb__promo strong {

  font-size:20px;

}



.cb--universal-dev .cb__addons {

  padding:12px 0;

  border-bottom:1px solid var(--border);

}



.cb--universal-dev .cb__addons h3 {

  margin:0 0 6px;

  font-size:15px;

}



.cb--universal-dev .cb__total-row {

  display:flex;

  justify-content:space-between;

  align-items:center;

  padding:16px 0;

  font-size:20px;

}



.cb--universal-dev .cb__total-row strong {

  font-size:28px;

}



.cb--universal-dev .cb__add {

  width:100%;

  border:0;

  border-radius:8px;

  background:#06a64f;

  color:#fff;

  font-size:18px;

  font-weight:800;

  padding:16px;

  cursor:pointer;

}



.cb--universal-dev .cb__add:disabled {

  opacity:.4;

  cursor:not-allowed;

}



.cb--universal-dev .cb__cart-note {

  min-height:18px;

  margin:8px 0 0;

  color:var(--danger);

  font-size:12px;

}



.cb--universal-dev .cb__trust-row {

  display:flex;

  flex-wrap:wrap;

  gap:14px;

  margin-top:14px;

  font-size:10px;

  font-weight:800;

  color:var(--muted);

}



.cb--universal-dev .cb__trust-item {

  display:inline-flex;

  align-items:center;

  gap:6px;

}



.cb--universal-dev .cb__trust-item svg {

  width:18px;

  height:18px;

  fill:none;

  stroke:var(--navy);

  stroke-width:2;

  stroke-linecap:round;

  stroke-linejoin:round;

  flex:0 0 18px;

}



.cb--universal-dev .cb__step {

  padding:0 0 24px;

  margin:0 0 24px;

  border-bottom:1px solid #e8ecf0;

}



.cb--universal-dev .cb__step-title {

  display:flex;

  align-items:center;

  gap:10px;

  margin-bottom:14px;

}



.cb--universal-dev .cb__step-title > span {

  display:grid;

  place-items:center;

  width:30px;

  height:30px;

  border-radius:50%;

  background:var(--green);

  color:#fff;

  font-weight:800;

}



.cb--universal-dev .cb__step-title h2 {

  margin:0;

  color:var(--navy);

  font-size:22px;

}



.cb--universal-dev button {

  font:inherit;

}



.cb--universal-dev .cb__size-grid {

  display:grid;

  grid-template-columns:repeat(4,1fr);

  gap:10px;

}



.cb--universal-dev .cb__option {

  position:relative;

  padding:15px 8px;

  border:1px solid var(--border);

  border-radius:8px;

  background:#fff;

  color:var(--navy);

  cursor:pointer;

  text-align:center;

}



.cb--universal-dev .cb__option strong,

.cb--universal-dev .cb__option small {

  display:block;

}



.cb--universal-dev .cb__option small {

  margin-top:4px;

  color:var(--muted);

}



.cb--universal-dev .cb__option em {

  position:absolute;

  top:-10px;

  left:50%;

  transform:translateX(-50%);

  background:var(--green);

  color:#fff;

  border-radius:10px;

  padding:2px 8px;

  font-size:10px;

  font-style:normal;

  white-space:nowrap;

}



.cb--universal-dev .cb__option.is-selected {

  border:2px solid var(--green);

}



.cb--universal-dev .cb__custom-size {

  display:grid;

  grid-template-columns:1fr 1fr auto;

  gap:12px;

  align-items:end;

  padding:15px;

  margin-top:12px;

  background:var(--soft);

  border-radius:8px;

}



.cb--universal-dev .cb__custom-size label {

  font-size:12px;

  font-weight:700;

}



.cb--universal-dev .cb__custom-size select {

  display:block;

  width:100%;

  margin-top:5px;

  padding:10px;

  border:1px solid var(--border);

  border-radius:6px;

  background:#fff;

}



.cb--universal-dev .cb__custom-size p {

  margin:0;

  color:var(--muted);

  font-size:12px;

}



.cb--universal-dev .cb__surface-grid {

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:12px;

}



.cb--universal-dev .cb__surface {

  display:flex;

  gap:12px;

  text-align:left;

  padding:14px;

  border:1px solid var(--border);

  border-radius:8px;

  background:#fff;

  cursor:pointer;

  color:var(--navy);

}



.cb--universal-dev .cb__surface i {

  width:20px;

  height:20px;

  border:2px solid #aeb8c4;

  border-radius:50%;

  margin-top:2px;

}



.cb--universal-dev .cb__surface strong,

.cb--universal-dev .cb__surface small {

  display:block;

}



.cb--universal-dev .cb__surface small {

  margin-top:3px;

  color:var(--muted);

  line-height:1.35;

}



.cb--universal-dev .cb__surface.is-selected {

  border:2px solid var(--navy);

}



.cb--universal-dev .cb__surface.is-selected i {

  border-color:#0b72db;

  box-shadow:inset 0 0 0 4px #fff;

  background:#0b72db;

}



.cb--universal-dev .cb__tabs {

  display:flex;

  gap:10px;

  margin-bottom:12px;

}



.cb--universal-dev .cb__tabs button {

  border:0;

  border-bottom:2px solid transparent;

  background:transparent;

  padding:8px 2px;

  color:var(--muted);

  font-weight:700;

  cursor:pointer;

}



.cb--universal-dev .cb__tabs button.is-selected {

  color:var(--navy);

  border-color:var(--green);

}



.cb--universal-dev .cb__design-grid {

  display:grid;

  grid-template-columns:repeat(6,1fr);

  gap:10px;

}



.cb--universal-dev .cb__design {

  padding:6px;

  border:1px solid var(--border);

  border-radius:8px;

  background:#fff;

  cursor:pointer;

}



.cb--universal-dev .cb__design.is-selected {

  border:2px solid #0b72db;

}



.cb--universal-dev .cb__mini-court {

  display:block;

  width:100%;

  height:auto;

}



.cb--universal-dev .cb__design strong {

  display:block;

  margin-top:5px;

  font-size:11px;

  text-align:center;

  color:var(--navy);

}



.cb--universal-dev .cb__zones {

  display:grid;

  gap:16px;

}



.cb--universal-dev .cb__zone h3,

.cb--universal-dev .cb__edge-custom h3 {

  margin:0 0 8px;

  font-size:14px;

}



.cb--universal-dev .cb__swatches {

  display:flex;

  flex-wrap:wrap;

  gap:7px;

}



.cb--universal-dev .cb__swatches button {

  display:inline-flex;

  align-items:center;

  gap:6px;

  padding:7px 9px;

  border:1px solid var(--border);

  border-radius:30px;

  background:#fff;

  cursor:pointer;

  font-size:11px;

}



.cb--universal-dev .cb__swatches button.is-selected {

  box-shadow:0 0 0 2px var(--navy) inset;

}



.cb--universal-dev .cb__swatches span {

  width:17px;

  height:17px;

  border-radius:50%;

  border:1px solid rgba(0,0,0,.18);

}



.cb--universal-dev .cb__line-grid {

  display:grid;

  grid-template-columns:repeat(5,1fr);

  gap:12px;

}



.cb--universal-dev .cb__line {

  text-align:center;

  border:1px solid var(--border);

  border-radius:8px;

  background:#fff;

  padding:12px 5px;

  cursor:pointer;

}



.cb--universal-dev .cb__line.is-selected {

  border:2px solid #0b72db;

}



.cb--universal-dev .cb__line b {

  display:block;

  width:34px;

  height:34px;

  margin:0 auto 6px;

  border:1px solid #aaa;

  border-radius:50%;

}



.cb--universal-dev .cb__line strong,

.cb--universal-dev .cb__line small {

  display:block;

}



.cb--universal-dev .cb__line small {

  font-size:11px;

  color:var(--muted);

}



.cb--universal-dev .cb__logo-grid {

  display:grid;

  grid-template-columns:repeat(3,1fr);

  gap:10px;

}



.cb--universal-dev .cb__logo,

.cb--universal-dev .cb__edge {

  padding:14px;

  border:1px solid var(--border);

  border-radius:8px;

  background:#fff;

  cursor:pointer;

  text-align:left;

}



.cb--universal-dev .cb__logo.is-selected,

.cb--universal-dev .cb__edge.is-selected {

  border:2px solid var(--navy);

}



.cb--universal-dev .cb__logo strong,

.cb--universal-dev .cb__logo small,

.cb--universal-dev .cb__edge strong,

.cb--universal-dev .cb__edge small {

  display:block;

}



.cb--universal-dev .cb__logo small,

.cb--universal-dev .cb__edge small {

  margin-top:4px;

  color:var(--muted);

}



.cb--universal-dev .cb__upload {

  margin-top:12px;

  padding:14px;

  border:1px dashed #aeb8c4;

  border-radius:8px;

  background:#fbfcfd;

}



.cb--universal-dev .cb__upload label {

  font-weight:700;

}



.cb--universal-dev .cb__upload input {

  display:block;

  margin-top:8px;

}



.cb--universal-dev .cb__upload p {

  margin:8px 0 0;

  color:var(--muted);

  font-size:11px;

}



.cb--universal-dev .cb__upload-warning {

  color:#9a6700!important;

}



.cb--universal-dev .cb__remove-logo {

  display:inline-block;

  margin:8px 0 0 10px;

  padding:0;

  border:0;

  background:transparent;

  color:#b42318;

  font:inherit;

  font-size:12px;

  font-weight:700;

  text-decoration:underline;

  cursor:pointer;

}



.cb--universal-dev .cb__remove-logo[hidden] {

  display:none!important;

}





.cb--universal-dev .cb__edge-grid {

  display:grid;

  grid-template-columns:1.5fr 1fr;

  gap:10px;

}



.cb--universal-dev .cb__edge-custom {

  margin-top:12px;

}



.cb--universal-dev .cb__zip {

  display:block;

  font-weight:700;

}



.cb--universal-dev .cb__zip input {

  display:block;

  width:100%;

  margin-top:6px;

  padding:13px;

  border:1px solid var(--border);

  border-radius:7px;

  font-size:16px;

}



.cb--universal-dev .cb__shipping-message {

  color:var(--green);

  font-weight:800;

}



.cb--universal-dev .cb__zip-status {

  min-height:18px;

  margin:4px 0 0;

  font-size:12px;

  color:var(--muted);

}



.cb--universal-dev .cb__zip-status.is-error {

  color:var(--danger);

}



.cb--universal-dev .cb__zip-status.is-valid {

  color:var(--green);

}



.cb--universal-dev .cb__base {

  margin-top:14px;

  border:1px solid var(--border);

  border-radius:8px;

  padding:12px;

}



.cb--universal-dev .cb__base summary {

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:12px;

  cursor:pointer;

  font-weight:800;

  list-style:none;

}



.cb--universal-dev .cb__base summary::-webkit-details-marker {

  display:none;

}



.cb--universal-dev .cb__accordion-arrow {

  font-size:22px;

  line-height:1;

  transition:transform .2s ease;

  transform-origin:center;

}



.cb--universal-dev .cb__base[open] .cb__accordion-arrow {

  transform:rotate(180deg);

}



.cb--universal-dev .cb__base h3 {

  font-size:14px;

  margin:14px 0 5px;

}



.cb--universal-dev .cb__base p {

  color:var(--muted);

  font-size:13px;

  line-height:1.5;

}



.cb--universal-dev .cb__final-review {

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:0;

  border:1px solid var(--border);

  border-radius:8px;

  overflow:hidden;

}



.cb--universal-dev .cb__final-review > div {

  padding:11px 13px;

  border-bottom:1px solid var(--border);

}



.cb--universal-dev .cb__final-review > div:nth-child(odd) {

  border-right:1px solid var(--border);

}



.cb--universal-dev .cb__final-review span,

.cb--universal-dev .cb__final-review strong {

  display:block;

}



.cb--universal-dev .cb__final-review span {

  font-size:10px;

  color:var(--muted);

  text-transform:uppercase;

  letter-spacing:1px;

}



.cb--universal-dev .cb__final-review strong {

  margin-top:3px;

}



.cb--universal-dev .cb__disclosures {

  margin-top:14px;

  padding:14px;

  background:var(--soft);

  border-radius:8px;

}



.cb--universal-dev .cb__disclosures strong {

  font-size:11px;

}



.cb--universal-dev .cb__disclosures p {

  margin:8px 0 0;

  color:var(--muted);

  font-size:12px;

  line-height:1.45;

}





@media(max-width:1100px) {



  .cb--universal-dev .cb__layout {

    grid-template-columns:1fr;

  }



  .cb--universal-dev .cb__left {

    position:static!important;

  }



  .cb--universal-dev .cb__right {

    max-width:none;

  }



  .cb--universal-dev .cb__design-grid {

    grid-template-columns:repeat(3,1fr)!important;

  }



}





@media(max-width:700px) {



  .cb--universal-dev .cb__page {

    padding-top:20px;

  }



  .cb--universal-dev .cb__size-grid {

    grid-template-columns:1fr 1fr!important;

  }



  .cb--universal-dev .cb__surface-grid,

  .cb--universal-dev .cb__logo-grid,

  .cb--universal-dev .cb__edge-grid {

    grid-template-columns:1fr!important;

  }



  .cb--universal-dev .cb__design-grid {

    grid-template-columns:repeat(2,1fr)!important;

  }



  .cb--universal-dev .cb__line-grid {

    grid-template-columns:repeat(3,1fr)!important;

  }



  .cb--universal-dev .cb__custom-size {

    grid-template-columns:1fr 1fr!important;

  }



  .cb--universal-dev .cb__custom-size p {

    grid-column:1/-1;

  }



  .cb--universal-dev .cb__final-review {

    grid-template-columns:1fr;

  }



  .cb--universal-dev .cb__final-review > div:nth-child(odd) {

    border-right:0;

  }



}







.cb--universal-dev .cb__view-court-cart {

  width:100%;

  margin-top:10px;

  padding:12px 16px;

  border:1px solid var(--navy);

  border-radius:8px;

  background:#fff;

  color:var(--navy);

  font-weight:800;

  cursor:pointer;

}



.cb--universal-dev .cb__cart-modal[hidden] { display:none; }

.cb--universal-dev .cb__cart-modal {

  position:fixed;

  inset:0;

  z-index:9999;

  display:flex;

  align-items:center;

  justify-content:center;

  padding:20px;

}

.cb--universal-dev .cb__cart-modal-backdrop {

  position:absolute;

  inset:0;

  background:rgba(4,26,56,.56);

}

.cb--universal-dev .cb__cart-panel {

  position:relative;

  z-index:1;

  width:min(720px,100%);

  max-height:88vh;

  overflow:auto;

  background:#fff;

  border-radius:16px;

  padding:28px;

  box-shadow:0 18px 60px rgba(0,0,0,.25);

}

.cb--universal-dev .cb__cart-close {

  position:absolute;

  top:12px;

  right:14px;

  border:0;

  background:transparent;

  font-size:28px;

  cursor:pointer;

}

.cb--universal-dev .cb__cart-success {

  margin:10px 0 18px;

  color:var(--green);

  font-weight:800;

}

.cb--universal-dev .cb__cart-item {

  border:1px solid var(--border);

  border-radius:10px;

  padding:16px;

  margin:12px 0;

}

.cb--universal-dev .cb__cart-item-head,

.cb--universal-dev .cb__cart-total-row {

  display:flex;

  align-items:center;

  justify-content:space-between;

  gap:16px;

}

.cb--universal-dev .cb__cart-item-meta {

  margin:8px 0 0;

  color:var(--muted);

  font-size:13px;

  line-height:1.55;

}

.cb--universal-dev .cb__cart-item-actions {

  display:flex;

  gap:8px;

  margin-top:12px;

}

.cb--universal-dev .cb__cart-item-actions button {

  padding:8px 12px;

  border-radius:7px;

  border:1px solid var(--border);

  background:#fff;

  cursor:pointer;

  font-weight:700;

}

.cb--universal-dev .cb__cart-total-row {

  border-top:1px solid var(--border);

  margin-top:18px;

  padding-top:18px;

  font-size:18px;

}

.cb--universal-dev .cb__cart-actions {

  display:grid;

  grid-template-columns:1fr 1fr;

  gap:12px;

  margin-top:20px;

}

.cb--universal-dev .cb__cart-actions button {

  padding:14px 16px;

  border-radius:8px;

  font-weight:800;

  cursor:pointer;

}

.cb--universal-dev .cb__cart-secondary {

  border:1px solid var(--navy);

  background:#fff;

  color:var(--navy);

}

.cb--universal-dev .cb__cart-primary {

  border:1px solid var(--green);

  background:var(--green);

  color:#fff;

}

.cb--universal-dev .cb__cart-modal-note {

  min-height:18px;

  color:var(--danger);

  font-size:12px;

}

@media (max-width:640px) {

  .cb--universal-dev .cb__cart-actions { grid-template-columns:1fr; }

}







.cb--universal-dev .cb__dev-note { color:#667085; font-size:12px; margin-top:10px; }



/\* Universal shared informational strip + footnote \*/

.cb--universal-dev .cb__trust-row {

  display:flex;

  flex-wrap:wrap;

  gap:14px;

  margin-top:14px;

  font-size:10px;

  font-weight:800;

  color:var(--muted);

}

.cb--universal-dev .cb__trust-item {

  display:inline-flex;

  align-items:center;

  gap:6px;

}

.cb--universal-dev .cb__trust-item svg {

  width:18px;

  height:18px;

  fill:none;

  stroke:var(--navy);

  stroke-width:1.8;

  stroke-linecap:round;

  stroke-linejoin:round;

}

.cb--universal-dev .cb__universal-footnote {

  margin:16px 0 0;

  color:var(--muted);

  font-size:12px;

  line-height:1.5;

}

.cb--universal-dev .cb__universal-footnote strong { color:var(--navy); font-weight:800; }



/\* === Basketball / Universal UX correction pass === \*/

.cb--universal-dev .cb__preview-card {

  min-height:520px;

}



.cb--universal-dev [data-universal-preview] {

  height:480px;

  display:flex;

  align-items:center;

  justify-content:center;

  overflow:hidden;

}



.cb--universal-dev [data-universal-preview] .cb__court {

  width:100%;

  height:100%;

  max-width:100%;

  max-height:100%;

  object-fit:contain;

}



.cb--universal-dev .cb__preview-label strong {

  text-transform:none;

}



.cb--universal-dev .cb__surface,

.cb--universal-dev .cb__option,

.cb--universal-dev .cb__logo,

.cb--universal-dev .cb__edge,

.cb--universal-dev .cb__design {

  transition:border-color .15s ease, box-shadow .15s ease, transform .15s ease, background .15s ease;

}



.cb--universal-dev .cb__surface.is-selected,

.cb--universal-dev .cb__option.is-selected,

.cb--universal-dev .cb__logo.is-selected,

.cb--universal-dev .cb__edge.is-selected,

.cb--universal-dev .cb__design.is-selected {

  border:2px solid var(--green);

  box-shadow:0 0 0 1px rgba(25,151,83,.05);

}



.cb--universal-dev .cb__surface.is-selected i {

  border-color:var(--green);

  background:var(--green);

  box-shadow:inset 0 0 0 4px #fff;

}



.cb--universal-dev .cb__surface {

  position:relative;

  min-height:104px;

  align-items:flex-start;

}



.cb--universal-dev .cb__surface strong {

  padding-right:76px;

}



.cb--universal-dev .cb__surface small {

  margin-top:6px;

  line-height:1.45;

}



.cb--universal-dev .cb__badge {

  position:absolute;

  top:-10px;

  right:12px;

  z-index:2;

  border-radius:999px;

  padding:3px 9px;

  font-size:9px;

  font-style:normal;

  font-weight:800;

  letter-spacing:.35px;

  line-height:1.2;

  white-space:nowrap;

}



.cb--universal-dev .cb__badge--recommended {

  background:var(--green);

  color:#fff;

}



.cb--universal-dev .cb__badge--free {

  left:50%;

  right:auto;

  transform:translateX(-50%);

  top:-12px;

  min-width:76px;

  text-align:center;

  background:#ef1f2f;

  color:#fff;

  font-size:10px;

}



.cb--universal-dev .cb__edge {

  position:relative;

  min-height:104px;

  text-align:center;

  display:flex;

  flex-direction:column;

  justify-content:center;

  align-items:center;

}



.cb--universal-dev .cb__edge-grid {

  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:12px;

}



.cb--universal-dev .cb__edge--free {

  padding-top:20px;

}



.cb--universal-dev .cb__edge--free.is-selected {

  border-color:#ef1f2f;

}



.cb--universal-dev .cb__design-grid {

  align-items:stretch;

}



.cb--universal-dev .cb__design {

  min-height:126px;

  padding:10px;

}



.cb--universal-dev .cb__design [data-universal-design-thumb] {

  display:block;

  min-height:72px;

  margin-bottom:7px;

}



.cb--universal-dev .cb__mini-court--basketball {

  display:block;

  width:100%;

  height:72px;

  background:#e9edf1;

  border-radius:5px;

}



.cb--universal-dev .cb__zones {

  padding:2px 0 0;

}



.cb--universal-dev .cb__zone {

  padding:12px 0;

  border-top:1px solid #eef1f4;

}



.cb--universal-dev .cb__zone:first-child {

  border-top:0;

  padding-top:0;

}



.cb--universal-dev .cb__step {

  padding-bottom:20px;

  margin-bottom:20px;

}



.cb--universal-dev .cb__final-review {

  gap:0;

}



.cb--universal-dev .cb__final-review > div {

  min-height:72px;

}



@media (max-width: 989px) {

  .cb--universal-dev .cb__preview-card {

    min-height:420px;

  }

  .cb--universal-dev [data-universal-preview] {

    height:380px;

  }

}



@media (max-width: 640px) {

  .cb--universal-dev .cb__preview-card {

    min-height:340px;

  }

  .cb--universal-dev [data-universal-preview] {

    height:300px;

  }

  .cb--universal-dev .cb__edge-grid {

    grid-template-columns:1fr;

  }

  .cb--universal-dev .cb__surface strong {

    padding-right:0;

  }

  .cb--universal-dev .cb__badge--recommended {

    right:8px;

  }

}





/\* ===== Basketball Popular Design selection clarity ===== \*/

.cb--universal-dev .cb__selected-design {

  margin-top:14px;

  padding:16px;

  border:1px solid var(--border);

  border-radius:10px;

  background:#fff;

}

.cb--universal-dev .cb__selected-design-head {

  display:flex;

  align-items:center;

  gap:10px;

  margin-bottom:14px;

}

.cb--universal-dev .cb__selected-design-head strong {

  color:var(--navy);

  font-size:17px;

}

.cb--universal-dev .cb__selected-design-head span {

  border-radius:999px;

  padding:3px 9px;

  background:var(--green);

  color:#fff;

  font-size:9px;

  font-weight:800;

  letter-spacing:.35px;

}

.cb--universal-dev .cb__selected-design-colors {

  display:grid;

  grid-template-columns:repeat(3,minmax(0,1fr));

  gap:14px;

}

.cb--universal-dev .cb__selected-design-colors > div {

  display:flex;

  align-items:center;

  gap:10px;

  min-width:0;

}

.cb--universal-dev .cb__selected-design-colors i {

  width:34px;

  height:34px;

  flex:0 0 34px;

  border-radius:50%;

  border:1px solid rgba(10,36,70,.14);

}

.cb--universal-dev .cb__selected-design-colors b,

.cb--universal-dev .cb__selected-design-colors small {

  display:block;

}

.cb--universal-dev .cb__selected-design-colors b {

  color:var(--navy);

  font-size:12px;

}

.cb--universal-dev .cb__selected-design-colors small {

  margin-top:2px;

  color:var(--muted);

  font-size:12px;

}

.cb--universal-dev .cb__selected-design > p {

  margin:14px 0 0;

  padding:10px 12px;

  border-radius:8px;

  background:#f3f8fd;

  color:#4e6d8e;

  font-size:11px;

  line-height:1.45;

}

@media (max-width:640px){

  .cb--universal-dev .cb__selected-design-colors{grid-template-columns:1fr;}

}





/\* Basketball consolidated correction pass \*/

.cb--universal-dev .cb__court--basketball .cb__finished-edge {

  shape-rendering:geometricPrecision;

}



.cb--universal-dev .cb__design strong {

  margin-top:2px;

}





/\* ===== IndoorDrive Wood surface-specific UI ===== \*/

.cb--universal-dev .cb__wood-finish-panel { margin-top: 4px; }

.cb--universal-dev .cb__wood-intro { margin: 0 0 14px; color: rgba(10,29,55,.68); font-size: 13px; }

.cb--universal-dev .cb__wood-finish-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }

.cb--universal-dev .cb__wood-finish { position:relative; min-height:132px; padding:10px; border:1px solid rgba(10,29,55,.18); border-radius:10px; background:#fff; text-align:left; cursor:pointer; display:flex; flex-direction:column; gap:7px; }

.cb--universal-dev .cb__wood-finish:hover { border-color:rgba(0,112,65,.5); }

.cb--universal-dev .cb__wood-finish.is-selected { border:2px solid #007041; box-shadow:0 0 0 1px rgba(0,112,65,.08); }

.cb--universal-dev .cb__wood-finish strong { font-size:13px; line-height:1.25; }

.cb--universal-dev .cb__wood-finish small { font-size:11px; color:rgba(10,29,55,.62); }

.cb--universal-dev .cb__wood-swatch { display:block; width:100%; height:72px; border-radius:7px; border:1px solid rgba(10,29,55,.12); background-color:var(--wood-base); }

.cb--universal-dev .cb__wood-finish--recommended { padding-top:10px; }

.cb--universal-dev .cb__court--wood { background:#f6f3ee; }

@media (max-width: 900px) { .cb--universal-dev .cb__wood-finish-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

@media (max-width: 520px) { .cb--universal-dev .cb__wood-finish-grid { grid-template-columns:1fr; } }





/\* Final Basketball UX polish \*/

.cb--universal-dev .cb__color-notice { margin-top:10px; }





/\* ===== Basketball final Wood Border + disclosure polish ===== \*/

.cb--universal-dev .cb__wood-border-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; }

.cb--universal-dev .cb__wood-border-color { position:relative; min-height:92px; padding:12px 10px 10px; border:1px solid rgba(10,29,55,.18); border-radius:10px; background:#fff; cursor:pointer; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7px; text-align:center; }

.cb--universal-dev .cb__wood-border-color:hover { border-color:rgba(0,112,65,.5); }

.cb--universal-dev .cb__wood-border-color.is-selected { border:2px solid #007041; box-shadow:0 0 0 1px rgba(0,112,65,.08); }

.cb--universal-dev .cb__wood-border-color > span { display:block; width:34px; height:34px; border-radius:50%; border:1px solid rgba(10,29,55,.18); flex:0 0 auto; }

.cb--universal-dev .cb__wood-border-color > strong { font-size:12px; line-height:1.2; }

.cb--universal-dev .cb__mini-recommended { position:absolute; top:-9px; left:50%; transform:translateX(-50%); padding:3px 8px; border-radius:999px; background:#00a651; color:#fff; font-style:normal; font-size:8px; font-weight:800; letter-spacing:.02em; white-space:nowrap; }

.cb--universal-dev .cb__delivery-copy { margin:10px 0 12px; color:rgba(10,29,55,.68); font-size:12px; line-height:1.55; }

@media (max-width:900px) { .cb--universal-dev .cb__wood-border-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }

@media (max-width:520px) { .cb--universal-dev .cb__wood-border-grid { grid-template-columns:1fr; } }

/* ===== Mobile Builder Sticky Purchase Bar ===== */
.cb--universal-dev .cb__mobile-purchase-bar {
  display:none;
}

@media (max-width:700px) {
  .cb--universal-dev .cb__page {
    padding-bottom:calc(150px + env(safe-area-inset-bottom));
  }

  .cb--universal-dev .cb__mobile-purchase-bar {
    position:fixed;
    z-index:9000;
    left:0;
    right:0;
    bottom:0;
    display:flex;
    align-items:center;
    gap:14px;
    padding:12px max(16px, env(safe-area-inset-right)) calc(12px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
    border-top:1px solid var(--border);
    background:#fff;
    box-shadow:0 -8px 24px rgba(8,43,82,.14);
  }

  .cb--universal-dev .cb__mobile-purchase-bar[hidden] {
    display:none !important;
  }

  .cb--universal-dev .cb__mobile-purchase-total {
    min-width:0;
    flex:1 1 auto;
  }

  .cb--universal-dev .cb__mobile-purchase-total span,
  .cb--universal-dev .cb__mobile-purchase-total strong {
    display:block;
  }

  .cb--universal-dev .cb__mobile-purchase-total span {
    margin-bottom:2px;
    color:var(--muted);
    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
  }

  .cb--universal-dev .cb__mobile-purchase-total strong {
    color:var(--navy);
    font-size:22px;
    line-height:1.1;
    white-space:nowrap;
  }

  .cb--universal-dev .cb__mobile-purchase-action {
    min-height:48px;
    flex:0 1 58%;
    border:0;
    border-radius:8px;
    padding:12px 14px;
    background:#06a64f;
    color:#fff;
    font-size:14px;
    font-weight:800;
    line-height:1.15;
    cursor:pointer;
  }

  .cb--universal-dev .cb__mobile-purchase-action:disabled {
    opacity:.4;
    cursor:not-allowed;
  }
}