.pdp-size-helper {
    border: 1px solid var(--border-dim);
    background: var(--bg-primary);
    background: color-mix(in srgb, var(--bg-primary) 96%, var(--text-primary) 4%);
    color: var(--text-primary);
    overflow: hidden;
}

.pdp-size-helper__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 52px;
    padding: 12px 16px;
    cursor: pointer;
    font-size: 1rem;
    line-height: 1.45;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    list-style: none;
}

.pdp-size-helper__summary::-webkit-details-marker { display: none; }

.pdp-size-helper__summary:focus-visible,
.pdp-size-helper button:focus-visible,
.pdp-size-helper input:focus-visible,
.pdp-size-helper select:focus-visible,
.pdp-size-helper textarea:focus-visible {
    outline: 2px solid var(--text-primary);
    outline-offset: -2px;
}

.pdp-size-helper__summary-mark {
    font-size: 1.2rem;
    line-height: 1;
    transition: transform 0.2s ease;
}

.pdp-size-helper[open] .pdp-size-helper__summary-mark { transform: rotate(45deg); }

.pdp-size-helper__body {
    padding: 0 16px 16px;
    border-top: 1px solid var(--border-dim);
}

.pdp-size-helper__intro,
.pdp-size-helper__privacy,
.pdp-size-helper__result,
.pdp-size-helper__measurements {
    color: var(--text-primary);
    font-size: 1rem;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.pdp-size-helper__intro { margin: 14px 0; }
.pdp-size-helper__form[hidden] { display: none; }
.pdp-size-helper__fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.pdp-size-helper__fields--single { grid-template-columns: minmax(0, 1fr); }
.pdp-size-helper__field-group + .pdp-size-helper__field-group { margin-top: 12px; }
.pdp-size-helper__field { display: grid; gap: 6px; min-width: 0; font-size: 0.88rem; color: var(--text-primary); }

.pdp-size-helper input,
.pdp-size-helper select,
.pdp-size-helper textarea {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--border-dim);
    border-radius: 0;
    background: var(--bg-primary);
    color: var(--text-primary);
    font: inherit;
    font-size: 1rem;
    line-height: 1.45;
    box-sizing: border-box;
}

.pdp-size-helper input,
.pdp-size-helper select { min-height: 44px; padding: 8px 10px; }
.pdp-size-helper textarea { padding: 10px; resize: vertical; overflow-wrap: anywhere; }
.pdp-size-helper [aria-invalid="true"] { border-color: #d64f4f; }

.pdp-size-helper__check,
.pdp-size-helper__manager-button,
.pdp-size-helper__copy-button,
.pdp-size-helper__size-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    border: 1px solid var(--text-primary);
    background: transparent;
    color: var(--text-primary);
    padding: 8px 12px;
    font-size: 1rem;
    line-height: 1.45;
    font-weight: 600;
    letter-spacing: 0.06em;
    cursor: pointer;
}

.pdp-size-helper__check,
.pdp-size-helper__manager-button { width: 100%; margin-top: 12px; }
.pdp-size-helper__manager-button { background: var(--text-primary); color: var(--bg-primary); }
.pdp-size-helper__check:hover,
.pdp-size-helper__copy-button:hover,
.pdp-size-helper__size-action:hover { background: var(--anim-color); }

.pdp-size-helper__result { margin-top: 14px; padding: 12px; border: 1px dashed var(--border-dim); font-weight: 600; }
.pdp-size-helper__stock { margin-top: 8px; padding: 12px; border: 1px solid var(--border-dim); font-size: 1rem; line-height: 1.5; color: var(--text-primary); }
.pdp-size-helper__stock--available { border-color: var(--text-primary); }
.pdp-size-helper__stock--out, .pdp-size-helper__stock--missing { border-color: #b44; }
.pdp-size-helper__result:empty { display: none; }
.pdp-size-helper__result--error { border-color: #d64f4f; color: #d64f4f; }
.pdp-size-helper__result--available { border-color: var(--text-primary); color: var(--text-primary); }
.pdp-size-helper__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.pdp-size-helper__size-action { min-width: 52px; }
.pdp-size-helper__measurements { margin-top: 14px; }
.pdp-size-helper__table-wrap { width: 100%; overflow-x: auto; margin-top: 8px; }
.pdp-size-helper__table { width: 100%; min-width: 280px; border-collapse: collapse; }
.pdp-size-helper__table th,
.pdp-size-helper__table td { padding: 8px; border: 1px solid var(--border-dim); text-align: left; }
.pdp-size-helper__manager { margin-top: 14px; }
.pdp-size-helper__privacy { margin: 7px 0 0; }
.pdp-size-helper__copy { margin-top: 12px; display: grid; gap: 8px; }
.pdp-size-helper__stock[hidden],
.pdp-size-helper__copy[hidden],
.pdp-size-helper__actions[hidden],
.pdp-size-helper__measurements[hidden],
.pdp-size-helper__field-group[hidden] { display: none; }

@media (max-width: 390px) {
    .pdp-size-helper__body { padding-inline: 12px; }
    .pdp-size-helper__fields { grid-template-columns: 1fr; }
    .pdp-size-helper__summary { padding-inline: 12px; }
}

@media (prefers-reduced-motion: reduce) {
    .pdp-size-helper__summary-mark { transition: none; }
}