#bridgingProductCalculator {
    color: #1f1e1c;
    font-family: -apple-system,  "Vanilla", sans-serif;
    line-height: 1.55;
    box-sizing: border-box;
}

#bridgingProductCalculator *,
#bridgingProductCalculator *::before,
#bridgingProductCalculator *::after { box-sizing: border-box; }
.calcicon_bridging {
    max-width: 325px;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 41%;

}
/* Layout ---------------------------------------------------------- */
#bridgingProductCalculator .pbc-main {
    max-width: 882px;
    margin: 0 auto;
    padding: 80px 1.5rem 3.5rem;
    display: flex;
    gap: 50px;
    flex-direction: column; }

/* Hero ------------------------------------------------------------ */
#bridgingProductCalculator .pbc-hero { background: #E5DECE; padding: clamp(2rem, 5vw, 3.5rem) 1rem clamp(2.25rem, 5vw, 3.5rem); height: 476px;}
#bridgingProductCalculator .pbc-hero-inner { max-width: 1120px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 1rem; text-align: center; }
#bridgingProductCalculator .pbc-hero-icon img { display: block; }
#bridgingProductCalculator .pbc-hero h1 {

    max-width: 787px;
    z-index: 10;
   color: #000;
text-align: center;
font-family: "Vanilla Bold";
font-size: 64px;
font-style: normal;
font-weight: 400;
line-height: normal;
}
#bridgingProductCalculator .pbc-hero-line { display: block; }
#bridgingProductCalculator .pbc-hero .break {
     padding-top: 80px;
}
/* Titles ---------------------------------------------------------- */
#bridgingProductCalculator .pbc-title {
    color: #282826;
text-align: center;
font-family: "Inter-SemiBold", sans-serif;
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 112.5%; /* 31.5px */
text-transform: capitalize;
}
#bridgingProductCalculator .pbc-sub { font-family: "Inter-SemiBold", sans-serif; font-weight: 600; font-size: 18px; margin: 0 0 16px; }

/* Progress bar ---------------------------------------------------- */
#bridgingProductCalculator .pbc-progress { display: flex; gap: 9px; align-items: center; margin: 0 0 .35rem; }
#bridgingProductCalculator .pbc-seg { position: relative; flex: 1 1 0; height: 16px; border-radius: 999px; background: #F2EFEC; }
#bridgingProductCalculator .pbc-seg.is-done { background: #282826; }
#bridgingProductCalculator .pbc-knob {
    position: absolute; right: -30px; top: 50%; transform: translateY(-50%);
    width: 44px; height: 44px; border-radius: 50%; background: #F2EFEC; border: 2px solid #282826;
    display: flex; align-items: center; justify-content: center; font-family: "Inter-Bold", sans-serif; font-weight: 700; font-size: 18px; z-index: 2;
}
#bridgingProductCalculator .pbc-step-label {
    color: #282826;
font-family: "Inter-Regular", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 150%;
 }

/* Field grid ------------------------------------------------------ */
#bridgingProductCalculator .pbc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(244px, 1fr)); gap: 50px 50px; }
#bridgingProductCalculator .pbc-col-full { grid-column: 1 / -1; }


/* Fields ---------------------------------------------------------- */
#bridgingProductCalculator .pbc-field { display: flex; flex-direction: column; }
#bridgingProductCalculator .pbc-field > label {
    color: #282826;
font-family: "Inter-SemiBold", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
margin-bottom: 20px;
 }
#bridgingProductCalculator .pbc-info {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 19px;
    height: 19px;
    border-radius: 50%;
       background: white;
    border: 1px black solid;
    font-family: "Inter-SemiBold", sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #282826;
    position: relative;
    cursor: help;
    margin-left: 5px;
}

/* Target size (WCAG 2.5.8): the visible circle stays 20px, but the hit area is
   padded out to the 24x24 minimum without moving anything on screen. */
#bridgingProductCalculator .pbc-info::before {
    content: "";
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    width: 24px; height: 24px;
}

#bridgingProductCalculator .pbc-info::after {
    content: attr(data-tooltip);
    position: absolute;
    left: 100%;
    top: 50%;
    transform: translate(-80%, 25%);
    margin-left: 6px;
    width: 254px;
    padding: 16px 20px;
    background: #f2efec;
   color: #282826;
