/* Look "bubble" (html[data-style="bubble"], set by public/js/look.js): chunky soft-3D. Mint page, coral action, sunny yellow
   chips. Very round shapes, 3px borders in a darker tone of the surface, a "pressable" bottom shadow, Baloo 2 + Nunito.
   Colors come from look.js (--paper, --card, --foreground, --muted, --accent, --accent-contrast); the tones below are this
   theme's own. Text pairs: ink #0f2f2a on mint/card/coral/yellow, muted #3f6a62 on mint/card, error #b23a1c on mint/card. */
html[data-style="bubble"] {
  --b-edge: #8fc9b0;       /* darker mint: borders and bottom shadows of cards */
  --b-edge-soft: #b5ddcb;  /* lighter edge: day cells, dashed separators */
  --b-dot: #b4dec9;        /* dot pattern on the page */
  --b-coral-d: #d4502f;    /* darker coral: edge of selected and the CTA */
  --b-sun: #ffd75e;        /* second accent: done steps, icon chips */
  --b-sun-d: #d9a514;      /* its edge */
  --b-ink-soft: #2c5750;   /* secondary text that must stay readable on mint */
  --b-err: #b23a1c;        /* error text (coral itself is too light for text) */
  --b-inset: #e0f3ea;      /* inner top shadow of fields */
}

/* Page: dot pattern on the mint */
html[data-style="bubble"] body { background-color: var(--paper); background-image: radial-gradient(var(--b-dot) 2.2px, transparent 2.8px); background-size: 22px 22px; }
html[data-style="bubble"] .booking { background: transparent; }
html[data-style="bubble"] .booking__panels { padding-bottom: 0.5rem; }

/* Header */
html[data-style="bubble"] .brand__name { font: 800 clamp(1.15rem, 1.05rem + 0.5vw, 1.35rem) / 1.05 var(--font-display); letter-spacing: 0.02em; text-indent: 0; text-transform: none; }
html[data-style="bubble"] .brand__tag { font-size: 0.62rem; font-weight: 700; letter-spacing: 0.24em; text-indent: 0.24em; color: var(--muted); }
html[data-style="bubble"] .app__btn { border: 3px solid var(--b-edge); background: var(--card); box-shadow: 0 4px 0 var(--b-edge); color: var(--foreground); transition: transform 0.15s, box-shadow 0.15s; }
html[data-style="bubble"] .app__btn:active { transform: translateY(3px); box-shadow: 0 1px 0 var(--b-edge); }
html[data-style="bubble"] .app__back { margin-left: 0; }
html[data-style="bubble"] .app__back:hover, html[data-style="bubble"] .app__more:hover { background: var(--card); }
@media (hover: hover) {
  html[data-style="bubble"] .app__btn:hover { background: var(--b-sun); border-color: var(--b-sun-d); box-shadow: 0 4px 0 var(--b-sun-d); }
}

/* Steps: fat round dots on a thick rounded rail */
html[data-style="bubble"] .booking .steps { margin-top: 1.9rem; }
html[data-style="bubble"] .booking .step + .step::before { top: calc(1.1rem - 3px); right: calc(50% + 1.35rem); left: calc(-50% + 1.35rem); height: 6px; border-radius: 6px; background: var(--b-edge); }
html[data-style="bubble"] .booking .step.is-done + .step::before, html[data-style="bubble"] .booking .step.is-done + .step.is-current::before { background: var(--accent); }
html[data-style="bubble"] .booking .step__btn { gap: 0.6rem; }
html[data-style="bubble"] .booking .step__num { width: 2.2rem; height: 2.2rem; border: 3px solid var(--b-edge); background: var(--card); box-shadow: 0 3px 0 var(--b-edge); color: var(--foreground); font: 800 0.9rem / 1 var(--font-display); }
html[data-style="bubble"] .booking .step__check { width: 1rem; height: 1rem; stroke-width: 3; }
html[data-style="bubble"] .booking .step.is-current .step__num { border-color: var(--b-coral-d); background: var(--accent); box-shadow: 0 4px 0 var(--b-coral-d); color: var(--accent-contrast); }
html[data-style="bubble"] .booking .step.is-done .step__num,
html[data-style="bubble"] .booking .steps:has(.step:last-child:is(.is-current, .is-done)) .step.is-done .step__num { border-color: var(--b-sun-d); background: var(--b-sun); box-shadow: 0 3px 0 var(--b-sun-d); color: var(--foreground); }
html[data-style="bubble"] .booking .step__label { font-size: 0.7rem; font-weight: 700; color: var(--b-ink-soft); }
html[data-style="bubble"] .booking .step.is-current .step__label, html[data-style="bubble"] .booking .step.is-done .step__label { color: var(--foreground); }
html[data-style="bubble"] .booking .step.is-current .step__label { font-weight: 800; }

