html:has(.wheel-size-popup[open]) { overflow: hidden; }
.wheel-size-popup {
    width: min(1180px, calc(100% - 32px));
    max-width: none;
    max-height: calc(100dvh - 32px);
    margin: auto;
    padding: 0;
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
    overscroll-behavior: contain;
}
.wheel-size-popup::backdrop { background: rgb(0 0 0 / 55%); }
.wheel-size-popup__header {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 24px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}
.wheel-size-popup__header h2 { margin: 0; font-size: 1.2rem; }
.wheel-size-popup__header button { border: 0; background: transparent; font-size: 2rem; line-height: 1; padding: 4px 8px; cursor: pointer; }
.wheel-size-popup__body, .wheel-size-popup__status { padding: 24px; }
.wheel-size-popup__body:empty { display: none; }
.wheel-size-popup .filter-group { width: 100%; margin: 0; }
.wheel-size-popup .fh2 { display: flex; margin-bottom: 12px; }
.wheel-size-popup .fh2 > span { display: none; }
.wheel-size-popup .fh2 > :is(.wheel-size-garage, .wheel-size-garage__trigger) { margin-inline-start: auto; }
.wheel-size-popup [hidden] { display: none !important; }
@media (max-width: 575px) {
    .wheel-size-popup { width: calc(100% - 16px); max-height: calc(100dvh - 16px); }
    .wheel-size-popup__header { padding: 12px; }
    .wheel-size-popup__body, .wheel-size-popup__status { padding: 12px; }
}