font-family: Inter;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 132%; /* 18.48px */
    white-space: normal;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 120ms ease, visibility 0s linear 120ms;
    z-index: 9;
}

/* :focus, not just :focus-visible — a touch device has no hover, so tapping the
   badge is the only way to open the tooltip. */
#bridgingProductCalculator .pbc-info:hover::after,
#bridgingProductCalculator .pbc-info:focus::after,
#bridgingProductCalculator .pbc-info:focus-visible::after {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
#bridgingProductCalculator .pbc-input-wrap { position: relative; display: flex; align-items: center; }
#bridgingProductCalculator .pbc-input-wrap .pbc-adorn { position: absolute; right: 1rem; color: #4C4C49; pointer-events: none;

font-family: "Inter-Regular", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 132%; /* 21.12px */ }

#bridgingProductCalculator .pbc-input-wrap .pbc-adorn-left { position: absolute; right:unset !important; left: 1rem !important; color: #4C4C49; pointer-events: none;

font-family: "Inter-Regular", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 132%; /* 21.12px */ }
#bridgingProductCalculator input[type="text"],
#bridgingProductCalculator select,
#bridgingProductCalculator .pbc-select-box {
    width: 100%; padding: 10px 20px;
    background: #F2EFEC; border: 1px solid #F2EFEC;
        color: #4C4C49;

/* Body copy 1/Inter Regular/16px */
font-family: "Inter-Regular", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 132%; /* 21.12px */
}
#bridgingProductCalculator .pbc-input-wrap.has-pre input { padding-left: 2.1rem; }
#bridgingProductCalculator input::placeholder { color: #6b6559; } /* 5.05:1 on #F2EFEC */
#bridgingProductCalculator input:focus, #bridgingProductCalculator select:focus { outline: 2px solid #1c1a17; outline-offset: 0; border-color: #1c1a17; }
#bridgingProductCalculator input:disabled { background: #e8e5dd; color: #4C4C49; }
#bridgingProductCalculator .pbc-invalid input, #bridgingProductCalculator .pbc-invalid select { border-color: #b3402e; }
#bridgingProductCalculator .pbc-error { color: #b3402e; font-family: "Inter-Regular", sans-serif; font-size: 14px; }

#bridgingProductCalculator select {
    color: #282826;
font-family: "Inter-Regular", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 132%; /* 21.12px */
    appearance: none; -webkit-appearance: none; padding-right: 2.6rem;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' stroke='%231c1a17' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat; background-position: right 1rem center; background-size: 20px;
}
#bridgingProductCalculator select.has-value { color: #1f1e1c; }

/* Custom dropdown ------------------------------------------------- */
#bridgingProductCalculator .pbc-select { position: relative; }
#bridgingProductCalculator .pbc-select-box {
    color: #6b6559;                 /* placeholder state, 5.05:1 on #F2EFEC */
    cursor: pointer;
    padding-right: 2.6rem;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'><path d='M4 6l4 4 4-4' stroke='%23282826' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat; background-position: right 1rem center; background-size: 20px;
}
#bridgingProductCalculator .pbc-select-box.has-value { color: #282826; }
#bridgingProductCalculator .pbc-select-box[aria-expanded="true"] { background-color: #EAE6E1; }
#bridgingProductCalculator .pbc-select-box:focus-visible { outline: 3px solid #282826; outline-offset: 2px; }

#bridgingProductCalculator .pbc-options {
    position: absolute; z-index: 40;
    top: calc(100% + 2px); left: 0; right: 0;
    margin: 0; padding: 4px 0;
    list-style: none;
    max-height: 260px; overflow-y: auto;
    background: #fff;
    border: 1px solid #282826;
    box-shadow: 0 6px 18px rgba(40, 40, 38, .14);
}
#bridgingProductCalculator .pbc-option {
    padding: 10px 1rem;
    min-height: 44px;               /* pointer target (WCAG 2.5.8) */
    display: flex; align-items: center;
    color: #282826;
    font-family: "Inter-Regular", sans-serif;
    font-size: 16px;
    line-height: 132%;
    cursor: pointer;
}
/* Unselectable prompt at the top of the list — never highlighted, never chosen. */
#bridgingProductCalculator .pbc-option-prompt {
    color: #6b6559;                 /* matches the placeholder state on the box */
    cursor: default;
    min-height: 0;
    padding-top: 8px; padding-bottom: 8px;
    border-bottom: 1px solid #EAE6E1;
}
#bridgingProductCalculator .pbc-option-prompt.is-active,
#bridgingProductCalculator .pbc-option-prompt:hover { background: transparent; }

