:root{--b4u-wa:#16c76a;--b4u-wa-text:#fff}.b4u-floating-wa{position:fixed;right:22px;bottom:22px;z-index:99998;border:0;border-radius:999px;background:var(--b4u-wa);color:var(--b4u-wa-text);font-weight:800;padding:14px 22px;box-shadow:0 12px 30px rgba(0,0,0,.24);cursor:pointer}.b4u-lead-modal{position:fixed;inset:0;background:rgba(0,0,0,.62);z-index:99999;align-items:center;justify-content:center;padding:18px}.b4u-lead-panel{position:relative;background:#fff;border-radius:22px;box-shadow:0 22px 70px rgba(0,0,0,.3);max-width:760px;width:100%;max-height:92vh;overflow:auto;padding:28px;font-family:Arial,sans-serif;color:#111}.b4u-close-lead{position:absolute;right:16px;top:12px;border:0;background:#111;color:#fff;width:32px;height:32px;border-radius:50%;font-size:22px;cursor:pointer}.b4u-form-head{text-align:center;margin-bottom:20px}.b4u-form-badge{display:inline-block;background:#ffe4f2;color:#c41569;font-weight:800;padding:7px 13px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.4px}.b4u-form-head h3{font-size:30px;margin:12px 0 8px}.b4u-form-head p{color:#555;margin:0;line-height:1.55}.b4u-step{display:none}.b4u-step.active{display:block}.b4u-step h4{font-size:22px;margin:10px 0 18px}.b4u-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.b4u-full{grid-column:1/-1}.b4u-lead label{display:block;font-weight:700;color:#222;margin-bottom:12px}.b4u-lead input,.b4u-lead select,.b4u-lead textarea{width:100%;margin-top:6px;border:1px solid #d7d7d7;border-radius:10px;padding:13px 12px;font-size:15px;background:#fff}.b4u-choice-list,.b4u-check-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.b4u-choice-list label,.b4u-check-grid label,.b4u-consent label{background:#f7f7f7;border:1px solid #eee;border-radius:12px;padding:12px;margin:0}.b4u-choice-list input,.b4u-check-grid input,.b4u-consent input{width:auto;margin:0 8px 0 0}.b4u-job-choice{border-color:#ffb3b3!important;background:#fff5f5!important}.b4u-job-block{background:#fff1f1;color:#8a1111;border:1px solid #ffcaca;border-radius:12px;padding:14px;margin:14px 0;line-height:1.6;font-weight:700}.b4u-actions{display:flex;gap:12px;justify-content:space-between;margin-top:20px}.b4u-next,.b4u-submit,.b4u-prev,.b4u-add-window,.b4u-whatsapp-link{display:inline-block;border:0;border-radius:999px;background:#111;color:#fff;text-decoration:none;padding:13px 22px;font-weight:800;cursor:pointer}.b4u-submit,.b4u-next,.b4u-whatsapp-link{background:var(--b4u-wa);color:var(--b4u-wa-text)}.b4u-prev{background:#e8e8e8;color:#111}.b4u-window-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.b4u-add-window{background:#ff3b9c;margin:8px 0}.b4u-honey{display:none!important}.b4u-success{text-align:center}.b4u-lead-inline .b4u-lead-panel{box-shadow:0 10px 30px rgba(0,0,0,.08);margin:20px auto}@media(max-width:700px){.b4u-grid,.b4u-choice-list,.b4u-check-grid,.b4u-window-row{grid-template-columns:1fr}.b4u-lead-panel{padding:22px 16px}.b4u-form-head h3{font-size:24px}.b4u-floating-wa{right:14px;bottom:14px}}
.b4u-helper{margin:-8px 0 16px;color:#666;line-height:1.55}.b4u-product-error{background:#fff0f0;border:1px solid #f2b4b4;color:#8d1717;padding:10px 12px;border-radius:10px;margin-top:12px;font-weight:700}.b4u-window-builder{margin-top:16px}.b4u-window-card{border:1px solid #e1e1e1;background:#fafafa;border-radius:16px;padding:16px;margin:12px 0}.b4u-window-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.b4u-window-title strong{font-size:18px}.b4u-remove-window{border:0;border-radius:50%;background:#111;color:#fff;width:30px;height:30px;font-size:20px;line-height:1;cursor:pointer}.b4u-window-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.b4u-window-fields label{margin:0}.b4u-window-nosize{background:#fff;border:1px solid #ddd;border-radius:10px;padding:11px!important}.b4u-window-nosize input{width:auto!important;margin:0 8px 0 0!important}.b4u-disabled{background:#eee!important;color:#888}.b4u-captcha-box{margin:16px 0;background:#f2faee;border:1px solid #bfe2ae;border-radius:14px;padding:15px}.b4u-captcha-box label{margin:0}.b4u-captcha-box input[type=number]{max-width:180px}.b4u-add-window{background:#ef3b8f}.b4u-lead textarea{resize:vertical}@media(max-width:700px){.b4u-window-fields{grid-template-columns:1fr}}

.b4u-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:0 0 10px}.b4u-progress span{padding:8px 5px;border-radius:999px;background:#f3f4f6;color:#6b7280;text-align:center;font-size:11px;font-weight:800;line-height:1.15}.b4u-progress span.active{background:#ef2b88;color:#fff}.b4u-progress span.done{background:#eaf7e3;color:#4f8d2f}.b4u-progress-note{margin:0 0 20px!important;padding:10px 12px;border-left:4px solid #72bf44;background:#f5fbf1;color:#4b5563!important;font-size:13px!important}@media(max-width:700px){.b4u-progress{grid-template-columns:repeat(3,1fr)}.b4u-progress span{font-size:10px;padding:7px 4px}}

.b4u-colour-select{font-weight:700;background:#fff}.b4u-colour-select:invalid{color:#6b7280}.b4u-colour-select option{color:#111}.b4u-colour-select optgroup{font-weight:800;color:#101a3b}.b4u-window-card:has(.b4u-colour-select){border-left:4px solid #ef2b88}.b4u-colour-help{font-size:12px;color:#666;margin-top:4px}

/* Visual blind-type colour charts */
.b4u-window-type{font-weight:800}.b4u-colour-chart{margin-top:4px;border:1px solid #e8dce4;border-radius:16px;background:#fff;padding:14px}.b4u-colour-chart[hidden]{display:none!important}.b4u-colour-chart-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.b4u-colour-chart-head strong{font-size:15px}.b4u-colour-chart-head span{font-size:12px;color:#6b7280;text-align:right}.b4u-colour-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.b4u-swatch-option{position:relative;margin:0!important;cursor:pointer}.b4u-swatch-option input{position:absolute!important;opacity:0!important;pointer-events:none;width:1px!important;height:1px!important}.b4u-swatch-card{position:relative;display:block;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#fff;transition:.2s ease;min-height:98px}.b4u-swatch-card img{display:block;width:100%;height:58px;object-fit:cover;background:#f3f4f6}.b4u-swatch-placeholder{display:block;height:58px;background:linear-gradient(135deg,#f8f8f8,#d9d9d9);position:relative}.b4u-swatch-placeholder:after{content:attr(data-label);position:absolute;inset:0;display:grid;place-items:center;padding:6px;text-align:center;font-size:10px;color:#4b5563;font-weight:800}.b4u-swatch-name{display:block;padding:9px 8px;font-size:11px;line-height:1.25;text-align:center;font-weight:800;color:#111}.b4u-swatch-check{position:absolute;right:6px;top:6px;width:22px;height:22px;border-radius:50%;display:none;place-items:center;background:#72bf44;color:#fff;font-size:13px;font-weight:900;box-shadow:0 2px 8px rgba(0,0,0,.2)}.b4u-swatch-option input:checked + .b4u-swatch-card{border-color:#72bf44;box-shadow:0 0 0 3px rgba(114,191,68,.18)}.b4u-swatch-option input:checked + .b4u-swatch-card .b4u-swatch-check{display:grid}.b4u-window-card{border-left:4px solid #ef2b88}.b4u-window-card:has(.b4u-window-type:not([value=""])){border-left-color:#72bf44}@media(max-width:700px){.b4u-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.b4u-colour-chart-head{display:block}.b4u-colour-chart-head span{display:block;text-align:left;margin-top:4px}}

/* v4.9 compact WhatsApp capture popup */
.b4u-quick-card{width:100%;max-height:88vh;overflow:auto;border-radius:20px 20px 12px 12px;padding:18px}.b4u-quick-form input,.b4u-quick-form textarea{font-size:16px}.b4u-floating-wa{right:14px;bottom:14px}}


/* v5.0 exact legacy WhatsApp qualifier styling */
.b4u-exact-chat-overlay{position:fixed;inset:0;background:rgba(15,23,42,.58);z-index:1000000;display:none;align-items:flex-end;justify-content:flex-end;padding:24px;font-family:Arial,sans-serif}
.b4u-exact-chat-box{width:min(420px,100%);background:#fff;border-radius:22px;box-shadow:0 24px 80px rgba(0,0,0,.28);overflow:hidden;color:#111827}
.b4u-exact-chat-head{background:linear-gradient(135deg,#16a34a,#ec4899);color:#fff;padding:18px 20px;display:flex;justify-content:space-between;gap:12px;align-items:center}
.b4u-exact-chat-head h3{margin:0;color:#fff;font-size:18px;line-height:1.25}
.b4u-exact-chat-close{background:rgba(255,255,255,.18);border:0;color:#fff;border-radius:999px;width:34px;height:34px;cursor:pointer;font-size:20px;line-height:1}
.b4u-exact-chat-body{padding:18px 20px}
.b4u-exact-chat-body p{margin:0 0 14px}
.b4u-exact-q-step{animation:b4uExactFade .18s ease}
@keyframes b4uExactFade{from{opacity:.25;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
.b4u-exact-progress{font-size:12px;font-weight:800;color:#667085;margin-bottom:8px}
.b4u-exact-q-step>label{display:block;font-weight:700;margin-bottom:8px;color:#111827}
.b4u-exact-options{display:flex;flex-wrap:wrap;gap:8px}
.b4u-exact-opt{border:1px solid #d0d5dd;background:#fff;color:#111827;border-radius:999px;padding:9px 12px;cursor:pointer;font-weight:700}
.b4u-exact-opt:hover,.b4u-exact-opt.active{background:#ec4899;border-color:#ec4899;color:#fff}
.b4u-exact-answer{box-sizing:border-box;width:100%;border:1px solid #d0d5dd;border-radius:12px;padding:11px 12px;font-size:16px}
.b4u-exact-next-text{margin-top:12px;border:0;border-radius:999px;padding:11px 16px;font-weight:800;background:#16a34a;color:#fff;cursor:pointer}
.b4u-exact-back-btn{display:block;margin-top:14px;border:0;background:transparent;color:#475467;text-decoration:underline;cursor:pointer;padding:0}
.b4u-exact-chat-actions{display:flex;gap:10px;justify-content:flex-end;padding:0 20px 20px}
.b4u-exact-chat-actions button{border:0;border-radius:999px;padding:12px 16px;font-weight:800;cursor:pointer}
.b4u-exact-chat-submit{background:#16a34a;color:#fff}
.b4u-exact-chat-cancel{background:#f2f4f7;color:#111827}
.b4u-exact-chat-status{font-size:13px;line-height:1.45;margin-top:12px}
.b4u-exact-chat-status.is-error{color:#a31616}.b4u-exact-chat-status.is-success{color:#14752f}
.b4u-exact-block-message{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:14px;padding:14px;margin-top:12px}
body.b4u-exact-chat-open{overflow:hidden}
@media(max-width:767px){.b4u-exact-chat-overlay{padding:12px;align-items:flex-end}.b4u-exact-chat-box{width:100%;max-height:88vh;overflow:auto}.b4u-exact-chat-head{position:sticky;top:0;z-index:2}.b4u-exact-chat-actions{position:sticky;bottom:0;background:#fff;padding-top:12px}}


/* v5.2 email-only mobile improvements */
.b4u-email-success-note{margin:16px 0 0;color:#475467;font-weight:700}
@media(max-width:767px){
  .b4u-lead-inline{width:100%;max-width:100%;padding:0!important;margin:0!important}
  .b4u-lead-inline .b4u-lead-panel{width:100%;max-width:100%;margin:0 auto;padding:18px 14px;border-radius:16px;box-sizing:border-box;overflow:visible}
  .b4u-form-head h3{font-size:24px;line-height:1.15}
  .b4u-form-head p{font-size:14px}
  .b4u-progress{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
  .b4u-progress span{font-size:9px;padding:7px 3px;white-space:normal}
  .b4u-step h4{font-size:20px;line-height:1.25}
  .b4u-lead input,.b4u-lead select,.b4u-lead textarea{font-size:16px;min-height:48px;padding:12px;width:100%;max-width:100%;box-sizing:border-box}
  .b4u-choice-list,.b4u-check-grid,.b4u-grid,.b4u-window-fields,.b4u-window-row{grid-template-columns:1fr!important}
  .b4u-actions{position:sticky;bottom:0;z-index:4;background:#fff;padding:12px 0 4px;margin-top:18px}
  .b4u-actions button,.b4u-next,.b4u-submit,.b4u-prev{min-height:48px;font-size:15px}
  .b4u-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px}
  .b4u-swatch-card{min-height:86px}
  .b4u-swatch-card img{height:48px}
  .b4u-exact-chat-overlay{padding:0!important;align-items:flex-end!important;justify-content:center!important;background:rgba(15,23,42,.58)}
  .b4u-exact-chat-box{width:100%!important;max-width:none!important;max-height:88dvh!important;border-radius:20px 20px 0 0!important;overflow:auto!important;margin:0!important}
  .b4u-exact-chat-head{position:sticky;top:0;z-index:5;padding:15px 16px}
  .b4u-exact-chat-head h3{font-size:17px}
  .b4u-exact-chat-body{padding:16px}
  .b4u-exact-chat-actions{position:sticky;bottom:0;z-index:5;background:#fff;padding:12px 16px calc(12px + env(safe-area-inset-bottom));box-shadow:0 -8px 20px rgba(0,0,0,.08)}
  .b4u-exact-chat-actions button{min-height:46px}
  .b4u-exact-answer{font-size:16px!important;min-height:48px}
  .b4u-exact-opt{min-height:46px;text-align:left}
}


/* v5.6.0 – mobile-first website quote form and clearer colour cards */
.b4u-lead-inline,
.b4u-lead-inline *{box-sizing:border-box}
.b4u-lead-inline{width:100%;max-width:100%;min-width:0}
.b4u-lead-inline .b4u-lead-panel{width:min(100%,760px);max-width:100%;min-width:0;overflow:hidden}
.b4u-lead-inline .b4u-step,
.b4u-lead-inline .b4u-grid,
.b4u-lead-inline .b4u-window-card,
.b4u-lead-inline .b4u-window-fields,
.b4u-lead-inline .b4u-colour-chart,
.b4u-lead-inline .b4u-colour-grid{min-width:0;max-width:100%}

.b4u-colour-chart{
  padding:16px;
  border:2px solid #eadde6;
  box-shadow:0 10px 28px rgba(16,26,59,.07);
}
.b4u-colour-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.b4u-swatch-card{
  min-height:132px;
  border:2px solid #dfe3e8;
  border-radius:14px;
  box-shadow:0 4px 12px rgba(16,26,59,.06);
}
.b4u-swatch-card img{
  width:100%;
  height:78px;
  object-fit:cover;
  object-position:center;
  border-bottom:1px solid #e5e7eb;
}
.b4u-swatch-name{
  min-height:48px;
  padding:9px 7px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  line-height:1.2;
}
.b4u-swatch-option:hover .b4u-swatch-card{
  border-color:#ef2b88;
  transform:translateY(-2px);
  box-shadow:0 10px 22px rgba(16,26,59,.12);
}
.b4u-swatch-option input:checked + .b4u-swatch-card{
  border-color:#72bf44;
  background:#f7fff2;
  box-shadow:0 0 0 4px rgba(114,191,68,.2),0 12px 24px rgba(16,26,59,.1);
}
.b4u-swatch-check{width:26px;height:26px;right:7px;top:7px}

@media(max-width:767px){
  html,body{max-width:100%;overflow-x:hidden}
  body:has(.b4u-lead-inline) .mobile-cta{display:none!important}
  body:has(.b4u-lead-inline) .floating-wa{bottom:18px!important}

  .b4u-lead-inline{
    width:100%!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
    overflow:visible!important;
  }
  .b4u-lead-inline .b4u-lead-panel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:18px 12px 96px!important;
    border-radius:14px!important;
    overflow:hidden!important;
    box-shadow:none!important;
  }
  .b4u-form-head{padding:0 4px;margin-bottom:16px}
  .b4u-form-head h3{font-size:22px!important;line-height:1.15!important}
  .b4u-form-head p{font-size:13px!important;line-height:1.45!important}
  .b4u-form-badge{font-size:10px;padding:6px 10px}

  .b4u-progress{display:flex!important;gap:5px!important;overflow-x:auto!important;padding:2px 0 7px!important;scrollbar-width:none}
  .b4u-progress::-webkit-scrollbar{display:none}
  .b4u-progress span{flex:0 0 auto!important;min-width:72px!important;font-size:9px!important;padding:8px 7px!important}
  .b4u-progress-note{font-size:12px!important;line-height:1.4!important;margin-bottom:14px!important}
  .b4u-step h4{font-size:19px!important;margin:8px 0 14px!important}
  .b4u-helper{font-size:13px;line-height:1.45}

  .b4u-grid,.b4u-choice-list,.b4u-check-grid,.b4u-window-fields,.b4u-window-row{
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    gap:10px!important;
    width:100%!important;
  }
  .b4u-full{grid-column:1!important}
  .b4u-lead label{min-width:0!important;margin-bottom:8px!important;font-size:14px!important}
  .b4u-lead input,.b4u-lead select,.b4u-lead textarea{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    min-height:48px!important;
    font-size:16px!important;
    padding:12px!important;
    border-radius:10px!important;
  }
  .b4u-choice-list label,.b4u-check-grid label,.b4u-consent label{padding:13px!important}

  .b4u-window-card{padding:13px!important;margin:10px 0!important;border-radius:14px!important}
  .b4u-window-title strong{font-size:17px!important}
  .b4u-colour-chart{padding:11px!important;border-radius:13px!important}
  .b4u-colour-chart-head{margin-bottom:10px!important}
  .b4u-colour-chart-head strong{font-size:14px!important}
  .b4u-colour-chart-head span{font-size:11px!important}
  .b4u-colour-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}
  .b4u-swatch-card{min-height:118px!important;border-radius:12px!important}
  .b4u-swatch-card img{height:70px!important}
  .b4u-swatch-name{min-height:46px!important;font-size:11px!important;padding:8px 5px!important}

  .b4u-actions{
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:99990!important;
    display:flex!important;
    gap:10px!important;
    justify-content:space-between!important;
    margin:0!important;
    padding:10px 12px calc(10px + env(safe-area-inset-bottom))!important;
    background:rgba(255,255,255,.98)!important;
    border-top:1px solid #e5e7eb!important;
    box-shadow:0 -10px 28px rgba(16,26,59,.14)!important;
  }
  .b4u-actions button,.b4u-actions .b4u-next,.b4u-actions .b4u-submit,.b4u-actions .b4u-prev{
    flex:1 1 0!important;
    min-width:0!important;
    min-height:48px!important;
    padding:12px 10px!important;
    border-radius:12px!important;
    font-size:14px!important;
  }
  .b4u-actions .b4u-next,.b4u-actions .b4u-submit{background:#ef2b88!important;color:#fff!important}
  .b4u-actions .b4u-prev{background:#fff!important;border:1px solid #ef2b88!important;color:#ef2b88!important}
}

@media(max-width:380px){
  .b4u-colour-grid{grid-template-columns:1fr!important}
  .b4u-swatch-card{display:grid!important;grid-template-columns:110px 1fr!important;min-height:82px!important}
  .b4u-swatch-card img{height:82px!important;border-bottom:0!important;border-right:1px solid #e5e7eb!important}
  .b4u-swatch-name{min-height:82px!important;font-size:12px!important}
}


/* v5.7.0 mobile form rebuild */
.b4u-swatch-placeholder{display:block;width:100%;height:78px;border-bottom:1px solid #d9dee3;background:#e5e7eb}
.b4u-colour-grid{align-items:stretch}
.b4u-swatch-card{overflow:hidden;background:#fff}
.b4u-window-card{background:#fff;border:1px solid #dfe5ea;border-left:5px solid #72bf44}

@media(max-width:767px){
  .b4u-lead-inline .b4u-lead-panel{padding:16px 10px 92px!important;overflow:visible!important}
  .b4u-lead-inline .b4u-form-head{padding:0!important}
  .b4u-progress{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;overflow:visible!important;gap:4px!important}
  .b4u-progress span{min-width:0!important;width:100%!important;font-size:8px!important;line-height:1.15!important;padding:8px 2px!important;white-space:normal!important}
  .b4u-progress-note{padding:10px!important}
  .b4u-step{width:100%!important;max-width:100%!important;overflow:visible!important}
  .b4u-choice-list,.b4u-check-grid{grid-template-columns:1fr!important}
  .b4u-choice-list label,.b4u-check-grid label{display:flex!important;align-items:flex-start!important;gap:10px!important;line-height:1.25!important}
  .b4u-choice-list input,.b4u-check-grid input,.b4u-window-nosize input,.b4u-consent input{width:20px!important;height:20px!important;min-height:20px!important;flex:0 0 20px!important;padding:0!important;margin:0!important}
  .b4u-window-card{padding:12px!important;border-radius:14px!important}
  .b4u-window-fields{display:block!important}
  .b4u-window-fields>label{display:block!important;width:100%!important;margin:0 0 12px!important}
  .b4u-colour-chart{width:100%!important;margin:4px 0 14px!important;padding:10px!important}
  .b4u-colour-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;width:100%!important}
  .b4u-swatch-option{display:block!important;width:100%!important;margin:0!important}
  .b4u-swatch-card{display:flex!important;flex-direction:column!important;width:100%!important;min-height:132px!important}
  .b4u-swatch-card img,.b4u-swatch-placeholder{display:block!important;width:100%!important;height:82px!important;min-height:82px!important;object-fit:cover!important}
  .b4u-swatch-name{display:flex!important;flex:1!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:8px 5px!important;font-size:12px!important;line-height:1.15!important;text-align:center!important}
  .b4u-add-window{width:100%!important;min-height:48px!important;border-radius:12px!important}
  .b4u-actions{position:sticky!important;left:auto!important;right:auto!important;bottom:0!important;margin-top:16px!important;margin-left:-10px!important;margin-right:-10px!important;width:calc(100% + 20px)!important}
}
@media(max-width:390px){
  .b4u-colour-grid{grid-template-columns:1fr 1fr!important}
  .b4u-swatch-card{display:flex!important;grid-template-columns:none!important;min-height:124px!important}
  .b4u-swatch-card img,.b4u-swatch-placeholder{height:76px!important;min-height:76px!important;border-right:0!important}
  .b4u-swatch-name{min-height:46px!important;font-size:11px!important}
}

/* v5.8.0 – mobile accordion progress, typed suburb and installation selection */
.b4u-install-block{margin:0 0 18px;padding:16px;border:1px solid #dfe7dc;border-left:5px solid #72bf44;border-radius:14px;background:#f8fcf6}
.b4u-install-title{display:block;font-size:16px;color:#101a3b;margin-bottom:4px}
.b4u-install-help{display:block;font-size:12px;color:#667085;margin-bottom:12px}
.b4u-property-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.b4u-property-grid label{display:flex!important;align-items:center;gap:8px;margin:0!important;padding:11px 12px!important;background:#fff;border:1px solid #d8dee5;border-radius:11px;cursor:pointer;font-size:13px!important;line-height:1.2}
.b4u-property-grid label:has(input:checked){border-color:#72bf44;background:#eff9e9;box-shadow:0 0 0 2px rgba(114,191,68,.16)}
.b4u-property-grid input{width:18px!important;height:18px!important;min-height:18px!important;margin:0!important;flex:0 0 18px}

@media(max-width:767px){
  .b4u-progress{display:block!important;margin:0 0 14px!important;padding:0!important;overflow:visible!important}
  .b4u-progress span{display:none!important}
  .b4u-progress span.active{display:flex!important;align-items:center!important;justify-content:space-between!important;width:100%!important;min-width:0!important;padding:15px 16px!important;border-radius:14px!important;background:linear-gradient(135deg,#ef2b88,#c91468)!important;color:#fff!important;font-size:17px!important;line-height:1.2!important;text-align:left!important;box-shadow:0 10px 24px rgba(239,43,136,.22)!important}
  .b4u-progress span.active:before{content:'Current section';font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.09em;opacity:.82;margin-right:12px}
  .b4u-progress span.active:after{content:'Step ' attr(data-progress) ' of 4';font-size:11px;font-weight:800;opacity:.9;margin-left:auto}
  .b4u-progress-note{display:none!important}
  .b4u-step h4{font-size:22px!important;color:#101a3b!important;margin:4px 0 16px!important}
  .b4u-property-grid{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .b4u-property-grid label{min-height:52px!important;padding:11px 10px!important;font-size:13px!important}
  .b4u-install-block{padding:13px!important;margin-bottom:15px!important}
}
@media(max-width:390px){
  .b4u-property-grid{grid-template-columns:1fr!important}
  .b4u-progress span.active{font-size:15px!important;padding:14px 12px!important}
  .b4u-progress span.active:before{font-size:9px!important}
  .b4u-progress span.active:after{font-size:10px!important}
}