.wash-pass-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.wash-pass-grid{align-items:stretch}
.wash-pass-grid .pass-face{height:128px;min-height:128px}
.wash-pass-grid .pass-number{font-size:30px!important;line-height:1.1;flex:none}
.wash-pass-grid .pass-stamps{white-space:nowrap;overflow-wrap:normal;font-size:11px;letter-spacing:1px;min-height:18px}
.membership-form-stage.active{animation:none!important}
.membership-monthly-saving{margin:14px 0;padding:10px 12px;border-radius:10px;background:#e2f5ed;color:#087d55;text-align:center;font-size:14px;line-height:1.6;font-weight:500}
.membership-monthly-saving strong{font-weight:700;direction:ltr;unicode-bidi:isolate;display:inline-block}
.membership-monthly-caption{text-align:center;font-size:13px;line-height:1.7;color:var(--wolt-muted,#6e7e89);margin:0 0 14px}
.membership-monthly-caption strong{display:inline-block;direction:ltr;unicode-bidi:isolate;color:var(--wolt-ink,#18232b);font-weight:600}
.membership-monthly-caption small{display:block;font-size:11px;margin-top:3px}
.membership-summary-dirt{display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;padding:12px 0;border-top:1px solid #dcecf3;border-bottom:1px solid #dcecf3;margin-bottom:10px;color:var(--wolt-ink,#18232b)}
.membership-summary-dirt strong{font-size:13px;line-height:1.6;font-weight:700}
.membership-summary-dirt > span{color:#008fbe;font-weight:700}
[data-theme="dark"] .membership-monthly-saving{background:#143d30;color:#8ee2b9}
.wash-pass-grid .pass-face{height:104px;min-height:104px;gap:2px;padding:10px 6px}
.wash-pass{position:relative;cursor:pointer;min-width:0}
.wash-pass>input{position:absolute;opacity:0;width:1px;height:1px}
.pass-face{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:112px;padding:14px 6px;border:1px solid #dfe5e9;border-radius:16px;background:#fff;color:var(--wolt-ink,#18232b);transition:border-color .18s ease,background .18s ease,box-shadow .18s ease,transform .18s ease}
.wash-pass:hover .pass-face{border-color:#a9def2;transform:translateY(-1px)}
.wash-pass input:checked+.pass-face{border-color:var(--wolt-blue,#00a9df);background:#effaff;box-shadow:0 0 0 1px var(--wolt-blue,#00a9df),0 8px 20px rgba(0,169,232,.10)}
.wash-pass input:focus-visible+.pass-face{outline:3px solid #00a9df;outline-offset:3px}
.pass-number{font-size:30px;line-height:1.1;font-weight:600}
.pass-recommended{position:absolute;top:7px;inset-inline-start:7px;font-size:9px;font-weight:700;color:#087a9f;background:#dff5fd;border-radius:999px;padding:3px 7px}
.pass-label{font-size:13px;font-weight:500}
.pass-face small{font-size:11px;color:#77848f}
.membership-summary-column{position:sticky;top:94px;display:grid;gap:12px;min-width:0}
.membership-summary-column .membership-order-summary{position:static;top:auto}
.pass-selection-summary{display:grid;padding:20px;border:1px solid #dcecf3;border-radius:24px;background:#fff;box-shadow:0 14px 36px rgba(16,55,76,.08)}
.pass-selection-discount{display:flex;flex-direction:column;justify-content:center}
.pass-selection-discount small{margin-bottom:4px;color:var(--wolt-muted,#6e7e89);font-size:11px}
.pass-selection-discount{padding:14px 16px;border:1px solid #8bd8f2;border-radius:16px;background:#effaff;text-align:center}
.pass-selection-discount strong{color:#008db9;font-size:24px;font-weight:800;line-height:1.1}
.pass-stamps{color:#00a9df;font-size:13px;font-weight:400;letter-spacing:2px;line-height:1.4;min-height:22px;margin:3px 0;max-width:100%;overflow-wrap:anywhere;text-align:center}
.car-count-options .membership-option small{color:#008fbe;font-weight:700}
.membership-package-option > span,.membership-package-option.premium > span{border-color:#dfe5e9;border-radius:16px;background:#fff}
.membership-package-option.premium .membership-package-choice-icon{border-color:#d5e4eb;color:var(--wolt-blue-deep);background:#f4f8fa}
.membership-package-option input:checked + span,.membership-package-option.premium input:checked + span{border-color:var(--wolt-blue);background:var(--wolt-blue-soft);box-shadow:inset 0 0 0 1px var(--wolt-blue)}
.membership-package-option input:checked + span .membership-package-choice-icon,.membership-package-option.premium input:checked + span .membership-package-choice-icon{border-color:#bfe8f7;color:var(--wolt-blue-deep);background:#fff}
.membership-package-option.premium > span{background:#fffdf9;border-color:#e4cfaf}
.membership-package-option.premium:hover > span{background:#fff8ee;border-color:#d8ad70}
.membership-package-option.premium .membership-package-choice-icon{color:#8a5a22;background:#fff4e2;border-color:#e2c18f}
.membership-package-option.premium input:checked + span{color:var(--wolt-ink);background:linear-gradient(180deg,#fff2de 0%,#fff9ef 100%);border-color:#c58b43;box-shadow:inset 0 0 0 1px #c58b43,0 8px 20px rgba(145,96,34,.11)}
.membership-package-option.premium input:checked + span .membership-package-choice-icon{color:#fff;background:#b9782f;border-color:#b9782f}
.membership-package-choice-icon{border-radius:50%}
.membership-package-choice-price > strong{color:var(--wolt-ink,#18232b)}
.membership-package-option input:checked + span .membership-package-choice-copy > small,
.membership-package-option input:checked + span .membership-package-choice-includes,
.membership-package-option input:checked + span .membership-package-choice-price > small{color:var(--wolt-muted,#6e7e89)}
.membership-field-note{display:block;margin:-2px 0 10px;color:var(--wolt-muted,#6e7e89);font-size:12px}
.membership-vehicle-sizes{display:grid;gap:12px}
.membership-vehicle-size-group > strong{display:block;margin-bottom:7px;color:var(--wolt-ink,#18232b);font-size:14px}
.membership-vehicle-size-group .membership-option > span{min-height:58px;padding:10px 12px;border-radius:16px}
.membership-vehicle-size-group .membership-option strong{font-size:14px}
.membership-vehicle-size-group .membership-option small{margin-top:2px;font-size:11px}
[data-theme="dark"] .pass-face{background:#12212d;color:#f5f8fb;border-color:#344653}
[data-theme="dark"] .wash-pass input:checked+.pass-face,[data-theme="dark"] .pass-selection-discount{background:#142e3b;color:#e4eef5}
[data-theme="dark"] .pass-selection-summary{border-color:#33434b;background:#22262b}
@media(max-width:980px){.membership-summary-column{position:static;top:auto}}
@media(prefers-reduced-motion:reduce){.pass-face{transition:none}}

/* Give the per-wash price back its original visual priority. */
body.client-body .membership-order-summary .membership-summary-primary { padding: 18px 16px; }
body.client-body .membership-order-summary .membership-summary-primary > span {
  font-size: 15px;
  line-height: 1.4;
}
body.client-body .membership-order-summary .membership-summary-primary .simple-savings-price > strong {
  font-size: 30px !important;
  line-height: 1.15;
}

/* Keep the full monthly charge visible as a quiet footer to the plan summary. */
body.client-body .membership-order-summary .membership-payment-total {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: baseline;
  gap: 2px 10px;
  margin: 16px 0 0;
  padding: 15px 0 0;
  border-top: 0;
  text-align: start;
}
body.client-body .membership-order-summary .membership-payment-total > span {
  font-size: 12px;
  font-weight: 600;
  color: var(--wolt-muted,#6e7e89);
}
body.client-body .membership-order-summary .membership-payment-total > strong {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.2;
  color: var(--wolt-ink,#18232b);
  direction: ltr;
  unicode-bidi: isolate;
}
body.client-body .membership-order-summary .membership-payment-total > small {
  grid-column: 1 / -1;
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.5;
  color: var(--wolt-muted,#6e7e89);
}
html[data-theme="dark"] body.client-body .membership-order-summary .membership-payment-total > strong { color: #f4f7fa; }