/* Branded highlight — the whole point of replacing the native control. */
#bridgingProductCalculator .pbc-option.is-active { background: #F2EFEC; }
#bridgingProductCalculator .pbc-option[aria-selected="true"] {
    background: #EAE6E1;
    font-family: "Inter-SemiBold", sans-serif;
    font-weight: 600;
}
#bridgingProductCalculator .pbc-invalid .pbc-select-box { border-color: #b3402e; }

/* Option hover/selected state. Honoured where the browser renders the list in
   the page (Windows Chrome/Edge, Firefox); iOS Safari and Chrome on Android
   hand the list to the OS picker, which ignores author styles entirely — see
   the note on defect 29. */
#bridgingProductCalculator select option { background: #fff; color: #282826; padding: 8px 12px; }
#bridgingProductCalculator select option:hover,
#bridgingProductCalculator select option:focus,
#bridgingProductCalculator select option:checked { background: #F2EFEC; color: #282826; }

/* Checkbox -------------------------------------------------------- */
#bridgingProductCalculator .pbc-check { display: inline-flex; align-items: center; gap: .55rem;
color: #282826;
font-family: "Inter-Regular", sans-serif !important;
font-size: 16px !important;
font-style: normal !important;
font-weight: 400 !important;
line-height: normal !important;
 cursor: pointer;
 margin-top: 15px;
  }
  #bridgingProductCalculator .pbc-check input[type="checkbox"] {
    background-color: #F2EFEC;
    width: 20px;
    height: 20px;
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    border-radius: 4px;
    margin: 0;
    flex: 0 0 auto;
    cursor: pointer;
    display: grid;
    place-content: center;
}

#bridgingProductCalculator .pbc-check input[type="checkbox"]::before {
    content: "";
    width: 5px;
    height: 10px;
     border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg) translate(-1px, -1px);
    opacity: 0;
}

#bridgingProductCalculator .pbc-check input[type="checkbox"]:checked::before {
    opacity: 1;
}

#bridgingProductCalculator .pbc-check input[type="checkbox"]:focus-visible {
    outline: 2px solid #1c1a17;
    outline-offset: 2px;
}

#bridgingProductCalculator .pbc-check input[type="checkbox"]:disabled {
    background-color: #EDEAE7;
    cursor: not-allowed;
}

#bridgingProductCalculator .pbc-check input[type="checkbox"]:checked::before {
    opacity: 1;
}

#bridgingProductCalculator .pbc-check input[type="checkbox"]:focus-visible {
    outline: 2px solid #1c1a17;
    outline-offset: 2px;
}
/* Buttons --------------------------------------------------------- */
#bridgingProductCalculator .pbc-btn { display: inline-flex; align-items: center; justify-content: center; gap: .5rem; padding: .9rem 3.25rem; color: #FFF;
text-align: center;
font-family: "Inter-Bold", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal; border-radius: 0px; border: 1px solid transparent; cursor: pointer; text-decoration: none; }
#bridgingProductCalculator .pbc-btn-primary { background: #282826; color: #fff; }
/* Kept as its own class so Apply now can be retargeted without moving Continue,
   even though both currently sit on #282826. */
