.df-size-chart [hidden]{display:none!important}
.df-size-chart-link{display:inline-flex;align-items:center;gap:.4em;border:1px solid currentColor;border-radius:3px;padding:.3em .7em;font-size:.85em;text-decoration:underline;text-underline-offset:.15em}
.df-size-chart-link::before{content:'↔';font-size:1.2em;text-decoration:none}
.df-size-chart-link:focus-visible,.df-size-chart button:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.df-size-dialog{color:inherit;background:#fff;border:1px solid #ddd;border-radius:8px;padding:24px;width:min(900px,calc(100vw - 32px));max-width:900px;max-height:calc(100dvh - 48px);overflow:auto;overscroll-behavior:contain}
.df-size-dialog::backdrop{background:rgba(0,0,0,.45)}
.df-size-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
.df-size-dialog h2{margin:0;font-size:1.3rem;letter-spacing:normal;text-transform:none}
.df-size-dialog [data-df-size-close]{border:0;background:none;color:inherit;font-size:32px;line-height:1;padding:0 5px;cursor:pointer}
.df-size-product-title{font-size:.95em;margin-bottom:16px}
.df-size-units{display:flex;justify-content:flex-end;gap:6px;margin:8px 0 12px}
.df-size-units button{border:1px solid #bbb;border-radius:3px;background:#fff;color:#222;padding:4px 12px;cursor:pointer;font-size:14px}
.df-size-units button[aria-pressed=true]{background:#111;color:#fff;border-color:#111}
.df-size-table-scroll{max-width:100%;overflow-x:auto;margin-bottom:16px}
.df-size-table{width:100%;border-collapse:collapse;margin:0;font-size:14px;line-height:1.4;text-align:center}
.df-size-table th,.df-size-table td{border:1px solid #ddd;padding:10px 8px;white-space:nowrap;text-align:center;min-width:60px}
.df-size-table th{font-weight:600;background:#f5f5f5}
.df-size-table tr:first-child th{background:#111;color:#fff}
.df-size-dialog>a{font-size:.85em;text-decoration:underline}
.df-size-chart [data-df-size-result][role=status]{min-height:40px}
@media(max-width:600px){.df-size-dialog{padding:16px}.df-size-table{font-size:12px}.df-size-table th,.df-size-table td{padding:8px 6px;min-width:54px}.df-size-dialog h2{font-size:1.1rem}}