:root {
  --bada-ink: #171717;
  --bada-paper: #ffffff;
  --bada-warm: #f8f5ef;
  --bada-line: #e8e2d9;
  --bada-soft-ink: #6f6a63;
  --bada-accent: #cdb178;
  --bada-accent-dark: #755f37;
  --bada-success: #247a4b;
  --bada-danger: #a43b34;
}

#bada-root, #bada-root * { box-sizing: border-box; }
#bada-root { font-family: Arial, Helvetica, sans-serif; }

.bada-launcher {
  position: fixed; right: 22px; bottom: 22px; z-index: 2147482998; border: 0; background: #171717; color: #fff;
  height: 58px; padding: 0 17px 0 10px; border-radius: 999px; display: flex; align-items: center; gap: 10px;
  box-shadow: 0 14px 38px rgba(0,0,0,.25); cursor: pointer; font-weight: 700; letter-spacing: .01em;
  transition: transform .18s ease, opacity .18s ease;
}
.bada-launcher:hover { transform: translateY(-2px); }
.bada-launcher.is-hidden { opacity: 0; pointer-events: none; transform: translateY(8px); }
.bada-spark { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #fff; padding: 4px; overflow: hidden; }
.bada-spark img { width: 100%; height: 100%; object-fit: contain; display: block; }
.bada-nudge { animation: badaNudge .7s ease 2; }
@keyframes badaNudge { 50% { transform: translateY(-7px); } }

.bada-panel {
  position: fixed; right: 24px; bottom: 24px; width: min(520px, calc(100vw - 28px)); height: min(780px, calc(100vh - 48px));
  z-index: 2147482999; background: var(--bada-paper); border: 1px solid rgba(0,0,0,.08); border-radius: 24px;
  box-shadow: 0 26px 90px rgba(0,0,0,.27); overflow: hidden; display: flex; flex-direction: column;
  opacity: 0; visibility: hidden; transform: translateY(16px) scale(.98); transform-origin: bottom right;
  transition: opacity .2s ease, transform .2s ease, visibility .2s ease;
}
.bada-panel.is-open { opacity: 1; visibility: visible; transform: none; }

.bada-header { min-height: 76px; display: flex; align-items: center; padding: 15px 17px; gap: 12px; color: white; background: #171717; }
.bada-brand-mark { width: 48px; height: 48px; flex: 0 0 48px; border-radius: 14px; display: grid; place-items: center; background: #fff; padding: 5px; overflow: hidden; }
.bada-brand-mark img { width: 100%; height: 100%; object-fit: contain; display: block; }
.bada-heading { display: flex; flex-direction: column; line-height: 1.18; flex: 1; }
.bada-heading strong { font-size: 17px; letter-spacing: .01em; white-space: normal; }
.bada-heading span { margin-top: 3px; color: #d4d4d4; font-size: 12px; }
.bada-heading i { display: inline-block; width: 7px; height: 7px; background: #4bd28a; border-radius: 50%; margin-left: 4px; }
.bada-close { border: 0; background: transparent; color: white; font-size: 28px; cursor: pointer; width: 38px; height: 38px; line-height: 1; opacity: .78; }

.bada-body { flex: 1; min-height: 0; position: relative; background: #fff; }
.bada-view { display: none; height: 100%; overflow-y: auto; padding: 17px; }
.bada-view.is-active { display: block; }
.bada-chat-view { padding: 0; overflow: hidden; }
.bada-messages { height: calc(100% - 188px); overflow-y: auto; padding: 18px 16px 8px; background: linear-gradient(180deg, #fbfaf8 0%, #fff 35%); }
.bada-message { display: flex; gap: 8px; margin: 0 0 13px; align-items: flex-end; }
.bada-user { justify-content: flex-end; }
.bada-avatar { flex: 0 0 30px; width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; background: #fff; border: 1px solid #e5dfd5; padding: 4px; overflow: hidden; }
.bada-avatar img { width: 100%; height: 100%; object-fit: contain; display: block; }
.bada-bubble { max-width: 83%; padding: 11px 13px; border-radius: 15px 15px 15px 5px; background: #f0ede8; color: #292929; line-height: 1.45; font-size: 13.5px; }
.bada-user .bada-bubble { background: #171717; color: #fff; border-radius: 15px 15px 5px 15px; }

.bada-quick-actions { height: 188px; padding: 9px 13px 14px; display: grid; grid-template-columns: 1fr 1fr; gap: 8px; border-top: 1px solid var(--bada-line); background: #fff; }
.bada-quick-actions button { min-height: 47px; border: 1px solid var(--bada-line); background: #fff; border-radius: 12px; cursor: pointer; text-align: left; padding: 9px 10px; font-size: 12.3px; font-weight: 650; transition: .16s ease; }
.bada-quick-actions button:hover { border-color: #c9b48e; background: #fbf8f2; transform: translateY(-1px); }
.bada-quick-actions span { color: var(--bada-accent-dark); margin-right: 4px; font-size: 15px; }

.bada-composer { min-height: 65px; display: flex; align-items: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--bada-line); background: #fff; }
.bada-composer textarea { flex: 1; min-height: 48px; max-height: 100px; resize: none; border: 1px solid #ddd7ce; border-radius: 14px; padding: 13px 14px; outline: none; font-family: inherit; font-size: 14px; line-height: 1.35; }
.bada-composer textarea:focus { border-color: #baa274; box-shadow: 0 0 0 3px rgba(181,154,106,.12); }
.bada-send { flex: 0 0 48px; width: 48px; height: 48px; border: 0; border-radius: 12px; background: #171717; color: #fff; cursor: pointer; font-size: 17px; }
.bada-footer-note { font-size: 9.5px; color: #777; text-align: center; padding: 0 12px 9px; background: #fff; line-height: 1.3; }

.bada-back { border: 0; background: transparent; padding: 0; margin: 0 0 15px; color: #6d5b3e; font-weight: 650; cursor: pointer; }
.bada-section-intro { display: flex; gap: 12px; align-items: center; margin-bottom: 15px; }
.bada-section-intro h3 { margin: 0 0 4px; font: 600 18px/1.2 Georgia, serif; }
.bada-section-intro p { margin: 0; font-size: 12.5px; color: var(--bada-soft-ink); line-height: 1.4; }
.bada-icon-card { width: 46px; height: 46px; flex: 0 0 46px; border-radius: 14px; display: grid; place-items: center; background: #f1eadf; color: #725c39; font-size: 20px; }
.bada-info, .bada-ai-notice { background: #f8f5ef; border: 1px solid #eee5d7; border-radius: 12px; padding: 11px 12px; font-size: 12px; line-height: 1.45; margin-bottom: 14px; color: #5e513f; }
.bada-ai-notice strong { display: block; margin-bottom: 2px; color: #3e3425; }

.bada-grid, .bada-filter-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 11px; }
.bada-view label { display: block; position: relative; font-size: 11.5px; font-weight: 650; color: #4a4a4a; margin-bottom: 11px; }
.bada-view input, .bada-view select, .bada-view textarea { width: 100%; margin-top: 7px; border: 1px solid #d8d1c7; border-radius: 12px; background: #fff; padding: 12px 14px; font-family: inherit; font-size: 14.5px; font-weight: 500; line-height: 1.35; outline: none; color: #222; }
.bada-view input, .bada-view select { min-height: 52px; }
.bada-view select { height: 52px; padding-top: 0; padding-bottom: 0; padding-right: 42px; line-height: normal; white-space: nowrap; text-overflow: ellipsis; }
.bada-view input::placeholder, .bada-view textarea::placeholder, .bada-composer textarea::placeholder { color: #85817b; opacity: 1; }
.bada-view input:focus, .bada-view select:focus, .bada-view textarea:focus { border-color: #baa274; box-shadow: 0 0 0 3px rgba(181,154,106,.12); }
.bada-grid label > span { position: absolute; right: 10px; top: 34px; color: #96918a; font-size: 11px; font-weight: 500; }

.bada-primary, .bada-secondary, .bada-dark { border-radius: 11px; padding: 11px 13px; font-weight: 700; cursor: pointer; font-size: 12.5px; }
.bada-primary { width: 100%; border: 0; background: #171717; color: #fff; }
.bada-primary:hover { background: #2b2b2b; }
.bada-primary:disabled { opacity: .55; cursor: wait; }
.bada-secondary { border: 1px solid #d6c8b0; background: #fffaf2; color: #665234; }
.bada-dark { border: 1px solid #171717; background: #171717; color: #fff; }

.bada-measure-result { margin-top: 13px; padding: 14px; border-radius: 13px; background: #f5f0e7; border: 1px solid #eadfcf; }
.bada-measure-result small, .bada-measure-result strong, .bada-measure-result span, .bada-measure-result em { display: block; }
.bada-measure-result small { color: #7a6b54; margin-bottom: 3px; }
.bada-measure-result strong { font-size: 20px; margin-bottom: 2px; }
.bada-measure-result span { font-size: 12px; margin-bottom: 7px; }
.bada-measure-result em { font-size: 11px; color: #7a6340; font-style: normal; }
.bada-result-quote { margin-top: 10px; border: 0; background: transparent; color: #6e5937; padding: 0; font-weight: 750; cursor: pointer; }

.bada-match-heading { margin: 17px 0 10px; display: flex; flex-direction: column; gap: 2px; }
.bada-match-heading strong { font: 600 16px Georgia, serif; }
.bada-match-heading span { font-size: 11px; color: #78736c; }
.bada-design-card { border: 1px solid var(--bada-line); border-radius: 15px; overflow: hidden; margin-bottom: 12px; background: #fff; box-shadow: 0 8px 24px rgba(0,0,0,.05); }
.bada-design-card > img { width: 100%; height: 155px; display: block; object-fit: cover; }
.bada-design-card-body { padding: 12px; }
.bada-design-rank { display: inline-block; font-size: 10px; text-transform: uppercase; letter-spacing: .08em; color: #755f37; background: #f2eadb; border-radius: 999px; padding: 4px 7px; margin-bottom: 6px; font-weight: 700; }
.bada-design-collection { display: inline-block; margin-left: 7px; font-size: 9.5px; color: #81796e; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; }
.bada-design-card h4 { margin: 0 0 5px; font-size: 15px; color: #222; }
.bada-design-card p { margin: 0; color: #69645d; line-height: 1.4; font-size: 11.7px; }
.bada-design-buttons { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 10px; }
.bada-collection-link { display: block; margin: 14px 0 5px; color: #6e5937; font-size: 12px; font-weight: 700; text-decoration: none; }
.bada-collection-link:hover { text-decoration: underline; }

.bada-selected-design { display: grid; grid-template-columns: 105px 1fr; gap: 10px; border: 1px solid var(--bada-line); border-radius: 13px; overflow: hidden; margin: -2px 0 13px; background: #fbfaf8; }
.bada-selected-design img { width: 105px; height: 88px; object-fit: cover; display: block; }
.bada-selected-design div { padding: 8px 8px 8px 0; min-width: 0; }
.bada-selected-design small, .bada-selected-design strong, .bada-selected-design span { display: block; }
.bada-selected-design small { color: #8a7a62; font-size: 9.5px; text-transform: uppercase; letter-spacing: .06em; margin-bottom: 3px; }
.bada-selected-design strong { font-size: 13px; margin-bottom: 3px; }
.bada-selected-design span { color: #6e6962; font-size: 10.5px; line-height: 1.3; }

.bada-upload-zone { border: 1.5px dashed #cfbfaa; border-radius: 14px; min-height: 128px; padding: 18px 14px; display: flex !important; flex-direction: column; align-items: center; justify-content: center; text-align: center; cursor: pointer; background: #fdfbf8; }
.bada-upload-zone:hover { background: #faf5ec; border-color: #b99d70; }
.bada-upload-icon { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 50%; background: #eee4d4; color: #725c39; font-size: 20px; margin-bottom: 7px; }
.bada-upload-zone strong { font-size: 12.5px; margin-bottom: 4px; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bada-upload-zone small { color: #777067; font-size: 10.5px; line-height: 1.35; max-width: 300px; }

.bada-recent-rooms {
  margin: 12px 0 14px;
  padding: 13px;
  border: 1px solid var(--bada-line);
  border-radius: 15px;
  background: #fff;
}
.bada-recent-rooms-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}
.bada-recent-rooms-heading > div { min-width: 0; }
.bada-recent-rooms-heading strong {
  display: block;
  color: #111;
  font-size: 12px;
  line-height: 1.25;
  margin-bottom: 2px;
}
.bada-recent-rooms-heading span {
  display: block;
  color: #777067;
  font-size: 10px;
  line-height: 1.35;
}
.bada-recent-rooms-clear {
  flex: 0 0 auto;
  min-height: 30px;
  padding: 0 10px;
  border: 1px solid #d9d4cd;
  border-radius: 9px;
  background: #fff;
  color: #3d3934;
  font-size: 9.5px;
  font-weight: 750;
  cursor: pointer;
}
.bada-recent-rooms-clear:hover { background: #f7f5f2; }
.bada-recent-rooms-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.bada-recent-room-card {
  position: relative;
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e3ded8;
  border-radius: 12px;
  background: #faf9f7;
}
.bada-recent-room-use {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: #111;
  text-align: left;
  cursor: pointer;
}
.bada-recent-room-use img {
  width: 100%;
  height: 84px;
  display: block;
  object-fit: cover;
  background: #ece9e5;
}
.bada-recent-room-use > span {
  display: block;
  min-width: 0;
  padding: 8px 9px 9px;
}
.bada-recent-room-use strong {
  display: block;
  overflow: hidden;
  color: #111;
  font-size: 10.5px;
  line-height: 1.2;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bada-recent-room-use small {
  display: block;
  margin-top: 3px;
  color: #7b756e;
  font-size: 9px;
  line-height: 1.2;
}
.bada-recent-room-delete {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 27px;
  height: 27px;
  padding: 0;
  border: 1px solid rgba(0,0,0,.1);
  border-radius: 50%;
  background: rgba(255,255,255,.94);
  color: #111;
  font-size: 18px;
  line-height: 1;
  cursor: pointer;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);
}
.bada-recent-rooms-note {
  display: block;
  margin-top: 8px;
  color: #8a837b;
  font-size: 9px;
  line-height: 1.35;
}

@media (max-width: 600px) {
  .bada-recent-rooms-grid { grid-template-columns: 1fr 1fr; }
  .bada-recent-room-use img { height: 72px; }
}

.bada-room-original-wrap { margin: 12px 0; }
.bada-room-original-wrap > span { display: block; font-size: 10px; font-weight: 700; color: #716b64; text-transform: uppercase; letter-spacing: .07em; margin-bottom: 5px; }
.bada-room-original { width: 100%; max-height: 245px; object-fit: contain; display: block; border-radius: 12px; background: #f2f2f2; border: 1px solid #e4e0db; }
.bada-visual-status { font-size: 11.5px; line-height: 1.4; margin: 9px 0; min-height: 2px; }
.bada-visual-status.is-working { color: #6c5b3d; }
.bada-visual-status.is-success { color: var(--bada-success); }
.bada-visual-status.is-error { color: var(--bada-danger); }
.bada-ai-result { margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--bada-line); }
.bada-result-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; margin-bottom: 7px; }
.bada-result-heading strong { font: 600 15px Georgia, serif; }
.bada-result-heading span { font-size: 10.5px; color: #755f37; font-weight: 700; }
.bada-ai-result-image { width: 100%; display: block; border-radius: 13px; border: 1px solid #ddd7ce; background: #f4f4f4; }
.bada-ai-result p { font-size: 10.5px; color: #787169; line-height: 1.35; margin: 7px 0 10px; }
.bada-result-actions { display: grid; gap: 8px; }

.bada-quote-design { grid-template-columns: 80px 1fr; gap: 10px; align-items: center; background: #f8f5ef; border: 1px solid #ebe1d1; border-radius: 12px; overflow: hidden; margin-bottom: 12px; }
.bada-quote-design:not([hidden]) { display: grid; }
.bada-quote-design img { width: 80px; height: 64px; object-fit: cover; }
.bada-quote-design small, .bada-quote-design strong { display: block; }
.bada-quote-design small { font-size: 9.5px; color: #7a6b54; margin-bottom: 2px; }
.bada-quote-design strong { font-size: 12px; }
.bada-form-grid { margin-top: 4px; }
.bada-form-status { font-size: 12px; line-height: 1.4; margin-top: 9px; }
.bada-form-status.is-success { color: var(--bada-success); }
.bada-form-status.is-error { color: var(--bada-danger); }
.bada-form-status a { color: inherit; font-weight: 750; }

.bada-typing .bada-bubble { display: flex; gap: 4px; padding: 13px 14px; }
.bada-typing .bada-bubble span { width: 5px; height: 5px; background: #8e877c; border-radius: 50%; animation: badaDot 1s infinite ease-in-out; }
.bada-typing .bada-bubble span:nth-child(2) { animation-delay: .15s; }
.bada-typing .bada-bubble span:nth-child(3) { animation-delay: .3s; }
@keyframes badaDot { 0%, 60%, 100% { transform: translateY(0); opacity: .45; } 30% { transform: translateY(-4px); opacity: 1; } }

@media (max-width: 600px) {
  .bada-launcher { right: 14px; bottom: 14px; }
  .bada-launcher-label { display: none; }
  .bada-launcher { width: 56px; height: 56px; padding: 0; justify-content: center; }
  .bada-spark { width: 36px; height: 36px; }
  .bada-panel { right: 8px; bottom: 8px; width: calc(100vw - 16px); height: calc(100dvh - 16px); max-height: none; border-radius: 20px; }
  .bada-grid, .bada-filter-grid { grid-template-columns: 1fr; gap: 0; }
  .bada-collection-field, .bada-collection-chips { grid-column: 1; }
  .bada-collection-chips { gap: 6px; }
  .bada-collection-chips button { flex: 1 1 calc(50% - 6px); min-height: 38px; }
  .bada-view input, .bada-view select { min-height: 54px; font-size: 16px; }
  .bada-view select { height: 54px; }
  .bada-messages { height: calc(100% - 192px); }
  .bada-quick-actions { height: 192px; }
  .bada-design-card > img { height: 170px; }
}
.bada-card-link { grid-column: 1 / -1; display: block; text-align: center; padding: 8px 10px 2px; color: #6e5937; font-size: 11.5px; font-weight: 750; text-decoration: none; }
.bada-card-link:hover { text-decoration: underline; }

/* Client demo mode */
.bada-demo-mode .bada-launcher{position:fixed}
.bada-demo-banner{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;background:#fff4cc;border-bottom:1px solid rgba(0,0,0,.08);font-size:12px;line-height:1.2}
.bada-demo-banner strong{letter-spacing:.08em;font-size:11px}
.bada-demo-banner span{opacity:.72;text-align:right}
.bada-demo-mode .bada-ai-result{position:relative;overflow:hidden}
.bada-demo-mode .bada-ai-result:after{content:'DEMO PREVIEW';position:absolute;right:10px;top:10px;padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.88);font-size:10px;font-weight:800;letter-spacing:.08em;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.bada-demo-expired .bada-demo-banner{background:#f8d7da}


/* v5.2 readability + collection picker */
.bada-collection-field { grid-column: 1 / -1; }
.bada-collection-chips { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 7px; margin: -2px 0 5px; }
.bada-collection-chips button { border: 1px solid #ded5c8; background: #fff; color: #514a41; border-radius: 999px; padding: 7px 10px; font-size: 11.5px; font-weight: 700; line-height: 1.15; cursor: pointer; white-space: normal; }
.bada-collection-chips button:hover, .bada-collection-chips button.is-active { border-color: #9f8456; background: #f3eadb; color: #4f3c1f; }
.bada-whatsapp-action { grid-column: 1 / -1; border-color: #b9dfc8 !important; background: #f1fbf5 !important; color: #166b3a !important; text-align: center !important; }
.bada-whatsapp-action span { color: #25D366 !important; }
.bada-whatsapp-button { width: 100%; border: 1px solid #9cd8b5; background: #eefaf3; color: #176b3b; border-radius: 11px; padding: 11px 13px; font-weight: 750; cursor: pointer; font-size: 12.5px; }
.bada-whatsapp-button:hover { background: #e2f7ea; }
.bada-view option, .bada-view optgroup { font-size: 14px; }
.bada-selected-design strong { overflow-wrap: anywhere; }
.bada-upload-zone strong { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.3; }

/* Let chat actions grow without clipping when WhatsApp is enabled */
.bada-chat-view.is-active { display: flex; flex-direction: column; }
.bada-messages { flex: 1 1 auto; height: auto; min-height: 0; }
.bada-quick-actions { flex: 0 0 auto; height: auto; }
@media (max-width: 600px) {
  .bada-messages { height: auto; }
  .bada-quick-actions { height: auto; }
}


/* v5.3 modern visual refresh */
#bada-root {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --bada-ink: #121212;
  --bada-paper: #ffffff;
  --bada-warm: #fbf8f3;
  --bada-line: #e9e2d7;
  --bada-soft-ink: #756f67;
  --bada-accent: #c8a867;
  --bada-accent-dark: #7b6030;
  --bada-shadow: 0 26px 80px rgba(13, 13, 13, .22);
}
#bada-root * { scrollbar-width: thin; scrollbar-color: rgba(117,95,55,.35) transparent; }
#bada-root *::-webkit-scrollbar { width: 10px; height: 10px; }
#bada-root *::-webkit-scrollbar-thumb { background: rgba(117,95,55,.28); border-radius: 999px; border: 2px solid transparent; background-clip: padding-box; }
#bada-root *::-webkit-scrollbar-track { background: transparent; }

.bada-launcher {
  background: linear-gradient(135deg, #141414 0%, #26211a 48%, #876a3a 100%);
  color: #fff;
  box-shadow: 0 18px 45px rgba(0,0,0,.28), 0 0 0 1px rgba(255,255,255,.08) inset;
  backdrop-filter: blur(10px);
  min-width: 64px;
}
.bada-launcher:before {
  content: "";
  position: absolute;
  inset: 1px;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0));
  pointer-events: none;
}
.bada-launcher .bada-launcher-label { position: relative; }
.bada-spark {
  background: linear-gradient(145deg, #fff 0%, #f3ede2 100%);
  box-shadow: 0 8px 18px rgba(0,0,0,.16);
}

.bada-panel {
  width: min(560px, calc(100vw - 28px));
  border-radius: 28px;
  border: 1px solid rgba(255,255,255,.45);
  box-shadow: var(--bada-shadow);
  background: linear-gradient(180deg, rgba(255,255,255,.92) 0%, rgba(255,255,255,.98) 100%);
  backdrop-filter: blur(16px);
}
.bada-header {
  position: relative;
  min-height: 88px;
  padding: 18px 18px 16px;
  background:
    radial-gradient(circle at top right, rgba(200,168,103,.28), transparent 32%),
    radial-gradient(circle at top left, rgba(255,255,255,.10), transparent 28%),
    linear-gradient(135deg, #121212 0%, #1d1b18 58%, #574528 100%);
}
.bada-header:after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.25), transparent);
}
.bada-brand-mark {
  width: 54px;
  height: 54px;
  flex-basis: 54px;
  border-radius: 16px;
  background: linear-gradient(160deg, rgba(255,255,255,.94), rgba(246,238,224,.92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 8px 20px rgba(0,0,0,.14);
}
.bada-heading strong { font-size: 19px; font-weight: 800; letter-spacing: .01em; }
.bada-heading span { font-size: 12.5px; color: rgba(255,255,255,.76); }
.bada-heading i { box-shadow: 0 0 0 5px rgba(75,210,138,.15); }
.bada-close {
  width: 42px; height: 42px; border-radius: 12px;
  background: rgba(255,255,255,.08);
  transition: background .18s ease, transform .18s ease;
}
.bada-close:hover { background: rgba(255,255,255,.14); transform: rotate(90deg); }

.bada-body {
  background:
    radial-gradient(circle at top, rgba(200,168,103,.08), transparent 24%),
    linear-gradient(180deg, #fdfbf8 0%, #ffffff 24%);
}
.bada-view { padding: 20px; }
.bada-chat-view { padding: 0; }
.bada-messages {
  padding: 22px 18px 12px;
  background:
    radial-gradient(circle at top right, rgba(200,168,103,.10), transparent 18%),
    linear-gradient(180deg, #f9f7f2 0%, #ffffff 36%);
}
.bada-avatar {
  width: 34px; height: 34px; flex-basis: 34px;
  border-color: rgba(198,180,152,.7);
  background: linear-gradient(160deg, #fff, #f7f1e6);
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
}
.bada-bubble {
  border-radius: 18px 18px 18px 8px;
  background: #f4efe7;
  border: 1px solid rgba(233,226,215,.95);
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
  padding: 13px 14px;
  font-size: 13.7px;
}
.bada-user .bada-bubble {
  background: linear-gradient(145deg, #181818, #30281d);
  box-shadow: 0 10px 24px rgba(0,0,0,.18);
}

.bada-quick-actions {
  padding: 12px 14px 16px;
  gap: 10px;
  background: rgba(255,255,255,.88);
  backdrop-filter: blur(10px);
}
.bada-quick-actions button {
  position: relative;
  border-radius: 16px;
  min-height: 52px;
  padding: 11px 12px;
  background: linear-gradient(180deg, #ffffff 0%, #fcfaf6 100%);
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
}
.bada-quick-actions button:hover {
  border-color: rgba(184,150,90,.65);
  box-shadow: 0 10px 22px rgba(0,0,0,.08);
  transform: translateY(-2px);
}
.bada-composer {
  padding: 12px 14px 10px;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(12px);
}
.bada-composer textarea {
  border-radius: 16px;
  background: linear-gradient(180deg, #fff 0%, #fcfbf9 100%);
  min-height: 52px;
}
.bada-send {
  width: 50px; height: 50px; border-radius: 15px;
  background: linear-gradient(135deg, #161616 0%, #40311d 100%);
  box-shadow: 0 10px 20px rgba(0,0,0,.18);
  transition: transform .18s ease, box-shadow .18s ease;
}
.bada-send:hover { transform: translateY(-2px); box-shadow: 0 14px 24px rgba(0,0,0,.22); }
.bada-footer-note { font-size: 10px; color: #8a837a; padding-bottom: 10px; }

.bada-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
  padding: 7px 12px;
  border-radius: 999px;
  background: #f7f2ea;
  color: #6b5734;
}
.bada-section-intro { margin-bottom: 18px; align-items: flex-start; }
.bada-section-intro h3 {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 20px;
  font-weight: 800;
  letter-spacing: -.02em;
  color: #1b1b1b;
}
.bada-section-intro p { font-size: 13px; color: #756f67; max-width: 36ch; }
.bada-icon-card {
  width: 50px; height: 50px; flex-basis: 50px; border-radius: 16px;
  background: linear-gradient(145deg, #f3ebdd 0%, #fff8ef 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 8px 18px rgba(0,0,0,.06);
}
.bada-info, .bada-ai-notice {
  border-radius: 15px;
  background: linear-gradient(180deg, #fcf8f1 0%, #f8f3eb 100%);
  padding: 13px 14px;
}

.bada-grid, .bada-filter-grid { gap: 12px; }
.bada-view label { font-size: 12px; color: #534f49; margin-bottom: 12px; }
.bada-view input, .bada-view select, .bada-view textarea {
  border-radius: 16px;
  background: linear-gradient(180deg, #ffffff 0%, #fcfaf7 100%);
  border-color: #ddd5c8;
  box-shadow: 0 4px 10px rgba(0,0,0,.025);
}
.bada-view input, .bada-view select { min-height: 56px; }
.bada-view select { height: 56px; }
.bada-view input:focus, .bada-view select:focus, .bada-view textarea:focus, .bada-composer textarea:focus {
  border-color: #b99860;
  box-shadow: 0 0 0 4px rgba(197,162,100,.13), 0 8px 18px rgba(0,0,0,.05);
}

.bada-primary, .bada-secondary, .bada-dark, .bada-whatsapp-button {
  border-radius: 15px;
  min-height: 50px;
  font-size: 13px;
  transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.bada-primary {
  background: linear-gradient(135deg, #161616 0%, #2d261d 68%, #7f6231 100%);
  box-shadow: 0 12px 26px rgba(0,0,0,.16);
}
.bada-primary:hover, .bada-dark:hover, .bada-secondary:hover, .bada-whatsapp-button:hover {
  transform: translateY(-1px);
  filter: brightness(1.02);
}
.bada-secondary {
  background: linear-gradient(180deg, #fffaf2 0%, #f8f1e5 100%);
  box-shadow: 0 8px 18px rgba(0,0,0,.05);
}
.bada-dark {
  background: linear-gradient(135deg, #141414 0%, #2f271c 100%);
  box-shadow: 0 10px 22px rgba(0,0,0,.15);
}
.bada-whatsapp-button {
  background: linear-gradient(180deg, #f0fbf5 0%, #e5f8ee 100%);
  box-shadow: 0 8px 18px rgba(23,107,59,.08);
}

.bada-measure-result {
  border-radius: 16px;
  background: linear-gradient(180deg, #f8f3eb 0%, #fffdf8 100%);
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}
.bada-measure-result strong { font-size: 22px; letter-spacing: -.02em; }

.bada-match-heading strong, .bada-result-heading strong {
  font-family: Inter, ui-sans-serif, system-ui, sans-serif;
  font-weight: 800;
  letter-spacing: -.02em;
}
.bada-design-card {
  border-radius: 18px;
  border-color: rgba(233,226,215,.95);
  box-shadow: 0 14px 32px rgba(0,0,0,.06);
}
.bada-design-card > img { height: 172px; }
.bada-design-card-body { padding: 14px; }
.bada-design-rank { padding: 5px 8px; background: #f5ecdd; }
.bada-design-card h4 { font-size: 16px; font-weight: 800; }
.bada-design-card p { font-size: 12.2px; line-height: 1.48; }
.bada-design-buttons { margin-top: 12px; }

.bada-selected-design,
.bada-quote-design {
  border-radius: 16px;
  background: linear-gradient(180deg, #fdfbf8 0%, #f7f2ea 100%);
  box-shadow: 0 10px 22px rgba(0,0,0,.045);
}
.bada-selected-design img { height: 96px; }
.bada-selected-design small,
.bada-quote-design small { font-size: 10px; letter-spacing: .08em; }
.bada-selected-design strong { font-size: 14px; font-weight: 800; }
.bada-selected-design span { font-size: 11px; line-height: 1.38; }

.bada-upload-zone {
  min-height: 136px;
  border-radius: 18px;
  background: linear-gradient(180deg, #fffdf9 0%, #fbf6ee 100%);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.7), 0 8px 18px rgba(0,0,0,.03);
}
.bada-upload-zone:hover { box-shadow: inset 0 0 0 1px rgba(255,255,255,.7), 0 12px 24px rgba(0,0,0,.06); }
.bada-upload-icon {
  width: 40px; height: 40px; margin-bottom: 8px;
  background: linear-gradient(145deg, #f1e6d3, #fff5e7);
  box-shadow: 0 6px 14px rgba(0,0,0,.06);
}
.bada-room-original,
.bada-ai-result-image { border-radius: 16px; }
.bada-ai-result { padding-top: 14px; }
.bada-result-actions { grid-template-columns: 1fr; }

.bada-form-status, .bada-visual-status { font-size: 12px; }

.bada-demo-banner {
  background: linear-gradient(90deg, #fff2c6 0%, #f9e4aa 100%);
  border-bottom-color: rgba(148,114,47,.18);
}
.bada-demo-mode .bada-ai-result:after { background: rgba(255,255,255,.94); }

.bada-collection-chips { gap: 8px; margin: 0 0 6px; }
.bada-collection-chips button {
  padding: 9px 12px;
  min-height: 40px;
  background: linear-gradient(180deg, #ffffff 0%, #fbf8f3 100%);
  box-shadow: 0 6px 16px rgba(0,0,0,.04);
}
.bada-collection-chips button:hover, .bada-collection-chips button.is-active {
  background: linear-gradient(180deg, #f7efe1 0%, #f1e3cb 100%);
}
.bada-card-link, .bada-collection-link { font-weight: 800; }

@media (max-width: 600px) {
  .bada-panel {
    width: calc(100vw - 12px);
    height: calc(100dvh - 12px);
    right: 6px;
    bottom: 6px;
    border-radius: 22px;
  }
  .bada-header { min-height: 84px; padding: 16px 16px 14px; }
  .bada-brand-mark { width: 50px; height: 50px; flex-basis: 50px; }
  .bada-view { padding: 16px; }
  .bada-quick-actions { grid-template-columns: 1fr; }
  .bada-design-card > img { height: 180px; }
}


/* v5.4 favourites + compare */
.bada-quick-actions button { min-width: 0; }
.bada-quick-actions em.bada-count {
  display: inline-flex; align-items: center; justify-content: center;
  min-width: 20px; height: 20px; padding: 0 6px; margin-left: 6px;
  border-radius: 999px; background: #f1e6d2; color: #6a5126;
  font-style: normal; font-size: 11px; font-weight: 800;
}
.bada-design-buttons-3 { grid-template-columns: repeat(2, minmax(0,1fr)); }
.bada-mini-button {
  border: 1px solid #ddd1be; background: linear-gradient(180deg, #fff 0%, #fbf7f0 100%);
  color: #5a5145; border-radius: 13px; padding: 10px 12px; min-height: 46px;
  font-size: 12.5px; font-weight: 750; cursor: pointer;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
  box-shadow: 0 6px 14px rgba(0,0,0,.04);
}
.bada-mini-button:hover { transform: translateY(-1px); border-color: #bea271; box-shadow: 0 10px 18px rgba(0,0,0,.06); }
.bada-mini-button.is-active { background: linear-gradient(180deg, #f7efe1 0%, #f1e3cb 100%); color: #4b3920; border-color: #b8945b; }
.bada-favorites-results, .bada-compare-results { padding-bottom: 8px; }
.bada-compare-grid { display: grid; grid-template-columns: 1fr; gap: 12px; }
.bada-compare-status { margin-bottom: 14px; }
.bada-compare-card .bada-design-card-body { display: flex; flex-direction: column; gap: 8px; }
.bada-compare-meta {
  display: grid; gap: 6px; margin-top: 4px;
  padding: 10px 12px; border-radius: 14px;
  background: #fbf7f0; border: 1px solid #eee3d3;
}
.bada-compare-meta span { color: #676056; font-size: 11.5px; line-height: 1.4; }
.bada-compare-meta strong { color: #40382d; }
@media (min-width: 860px) {
  .bada-compare-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 600px) {
  .bada-design-buttons-3 { grid-template-columns: 1fr; }
  .bada-quick-actions em.bada-count { margin-left: auto; }
}

/* v5.5 AI colour match + similar designs + shortlist sharing + price estimate */
.bada-similar-hero {
  display: grid;
  grid-template-columns: 108px 1fr;
  gap: 12px;
  align-items: center;
  padding: 10px;
  margin-bottom: 14px;
  border: 1px solid #e8dfd2;
  border-radius: 18px;
  background: linear-gradient(135deg, #fff 0%, #f8f2e8 100%);
  box-shadow: 0 10px 24px rgba(0,0,0,.05);
}
.bada-similar-hero img { width:108px; height:82px; object-fit:cover; border-radius:13px; display:block; }
.bada-similar-hero small, .bada-similar-hero strong, .bada-similar-hero span { display:block; }
.bada-similar-hero small { font-size:9.5px; text-transform:uppercase; letter-spacing:.09em; color:#8a785e; margin-bottom:3px; }
.bada-similar-hero strong { font-size:14px; line-height:1.25; color:#25211c; }
.bada-similar-hero span { margin-top:3px; font-size:11px; color:#746d64; }

.bada-colour-summary {
  margin-top: 14px;
  padding: 15px;
  border: 1px solid #e9dfd0;
  border-radius: 18px;
  background: linear-gradient(145deg, #fffdf9 0%, #f6f0e7 100%);
  box-shadow: 0 12px 28px rgba(0,0,0,.05);
}
.bada-colour-summary > strong { display:block; font-size:15px; margin-bottom:5px; color:#27231e; }
.bada-colour-summary > p { margin:6px 0 0; color:#686158; font-size:12px; line-height:1.48; }
.bada-palette { margin:12px 0 8px; }
.bada-palette > strong { display:block; margin-bottom:8px; font-size:11px; text-transform:uppercase; letter-spacing:.08em; color:#75664e; }
.bada-palette > div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.bada-swatch {
  min-width:0;
  display:grid;
  grid-template-columns:28px 1fr;
  align-items:center;
  gap:7px;
  padding:7px 8px;
  border-radius:12px;
  background:#fff;
  border:1px solid #ebe4d8;
  color:#4e4942;
  font-size:10.5px;
  font-weight:700;
}
.bada-swatch i { grid-row:1 / span 2; width:28px; height:28px; border-radius:9px; border:1px solid rgba(0,0,0,.08); box-shadow:inset 0 1px 0 rgba(255,255,255,.35); }
.bada-swatch small { display:block; font-size:8.5px; color:#948b80; font-weight:600; }

.bada-price-estimate {
  margin: 10px 0;
  padding: 13px 14px;
  border-radius: 15px;
  background: linear-gradient(135deg, #161616 0%, #352b1e 100%);
  color: #fff;
  box-shadow: 0 12px 24px rgba(0,0,0,.14);
}
.bada-price-estimate small { color:rgba(255,255,255,.68); text-transform:uppercase; letter-spacing:.08em; font-size:9.5px; }
.bada-price-estimate strong { color:#fff; font-size:23px; margin:2px 0 4px; }
.bada-price-estimate p { margin:0; color:rgba(255,255,255,.70); font-size:9.8px; line-height:1.35; }

.bada-share-favourites, .bada-share-compare { margin-top: 10px; }
.bada-share-favourites[hidden], .bada-share-compare[hidden] { display:none !important; }

@media (max-width: 600px) {
  .bada-palette > div { grid-template-columns:1fr; }
  .bada-similar-hero { grid-template-columns:84px 1fr; }
  .bada-similar-hero img { width:84px; height:72px; }
}

/* v5.6 before/after + multi-room project */
.bada-before-after { margin: 10px 0 12px; }
.bada-before-after-stage {
  position: relative; overflow: hidden; width: 100%; aspect-ratio: 4 / 3;
  border-radius: 18px; border: 1px solid #ddd4c7; background: #eee;
  box-shadow: 0 14px 28px rgba(0,0,0,.07);
}
.bada-before-after-stage > img,
.bada-before-after-stage .bada-after-layer,
.bada-before-after-stage .bada-after-layer img {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;
}
.bada-before-after-stage .bada-after-layer { overflow: hidden; clip-path: inset(0 50% 0 0); }
.bada-before-after-stage .bada-after-layer img { width: 100%; max-width: none; }
.bada-ba-label {
  position: absolute; top: 10px; z-index: 3; padding: 5px 8px; border-radius: 999px;
  background: rgba(20,20,20,.72); color: #fff; font-size: 9.5px; font-weight: 800; letter-spacing: .08em;
  backdrop-filter: blur(5px);
}
.bada-ba-before { left: 10px; }
.bada-ba-after { right: 10px; background: rgba(117,87,40,.82); }
.bada-before-after-range { width: 100%; margin: 10px 0 0; accent-color: #8a6b37; }

.bada-project-add-card {
  padding: 14px; margin-bottom: 16px; border: 1px solid #e5dac9; border-radius: 18px;
  background: linear-gradient(145deg,#fff 0%,#f8f2e9 100%); box-shadow: 0 10px 24px rgba(0,0,0,.045);
}
.bada-project-current { margin: 4px 0 12px; }
.bada-project-current-line {
  display: grid; grid-template-columns: 78px 1fr; gap: 10px; align-items: center;
  padding: 9px; border-radius: 14px; background: #fff; border: 1px solid #ebe3d8;
}
.bada-project-current-line img { width: 78px; height: 62px; object-fit: cover; border-radius: 10px; }
.bada-project-current-line small,.bada-project-current-line strong,.bada-project-current-line span { display:block; }
.bada-project-current-line small { font-size:9px; text-transform:uppercase; letter-spacing:.08em; color:#8a7c68; }
.bada-project-current-line strong { font-size:12.5px; margin:2px 0; }
.bada-project-current-line span { font-size:10.5px; color:#776f65; }
.bada-project-room {
  display: grid; grid-template-columns: 122px 1fr; overflow: hidden; margin-bottom: 12px;
  border: 1px solid #e5dccf; border-radius: 18px; background:#fff; box-shadow: 0 12px 26px rgba(0,0,0,.05);
}
.bada-project-room > img { width: 122px; height: 100%; min-height: 154px; object-fit: cover; }
.bada-project-room-body { min-width:0; padding: 12px; }
.bada-project-room-head { display:flex; align-items:flex-start; justify-content:space-between; gap:10px; }
.bada-project-room-head small { font-size:9px; color:#8a785e; text-transform:uppercase; letter-spacing:.08em; }
.bada-project-room-head h4 { margin:2px 0 0; font-size:15px; }
.bada-project-remove { border:0; width:30px; height:30px; border-radius:10px; background:#f5efe6; color:#6b5b43; cursor:pointer; font-size:20px; line-height:1; }
.bada-project-room-body p { margin:8px 0; font-size:11.5px; color:#5f5a53; }
.bada-project-room-meta { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:9px; }
.bada-project-room-meta span { padding:5px 7px; border-radius:999px; background:#f7f2ea; color:#6e6251; font-size:9.5px; font-weight:700; }
.bada-project-actions { display:grid; gap:8px; margin-top:14px; }
.bada-project-status { margin-top:10px; }

@media (max-width: 600px) {
  .bada-project-room { grid-template-columns: 1fr; }
  .bada-project-room > img { width:100%; height:170px; min-height:0; }
  .bada-before-after-stage { aspect-ratio: 3 / 2; }
}


/* v5.7 monochrome refresh + visibility improvements */
@font-face {
  font-family: 'ContinuumLight';
  src: url('https://standrewsprimer.co.za/wp-content/uploads/2020/10/Continuum-Light-Regular.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

#bada-root {
  --bada-paper: #ffffff;
  --bada-warm: #ffffff;
  --bada-line: #e7e7e7;
  --bada-soft-ink: #666666;
  --bada-accent: #111111;
  --bada-accent-dark: #111111;
}
.bada-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,255,255,1));
  border: 1px solid rgba(0,0,0,.08);
  box-shadow: 0 28px 90px rgba(0,0,0,.20);
}
.bada-launcher {
  background: #111111;
  color: #ffffff;
  border: 1px solid rgba(255,255,255,.12);
}
.bada-launcher:before { background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,0)); }
.bada-spark {
  background: #ffffff;
  box-shadow: 0 8px 18px rgba(0,0,0,.18);
}
.bada-header {
  background: linear-gradient(135deg, #000000 0%, #181818 100%);
}
.bada-brand-mark {
  background: #ffffff;
  border: 1px solid rgba(0,0,0,.08);
}
.bada-heading strong,
.bada-section-intro h3,
.bada-match-heading strong,
.bada-result-heading strong,
.bada-measure-result strong,
.bada-home-hero strong {
  font-family: 'ContinuumLight', Inter, ui-sans-serif, system-ui, sans-serif;
  letter-spacing: .02em;
}
.bada-heading strong { font-size: 21px; }
.bada-section-intro h3 { font-size: 24px; }
.bada-body,
.bada-messages {
  background: linear-gradient(180deg, #fafafa 0%, #ffffff 42%);
}
.bada-bubble {
  background: #ffffff;
  border: 1px solid #ececec;
  box-shadow: 0 8px 24px rgba(0,0,0,.05);
}
.bada-avatar,
.bada-icon-card {
  background: #ffffff;
  border: 1px solid #ececec;
}
.bada-home-hero {
  padding: 0 16px 16px;
  background: #ffffff;
}
.bada-home-hero-inner {
  min-height: 124px;
  border: 1px solid #e8e8e8;
  background: linear-gradient(180deg, #ffffff 0%, #fafafa 100%);
  border-radius: 24px;
  padding: 18px 18px 20px;
  box-shadow: 0 12px 30px rgba(0,0,0,.05);
}
.bada-home-kicker {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: #555555;
  margin-bottom: 8px;
}
.bada-home-kicker:before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: #111111;
}
.bada-home-hero strong {
  display: block;
  font-size: 24px;
  line-height: 1.05;
  color: #111111;
  margin-bottom: 10px;
}
.bada-home-hero p {
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
  color: #5c5c5c;
  max-width: 48ch;
}
.bada-quick-actions {
  background: #ffffff;
  border-top: 1px solid #efefef;
}
.bada-quick-actions button,
.bada-collection-chips button,
.bada-view input,
.bada-view select,
.bada-view textarea,
.bada-composer textarea,
.bada-info,
.bada-ai-notice,
.bada-selected-design,
.bada-quote-design,
.bada-measure-result,
.bada-compare-meta {
  background: #ffffff;
  border-color: #e5e5e5;
}
.bada-quick-actions button {
  color: #111111;
  box-shadow: 0 8px 20px rgba(0,0,0,.04);
}
.bada-quick-actions button:hover,
.bada-collection-chips button:hover,
.bada-collection-chips button.is-active {
  border-color: #111111;
  background: #ffffff;
}
.bada-quick-actions span,
.bada-card-link,
.bada-collection-link,
.bada-back,
.bada-mini-button.is-active,
.bada-design-rank,
.bada-quick-actions em.bada-count {
  color: #111111;
}
.bada-back,
.bada-design-rank,
.bada-quick-actions em.bada-count,
.bada-mini-button.is-active {
  background: #f3f3f3;
  border-color: #e1e1e1;
}
.bada-primary,
.bada-dark,
.bada-send {
  background: #111111;
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(0,0,0,.14);
}
.bada-secondary,
.bada-mini-button,
.bada-whatsapp-button {
  background: #ffffff;
}
.bada-whatsapp-button,
.bada-whatsapp-action {
  border-color: #25D366 !important;
  background: #ffffff !important;
  color: #111111 !important;
}
.bada-whatsapp-button:hover { background: #f5fff9; }
.bada-design-card,
.bada-upload-zone,
.bada-home-hero-inner {
  border-color: #e6e6e6;
}
.bada-design-card > img,
.bada-compare-card > img {
  width: 100%;
  height: auto !important;
  min-height: 0;
  aspect-ratio: 16 / 10;
  object-fit: contain !important;
  background: #ffffff;
  padding: 0;
  display: block;
}
.bada-design-card-body { background: #ffffff; }
.bada-selected-design,
.bada-quote-design {
  align-items: stretch;
}
.bada-selected-design img,
.bada-quote-design img {
  width: 120px;
  height: auto;
  min-height: 96px;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #ffffff;
  border-right: 1px solid #ececec;
}
.bada-demo-banner {
  background: #f7f7f7;
  color: #111111;
  border-bottom-color: #e8e8e8;
}
.bada-demo-mode .bada-ai-result:after {
  background: rgba(255,255,255,.96);
  color: #111111;
}
.bada-wa-launcher {
  position: fixed;
  right: 24px;
  bottom: 96px;
  z-index: 2147482999;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px 12px 12px;
  border: 0;
  border-radius: 999px;
  background: #25D366;
  color: #ffffff;
  box-shadow: 0 16px 34px rgba(37,211,102,.34);
  cursor: pointer;
  transition: transform .18s ease, opacity .18s ease, box-shadow .18s ease;
}
.bada-wa-launcher:hover { transform: translateY(-2px); box-shadow: 0 18px 38px rgba(37,211,102,.38); }
.bada-wa-launcher.is-hidden { opacity: 0; pointer-events: none; transform: translateY(8px); }
.bada-wa-icon {
  width: 34px;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(255,255,255,.18);
}
.bada-wa-icon svg { width: 22px; height: 22px; display: block; }
.bada-wa-text {
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 600px) {
  .bada-home-hero { padding: 0 12px 12px; }
  .bada-home-hero-inner { min-height: 136px; padding: 16px; border-radius: 20px; }
  .bada-home-hero strong { font-size: 22px; }
  .bada-wa-launcher {
    right: 12px;
    bottom: 78px;
    padding: 10px 12px 10px 10px;
  }
  .bada-wa-text { font-size: 12.5px; }
  .bada-heading strong { font-size: 18px; }
  .bada-section-intro h3 { font-size: 21px; }
}


/* v5.8 remove beige accents: white buttons with black borders */
#bada-root {
  --bada-line: #dddddd;
  --bada-soft-ink: #5e5e5e;
  --bada-accent: #111111;
  --bada-accent-dark: #111111;
}

.bada-home-kicker:before,
.bada-heading i {
  background: #111111;
  box-shadow: none;
}

.bada-quick-actions button,
.bada-primary,
.bada-secondary,
.bada-dark,
.bada-mini-button,
.bada-view .bada-whatsapp-button,
.bada-collection-chips button,
.bada-back,
.bada-card-link,
.bada-collection-link {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1.5px solid #111111 !important;
  box-shadow: none !important;
}

.bada-primary:hover,
.bada-secondary:hover,
.bada-dark:hover,
.bada-mini-button:hover,
.bada-whatsapp-button:hover,
.bada-quick-actions button:hover,
.bada-collection-chips button:hover,
.bada-back:hover {
  background: #f7f7f7 !important;
  color: #000000 !important;
  border-color: #000000 !important;
  box-shadow: none !important;
}

.bada-send {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1.5px solid #111111 !important;
  box-shadow: none !important;
}
.bada-send:hover {
  background: #000000 !important;
  border-color: #000000 !important;
}

.bada-card-link,
.bada-collection-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  width: 100%;
  border-radius: 13px;
  padding: 10px 12px;
  text-decoration: none;
}
.bada-card-link:hover,
.bada-collection-link:hover { text-decoration: none; }

.bada-design-rank,
.bada-quick-actions em.bada-count,
.bada-mini-button.is-active,
.bada-back {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1.5px solid #111111 !important;
}

.bada-quick-actions span,
.bada-whatsapp-action span,
.bada-card-link,
.bada-collection-link {
  color: #111111 !important;
}

.bada-whatsapp-action,
.bada-view .bada-whatsapp-button {
  background: #ffffff !important;
  color: #111111 !important;
  border: 1.5px solid #111111 !important;
}
.bada-whatsapp-action span,
.bada-view .bada-whatsapp-button span {
  color: #25D366 !important;
}

.bada-info,
.bada-ai-notice,
.bada-measure-result,
.bada-selected-design,
.bada-quote-design,
.bada-compare-meta,
.bada-upload-zone,
.bada-home-hero-inner,
.bada-design-card,
.bada-design-card-body,
.bada-bubble,
.bada-view input,
.bada-view select,
.bada-view textarea,
.bada-composer textarea {
  background: #ffffff !important;
  border-color: #dcdcdc !important;
}

.bada-view input:focus,
.bada-view select:focus,
.bada-view textarea:focus,
.bada-composer textarea:focus {
  border-color: #111111 !important;
  box-shadow: 0 0 0 3px rgba(17,17,17,.08) !important;
}

.bada-collection-chips button.is-active {
  background: #111111 !important;
  color: #ffffff !important;
}

.bada-wa-launcher {
  border: 1.5px solid #1faa53;
}


/* v5.9 home visibility + scrolling fix */
.bada-chat-view.is-active {
  display: grid;
  grid-template-rows: auto auto minmax(190px, 1fr) auto auto;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}

.bada-messages {
  height: auto !important;
  max-height: 96px;
  min-height: 74px;
  overflow-y: auto;
  padding: 12px 14px 6px;
}
.bada-message { margin-bottom: 8px; }
.bada-bubble { font-size: 12.8px; line-height: 1.38; }

.bada-home-hero {
  padding: 8px 14px 10px !important;
  overflow: visible;
}
.bada-home-hero-inner {
  min-height: 0 !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
}
.bada-home-kicker {
  margin-bottom: 6px;
  font-size: 10px;
}
.bada-home-hero strong {
  font-size: 18px !important;
  line-height: 1.06 !important;
  margin-bottom: 7px !important;
}
.bada-home-hero p {
  font-size: 12px !important;
  line-height: 1.42 !important;
  max-width: none !important;
}

.bada-quick-actions {
  height: auto !important;
  min-height: 0;
  overflow-y: auto;
  align-content: start;
  padding: 10px 14px 12px;
  gap: 9px;
}
.bada-quick-actions button {
  min-height: 52px;
}

.bada-composer {
  position: relative;
  z-index: 2;
}
.bada-footer-note {
  padding: 0 12px 8px;
}

@media (max-width: 600px) {
  .bada-chat-view.is-active {
    grid-template-rows: auto auto minmax(210px, 1fr) auto auto;
  }
  .bada-messages {
    max-height: 88px;
    min-height: 68px;
    padding: 10px 12px 4px;
  }
  .bada-home-hero {
    padding: 6px 12px 10px !important;
  }
  .bada-home-hero-inner {
    padding: 13px 14px !important;
    border-radius: 16px !important;
  }
  .bada-home-hero strong {
    font-size: 16px !important;
  }
  .bada-home-hero p {
    font-size: 11.5px !important;
  }
  .bada-quick-actions {
    grid-template-columns: 1fr 1fr;
    padding: 10px 12px 12px;
  }
  .bada-quick-actions button {
    min-height: 50px;
    padding: 8px 9px;
    font-size: 11.8px;
  }
}

/* v5.10 collection cost calculator */
.bada-cost-rate-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 48px;
  margin: -2px 0 14px;
  padding: 10px 13px;
  border: 1.5px solid #111111;
  border-radius: 14px;
  background: #ffffff;
  color: #111111;
}
.bada-cost-rate-line span { font-size: 12px; font-weight: 700; }
.bada-cost-rate-line strong { font-size: 13px; font-weight: 800; text-align: right; }
.bada-cost-mode {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  margin: 0 0 14px;
}
.bada-cost-mode button {
  min-height: 48px;
  border: 1.5px solid #111111;
  border-radius: 14px;
  background: #ffffff;
  color: #111111;
  font: inherit;
  font-size: 12.5px;
  font-weight: 800;
  cursor: pointer;
}
.bada-cost-mode button.is-active {
  background: #111111;
  color: #ffffff;
}
.bada-cost-result { margin-top: 12px; }
.bada-cost-total {
  border: 1.5px solid #111111;
  border-radius: 18px;
  background: #ffffff;
  padding: 16px;
}
.bada-cost-total > small {
  display: block;
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: #555555;
  margin-bottom: 5px;
}
.bada-cost-total > strong {
  display: block;
  font-family: 'ContinuumLight', Inter, ui-sans-serif, system-ui, sans-serif;
  font-size: 30px;
  line-height: 1;
  color: #111111;
  margin-bottom: 13px;
}
.bada-cost-breakdown {
  display: grid;
  gap: 7px;
  padding: 11px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.bada-cost-breakdown span {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  font-size: 11.5px;
  color: #555555;
}
.bada-cost-breakdown strong { color: #111111; text-align: right; }
.bada-cost-total p {
  margin: 11px 0 0;
  color: #666666;
  font-size: 10.8px;
  line-height: 1.45;
}
.bada-cost-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  margin-top: 13px;
}
.bada-cost-actions button {
  min-height: 48px;
  border-radius: 13px;
}
@media (max-width: 600px) {
  .bada-cost-mode { grid-template-columns: 1fr 1fr; }
  .bada-cost-rate-line { align-items: flex-start; flex-direction: column; gap: 3px; }
  .bada-cost-rate-line strong { text-align: left; }
  .bada-cost-breakdown span { flex-direction: column; gap: 2px; }
  .bada-cost-breakdown strong { text-align: left; }
}


/* v5.11 WhatsApp lives inside assistant only */
.bada-wa-launcher { display: none !important; }

.bada-whatsapp-action,
.bada-view .bada-whatsapp-button {
  background: #25D366 !important;
  color: #ffffff !important;
  border: 1.5px solid #1fb85a !important;
  box-shadow: none !important;
}
.bada-whatsapp-action:hover,
.bada-view .bada-whatsapp-button:hover {
  background: #20bd5a !important;
  color: #ffffff !important;
  border-color: #1ca650 !important;
}
.bada-whatsapp-action {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 9px;
  text-align: center !important;
  font-weight: 800 !important;
}
.bada-whatsapp-action strong { color: #ffffff !important; font-weight: 800; }
.bada-inline-wa-icon {
  width: 25px;
  height: 25px;
  flex: 0 0 25px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #ffffff !important;
  margin: 0 !important;
}
.bada-inline-wa-icon svg { width: 25px; height: 25px; display: block; }
.bada-whatsapp-action .bada-inline-wa-icon { color: #ffffff !important; }

/* v5.12 home actions fully visible + automatic quote UI */
.bada-panel {
  width: min(610px, calc(100vw - 16px)) !important;
  height: min(930px, calc(100dvh - 12px)) !important;
  right: 8px !important;
  bottom: 6px !important;
}

.bada-chat-view.is-active {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
}

.bada-messages {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: 66px !important;
  max-height: 82px !important;
  overflow-y: auto !important;
  padding: 10px 14px 4px !important;
}

.bada-home-hero {
  flex: 0 0 auto !important;
  padding: 6px 14px 8px !important;
}
.bada-home-hero-inner {
  min-height: 0 !important;
  padding: 11px 14px 12px !important;
  border-radius: 16px !important;
}
.bada-home-kicker { margin-bottom: 4px !important; font-size: 9.5px !important; }
.bada-home-hero strong { font-size: 17px !important; line-height: 1.05 !important; margin-bottom: 5px !important; }
.bada-home-hero p { font-size: 11.5px !important; line-height: 1.35 !important; }

.bada-quick-actions {
  flex: 1 1 auto !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  grid-auto-rows: minmax(46px, auto) !important;
  align-content: start !important;
  gap: 8px !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 8px 14px 10px !important;
}
.bada-quick-actions button {
  min-height: 46px !important;
  padding: 8px 10px !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}
.bada-whatsapp-action { grid-column: 1 / -1 !important; min-height: 48px !important; }

.bada-heading strong {
  font-size: 18px !important;
  line-height: 1.05 !important;
}
.bada-heading span { font-size: 10.8px !important; }

.bada-auto-quote-result { margin-top: 14px; }
.bada-quote-total-card {
  border: 1.5px solid #111;
  border-radius: 18px;
  padding: 16px;
  background: #fff;
}
.bada-quote-total-card > small {
  display:block;
  font-size:10px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#666;
  margin-bottom:5px;
}
.bada-quote-total-card > strong {
  display:block;
  font-family:'ContinuumLight', Inter, sans-serif;
  font-size:32px;
  line-height:1;
  margin-bottom:5px;
  color:#111;
}
.bada-quote-total-card > span { display:block; font-size:12px; color:#555; margin-bottom:12px; }
.bada-auto-quote-lines { border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:7px 0; margin-bottom:10px; }
.bada-auto-quote-lines p { display:flex; justify-content:space-between; gap:12px; margin:0; padding:6px 0; font-size:12px; }
.bada-auto-quote-lines b { white-space:nowrap; }
.bada-quote-mail-note { font-size:11px; line-height:1.45; color:#555; }
.bada-quote-design span { display:block; margin-top:3px; color:#666; font-size:10.5px; line-height:1.3; }

@media (max-width: 600px) {
  .bada-panel {
    width: calc(100vw - 8px) !important;
    height: calc(100dvh - 8px) !important;
    right: 4px !important;
    bottom: 4px !important;
  }
  .bada-header { min-height: 74px !important; padding: 11px 12px !important; }
  .bada-brand-mark { width:44px !important; height:44px !important; flex-basis:44px !important; }
  .bada-demo-banner { padding:7px 10px !important; }
  .bada-messages { max-height:72px !important; min-height:58px !important; }
  .bada-home-hero { padding:4px 10px 6px !important; }
  .bada-home-hero-inner { padding:9px 11px 10px !important; }
  .bada-home-hero strong { font-size:15.5px !important; }
  .bada-home-hero p { font-size:10.5px !important; }
  .bada-quick-actions { padding:6px 10px 8px !important; gap:6px !important; }
  .bada-quick-actions button { min-height:42px !important; padding:6px 8px !important; font-size:11px !important; }
  .bada-composer { min-height:58px !important; padding:7px 9px !important; }
  .bada-composer textarea { min-height:44px !important; padding:11px 12px !important; }
  .bada-send { width:44px !important; height:44px !important; flex-basis:44px !important; }
}


/* v5.13 compact home + full-width section intros */
.bada-demo-banner { display: none !important; }

.bada-chat-view.is-active {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.bada-messages:empty {
  display: none !important;
}
.bada-messages:not(:empty) {
  flex: 0 0 auto !important;
  max-height: 150px !important;
  overflow-y: auto !important;
  border-bottom: 1px solid #ededed;
}

.bada-home-hero {
  order: 1;
  flex: 0 0 auto !important;
  padding: 10px 14px 8px !important;
}
.bada-home-hero-inner {
  padding: 13px 16px 14px !important;
  min-height: 0 !important;
  border-radius: 18px !important;
}
.bada-home-kicker {
  margin-bottom: 5px !important;
  font-size: 10px !important;
  letter-spacing: .10em !important;
}
.bada-home-hero strong {
  margin-bottom: 7px !important;
  font-size: 18px !important;
  line-height: 1.05 !important;
}
.bada-home-hero p {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  font-size: 11.8px !important;
  line-height: 1.4 !important;
  color: #4e4e4e !important;
}
.bada-home-hero p b {
  color: #111111;
  font-weight: 800;
}

.bada-quick-actions {
  order: 2;
  flex: 1 1 auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(48px, auto) !important;
  gap: 8px !important;
  align-content: start !important;
  overflow: visible !important;
  height: auto !important;
  min-height: 0 !important;
  padding: 8px 14px 10px !important;
}
.bada-quick-actions button {
  min-width: 0 !important;
  min-height: 48px !important;
  padding: 8px 9px !important;
  font-size: 11.5px !important;
  line-height: 1.18 !important;
  border-radius: 14px !important;
  justify-content: flex-start;
}
.bada-quick-actions button > span:not(.bada-inline-wa-icon) {
  flex: 0 0 auto;
}
.bada-quick-actions em.bada-count {
  margin-left: auto !important;
  flex: 0 0 auto;
}

/* WhatsApp stays inside the assistant as a compact action tile */
.bada-whatsapp-action {
  grid-column: auto !important;
  min-height: 48px !important;
  justify-content: flex-start !important;
  background: #25D366 !important;
  color: #ffffff !important;
  border: 1.5px solid #1ca650 !important;
}
.bada-whatsapp-action strong {
  font-size: 11.5px !important;
  color: #ffffff !important;
  white-space: normal;
}
.bada-inline-wa-icon {
  width: 28px !important;
  height: 28px !important;
  flex: 0 0 28px !important;
  border-radius: 50% !important;
  background: #ffffff !important;
  padding: 3px !important;
  color: #25D366 !important;
}
.bada-inline-wa-icon svg {
  width: 22px !important;
  height: 22px !important;
}
.bada-inline-wa-icon svg path:first-child { fill: #25D366 !important; }
.bada-inline-wa-icon svg path:last-child { fill: #ffffff !important; }

/* Make all sub-view heading blocks use the full available width */
.bada-section-intro {
  display: grid !important;
  grid-template-columns: 52px minmax(0, 1fr) !important;
  align-items: start !important;
  column-gap: 14px !important;
  width: 100% !important;
  margin-bottom: 16px !important;
}
.bada-section-intro > div {
  min-width: 0 !important;
  width: 100% !important;
}
.bada-section-intro h3 {
  width: 100% !important;
  max-width: none !important;
  margin: 0 0 5px !important;
  line-height: 1.05 !important;
}
.bada-section-intro p {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

@media (max-width: 600px) {
  .bada-home-hero { padding: 7px 10px 7px !important; }
  .bada-home-hero-inner { padding: 10px 12px 11px !important; }
  .bada-home-hero strong { font-size: 15.5px !important; }
  .bada-home-hero p { font-size: 10.8px !important; line-height: 1.34 !important; }

  .bada-quick-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
    padding: 6px 10px 8px !important;
  }
  .bada-quick-actions button {
    min-height: 43px !important;
    padding: 6px 8px !important;
    font-size: 10.7px !important;
  }
  .bada-whatsapp-action strong { font-size: 10.7px !important; }
  .bada-inline-wa-icon { width: 25px !important; height: 25px !important; flex-basis: 25px !important; }
  .bada-inline-wa-icon svg { width: 20px !important; height: 20px !important; }

  .bada-section-intro {
    grid-template-columns: 44px minmax(0, 1fr) !important;
    column-gap: 10px !important;
  }
  .bada-section-intro p {
    font-size: 11.5px !important;
    line-height: 1.4 !important;
  }
}


/* v5.14 launcher text update */
.bada-launcher-label { font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap; }
.bada-launcher { max-width: min(calc(100vw - 28px), 430px); }


/* v5.15 catalogue picker, cleaner spacing and instant-action polish */
.bada-chat-view .bada-messages:empty {
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  max-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
}

.bada-quick-actions button {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 50px !important;
  transition: transform .08s ease, background .08s ease !important;
}
.bada-quick-actions button:active { transform: scale(.985) !important; }
.bada-quick-actions button > span:not(.bada-inline-wa-icon) {
  width: 22px !important;
  min-width: 22px !important;
  text-align: center !important;
  margin-right: 0 !important;
}

/* WhatsApp: green tile, black label as requested */
.bada-whatsapp-action {
  background: #25D366 !important;
  color: #111111 !important;
}
.bada-whatsapp-action strong { color: #111111 !important; }

/* Collection chips arranged in clean even rows instead of irregular wrapping */
.bada-collection-chips {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  width: 100% !important;
}
.bada-collection-chips button {
  width: 100% !important;
  min-height: 42px !important;
  padding: 7px 8px !important;
  border-radius: 12px !important;
  white-space: normal !important;
  text-align: center !important;
}

/* Cost calculator wallpaper catalogue */
.bada-cost-design-picker {
  margin: 14px 0 16px;
  padding: 14px;
  border: 1px solid #dedede;
  border-radius: 18px;
  background: #ffffff;
}
.bada-cost-design-heading {
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 11px;
}
.bada-cost-design-heading strong { font-size: 14px; color: #111; }
.bada-cost-design-heading span { font-size: 11.5px; color: #666; line-height: 1.35; }
.bada-cost-design-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
}
.bada-cost-design-card {
  min-width: 0;
  padding: 0;
  overflow: hidden;
  border: 1.5px solid #d5d5d5;
  border-radius: 14px;
  background: #fff;
  color: #111;
  cursor: pointer;
  text-align: left;
  transition: border-color .1s ease, transform .1s ease;
}
.bada-cost-design-card:hover { border-color: #111; }
.bada-cost-design-card:active { transform: scale(.98); }
.bada-cost-design-card.is-selected { border: 2px solid #111; box-shadow: inset 0 0 0 1px #111; }
.bada-cost-design-card img {
  width: 100%;
  aspect-ratio: 1 / .78;
  object-fit: contain;
  display: block;
  background: #fff;
  border-bottom: 1px solid #ededed;
}
.bada-cost-design-card > span {
  display: block;
  padding: 7px 8px 8px;
  min-width: 0;
}
.bada-cost-design-card strong,
.bada-cost-design-card small {
  display: block;
  overflow-wrap: anywhere;
}
.bada-cost-design-card strong { font-size: 10.8px; line-height: 1.22; }
.bada-cost-design-card small { margin-top: 3px; font-size: 9.5px; color: #777; }
.bada-cost-show-more {
  width: 100%;
  min-height: 44px;
  margin-top: 10px;
  border: 1.5px solid #111;
  border-radius: 12px;
  background: #fff;
  color: #111;
  font-weight: 800;
  cursor: pointer;
}
.bada-cost-no-designs { grid-column: 1 / -1; }

/* Recently viewed */
.bada-recent-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.bada-recent-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dedede;
  border-radius: 16px;
  background: #fff;
}
.bada-recent-card > img { width: 100%; aspect-ratio: 16 / 10; object-fit: contain; display: block; background: #fff; border-bottom: 1px solid #ededed; }
.bada-recent-card > div { padding: 10px; }
.bada-recent-card small,
.bada-recent-card strong { display: block; }
.bada-recent-card small { font-size: 9.5px; text-transform: uppercase; letter-spacing: .05em; color: #777; }
.bada-recent-card strong { margin-top: 3px; font-size: 12px; overflow-wrap: anywhere; }
.bada-recent-actions { display: grid; gap: 6px; margin-top: 9px; }
.bada-recent-actions button { min-height: 40px; font-size: 10.5px !important; }

@media (max-width: 600px) {
  .bada-collection-chips { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .bada-cost-design-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .bada-recent-grid { grid-template-columns: 1fr; }
}


/* v5.16 AI Measure Guide + Wall Readiness Check */
.bada-back {
  position: sticky;
  top: -1px;
  z-index: 20;
  width: auto !important;
  min-height: 42px;
  margin: -4px 0 14px !important;
  padding: 8px 13px !important;
  background: #ffffff !important;
  box-shadow: 0 6px 14px rgba(0,0,0,.05) !important;
}
.bada-measure-guide {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-bottom: 12px;
}
.bada-guide-step {
  display: grid;
  grid-template-columns: 34px 1fr;
  gap: 10px;
  align-items: start;
  border: 1px solid #dedede;
  border-radius: 16px;
  padding: 12px;
  background: #ffffff;
}
.bada-guide-step > span {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: #111111;
  color: #ffffff;
  font-size: 13px;
  font-weight: 800;
}
.bada-guide-step strong { display: block; font-size: 13px; margin: 1px 0 4px; color: #111111; }
.bada-guide-step p { margin: 0; font-size: 11.5px; line-height: 1.45; color: #656565; }
.bada-start-ai-measure { width: 100%; margin-bottom: 12px; }

.bada-readiness-form { display: grid; gap: 4px; }
.bada-readiness-checks {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin: 2px 0 12px;
}
.bada-readiness-checks label {
  display: flex !important;
  align-items: flex-start;
  gap: 8px;
  min-height: 48px;
  margin: 0 !important;
  padding: 10px 11px;
  border: 1px solid #dedede;
  border-radius: 13px;
  background: #fff;
  font-size: 11.5px !important;
  line-height: 1.35;
}
.bada-readiness-checks input { width: auto !important; min-height: 0 !important; margin: 2px 0 0 !important; flex: 0 0 auto; }
.bada-readiness-result { margin: 12px 0; }
.bada-readiness-card {
  border: 1px solid #111111;
  border-radius: 15px;
  padding: 13px 14px;
  background: #ffffff;
}
.bada-readiness-card strong { display: block; font-size: 14px; margin-bottom: 6px; color: #111; }
.bada-readiness-card p { margin: 4px 0; font-size: 11.8px; line-height: 1.45; color: #555; }
.bada-readiness-ai { width: 100%; }

@media (max-width: 600px) {
  .bada-measure-guide,
  .bada-readiness-checks { grid-template-columns: 1fr; }
  .bada-guide-step { grid-template-columns: 32px 1fr; }
}


/* v5.17 AI Wall Photo Assessment */
.bada-wall-photo-wrap {
  margin: 12px 0 14px;
}
.bada-wall-photo-wrap > span {
  display: block;
  font-size: 10px;
  font-weight: 800;
  color: #5f5f5f;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 6px;
}
.bada-wall-photo-image {
  width: 100%;
  max-height: 330px;
  object-fit: contain;
  display: block;
  border-radius: 16px;
  background: #fff;
  border: 1px solid #dedede;
}
.bada-wall-photo-results { margin-top: 12px; padding-bottom: 8px; }
.bada-wall-assessment-card {
  border: 1.5px solid #111;
  border-radius: 18px;
  background: #fff;
  padding: 15px;
}
.bada-wall-status {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 11px;
  border-radius: 999px;
  border: 1.5px solid #111;
  font-size: 11.5px;
  font-weight: 850;
  margin-bottom: 8px;
}
.bada-wall-assessment-card.is-ready .bada-wall-status { border-color: #178344; color: #126c38; }
.bada-wall-assessment-card.is-needs-preparation .bada-wall-status { border-color: #8b681e; color: #735313; }
.bada-wall-assessment-card.is-professional-check .bada-wall-status { border-color: #a43b34; color: #87312c; }
.bada-wall-assessment-card > p { color: #555; font-size: 12.5px; line-height: 1.5; }
.bada-wall-findings { display: grid; gap: 8px; margin: 12px 0; }
.bada-wall-finding {
  border: 1px solid #e3e3e3;
  border-radius: 14px;
  padding: 11px 12px;
  background: #fff;
}
.bada-wall-finding > div { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.bada-wall-finding strong { font-size: 12.5px; color: #171717; }
.bada-wall-finding p { margin: 5px 0; color: #5e5e5e; font-size: 11.8px; line-height: 1.4; }
.bada-wall-finding small { color: #7a7a7a; font-size: 10.5px; }
.bada-severity {
  flex: 0 0 auto;
  border: 1px solid #111;
  border-radius: 999px;
  padding: 4px 7px;
  font-size: 9px;
  font-weight: 850;
  text-transform: uppercase;
  letter-spacing: .05em;
}
.bada-severity.is-high { border-color: #a43b34; color: #87312c; }
.bada-severity.is-medium { border-color: #8b681e; color: #735313; }
.bada-severity.is-low { border-color: #178344; color: #126c38; }
.bada-wall-actions {
  margin: 12px 0;
  padding: 12px 13px;
  border: 1px solid #dedede;
  border-radius: 14px;
}
.bada-wall-actions > strong { font-size: 12px; }
.bada-wall-actions ol { margin: 8px 0 0 18px; padding: 0; }
.bada-wall-actions li { margin-bottom: 6px; color: #555; font-size: 11.8px; line-height: 1.4; }
.bada-wall-limit {
  margin: 12px 0;
  border-top: 1px solid #e6e6e6;
  padding-top: 10px;
  color: #686868;
  font-size: 10.8px;
  line-height: 1.45;
}


/* v5.18 deposit checkout + smart follow-up */
.bada-followup-consent { display:flex !important; align-items:flex-start; gap:9px; font-weight:600 !important; line-height:1.4; padding:10px 0; }
.bada-followup-consent input { width:18px !important; min-height:18px !important; height:18px !important; margin:1px 0 0 !important; flex:0 0 18px; }
.bada-followup-consent span { color:#4f4f4f; font-size:12px; }
.bada-deposit-box { margin:14px 0 10px; padding:15px; border:1.5px solid #111; border-radius:16px; background:#fff; }
.bada-deposit-box > span { display:block; font-size:11px; text-transform:uppercase; letter-spacing:.09em; font-weight:800; color:#555; }
.bada-deposit-box > strong { display:block; font-family:'ContinuumLight',Arial,sans-serif; font-size:27px; margin:4px 0 3px; color:#111; }
.bada-deposit-box p { margin:0 0 10px; font-size:12px; color:#666; }


/* v5.19 advanced workflow + multilingual */
.bada-language-strip {
  margin-top: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  border-top: 1px solid #ececec;
  padding-top: 12px;
}
.bada-language-strip > span,
.bada-language-strip small { color: #666; font-size: 11.5px; }
.bada-language-actions { display: inline-flex; gap: 6px; flex-wrap: wrap; }
.bada-language-actions button {
  min-width: 44px;
  padding: 7px 10px;
  border-radius: 999px;
  border: 1.5px solid #111;
  background: #fff;
  color: #111;
  font-size: 11px;
  font-weight: 800;
  cursor: pointer;
}
.bada-language-actions button.is-active { background: #111; color: #fff; }
.bada-room360-list,
.bada-room360-grid { display: grid; gap: 12px; }
.bada-room360-item {
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 12px;
  align-items: center;
  background: #fff;
  border: 1px solid #dfdfdf;
  border-radius: 16px;
  padding: 10px;
}
.bada-room360-item img {
  width: 92px; height: 72px; object-fit: cover; border-radius: 12px; border: 1px solid #eee; background: #fafafa;
}
.bada-room360-card,
.bada-portal-card {
  background: #fff;
  border: 1px solid #dcdcdc;
  border-radius: 20px;
  padding: 16px;
  box-shadow: 0 10px 26px rgba(0,0,0,.04);
}
.bada-room360-direction {
  border: 1px solid #111;
  border-radius: 14px;
  padding: 10px 12px;
  margin: 10px 0 14px;
  font-weight: 700;
}
.bada-room360-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bada-room360-grid article {
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  padding: 14px;
  display: grid;
  gap: 8px;
}
.bada-room360-grid article h4 { margin: 0; font-size: 16px; }
.bada-room360-grid article p,
.bada-room360-grid article small { margin: 0; color: #555; }
.bada-room360-tag {
  display: inline-flex; width: max-content; padding: 5px 10px; border-radius: 999px; border: 1px solid #111; font-size: 11px; font-weight: 700;
}
.bada-crop-controls { margin-bottom: 14px; }
.bada-crop-design { margin-bottom: 12px; }
.bada-crop-preview-wrap {
  background: linear-gradient(180deg, #fff, #f8f8f8);
  border: 1px solid #dedede;
  border-radius: 20px;
  padding: 16px;
  margin-bottom: 12px;
}
.bada-crop-wall {
  width: 100%;
  max-width: 420px;
  aspect-ratio: 4 / 3;
  margin: 0 auto;
  background: #fff;
  border: 3px solid #111;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.bada-crop-art {
  position: absolute; inset: 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 50% 50%;
}
.bada-crop-readout {
  display: grid;
  gap: 6px;
  background: #fff;
  border: 1px solid #dedede;
  border-radius: 14px;
  padding: 12px;
  margin-bottom: 12px;
}
.bada-portal-head,
.bada-portal-grid { display: grid; gap: 10px; }
.bada-portal-head { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-bottom: 12px; }
.bada-portal-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); margin-bottom: 12px; }
.bada-portal-head small,
.bada-portal-grid small,
.bada-portal-summary p { color: #666; }
.bada-portal-head strong,
.bada-portal-grid strong { display:block; font-size: 15px; color: #111; }
.bada-portal-summary {
  border-top: 1px solid #ececec;
  padding-top: 12px;
  margin-top: 2px;
}
.bada-portal-booking {
  margin-top: 14px;
  border-top: 1px solid #ececec;
  padding-top: 14px;
}
.bada-book-status { margin-top: 10px; color: #222; }
@media (max-width: 600px) {
  .bada-room360-grid,
  .bada-portal-grid,
  .bada-portal-head { grid-template-columns: 1fr; }
  .bada-room360-item { grid-template-columns: 1fr; }
  .bada-room360-item img { width: 100%; height: 120px; }
}


/* v5.20 premium UI refinement */
.bada-panel {
  width: min(590px, calc(100vw - 28px));
  border-radius: 26px;
  border: 1px solid rgba(0,0,0,.10);
  box-shadow: 0 30px 90px rgba(0,0,0,.24);
}
.bada-header {
  min-height: 82px;
  padding: 16px 18px;
  background: #050505 !important;
}
.bada-brand-mark { width: 52px; height: 52px; flex-basis: 52px; border-radius: 15px; }
.bada-heading strong { font-size: 20px; line-height: 1.05; }
.bada-heading span { font-size: 11.5px; letter-spacing: .02em; }
.bada-home-hero { padding: 10px 14px 8px !important; }
.bada-home-hero-inner {
  border-radius: 18px !important;
  border: 1.5px solid #111 !important;
  box-shadow: none !important;
  background: #fff !important;
  padding: 15px 16px !important;
}
.bada-home-hero strong { font-size: 20px !important; }
.bada-home-hero p { color: #444 !important; }
.bada-quick-actions {
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 8px;
  padding: 10px 14px 14px;
}
.bada-quick-actions button {
  min-height: 58px;
  border-radius: 14px !important;
  padding: 10px 11px !important;
  font-size: 11.5px !important;
  font-weight: 750 !important;
  display: flex;
  align-items: center;
  gap: 6px;
  line-height: 1.2;
  background: #fff !important;
  border: 1.4px solid #111 !important;
  color: #111 !important;
}
.bada-quick-actions button > span:not(.bada-inline-wa-icon) {
  width: 26px; height: 26px; flex: 0 0 26px;
  display: inline-grid; place-items: center;
  border-radius: 8px;
  border: 1px solid #111;
  font-size: 12px;
  margin: 0 !important;
}
.bada-quick-actions button:hover { background: #f4f4f4 !important; transform: translateY(-1px); }
.bada-whatsapp-action { background: #25D366 !important; border-color: #25D366 !important; color: #111 !important; }
.bada-whatsapp-action:hover { background: #20c75c !important; }
.bada-inline-wa-icon { width: 27px !important; height: 27px !important; flex: 0 0 27px !important; }
.bada-view { padding: 18px; }
.bada-back {
  position: sticky; top: 0; z-index: 4;
  width: max-content !important;
  min-height: 38px !important;
  padding: 8px 12px !important;
  border-radius: 999px !important;
  margin-bottom: 14px !important;
}
.bada-section-intro {
  align-items: flex-start !important;
  gap: 12px;
  border-bottom: 1px solid #ececec;
  padding-bottom: 14px;
  margin-bottom: 16px;
}
.bada-section-intro > div { flex: 1; min-width: 0; }
.bada-section-intro h3 { font-size: 24px !important; line-height: 1.05 !important; }
.bada-section-intro p { max-width: none !important; font-size: 12.5px !important; }
.bada-icon-card {
  width: 48px; height: 48px; flex-basis: 48px;
  border: 1.5px solid #111 !important;
  background: #fff !important;
  color: #111 !important;
  border-radius: 14px;
}
.bada-design-card,
.bada-room360-card,
.bada-portal-card,
.bada-quote-total-card,
.bada-wall-assessment-card {
  border: 1.4px solid #111 !important;
  box-shadow: none !important;
}
.bada-primary, .bada-dark {
  background: #111 !important;
  color: #fff !important;
  border: 1.5px solid #111 !important;
}
.bada-primary:hover, .bada-dark:hover { background: #000 !important; }
.bada-secondary, .bada-mini-button {
  background: #fff !important;
  color: #111 !important;
  border: 1.4px solid #111 !important;
}
.bada-result-actions { gap: 9px; }
.bada-composer { padding: 10px 14px; }
.bada-composer textarea { border: 1.5px solid #111 !important; background: #fff !important; }
.bada-send { border-radius: 14px !important; }
.bada-language-strip { margin-top: 10px; padding-top: 10px; }
.bada-language-actions button { min-height: 34px; }
.bada-portal-grid > div,
.bada-portal-head > div {
  border: 1px solid #e3e3e3;
  border-radius: 12px;
  padding: 10px;
}
@media (max-width: 600px) {
  .bada-panel { width: calc(100vw - 12px); right: 6px; bottom: 6px; }
  .bada-quick-actions { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 7px; padding: 9px 10px 12px; }
  .bada-quick-actions button { min-height: 56px; font-size: 11px !important; }
  .bada-section-intro h3 { font-size: 21px !important; }
}


/* v5.21 full-interface language switch + home scrolling fix */
.bada-chat-view.is-active {
  overflow-y: auto !important;
  overflow-x: hidden !important;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.bada-home-hero {
  flex: 0 0 auto !important;
}
.bada-quick-actions {
  flex: 0 0 auto !important;
  height: auto !important;
  min-height: auto !important;
  overflow: visible !important;
  padding-bottom: 18px !important;
}
.bada-language-strip {
  margin-top: 8px !important;
  padding-top: 8px !important;
  gap: 6px 8px !important;
}
.bada-language-actions {
  gap: 5px !important;
}
.bada-language-actions button {
  min-width: 46px !important;
  min-height: 30px !important;
  padding: 5px 9px !important;
  font-size: 10.5px !important;
  line-height: 1 !important;
}
.bada-language-strip > span,
.bada-language-strip small {
  font-size: 10.5px !important;
}
@media (max-width: 600px) {
  .bada-chat-view.is-active { padding-bottom: 4px !important; }
  .bada-language-strip { align-items: center; }
  .bada-language-strip small { flex-basis: 100%; }
  .bada-quick-actions { padding-bottom: 14px !important; }
}


/* v5.22 freeze fix + advanced sales tools */
.bada-chat-view.is-active {
  min-height: 0 !important;
  flex: 1 1 auto !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
}
.bada-language-actions button { cursor: pointer !important; position: relative; z-index: 2; }
.bada-decor-card,
.bada-sample-heading {
  border: 1.4px solid #111;
  border-radius: 16px;
  background: #fff;
  padding: 14px;
}
.bada-decor-card h4 { margin: 0 0 7px; font-size: 17px; }
.bada-decor-card > p { margin: 0 0 12px; color: #555; line-height: 1.45; }
.bada-decor-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; }
.bada-decor-grid section { border: 1px solid #e1e1e1; border-radius: 13px; padding: 11px; }
.bada-decor-grid section strong { display:block; margin-bottom:6px; font-size:12px; }
.bada-decor-grid ul { margin:0; padding-left:17px; color:#555; font-size:12px; line-height:1.45; }
.bada-sample-heading { display:grid; gap:3px; margin-bottom:10px; }
.bada-sample-heading span { color:#666; font-size:11.5px; }
.bada-sample-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-bottom:14px; max-height:330px; overflow-y:auto; padding-right:2px; }
.bada-sample-option { margin:0 !important; border:1px solid #dedede; border-radius:13px; overflow:hidden; background:#fff; cursor:pointer; position:relative; }
.bada-sample-option input { position:absolute !important; top:8px; left:8px; z-index:2; width:18px !important; height:18px !important; min-height:0 !important; margin:0 !important; accent-color:#111; }
.bada-sample-option img { width:100%; height:92px; object-fit:contain; display:block; background:#f8f8f8; }
.bada-sample-option span { display:grid; gap:2px; padding:8px; font-size:10.5px; line-height:1.25; color:#333; }
.bada-sample-option span b { font-size:10px; text-transform:uppercase; letter-spacing:.04em; color:#111; }
.bada-sample-status { margin-top:9px; font-size:12px; line-height:1.4; }
@media(max-width:600px){
  .bada-decor-grid { grid-template-columns:1fr; }
  .bada-sample-grid { grid-template-columns:repeat(2,minmax(0,1fr)); max-height:300px; }
  .bada-sample-option img { height:80px; }
}


/* v5.23 AI Budget Match */
.bada-budget-fields { margin-bottom: 12px; }
.bada-budget-summary {
  display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap;
  border: 1.5px solid #111; border-radius: 16px; padding: 12px 14px; margin: 14px 0;
}
.bada-budget-summary small,.bada-budget-summary span { color:#666; }
.bada-budget-summary strong { font-size:20px; }
.bada-budget-collections { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-bottom:14px; }
.bada-budget-collection-card { border:1px solid #ddd; border-radius:14px; padding:12px; display:grid; gap:5px; background:#fff; }
.bada-budget-collection-card.is-fit { border:2px solid #111; }
.bada-budget-collection-card.is-over { opacity:.72; }
.bada-budget-collection-card span,.bada-budget-collection-card small { font-size:11px; color:#666; }
.bada-budget-collection-card strong { font-size:17px; color:#111; }
.bada-budget-designs h4 { margin:12px 0 10px; }
.bada-budget-design-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.bada-budget-design-grid article { border:1px solid #dedede; border-radius:16px; overflow:hidden; background:#fff; }
.bada-budget-design-grid img { width:100%; aspect-ratio:4/3; object-fit:contain; background:#fafafa; border-bottom:1px solid #eee; }
.bada-budget-design-grid article>div { padding:11px; display:grid; gap:6px; }
.bada-budget-design-grid small,.bada-budget-design-grid span { color:#666; font-size:11px; }
.bada-budget-design-grid strong { font-size:14px; }
@media(max-width:600px){.bada-budget-collections,.bada-budget-design-grid{grid-template-columns:1fr}}
\n\n/* v5.25 live measured-area calculator fix */\n.bada-cost-live-area{margin:14px 0 12px;padding:15px 16px;border:1.5px solid #111;border-radius:16px;background:#fff;display:grid;grid-template-columns:1fr auto;gap:5px 14px;align-items:center}.bada-cost-live-area span{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:#5f5f5f}.bada-cost-live-area strong{font-size:22px;line-height:1;color:#111}.bada-cost-live-area small{grid-column:1/-1;color:#737373;font-size:11.5px;line-height:1.45}@media(max-width:640px){.bada-cost-live-area{grid-template-columns:1fr}.bada-cost-live-area strong{font-size:20px}.bada-cost-live-area small{grid-column:auto}}\n

/* v5.33 — full WooCommerce catalogue browser */
.bada-full-catalog-heading { margin-bottom: 10px; }
.bada-full-catalog-heading span { line-height: 1.4; }
.bada-finder-catalog-actions {
  display: grid;
  gap: 9px;
  margin: 12px 0 2px;
}
.bada-finder-catalog-actions > button { width: 100%; }
.bada-finder-browse-note { margin: 0; }


/* v5.34 — collection-first Wallpaper Finder */
.bada-hidden-select {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.bada-finder-collection-browser-heading {
  margin: 0 0 12px;
}
.bada-finder-collection-browser-heading strong {
  display: block;
  color: #111;
  font-size: 15px;
  line-height: 1.25;
  margin-bottom: 3px;
}
.bada-finder-collection-browser-heading span {
  display: block;
  color: #736e68;
  font-size: 11px;
  line-height: 1.45;
}

.bada-finder-collection-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
}

.bada-finder-collection-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #dedad4;
  border-radius: 16px;
  background: #fff;
}

.bada-finder-collection-open {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: #111;
  text-align: left;
  cursor: pointer;
}

.bada-finder-collection-image {
  position: relative;
  display: block;
  width: 100%;
  height: 132px;
  overflow: hidden;
  background: #f2f0ed;
}
.bada-finder-collection-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bada-finder-collection-image em {
  position: absolute;
  right: 8px;
  bottom: 8px;
  min-width: 31px;
  height: 31px;
  padding: 0 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.bada-finder-collection-copy {
  display: block;
  padding: 12px;
}
.bada-finder-collection-copy small {
  display: block;
  color: #858078;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .12em;
  margin-bottom: 5px;
}
.bada-finder-collection-copy strong {
  display: block;
  color: #111;
  font-size: 17px;
  line-height: 1.15;
  margin-bottom: 4px;
}
.bada-finder-collection-copy span {
  display: block;
  color: #77716a;
  font-size: 10px;
  margin-bottom: 10px;
}
.bada-finder-collection-copy b {
  display: block;
  color: #111;
  font-size: 10px;
  font-weight: 800;
}

.bada-finder-collection-workspace > .bada-finder-back-collections {
  margin-bottom: 12px;
}

.bada-finder-active-collection {
  margin-bottom: 12px;
  padding: 16px;
  border-radius: 16px;
  background: #111;
  color: #fff;
}
.bada-finder-active-collection small {
  display: block;
  color: rgba(255,255,255,.65);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .13em;
  margin-bottom: 5px;
}
.bada-finder-active-collection strong {
  display: block;
  color: #fff;
  font-size: 22px;
  line-height: 1.15;
  margin-bottom: 4px;
}
.bada-finder-active-collection span {
  display: block;
  color: rgba(255,255,255,.78);
  font-size: 11px;
}

.bada-finder-refine {
  margin-bottom: 14px;
  padding: 14px;
  border: 1px solid #e2ddd7;
  border-radius: 16px;
  background: #faf9f7;
}
.bada-finder-refine-heading {
  margin-bottom: 10px;
}
.bada-finder-refine-heading strong {
  display: block;
  color: #111;
  font-size: 12px;
  margin-bottom: 2px;
}
.bada-finder-refine-heading span {
  display: block;
  color: #7b756e;
  font-size: 10px;
  line-height: 1.4;
}

@media (max-width: 620px) {
  .bada-finder-collection-grid {
    grid-template-columns: 1fr;
  }
  .bada-finder-collection-image {
    height: 145px;
  }
}


/* v5.35 — collection-first selector inside Upload My Room */
.bada-visual-collection-browser {
  margin: 14px 0;
}

.bada-visual-collection-workspace {
  margin: 14px 0;
}

.bada-visual-back-collections {
  margin-bottom: 12px;
}

.bada-visual-design-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 10px;
}

.bada-visual-design-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e0dcd6;
  border-radius: 14px;
  background: #fff;
  transition: border-color .18s ease, box-shadow .18s ease;
}

.bada-visual-design-card.is-selected {
  border-color: #111;
  box-shadow: 0 0 0 1px #111 inset;
}

.bada-visual-design-select {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: #111;
  text-align: left;
  cursor: pointer;
}

.bada-visual-design-image {
  position: relative;
  display: block;
  width: 100%;
  height: 118px;
  overflow: hidden;
  background: #f2f0ed;
}

.bada-visual-design-image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.bada-visual-design-image em {
  position: absolute;
  top: 7px;
  right: 7px;
  padding: 5px 7px;
  border-radius: 999px;
  background: #111;
  color: #fff;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
  letter-spacing: .08em;
}

.bada-visual-design-copy {
  display: block;
  padding: 10px;
}

.bada-visual-design-copy small {
  display: block;
  margin-bottom: 4px;
  color: #8a837b;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.bada-visual-design-copy strong {
  display: block;
  overflow: hidden;
  color: #111;
  font-size: 12px;
  line-height: 1.25;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.bada-visual-design-copy span {
  display: block;
  margin-top: 5px;
  color: #77716a;
  font-size: 9px;
}

.bada-visual-design-grid-actions {
  display: grid;
  gap: 8px;
  margin-top: 10px;
}

.bada-visual-design-grid-actions > button {
  width: 100%;
}

.bada-visual-no-selection {
  width: 100%;
  padding: 13px 15px;
  border: 1px dashed #d7d1ca;
  border-radius: 13px;
  background: #faf9f7;
}

.bada-visual-no-selection strong {
  display: block;
  color: #111;
  font-size: 11px;
  margin-bottom: 3px;
}

.bada-visual-no-selection span {
  display: block;
  color: #7b756e;
  font-size: 10px;
}

@media (max-width: 620px) {
  .bada-visual-design-grid {
    grid-template-columns: 1fr 1fr;
  }

  .bada-visual-design-image {
    height: 102px;
  }
}


/* v5.38 — AI 360° Visual Room Designer */
.bada-visual360-step {
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 16px 0 10px;
}
.bada-visual360-step > span {
  width: 31px;
  height: 31px;
  flex: 0 0 31px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #111;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
}
.bada-visual360-step strong {
  display: block;
  color: #111;
  font-size: 12px;
  line-height: 1.2;
}
.bada-visual360-step small {
  display: block;
  margin-top: 2px;
  color: #79736d;
  font-size: 9.5px;
  line-height: 1.35;
}

.bada-visual360-picker {
  margin-bottom: 12px;
}

.bada-visual360-selected {
  margin: 10px 0 15px;
}

.bada-visual360-upload-list {
  display: grid;
  gap: 8px;
  margin: 10px 0 12px;
}

.bada-visual360-upload-item {
  position: relative;
  display: grid;
  grid-template-columns: 82px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 8px;
  border: 1px solid #e1ddd7;
  border-radius: 13px;
  background: #fff;
}
.bada-visual360-upload-item img {
  width: 82px;
  height: 58px;
  object-fit: cover;
  border-radius: 9px;
  background: #f0eeeb;
}
.bada-visual360-upload-item strong {
  display: block;
  color: #111;
  font-size: 11px;
}
.bada-visual360-upload-item span {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: #7b756e;
  font-size: 9px;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bada-visual360-remove {
  width: 31px;
  height: 31px;
  padding: 0;
  border: 1px solid #ddd8d2;
  border-radius: 50%;
  background: #fff;
  color: #111;
  font-size: 17px;
  cursor: pointer;
}

.bada-visual360-result {
  margin-top: 14px;
  padding: 13px;
  border: 1px solid #ded9d3;
  border-radius: 17px;
  background: #fff;
}

.bada-visual360-viewer {
  margin-top: 10px;
}

.bada-visual360-stage {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 15px;
  background: #eeece8;
  aspect-ratio: 4 / 3;
}
.bada-visual360-stage img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.bada-visual360-angle-label {
  position: absolute;
  left: 10px;
  bottom: 10px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(0,0,0,.78);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
}

.bada-visual360-controls {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto minmax(0,1fr);
  align-items: center;
  gap: 8px;
  margin-top: 10px;
}
.bada-visual360-controls button {
  width: 100%;
}
.bada-visual360-counter {
  min-width: 45px;
  text-align: center;
  color: #69635c;
  font-size: 10px;
  font-weight: 800;
}

.bada-visual360-thumbs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin: 10px 0 12px;
}
.bada-visual360-thumb {
  position: relative;
  overflow: hidden;
  padding: 0;
  border: 2px solid transparent;
  border-radius: 10px;
  background: #f1efec;
  cursor: pointer;
  aspect-ratio: 4 / 3;
}
.bada-visual360-thumb.is-active {
  border-color: #111;
}
.bada-visual360-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.bada-visual360-thumb span {
  position: absolute;
  right: 4px;
  bottom: 4px;
  min-width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  background: rgba(0,0,0,.78);
  color: #fff;
  font-size: 8px;
  font-weight: 800;
}

@media (max-width: 620px) {
  .bada-visual360-controls {
    grid-template-columns: 1fr 1fr;
  }
  .bada-visual360-counter {
    grid-column: 1 / -1;
    grid-row: 1;
  }
  .bada-visual360-thumbs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}


/* v5.39 — powerful wallpaper-specific tools */
.bada-wallselector-stage{position:relative;overflow:hidden;margin:12px 0;border:1px solid #ded9d3;border-radius:16px;background:#f1efec;cursor:crosshair}.bada-wallselector-image{display:block;width:100%;max-height:430px;object-fit:contain}.bada-wallselector-marker{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;padding:0;border:3px solid #fff;border-radius:50%;background:#111;box-shadow:0 0 0 2px rgba(0,0,0,.55);pointer-events:none}.bada-wallselector-marker::after{content:"";position:absolute;inset:11px;border-radius:50%;background:#fff}.bada-wallselector-instruction{position:absolute;left:10px;bottom:10px;padding:7px 10px;border-radius:999px;background:rgba(0,0,0,.78);color:#fff;font-size:9px;font-weight:800}.bada-wallselector-readout{margin:8px 0 12px;color:#6f6962;font-size:10px}.bada-wallselector-result{margin-top:14px}.bada-wallselector-result-image{display:block;width:100%;margin-top:10px;border-radius:15px;border:1px solid #ded9d3}
.bada-quantity-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.bada-quantity-summary>div,.bada-quantity-cost-card{border:1px solid #ded9d3;border-radius:14px;background:#fff}.bada-quantity-summary>div{padding:12px}.bada-quantity-summary small,.bada-quantity-summary strong{display:block}.bada-quantity-summary small{color:#7b756e;font-size:9px}.bada-quantity-summary strong{margin-top:4px;color:#111;font-size:17px}.bada-quantity-cost-card{margin-top:9px;padding:12px}.bada-quantity-cost-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid #eeeae5;font-size:10px}.bada-quantity-cost-card>div:last-child{border-bottom:0}.bada-quantity-cost-card .is-total strong{font-size:18px}.bada-tool-note{color:#79736c;font-size:9.5px;line-height:1.45}
.bada-pattern-presets,.bada-focal-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:10px 0 12px}.bada-pattern-presets button,.bada-focal-presets button{min-height:39px;padding:8px;border:1px solid #d9d4ce;border-radius:11px;background:#fff;color:#111;font-size:9px;font-weight:800;cursor:pointer}.bada-pattern-presets button.is-active,.bada-focal-presets button.is-active{background:#111;color:#fff;border-color:#111}
.bada-projectdesigner-room{overflow:hidden;margin:10px 0 13px;border:1px solid #ded9d3;border-radius:15px;background:#f0eeeb}.bada-projectdesigner-room img{display:block;width:100%;max-height:290px;object-fit:contain}.bada-projectdesigner-auto{display:flex!important;align-items:flex-start;gap:8px;margin:10px 0 12px;color:#6e6861;font-size:9.5px}.bada-projectdesigner-auto input{margin-top:2px}.bada-projectdesigner-summary{margin:12px 0;padding:15px;border-radius:15px;background:#111;color:#fff}.bada-projectdesigner-summary small,.bada-projectdesigner-summary strong{display:block}.bada-projectdesigner-summary small{color:rgba(255,255,255,.62);font-size:8px;font-weight:800;letter-spacing:.12em}.bada-projectdesigner-summary strong{margin-top:5px;color:#fff;font-size:15px;line-height:1.35}.bada-projectdesigner-summary p{margin:8px 0 0;color:rgba(255,255,255,.78);font-size:10px}.bada-projectdesigner-grid{display:grid;gap:10px}.bada-projectdesigner-card{overflow:hidden;border:1px solid #ded9d3;border-radius:16px;background:#fff}.bada-projectdesigner-card.is-recommended{border-color:#111;box-shadow:inset 0 0 0 1px #111}.bada-projectdesigner-image-wrap{position:relative;min-height:180px;background:#f0eeeb}.bada-projectdesigner-image-wrap>img{display:block;width:100%;height:220px;object-fit:cover}.bada-projectdesigner-badge,.bada-projectdesigner-rank{position:absolute;top:9px;right:9px;padding:6px 8px;border-radius:999px;background:#111;color:#fff;font-size:8px;font-weight:900}.bada-projectdesigner-card-body{padding:12px}.bada-projectdesigner-card-body>small{color:#857f78;font-size:8px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.bada-projectdesigner-card-body>strong{display:block;margin-top:4px;color:#111;font-size:14px}.bada-projectdesigner-card-body>p{margin:7px 0;color:#706a63;font-size:10px;line-height:1.45}.bada-projectdesigner-price{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid #eeeae5;border-bottom:1px solid #eeeae5;font-size:10px}.bada-projectdesigner-global-actions{margin-top:12px}@media(min-width:720px){.bada-projectdesigner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bada-projectdesigner-card-body .bada-result-actions{grid-template-columns:1fr}}@media(max-width:620px){.bada-quantity-summary,.bada-pattern-presets,.bada-focal-presets{grid-template-columns:1fr}}


/* v5.40 — adaptive AI performance indicator */
.bada-performance-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  width: fit-content;
  margin-top: 4px;
  color: rgba(255,255,255,.58);
  font-size: 8px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: .03em;
}
.bada-performance-chip > i {
  width: 6px;
  height: 6px;
  flex: 0 0 6px;
  border-radius: 50%;
  background: rgba(255,255,255,.55);
}
.bada-performance-chip.is-working {
  color: rgba(255,255,255,.88);
}
.bada-performance-chip.is-working > i {
  background: #fff;
  animation: bada-performance-pulse 1s ease-in-out infinite;
}
@keyframes bada-performance-pulse {
  0%,100% { opacity:.35; transform:scale(.85); }
  50% { opacity:1; transform:scale(1.1); }
}
@media (prefers-reduced-motion: reduce) {
  .bada-performance-chip.is-working > i { animation:none; }
}


/* v5.41 — consolidated power menu */
.bada-power-menu {
  grid-template-columns: repeat(2, minmax(0,1fr));
}
.bada-power-menu > button {
  min-height: 58px;
}
.bada-power-whatsapp {
  grid-column: 1 / -1;
}

.bada-compare-image-wrap {
  position: relative;
  overflow: hidden;
  background: #f1efec;
}
.bada-compare-image-wrap > img {
  display: block;
  width: 100%;
  height: 220px;
  object-fit: cover;
}
.bada-compare-option,
.bada-compare-live-badge {
  position: absolute;
  top: 9px;
  padding: 6px 8px;
  border-radius: 999px;
  font-size: 8px;
  font-weight: 900;
}
.bada-compare-option {
  left: 9px;
  background: #111;
  color: #fff;
}
.bada-compare-live-badge {
  right: 9px;
  background: #fff;
  color: #111;
  border: 1px solid rgba(0,0,0,.12);
}
.bada-project-board-shortcuts {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 8px;
  margin: 12px 0;
}
.bada-project-board-shortcuts button {
  min-height: 44px;
}
.bada-home-total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 11px 0;
  padding: 12px 14px;
  border-radius: 13px;
  background: #111;
  color: #fff;
}
.bada-home-total span {
  font-size: 10px;
}
.bada-home-total strong {
  font-size: 19px;
}
.bada-home-plan-image {
  display: block;
  width: 100%;
  height: 130px;
  object-fit: cover;
  border-radius: 10px;
  margin-bottom: 9px;
}
.bada-home-design {
  display: block;
  margin: 7px 0;
  color: #111;
  font-size: 12px;
}
@media (max-width: 620px) {
  .bada-power-menu,
  .bada-project-board-shortcuts {
    grid-template-columns: 1fr;
  }
  .bada-power-whatsapp {
    grid-column: auto;
  }
}


/* v5.43 — translated power-menu text containment fix
   Long Afrikaans/isiXhosa labels must never overlap neighbouring buttons. */
.bada-quick-actions.bada-power-menu {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  align-items: stretch !important;
  overflow: visible !important;
}

.bada-quick-actions.bada-power-menu > button {
  position: relative !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  height: auto !important;
  min-height: 68px !important;
  padding: 11px 12px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 9px !important;
  white-space: normal !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
  hyphens: auto;
  line-height: 1.25 !important;
  text-align: left !important;
  box-sizing: border-box !important;
}

/* The icon must keep its own fixed space and never squeeze the translated text. */
.bada-quick-actions.bada-power-menu > button > span:not(.bada-inline-wa-icon) {
  flex: 0 0 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  margin: 0 !important;
}

/* Count badges stay at the far edge instead of sitting on top of translated text. */
.bada-quick-actions.bada-power-menu > button > em.bada-count {
  position: static !important;
  flex: 0 0 auto !important;
  margin-left: auto !important;
  margin-right: 0 !important;
}

/* Afrikaans and isiXhosa need slightly more vertical room than English. */
.bada-root[data-ui-language="af"] .bada-quick-actions.bada-power-menu > button,
.bada-root[data-ui-language="xh"] .bada-quick-actions.bada-power-menu > button,
[data-ui-language="af"] .bada-quick-actions.bada-power-menu > button,
[data-ui-language="xh"] .bada-quick-actions.bada-power-menu > button {
  min-height: 76px !important;
  font-size: 11.2px !important;
}

/* Keep compact two-column cards on normal phones, then use one column
   on narrow screens where translated labels need the full width. */
@media (max-width: 520px) {
  .bada-quick-actions.bada-power-menu {
    grid-template-columns: 1fr !important;
  }

  .bada-quick-actions.bada-power-menu > button {
    min-height: 62px !important;
  }
}

@media (max-width: 360px) {
  .bada-quick-actions.bada-power-menu > button {
    font-size: 10.8px !important;
    padding: 10px !important;
  }
}