#bridgingProductCalculator .pbc-btn-apply { background: #282826; color: #fff; border-color: #282826; }
#bridgingProductCalculator .pbc-btn-apply:hover { background: #4C4C49; border-color: #38342f; }
#bridgingProductCalculator .pbc-btn-primary:hover { background: #4C4C49; }
#bridgingProductCalculator .pbc-btn-light { background: #f1eee7; color: #1c1a17; }
#bridgingProductCalculator .pbc-btn-light:hover { background: #e7e3d8; }
#bridgingProductCalculator .pbc-btn-white { background: #fff; color: #1c1a17; border-color: #fff; }
#bridgingProductCalculator .pbc-btn-white:hover { background: #f1eee7; border-color: #f1eee7; }
#bridgingProductCalculator .pbc-link { background: none; border: none; color: #1c1a17; text-decoration: underline; font-family: "Inter-Regular", sans-serif; font-weight: 400; font-size: 16px; cursor: pointer; padding: .1rem; }
#bridgingProductCalculator .pbc-link:hover { color: #38342f; }
/* Fixed button heights (4, 11). Vertical padding is dropped so the height is
   the height, not a floor the 20px label pushes past. */
#bridgingProductCalculator .pbc-actions-center .pbc-btn,
#bridgingProductCalculator .pbc-cta-actions .pbc-btn,
#bridgingProductCalculator .pbc-actions-row .pbc-btn { height: 48px; padding-top: 0; padding-bottom: 0; }
#bridgingProductCalculator .pbc-add { display: inline-flex; align-items: center; gap: .4rem; }
#bridgingProductCalculator .pbc-link.pbc-add { font-family: "Inter-Regular", sans-serif; font-weight: 400; font-size: 14px; }
#bridgingProductCalculator .pbc-link.pbc-download { font-family: "Inter-Regular", sans-serif; font-weight: 400; font-size: 16px; color: #282826; }
#bridgingProductCalculator .pbc-download::before {
    content: url(/media/cu2du22t/import_light.svg);
    height: 20px;
    width: 20px;
}
#bridgingProductCalculator .pbc-actions-center { display: flex; flex-direction: column; align-items: center; gap: 1.1rem; margin-top: 143px; }
#bridgingProductCalculator .pbc-actions-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; margin: 1.75rem 0; }
#bridgingProductCalculator .pbc-center { text-align: center; }
#bridgingProductCalculator .pbc-link-back {
    color: #282826;
text-align: center;
font-family: "Inter-Regular", sans-serif;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
border: 0;
background-color: transparent;
}
/* Focus visible (WCAG 2.4.7). The buttons restyle their border and background,
   so they get an explicit ring rather than relying on the UA default. */
#bridgingProductCalculator .pbc-btn:focus-visible,
#bridgingProductCalculator .pbc-link:focus-visible,
#bridgingProductCalculator .pbc-link-back:focus-visible,
#bridgingProductCalculator .pbc-card-edit:focus-visible,
#bridgingProductCalculator .pbc-info:focus-visible {
    outline: 3px solid #282826;
    outline-offset: 2px;
}
/* The step heading takes focus on navigation; it is a scroll target, not a
   control, so it shows no ring. */
#bridgingProductCalculator .pbc-title:focus { outline: none; }

/* Results --------------------------------------------------------- */
#bridgingProductCalculator .pbc-result-hero { background: #F2EFEC; min-height: 310px;
display: flex;
flex-direction: column;
    gap: 22.5px;
    padding: 50px;
 text-align: center;
 margin-bottom: 1.1rem; }
#bridgingProductCalculator .pbc-result-lead {
    color: #282826;
text-align: center;
font-family: "Inter-Medium", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: normal; }
#bridgingProductCalculator .pbc-result-amount {
    color: #282826;
font-family: "Vanilla Bold";
font-size: 96px;
font-style: normal;
font-weight: 400;
line-height: normal;
 margin: .35rem 0 .3rem; }
#bridgingProductCalculator .pbc-result-note {
    color: #282826;
text-align: center;
font-family: "Inter-Regular", sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
 }

#bridgingProductCalculator .pbc-stats { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 1rem; }
@media (min-width: 768px) {
  .pbc-stats--4 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
#bridgingProductCalculator .pbc-stat { background: #F2EFEC;  padding: 1.2rem 1.35rem; display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: center;
    justify-content: center;}
#bridgingProductCalculator .pbc-stat .pbc-stat-label {
    color: #282826;
