/* Dodatki wybranego bloku pod belką części (wybor-warianty.js): efekty na komputer i układ na telefonie.
   Te same barwy co kafle: atrament, fiolet zaznaczenia, papierowe tło; cele ≥ 44 px wysokości. */
.ww-dodatki[hidden],.ww-komorka-uklady[hidden]{display:none}
.ww-dodatki{display:flex;flex-wrap:wrap;gap:12px 32px;margin:0 0 24px;padding:16px 18px;border:1px solid #c1c6b7;border-radius:12px;background:#f5f4ed}
.ww-dodatki-tytul{flex:1 0 100%;margin:0;color:#515947;font:700 12px/1.3 'Manrope',sans-serif;letter-spacing:.04em;text-transform:uppercase}
.ww-dodatki fieldset{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-width:0;margin:0;padding:0;border:0}
.ww-dodatki legend{float:left;width:100%;margin:0 0 6px;padding:0;color:var(--ink);font:800 15px/1.3 'Manrope',sans-serif}
.ww-dodatki legend span{color:var(--muted);font-weight:600}
.ww-dodatki label{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 10px;border:1px solid #c1c6b7;border-radius:999px;background:#fff;color:var(--ink);font:600 14px/1.2 'DM Sans',sans-serif;cursor:pointer;transition:background .18s,border-color .18s}
.ww-dodatki label:hover{border-color:#5839c8;background:#f1edff}
.ww-dodatki label:has(input:checked){border-color:#5839c8;background:#f1edff;box-shadow:inset 0 0 0 1px #5839c8}
.ww-dodatki label b{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 4px;border-radius:6px;background:#ece8dc;font:800 11px 'Manrope',sans-serif}
.ww-dodatki input{width:18px;height:18px;margin:0;accent-color:#5839c8}
.ww-dodatki-komorka{min-height:44px;margin:0;padding:0 16px;border:1px solid #8b927f;border-radius:999px;background:transparent;color:var(--ink);font:700 13px 'Manrope',sans-serif;cursor:pointer}
.ww-dodatki-komorka:hover{border-color:#5839c8;background:#f1edff}
/* „Powiększ → Komórka”: układ każdej części nad podglądem telefonu, przewijany w bok. */
.ww-komorka-uklady{display:flex;gap:8px;flex:1 1 100%;order:3;overflow-x:auto;padding:4px 0 2px;scrollbar-width:thin}
.ww-komorka-uklady label{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:#515947;font:700 12px 'DM Sans',sans-serif;white-space:nowrap}
.ww-komorka-uklady select{min-height:36px;max-width:220px;padding:0 8px;border:1px solid #a9b09f;border-radius:8px;background:#fff;color:var(--ink);font:600 13px 'DM Sans',sans-serif}
.ww-pelny-pasek:has(.ww-komorka-uklady:not([hidden])){flex-wrap:wrap}
@media (max-width:700px){.ww-dodatki{padding:14px 12px;gap:12px}.ww-dodatki label{font-size:13px}}