.hmbr81-visual{--d:#005E52;--g:#00A075;--orange:#005E52;--orange-dark:#00A075;--light:#EDF6F2;--edge:#cee3d6;--ink:#183b30;--muted:#5b766b;--btn-radius:5px;font:14px/1.46 "Bricolage Grotesque",Arial,sans-serif;color:var(--ink);width:100%;max-width:none;min-width:0;margin:0;box-sizing:border-box}
.hmbr81-visual *{box-sizing:border-box}
.hmbr81-visual button,.hmbr81-visual input,.hmbr81-visual select{font:inherit}
.hmbr81-visual button{cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}
.hmbr81-visual button:focus-visible,.hmbr81-visual input:focus-visible,.hmbr81-visual select:focus-visible{outline:3px solid #80d1b0;outline-offset:2px}
.hmbr81-visual h2,.hmbr81-visual h3,.hmbr81-visual p{margin:0}
.hmbr81-visual .frame{border:1px solid var(--edge);background:white;border-radius:15px;overflow:hidden}
.hmbr81-visual .bar{display:flex;justify-content:space-between;gap:10px;align-items:center;background:#f8fcf9;border-bottom:1px solid var(--edge);padding:14px 18px}
.hmbr81-visual .brand{color:var(--d);font-weight:800;font-size:16px}
.hmbr81-visual .stage{padding:20px}
.hmbr81-visual .eyebrow{color:var(--g);font-size:11px;font-weight:800;letter-spacing:.5px}
.hmbr81-visual .page-title{color:var(--g);font-size:24px;line-height:1.28;font-weight:750;margin:6px 0 8px}
.hmbr81-visual .section-title{color:var(--g);font-size:20px;line-height:1.3;font-weight:750}
.hmbr81-visual .muted{color:var(--muted);font-size:12px}
.hmbr81-visual .button{background:var(--d);border:1px solid var(--d);border-radius:var(--btn-radius);color:white;padding:12px 13px;font-weight:750;font-size:13px}
.hmbr81-visual .button:hover{background:var(--g);border-color:var(--g)}
.hmbr81-visual .button.outline{color:var(--d);background:white;border-color:#c7dfcf}
.hmbr81-visual .button.outline:hover{color:white;background:var(--g);border-color:var(--g)}
.hmbr81-visual .button.orange{background:var(--orange);border:1px solid var(--orange);color:#fff}
.hmbr81-visual .button.orange:hover{background:var(--orange-dark);border-color:var(--orange-dark);color:#fff}

/* 0.4.25: HM-style consistent button corner radius across the visual calculator. */
.hmbr81-visual .text-button,
.hmbr81-visual .button,
.hmbr81-visual .qitem,
.hmbr81-visual .products button,
.hmbr81-visual .sbbuttons button,
.hmbr81-visual .plus,
.hmbr81-visual .hmbr81-app__back,
.hmbr81-visual .hmbr81-app__next,
.hmbr81-visual .hmbr81-app__add,
.hmbr81-visual .hmbr81-app__edit,
.hmbr81-visual .hmbr81-app__final{border-radius:var(--btn-radius)!important;}
.hmbr81-visual .advisor{background:#f9fcfa;border:1px solid var(--edge);border-radius:11px;padding:14px;margin:17px 0}
.hmbr81-visual .flex-head{display:flex;align-items:center;justify-content:space-between;gap:9px}
.hmbr81-visual .text-button{border:0;background:transparent;color:var(--d);text-decoration:underline;text-underline-offset:3px;font-size:12px;font-weight:700;padding:4px}
.hmbr81-visual .qgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:14px}
.hmbr81-visual .qtitle{font-size:13px;font-weight:750;margin-bottom:8px}
.hmbr81-visual .qitem{width:100%;text-align:left;display:flex;align-items:center;gap:9px;border:1px solid #d1e5d8;background:white;color:var(--ink);border-radius:var(--btn-radius);padding:11px;margin-top:7px;font-size:12px}
.hmbr81-visual .qitem.on{border-color:var(--g);background:#e8f8ef}
.hmbr81-visual .qdot{width:16px;height:16px;border:1.5px solid #96b9a5;border-radius:50%;flex-shrink:0;display:grid;place-items:center}
.hmbr81-visual .qitem.on .qdot:after{content:"";width:8px;height:8px;border-radius:50%;background:var(--g)}
.hmbr81-visual .adresult{background:#edf8f1;border:1px solid #b5ddc5;border-radius:8px;padding:11px;margin-top:11px;font-size:12px}
.hmbr81-visual .adresult b{color:var(--d);font-size:13px}
.hmbr81-visual .adresult button{margin-top:9px}
.hmbr81-visual .products{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:18px 0}
.hmbr81-visual .products button{border:1px solid #c5dfce;background:white;color:var(--d);border-radius:var(--btn-radius);padding:15px 8px;font-size:15px;font-weight:800}
.hmbr81-visual .products button.on{border-color:var(--d);background:var(--d);color:#fff}
.hmbr81-visual .products button:hover{background:var(--g);border-color:var(--g);color:#fff}
.hmbr81-visual .sb{background:#f6faf7;border:1px solid var(--edge);border-radius:11px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}
.hmbr81-visual .sbbuttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;flex:1;max-width:440px}
.hmbr81-visual .sbbuttons button{border:1px solid #c6dfcf;background:white;color:var(--d);border-radius:var(--btn-radius);padding:11px 5px;font-weight:800;white-space:nowrap;font-size:12px}
.hmbr81-visual .sbbuttons button.on{background:#e4f7ea;border:2px solid var(--g);padding:10px 4px}
.hmbr81-visual .tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hmbr81-visual .tile{position:relative;border:1px solid #c1dfcd;border-radius:13px;min-width:0;background:#fff}
.hmbr81-visual .tile.on{border:2px solid var(--g)}
.hmbr81-visual .tile.on:after{content:"";position:absolute;bottom:-9px;left:calc(50% - 9px);border-left:9px solid transparent;border-right:9px solid transparent;border-top:9px solid var(--g)}
.hmbr81-visual .tile button{display:flex;flex-direction:column;width:100%;margin:0;padding:0;border:0;background:transparent;text-align:center;border-radius:12px;color:var(--d);appearance:none}
.hmbr81-visual .price-area{width:100%;min-height:118px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px 3px 13px}
.hmbr81-visual .amount{color:var(--g);font-size:clamp(21px,3vw,34px);font-weight:850;white-space:nowrap;letter-spacing:-.5px;font-variant-numeric:tabular-nums;line-height:1.15}
.hmbr81-visual .price-meta{font-size:11px;color:var(--muted);margin-top:9px;line-height:1.45}
.hmbr81-visual .tile-name{width:100%;display:flex;justify-content:center;align-items:center;min-height:68px;padding:13px 4px;margin:0;background:var(--light);border-radius:0 0 11px 11px;color:var(--d);font-size:19px;font-weight:800;line-height:1.2}
.hmbr81-visual .tile.on .tile-name{background:var(--g);color:#fff;border-radius:0 0 10px 10px}
.hmbr81-visual .details{border:1px solid var(--edge);border-radius:12px;padding:19px;margin-top:19px}
.hmbr81-visual .badge{font-size:10px;background:#eaf6ed;color:var(--d);border-radius:6px;padding:5px 8px;font-weight:750;white-space:nowrap}
.hmbr81-visual .features{margin:11px 0}
.hmbr81-visual .feature{display:flex;gap:8px;padding:4px 0;font-size:12.5px;line-height:1.4}
.hmbr81-visual .check{color:var(--g);font-size:11px;flex-shrink:0}
.hmbr81-visual .dental{border:1px solid #b9e0c9;border-left:3px solid var(--g);background:#edf8f1;border-radius:13px;padding:17px 18px;margin:16px 0 13px}
.hmbr81-visual .dental-header{display:flex;justify-content:space-between;align-items:center;gap:12px}
.hmbr81-visual .dental-name{color:var(--d);font-size:19px;font-weight:750;line-height:1.28}
.hmbr81-visual .dental-check{display:flex;gap:8px;align-items:center;white-space:nowrap;color:var(--d);font-weight:750;font-size:14px;cursor:pointer}
.hmbr81-visual .dental-check input{accent-color:var(--d);width:23px;height:23px;cursor:pointer}
.hmbr81-visual .dental-description{display:grid;gap:5px;margin:13px 0 11px;font-size:12px}
.hmbr81-visual .dental-description div{display:flex;gap:8px;line-height:1.4}
.hmbr81-visual .dental-cost{font-size:13px;color:#50705f;font-weight:400}
/* Original verified age progression. Native <summary> is deliberately NOT a button. */
.hmbr81-visual .hmbr81-age-original.hm-of{margin:15px 0 0;padding:4px 0 0;border-top:1px solid #dfebe3;background:transparent}
.hmbr81-visual .hmbr81-age-original.hm-of details.hm-tef__age-inline{display:block!important;margin:0!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important}
.hmbr81-visual .hmbr81-age-original.hm-of .hm-tef__age-summary{display:flex!important;width:100%!important;gap:8px!important;align-items:center!important;margin:0!important;padding:12px 0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#005e52!important;font:750 12px/1.4 "Bricolage Grotesque",Arial,sans-serif!important;text-align:left!important;text-transform:none!important;letter-spacing:normal!important;cursor:pointer!important;list-style:none!important}
.hmbr81-visual .hmbr81-age-original.hm-of .hm-tef__age-summary:hover{background:transparent!important;color:#00a075!important}
.hmbr81-visual .hmbr81-age-original.hm-of .hm-tef__age-summary::-webkit-details-marker{display:none!important}
.hmbr81-visual .hmbr81-age-original.hm-of .hm-tef__age-summary::marker{content:''}
.hmbr81-visual .hmbr81-age-original.hm-of .hm-tef__age-chevron{margin-left:auto!important;width:8px!important;height:8px!important}
.hmbr81-visual .hmbr81-age-original.hm-of .hm-tef__age-info{color:inherit!important}
.hmbr81-visual .hmbr81-age-original.hm-of .hm-tef__age-panel{margin:6px 0 12px!important;padding:12px!important;border:1px solid #dce9e0!important;border-radius:8px!important;background:#f8fcfa!important;max-height:none!important;overflow:visible!important;font:inherit!important}
.hmbr81-visual .hmbr81-age-original.hm-of .hm-tef__age-table-wrap{max-height:210px!important;overflow:auto!important}
@media(max-width:540px){.hmbr81-visual .hmbr81-age-original.hm-of .hm-tef__age-table-wrap{max-height:180px!important}}
.hmbr81-visual .wide{width:100%}
.hmbr81-visual .addons{border:1px solid var(--edge);border-radius:12px;background:#fcfdfc;padding:17px;margin-top:18px}
.hmbr81-visual .count{font-size:11px;color:var(--d);background:#e6f5ec;border-radius:6px;padding:5px 8px;font-weight:700}
.hmbr81-visual .addon{border:1px solid #dce9e0;border-radius:9px;padding:15px;background:white;margin-top:11px}
.hmbr81-visual .addon.on{border-color:#a8d9b9}
.hmbr81-visual .addon h4{font-size:14px;color:var(--d);font-weight:750}
.hmbr81-visual .addon-lines{display:grid;gap:7px;margin-top:9px}
.hmbr81-visual .addon-lines div{display:flex;gap:8px;font-size:12px;line-height:1.4}
.hmbr81-visual .addon-bottom{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-top:12px}
.hmbr81-visual .addon-price{text-align:right;font-size:13px;font-weight:650;line-height:1.2}
.hmbr81-visual .addon-price small{display:block;font-size:10px;color:var(--muted);font-weight:400}
.hmbr81-visual .plus{width:30px;height:30px;background:#fff;color:var(--d);border:1px solid #9ebfac;border-radius:var(--btn-radius);padding:0;font-size:16px}
.hmbr81-visual .plus.on{background:#e6f8eb;border-color:var(--g);font-size:13px}
.hmbr81-visual .total{display:flex;align-items:center;justify-content:space-between;gap:9px;border-top:1px solid #deebe3;margin-top:15px;padding-top:14px}
.hmbr81-visual .total b{font-size:23px;color:var(--g);white-space:nowrap}
.hmbr81-visual .routes{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}
.hmbr81-visual .route{display:flex;flex-direction:column;gap:8px;border:1px solid var(--edge);border-radius:11px;padding:15px}
.hmbr81-visual .route.apply{border-color:#c8dfd2;background:#f6fbf8}
.hmbr81-visual .route-title,.hmbr81-visual .route .button{font-size:14px;font-weight:750}
.hmbr81-visual .route p{font-size:12px;color:var(--muted);flex:1}
.hmbr81-visual .summary{border:1px solid var(--edge);background:#f8fcf9;border-radius:9px;padding:12px;margin:14px 0}
.hmbr81-visual .summary-row{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #e0eae3;padding:9px 0;font-size:12px}
.hmbr81-visual .summary-row:last-child{border-bottom:0}
.hmbr81-visual .summary-row b{text-align:right}
.hmbr81-visual .progress{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:15px 0}
.hmbr81-visual .progress span{height:5px;background:#e5eee6;border-radius:5px}
.hmbr81-visual .progress span.on{background:var(--g)}
.hmbr81-visual .formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hmbr81-visual .field{display:grid;gap:5px}
.hmbr81-visual .field.full{grid-column:1/-1}
.hmbr81-visual .field label{color:var(--d);font-size:12px;font-weight:750}
.hmbr81-visual .field input,.hmbr81-visual .field select{border:1px solid #c7e0d0;border-radius:var(--btn-radius);padding:11px;min-height:43px;background:#fff;width:100%;color:var(--ink)}
.hmbr81-visual .actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:16px}
.hmbr81-visual .notice{background:#fffaf2;border:1px solid #ede0c9;border-radius:8px;padding:10px;color:#746044;font-size:11px;margin-top:15px}
.hmbr81-visual .error{font-size:12px;color:#a74728;margin-top:8px}
@media(max-width:650px){.hmbr81-visual .stage{padding:12px}.hmbr81-visual .page-title{font-size:21px}.hmbr81-visual .section-title{font-size:18px}.hmbr81-visual .qgrid,.hmbr81-visual .routes{grid-template-columns:1fr}.hmbr81-visual .sb{display:block}.hmbr81-visual .sbbuttons{max-width:none;margin-top:10px}.hmbr81-visual .tiles{gap:6px}.hmbr81-visual .price-area{min-height:104px;padding:11px 2px}.hmbr81-visual .amount{font-size:clamp(15px,4.5vw,22px)}.hmbr81-visual .price-meta{font-size:9px}.hmbr81-visual .tile-name{font-size:clamp(11px,3.4vw,16px);min-height:58px;padding:10px 2px}.hmbr81-visual .details,.hmbr81-visual .addons{padding:13px}.hmbr81-visual .dental{padding:13px 12px}.hmbr81-visual .dental-name{font-size:16px}.hmbr81-visual .dental-check{font-size:12px;gap:5px}.hmbr81-visual .dental-check input{width:21px;height:21px}.hmbr81-visual .total b{font-size:20px}.hmbr81-visual .products button{font-size:13px;padding:12px 4px}}
@media(max-width:360px){.hmbr81-visual .dental-header{flex-wrap:wrap}.hmbr81-visual .formgrid{grid-template-columns:1fr}.hmbr81-visual .field.full{grid-column:auto}}


/* V8.1 0.4.9: width belongs to the ELEMENTOR PARENT, never the viewport.
   No fixed max-width, viewport breakout, or independent section centering.
   Hero, original form and tariff results share identical outer edges. */
.hmbr81-original{
  display:block;
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
  padding:0;
  box-sizing:border-box;
  container:hmbr81 / inline-size;
}
.hmbr81-original > .hm-of,
.hmbr81-original .hm-of-calculator-card,
.hmbr81-original .hm-of-result{
  width:100%;
  max-width:100%;
  min-width:0;
  box-sizing:border-box;
}
/* Narrow ELEMENTOR columns need the same visual compression as narrow devices.
   These are layout-only changes: all original fields, data and handlers remain. */
@container hmbr81 (max-width:650px){
  .hmbr81-visual .qgrid,
  .hmbr81-visual .routes{grid-template-columns:minmax(0,1fr)}
  .hmbr81-visual .sb{display:block}
  .hmbr81-visual .sbbuttons{max-width:none;margin-top:10px}
  .hmbr81-visual .tiles{gap:6px}
  .hmbr81-visual .price-area{min-height:104px;padding:11px 2px}
  .hmbr81-visual .amount{font-size:clamp(14px,3cqw,22px)}
  .hmbr81-visual .tile-name{font-size:clamp(11px,2.6cqw,16px);min-height:58px;padding:10px 2px}
  .hmbr81-visual .price-meta{font-size:9px}
  .hmbr81-visual .details,.hmbr81-visual .addons{padding:13px}
}
/* Bridge ensures original AJAX, checkout and FF17 continue unmodified. */
.hmbr81-original .hm-tef__benefits{display:none!important}
.hmbr81-original .hm-of-calculator-card{max-width:none!important;border:1px solid #cee3d6!important;background:#f9fcfa!important;border-radius:15px!important;padding:18px!important;box-shadow:none!important}
.hmbr81-original .hm-of-calculator-card h2.hm-of-title{font-family:"Bricolage Grotesque",Arial,sans-serif!important;font-size:24px!important;font-weight:750!important;color:#00A075!important;line-height:1.28!important}
.hmbr81-original .hm-of-form input,.hmbr81-original .hm-of-form select{border-radius:8px!important;min-height:44px!important;background:white!important}
.hmbr81-original .hm-of-form .hm-of-submit{border:1px solid #005E52!important;border-radius:9px!important;background:#005E52!important;color:white!important;font-size:14px!important;font-weight:750!important}
.hmbr81-original .hm-of-form .hm-of-submit:hover{background:#00A075!important}
.hmbr81-original [data-hm-of-result].hmbr81-view-ready>.hm-of-offer,
.hmbr81-v81-result-host [data-hm-of-result].hmbr81-view-ready>.hm-of-offer{position:absolute!important;left:-200vw!important;top:0!important;width:1px!important;height:1px!important;opacity:0!important;visibility:hidden!important;overflow:hidden!important;pointer-events:none!important}
/* Elementor's separate result host retains its own width and flow; V8.1 uses it in place. */
.hmbr81-v81-result-host .hmbr81-visual{display:block;width:100%!important;max-width:100%!important;min-width:0!important;margin:16px 0!important;box-sizing:border-box!important}
.hmbr81-original .hmbr81-visual{width:100%!important;max-width:none!important;min-width:0!important;margin:16px 0!important;box-sizing:border-box!important}
.hmbr81-visual button{line-height:1.35!important;letter-spacing:normal!important;text-transform:none!important}
.hmbr81-visual .button{line-height:1.35!important}
.hmbr81-visual .tile .amount{font-variant-numeric:tabular-nums}
.hmbr81-visual .tile .tile-name{word-break:normal!important}
.hmbr81-visual .tier-context{font-size:12px;color:#5b766b;margin:6px 0 10px}
.hmbr81-visual .hmbr81-status{padding:11px;background:#edf6f2;border-radius:8px;margin:15px 0;color:#005e52}
.hmbr81-visual .hmbr81-disabled{opacity:.5;cursor:not-allowed}
.hmbr81-visual .addon .plus[disabled]{cursor:not-allowed;opacity:.45}
.hmbr81-visual .addon .extra-copy{font-size:11px;color:#5b766b;margin-top:7px}
.hmbr81-original [data-hm-of-save-panel]:not([hidden]){background:white;border:1px solid #cee3d6;padding:18px;margin-top:16px;border-radius:12px}
.hmbr81-original [data-hm-of-fallback]:not([hidden]){border:1px solid #eeab94;padding:16px;border-radius:12px;margin-top:16px}
@media(max-width:600px){.hmbr81-visual .bar{padding:10px 12px}.hmbr81-visual .stage{padding:14px}.hmbr81-visual .tiles{gap:7px}.hmbr81-visual .tile .price-area{min-height:102px;padding:12px 2px 10px}.hmbr81-visual .tile .tile-name{min-height:58px;font-size:14px!important;padding:9px 1px}.hmbr81-visual .tile .amount{font-size:clamp(14px,4.2vw,22px)!important;letter-spacing:-.4px}.hmbr81-visual .tile .price-meta{font-size:9px!important}.hmbr81-visual .sb{display:block}.hmbr81-visual .sbbuttons{margin-top:10px}.hmbr81-visual .routes{grid-template-columns:1fr}.hmbr81-visual .qgrid{grid-template-columns:1fr}}

/* Test-only diagnostics: never silently render an empty shortcode. */
.hmbr81-message{font-family:inherit;line-height:1.55;padding:16px 20px;margin:12px 0;border:1px solid #c7ddd4;border-radius:10px;background:#edf6f2;color:#005e52}
.hmbr81-message--error{border-color:#e5b79a;background:#fff6f0;color:#79421d}
.hmbr81-message a{color:#005e52;text-decoration:underline;font-weight:700}
/* Exact disclosure arrow states, isolated from Elementor/theme button defaults. */
.hmbr81-visual .hmbr81-age-original.hm-of .hm-tef__age-chevron{display:inline-block!important;flex:0 0 auto!important;margin-left:auto!important;border-right:1.5px solid currentColor!important;border-bottom:1.5px solid currentColor!important;border-top:0!important;border-left:0!important;transform:rotate(45deg)!important;transition:transform .16s ease!important}
.hmbr81-visual .hmbr81-age-original.hm-of details.hm-tef__age-inline[open] .hm-tef__age-chevron{transform:rotate(225deg)!important}

/* Typography is now controlled in HM Beitragsrechner V8.1 > Überschriften-Design. */
.hmbr81-visual .total .hmbr81-total-title{margin:0;color:var(--g);font-size:23px;font-weight:750;line-height:1.3}
.hmbr81-visual .addon .hmbr81-addon-title{margin:0;color:var(--d);font-size:14px;font-weight:750;line-height:1.3}
@media(max-width:650px){.hmbr81-visual .total .hmbr81-total-title{font-size:20px}}

/* HM V8.1 compact header and step guide (0.4.8).
   Presentational only: the original tariff engine, saved-offer and OLA logic remain intact. */
.hmbr81-original .hmbr81-hero-frame{width:100%;max-width:none;min-width:0;margin:0 0 12px;border:1px solid #d5e6dc;border-radius:15px;overflow:hidden;background:#fff;color:#183b30;font-family:"Bricolage Grotesque",Arial,sans-serif;box-sizing:border-box}
.hmbr81-original .hmbr81-hero-frame *{box-sizing:border-box}
.hmbr81-original .hmbr81-hero{padding:10px 16px;display:flex;align-items:center;gap:15px;min-height:0}
.hmbr81-original .hmbr81-hero__logo{flex:0 0 124px;width:124px;min-width:0;max-width:35%}
.hmbr81-original .hmbr81-hero__logo img{display:block;width:100%;height:auto;max-height:74px;max-width:100%;border-radius:9px;object-fit:contain}
.hmbr81-original .hmbr81-hero__text{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}
.hmbr81-original .hmbr81-hero__title{margin:0!important;font:750 1.5rem/1.18 "Bricolage Grotesque",Arial,sans-serif!important;color:#005E52!important;letter-spacing:normal!important;text-transform:none!important;overflow-wrap:anywhere}
.hmbr81-original .hmbr81-hero__slogan{margin:0!important;font:400 1.125rem/1.25 "Bricolage Grotesque",Arial,sans-serif!important;color:#222!important;letter-spacing:normal!important;text-transform:none!important;overflow-wrap:anywhere}
.hmbr81-original .hmbr81-progress{background:#fff;border-top:1px solid #edf0ed;padding:8px 15px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.hmbr81-original .hmbr81-progress ol{list-style:none!important;margin:0!important;padding:0!important;display:flex;align-items:center;justify-content:space-between;gap:12px}
.hmbr81-original .hmbr81-progress__step{position:relative;min-width:0;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 1 auto;color:#87918c;font:600 .78rem/1.25 "Bricolage Grotesque",Arial,sans-serif;text-align:left;white-space:nowrap}
.hmbr81-original .hmbr81-progress__dot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#ebeeec;color:transparent;border:1px solid #ebeeec;font-size:0;line-height:1}
.hmbr81-original .hmbr81-progress__dot::before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#d3d8d5}
/* Previous steps are navigable; current and future steps remain inert. */
.hmbr81-original .hmbr81-progress__jump{appearance:none;-webkit-appearance:none;background:transparent;border:0;color:inherit;font:inherit;font-weight:inherit;line-height:inherit;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;text-align:inherit;cursor:pointer;min-height:34px;min-width:0;padding:4px 5px;margin:-4px -5px;border-radius:8px}
.hmbr81-original .hmbr81-progress__jump:disabled{cursor:default;opacity:1}
.hmbr81-original .hmbr81-progress__step.is-complete .hmbr81-progress__jump:not(:disabled):hover{background:#edf6f2;color:#005e52}
.hmbr81-original .hmbr81-progress__step.is-complete .hmbr81-progress__jump:not(:disabled):focus-visible{outline:2px solid #005e52;outline-offset:2px;background:#edf6f2}
.hmbr81-original .hmbr81-progress__label{white-space:nowrap}
.hmbr81-original .hmbr81-progress__step.is-current{color:#005E52;font-weight:750}
.hmbr81-original .hmbr81-progress__step.is-current .hmbr81-progress__dot{background:#fff;border:2px solid #005E52;color:#005E52}
.hmbr81-original .hmbr81-progress__step.is-current .hmbr81-progress__dot::before{content:'›';width:auto;height:auto;background:none;border-radius:0;font:700 19px/14px Arial,sans-serif;transform:translateY(-1px)}
.hmbr81-original .hmbr81-progress__step.is-complete{color:#005E52;font-weight:750}
.hmbr81-original .hmbr81-progress__step.is-complete .hmbr81-progress__dot{background:#005E52;border-color:#005E52;color:#fff}
.hmbr81-original .hmbr81-progress__step.is-complete .hmbr81-progress__dot::before{content:'✓';width:auto;height:auto;background:none;font:700 13px/20px Arial,sans-serif;color:#fff}
.hmbr81-original .hmbr81-progress__step.is-future{color:#818c86;font-weight:500}
@media(max-width:860px){
.hmbr81-original .hmbr81-progress ol{justify-content:flex-start;gap:17px;min-width:max-content}
.hmbr81-original .hmbr81-progress__step{flex:0 0 auto}
}
@media(max-width:650px){
.hmbr81-original .hmbr81-hero{padding:8px 10px;gap:10px;min-height:0}
.hmbr81-original .hmbr81-hero__logo{flex:0 0 99px;width:99px;max-width:35%}
.hmbr81-original .hmbr81-hero__logo img{max-height:60px;border-radius:7px}
.hmbr81-original .hmbr81-hero__text{gap:2px}
.hmbr81-original .hmbr81-hero__title{font-size:1.25rem!important}
.hmbr81-original .hmbr81-hero__slogan{font-size:1rem!important}
.hmbr81-original .hmbr81-progress{padding:8px 10px}
.hmbr81-original .hmbr81-progress ol{gap:17px}
.hmbr81-original .hmbr81-progress__step{font-size:.71rem;gap:6px}
.hmbr81-original .hmbr81-progress__dot{flex-basis:18px;width:18px;height:18px}
}


/* V8.1 0.4.31: Fresh generic pages require explicit animal selection. */
.hmbr81-original .hmbr81-species-selection-error:not([hidden]){
  display:block!important;margin:8px 0 0!important;padding:0!important;
  color:#9d3b25!important;font:500 .88rem/1.4 "Bricolage Grotesque",Arial,sans-serif!important;
}
/* V8.1 0.4.11: Animal buttons - visual proxy for original tierart SELECT only.
   The original field name, product context, calculation and Make mapping are untouched. */
.hmbr81-original .hm-of-calculator-content .hm-of-form .hmbr81-species-field{
  width:100%!important;min-width:0!important;grid-column:1/-1!important;position:relative!important;
}
.hmbr81-original .hmbr81-species-buttons{
  width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
  margin-top:8px;box-sizing:border-box;
}
.hmbr81-original .hmbr81-species-buttons .hmbr81-species-button{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:12px!important;
  width:100%!important;min-width:0!important;min-height:60px!important;padding:13px 12px!important;
  border:1px solid transparent!important;border-radius:5px!important;
  background:var(--hmbr81-species-normal-bg,#edf6f2)!important;color:var(--hmbr81-species-normal-text,#005e52)!important;
  font-family:"Bricolage Grotesque",Arial,sans-serif!important;font-weight:750!important;font-size:1.0625rem!important;
  line-height:1.2!important;text-transform:none!important;letter-spacing:0!important;
  box-shadow:none!important;cursor:pointer;
}
.hmbr81-original .hmbr81-species-buttons .hmbr81-species-button.is-active{
  background:var(--hmbr81-species-active-bg,#00a075)!important;border-color:var(--hmbr81-species-active-bg,#00a075)!important;color:var(--hmbr81-species-active-text,#fff)!important;
}
/* Hover must appear BEFORE a click, including on previously unselected buttons.
   Fixed page buttons stay disabled and do not receive a misleading hover state. */
@media (hover:hover){
  .hmbr81-original .hmbr81-species-buttons .hmbr81-species-button:not(:disabled):hover{
    border-color:var(--hmbr81-species-hover-bg,#00a075)!important;
    background:var(--hmbr81-species-hover-bg,#00a075)!important;
    color:var(--hmbr81-species-hover-text,#fff)!important;
  }
}
.hmbr81-original .hmbr81-species-buttons .hmbr81-species-button:focus-visible{
  outline:3px solid #80d1b0!important;outline-offset:3px!important;
}
/* Built-in SVG and media-library icons share one adjustable footprint. */
.hmbr81-original .hmbr81-species-buttons .hmbr81-species-button .hmbr81-species-default-icon,
.hmbr81-original .hmbr81-species-buttons .hmbr81-species-button .hmbr81-species-custom-icon{
  display:flex!important;flex:0 0 var(--hmbr81-species-icon-size,1.875rem)!important;
  align-items:center;justify-content:center;
  width:var(--hmbr81-species-icon-size,1.875rem)!important;
  height:var(--hmbr81-species-icon-size,1.875rem)!important;
}
.hmbr81-original .hmbr81-species-buttons .hmbr81-species-button .hmbr81-species-default-icon svg{
  display:block!important;width:100%!important;height:100%!important;stroke:currentColor;
}
.hmbr81-original .hmbr81-species-buttons .hmbr81-species-button img.hmbr81-species-custom-icon{
  object-fit:contain!important;max-width:100%!important;max-height:100%!important;
}
.hmbr81-original .hmbr81-species-buttons .hmbr81-species-button[disabled]{
  cursor:default!important;
}
.hmbr81-original .hmbr81-species--fixed .hmbr81-species-button:not(.is-active){
  opacity:.52!important;
}
/* Visually hide ONLY original select when real interactive buttons exist.
   Do not delete native control: original JS, validation and FF17 mapping need it. */
body .hmbr81-original #hm-angebotsfinder.hm-of .hm-of-calculator-content .hm-of-form
  .hmbr81-species-field select.hmbr81-species-native{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:0!important;min-height:0!important;
  border:0!important;opacity:0!important;clip-path:inset(50%)!important;
  overflow:hidden!important;pointer-events:none!important;
}
.hmbr81-original .hmbr81-species-label{font-weight:700;color:#005e52;display:block;}
@media(max-width:550px){
  .hmbr81-original .hmbr81-species-buttons{gap:8px;}
  .hmbr81-original .hmbr81-species-buttons .hmbr81-species-button{
    min-height:52px!important;padding:10px 5px!important;gap:6px!important;font-size:.94rem!important;
  }
  .hmbr81-original .hmbr81-species-buttons .hmbr81-species-button .hmbr81-species-default-icon,
  .hmbr81-original .hmbr81-species-buttons .hmbr81-species-button .hmbr81-species-custom-icon{
    flex-basis:min(var(--hmbr81-species-icon-size,1.875rem),1.5rem)!important;
    width:min(var(--hmbr81-species-icon-size,1.875rem),1.5rem)!important;
    height:min(var(--hmbr81-species-icon-size,1.875rem),1.5rem)!important;
  }
}

/* Override the original >=580px two-column generic page rule ONLY after the
   V8.1 visual choice buttons are mounted: cards span the full owner container. */
body .hmbr81-original #hm-angebotsfinder.hm-of[data-hm-generic-tierart="1"]
  .hm-of-calculator-content .hm-of-form > .hmbr81-species-field {
  grid-column:1 / -1!important;
}
body .hmbr81-original #hm-angebotsfinder.hm-of[data-hm-generic-tierart="1"]
  .hm-of-calculator-content .hm-of-form > .hm-of-field--breed {
  grid-column:1 / -1!important;
}

/* 0.4.13 – HanseMerkur-inspired first step. The ORIGINAL finder stays in charge.
   Only presentational elements in the V8.1 shortcode are touched. */
.hmbr81-original .hm-of-calculator-content .hm-of-form{
  grid-template-columns:minmax(0,1fr)!important;
  gap:14px!important;
  align-items:stretch!important;
}
.hmbr81-original .hm-of-calculator-content .hm-of-form > .hm-of-field,
.hmbr81-original .hm-of-calculator-content .hm-of-form > .hm-of-action{
  width:100%!important;min-width:0!important;max-width:100%!important;
  grid-column:1/-1!important;
}
.hmbr81-original .hm-of-calculator-content .hm-of-form > .hmbr81-petname-field{
  display:flex!important;flex-direction:column!important;gap:6px!important;
}
.hmbr81-original .hmbr81-petname-field label{
  display:block!important;color:#005e52!important;font-weight:650!important;
  font-family:"Bricolage Grotesque",Arial,sans-serif!important;font-size:.94rem!important;
}
.hmbr81-original .hmbr81-petname-field [data-hmbr81-pet-name]{
  width:100%!important;min-height:52px!important;background:#fff!important;
  border:1px solid #c6dfcf!important;border-radius:5px!important;
  font:400 1rem/1.4 "Bricolage Grotesque",Arial,sans-serif!important;color:#173f33!important;
  padding:11px 14px!important;box-sizing:border-box!important;
}
.hmbr81-original .hmbr81-petname-field [data-hmbr81-pet-name]:focus{
  border-color:#00a075!important;outline:2px solid #9ddbc2!important;
  outline-offset:1px!important;
}
/* Align the next action with the bottom right of the original HM form.
   This is still the ORIGINAL submit[type=submit] and its untouched handler. */
.hmbr81-original .hm-of-calculator-content .hm-of-form > .hm-of-action{
  display:flex!important;justify-content:flex-end!important;align-items:center!important;
  padding:6px 0 0!important;
}
.hmbr81-original .hm-of-calculator-content .hm-of-form .hm-of-action button.hm-of-submit.hmbr81-original-next{
  display:inline-flex!important;align-items:center!important;justify-content:space-between!important;
  gap:14px!important;min-height:52px!important;min-width:220px!important;
  max-width:100%!important;width:auto!important;padding:0 0 0 22px!important;
  border:0!important;border-radius:5px!important;background:#005e52!important;
  box-shadow:none!important;color:#fff!important;
  font:750 .94rem/1.2 "Bricolage Grotesque",Arial,sans-serif!important;
  text-align:left!important;text-transform:none!important;white-space:normal!important;
  transition:background-color .16s ease!important;
}
.hmbr81-original .hm-of-calculator-content .hm-of-form .hm-of-action button.hm-of-submit.hmbr81-original-next::after{
  content:'\2192';display:flex;align-items:center;justify-content:center;
  min-height:52px;width:48px;flex:0 0 48px;background:#00473e;
  border-radius:0 5px 5px 0;color:#fff;font:700 1.35rem/1 "Bricolage Grotesque",Arial,sans-serif;
}
.hmbr81-original .hm-of-calculator-content .hm-of-form .hm-of-action button.hm-of-submit.hmbr81-original-next:hover,
.hmbr81-original .hm-of-calculator-content .hm-of-form .hm-of-action button.hm-of-submit.hmbr81-original-next:focus-visible{
  background:#008a71!important;
}
.hmbr81-original .hm-of-calculator-content .hm-of-form .hm-of-action button.hm-of-submit.hmbr81-original-next:focus-visible{
  outline:3px solid #b4dfca!important;outline-offset:3px!important;
}
@media(max-width:550px){
  .hmbr81-original .hm-of-calculator-content .hm-of-form > .hm-of-action{justify-content:stretch!important;}
  .hmbr81-original .hm-of-calculator-content .hm-of-form .hm-of-action button.hm-of-submit.hmbr81-original-next{width:100%!important;min-width:0!important;}
}
/* Explicitly override the ORIGINAL #hm-angebotsfinder desktop/tablet grid,
   including generic and cat page variants. The Elementor owner still supplies
   the width: the V8.1 form and all its children simply fill 100% of it. */
body .hmbr81-original #hm-angebotsfinder.hm-of .hm-of-calculator-content .hm-of-form,
body .hmbr81-original #hm-angebotsfinder.hm-of[data-hm-generic-tierart="1"] .hm-of-calculator-content .hm-of-form,
body .hmbr81-original #hm-angebotsfinder.hm-of[data-tierart="Katze"] .hm-of-calculator-content .hm-of-form{
  display:grid!important;grid-template-columns:minmax(0,1fr)!important;
  justify-content:stretch!important;align-items:stretch!important;
}
body .hmbr81-original #hm-angebotsfinder.hm-of .hm-of-calculator-content .hm-of-form > .hm-of-action{
  justify-self:stretch!important;align-self:auto!important;padding-top:6px!important;
  grid-column:1/-1!important;
}
body .hmbr81-original #hm-angebotsfinder.hm-of .hm-of-calculator-content .hm-of-form > .hm-of-field{
  grid-column:1/-1!important;
}

/* 0.4.29: original rate markup must not flash before V8.1 is ready.
   Applies only to a bounded, V8.1-scoped active projection, not fallback. */
[data-hm-of-result].hmbr81-projection-pending > .hm-of-offer{
  visibility:hidden!important;pointer-events:none!important;
}
/* 0.4.14: fail-safe status only, never alters the original form flow. */
.hmbr81-original .hmbr81-initialization-warning{grid-column:1/-1;color:#a32c20;background:#fff5f3;border:1px solid #e9aca5;border-radius:8px;margin:7px 0 0;padding:12px;font-size:0.925rem}

/* 0.4.16: V8.1 step isolation; ORIGINAL calculator is kept in the DOM.
   Visibility changes only after the verified V8.1 tariff projection exists. */
.hmbr81-original.hmbr81-step2-active .hm-of-calculator-card {display:none!important}
.hmbr81-original.hmbr81-step1-edit .hmbr81-visual {display:none!important}
.hmbr81-original .hmbr81-step2-toolbar{display:flex;justify-content:flex-end;align-items:center;margin:5px 0 9px;min-height:35px}
.hmbr81-original .hmbr81-edit-animal{background:#edf6f2!important;border:1px solid #c8dfd2!important;border-radius:6px!important;color:#005e52!important;padding:8px 12px!important;font:700 .88rem/1.4 "Bricolage Grotesque",Arial,sans-serif!important;cursor:pointer!important;text-transform:none!important}
.hmbr81-original .hmbr81-edit-animal:hover,.hmbr81-original .hmbr81-edit-animal:focus-visible{background:#dff2e7!important;border-color:#00a075!important}
.hmbr81-original .hmbr81-visual{scroll-margin-top:24px}

.hmbr81-visual[hidden]{display:none!important}
/* Staff-only preview is visually secondary; the sole customer CTA remains orange. */
.hmbr81-original .hmbr81-visual .hmbr81-staff-preview{display:block!important;width:100%!important;min-height:40px!important;margin:9px 0 0!important;padding:8px 12px!important;border:1px solid #b7d7c9!important;border-radius:5px!important;background:#fff!important;color:#005e52!important;font:600 .875rem/1.35 "Bricolage Grotesque",Arial,sans-serif!important;}
.hmbr81-original .hmbr81-visual .hmbr81-staff-preview:hover{background:#edf6f2!important;color:#005e52!important;}
.hmbr81-original .hmbr81-visual .hmbr81-route-warning{color:#8c331b!important;font-size:.875rem!important;}

/* 0.4.21: compact animal/tariff summary and prominent verified monthly price
 * in the hero progress row (not in a large duplicated green panel). */
.hmbr81-original .hmbr81-hero-frame{scroll-margin-top:90px;margin-bottom:8px}
.hmbr81-original .hmbr81-progress{
  display:flex;flex-wrap:wrap;gap:7px 16px;align-items:center;
  overflow:visible;padding:8px 14px;
}
.hmbr81-original .hmbr81-progress ol{
  flex:1 1 780px;min-width:0;max-width:100%;overflow-x:auto;
  scrollbar-width:thin;-webkit-overflow-scrolling:touch;
}
.hmbr81-original .hmbr81-progress__summary{
  flex:1 1 320px;min-width:0;max-width:100%;display:flex;
  align-items:center;justify-content:flex-end;gap:12px;
  font:500 .74rem/1.35 "Bricolage Grotesque",Arial,sans-serif;color:#567368;
}
.hmbr81-original .hmbr81-progress__summary[hidden]{display:none!important}
.hmbr81-original .hmbr81-progress__summary-text{
  flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;
  white-space:nowrap;text-align:right;
}
.hmbr81-original .hmbr81-progress__summary-price{
  flex:0 0 auto;white-space:nowrap;display:flex;align-items:baseline;gap:4px;
  font-variant-numeric:tabular-nums;color:#005e52;
}
.hmbr81-original .hmbr81-progress__summary-price strong{
  font:800 1.24rem/1.18 "Bricolage Grotesque",Arial,sans-serif;letter-spacing:-.02em;color:#005e52;
}
.hmbr81-original .hmbr81-progress__summary-price small{font-size:.7rem;color:#5a7669}
/* The original result margin is large on the public calculator.  Once it is
   hidden for the V8.1 steps it must no longer separate the hero and the form. */
.hmbr81-original.hmbr81-step2-active [data-hm-of-result]{margin-top:0!important;padding-top:0!important}
.hmbr81-original.hmbr81-step2-active .hmbr81-visual{
  margin:0!important;padding:0!important;scroll-margin-top:0!important;
}
.hmbr81-original.hmbr81-step2-active .hmbr81-step2-toolbar{
  margin:16px 0 0;min-height:0;justify-content:flex-start;
}
@container hmbr81 (max-width:1120px){
 .hmbr81-original .hmbr81-progress ol{flex-basis:100%}
 .hmbr81-original .hmbr81-progress__summary{flex-basis:100%;justify-content:flex-end}
}
@media(max-width:620px){
 .hmbr81-original .hmbr81-hero-frame{scroll-margin-top:68px}
 .hmbr81-original .hmbr81-progress{padding:7px 10px;gap:5px}
 .hmbr81-original .hmbr81-progress__summary{gap:8px;font-size:.7rem}
 .hmbr81-original .hmbr81-progress__summary-text{text-align:left}
 .hmbr81-original .hmbr81-progress__summary-price strong{font-size:1.15rem}
}

/* 0.4.34 - white first step and compact right-aligned tariff navigation.
   These are scoped to V8.1; the production calculator is not affected. */
body .hmbr81-original #hm-angebotsfinder.hm-of .hm-of-calculator-card,
body .hmbr81-original .hm-of-calculator-card {
  background:#fff!important;
  border-color:#d5e6dc!important;
}
body .hmbr81-original #hm-angebotsfinder.hm-of .hm-of-calculator-content {background:#fff!important;}
body .hmbr81-original #hm-angebotsfinder.hm-of .hm-of-calculator-content form.hm-of-form > .hm-of-action {
  display:flex!important;justify-content:flex-end!important;align-items:center!important;
  width:100%!important;min-width:0!important;
}
body .hmbr81-original #hm-angebotsfinder.hm-of .hm-of-calculator-content form.hm-of-form > .hm-of-action > button.hm-of-submit.hmbr81-original-next {
  display:inline-flex!important;justify-content:space-between!important;align-items:stretch!important;
  width:max-content!important;min-width:0!important;max-width:min(280px,100%)!important;
  flex:0 0 auto!important;min-height:46px!important;
  padding:0 0 0 17px!important;margin:0!important;
  border-radius:5px!important;font-size:.88rem!important;
}
body .hmbr81-original #hm-angebotsfinder.hm-of .hm-of-calculator-content form.hm-of-form > .hm-of-action > button.hm-of-submit.hmbr81-original-next::after {
  min-height:46px!important;width:40px!important;flex-basis:40px!important;
}
/* The first-step native fields use the same three input states as checkout. */
body .hmbr81-original #hm-angebotsfinder.hm-of .hm-of-calculator-content .hm-of-form > .hmbr81-float-field:not(.hmbr81-has-value):not(:focus-within) > :is(input,select) {
  background:#edf6f2!important;border:1px solid #cbded3!important;
}
body .hmbr81-original #hm-angebotsfinder.hm-of .hm-of-calculator-content .hm-of-form > .hmbr81-float-field.hmbr81-has-value:not(:focus-within) > :is(input,select) {
  background:#fff!important;border:1px solid #cbded3!important;
}
body .hmbr81-original #hm-angebotsfinder.hm-of .hm-of-calculator-content .hm-of-form > .hmbr81-float-field:focus-within > :is(input,select) {
  background:#fff!important;border:2px solid #005e52!important;outline:0!important;
}

/* V8.1-only: HM Design - Beitragsrechner may be nested in the original
   Tierfreunde shortcode. Keep its authenticated form but not a second hero. */
.hmbr81-original--tierfreunde .hm-ux--finder > .hm-ux-brand { display:none!important; }
.hmbr81-original--tierfreunde .hm-ux.hm-ux--finder { display:contents!important; }


/* HM V8.1 1.0.21: original-data tariff comparison, below three V8.1 cards.
   This stylesheet affects presentation ONLY. All source rows are rendered by
   the unchanged HM Leistungsuebersichten plugin. */
.hmbr81-visual .hmbr81-performance{margin-top:16px;min-width:0}
.hmbr81-visual .hmbr81-performance__main{border:1px solid #cfe2d7;border-radius:10px;background:#fff;overflow:hidden}
.hmbr81-visual .hmbr81-performance details>summary{cursor:pointer;list-style:none}
.hmbr81-visual .hmbr81-performance details>summary::-webkit-details-marker{display:none}
.hmbr81-visual .hmbr81-performance__main>summary{position:relative;display:flex;justify-content:center;align-items:center;gap:12px;min-height:51px;padding:12px 48px;background:#edf6f2;color:#005e52;font-size:15px;font-weight:750;text-align:center}
.hmbr81-visual .hmbr81-performance__main>summary:hover{background:#e4f2ea}
.hmbr81-visual .hmbr81-performance__main-label{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;text-align:center}
.hmbr81-visual .hmbr81-performance__main-icon{display:inline-flex;align-items:center;justify-content:center;flex:none;width:18px;height:18px;font-size:17px;line-height:1;color:#005e52}
.hmbr81-visual .hmbr81-performance__main-text{display:inline-flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0 4px}
.hmbr81-visual .hmbr81-performance__close-word{display:none}
.hmbr81-visual .hmbr81-performance__main[open] > summary .hmbr81-performance__open-word{display:none}
.hmbr81-visual .hmbr81-performance__main[open] > summary .hmbr81-performance__close-word{display:inline}
.hmbr81-visual .hmbr81-performance__chevron{width:9px;height:9px;border-right:2px solid #005e52;border-bottom:2px solid #005e52;transform:rotate(45deg);transition:transform .15s;flex:none}
.hmbr81-visual .hmbr81-performance__main>summary .hmbr81-performance__chevron{position:absolute;right:18px;top:50%;transform:translateY(-50%) rotate(45deg)}
.hmbr81-visual .hmbr81-performance details[open]>summary .hmbr81-performance__chevron{transform:rotate(225deg)}
.hmbr81-visual .hmbr81-performance__main[open]>summary .hmbr81-performance__chevron{transform:translateY(-50%) rotate(225deg)}
.hmbr81-visual .hmbr81-performance__body{padding:15px;min-width:0}
.hmbr81-visual .hmbr81-performance__switch{display:flex;align-items:center;gap:11px;min-height:40px;font-size:13px;font-weight:650;color:#183b30;margin-bottom:12px;cursor:pointer}
.hmbr81-visual .hmbr81-performance__switch input[type="checkbox"]{appearance:none!important;-webkit-appearance:none!important;display:inline-block!important;flex:none!important;width:43px!important;height:24px!important;min-height:24px!important;border:1px solid #b8cbc0!important;border-radius:15px!important;background:#d9dedb!important;position:relative!important;cursor:pointer!important;margin:0!important;box-shadow:none!important;transition:background-color .15s}
.hmbr81-visual .hmbr81-performance__switch input[type="checkbox"]:before{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #0003;transition:transform .15s}
.hmbr81-visual .hmbr81-performance__switch input[type="checkbox"]:checked{background:#005e52!important;border-color:#005e52!important}
.hmbr81-visual .hmbr81-performance__switch input[type="checkbox"]:checked:before{transform:translateX(19px)}
.hmbr81-visual .hmbr81-performance__section{border:1px solid #d6e7dc;border-radius:8px;overflow:hidden;margin:8px 0;background:white}
.hmbr81-visual .hmbr81-performance__section>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:43px;background:#f4faf7;color:#005e52;font-weight:750;padding:10px 12px;font-size:13px}
.hmbr81-visual .hmbr81-performance__section>summary:hover{background:#edf6f2}
.hmbr81-visual .hmbr81-performance__tablewrap{width:100%;overflow-x:auto}
.hmbr81-visual .hmbr81-performance__table{border-collapse:collapse;width:100%;table-layout:fixed;background:#fff;font-size:12px;line-height:1.45}
.hmbr81-visual .hmbr81-performance__table th,.hmbr81-visual .hmbr81-performance__table td{padding:12px 9px;border-top:1px solid #e0eae5;text-align:center;vertical-align:middle;overflow-wrap:break-word}
.hmbr81-visual .hmbr81-performance__table th:first-child{width:40%;text-align:left}
.hmbr81-visual .hmbr81-performance__table thead th{font-size:12px;font-weight:750;color:#005e52;background:#fafdfb}
.hmbr81-visual .hmbr81-performance__table thead th[data-hmbr81-plan]{padding-top:10px;padding-bottom:10px}
.hmbr81-visual .hmbr81-performance__plan-name{display:block;font-size:16px;line-height:1.15;font-weight:800}
.hmbr81-visual .hmbr81-performance__plan-type{display:block;margin-top:4px;font-size:12px;line-height:1.1;font-weight:700;letter-spacing:.02em}
.hmbr81-visual .hmbr81-performance__table tbody th{font-weight:500;color:#183b30}
.hmbr81-visual .hmbr81-performance__table .hm-lu-check{color:#00a075;font-weight:900;font-size:15px}
.hmbr81-visual .hmbr81-performance__table .hm-lu-cross{color:#777;font-weight:700}
.hmbr81-visual .hmbr81-performance__table .hm-lu-cell-text{color:#183b30}
.hmbr81-visual .hmbr81-performance[data-hmbr81-selected="komfort"] thead [data-hmbr81-plan="komfort"],
.hmbr81-visual .hmbr81-performance[data-hmbr81-selected="premium"] thead [data-hmbr81-plan="premium"],
.hmbr81-visual .hmbr81-performance[data-hmbr81-selected="premium_plus"] thead [data-hmbr81-plan="premium_plus"]{background:#00a075;color:#fff}
.hmbr81-visual .hmbr81-performance[data-hmbr81-selected="komfort"] tbody td[data-hmbr81-plan="komfort"],
.hmbr81-visual .hmbr81-performance[data-hmbr81-selected="premium"] tbody td[data-hmbr81-plan="premium"],
.hmbr81-visual .hmbr81-performance[data-hmbr81-selected="premium_plus"] tbody td[data-hmbr81-plan="premium_plus"]{background:#edf6f2;color:#005e52}
.hmbr81-visual .hmbr81-performance [hidden]{display:none!important}
.hmbr81-visual .hmbr81-performance__notes{border-top:1px solid #e0eae5;margin-top:12px;padding-top:6px}
.hmbr81-visual .hmbr81-performance__notes>summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 4px;font-size:12px;color:#005e52;font-weight:650}
.hmbr81-visual .hmbr81-performance__notes>div{font-size:11px;color:#4d6055;line-height:1.5;padding:3px 4px 10px}
.hmbr81-visual .hmbr81-performance__notes p{margin:7px 0}
@media(max-width:650px){
 .hmbr81-visual .hmbr81-performance__body{padding:10px}
 .hmbr81-visual .hmbr81-performance__main>summary{font-size:14px;padding:12px 40px}
 .hmbr81-visual .hmbr81-performance__table{font-size:11px}
 .hmbr81-visual .hmbr81-performance__table thead tr,
 .hmbr81-visual .hmbr81-performance__table tbody tr{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
 .hmbr81-visual .hmbr81-performance__table thead th:first-child{display:none}
 .hmbr81-visual .hmbr81-performance__table tbody th{grid-column:1/-1;width:100%;padding:11px 10px 7px;background:#fafdfb;border-top:1px solid #e0eae5;font-size:12px}
 .hmbr81-visual .hmbr81-performance__table thead th{width:auto!important;padding:10px 2px;font-size:11px}
 .hmbr81-visual .hmbr81-performance__plan-name{font-size:14px}
 .hmbr81-visual .hmbr81-performance__plan-type{font-size:11px}
 .hmbr81-visual .hmbr81-performance__table td{padding:7px 3px 11px;border-top:0;font-size:11px}
}
/* V8.1 v1.0.25 -- HM-style responsive performance comparison dialog.
   Presentation only: all tariff quotes and performance text remain sourced
   from Original HM. The scroll container, not the body, owns scrolling. */
/* V8.1.56: approved centered tariff-comparison accordion launcher.
   This is the same existing modal trigger; only visual markup is changed.
   Text is editable via the existing content editor, not a duplicate setting. */
.hmbr81-visual .hmbr81-performance__launcher{
  display:flex!important;align-items:center!important;justify-content:center!important;
  width:100%!important;min-width:0!important;min-height:6.5rem!important;
  padding:.75rem 58px .75rem!important;position:relative!important;
  background:#edf6f2!important;color:#005e52!important;
  border:2px solid #008b72!important;border-radius:19px!important;
  box-shadow:0 3px 9px rgba(0,94,82,.10)!important;
  font:inherit!important;font-family:"Bricolage Grotesque",Arial,sans-serif!important;
  cursor:pointer!important;text-align:center!important;white-space:normal!important;
  box-sizing:border-box!important;transition:background .18s ease,box-shadow .18s ease!important;
}
.hmbr81-visual .hmbr81-performance__launcher:hover{
  background:#e3f3ec!important;box-shadow:0 5px 13px rgba(0,94,82,.15)!important;
}
.hmbr81-visual .hmbr81-performance__launcher:focus-visible{
  outline:3px solid #00a075!important;outline-offset:3px!important;
}
.hmbr81-visual .hmbr81-performance__launcher-body{
  width:100%!important;max-width:100%!important;min-width:0!important;
  display:flex!important;flex-direction:row!important;
  align-items:center!important;justify-content:center!important;gap:1rem!important;
  line-height:1.3!important;
}
.hmbr81-visual .hmbr81-performance__launcher-icon{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  width:44px!important;height:44px!important;flex:0 0 44px!important;
  border-radius:50%!important;background:#d9efe6!important;color:#005e52!important;
  margin:0!important;
}
.hmbr81-visual .hmbr81-performance__launcher-icon svg{
  display:block!important;width:27px!important;height:27px!important;max-width:100%!important;
}
.hmbr81-visual .hmbr81-performance__launcher-icon img{
  display:block!important;width:27px!important;height:27px!important;max-width:100%!important;
  object-fit:contain!important;
}
.hmbr81-visual .hmbr81-performance__launcher-divider{
  display:block!important;align-self:stretch!important;flex:0 0 2px!important;width:2px!important;
  min-height:56px!important;border-radius:2px!important;background:#9ccbbd!important;
}
.hmbr81-visual .hmbr81-performance__launcher-copy{
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;
  justify-content:center!important;gap:3px!important;min-width:0!important;max-width:100%!important;
  text-align:left!important;
}
.hmbr81-visual .hmbr81-performance__launcher-title{
  display:block!important;min-width:0!important;max-width:100%!important;
  font-size:clamp(1.35rem,2.4vw,1.8rem)!important;
  font-weight:750!important;line-height:1.16!important;
  color:#005e52!important;overflow-wrap:normal!important;word-break:normal!important;
  hyphens:auto!important;overflow-wrap:anywhere!important;text-align:left!important;
}
.hmbr81-visual .hmbr81-performance__launcher-description{
  display:block!important;min-width:0!important;max-width:100%!important;
  font-size:1rem!important;font-weight:400!important;line-height:1.43!important;
  color:#222!important;overflow-wrap:normal!important;word-break:normal!important;
  hyphens:auto!important;text-align:left!important;
}
.hmbr81-visual .hmbr81-performance__launcher-chevron{
  display:block!important;width:14px!important;height:14px!important;
  position:absolute!important;right:27px!important;top:50%!important;
  border:0!important;border-right:3px solid #005e52!important;border-bottom:3px solid #005e52!important;
  transform:translateY(-65%) rotate(45deg)!important;
  border-radius:1px!important;pointer-events:none!important;
}
@media(max-width:600px){
  .hmbr81-visual .hmbr81-performance__launcher{min-height:8.75rem!important;padding:.75rem 37px .75rem!important;border-radius:16px!important}
  .hmbr81-visual .hmbr81-performance__launcher-body{flex-direction:column!important;gap:10px!important}
  .hmbr81-visual .hmbr81-performance__launcher-icon{width:38px!important;height:38px!important;flex-basis:38px!important}
  .hmbr81-visual .hmbr81-performance__launcher-icon svg{width:24px!important;height:24px!important}
  .hmbr81-visual .hmbr81-performance__launcher-icon img{width:24px!important;height:24px!important}
  .hmbr81-visual .hmbr81-performance__launcher-divider{display:none!important}
  .hmbr81-visual .hmbr81-performance__launcher-copy{align-items:center!important;text-align:center!important;gap:3px!important}
  .hmbr81-visual .hmbr81-performance__launcher-title{font-size:1.4rem!important;text-align:center!important}
  .hmbr81-visual .hmbr81-performance__launcher-description{font-size:.9rem!important;text-align:center!important}
  .hmbr81-visual .hmbr81-performance__launcher-chevron{right:14px!important;width:11px!important;height:11px!important}
}
@media(prefers-reduced-motion:reduce){.hmbr81-visual .hmbr81-performance__launcher{transition:none!important}}
html.hmbr81-performance-modal-open,html.hmbr81-performance-modal-open body{overflow:hidden!important}
.hmbr81-performance__layer,
.hmbr81-performance__layer *{box-sizing:border-box}
.hmbr81-performance__layer{
  position:fixed!important;inset:0!important;z-index:2147483000!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  padding:20px!important;color:#193a30!important;font-family:Cairo,Arial,sans-serif!important;
  font-size:14px!important;line-height:1.45!important;
}
.hmbr81-performance__shade{position:absolute!important;inset:0!important;background:rgba(13,33,26,.62)!important}
.hmbr81-performance__dialog{
  position:relative!important;display:flex!important;flex-direction:column!important;
  width:min(1180px,100%)!important;min-width:0!important;height:min(90dvh,890px)!important;
  max-height:100%!important;overflow:hidden!important;
  background:#fff!important;border:1px solid #dce9e2!important;border-radius:21px!important;
  box-shadow:0 18px 80px rgba(0,35,23,.23)!important;
}
.hmbr81-performance__modal-heading{
  flex:0 0 auto!important;display:flex!important;justify-content:space-between!important;align-items:center!important;
  padding:16px 21px 14px!important;border-bottom:1px solid #e7eee9!important;background:#fff!important;
}
.hmbr81-performance__modal-heading h2{
  flex:1!important;margin:0!important;color:#152d24!important;font:750 23px/1.3 Cairo,Arial,sans-serif!important;
  letter-spacing:normal!important;text-transform:none!important;
}
.hmbr81-performance__layer button{font-family:inherit!important;letter-spacing:normal!important;text-transform:none!important}
.hmbr81-performance__close{
  flex:0 0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;
  width:48px!important;height:48px!important;margin:0!important;padding:0!important;
  border:2px solid #56a784!important;border-radius:50%!important;background:#fff!important;
  color:#005e52!important;font:400 28px/1 Arial,sans-serif!important;cursor:pointer!important;
}
.hmbr81-performance__close span{display:block!important;line-height:1!important;transform:translateY(-1px)!important}
.hmbr81-performance__close:hover{background:#edf6f2!important}
.hmbr81-performance__layer :is(button,summary,input):focus-visible{
  outline:3px solid #00a075!important;outline-offset:2px!important;
}
.hmbr81-performance__scroll{
  flex:1 1 auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;
  overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;
  scrollbar-gutter:stable!important;background:#fff!important;
}
.hmbr81-performance__sticky{
  position:sticky!important;top:0!important;z-index:5!important;
  background:#fff!important;padding:13px 20px 9px!important;
  border-bottom:1px solid #e0ebe5!important;box-shadow:0 2px 6px rgba(0,50,20,.04)!important;
}
.hmbr81-performance__plan-grid{
  display:grid!important;grid-template-columns:40% repeat(3,minmax(0,20%))!important;
  align-items:stretch!important;column-gap:0!important;row-gap:0!important;width:100%!important;
}
.hmbr81-performance__blank{display:block!important}
.hmbr81-performance__plan{
  display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:space-between!important;
  min-width:0!important;min-height:97px!important;margin:0 3px!important;padding:0!important;overflow:hidden!important;
  border:1.5px solid #56a784!important;border-radius:7px!important;background:#fff!important;
  color:#005e52!important;text-align:center!important;cursor:pointer!important;
}
.hmbr81-performance__plan:disabled{opacity:.55!important;cursor:not-allowed!important}
.hmbr81-performance__price{
  display:block!important;padding:13px 3px 0!important;color:#00a075!important;
  font-size:clamp(14px,1.9vw,21px)!important;font-weight:800!important;line-height:1.22!important;
  font-variant-numeric:tabular-nums!important;overflow-wrap:anywhere!important;
}
.hmbr81-performance__subline{
  display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;
  gap:2px 8px!important;padding:4px 8px 8px!important;color:#344a40!important;
}
.hmbr81-performance__subitem{display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;line-height:1.2!important}
.hmbr81-performance__subitem + .hmbr81-performance__subitem:before{
  content:"·"!important;display:inline-block!important;margin:0 8px 0 0!important;color:#96a99f!important;font-weight:600!important;
}
.hmbr81-performance__period{padding:0!important;color:#263a30!important;font-size:11px!important;font-weight:500!important}
.hmbr81-performance__meta{padding:0!important;color:#53695f!important;font-size:11px!important;font-weight:600!important;line-height:1.2!important}
.hmbr81-performance__plan-label{
  display:flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;min-height:42px!important;margin-top:auto!important;padding:8px 4px!important;
  color:#005e52!important;background:#edf6f2!important;
  font-size:clamp(13px,1.55vw,18px)!important;font-weight:800!important;line-height:1.25!important;
}
.hmbr81-performance__plan.is-selected{border-color:#00a075!important}
.hmbr81-performance__plan.is-selected .hmbr81-performance__plan-label{background:#00a075!important;color:#fff!important}
.hmbr81-performance__content{min-width:0!important;padding:14px 20px 28px!important}
.hmbr81-performance__switch{
  display:flex!important;align-items:center!important;gap:10px!important;width:fit-content!important;
  min-height:39px!important;margin:0 0 12px!important;color:#183b30!important;
  font-size:13px!important;font-weight:600!important;cursor:pointer!important;
}
.hmbr81-performance__switch input[type="checkbox"]{
  appearance:none!important;-webkit-appearance:none!important;display:inline-block!important;
  width:45px!important;min-width:45px!important;height:25px!important;min-height:25px!important;
  margin:0!important;padding:0!important;border:1px solid #b6c7bd!important;border-radius:25px!important;
  background:#d9dedb!important;position:relative!important;cursor:pointer!important;box-shadow:none!important;
}
.hmbr81-performance__switch input[type="checkbox"]:before{
  content:""!important;position:absolute!important;width:19px!important;height:19px!important;top:2px!important;left:2px!important;
  border-radius:50%!important;background:white!important;box-shadow:0 1px 3px #0002!important;
  transition:transform .16s!important;
}
.hmbr81-performance__switch input[type="checkbox"]:checked{background:#005e52!important;border-color:#005e52!important}
.hmbr81-performance__switch input[type="checkbox"]:checked:before{transform:translateX(20px)!important}
.hmbr81-performance__sections{display:grid!important;gap:10px!important}
.hmbr81-performance__section{background:#fff!important;border:1px solid #dce9e2!important;border-radius:8px!important;min-width:0!important;overflow:hidden!important}
.hmbr81-performance__layer details>summary{list-style:none!important;cursor:pointer!important}
.hmbr81-performance__layer details>summary::-webkit-details-marker{display:none!important}
.hmbr81-performance__section>summary{
  display:flex!important;align-items:center!important;justify-content:space-between!important;
  gap:10px!important;min-height:47px!important;padding:12px 16px!important;margin:0!important;
  color:#005e52!important;background:#f4faf7!important;
  font-size:15px!important;font-weight:750!important;
}
.hmbr81-performance__section>summary:hover{background:#edf6f2!important}
.hmbr81-performance__chevron{
  display:inline-block!important;flex:0 0 auto!important;width:9px!important;height:9px!important;
  border-right:2px solid #005e52!important;border-bottom:2px solid #005e52!important;
  transform:rotate(45deg)!important;transition:transform .15s!important;
}
.hmbr81-performance__layer details[open]>summary .hmbr81-performance__chevron{transform:rotate(225deg)!important}
.hmbr81-performance__tablewrap{width:100%!important;max-width:100%!important;overflow-x:auto!important}
.hmbr81-performance__table{width:100%!important;border-collapse:collapse!important;table-layout:fixed!important;margin:0!important;background:#fff!important;font-size:13px!important}
.hmbr81-performance__table th,.hmbr81-performance__table td{
  box-sizing:border-box!important;margin:0!important;padding:12px 9px!important;
  border-top:1px solid #e0eae5!important;text-align:center!important;vertical-align:middle!important;
  font-weight:400!important;overflow-wrap:break-word!important;color:#183b30!important;
}
.hmbr81-performance__table th:first-child{width:40%!important;text-align:left!important}
.hmbr81-performance__table thead th{background:#f8fcfa!important;font-size:14px!important;color:#005e52!important;font-weight:800!important}
.hmbr81-performance__content[data-hmbr81-selected="komfort"] .hmbr81-performance__table thead th[data-hmbr81-plan="komfort"],
.hmbr81-performance__content[data-hmbr81-selected="premium"] .hmbr81-performance__table thead th[data-hmbr81-plan="premium"],
.hmbr81-performance__content[data-hmbr81-selected="premium_plus"] .hmbr81-performance__table thead th[data-hmbr81-plan="premium_plus"]{background:#00a075!important;color:#fff!important}
.hmbr81-performance__table tbody th{font-weight:600!important}
.hmbr81-performance__table tbody td[data-hmbr81-plan]{width:20%!important}
.hmbr81-performance__table .hm-lu-check{color:#00a075!important;font-size:17px!important;font-weight:900!important}
.hmbr81-performance__table .hm-lu-cross{color:#666!important}
.hmbr81-performance__content[data-hmbr81-selected="komfort"] tbody td[data-hmbr81-plan="komfort"],
.hmbr81-performance__content[data-hmbr81-selected="premium"] tbody td[data-hmbr81-plan="premium"],
.hmbr81-performance__content[data-hmbr81-selected="premium_plus"] tbody td[data-hmbr81-plan="premium_plus"]{
  background:#edf6f2!important;
}
.hmbr81-performance__layer [hidden]{display:none!important}
.hmbr81-performance__empty{padding:16px 6px!important;margin:0!important;color:#577367!important;font-size:13px!important}
.hmbr81-performance__notes{border-top:1px solid #e0eae5!important;margin-top:14px!important}
.hmbr81-performance__notes>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important;padding:12px 4px!important;color:#005e52!important;font-weight:650!important}
.hmbr81-performance__notes>div{font-size:12px!important;line-height:1.6!important;color:#4d6055!important;padding:2px 4px 12px!important}
.hmbr81-performance__notes p{margin:7px 0!important}
/* On a phone / tablet in portrait, each benefit title spans the width.
   Its THREE values stay aligned below the THREE sticky plan cards. */
@media(max-width:800px), (orientation:portrait) and (max-width:1100px){
  .hmbr81-performance__layer{padding:0!important;align-items:flex-end!important}
  .hmbr81-performance__dialog{
    width:100%!important;height:90dvh!important;max-height:calc(100dvh - env(safe-area-inset-top) - 8px)!important;
    border:0!important;border-radius:24px 24px 0 0!important;
  }
  .hmbr81-performance__modal-heading{padding:15px 16px 11px!important}
  .hmbr81-performance__modal-heading h2{font-size:21px!important}
  .hmbr81-performance__sticky{padding:12px 12px 10px!important}
  .hmbr81-performance__plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:0!important}
  .hmbr81-performance__plan{margin:0 3px!important}
  .hmbr81-performance__blank{display:none!important}
  .hmbr81-performance__plan{min-height:122px!important}
  .hmbr81-performance__price{font-size:clamp(14px,3.8vw,22px)!important;padding:16px 2px 0!important}
  .hmbr81-performance__plan-label{min-height:44px!important;font-size:clamp(12px,2.9vw,16px)!important}
  .hmbr81-performance__content{padding:12px 12px calc(23px + env(safe-area-inset-bottom))!important}
  .hmbr81-performance__subline{gap:2px 6px!important;padding:4px 6px 8px!important}
  .hmbr81-performance__subitem + .hmbr81-performance__subitem:before{margin:0 6px 0 0!important}
  .hmbr81-performance__period,.hmbr81-performance__meta{font-size:10px!important}
  .hmbr81-performance__tablewrap{overflow-x:hidden!important}
  .hmbr81-performance__table{display:block!important;width:100%!important;font-size:13px!important}
  .hmbr81-performance__table thead{display:none!important}
  .hmbr81-performance__table tbody{display:block!important;width:100%!important}
  .hmbr81-performance__table tr{
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    min-width:0!important;width:100%!important;
  }
  .hmbr81-performance__table tbody th:first-child{
    display:block!important;grid-column:1/-1!important;width:100%!important;
    text-align:center!important;padding:15px 7px 10px!important;
    background:#fff!important;color:#183b30!important;font-size:13px!important;font-weight:750!important;
  }
  .hmbr81-performance__table tbody td[data-hmbr81-plan]{
    display:flex!important;align-items:center!important;justify-content:center!important;
    min-width:0!important;width:auto!important;min-height:48px!important;
    padding:9px 5px!important;background:#edf6f2!important;
    font-size:12px!important;text-align:center!important;word-break:normal!important;
    border:1px solid #fff!important;
  }
  .hmbr81-performance__section>summary{font-size:14px!important}
}
@media(max-width:430px){
  .hmbr81-performance__modal-heading h2{font-size:19px!important}
  .hmbr81-performance__plan-grid{gap:0!important}
  .hmbr81-performance__plan{margin:0 2px!important}
  .hmbr81-performance__plan{min-height:118px!important}
  .hmbr81-performance__price{font-size:clamp(13px,4vw,18px)!important}
  .hmbr81-performance__subline{gap:2px 5px!important;padding:4px 5px 7px!important}
  .hmbr81-performance__subitem + .hmbr81-performance__subitem:before{margin:0 5px 0 0!important}
  .hmbr81-performance__plan-label{font-size:clamp(11px,3.2vw,14px)!important}
  .hmbr81-performance__table tbody th{font-size:12px!important}
  .hmbr81-performance__table tbody td{font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
 .hmbr81-performance__layer *, .hmbr81-performance__layer *:before{transition:none!important;scroll-behavior:auto!important}
}