.config-option-toggle { display: none; }
@media screen and (max-width:767px) {
 #configurator .conditions .config-toggle-row {
  position: static; display: grid; grid-template-columns: minmax(0,1fr); gap: 8px;
  width: 100%; height: auto; min-height: 0; margin: 0 0 8px; padding: 0 !important;
 }
 #configurator .conditions .config-toggle-row > input,
 #configurator .conditions .config-toggle-row > label,
 #configurator .conditions .config-toggle-row > .checkmark,
 #configurator .conditions .config-toggle-row > img { display: none !important; }
 #configurator .conditions button.config-option-toggle {
  position: relative; inset: auto; display: block; box-sizing: border-box;
  width: 100%; max-width: none; height: auto; min-height: 52px;
  margin: 0; padding: 14px 44px 14px 16px !important; transform: none; float: none;
  border: 1px solid #dedfe2; border-radius: 12px; background: #fff; color: #30343b;
  font: 500 15px/1.4 'Fira Sans',Arial,sans-serif !important; text-align: left; text-transform: none;
  cursor: pointer; touch-action: manipulation;
 }
 #configurator .conditions button.config-option-toggle::after {
  content: '+'; position: absolute; right: 16px; top: 50%; transform: translateY(-50%);
  width: auto; height: auto; background: none; color: #8a8f96; font: 400 23px/1 Arial,sans-serif;
 }
 #configurator .conditions button.config-option-toggle[aria-pressed="true"] {
  background: #fff0f1; border-color: #cd1719; color: #aa1018; box-shadow: inset 3px 0 #cd1719;
 }
 #configurator .conditions button.config-option-toggle[aria-pressed="true"]::after { content: '✓'; color: #cd1719; font-size: 19px; }
 #configurator .conditions button.config-option-toggle:focus-visible { outline: 3px solid #222; outline-offset: 2px; }
 #regeneration .description .dotted > p:has(> img) {
  position: relative; display: block; box-sizing: border-box; width: 100%;
  height: auto; min-height: 0; margin: 0 0 12px !important; padding: 0 0 0 24px !important;
  font-size: 15px !important; line-height: 1.5; text-align: left;
 }
 #regeneration .description .dotted > p > img {
  position: absolute !important; inset: 5px auto auto 0 !important;
  width: 12px !important; height: 12px !important; object-fit: contain;
  margin: 0 !important; padding: 0 !important; transform: none !important;
 }
 #regeneration .description .dotted > p:has(> img) br { display: none; }
}