text-align: center;
font-family: "Inter-Regular", sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal; }
#bridgingProductCalculator .pbc-stat .pbc-stat-value {
    color: #282826;
text-align: center;
font-family: "Vanilla Bold";
font-size: 48px;
font-style: normal;
font-weight: 400;
line-height: normal;
 margin-top: .15rem; }
#bridgingProductCalculator .pbc-stat .pbc-stat-note {
    color: #282826;
text-align: center;
font-family: "Inter-Regular", sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
     }

/* Indicative LTV — pinned to the bottom of the viewport while the form scrolls */
#bridgingProductCalculator .pbc-live-ltv {
    position: sticky; bottom: 0; z-index: 5;
    background: #F2EFEC; border-top: 3px solid #E5DECE;
    padding: .85rem 1.35rem; display:none; flex-direction: column; gap: .25rem;
    font-family: "Inter-Regular", sans-serif; color: #282826; }
#bridgingProductCalculator .pbc-live-ltv-main { display: flex; align-items: baseline; flex-wrap: wrap; gap: .4rem 1rem; }
#bridgingProductCalculator .pbc-live-ltv-label { font-family: "Inter-SemiBold", sans-serif; font-weight: 600; font-size: 16px; }
#bridgingProductCalculator .pbc-live-ltv-value { font-family: "Vanilla Bold"; font-size: 32px; line-height: 1; }
#bridgingProductCalculator .pbc-live-ltv-max { font-size: 14px; }
#bridgingProductCalculator .pbc-live-ltv-warn { font-family: "Inter-SemiBold", sans-serif; font-weight: 600; font-size: 14px; color: #a4262c; } /* 6.2:1 on #F2EFEC */
#bridgingProductCalculator .pbc-live-ltv-warn:empty { display: none; }
#bridgingProductCalculator .pbc-live-ltv-note { font-size: 12px; color: #4c4c49; }
#bridgingProductCalculator .pbc-live-ltv.is-exceeded { border-top-color: #a4262c; }

#bridgingProductCalculator .pbc-cta-band { background: #e7e0d3;  padding: 1.75rem 1rem 2rem; margin-top: 1.25rem; display: flex; flex-direction: column; align-items: center; gap: 1rem; }
#bridgingProductCalculator .pbc-cta-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: 1rem; }

/* Application details cards --------------------------------------- */
#bridgingProductCalculator .pbc-details-title { font-family: "Inter-SemiBold", sans-serif; font-weight: 600; font-size: 28px; margin: 2.25rem 0 1rem; }
#bridgingProductCalculator .pbc-card-title { font-family: "Inter-SemiBold", sans-serif; font-weight: 600; font-size: 16px; margin: 1.4rem 0 .6rem; }
#bridgingProductCalculator .pbc-card { position: relative; background: rgba(242, 239, 236, 0.50);  padding: 1.25rem 1.5rem; margin-bottom: .85rem; min-height: 201px; }
/* "Property 1" now sits inside its card, so it drops the standalone-heading margins. */
#bridgingProductCalculator .pbc-card > .pbc-card-title { margin: 0 0 .8rem; }
#bridgingProductCalculator .pbc-card-edit { position: absolute; top: 1.15rem; right: 1.4rem; background-color: white;
    width: 178px;
    height: 40px;
    padding: 9px 20px;
    display: inline-flex; align-items: center; justify-content: center;

    color: #111;
text-align: center;
font-family: "Inter-Regular", sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;}
#bridgingProductCalculator .pbc-kv { display: grid; grid-template-columns: minmax(140px, 42%) 1fr; gap: .5rem 1.25rem; padding: .4rem 0; }
#bridgingProductCalculator .pbc-kv:last-child { border-bottom: 0; }
#bridgingProductCalculator .pbc-kv .k { color: #282826; font-family: "Inter-SemiBold", sans-serif; font-weight: 600; font-size: 16px; }
#bridgingProductCalculator .pbc-kv .v { color: #282826; font-family: "Inter-Regular", sans-serif; font-size: 16px; }
#bridgingProductCalculator .pbc-kv .pbc-tag { padding-left: 5px; color: #282826; font-family: "Inter-SemiBold", sans-serif; font-weight: 600; }
#bridgingProductCalculator .pbc-kv .pbc-kv-note { margin-top: .25rem; color: #4c4c49; font-family: "Inter-Regular", sans-serif; font-size: 14px; } /* 8.6:1 on white */

