/* Własny wymiar lustra – kafel w panelu „Rozmiar” (hn-configurator 2.6.0). */
.hn-wym{margin:16px 20px 4px;padding:14px;border:1.5px solid #af7856;border-radius:12px;background:#faf6ef;display:flex;flex-direction:column;gap:10px;flex:0 0 auto}
.hn-wym-top{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.hn-wym-top b{font-size:16px;color:#1c1c1c}
.hn-wym-top span{font-size:12px;font-weight:600;color:#2f7d4f}
.hn-wym-pola{display:flex;gap:8px;align-items:flex-end}
.hn-wym-pola label{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;font-size:12px;color:#6d655d;margin:0}
.hn-wym-pola input{width:100%;font-size:18px;font-weight:600;padding:8px 10px;border:1px solid #e3ddd6;border-radius:8px;background:#fff;color:#1c1c1c;height:auto;margin:0}
.hn-wym-pola input:focus{outline:2px solid #af7856;outline-offset:1px}
.hn-wym-x{padding-bottom:10px;color:#6d655d;font-size:16px}
.hn-wym-cena{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;min-height:30px}
.hn-wym-cena b{font-size:26px;line-height:1;color:#af7856}
.hn-wym-cena span{font-size:13px;color:#6d655d}
.hn-wym-cena .hn-wym-dop{flex-basis:100%;font-style:normal;font-size:12px;font-weight:600;color:#8a5636}
.hn-wym-msg{font-size:13px;color:#b4541a;background:#fbeee3;border-radius:8px;padding:8px 10px}
.hn-wym-ok{background:#af7856;color:#fff;border:0;border-radius:8px;padding:11px;font-weight:700;font-size:15px;cursor:pointer}
.hn-wym-ok:disabled{opacity:.4;cursor:default}
.hn-wym-info{margin:0;font-size:12px;color:#6d655d;line-height:1.4}
.hn-wym-wybrany{box-shadow:inset 0 0 0 1px #af7856}
/* Półokrągłe (2.7.0): położenie A–D i podgląd obrysu na żywo. */
.hn-wym-poloz{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}
.hn-wym-poloz button{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:7px 0 5px;border:1px solid #e3ddd6;border-radius:8px;background:#fff;color:#1c1c1c;font-size:12px;font-weight:600;cursor:pointer;min-height:44px}
.hn-wym-poloz button[aria-checked="true"]{border-color:#af7856;box-shadow:inset 0 0 0 1px #af7856;background:#faf6ef}
/* 2.8.1: każda ikona w tym samym polu 28 × 28 px (rysunek wyśrodkowany przez viewBox), litery A–D na jednej linii */
.hn-wym-poloz svg{display:block;flex:0 0 28px;width:28px;height:28px;max-width:none}
.hn-wym-poloz button span{display:block;line-height:16px}
.hn-wym-podglad{display:flex;flex-direction:column;align-items:center;gap:4px;background:#fff;border-radius:8px;padding:8px 4px 6px}
.hn-wym-podglad[hidden]{display:none}
.hn-wym-podglad svg{max-width:100%;height:auto;max-height:160px}
.hn-wym-podglad[data-opis]:not([data-opis=""])::after{content:attr(data-opis);font-size:12px;color:#6d655d;text-align:center}
/* 2.9.0: półokrągłe – kafel z rysunkiem i dopłatą jest wyższy niż ekran telefonu; przewija się cały panel, nagłówek zostaje u góry */
.hn-slide-panel.hn-wym-panel{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.hn-slide-panel.hn-wym-panel .hn-slide-panel-header{position:sticky;top:0;z-index:3;background:inherit}
.hn-slide-panel.hn-wym-panel .hn-tiles{flex:0 0 auto;overflow:visible;min-height:auto}