.page-ice-cleats main > .section { padding-block:44px; }
.page-ice-cleats #cleat-size { scroll-margin-top:96px; }
.page-ice-cleats .tool__intro,.page-ice-cleats .tool__form,.page-ice-cleats .tool__result { padding:32px; }
.page-ice-cleats .tool__intro .eyebrow { color:#ffb970; }
.page-ice-cleats .tool__form { gap:18px; }
.page-ice-cleats .tool__form label { display:grid;gap:7px;margin-top:0; }
.page-ice-cleats .cleat-formats { display:flex;gap:18px;align-items:stretch; }
.page-ice-cleats .cleat-formats > .kit-card:nth-child(n) { display:flex;flex:1 1 0;flex-direction:column;min-width:0;min-height:0;gap:16px; }
.page-ice-cleats .cleat-formats > .kit-card:nth-child(n) h3 { margin-top:24px;margin-bottom:0; }
.page-ice-cleats .cleat-formats > .kit-card:nth-child(n) p { margin:0; }
.page-ice-cleats .cleat-formats > .kit-card:nth-child(n) .text-link { margin-top:0;align-self:start; }
.page-ice-cleats .cleat-formats > .kit-card:nth-child(n) > .text-link:first-of-type { margin-top:auto;padding-top:12px; }
.page-ice-cleats .cleat-form-hint { margin:0;color:#c4d3ca;font-size:.8125rem;line-height:1.6; }
.page-ice-cleats [data-cleat-result] { overflow-wrap:anywhere;font-size:clamp(1.7rem,3vw,2.8rem); }
.page-ice-cleats [data-cleat-eu][aria-invalid=true] { outline:2px solid #ffb6a0;outline-offset:2px; }
.page-ice-cleats [hidden] { display:none!important; }
.page-ice-cleats .cleat-table { width:100%;border-collapse:collapse; }
.page-ice-cleats .cleat-table caption { text-align:left;padding-bottom:16px;font-size:.9rem; }
.page-ice-cleats .cleat-table th,.page-ice-cleats .cleat-table td { padding:14px 20px;text-align:left;border-bottom:1px solid var(--line); }
.page-ice-cleats .cleat-table thead { background:#173d32;color:#fff; }
.page-ice-cleats .cleat-table tbody tr:nth-child(even) { background:#f0ede4; }
.page-ice-cleats .cleat-table-note { max-width:72ch;margin:20px 0 0; }
@media(max-width:1100px) { .page-ice-cleats main > .section { padding-block:36px; }.page-ice-cleats .tool__intro,.page-ice-cleats .tool__form,.page-ice-cleats .tool__result { padding:28px; } }
@media(max-width:900px) { .page-ice-cleats .cleat-formats { flex-direction:column; }.page-ice-cleats .cleat-formats > .kit-card:nth-child(n) { flex:0 0 auto; } }
@media(max-width:600px) { .page-ice-cleats main > .section { padding-block:28px; }.page-ice-cleats .tool__intro,.page-ice-cleats .tool__form,.page-ice-cleats .tool__result { padding:24px; } }