/* Loading --------------------------------------------------------- */
#bridgingProductCalculator .pbc-loading { text-align: center; padding: 3rem 1rem; color: #6b6559; } /* 5.78:1 on white */
#bridgingProductCalculator .pbc-spinner { width: 40px; height: 40px; border: 4px solid #e2ddd2; border-top-color: #1c1a17; border-radius: 50%; margin: 0 auto 1rem; animation: pbc-spin .8s linear infinite; }
@keyframes pbc-spin { to { transform: rotate(360deg); } }


@media (min-width: 769px) and (max-width: 1024px) {
   
    #bridgingProductCalculator .pbc-hero h1 {
        position: absolute;
        top: 20%;
    }

    #bridgingProductCalculator .calcicon_bridging {
        position: relative;
    }
}
/* Responsive ------------------------------------------------------ */
@media (max-width: 768px) {

    /* --- Hero (18, 19) -------------------------------------------- */
    /* The 476px fixed height and the absolutely positioned graphic were both
       desktop-only assumptions: below tablet the band overflowed and the title
       collided with the calculator image. */
    #bridgingProductCalculator .pbc-hero { height: auto; padding: 32px 1rem 40px; }
    #bridgingProductCalculator .pbc-hero-inner { gap: 16px; }
    .calcicon_bridging { position: static; left: auto; max-width: 180px; margin: 0 auto; }
    #bridgingProductCalculator .pbc-hero .break { padding-top: 0; }
    #bridgingProductCalculator .pbc-hero h1 { font-size: 32px;position: absolute;
        top: 15%; }

    /* Banner to "Product Details" heading (19) */
    #bridgingProductCalculator .pbc-main { padding: 40px 1rem 2.5rem; gap: 32px; }
    #bridgingProductCalculator .pbc-live-ltv { margin: 0 -1rem; padding: .65rem 1rem; }
    #bridgingProductCalculator .pbc-live-ltv-value { font-size: 26px; }

    /* --- Step heading and progress bar (20, 21, 22, 23, 33) -------- */
    #bridgingProductCalculator .pbc-title { font-size: 20px; }
    /* The knob overhangs the end of the last segment, so the track reserves room
       for it — without that the "4" on Summary and Results was clipped by the
       viewport edge. */
    #bridgingProductCalculator .pbc-progress { gap: 8px; padding-right: 24px; margin: 0; }
    #bridgingProductCalculator .pbc-seg { height: 13px; }
    #bridgingProductCalculator .pbc-knob { width: 34px; height: 34px; right: -17px; font-size: 14px; }
    #bridgingProductCalculator .pbc-step-label { margin: 16px 0 0; }

    /* --- Fields ---------------------------------------------------- */
    #bridgingProductCalculator .pbc-grid { grid-template-columns: 1fr; gap: 24px; }

    /* Info badge sits hard right of its label, in a circle (25) */
    #bridgingProductCalculator .pbc-field > label {
        display: flex; align-items: center; gap: .5rem; margin-bottom: 12px;
    }
    #bridgingProductCalculator .pbc-info { margin-left: auto; flex: 0 0 auto; }

    /* Tooltip was pinned to the right of a 20px badge at a fixed 200px, so it ran
       straight off screen (26). Drop it below the badge and cap it to the viewport. */
    #bridgingProductCalculator .pbc-info::after {
        left: auto; right: 0;         
        top: calc(100% + 14px);
        transform: none;
        margin-left: 0;
        width: min(calc(100vw - 2rem));
        padding: 10px 10px;
        z-index: 30;
    }

    #bridgingProductCalculator input:disabled { background: #F2EFEC; }

    /* % and £ adornments read left of the value (24) */
    #bridgingProductCalculator .pbc-input-wrap .pbc-adorn { left: 1rem; right: auto; }
    #bridgingProductCalculator .pbc-input-wrap.has-pre input { padding-left: 2.1rem; padding-right: 1rem; }

    /* --- Actions (27, 28) ------------------------------------------ */
    #bridgingProductCalculator .pbc-actions-center { margin-top: 48px; gap: 24px; }
    #bridgingProductCalculator .pbc-actions-center .pbc-btn {
        width: 201px; height: 48px; padding: 0 1rem; font-size: 16px;
    }

    /* --- Property step links (30, 31) ------------------------------ */
    #bridgingProductCalculator .pbc-link.pbc-add { font-size: 14px; }
    #bridgingProductCalculator .pbc-link { font-size: 16px; }

    /* --- Results (34, 35, 36, 45, 46, 53) -------------------------- */
    /* Stacked, not 3-up. A 48px value cannot share a row at tablet width, and a
       6-figure Estimated monthly payment was throwing the four cards out of
       alignment on iPad portrait. Stacking also lets the fixed heights hold.
       Value 48px, label 16px and note 12px now inherit the base rules — the old
       1.3rem/.68rem overrides are gone. */
    #bridgingProductCalculator .pbc-stats { grid-template-columns: 1fr; gap: .6rem; align-items: start; }
    #bridgingProductCalculator .pbc-stat { padding: 1.2rem 1.35rem; min-height: 119px; }
    #bridgingProductCalculator .pbc-stat:last-child { min-height: 136px; } /* LTV — carries the max-LTV note */
    /* Card headings stay at 16px; the value is 48px and the max-LTV note 12px.
       Pinned here so a change to the base rule cannot shrink them again. */
    #bridgingProductCalculator .pbc-stat .pbc-stat-label { font-size: 16px; }
    #bridgingProductCalculator .pbc-stat .pbc-stat-value { font-size: 48px; }
    #bridgingProductCalculator .pbc-stat .pbc-stat-note { font-size: 12px; }

    #bridgingProductCalculator .pbc-result-hero { padding: 32px 1rem; gap: 12px; min-height: 0; }
    #bridgingProductCalculator .pbc-result-amount { font-size: 64px; }

    #bridgingProductCalculator .pbc-btn { width: 100%; padding-left: 1.5rem; padding-right: 1.5rem; }
    #bridgingProductCalculator .pbc-actions-row { flex-direction: column; align-items: stretch; }
    #bridgingProductCalculator .pbc-cta-actions { flex-direction: column; align-items: stretch; width: 100%; }

    /* Apply now / Download PDF (47) */
    #bridgingProductCalculator .pbc-cta-actions .pbc-btn,
    #bridgingProductCalculator .pbc-actions-row .pbc-btn { height: 48px; padding: 0 1rem; font-size: 16px; }

    /* Product guide sits on .pbc-add too, so it gets its own rule rather than
       inheriting the "Add additional property" treatment (48). */
    #bridgingProductCalculator .pbc-link.pbc-download { font-size: 16px; }

    /* --- Application details cards (37, 39, 40, 41) ---------------- */
    #bridgingProductCalculator .pbc-card { display: flex; flex-direction: column; padding: 1.15rem; min-height: 383px; }
    #bridgingProductCalculator .pbc-kv { grid-template-columns: 1fr; gap: .1rem; padding: .5rem 0; }
     #bridgingProductCalculator .pbc-kv .k{ font-family: "Inter-SemiBold", sans-serif; font-weight: 600; font-size: 16px; }
    #bridgingProductCalculator .pbc-kv .v { font-family: "Inter-Regular", sans-serif; ; font-size: 16px; }

    /* Edit / Change product drop out of the top-right corner and sit after the
       last row, i.e. under Term (39). */
    #bridgingProductCalculator .pbc-card-edit {
        position: static; top: auto; right: auto;
        order: 99; align-self: flex-start;
        margin-top: 16px; padding: 9px 20px; font-size: 16px;width: 100%;
    }
    #bridgingProductCalculator .pbc-select-box {
        padding-right: 20px;
        white-space: normal;
    }
    #bridgingProductCalculator .pbc-card-fees { min-height: 470px; }
}

@media (max-width: 380px) {
    #bridgingProductCalculator .pbc-actions-center .pbc-btn { width: 100%; max-width: 201px; }
}