/* Titles: chunky with a pressed-down echo */
html[data-style="bubble"] .booking__panels { margin-top: 2rem; }
html[data-style="bubble"] .booking .panel__title { margin-bottom: 1.5rem; font: 800 clamp(2.3rem, 2rem + 1.6vw, 2.75rem) / 0.98 var(--font-display); letter-spacing: -0.01em; text-shadow: 0 4px 0 var(--b-edge); overflow-wrap: anywhere; }
html[data-style="bubble"] .panel__titlebar { flex-wrap: wrap; gap: 0.5rem 1rem; }
html[data-style="bubble"] .panel__titlebar .panel__title { margin: 0; min-width: 0; }
html[data-style="bubble"] .panel__date { padding: 0.25rem 0.8rem; border: 3px solid var(--b-edge); border-radius: 999px; background: var(--card); font-size: 0.8rem; font-weight: 800; color: var(--foreground); }

/* Step 1: services, bubbles with a pressable bottom */
html[data-style="bubble"] .service-list { gap: 1rem; padding-bottom: 5px; }
html[data-style="bubble"] .booking .service { grid-template-columns: 2.5rem minmax(0, 1fr) auto auto; gap: 0.75rem; padding: 0.8rem 1rem 0.8rem 0.8rem; border: 3px solid var(--b-edge); border-radius: 1.75rem; background: var(--card); box-shadow: 0 5px 0 var(--b-edge); color: var(--foreground); transition: transform 0.15s, box-shadow 0.15s, background-color 0.2s, border-color 0.2s; }
html[data-style="bubble"] .booking .service__icon { box-sizing: border-box; width: 2.5rem; height: 2.5rem; padding: 0.5rem; border: 2px solid var(--b-sun-d); border-radius: 50%; background: var(--b-sun); color: var(--foreground); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
html[data-style="bubble"] .booking .service__name { font: 800 1.05rem / 1.2 var(--font-body); overflow-wrap: anywhere; }
html[data-style="bubble"] .booking .service__duration { font-weight: 700; color: var(--b-ink-soft); }
html[data-style="bubble"] .booking .service__price { font: 800 0.95rem var(--font-display); color: #a8381a; }
html[data-style="bubble"] .booking .service__arrow { width: 1.1rem; height: 1.1rem; stroke-width: 3; color: var(--foreground); }
html[data-style="bubble"] .booking .service:active { transform: translateY(4px); box-shadow: 0 1px 0 var(--b-edge); }
@media (hover: hover) {
  html[data-style="bubble"] .booking .service:hover { background: var(--card); border-color: var(--b-coral-d); box-shadow: 0 5px 0 var(--b-coral-d); transform: translateY(-2px); }
}
html[data-style="bubble"] .booking .service.is-selected, html[data-style="bubble"] .booking .service[aria-pressed="true"] { background: var(--accent); border-color: var(--b-coral-d); box-shadow: 0 5px 0 var(--b-coral-d); color: var(--accent-contrast); transform: none; }
html[data-style="bubble"] .booking .service.is-selected .service__duration { color: var(--accent-contrast); }
html[data-style="bubble"] .booking .service.is-selected .service__icon { border-color: var(--b-sun-d); }
html[data-style="bubble"] .booking .service.is-selected:active { transform: translateY(4px); box-shadow: 0 1px 0 var(--b-coral-d); }
html[data-style="bubble"] .service--skeleton { height: 4.5rem; border: 3px dashed var(--b-edge); border-radius: 1.75rem; background: var(--card); animation: bk-pulse 1.2s ease-in-out infinite alternate; }

/* Model chip ("Model ales") and extras */
html[data-style="bubble"] .booking .model-chip { margin-bottom: 1.1rem; border: 3px solid var(--b-edge); border-radius: 1.75rem; background: var(--card); box-shadow: 0 4px 0 var(--b-edge); color: var(--foreground); }
html[data-style="bubble"] .model-chip__text { font-weight: 700; color: var(--b-ink-soft); }
html[data-style="bubble"] .model-chip__text strong { font-weight: 800; color: var(--foreground); }
html[data-style="bubble"] .model-chip__thumb .media { border-radius: 50%; }
html[data-style="bubble"] .model-chip__clear { color: var(--foreground); }
html[data-style="bubble"] .addons__title { font-weight: 800; color: var(--foreground); }
html[data-style="bubble"] .addons__title span { opacity: 1; font-weight: 700; color: var(--b-ink-soft); }
html[data-style="bubble"] .addons__list { gap: 0.6rem; padding-bottom: 4px; }
html[data-style="bubble"] .booking .addon { border: 3px solid var(--b-edge); border-radius: 999px; background: var(--card); box-shadow: 0 3px 0 var(--b-edge); color: var(--foreground); font-weight: 800; transition: transform 0.15s, box-shadow 0.15s, background-color 0.2s, border-color 0.2s; }
html[data-style="bubble"] .addon__meta { opacity: 1; font-weight: 700; color: var(--b-ink-soft); }
html[data-style="bubble"] .booking .addon:active { transform: translateY(3px); box-shadow: 0 0 0 var(--b-edge); }
@media (hover: hover) {
  html[data-style="bubble"] .booking .addon:hover { border-color: var(--b-coral-d); box-shadow: 0 3px 0 var(--b-coral-d); }
}
html[data-style="bubble"] .booking .addon[aria-pressed="true"] { border-color: var(--b-coral-d); background: var(--accent); box-shadow: 0 3px 0 var(--b-coral-d); color: var(--accent-contrast); }
html[data-style="bubble"] .addon[aria-pressed="true"] .addon__meta { color: var(--accent-contrast); }

/* Step 2: calendar */
html[data-style="bubble"] .cal__head { margin-bottom: 1rem; }
html[data-style="bubble"] .cal__month { font: 800 1.3rem / 1.1 var(--font-display); }
html[data-style="bubble"] .cal__step { border: 3px solid var(--b-edge); background: var(--card); box-shadow: 0 3px 0 var(--b-edge); color: var(--foreground); transition: transform 0.15s, box-shadow 0.15s, background-color 0.2s; }
html[data-style="bubble"] .cal__step:active:not(:disabled) { transform: translateY(3px); box-shadow: 0 0 0 var(--b-edge); }
html[data-style="bubble"] .cal__step:disabled { opacity: 1; border-color: var(--b-edge-soft); background: transparent; box-shadow: none; color: var(--b-ink-soft); }
@media (hover: hover) {
  html[data-style="bubble"] .cal__step:hover:not(:disabled) { background: var(--b-sun); border-color: var(--b-sun-d); box-shadow: 0 3px 0 var(--b-sun-d); }
}
html[data-style="bubble"] .cal__dow { font-weight: 800; color: var(--b-ink-soft); }
html[data-style="bubble"] .cal__grid { gap: 0.4rem 0.35rem; padding-bottom: 3px; }
html[data-style="bubble"] .day { border: 2px solid var(--b-edge-soft); border-radius: 50%; background: var(--card); box-shadow: 0 3px 0 var(--b-edge-soft); font-weight: 800; color: var(--foreground); }
html[data-style="bubble"] .day:active:not(:disabled) { transform: translateY(2px); box-shadow: 0 1px 0 var(--b-edge-soft); }
@media (hover: hover) {
  html[data-style="bubble"] .day:hover:not(:disabled):not([aria-pressed="true"]) { border-color: var(--b-coral-d); background: var(--card); box-shadow: 0 3px 0 var(--b-coral-d); transform: translateY(-2px); }
}
html[data-style="bubble"] .day--today:not([aria-pressed="true"]) { border-color: var(--b-coral-d); box-shadow: 0 3px 0 var(--b-edge-soft); }
html[data-style="bubble"] .day:disabled, html[data-style="bubble"] .day[data-state="outside"] { border-color: transparent; background: none; box-shadow: none; color: var(--muted); font-weight: 600; text-decoration: line-through; text-decoration-thickness: 1px; }
html[data-style="bubble"] .day[aria-pressed="true"] { border-color: var(--b-coral-d); background: var(--accent); box-shadow: 0 3px 0 var(--b-coral-d); color: var(--accent-contrast); }
html[data-style="bubble"] .day--skeleton { border-style: dashed; border-color: var(--b-edge); background: var(--card); box-shadow: none; }
html[data-style="bubble"] .day[data-load]::after { bottom: 0.22rem; width: 0.35rem; height: 0.35rem; margin-left: -0.175rem; box-shadow: 0 0 0 1px var(--card); }
html[data-style="bubble"] .day[aria-pressed="true"]::after { background: var(--accent-contrast); box-shadow: none; }
html[data-style="bubble"] [data-load="low"] { --load: #2e9e6b; }
html[data-style="bubble"] [data-load="mid"] { --load: #e0a800; }
html[data-style="bubble"] [data-load="high"] { --load: #e5482a; }
html[data-style="bubble"] .cal__legend { margin-top: 1.25rem; font-size: 0.72rem; font-weight: 700; color: var(--b-ink-soft); }
html[data-style="bubble"] .cal__legend span::before { width: 0.55rem; height: 0.55rem; box-shadow: 0 0 0 2px var(--card); }
html[data-style="bubble"] .panel__status { font-weight: 700; color: var(--b-ink-soft); }
html[data-style="bubble"] .panel__error, html[data-style="bubble"] .form-error { font-weight: 800; color: var(--b-err); }

/* Step 3: time pills */
html[data-style="bubble"] .booking .time-grid { gap: 0.9rem 0.7rem; padding-bottom: 4px; }
html[data-style="bubble"] .booking .time { min-height: 3.4rem; border: 3px solid var(--b-edge); border-radius: 999px; background: var(--card); box-shadow: 0 4px 0 var(--b-edge); font: 800 1.05rem var(--font-display); color: var(--foreground); }
html[data-style="bubble"] .booking .time:active:not(:disabled) { transform: translateY(3px); box-shadow: 0 1px 0 var(--b-edge); }
@media (hover: hover) {
  html[data-style="bubble"] .booking .time:hover:not(:disabled) { border-color: var(--b-coral-d); box-shadow: 0 4px 0 var(--b-coral-d); transform: translateY(-2px); }
}
html[data-style="bubble"] .booking .time:disabled { border: 3px dashed var(--b-edge); background: transparent; box-shadow: none; color: var(--muted); font-weight: 600; text-decoration: line-through; text-decoration-thickness: 1px; }
html[data-style="bubble"] .booking .time[aria-pressed="true"], html[data-style="bubble"] .booking .time[aria-selected="true"] { border-color: var(--b-coral-d); background: var(--accent); box-shadow: 0 4px 0 var(--b-coral-d); color: var(--accent-contrast); transform: none; }

/* CTA: big coral jelly button (also the pay link on the success screen) */
html[data-style="bubble"] .booking .cta, html[data-style="bubble"] .booking .confirm-done .btn--dark { --btn-bg: var(--accent); --btn-fg: var(--accent-contrast); position: relative; overflow: hidden; gap: 0.6rem; min-height: 3.75rem; padding: 0 1.1rem; border: 3px solid var(--b-coral-d); border-radius: 999px; box-shadow: 0 6px 0 var(--b-coral-d); font: 800 clamp(1rem, 0.95rem + 0.3vw, 1.15rem) / 1.1 var(--font-display); letter-spacing: 0; text-align: center; white-space: normal; transition: transform 0.15s, box-shadow 0.15s, background-color 0.2s; }
html[data-style="bubble"] .booking .cta { margin-top: 1.75rem; margin-bottom: 6px; }
html[data-style="bubble"] .booking .confirm .cta { margin-top: 0.4rem; }
html[data-style="bubble"] .booking .cta::before, html[data-style="bubble"] .booking .confirm-done .btn--dark::before { content: ""; position: absolute; left: 1.4rem; right: 1.4rem; top: 5px; height: 10px; border-radius: 999px; background: rgba(255, 255, 255, 0.32); pointer-events: none; }
html[data-style="bubble"] .booking .cta:active:not(:disabled), html[data-style="bubble"] .booking .confirm-done .btn--dark:active { transform: translateY(5px); box-shadow: 0 1px 0 var(--b-coral-d); }
@media (hover: hover) {
  html[data-style="bubble"] .booking .cta:hover:not(:disabled), html[data-style="bubble"] .booking .confirm-done .btn--dark:hover { --btn-bg: #ff8a6c; filter: none; transform: translateY(-2px); box-shadow: 0 8px 0 var(--b-coral-d); }
}
html[data-style="bubble"] .booking .cta:disabled { --btn-bg: var(--b-edge-soft); --btn-fg: var(--b-ink-soft); opacity: 1; border-color: var(--b-edge); box-shadow: 0 6px 0 var(--b-edge); cursor: not-allowed; }
html[data-style="bubble"] .booking .cta:disabled::before { background: rgba(255, 255, 255, 0.4); }
html[data-style="bubble"] .booking .cta .btn__lead { width: 1.3rem; height: 1.3rem; }
html[data-style="bubble"] .booking .cta .btn__icon { stroke-width: 3; }
html[data-style="bubble"] .btn.is-busy { opacity: 1; }

/* Step 4: summary card, fields */
html[data-style="bubble"] .booking .confirm { gap: 1.1rem; }
html[data-style="bubble"] .booking .confirm__summary { gap: 0; padding: 0.5rem 1.25rem; border: 3px solid var(--b-edge); border-radius: 1.75rem; background: var(--card); box-shadow: 0 5px 0 var(--b-edge); margin-bottom: 5px; }
html[data-style="bubble"] .booking .confirm__row { gap: 0.9rem; padding: 0.85rem 0; }
html[data-style="bubble"] .booking .confirm__row + .confirm__row { border-top: 2px dashed var(--b-edge); }
html[data-style="bubble"] .booking .confirm__row > .icon { box-sizing: border-box; width: 2.4rem; height: 2.4rem; padding: 0.5rem; border: 2px solid var(--b-sun-d); border-radius: 50%; background: var(--b-sun); color: var(--foreground); stroke-width: 2.2; }
html[data-style="bubble"] .booking .confirm__value { font-weight: 800; overflow-wrap: anywhere; }
html[data-style="bubble"] .booking .confirm__value small { font-weight: 700; color: var(--b-ink-soft); }
html[data-style="bubble"] .booking .confirm__price { font: 800 0.95rem var(--font-display); }
html[data-style="bubble"] .booking .confirm__avatar { border: 3px solid var(--b-sun-d); background: var(--b-sun); color: var(--foreground); font: 800 1.3rem / 1 var(--font-display); }
html[data-style="bubble"] .field { gap: 0.4rem; }
html[data-style="bubble"] .booking .field label { padding-left: 1rem; font-size: 0.8rem; font-weight: 800; color: var(--foreground); }
html[data-style="bubble"] .field__optional { opacity: 1; font-weight: 700; color: var(--b-ink-soft); }
html[data-style="bubble"] .booking .field input, html[data-style="bubble"] .booking .field textarea { border: 3px solid var(--b-edge); background: var(--card); box-shadow: inset 0 3px 0 var(--b-inset); font-weight: 700; color: var(--foreground); transition: border-color 0.2s, box-shadow 0.2s; }
html[data-style="bubble"] .booking .field input { min-height: 3.5rem; padding: 0 1.2rem; border-radius: 999px; }
html[data-style="bubble"] .booking .field textarea { padding: 0.9rem 1.2rem; border-radius: 1.5rem; }
html[data-style="bubble"] .booking .field input::placeholder, html[data-style="bubble"] .booking .field textarea::placeholder { color: var(--muted); opacity: 1; font-weight: 600; }
html[data-style="bubble"] .booking .field input:focus, html[data-style="bubble"] .booking .field textarea:focus { border-color: var(--b-coral-d); box-shadow: inset 0 3px 0 var(--b-inset), 0 0 0 4px rgba(255, 122, 89, 0.35); outline: none; }
html[data-style="bubble"] .field.is-invalid input, html[data-style="bubble"] .field.is-invalid textarea { border-color: var(--b-err); }
html[data-style="bubble"] .field__error { padding-left: 1rem; font-weight: 800; color: var(--b-err); }
html[data-style="bubble"] .remember, html[data-style="bubble"] .confirm__note { font-weight: 700; color: var(--b-ink-soft); }
html[data-style="bubble"] .booking .confirm__note a, html[data-style="bubble"] .booking .link-btn { color: var(--foreground); font-weight: 800; text-decoration-thickness: 2px; text-decoration-color: var(--accent); }
html[data-style="bubble"] .salon-card { margin: 0.25rem 0 0; padding: 0.8rem 1.1rem; border: 3px solid var(--b-edge); border-radius: 1.5rem; background: var(--card); font-weight: 700; color: var(--foreground); }
html[data-style="bubble"] .salon-card__name { font: 800 1rem var(--font-display); }
@media (hover: hover) {
  html[data-style="bubble"] .booking .link-btn:hover { text-decoration-color: var(--b-coral-d); }
}

/* Success screen */
html[data-style="bubble"] .confirm-done { padding-top: 2rem; }
html[data-style="bubble"] .booking .confirm-done__icon { box-sizing: border-box; width: 4.5rem; height: 4.5rem; margin-bottom: 1.25rem; padding: 1.1rem; border: 3px solid var(--b-coral-d); border-radius: 50%; background: var(--accent); box-shadow: 0 5px 0 var(--b-coral-d); color: var(--accent-contrast); stroke-width: 3; }
html[data-style="bubble"] .confirm-done__title { font: 800 clamp(2.1rem, 1.9rem + 1.2vw, 2.5rem) / 1 var(--font-display); text-shadow: 0 4px 0 var(--b-edge); }
html[data-style="bubble"] .confirm-done__text { font-weight: 700; color: var(--b-ink-soft); }
html[data-style="bubble"] .confirm-done__actions { gap: 0.25rem 1.25rem; }
html[data-style="bubble"] .confirm-done__actions .btn--dark { margin-bottom: 0.75rem; }

/* "Programarea ta" (/programare/) */
html[data-style="bubble"] .manage h1 { font: 800 clamp(2.3rem, 2rem + 1.6vw, 2.75rem) / 0.98 var(--font-display); text-shadow: 0 4px 0 var(--b-edge); }
html[data-style="bubble"] .manage .eyebrow { font-weight: 800; color: var(--b-ink-soft); }
html[data-style="bubble"] .manage__box, html[data-style="bubble"] .manage__skeleton { border: 3px solid var(--b-edge); border-radius: 1.75rem; }
html[data-style="bubble"] .manage__status { border: 3px solid var(--b-edge); font-weight: 800; }
html[data-style="bubble"] .manage .confirm__summary { margin-bottom: 5px; }

/* Footer / contact (#contact): a card with a rounded top and a thick mint edge */
html[data-style="bubble"] .footer.theme-dark { margin-top: 1rem; padding-top: 1.75rem; border-top: 3px solid var(--b-edge); border-radius: 2rem 2rem 0 0; background: var(--card); color: var(--ink); }
html[data-style="bubble"] .footer__heading { font: 800 0.72rem / 1 var(--font-display); letter-spacing: 0.14em; color: var(--b-ink-soft); }
html[data-style="bubble"] .footer__hours dt { font-weight: 700; color: var(--b-ink-soft); }
html[data-style="bubble"] .footer__hours dd { font-weight: 800; }
html[data-style="bubble"] .footer__address { font-weight: 700; }
html[data-style="bubble"] .footer__links a { font-weight: 800; }
html[data-style="bubble"] .footer__links .icon { box-sizing: content-box; width: 1rem; height: 1rem; padding: 0.4rem; border: 2px solid var(--b-sun-d); border-radius: 50%; background: var(--b-sun); stroke-width: 2; }
html[data-style="bubble"] .footer__anpc { border-top: 2px dashed var(--b-edge); }
html[data-style="bubble"] .footer__legal { font-weight: 700; color: var(--b-ink-soft); }
html[data-style="bubble"] .footer__legal a { font-weight: 800; text-decoration-color: var(--accent); text-decoration-thickness: 2px; }
@media (hover: hover) {
  html[data-style="bubble"] .footer__links a:hover .icon { background: var(--accent); border-color: var(--b-coral-d); }
}

@media (prefers-reduced-motion: reduce) {
  html[data-style="bubble"] .service--skeleton, html[data-style="bubble"] .day--skeleton { animation: none; }
  html[data-style="bubble"] .booking .service, html[data-style="bubble"] .booking .addon, html[data-style="bubble"] .booking .cta, html[data-style="bubble"] .app__btn { transition: none; }
}