* {
    box-sizing: border-box;
}

.bb-rich-content {
    color: inherit;
    line-height: 1.65;
}

.bb-rich-content > :first-child {
    margin-top: 0;
}

.bb-rich-content > :last-child {
    margin-bottom: 0;
}

.bb-rich-content p,
.bb-rich-content ul,
.bb-rich-content ol,
.bb-rich-content blockquote,
.bb-rich-content table {
    margin: 0 0 1rem;
}

.bb-rich-content h2,
.bb-rich-content h3,
.bb-rich-content h4 {
    margin: 1.35rem 0 0.65rem;
    color: #14213d;
    font-weight: 800;
    line-height: 1.2;
}

.bb-rich-content h2 {
    font-size: 1.35rem;
}

.bb-rich-content h3 {
    font-size: 1.15rem;
}

.bb-rich-content ul,
.bb-rich-content ol {
    padding-left: 1.35rem;
}

.bb-rich-content ul {
    list-style: disc;
}

.bb-rich-content ol {
    list-style: decimal;
}

.bb-rich-content li + li {
    margin-top: 0.35rem;
}

.bb-rich-content a {
    color: #0074d9;
    font-weight: 700;
    text-decoration: underline;
    text-underline-offset: 0.18em;
}

.bb-rich-content blockquote {
    border-left: 4px solid #00a85a;
    padding: 0.8rem 1rem;
    background: #f3fbf7;
    color: #344054;
}

.bb-rich-content table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.95rem;
}

.bb-rich-content th,
.bb-rich-content td {
    border: 1px solid #d8e4f0;
    padding: 0.65rem;
    text-align: left;
}

.bb-rich-content th {
    background: #f7fbff;
    color: #14213d;
}

.bb-rich-content.is-heading-copy {
    max-width: 58rem;
    margin: 0.65rem auto 0;
    color: #667085;
}

.bb-rich-content.is-hero-copy {
    max-width: 38rem;
    margin-top: 0;
    color: rgba(255, 255, 255, 0.9);
    font-size: clamp(1rem, 2vw, 1.18rem);
    line-height: 1.6;
}

.bb-account-heading .bb-rich-content.is-heading-copy,
.bb-how-showcase-copy .bb-rich-content.is-heading-copy {
    margin-inline: 0;
}

html {
    overflow-y: scroll;
}

body.bb-site {
    display: flex;
    flex-direction: column;
    margin: 0;
    min-height: 100vh;
    background: var(--bb-page, #ffffff);
    color: #101828;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

#bb-page-main {
    flex: 1 0 auto;
}

body.is-page-loading #bb-page-main {
    opacity: 0.82;
    transition: opacity 120ms ease;
}

.bb-sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

a {
    color: inherit;
}

.bb-header {
    position: sticky;
    top: 0;
    z-index: 20;
    background: #ffffff;
    border-bottom: 1px solid #dbe3ee;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.05);
}

.bb-header-inner {
    display: grid;
    grid-template-columns: minmax(16rem, 1fr) auto minmax(28rem, 1fr);
    align-items: center;
    gap: 1.35rem;
    width: min(1720px, calc(100% - 1.5rem));
    min-height: 5.35rem;
    margin-inline: auto;
}

.bb-header-inner.is-contained {
    width: min(1720px, calc(100% - 1.5rem));
}

.bb-header-inner.is-full {
    width: calc(100% - 1.5rem);
}

.bb-brand {
    display: inline-flex;
    align-items: center;
    gap: 0.7rem;
    justify-self: start;
    text-decoration: none;
}

.bb-brand-mark {
    display: grid;
    width: 2.5rem;
    height: 2.5rem;
    place-items: center;
    border-radius: 0.5rem;
    background: var(--bb-primary, #05a660);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 850;
}

.bb-brand-logo {
    display: grid;
    width: 7.7rem;
    height: 2.65rem;
    place-items: center;
}

.bb-brand-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.bb-brand strong,
.bb-brand small {
    display: block;
}

.bb-brand strong {
    color: #ff632f;
    font-weight: 900;
}

.bb-brand small {
    color: #667085;
}

.bb-nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.05rem;
    justify-self: center;
}

.bb-nav a {
    color: #475467;
    font-weight: 750;
    text-decoration: none;
}

.bb-nav a:hover {
    color: var(--bb-primary, #05a660);
}

.bb-nav a.is-active {
    color: var(--bb-primary, #05a660);
}

.bb-header-actions {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    justify-self: end;
}

.bb-header-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.45rem;
    padding: 0.55rem 0.9rem;
    border-radius: 0.45rem;
    font-weight: 800;
    text-decoration: none;
}

.bb-header-actions .is-login {
    color: #344054;
}

.bb-header-actions .is-primary {
    background: var(--bb-primary, #05a660);
    color: #ffffff;
}

.bb-header-actions.is-account {
    gap: 0;
    align-items: center;
}

.bb-header-actions form {
    margin: 0;
}

.bb-header-actions button {
    min-height: 2.45rem;
    padding: 0.55rem 0.9rem;
    border: 0;
    border-radius: 0.45rem;
    background: #344054;
    color: #ffffff;
    font: inherit;
    font-weight: 800;
    cursor: pointer;
}

.bb-header-account-cluster {
    display: grid;
    grid-template-columns: 7.4rem 7.8rem max-content;
    align-items: stretch;
    overflow: visible;
    min-height: 3.72rem;
    border: 1px solid rgba(5, 166, 96, 0.34);
    border-radius: 0.65rem;
    background:
        radial-gradient(circle at 12% 50%, rgba(5, 166, 96, 0.18), transparent 7rem),
        linear-gradient(135deg, rgba(5, 166, 96, 0.11), rgba(47, 128, 237, 0.08)),
        #f8fcfb;
    box-shadow: 0 14px 30px rgba(16, 24, 40, 0.11), inset 0 0 0 1px rgba(255, 255, 255, 0.7);
}

.bb-header-metric {
    display: grid !important;
    min-height: 3.72rem;
    align-content: center;
    justify-content: center;
    gap: 0.18rem;
    padding: 0.48rem 0.78rem !important;
    border-right: 1px solid rgba(16, 24, 40, 0.08);
    border-radius: 0 !important;
    color: #102033;
    text-align: center;
    white-space: nowrap;
}

.bb-header-metric small,
.bb-header-metric strong {
    display: block;
    line-height: 1;
}

.bb-header-metric small {
    color: #516074;
    font-size: 0.68rem;
    font-weight: 850;
    text-transform: uppercase;
}

.bb-header-metric strong {
    font-size: 1.22rem;
    font-weight: 900;
}

.bb-header-metric.is-credits strong {
    color: #008f5a;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8), 0 0 14px rgba(5, 166, 96, 0.28);
}

.bb-header-metric.is-favourites strong {
    color: #2f80ed;
}

.bb-header-account-menu {
    position: relative;
    min-width: 0;
}

.bb-header-account-menu summary {
    display: grid;
    grid-template-columns: 2.25rem max-content auto;
    min-height: 3.72rem;
    align-items: center;
    gap: 0.58rem;
    padding: 0.5rem 0.72rem 0.5rem 0.72rem;
    color: #102033;
    cursor: pointer;
    list-style: none;
}

.bb-header-account-menu summary::-webkit-details-marker {
    display: none;
}

.bb-header-account-menu summary::after {
    content: "";
    width: 0.4rem;
    height: 0.4rem;
    border-right: 2px solid #516074;
    border-bottom: 2px solid #516074;
    transform: rotate(45deg) translateY(-0.1rem);
}

.bb-header-account-menu[open] summary::after {
    transform: rotate(225deg) translateY(-0.1rem);
}

.bb-header-account-avatar {
    display: grid;
    width: 2.15rem;
    height: 2.15rem;
    place-items: center;
    border-radius: 0.48rem;
    background:
        linear-gradient(135deg, var(--bb-primary, #05a660), #14b8a6);
    color: #ffffff;
    font-size: 0.82rem;
    font-weight: 900;
    box-shadow: 0 8px 18px rgba(5, 166, 96, 0.22);
}

.bb-header-account-summary {
    min-width: 0;
}

.bb-header-account-summary small,
.bb-header-account-summary strong {
    display: block;
    line-height: 1;
}

.bb-header-account-summary small {
    color: #516074;
    font-size: 0.66rem;
    font-weight: 850;
    text-align: center;
    text-transform: uppercase;
}

.bb-header-account-summary strong {
    color: #ff632f;
    margin-top: 0.28rem;
    font-size: 0.92rem;
    font-weight: 900;
    white-space: nowrap;
}

.bb-header-account-panel {
    position: absolute;
    top: calc(100% + 0.45rem);
    right: 0;
    z-index: 40;
    display: grid;
    min-width: 16rem;
    gap: 0.3rem;
    padding: 0.65rem;
    border: 1px solid rgba(5, 166, 96, 0.22);
    border-radius: 0.65rem;
    background:
        linear-gradient(135deg, rgba(5, 166, 96, 0.08), rgba(47, 128, 237, 0.06)),
        #ffffff;
    box-shadow: 0 22px 48px rgba(16, 24, 40, 0.2);
}

.bb-header-account-name {
    padding: 0.62rem 0.7rem;
    border: 1px solid rgba(5, 166, 96, 0.12);
    border-radius: 0.5rem;
    background: #ffffff;
}

.bb-header-account-name span,
.bb-header-account-name small {
    display: block;
}

.bb-header-account-name span {
    color: #101828;
    font-size: 0.9rem;
    font-weight: 850;
}

.bb-header-account-name small {
    overflow: hidden;
    color: #667085;
    font-size: 0.76rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bb-header-account-panel a,
.bb-header-account-panel button {
    justify-content: flex-start;
    min-height: 2.35rem;
    width: 100%;
    padding: 0.5rem 0.7rem;
    border-radius: 0.45rem;
    background: transparent;
    color: #344054;
    font-size: 0.88rem;
    font-weight: 800;
    text-decoration: none;
}

.bb-header-account-panel a:hover,
.bb-header-account-panel button:hover {
    background: #f3f8fc;
    color: var(--bb-primary, #05a660);
}

.bb-auth-shell {
    width: min(1120px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 4.5rem 0 5.5rem;
}

.bb-auth-panel {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(22rem, 0.72fr);
    gap: 2rem;
    align-items: stretch;
}

.bb-auth-copy,
.bb-auth-form {
    border: 1px solid #d8e4f0;
    background: #ffffff;
}

.bb-auth-copy {
    position: relative;
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    min-height: 25rem;
    padding: 0;
    border-top: 0.22rem solid var(--bb-primary, #05a660);
    background:
        radial-gradient(circle at 18% 18%, rgba(255, 255, 255, 0.18), transparent 24rem),
        radial-gradient(circle at 86% 12%, rgba(47, 128, 237, 0.24), transparent 18rem),
        linear-gradient(135deg, #111827 0%, #132238 52%, #057a58 100%);
}

.bb-auth-copy::before {
    position: absolute;
    inset: 0;
    content: "";
    background:
        linear-gradient(90deg, rgba(255, 255, 255, 0.16) 1px, transparent 1px),
        linear-gradient(0deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
    background-size: 4rem 4rem;
    mask-image: linear-gradient(135deg, rgba(0, 0, 0, 0.72), transparent 72%);
    opacity: 0.5;
}

.bb-auth-copy[style*="--bb-auth-image"]::before {
    background:
        linear-gradient(135deg, rgba(16, 24, 40, 0.3), rgba(5, 122, 88, 0.18)),
        var(--bb-auth-image);
    background-position: center;
    background-size: cover;
    mask-image: none;
    opacity: 0.95;
}

.bb-auth-copy::after {
    position: absolute;
    inset: 0;
    content: "";
    background:
        linear-gradient(135deg, transparent 0 58%, rgba(255, 255, 255, 0.1) 58% 60%, transparent 60%),
        linear-gradient(155deg, transparent 0 70%, rgba(255, 255, 255, 0.08) 70% 72%, transparent 72%);
}

.bb-auth-copy-inner {
    position: relative;
    z-index: 1;
    max-width: 35rem;
    padding: 3rem;
}

.bb-auth-copy h1 {
    margin: 0.3rem 0 0;
    color: #ffffff;
    font-size: 2.2rem;
    line-height: 1.05;
    text-shadow: 0 0.08rem 0.4rem rgba(16, 24, 40, 0.32);
}

.bb-auth-copy p {
    max-width: 32rem;
    margin: 1rem 0 0;
    color: rgba(255, 255, 255, 0.88);
    font-size: 1.05rem;
    line-height: 1.55;
}

.bb-auth-copy .bb-eyebrow {
    color: #ffffff;
}

.bb-auth-benefits {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
    margin: 1.3rem 0 0;
    padding: 0;
    list-style: none;
}

.bb-auth-benefits li {
    padding: 0.35rem 0.55rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.16);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1;
}

.bb-auth-form {
    display: grid;
    gap: 1rem;
    align-content: start;
    padding: 1.35rem;
    box-shadow: 0 18px 44px rgba(16, 24, 40, 0.08);
}

.bb-auth-form-heading {
    display: grid;
    gap: 0.15rem;
    padding-bottom: 0.8rem;
    border-bottom: 1px solid #e4e7ec;
}

.bb-auth-form-heading strong {
    color: #344054;
    font-size: 1.25rem;
    font-weight: 750;
}

.bb-auth-form-heading span,
.bb-auth-switch {
    color: #667085;
    font-size: 0.95rem;
    line-height: 1.4;
}

.bb-auth-form label {
    display: grid;
    gap: 0.35rem;
    color: #475467;
    font-size: 0.92rem;
    font-weight: 650;
}

.bb-auth-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

.bb-auth-label-row a,
.bb-auth-switch a {
    color: var(--bb-primary, #05a660);
    font-weight: 800;
    text-decoration: none;
}

.bb-auth-form input[type="email"],
.bb-auth-form input[type="password"],
.bb-auth-form input[type="text"] {
    width: 100%;
    min-height: 2.8rem;
    padding: 0.55rem 0.7rem;
    border: 1px solid #d8e4f0;
    border-radius: 0.22rem;
    background: #ffffff;
    color: #344054;
    font: inherit;
    font-weight: 600;
}

.bb-auth-form input:focus {
    border-color: var(--bb-primary, #05a660);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(5, 166, 96, 0.12);
}

.bb-auth-form small {
    color: #c2410c;
    font-weight: 600;
    line-height: 1.35;
}

.bb-captcha-field {
    display: grid;
    gap: 0.35rem;
    justify-items: start;
}

.bb-contact-form .bb-captcha-field {
    grid-column: 1 / -1;
}

.bb-captcha-field small {
    color: #c2410c;
    font-weight: 800;
}

.bb-auth-status {
    margin: 0;
    padding: 0.75rem 0.85rem;
    border: 1px solid rgba(5, 166, 96, 0.2);
    background: rgba(5, 166, 96, 0.08);
    color: #047857;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.4;
}

.bb-auth-hp {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.bb-auth-check {
    display: flex !important;
    align-items: center;
    gap: 0.5rem !important;
    padding: 0.55rem 0.65rem;
    border: 1px solid #e4e7ec;
    background: #f8fafc;
}

.bb-auth-check input {
    width: 1rem;
    height: 1rem;
}

.bb-auth-form button {
    min-height: 2.85rem;
    border: 0;
    border-radius: 0.25rem;
    background: var(--bb-primary, #05a660);
    color: #ffffff;
    font: inherit;
    font-weight: 850;
    text-transform: uppercase;
    cursor: pointer;
}

.bb-auth-switch {
    margin: 0;
    text-align: center;
}

.bb-auctions-page {
    display: grid;
    gap: 0.75rem;
    width: min(1500px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 1.35rem 0 5rem;
}

.bb-static-page {
    display: grid;
    gap: 1rem;
    width: min(980px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 1.35rem 0 5rem;
}

.bb-static-page-card {
    padding: 1.25rem;
    border: 1px solid rgba(5, 166, 96, 0.18);
    border-top: 0.18rem solid rgba(5, 166, 96, 0.45);
    border-radius: 0.55rem;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.08);
}

.bb-static-page-card p {
    margin: 0;
    color: #475467;
    font-size: 1rem;
    line-height: 1.65;
}

.bb-static-page-card p + p {
    margin-top: 0.9rem;
}

.bb-about-page {
    display: grid;
    gap: clamp(2rem, 4vw, 3.6rem);
    width: min(980px, calc(100% - 2rem));
    margin: 0 auto;
    padding: clamp(2rem, 4vw, 4.5rem) 0 5rem;
}

.bb-about-opening {
    max-width: 46rem;
}

.bb-about-opening h1 {
    max-width: 38rem;
    margin: 0.35rem 0 0;
    color: #101828;
    font-size: clamp(2.2rem, 4vw, 3.8rem);
    font-weight: 900;
    line-height: 1.04;
}

.bb-about-opening .bb-rich-content {
    margin-top: 1.2rem;
    color: #475467;
}

.bb-about-opening .bb-rich-content p {
    font-size: 1rem;
    line-height: 1.68;
}

.bb-about-hero-points {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem 1rem;
    margin: 1.2rem 0 0;
    padding: 0;
    list-style: none;
}

.bb-about-hero-points li {
    color: #008f5a;
    font-size: 0.88rem;
    font-weight: 850;
}

.bb-about-hero-points li::before {
    content: "";
    display: inline-block;
    width: 0.48rem;
    height: 0.48rem;
    margin-right: 0.55rem;
    border-radius: 999px;
    background: var(--bb-primary, #05a660);
    vertical-align: 0.08rem;
}

.bb-about-intro {
    position: relative;
    max-width: 54rem;
    margin: 0;
    padding: clamp(1.2rem, 3vw, 2rem) 0 clamp(1.2rem, 3vw, 2rem) clamp(1.2rem, 5vw, 4rem);
    text-align: left;
}

.bb-about-intro::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 0.2rem;
    background: linear-gradient(180deg, var(--bb-primary, #05a660), #2f80ed);
}

.bb-about-intro p {
    margin: 0;
    color: #344054;
    font-size: clamp(1.02rem, 1.5vw, 1.25rem);
    font-weight: 700;
    line-height: 1.55;
}

.bb-about-narrative {
    display: grid;
    gap: clamp(1.4rem, 3vw, 2.4rem);
    counter-reset: about-section;
}

.bb-about-narrative article {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    gap: clamp(1rem, 3vw, 2rem);
    align-items: start;
}

.bb-about-narrative article > span {
    color: var(--bb-primary, #05a660);
    font-size: 0.92rem;
    font-weight: 900;
}

.bb-about-narrative h2,
.bb-about-split h2,
.bb-about-journey h2 {
    margin: 0;
    color: #101828;
    font-size: clamp(1.45rem, 2.5vw, 2.2rem);
    font-weight: 900;
    line-height: 1.12;
}

.bb-about-narrative p,
.bb-about-split p,
.bb-about-closing p {
    margin: 0;
    color: #667085;
    font-size: 1rem;
    line-height: 1.72;
}

.bb-about-narrative h2 + p {
    grid-column: 2;
    margin-top: 0.7rem;
}

.bb-about-split {
    display: grid;
    grid-template-columns: minmax(0, 0.8fr) minmax(0, 1fr);
    gap: clamp(1.2rem, 4vw, 3rem);
    align-items: start;
    padding-block: clamp(1.4rem, 3vw, 2.4rem);
    border-top: 1px solid #d0f1de;
    border-bottom: 1px solid #d0f1de;
}

.bb-about-journey {
    display: grid;
    gap: 1rem;
}

.bb-about-journey ol {
    display: grid;
    gap: 0.75rem;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: about-flow;
}

.bb-about-journey li {
    position: relative;
    display: grid;
    grid-template-columns: 5.5rem minmax(0, 1fr);
    gap: 1rem;
    min-height: auto;
    padding: 0.2rem 0;
    color: #667085;
    font-size: 0.94rem;
    line-height: 1.48;
}

.bb-about-journey li + li {
    border-left: 0;
}

.bb-about-journey li::before {
    counter-increment: about-flow;
    content: counter(about-flow);
    grid-column: 1;
    grid-row: 1;
    color: var(--bb-primary, #05a660);
    font-size: 0.82rem;
    font-weight: 900;
}

.bb-about-journey li strong,
.bb-about-journey li span {
    display: block;
}

.bb-about-journey li strong {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0.3rem;
    padding-left: 1.3rem;
    color: #101828;
    font-size: 1rem;
    font-weight: 850;
}

.bb-about-journey li span {
    grid-column: 2;
    grid-row: 1;
}

.bb-about-closing {
    display: flex;
    gap: 1rem;
    align-items: center;
    justify-content: space-between;
    padding: 1.15rem 0 0;
    border-top: 1px solid #d0f1de;
}

.bb-about-closing p {
    max-width: 44rem;
    color: #344054;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.55;
}

.bb-about-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    justify-content: flex-start;
    padding: 0.5rem 0 0;
}

.bb-about-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.7rem;
    padding: 0.7rem 1rem;
    border: 1px solid #b7f0ca;
    border-radius: 0.5rem;
    background: #ffffff;
    color: #101828;
    font-weight: 850;
    text-decoration: none;
}

.bb-about-actions a:first-child {
    border-color: var(--bb-primary, #05a660);
    background: var(--bb-primary, #05a660);
    color: #ffffff;
}

.bb-about-closing a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.7rem;
    padding: 0.7rem 1rem;
    border-radius: 0.5rem;
    background: #101828;
    color: #ffffff;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.bb-about-article {
    width: min(1160px, calc(100% - 2rem));
    margin: 0 auto;
    padding: clamp(2rem, 4vw, 4rem) 0 5rem;
}

.bb-about-article-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
    text-align: center;
}

.bb-about-article-header::before,
.bb-about-article-header::after {
    content: "";
    width: 3rem;
    height: 1px;
    background: #cfd6dd;
}

.bb-about-article-header h1 {
    margin: 0;
    color: #344054;
    font-size: clamp(2rem, 3vw, 2.8rem);
    font-weight: 500;
    line-height: 1.1;
}

.bb-about-article-image {
    width: min(980px, 100%);
    margin: 0 auto clamp(1.8rem, 3vw, 2.6rem);
    border-bottom: 0.22rem solid var(--bb-primary, #05a660);
}

.bb-about-article-image img {
    display: block;
    width: 100%;
    max-height: 23rem;
    object-fit: cover;
    object-position: center;
}

.bb-about-article-body {
    max-width: 980px;
    margin: 0 auto;
    color: #101828;
    font-size: 1rem;
    line-height: 1.76;
}

.bb-about-article-body .bb-rich-content {
    margin-bottom: 2.2rem;
}

.bb-about-article-body p {
    margin: 0 0 1.55rem;
}

.bb-about-article-body h2 {
    margin: 2.25rem 0 0.75rem;
    color: #101828;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.35;
    text-transform: uppercase;
}

.bb-about-article-body h2:first-of-type {
    margin-top: 0;
}

.bb-about-editorial {
    width: min(1100px, calc(100% - 2rem));
    margin: 0 auto;
    padding: clamp(2rem, 4vw, 4rem) 0 5rem;
}

.bb-about-editorial-header {
    max-width: 760px;
    margin: 0 auto clamp(2rem, 4vw, 3.2rem);
    text-align: center;
}

.bb-about-editorial-header span {
    color: var(--bb-primary, #05a660);
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.06em;
    text-transform: uppercase;
}

.bb-about-editorial-header h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin: 0.45rem 0 0.65rem;
    color: #344054;
    font-size: clamp(2rem, 3.2vw, 3rem);
    font-weight: 500;
    line-height: 1.1;
}

.bb-about-editorial-header h1::before,
.bb-about-editorial-header h1::after {
    content: "";
    width: 3rem;
    height: 1px;
    background: #cfd6dd;
}

.bb-about-editorial-header p {
    margin: 0;
    color: #667085;
    font-size: 1.05rem;
    line-height: 1.6;
}

.bb-about-editorial-body {
    max-width: 980px;
    margin: 0 auto;
    color: #101828;
    font-size: 1rem;
    line-height: 1.76;
}

.bb-about-editorial-body .bb-rich-content {
    margin-bottom: 2rem;
}

.bb-about-editorial-body p {
    margin: 0 0 1.55rem;
}

.bb-about-editorial-body h2 {
    margin: 2.25rem 0 0.8rem;
    color: #101828;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1.35;
    text-transform: uppercase;
}

.bb-about-card-figure {
    float: right;
    width: min(270px, 34%);
    margin: 0.2rem 0 1.25rem 2rem;
    text-align: center;
}

.bb-about-card-figure img {
    display: block;
    width: 100%;
    height: auto;
}

.bb-about-card-figure figcaption {
    margin-top: 0.65rem;
    color: #667085;
    font-size: 0.82rem;
    line-height: 1.45;
}

.bb-contact-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 18rem;
    gap: 1rem;
    align-items: start;
}

.bb-contact-hero-panel {
    display: grid;
    grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
    gap: 1rem;
    align-items: stretch;
    padding: 1.15rem;
    border: 1px solid rgba(5, 166, 96, 0.18);
    border-left: 0.3rem solid var(--bb-primary, #05a660);
    border-radius: 0.65rem;
    background:
        linear-gradient(135deg, rgba(5, 166, 96, 0.08), rgba(47, 128, 237, 0.06)),
        #ffffff;
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.08);
}

.bb-contact-hero-panel > div {
    display: grid;
    gap: 0.45rem;
    align-content: center;
}

.bb-contact-hero-panel span,
.bb-faq-support-strip span {
    color: var(--bb-primary, #05a660);
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bb-contact-hero-panel h2,
.bb-contact-hero-panel p,
.bb-contact-hero-panel dl,
.bb-contact-hero-panel dt,
.bb-contact-hero-panel dd {
    margin: 0;
}

.bb-contact-hero-panel h2 {
    color: #101828;
    font-size: clamp(1.35rem, 2.5vw, 2rem);
    line-height: 1.1;
}

.bb-contact-hero-panel p,
.bb-contact-hero-panel dd {
    color: #667085;
    line-height: 1.55;
}

.bb-contact-hero-panel dl {
    display: grid;
    gap: 0.65rem;
}

.bb-contact-hero-panel dl div {
    display: grid;
    gap: 0.2rem;
    padding: 0.72rem 0.8rem;
    border: 1px solid rgba(47, 128, 237, 0.16);
    border-radius: 0.45rem;
    background: rgba(255, 255, 255, 0.72);
}

.bb-contact-hero-panel dt {
    color: #1d2939;
    font-weight: 900;
}

.bb-contact-support-grid,
.bb-help-centre-grid,
.bb-card-guide-grid,
.bb-how-flow,
.bb-faq-category-grid {
    display: grid;
    gap: 1rem;
}

.bb-contact-support-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin-bottom: 1rem;
}

.bb-contact-support-grid article,
.bb-help-topic,
.bb-card-guide-grid article,
.bb-how-flow article,
.bb-faq-category {
    border: 1px solid rgba(5, 166, 96, 0.18);
    border-radius: 0.55rem;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.08);
}

.bb-contact-support-grid article {
    display: grid;
    gap: 0.45rem;
    padding: 1rem;
    border-top: 0.22rem solid var(--bb-contact-tone, var(--bb-primary, #05a660));
}

.bb-contact-support-grid article:nth-child(2) {
    --bb-contact-tone: #2f80ed;
}

.bb-contact-support-grid article:nth-child(3) {
    --bb-contact-tone: #f97316;
}

.bb-contact-support-grid article:nth-child(4) {
    --bb-contact-tone: #7c3aed;
}

.bb-contact-support-grid span,
.bb-card-guide-grid span,
.bb-section-heading span {
    color: var(--bb-primary, #05a660);
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bb-contact-support-grid strong {
    color: #1d2939;
    font-size: 1rem;
}

.bb-contact-support-grid p {
    margin: 0;
    color: #667085;
    line-height: 1.5;
}

.bb-contact-form,
.bb-contact-help-card,
.bb-faq-list details,
.bb-how-highlight {
    border: 1px solid rgba(5, 166, 96, 0.18);
    border-radius: 0.55rem;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.08);
}

.bb-contact-form {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
    padding: 1.2rem;
}

.bb-contact-form-heading,
.bb-contact-status,
.bb-contact-form .is-full,
.bb-contact-form button {
    grid-column: 1 / -1;
}

.bb-contact-form-heading {
    border-bottom: 1px solid #e4e7ec;
    padding-bottom: 0.7rem;
}

.bb-contact-form-heading h2,
.bb-contact-form-heading p {
    margin: 0;
}

.bb-contact-form-heading h2 {
    color: #1d2939;
    font-size: 1.2rem;
}

.bb-contact-form-heading p,
.bb-contact-help-card p {
    color: #667085;
    line-height: 1.55;
}

.bb-contact-form label {
    display: grid;
    gap: 0.35rem;
    color: #344054;
    font-weight: 750;
}

.bb-contact-form input,
.bb-contact-form textarea {
    width: 100%;
    border: 1px solid #d8e4f0;
    border-radius: 0.3rem;
    padding: 0.62rem 0.7rem;
    color: #344054;
    font: inherit;
}

.bb-contact-form textarea {
    resize: vertical;
}

.bb-contact-form input:focus,
.bb-contact-form textarea:focus {
    border-color: var(--bb-primary, #05a660);
    outline: 0;
    box-shadow: 0 0 0 3px rgba(5, 166, 96, 0.12);
}

.bb-contact-form small {
    color: #c2410c;
}

.bb-contact-form button,
.bb-contact-help-card a,
.bb-how-highlight a {
    display: inline-flex;
    min-height: 2.75rem;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0.35rem;
    background: var(--bb-primary, #05a660);
    color: #ffffff;
    font: inherit;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.bb-contact-status {
    margin: 0;
    padding: 0.7rem 0.8rem;
    border: 1px solid rgba(5, 166, 96, 0.25);
    border-radius: 0.35rem;
    background: rgba(5, 166, 96, 0.1);
    color: #047857;
    font-weight: 800;
}

.bb-contact-help-card {
    display: grid;
    gap: 0.7rem;
    padding: 1rem;
    border-top: 0.22rem solid #2f80ed;
}

.bb-contact-help-card span {
    color: #2f80ed;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bb-contact-help-card strong {
    color: #1d2939;
    font-size: 1.1rem;
}

.bb-contact-help-card p {
    margin: 0;
}

.bb-contact-checklist {
    display: grid;
    gap: 0.5rem;
}

.bb-contact-checklist span {
    display: block;
    padding: 0.52rem 0.58rem;
    border: 1px solid #e4e7ec;
    border-radius: 0.35rem;
    background: #f8fafc;
    color: #475467;
    font-size: 0.86rem;
    font-weight: 800;
    text-transform: none;
}

.bb-contact-auth-actions {
    display: grid;
    gap: 0.55rem;
}

.bb-contact-help-card a.is-secondary {
    border: 1px solid #b7ebd6;
    background: #ffffff;
    color: var(--bb-primary, #05a660);
}

.bb-help-centre-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bb-help-topic {
    display: grid;
    gap: 0.65rem;
    min-height: 12rem;
    align-content: start;
    padding: 1.05rem;
    border-left: 0.24rem solid var(--bb-topic-color, var(--bb-primary, #05a660));
    color: inherit;
    text-decoration: none;
}

.bb-help-topic.is-green {
    --bb-topic-color: var(--bb-primary, #05a660);
}

.bb-help-topic.is-blue {
    --bb-topic-color: #2f80ed;
}

.bb-help-topic.is-orange {
    --bb-topic-color: #f97316;
}

.bb-help-topic.is-purple {
    --bb-topic-color: #7c3aed;
}

.bb-help-topic span {
    display: grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    border-radius: 0.45rem;
    background: color-mix(in srgb, var(--bb-topic-color) 12%, #ffffff);
    color: var(--bb-topic-color);
    font-weight: 900;
}

.bb-help-topic strong {
    color: #1d2939;
    font-size: 1.08rem;
}

.bb-help-topic p,
.bb-help-centre-note p {
    margin: 0;
    color: #667085;
    line-height: 1.55;
}

.bb-help-topic:hover {
    border-color: color-mix(in srgb, var(--bb-topic-color) 45%, #d0d5dd);
    transform: translateY(-1px);
}

.bb-help-centre-note {
    display: grid;
    grid-template-columns: minmax(0, 0.7fr) minmax(0, 1.1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid rgba(47, 128, 237, 0.22);
    border-left: 0.24rem solid #2f80ed;
    border-radius: 0.55rem;
    background: linear-gradient(135deg, rgba(47, 128, 237, 0.08), #ffffff);
}

.bb-help-centre-note strong {
    color: #1d2939;
    font-size: 1.08rem;
}

.bb-help-centre-note a {
    display: inline-flex;
    min-height: 2.65rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.35rem;
    background: var(--bb-primary, #05a660);
    color: #ffffff;
    font-weight: 850;
    text-decoration: none;
}

.bb-faq-category-grid {
    grid-template-columns: minmax(0, 1fr);
}

.bb-faq-jump-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
    padding: 0.8rem;
    border: 1px solid rgba(5, 166, 96, 0.18);
    border-radius: 0.55rem;
    background:
        linear-gradient(135deg, rgba(5, 166, 96, 0.05), rgba(47, 128, 237, 0.04)),
        #ffffff;
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.06);
}

.bb-faq-jump-nav button,
.bb-faq-jump-nav a {
    display: inline-flex;
    min-height: 2.2rem;
    align-items: center;
    justify-content: center;
    padding: 0 0.85rem;
    border: 1px solid #d8e4f0;
    border-radius: 999px;
    background: #ffffff;
    color: #344054;
    font: inherit;
    font-size: 0.88rem;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.bb-faq-jump-nav button:hover,
.bb-faq-jump-nav button:focus,
.bb-faq-jump-nav button.is-active,
.bb-faq-jump-nav a:hover,
.bb-faq-jump-nav a:focus,
.bb-faq-jump-nav a.is-active {
    border-color: rgba(5, 166, 96, 0.32);
    color: var(--bb-primary, #05a660);
    background: rgba(236, 253, 243, 0.82);
}

.bb-faq-category {
    overflow: hidden;
    scroll-margin-top: 6rem;
}

.bb-faq-category > header {
    display: flex;
    gap: 0.75rem;
    align-items: center;
    padding: 1rem 1.1rem;
    border-bottom: 1px solid #e4e7ec;
    background: linear-gradient(135deg, rgba(5, 166, 96, 0.07), rgba(47, 128, 237, 0.05));
}

.bb-faq-category > header span {
    display: grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border-radius: 0.4rem;
    background: var(--bb-primary, #05a660);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 900;
}

.bb-faq-category h2 {
    margin: 0;
    color: #1d2939;
    font-size: 1.15rem;
}

.bb-faq-category > header p {
    margin: 0.18rem 0 0;
    color: #667085;
    line-height: 1.45;
}

.bb-faq-list {
    display: grid;
    gap: 0.75rem;
    padding: 0.9rem;
}

.bb-faq-list details {
    overflow: hidden;
    box-shadow: none;
}

.bb-faq-list summary {
    cursor: pointer;
    padding: 1rem 1.1rem;
    color: #1d2939;
    font-weight: 850;
}

.bb-faq-list summary::marker {
    color: var(--bb-primary, #05a660);
}

.bb-faq-list p {
    margin: 0;
    padding: 0 1.1rem 1rem 1.45rem;
    color: #667085;
    line-height: 1.6;
}

.bb-faq-support-strip {
    display: grid;
    grid-template-columns: minmax(0, 1fr) max-content;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border: 1px solid rgba(124, 58, 237, 0.22);
    border-left: 0.24rem solid #7c3aed;
    border-radius: 0.55rem;
    background:
        linear-gradient(135deg, rgba(124, 58, 237, 0.08), rgba(5, 166, 96, 0.04)),
        #ffffff;
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.08);
}

.bb-faq-support-strip div {
    display: grid;
    gap: 0.25rem;
}

.bb-faq-support-strip strong {
    color: #1d2939;
    font-size: 1rem;
}

.bb-faq-support-strip a {
    display: inline-flex;
    min-height: 2.55rem;
    align-items: center;
    justify-content: center;
    padding: 0 1rem;
    border-radius: 0.35rem;
    background: var(--bb-primary, #05a660);
    color: #ffffff;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
}

.bb-how-page {
    display: grid;
    gap: 1.2rem;
    width: min(1180px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 1.35rem 0 5rem;
}

.bb-how-hero {
    display: grid;
    gap: 0.45rem;
    padding: 1.4rem;
    border: 1px solid rgba(5, 166, 96, 0.18);
    border-left: 0.3rem solid var(--bb-primary, #05a660);
    border-radius: 0.65rem;
    background:
        linear-gradient(135deg, rgba(5, 166, 96, 0.13), rgba(47, 128, 237, 0.09)),
        #ffffff;
}

.bb-how-hero span {
    color: #047857;
    font-size: 0.82rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bb-how-hero h1 {
    margin: 0;
    color: #101828;
    font-size: 2rem;
    line-height: 1.05;
}

.bb-how-hero p {
    max-width: 48rem;
    margin: 0;
    color: #667085;
    font-size: 1rem;
    line-height: 1.55;
}

.bb-how-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.65rem;
    margin-top: 0.5rem;
}

.bb-how-hero-actions a {
    display: inline-flex;
    min-height: 2.55rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.35rem;
    padding: 0 1rem;
    background: var(--bb-primary, #05a660);
    color: #ffffff;
    font-weight: 850;
    text-decoration: none;
}

.bb-how-hero-actions a + a {
    border: 1px solid rgba(5, 166, 96, 0.25);
    background: #ffffff;
    color: #047857;
}

.bb-how-steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.bb-how-steps article {
    display: grid;
    gap: 0.65rem;
    min-height: 14rem;
    align-content: start;
    padding: 1.15rem;
    border: 1px solid var(--bb-step-border);
    border-radius: 0.65rem;
    background: var(--bb-step-bg);
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.08);
}

.bb-how-steps article.is-green {
    --bb-step-bg: linear-gradient(135deg, rgba(5, 166, 96, 0.16), rgba(255, 255, 255, 0.96));
    --bb-step-border: rgba(5, 166, 96, 0.28);
    --bb-step-color: #05a660;
}

.bb-how-steps article.is-blue {
    --bb-step-bg: linear-gradient(135deg, rgba(47, 128, 237, 0.16), rgba(255, 255, 255, 0.96));
    --bb-step-border: rgba(47, 128, 237, 0.28);
    --bb-step-color: #2f80ed;
}

.bb-how-steps article.is-orange {
    --bb-step-bg: linear-gradient(135deg, rgba(249, 115, 22, 0.16), rgba(255, 255, 255, 0.96));
    --bb-step-border: rgba(249, 115, 22, 0.28);
    --bb-step-color: #f97316;
}

.bb-how-steps article > span {
    display: grid;
    width: 2.6rem;
    height: 2.6rem;
    place-items: center;
    border-radius: 0.55rem;
    background: var(--bb-step-color);
    color: #ffffff;
    font-weight: 900;
    box-shadow: 0 12px 22px rgba(16, 24, 40, 0.15);
}

.bb-how-steps h2 {
    margin: 0;
    color: #1d2939;
    font-size: 1.18rem;
}

.bb-how-steps p {
    margin: 0;
    color: #667085;
    line-height: 1.55;
}

.bb-how-highlight {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) auto;
    gap: 1rem;
    align-items: center;
    padding: 1rem;
    border-top: 0.22rem solid #7c3aed;
}

.bb-how-highlight span,
.bb-how-highlight strong {
    display: block;
}

.bb-how-highlight span {
    color: #7c3aed;
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bb-how-highlight strong {
    color: #1d2939;
    font-size: 1.1rem;
}

.bb-how-highlight p {
    margin: 0;
    color: #667085;
    line-height: 1.55;
}

.bb-how-section {
    display: grid;
    gap: 1rem;
}

.bb-section-heading {
    display: grid;
    gap: 0.3rem;
}

.bb-section-heading h2,
.bb-section-heading p {
    margin: 0;
}

.bb-section-heading h2 {
    color: #101828;
    font-size: 1.45rem;
}

.bb-section-heading p {
    max-width: 44rem;
    color: #667085;
    line-height: 1.55;
}

.bb-card-guide-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bb-card-guide-grid article,
.bb-how-flow article {
    display: grid;
    gap: 0.5rem;
    align-content: start;
    padding: 1rem;
}

.bb-card-guide-grid article {
    border-top: 0.22rem solid rgba(5, 166, 96, 0.45);
}

.bb-card-guide-grid h3 {
    margin: 0;
    color: #1d2939;
    font-size: 1.05rem;
}

.bb-card-guide-grid p,
.bb-how-flow p {
    margin: 0;
    color: #667085;
    line-height: 1.55;
}

.bb-how-flow {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bb-how-flow article {
    border-left: 0.22rem solid rgba(47, 128, 237, 0.55);
}

.bb-how-flow strong {
    color: #1d2939;
    font-size: 1.02rem;
}

.bb-how-page.is-redesigned {
    gap: 1.55rem;
    padding-top: 1.2rem;
}

.bb-how-showcase {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(20rem, 0.75fr);
    gap: 1.25rem;
    align-items: stretch;
    padding: 1.25rem;
    border: 1px solid rgba(5, 166, 96, 0.18);
    border-left: 0.3rem solid var(--bb-primary, #05a660);
    border-radius: 0.65rem;
    background:
        radial-gradient(circle at 82% 16%, rgba(249, 115, 22, 0.12), transparent 28%),
        linear-gradient(135deg, rgba(5, 166, 96, 0.13), rgba(47, 128, 237, 0.08)),
        #ffffff;
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.08);
}

.bb-how-showcase-copy {
    display: grid;
    gap: 0.6rem;
    align-content: center;
}

.bb-how-showcase-copy > span,
.bb-how-payment-panel span {
    color: #047857;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bb-how-showcase-copy h1,
.bb-how-showcase-copy p,
.bb-how-payment-panel h2,
.bb-how-payment-panel p {
    margin: 0;
}

.bb-how-showcase-copy h1 {
    color: #101828;
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 0.98;
}

.bb-how-showcase-copy p {
    max-width: 45rem;
    color: #475467;
    font-size: 1.05rem;
    line-height: 1.6;
}

.bb-how-showcase-card,
.bb-how-real-card-panel {
    display: grid;
    place-items: center;
}

.bb-how-real-card-panel {
    align-content: center;
    justify-items: center;
    gap: 0.55rem;
}

.bb-how-real-card-panel > span {
    color: #047857;
    font-size: 0.74rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bb-how-static-card-image {
    display: block;
    width: min(100%, 18.5rem);
    height: auto;
    border-radius: 0.5rem;
    box-shadow: 0 22px 55px rgba(16, 24, 40, 0.18);
}

.bb-how-card-pending {
    max-width: 18rem;
    margin: 0;
    color: #667085;
    font-size: 0.95rem;
    line-height: 1.5;
    text-align: center;
}

.bb-how-single-card {
    width: min(100%, 19rem);
    margin: 0;
    justify-content: center;
}

.bb-how-single-card .bb-live-site-card {
    width: 100%;
    box-shadow: 0 22px 55px rgba(16, 24, 40, 0.18) !important;
}

.bb-how-single-card > p {
    margin: 0;
    color: #667085;
    line-height: 1.5;
    text-align: center;
}

.bb-demo-card {
    position: relative;
    display: grid;
    width: min(100%, 20rem);
    gap: 0.55rem;
    padding: 0.8rem;
    border: 1px solid rgba(5, 166, 96, 0.22);
    border-radius: 0.65rem;
    background: #ffffff;
    box-shadow: 0 22px 55px rgba(16, 24, 40, 0.18);
}

.bb-demo-card h2 {
    min-height: 2.45rem;
    margin: 0;
    padding-right: 4.4rem;
    color: #1d2939;
    font-size: 0.92rem;
    line-height: 1.2;
}

.bb-demo-auction-id {
    margin: 0;
    color: #ff5a1f;
    font-size: 0.78rem;
    font-weight: 900;
}

.bb-demo-card-icons,
.bb-demo-actions {
    display: flex;
    gap: 0.35rem;
    align-items: center;
}

.bb-demo-card-icons {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
}

.bb-demo-icon {
    display: inline-grid;
    width: 1.9rem;
    height: 1.9rem;
    place-items: center;
    border: 1px solid rgba(52, 64, 84, 0.12);
    border-radius: 999px;
    background: #f8fafc;
    color: #344054;
}

.bb-demo-icon svg {
    width: 1rem;
    height: 1rem;
    fill: currentColor;
}

.bb-demo-icon.is-type {
    background: rgba(47, 128, 237, 0.1);
    color: #2f80ed;
}

.bb-demo-icon.is-favourite {
    background: rgba(255, 90, 31, 0.1);
    color: #ff5a1f;
}

.bb-demo-icon.is-cart {
    background: rgba(5, 166, 96, 0.12);
    color: #05a660;
}

.bb-demo-icon.is-autobid {
    background: rgba(124, 58, 237, 0.12);
    color: #7c3aed;
}

.bb-demo-image {
    display: grid;
    height: 10rem;
    place-items: center;
    overflow: hidden;
    border-radius: 0.5rem;
    background:
        linear-gradient(135deg, rgba(5, 166, 96, 0.06), rgba(47, 128, 237, 0.06)),
        #f8fafc;
}

.bb-demo-image img {
    max-width: 92%;
    max-height: 9.2rem;
    object-fit: contain;
}

.bb-demo-image span {
    color: #667085;
    font-weight: 850;
}

.bb-demo-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem;
}

.bb-demo-meta span,
.bb-demo-credit-badge {
    display: grid;
    gap: 0.1rem;
    min-height: 3rem;
    align-content: center;
    border-radius: 0.4rem;
    background: #f2f6f9;
    color: #667085;
    font-size: 0.68rem;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}

.bb-demo-meta strong {
    color: #101828;
    font-size: 0.84rem;
}

.bb-demo-credit-row {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.5rem;
    align-items: center;
}

.bb-demo-credit-badge {
    min-width: 7rem;
    border: 1px solid rgba(5, 166, 96, 0.2);
    background: rgba(5, 166, 96, 0.08);
}

.bb-demo-credit-badge strong {
    color: #047857;
    font-size: 0.92rem;
}

.bb-demo-credit-badge small {
    color: #667085;
    font-weight: 850;
}

.bb-demo-bid-button {
    display: inline-flex;
    min-height: 2.55rem;
    align-items: center;
    justify-content: center;
    border-radius: 0.35rem;
    background: var(--bb-primary, #05a660);
    color: #ffffff;
    font-weight: 900;
    text-decoration: none;
}

.bb-how-card-anatomy,
.bb-how-band,
.bb-how-payment-panel {
    display: grid;
    gap: 1rem;
}

.bb-anatomy-layout {
    display: grid;
    grid-template-columns: minmax(17rem, 0.8fr) minmax(0, 1.2fr);
    gap: 1rem;
    align-items: stretch;
}

.bb-anatomy-visual {
    display: grid;
    gap: 0.8rem;
    align-content: center;
    justify-items: center;
    padding: 1.15rem;
    border: 1px solid rgba(47, 128, 237, 0.18);
    border-radius: 0.65rem;
    background:
        radial-gradient(circle at 50% 34%, rgba(47, 128, 237, 0.16), transparent 35%),
        linear-gradient(135deg, #ffffff, rgba(5, 166, 96, 0.07));
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.08);
}

.bb-anatomy-visual img {
    max-width: 100%;
    max-height: 15rem;
    object-fit: contain;
}

.bb-anatomy-visual div {
    display: grid;
    gap: 0.25rem;
    text-align: center;
}

.bb-anatomy-visual strong {
    color: #1d2939;
    font-size: 1.05rem;
}

.bb-anatomy-visual span {
    color: #ff5a1f;
    font-weight: 900;
}

.bb-anatomy-list {
    display: grid;
    gap: 0.75rem;
}

.bb-anatomy-list article {
    display: grid;
    grid-template-columns: 5.8rem minmax(0, 1fr);
    gap: 0.75rem;
    align-items: start;
    padding: 0.9rem;
    border: 1px solid rgba(5, 166, 96, 0.18);
    border-radius: 0.55rem;
    background: #ffffff;
}

.bb-guide-real-icon.bb-live-card-grid {
    display: inline-flex !important;
    width: auto !important;
    grid-template-columns: none !important;
    gap: 0 !important;
    justify-content: flex-start !important;
}

.bb-guide-real-icon.bb-live-card-grid .bb-live-meta-icon,
.bb-guide-real-icon.bb-live-card-grid .bb-live-icon-button {
    position: relative !important;
    inset: auto !important;
    width: 2.25rem !important;
    height: 2.25rem !important;
}

.bb-anatomy-card-preview {
    display: grid;
    place-items: center;
    padding: 1rem;
    border: 1px solid rgba(47, 128, 237, 0.18);
    border-radius: 0.65rem;
    background:
        linear-gradient(135deg, rgba(5, 166, 96, 0.04), rgba(47, 128, 237, 0.06)),
        #ffffff;
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.08);
}

.bb-guide-credit-icon {
    position: relative;
    display: inline-block;
    width: 2.25rem;
    height: 2.25rem;
    border: 1px solid #b98a2b;
    border-radius: 999px;
    background: linear-gradient(180deg, #ffe9a8 0%, #e9b33b 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 1px 2px rgba(111, 91, 49, 0.16);
}

.bb-guide-credit-icon::before {
    content: "";
    position: absolute;
    inset: 0.55rem;
    background: #ffffff;
    clip-path: polygon(50% 0%, 61% 34%, 97% 34%, 68% 54%, 79% 90%, 50% 68%, 21% 90%, 32% 54%, 3% 34%, 39% 34%);
}

.bb-anatomy-list h3,
.bb-anatomy-list p {
    margin: 0;
}

.bb-anatomy-list h3 {
    color: #1d2939;
    font-size: 1rem;
}

.bb-anatomy-list p {
    color: #667085;
    line-height: 1.55;
}

.bb-demo-status-pill {
    display: inline-flex;
    min-width: 4.2rem;
    min-height: 1.9rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    background: #101828;
    color: #ffffff;
    font-size: 0.76rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bb-how-band {
    padding: 1.1rem;
    border-radius: 0.65rem;
    background:
        linear-gradient(135deg, rgba(5, 166, 96, 0.08), rgba(47, 128, 237, 0.06)),
        #ffffff;
}

.bb-how-timeline {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.bb-how-timeline article {
    display: grid;
    gap: 0.65rem;
    align-content: start;
    padding: 1rem;
    border: 1px solid var(--bb-timeline-border);
    border-radius: 0.55rem;
    background: #ffffff;
}

.bb-how-timeline article.is-green {
    --bb-timeline-color: #05a660;
    --bb-timeline-border: rgba(5, 166, 96, 0.25);
}

.bb-how-timeline article.is-blue {
    --bb-timeline-color: #2f80ed;
    --bb-timeline-border: rgba(47, 128, 237, 0.25);
}

.bb-how-timeline article.is-orange {
    --bb-timeline-color: #f97316;
    --bb-timeline-border: rgba(249, 115, 22, 0.25);
}

.bb-how-timeline article.is-purple {
    --bb-timeline-color: #7c3aed;
    --bb-timeline-border: rgba(124, 58, 237, 0.25);
}

.bb-how-timeline article > span {
    display: grid;
    width: 2.2rem;
    height: 2.2rem;
    place-items: center;
    border-radius: 0.45rem;
    background: var(--bb-timeline-color);
    color: #ffffff;
    font-weight: 900;
}

.bb-how-timeline h3,
.bb-how-timeline p {
    margin: 0;
}

.bb-how-timeline h3 {
    color: #1d2939;
    font-size: 1rem;
}

.bb-how-timeline p {
    color: #667085;
    line-height: 1.5;
}

.bb-how-payment-panel {
    grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
    align-items: start;
    padding: 1.1rem;
    border: 1px solid rgba(5, 166, 96, 0.18);
    border-left: 0.28rem solid var(--bb-primary, #05a660);
    border-radius: 0.65rem;
    background: #ffffff;
    box-shadow: 0 18px 42px rgba(16, 24, 40, 0.08);
}

.bb-how-payment-panel h2 {
    color: #101828;
    font-size: 1.45rem;
}

.bb-how-payment-panel p {
    color: #667085;
    line-height: 1.55;
}

.bb-how-payment-panel dl {
    display: grid;
    gap: 0.65rem;
    margin: 0;
}

.bb-how-payment-panel div {
    min-width: 0;
}

.bb-how-payment-panel dl div {
    padding: 0.75rem;
    border: 1px solid #e4e7ec;
    border-radius: 0.45rem;
    background: #f8fafc;
}

.bb-how-payment-panel dt,
.bb-how-payment-panel dd {
    margin: 0;
}

.bb-how-payment-panel dt {
    color: #1d2939;
    font-weight: 900;
}

.bb-how-payment-panel dd {
    color: #667085;
}

.bb-how-highlight.is-fixed-cta {
    grid-template-columns: minmax(12rem, 0.85fr) minmax(0, 1.15fr) max-content;
    align-items: center;
    gap: 1rem;
}

.bb-how-highlight.is-fixed-cta a {
    min-width: 10rem;
    min-height: 2.6rem;
    padding: 0 1.15rem;
    white-space: nowrap;
}

.bb-auction-page-tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.65rem;
    margin: 0.25rem 0 0.1rem;
}

.bb-auction-page-tabs a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.55rem;
    min-width: 10.5rem;
    padding: 0.7rem 1rem;
    border: 1px solid rgba(5, 166, 96, 0.2);
    border-radius: 0.45rem;
    background: #ffffff;
    color: #344054;
    font-weight: 850;
    text-align: center;
    text-decoration: none;
    box-shadow: 0 10px 24px rgba(16, 24, 40, 0.05);
}

.bb-auction-page-tabs a strong {
    display: inline-grid;
    min-width: 1.7rem;
    height: 1.7rem;
    place-items: center;
    padding: 0 0.42rem;
    border-radius: 999px;
    background: rgba(5, 166, 96, 0.1);
    color: var(--bb-primary, #05a660);
    font-size: 0.82rem;
    font-weight: 900;
    line-height: 1;
}

.bb-auction-page-tabs a:hover,
.bb-auction-page-tabs a:focus {
    border-color: var(--bb-primary, #05a660);
    color: var(--bb-primary, #05a660);
}

.bb-auction-page-tabs a.is-active {
    border-color: var(--bb-primary, #05a660);
    background: var(--bb-primary, #05a660);
    color: #ffffff;
}

.bb-auction-page-tabs a.is-active strong {
    background: #ffffff;
    color: var(--bb-primary, #05a660);
}

.bb-account-shell {
    width: min(1280px, calc(100% - 2rem));
    margin: 0 auto;
    padding: 1.25rem 0 5rem;
    display: grid;
    grid-template-columns: 19.25rem minmax(0, 1fr);
    gap: 1.15rem 1.4rem;
    align-items: start;
}

.bb-account-main {
    display: grid;
    gap: 1.15rem;
    min-width: 0;
}

.bb-account-heading {
    display: grid;
    align-self: start;
    gap: 0.18rem;
    padding: 0.85rem 1rem;
    border: 1px solid rgba(5, 166, 96, 0.16);
    border-left: 0.28rem solid var(--bb-primary, #05a660);
    border-radius: 0.55rem;
    background:
        linear-gradient(135deg, rgba(5, 166, 96, 0.09), rgba(47, 128, 237, 0.06)),
        #ffffff;
}

.bb-account-heading h1 {
    margin: 0;
    color: #101828;
    font-size: 1.55rem;
    line-height: 1.1;
}

.bb-account-heading p {
    max-width: 42rem;
    margin: 0;
    color: #667085;
    font-size: 0.92rem;
    line-height: 1.35;
}

.bb-account-heading p strong {
    color: #ff632f;
    font-weight: 850;
}

.bb-account-heading .bb-eyebrow {
    font-size: 0.76rem;
    line-height: 1.2;
}

.bb-account-nav {
    position: sticky;
    top: 5.75rem;
    z-index: 10;
    display: grid;
    gap: 0.58rem;
    align-self: start;
    padding: 1.25rem;
    border: 1px solid rgba(5, 166, 96, 0.34);
    border-radius: 0.55rem;
    background:
        radial-gradient(circle at 20% 0%, rgba(5, 166, 96, 0.36), transparent 10rem),
        radial-gradient(circle at 100% 12%, rgba(47, 128, 237, 0.28), transparent 12rem),
        linear-gradient(180deg, #12263c 0%, #0f1f33 58%, #0b1626 100%);
    box-shadow: 0 22px 46px rgba(16, 24, 40, 0.2);
}

.bb-account-nav a {
    display: flex;
    min-height: 2.85rem;
    align-items: center;
    justify-content: flex-start;
    padding: 0.72rem 1rem;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 0.35rem;
    background: rgba(255, 255, 255, 0.09);
    color: #e5edf6;
    font-size: 0.96rem;
    font-weight: 800;
    text-decoration: none;
    transition: background-color 0.15s ease, border-color 0.15s ease, transform 0.15s ease;
}

.bb-account-nav-title {
    display: block;
    padding: 0.15rem 0.15rem 0.5rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.14);
    color: #a7f3d0;
    font-size: 0.78rem;
    font-weight: 900;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.bb-account-nav a.is-active,
.bb-account-nav a:hover {
    border-color: rgba(255, 255, 255, 0.32);
    background: linear-gradient(90deg, var(--bb-primary, #05a660), #14b8a6);
    color: #ffffff;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.18);
}

.bb-account-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.85rem;
    align-self: start;
}

.bb-account-summary-four {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.bb-account-summary div,
.bb-account-card {
    border: 1px solid #d8e4f0;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 250, 252, 0.98)),
        #ffffff;
    border-radius: 0.55rem;
}

.bb-account-summary div {
    display: grid;
    position: relative;
    overflow: hidden;
    gap: 0.15rem;
    min-height: 5rem;
    align-content: center;
    padding: 0.85rem 1rem 0.85rem 1.1rem;
    border-color: rgba(5, 166, 96, 0.16);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(248, 253, 251, 0.96)),
        #ffffff;
    box-shadow: 0 14px 30px rgba(16, 24, 40, 0.06);
}

.bb-account-summary span {
    color: #667085;
    font-size: 0.78rem;
    font-weight: 800;
    text-transform: uppercase;
}

.bb-account-summary strong {
    color: var(--bb-primary, #05a660);
    font-size: 1.45rem;
    line-height: 1;
}

.bb-account-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.bb-account-card {
    position: relative;
    padding: 1.05rem;
    border-top: 0.22rem solid rgba(5, 166, 96, 0.35);
    box-shadow: 0 14px 30px rgba(16, 24, 40, 0.055);
}

.bb-account-stats-summary {
    grid-column: auto;
}

.bb-account-stats-summary div {
    min-height: 4.8rem;
    background:
        linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(239, 248, 255, 0.85)),
        #ffffff;
}

.bb-account-summary div::before,
.bb-account-card-tone::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 0.28rem;
    background: var(--account-tone, var(--bb-primary, #05a660));
}

.bb-account-summary div:nth-child(1) {
    --account-tone: #05a660;
}

.bb-account-summary div:nth-child(2) {
    --account-tone: #2f80ed;
}

.bb-account-summary div:nth-child(3) {
    --account-tone: #f97316;
}

.bb-account-summary div:nth-child(4) {
    --account-tone: #7c3aed;
}

.bb-account-card-tone {
    position: relative;
    overflow: hidden;
    padding-left: 1.15rem;
    border-top-color: rgba(5, 166, 96, 0.18);
}

.bb-account-card-tone.is-green {
    --account-tone: #05a660;
}

.bb-account-card-tone.is-blue {
    --account-tone: #2f80ed;
}

.bb-account-card-tone.is-orange {
    --account-tone: #f97316;
}

.bb-account-card-tone.is-purple {
    --account-tone: #7c3aed;
}

.bb-account-card-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 0.85rem;
    padding-bottom: 0.7rem;
    border-bottom: 1px solid #e4e7ec;
}

.bb-account-card-heading h2,
.bb-account-empty-card h2 {
    margin: 0;
    color: #344054;
    font-size: 1.15rem;
}

.bb-account-card-heading a,
.bb-account-empty-card a,
.bb-account-autobid-row a {
    color: var(--bb-primary, #05a660);
    font-size: 0.88rem;
    font-weight: 850;
    text-decoration: none;
}

.bb-account-list {
    display: grid;
    gap: 0.55rem;
    margin: 0;
}

.bb-account-list div,
.bb-account-autobid-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.65rem 0.7rem;
    border: 1px solid rgba(216, 228, 240, 0.72);
    border-radius: 0.45rem;
    background:
        linear-gradient(135deg, rgba(5, 166, 96, 0.045), rgba(47, 128, 237, 0.04)),
        #f8fafc;
}

.bb-account-list dt,
.bb-account-list dd {
    margin: 0;
}

.bb-account-list dt {
    color: #667085;
    font-weight: 750;
}

.bb-account-list dd {
    color: #344054;
    font-weight: 900;
}

.bb-account-rule,
.bb-account-autobid-row div {
    display: grid;
    gap: 0.2rem;
}

.bb-account-rule {
    padding: 0.75rem;
    border: 1px solid rgba(237, 242, 247, 0.95);
    border-radius: 0.45rem;
    background: #fbfdff;
    color: #344054;
    text-decoration: none;
}

.bb-account-rule:last-child {
    border-bottom: 1px solid rgba(237, 242, 247, 0.95);
}

.bb-account-rule strong,
.bb-account-autobid-row strong {
    font-size: 0.92rem;
}

.bb-account-rule span,
.bb-account-autobid-row span,
.bb-account-empty {
    color: #667085;
    font-size: 0.88rem;
    line-height: 1.4;
}

.bb-account-empty {
    margin: 0;
}

.bb-account-empty-card {
    display: grid;
    gap: 0.75rem;
    justify-items: start;
    min-height: 7.5rem;
    align-content: center;
    padding: 1.25rem;
    background:
        linear-gradient(135deg, rgba(5, 166, 96, 0.05), rgba(47, 128, 237, 0.04)),
        #ffffff;
}

.bb-account-empty-card p {
    max-width: 34rem;
    margin: 0;
    color: #667085;
    line-height: 1.5;
}

.bb-account-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 4.5rem;
    padding: 0.28rem 0.5rem;
    border-radius: 999px;
    background: rgba(5, 166, 96, 0.1);
    color: #047857 !important;
    font-size: 0.78rem !important;
    font-weight: 850;
}

.bb-account-pill.is-paused {
    background: #f2f4f7;
    color: #667085 !important;
}

.bb-account-table-wrap {
    overflow-x: auto;
}

.bb-account-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.9rem;
}

.bb-account-table th {
    color: #0f766e;
    text-align: left;
}

.bb-account-table th,
.bb-account-table td {
    padding: 0.65rem 0.6rem;
    border-bottom: 1px solid #e4e7ec;
}

.bb-account-table td {
    color: #475467;
}

.bb-account-table td strong,
.bb-account-table td span {
    display: block;
}

.bb-account-table td span {
    margin-top: 0.15rem;
    color: #667085;
    font-size: 0.82rem;
}

.bb-account-table-link {
    color: #344054;
    text-decoration: none;
}

.bb-account-table-link:hover {
    color: var(--bb-primary, #05a660);
}

.bb-account-filter-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: end;
    gap: 0.7rem;
    margin: 0 0 0.85rem;
    padding: 0.75rem;
    border: 1px solid #e4e7ec;
    background: #f8fafc;
}

.bb-account-filter-bar label {
    display: grid;
    gap: 0.25rem;
    color: #667085;
    font-size: 0.78rem;
    font-weight: 750;
    text-transform: uppercase;
}

.bb-account-filter-bar select {
    min-height: 2.35rem;
    min-width: 9rem;
    border: 1px solid #d8e4f0;
    border-radius: 0.28rem;
    background: #ffffff;
    color: #344054;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    text-transform: none;
    cursor: pointer;
}

.bb-account-filter-bar button,
.bb-account-filter-bar a {
    display: inline-flex;
    min-height: 2.35rem;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.8rem;
    border: 0;
    border-radius: 0.28rem;
    background: var(--bb-primary, #05a660);
    color: #ffffff;
    font: inherit;
    font-size: 0.86rem;
    font-weight: 850;
    text-decoration: none;
    cursor: pointer;
}

.bb-account-filter-bar a {
    background: #667085;
}

.bb-account-bids-table .bb-account-table-link {
    color: #344054;
    font-weight: 500;
    line-height: 1.25;
}

.bb-account-bids-table .bb-account-bid-price {
    color: var(--bb-primary, #05a660);
    font-weight: 500;
}

.bb-account-bids-table .bb-account-bid-time {
    color: #344054;
    font-weight: 500;
}

.bb-account-bids-table td {
    font-weight: 400;
}

.bb-account-pagination {
    margin-top: 0.85rem;
}

.bb-account-table-actions,
.bb-won-payment-actions {
    display: flex;
    align-items: center;
    gap: 0.45rem;
}

.bb-account-table-actions {
    min-width: 8.5rem;
}

.bb-account-action-link {
    display: inline-flex;
    min-height: 2rem;
    align-items: center;
    justify-content: center;
    padding: 0.38rem 0.65rem;
    border-radius: 0.35rem;
    background: #344054;
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 850;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer;
}

.bb-account-action-link.is-primary {
    background: var(--bb-primary, #05a660);
}

.bb-account-action-link.is-text {
    min-height: auto;
    padding: 0.2rem 0;
    background: transparent;
    color: #344054;
    font-weight: 720;
}

.bb-account-action-link:hover,
.bb-account-action-link:focus {
    transform: translateY(-1px);
    box-shadow: 0 8px 16px rgba(16, 24, 40, 0.12);
}

.bb-account-status.is-payment-due {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #c2410c;
}

.bb-won-auction-row td {
    padding-block: 0.78rem;
    vertical-align: middle;
}

.bb-won-auction-title {
    max-width: 24rem;
    color: #1d2939;
    font-size: 0.88rem;
    font-weight: 560;
    line-height: 1.32;
}

.bb-won-auction-title .bb-account-table-link {
    color: #2f3b52;
}

.bb-won-type-pill {
    display: inline-flex !important;
    width: fit-content;
    min-height: 1.45rem;
    align-items: center;
    padding: 0.18rem 0.48rem;
    border-radius: 999px;
    background: #eef4ff;
    color: #175cd3 !important;
    font-size: 0.76rem !important;
    font-weight: 750;
}

.bb-won-total {
    color: var(--bb-primary, #05a660);
    font-size: 0.96rem;
    font-weight: 720;
}

.bb-won-paid-note {
    width: fit-content;
    margin-top: 0.28rem !important;
    color: #047857 !important;
    font-size: 0.76rem !important;
    font-weight: 720;
}

.bb-won-date-cell > span:first-child {
    color: #344054;
    font-weight: 700;
}

.bb-won-date-cell .bb-account-status {
    display: inline-flex;
    width: fit-content;
    min-width: 0;
    margin-top: 0.38rem;
    padding: 0.22rem 0.5rem;
    font-size: 0.72rem !important;
    font-weight: 750;
}

.bb-won-actions-cell .bb-account-status {
    display: inline-flex;
    min-width: 0;
    min-height: auto;
    padding: 0;
    border: 0;
    background: transparent;
    color: #c2410c !important;
    font-size: 0.74rem !important;
    font-weight: 720;
}

.bb-won-actions-cell {
    width: 9.5rem;
}

.bb-won-table-actions {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
    margin-top: 0;
}

.bb-won-table-actions .bb-account-action-link {
    min-height: 2.05rem;
    padding: 0.42rem 0.68rem;
    border-radius: 0.32rem;
    font-size: 0.76rem;
    font-weight: 760;
    line-height: 1;
}

.bb-won-table-actions .bb-account-action-link.is-text:hover,
.bb-won-table-actions .bb-account-action-link.is-text:focus {
    transform: none;
    box-shadow: none;
    color: var(--bb-primary, #05a660);
}

.bb-won-payment-card {
    display: grid;
    gap: 1rem;
}

.bb-won-payment-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.85rem;
}

.bb-won-payment-actions {
    justify-content: flex-end;
    padding-top: 0.2rem;
}

.bb-won-payment-actions .bb-account-action-link,
.bb-won-payment-actions .bb-account-button {
    min-height: 2.55rem;
    padding-inline: 1rem;
    border-radius: 0.35rem;
    font-size: 0.82rem;
    line-height: 1;
}

.bb-won-payment-actions form {
    display: grid;
    gap: 0.55rem;
    justify-items: end;
    margin: 0;
}

.bb-won-payment-method {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.8fr);
    gap: 0.9rem;
    align-items: stretch;
    padding: 1rem;
    border: 1px solid #b7ebd6;
    border-left: 4px solid var(--bb-primary, #05a660);
    border-radius: 6px;
    background: linear-gradient(135deg, rgba(236, 253, 243, 0.72), rgba(239, 248, 255, 0.58));
}

.bb-won-payment-method h3,
.bb-won-payment-method p {
    margin: 0;
}

.bb-won-payment-method h3 {
    margin-top: 0.18rem;
    color: #101828;
    font-size: 1rem;
}

.bb-won-payment-method p,
.bb-won-payment-instructions p {
    color: #667085;
    font-size: 0.9rem;
    line-height: 1.45;
}

.bb-won-payment-instructions {
    display: grid;
    gap: 0.35rem;
    padding: 0.8rem;
    border: 1px solid #d0d5dd;
    border-radius: 6px;
    background: #fff;
}

.bb-won-payment-instructions strong {
    color: #344054;
    font-size: 0.78rem;
    text-transform: uppercase;
}

.bb-wallet-win-table td:first-child {
    min-width: 16rem;
}

.bb-wallet-win-table td:last-child {
    color: #667085;
    font-size: 0.82rem;
}

.bb-account-muted-panel,
.bb-account-warning-card,
.bb-account-feature-card {
    color: #475467;
    line-height: 1.5;
}

.bb-account-muted-panel p,
.bb-account-warning-card p,
.bb-account-feature-card p {
    margin: 0;
}

.bb-account-feature-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(16rem, 0.8fr);
    align-items: center;
    gap: 1rem;
    min-height: 8rem;
    background:
        linear-gradient(135deg, rgba(5, 166, 96, 0.05), rgba(249, 115, 22, 0.04)),
        #ffffff;
}

.bb-referral-card {
    grid-template-columns: minmax(0, 0.85fr) minmax(20rem, 1.15fr);
    gap: 1.5rem;
}

.bb-referral-copy {
    max-width: 32rem;
}

.bb-account-feature-card h2 {
    margin: 0.2rem 0 0.4rem;
    color: #344054;
    font-size: 1.35rem;
}

.bb-account-feature-kicker {
    color: var(--bb-primary, #05a660);
    font-size: 0.8rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bb-account-copy-box {
    padding: 0.9rem 1rem;
    border: 1px dashed #b8c7d8;
    background: #f8fafc;
    color: #667085;
    font-weight: 800;
    text-align: center;
    overflow-wrap: anywhere;
}

.bb-account-copy-note {
    margin: 0.55rem 0 0;
    color: #667085;
    font-size: 0.9rem;
}

.bb-referral-link-panel {
    display: grid;
    gap: 0.45rem;
    padding: 0.9rem;
    border: 1px solid #d8e4f0;
    border-radius: 0.5rem;
    background: #ffffff;
}

.bb-referral-link-panel label {
    color: #667085;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bb-referral-link-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.55rem;
}

.bb-referral-link-row input {
    width: 100%;
    min-height: 2.7rem;
    border: 1px solid #d8e4f0;
    border-radius: 0.35rem;
    padding: 0.6rem 0.7rem;
    background: #f8fafc;
    color: #344054;
    font-weight: 800;
}

.bb-account-metric-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.8rem;
}

.bb-account-stat-card {
    padding: 0.9rem 1rem;
    border: 1px solid #cae7dc;
    border-left: 0.25rem solid var(--bb-primary, #05a660);
    border-radius: 0.45rem;
    background: #ffffff;
    box-shadow: 0 1rem 2.2rem rgba(16, 24, 40, 0.06);
}

.bb-account-stat-card span {
    display: block;
    color: #667085;
    font-size: 0.78rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bb-account-stat-card strong {
    display: block;
    margin-top: 0.2rem;
    color: var(--bb-primary, #05a660);
    font-size: 1.4rem;
    line-height: 1;
}

.bb-account-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.8rem;
    margin-bottom: 0.9rem;
}

.bb-account-edit-form {
    display: grid;
    gap: 0.9rem;
}

.bb-account-form-grid.is-two-column {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: start;
    margin-bottom: 0;
}

.bb-account-form-grid label {
    display: grid;
    gap: 0.35rem;
    color: #344054;
    font-weight: 800;
}

.bb-account-form-grid input,
.bb-account-form-grid select,
.bb-account-form-grid textarea {
    width: 100%;
    min-height: 2.7rem;
    border: 1px solid #d8e4f0;
    border-radius: 0.35rem;
    padding: 0.6rem 0.7rem;
    background: #ffffff;
    color: #344054;
}

.bb-account-form-grid textarea {
    resize: vertical;
}

.bb-account-form-grid select {
    cursor: pointer;
}

.bb-account-form-grid select:disabled {
    background: #f2f6fa;
    color: #667085;
    cursor: not-allowed;
}

.bb-account-form-grid input[readonly],
.bb-account-form-grid input.bb-readonly-input {
    border-color: #cbd5e1;
    background: #f1f5f9;
    color: #667085;
    box-shadow: inset 0 1px 2px rgba(16, 24, 40, 0.04);
    cursor: default;
}

.bb-account-form-grid input:focus,
.bb-account-form-grid select:focus {
    border-color: var(--bb-primary, #05a660);
    box-shadow: 0 0 0 3px rgba(5, 166, 96, 0.12);
    outline: 0;
}

.bb-account-form-grid input[readonly]:focus,
.bb-account-form-grid input.bb-readonly-input:focus {
    border-color: #cbd5e1;
    box-shadow: inset 0 1px 2px rgba(16, 24, 40, 0.04);
}

.bb-account-form-grid.is-password-grid label.is-full {
    grid-column: 1 / -1;
}

.bb-account-form-grid label.is-full {
    grid-column: 1 / -1;
}

.bb-account-password-card .bb-account-card-heading {
    justify-content: center;
    margin-bottom: 1.35rem;
    padding-bottom: 0.65rem;
    text-align: center;
}

.bb-account-password-card .bb-account-card-heading h2 {
    width: 100%;
}

.bb-account-section-copy {
    margin: -0.35rem 0 1rem;
    color: #667085;
    line-height: 1.5;
}

.bb-account-section-copy.is-centered {
    text-align: center;
}

.bb-account-form-grid small {
    color: #b42318;
    font-size: 0.78rem;
    font-weight: 750;
}

.bb-account-status {
    margin: 0 0 0.85rem;
    padding: 0.7rem 0.85rem;
    border: 1px solid rgba(5, 166, 96, 0.22);
    border-radius: 0.45rem;
    background: rgba(5, 166, 96, 0.08);
    color: #047857;
    font-size: 0.9rem;
    font-weight: 800;
}

.bb-account-button {
    min-height: 2.7rem;
    border: 0;
    border-radius: 0.35rem;
    padding: 0.65rem 1rem;
    background: var(--bb-primary, #05a660);
    color: #ffffff;
    font-weight: 900;
    cursor: pointer;
}

.bb-account-button.is-danger {
    background: #c75146;
}

.bb-account-checklist {
    display: grid;
    gap: 0.5rem;
    margin: 1rem 0;
    color: #475467;
}

.bb-account-checklist li {
    padding-left: 1.1rem;
    position: relative;
}

.bb-account-checklist li::before {
    content: "";
    position: absolute;
    top: 0.58rem;
    left: 0;
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 999px;
    background: #c75146;
}

.bb-account-cancel-status {
    display: grid;
    gap: 0.35rem;
    padding: 0.9rem 1rem;
    border: 1px solid #f2c7c2;
    border-left: 0.25rem solid #c75146;
    border-radius: 0.45rem;
    background: #fff8f7;
}

.bb-account-cancel-status span {
    color: #b42318;
    font-size: 0.8rem;
    font-weight: 900;
    text-transform: uppercase;
}

.bb-account-cancel-status strong {
    color: #344054;
}

.bb-account-button:disabled {
    opacity: 0.68;
}

.bb-account-favourite-grid {
    display: grid;
    gap: 0.95rem;
}

.bb-account-favourite-card {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 1rem;
    padding: 1rem;
    border: 1px solid #d8e4f0;
    border-top: 0.22rem solid rgba(5, 166, 96, 0.35);
    border-radius: 0.55rem;
    background:
        linear-gradient(135deg, rgba(5, 166, 96, 0.045), rgba(47, 128, 237, 0.04)),
        #ffffff;
    box-shadow: 0 14px 30px rgba(16, 24, 40, 0.055);
}

.bb-account-favourite-media {
    display: grid;
    min-height: 6.7rem;
    overflow: hidden;
    place-items: center;
    border: 1px solid #d8e4f0;
    border-radius: 0.45rem;
    background: #f8fbff;
    color: var(--bb-primary, #05a660);
    font-size: 1.1rem;
    font-weight: 900;
    text-decoration: none;
}

.bb-account-favourite-media img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 0.45rem;
}

.bb-account-favourite-body {
    display: grid;
    align-content: start;
    gap: 0.5rem;
    min-width: 0;
}

.bb-account-favourite-title-row {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
}

.bb-account-favourite-card h2 {
    margin: 0;
    color: #101828;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.25;
}

.bb-account-favourite-kicker,
.bb-account-favourite-saved,
.bb-account-favourite-meta dt {
    color: #667085;
    font-size: 0.78rem;
}

.bb-account-favourite-kicker,
.bb-account-favourite-meta dt {
    font-weight: 700;
    text-transform: uppercase;
}

.bb-account-favourite-meta {
    display: grid;
    grid-template-columns: minmax(4.2rem, 0.7fr) minmax(5.8rem, 0.9fr) minmax(3.5rem, 0.45fr) minmax(8.5rem, 1.25fr) minmax(8.5rem, 1.25fr);
    column-gap: 0.9rem;
    margin: 0;
    padding-top: 0.45rem;
    border-top: 1px solid rgba(216, 228, 240, 0.9);
}

.bb-account-favourite-meta-tile {
    min-width: 0;
    padding: 0;
    border: 0;
    color: #182b49;
    line-height: 1.25;
}

.bb-account-favourite-status-tile.is-live {
    color: #027a48;
}

.bb-account-favourite-status-tile.is-upcoming {
    color: #c2410c;
}

.bb-account-favourite-status-tile.is-ended {
    color: #475467;
}

.bb-account-favourite-meta dt,
.bb-account-favourite-meta dd {
    margin: 0;
}

.bb-account-favourite-meta dt {
    margin-bottom: 0.08rem;
    font-size: 0.72rem;
}

.bb-account-favourite-meta dd {
    color: #182b49;
    font-size: 0.86rem;
    font-weight: 600;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.bb-account-favourite-saved {
    margin: 0;
}

.bb-account-favourite-actions {
    display: grid;
    align-content: center;
    gap: 0.6rem;
    min-width: 7.5rem;
}

.bb-account-favourite-actions form {
    margin: 0;
}

.bb-account-favourite-actions a,
.bb-account-favourite-actions button {
    display: inline-flex;
    width: 100%;
    min-height: 2.35rem;
    align-items: center;
    justify-content: center;
    padding: 0.55rem 0.8rem;
    border: 0;
    border-radius: 0.35rem;
    background: var(--bb-primary, #05a660);
    color: #ffffff;
    font: inherit;
    font-size: 0.84rem;
    font-weight: 700;
    text-decoration: none;
}

.bb-account-favourite-actions button {
    background: #344054;
    cursor: pointer;
}

.bb-account-favourite-actions a:hover,
.bb-account-favourite-actions a:focus,
.bb-account-favourite-actions button:hover,
.bb-account-favourite-actions button:focus {
    transform: translateY(-1px);
    box-shadow: 0 10px 18px rgba(16, 24, 40, 0.12);
}

.bb-bid-package-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.85rem;
}

.bb-bid-package-card {
    display: grid;
    align-content: start;
    border: 1px solid #d8e4f0;
    border-top: 0.22rem solid rgba(5, 166, 96, 0.35);
    border-radius: 0.55rem;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(248, 253, 251, 0.98)),
        #ffffff;
    box-shadow: 0 14px 30px rgba(16, 24, 40, 0.055);
}

.bb-bid-package-image {
    display: grid;
    min-height: 9rem;
    place-items: center;
    padding: 0.75rem;
    border-bottom: 1px solid #e4e7ec;
}

.bb-bid-package-image img {
    width: 100%;
    max-height: 7.4rem;
    object-fit: contain;
}

.bb-bid-package-image span {
    color: var(--bb-primary, #05a660);
    font-size: 2rem;
    font-weight: 900;
}

.bb-bid-package-body {
    display: grid;
    gap: 0.35rem;
    padding: 0.75rem;
    text-align: center;
}

.bb-bid-package-body h2 {
    min-height: 2.2rem;
    margin: 0;
    color: #344054;
    font-size: 0.98rem;
    line-height: 1.15;
}

.bb-bid-package-body p {
    margin: 0;
    color: #667085;
    font-size: 0.88rem;
    font-weight: 750;
}

.bb-bid-package-body strong {
    color: var(--bb-primary, #05a660);
    font-size: 1.25rem;
}

.bb-bid-package-body button {
    min-height: 2.45rem;
    border: 0;
    border-radius: 0.25rem;
    background: var(--bb-primary, #05a660);
    color: #ffffff;
    font: inherit;
    font-weight: 850;
    text-transform: uppercase;
    cursor: pointer;
    transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.bb-bid-package-body button:hover,
.bb-bid-package-body button:focus-visible {
    background: #047857;
    box-shadow: 0 9px 18px rgba(5, 166, 96, 0.22);
    outline: 0;
    transform: translateY(-1px);
}

.bb-bid-package-body button:active {
    box-shadow: 0 4px 10px rgba(5, 166, 96, 0.18);
    transform: translateY(0);
}

.bb-bid-package-body button:disabled {
    opacity: 0.72;
    cursor: wait;
    transform: none;
}

.bb-hero,
.bb-auction-band,
.bb-info-strip,
.bb-auction-detail,
.bb-home-section-title {
    margin-inline: auto;
}

.bb-hero {
    width: 100%;
    padding: 2rem 0 0.75rem;
    background: transparent;
}

.bb-hero.is-full {
    width: 100%;
    padding-top: 0;
}

.bb-hero-panel-main {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    width: min(1280px, calc(100% - 2rem));
    min-height: 34rem;
    margin-inline: auto;
    padding: 4rem;
    background:
        linear-gradient(135deg, #172033, #07111f);
    color: #ffffff;
    box-shadow: 0 18px 44px rgba(16, 24, 40, 0.10);
}

.bb-hero.is-contained .bb-hero-panel-main {
    width: min(1180px, calc(100% - 2rem));
}

.bb-hero.is-wide .bb-hero-panel-main {
    width: min(1500px, calc(100% - 2rem));
}

.bb-hero.is-full .bb-hero-panel-main {
    width: 100%;
}

.bb-hero.is-full .bb-hero-panel-main {
    min-height: 42rem;
    padding-inline: max(4rem, calc((100vw - 1180px) / 2));
}

.bb-hero.is-full .bb-hero-panel-main.is-image-only {
    min-height: auto;
    padding: 0;
}

.bb-hero-panel-main.is-text-center {
    justify-content: center;
    text-align: center;
}

.bb-hero-image {
    position: absolute;
    inset: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #ffffff;
}

.bb-hero-panel-main.is-fit-contain .bb-hero-image {
    object-fit: contain;
}

.bb-hero-panel-main.is-fit-cover .bb-hero-image {
    object-fit: cover;
}

.bb-hero-panel-main.has-copy::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(110deg, rgba(16, 24, 40, var(--bb-hero-overlay, 0.45)), rgba(16, 24, 40, calc(var(--bb-hero-overlay, 0.45) * 0.65)));
}

.bb-hero-panel-main.is-image-only {
    min-height: auto;
    padding: 0;
    background: transparent;
    box-shadow: 0 18px 44px rgba(16, 24, 40, 0.10);
}

.bb-hero-panel-main.is-image-only .bb-hero-image {
    position: static;
    display: block;
    width: 100%;
    height: auto;
    object-fit: initial;
    object-position: center;
}

.bb-hero-panel-main.is-carousel {
    min-height: auto;
    aspect-ratio: 8 / 3;
}

.bb-hero-panel-main.is-carousel .bb-hero-image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-position: center;
    opacity: 0;
    transition: opacity 0.65s ease;
}

.bb-hero-panel-main.is-carousel .bb-hero-image.is-active {
    opacity: 1;
}

.bb-hero-panel-main.is-carousel.is-fit-contain .bb-hero-image {
    object-fit: contain;
}

.bb-hero-panel-main.is-carousel.is-fit-cover .bb-hero-image {
    object-fit: cover;
}

.bb-hero-inner {
    position: relative;
    z-index: 2;
}

.bb-hero-inner h1 {
    max-width: 46rem;
    margin: 0.45rem 0 0;
    font-size: 4rem;
    line-height: 1.02;
    letter-spacing: 0;
}

.bb-hero-inner p,
.bb-hero-inner .bb-rich-content.is-hero-copy {
    max-width: 42rem;
    margin: 1rem 0 0;
    color: #d0d5dd;
    font-size: 1.15rem;
    line-height: 1.55;
}

.bb-hero-panel-main.is-text-center .bb-hero-inner h1,
.bb-hero-panel-main.is-text-center .bb-hero-inner p,
.bb-hero-panel-main.is-text-center .bb-hero-inner .bb-rich-content.is-hero-copy {
    margin-inline: auto;
}

.bb-kicker {
    color: var(--bb-accent, #12b76a);
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.bb-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 1.5rem;
}

.bb-hero-actions a,
.bb-card-button,
.bb-action-row button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.75rem;
    padding: 0.7rem 1.05rem;
    border: 0;
    border-radius: 0.45rem;
    background: var(--bb-primary, #05a660);
    color: #ffffff;
    font-weight: 800;
    text-decoration: none;
    cursor: pointer;
}

.bb-hero-actions .is-secondary,
.bb-action-row .is-secondary {
    background: var(--bb-dark, #101828);
}

.bb-hero-actions .is-secondary {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.bb-auction-band {
    width: min(1500px, calc(100% - 2rem));
    margin-top: 0.45rem;
    padding: 0;
    background: transparent;
}

.bb-band-heading {
    padding: 0 1.45rem 1.4rem;
    border-bottom: 1px solid #e4e7ec;
}

.bb-band-heading h2 {
    margin: 0.35rem 0 0;
    font-size: 1.85rem;
    line-height: 1.18;
}

.bb-band-heading p {
    max-width: 48rem;
    margin: 0.5rem 0 0;
    color: #667085;
    font-size: 1.04rem;
    line-height: 1.55;
}

.bb-empty-floor {
    display: grid;
    gap: 0.4rem;
    min-height: 7rem;
    place-items: center;
    padding: 1.75rem 1rem 2.25rem;
    color: #475467;
    text-align: center;
    background: transparent;
}

.bb-empty-floor strong {
    color: #101828;
    font-size: 1.3rem;
}

.bb-auction-page-empty {
    min-height: 16rem;
    padding: 2.7rem 1rem;
    border: 1px solid rgba(5, 166, 96, 0.18);
    border-radius: 0.55rem;
    background:
        linear-gradient(135deg, rgba(5, 166, 96, 0.07), rgba(47, 128, 237, 0.045)),
        #ffffff;
}

.bb-auction-page-empty-icon {
    display: grid;
    width: 2.8rem;
    height: 2.8rem;
    place-items: center;
    border-radius: 0.55rem;
    background: var(--bb-primary, #05a660);
    color: #ffffff;
    font-size: 0.8rem;
    font-weight: 900;
}

.bb-auction-empty-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.65rem;
    margin-top: 0.8rem;
}

.bb-auction-empty-actions a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.5rem;
    padding: 0.55rem 0.9rem;
    border: 1px solid rgba(5, 166, 96, 0.24);
    border-radius: 0.45rem;
    background: #ffffff;
    color: #344054;
    font-weight: 850;
    text-decoration: none;
}

.bb-auction-empty-actions a:hover,
.bb-auction-empty-actions a:focus {
    border-color: var(--bb-primary, #05a660);
    color: var(--bb-primary, #05a660);
}

.bb-pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin: 1.25rem 1.5rem 1.5rem;
    padding: 1rem;
    border: 1px solid rgba(5, 166, 96, 0.18);
    border-radius: 0.65rem;
    background: #ffffff;
}

.bb-pagination-summary {
    color: #667085;
    font-size: 0.92rem;
    font-weight: 650;
}

.bb-pagination-links {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.4rem;
}

.bb-pagination-links a,
.bb-pagination-links span {
    display: inline-flex;
    min-width: 2.3rem;
    min-height: 2.25rem;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.7rem;
    border: 1px solid rgba(5, 166, 96, 0.2);
    border-radius: 0.45rem;
    color: #344054;
    font-weight: 800;
    text-decoration: none;
}

.bb-pagination-links a:hover,
.bb-pagination-links a:focus {
    border-color: var(--bb-primary, #05a660);
    background: rgba(5, 166, 96, 0.08);
    color: var(--bb-primary, #05a660);
}

.bb-pagination-links .is-current {
    border-color: var(--bb-primary, #05a660);
    background: var(--bb-primary, #05a660);
    color: #ffffff;
}

.bb-pagination-links .is-disabled,
.bb-pagination-links .is-gap {
    border-color: #e4e7ec;
    color: #98a2b3;
}

.bb-pagination-links .is-disabled {
    background: #f9fafb;
}

.bb-home-section-title {
    width: min(1500px, calc(100% - 2rem));
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    margin-top: 1.75rem;
    padding: 0.2rem 0;
    text-align: center;
}

.bb-auction-band + .bb-home-section-title {
    margin-top: 3.1rem;
}

.bb-home-section-title + .bb-auction-band {
    margin-top: 0.3rem;
}

.bb-home-section-title span {
    color: var(--bb-primary, #05a660);
    font-size: clamp(1.55rem, 2.4vw, 2.2rem);
    font-weight: 900;
    letter-spacing: 0;
    line-height: 1.1;
}

.bb-home-section-title::before,
.bb-home-section-title::after {
    content: "";
    width: 4rem;
    height: 1px;
    background: rgba(5, 166, 96, 0.35);
}

.bb-lot-grid,
.bb-auction-grid {
    display: grid;
    grid-template-columns: repeat(var(--bb-auction-card-columns, 4), minmax(0, 1fr));
    gap: 1.5rem;
    padding: 1.5rem;
    background:
        linear-gradient(180deg, rgba(248, 250, 252, 0.9), #ffffff);
}

.bb-auction-card {
    overflow: hidden;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    min-width: 0;
    border: 1px solid #d8e4f0;
    border-radius: 0.85rem;
    box-shadow: 0 18px 36px rgba(16, 24, 40, 0.08);
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.bb-auction-card:hover {
    transform: translateY(-2px);
    border-color: color-mix(in srgb, var(--bb-primary, #05a660) 34%, #dbe3ee);
    box-shadow: 0 16px 34px rgba(16, 24, 40, 0.10);
}

.bb-auction-card.is-bidpack {
    border-color: #ddd6fe;
}

.bb-auction-image {
    position: relative;
    display: grid;
    aspect-ratio: 1 / 0.88;
    place-items: center;
    margin: 0.85rem 0.85rem 0;
    border-radius: 0.75rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    color: inherit;
    text-decoration: none;
    border: 1px solid #eef2f6;
}

.bb-auction-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 1.35rem;
}

.bb-image-fallback {
    display: grid;
    width: 100%;
    height: 100%;
    place-items: center;
    color: #667085;
    font-weight: 800;
}

.bb-auction-badge {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: #e0f2fe;
    color: #026aa2;
    font-size: 0.72rem;
    font-weight: 850;
    box-shadow: 0 8px 18px rgba(16, 24, 40, 0.08);
}

.bb-auction-badge.is-live {
    background: #d1fadf;
    color: #067647;
}

.bb-auction-badge.is-bidpack {
    background: #ebe9fe;
    color: #6938ef;
}

.bb-auction-body {
    display: grid;
    gap: 0.85rem;
    margin-top: auto;
    padding: 1rem;
    flex: 1;
}

.bb-auction-status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.bb-auction-status-row span {
    color: var(--bb-primary, #05a660);
    font-size: 0.74rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.bb-auction-status-row button {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 1px solid #f7c7d0;
    border-radius: 999px;
    background: #fff5f7;
    color: #e11d48;
    cursor: pointer;
}

.bb-auction-body h3 {
    display: -webkit-box;
    min-height: 3.1rem;
    margin: 0;
    overflow: hidden;
    color: #101828;
    font-size: 1.02rem;
    font-weight: 850;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.bb-auction-body h3 a {
    text-decoration: none;
}

.bb-auction-reference {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    color: #667085;
    font-size: 0.76rem;
    font-weight: 850;
}

.bb-auction-reference strong {
    color: #ef4444;
    font-size: 0.78rem;
}

.bb-auction-price-row,
.bb-price-strip {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
}

.bb-auction-price-row {
    gap: 0.65rem;
}

.bb-auction-price-row span,
.bb-price-strip span {
    border-radius: 0.65rem;
    background: #f8fafc;
    padding: 0.72rem 0.8rem;
}

.bb-auction-price-row small,
.bb-price-strip small {
    display: block;
    color: #667085;
    font-size: 0.72rem;
    font-weight: 750;
}

.bb-auction-price-row strong,
.bb-price-strip strong {
    display: block;
    margin-top: 0.25rem;
}

.bb-current-price {
    border-left: 0;
    background: #fff7ed !important;
}

.bb-current-price strong {
    color: #ff5a1f;
    font-size: 1rem;
}

.bb-auction-card-footer {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 0.75rem;
    align-items: center;
    padding-top: 0.1rem;
}

.bb-auction-card-footer small {
    color: #667085;
    font-size: 0.75rem;
    font-weight: 750;
}

.bb-card-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.7rem;
    padding: 0.7rem 0.95rem;
    border-radius: 0.65rem;
    background: var(--bb-primary, #05a660);
    color: #ffffff;
    font-weight: 850;
    font-size: 0.86rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
}

.bb-card-button.is-muted {
    background: linear-gradient(135deg, var(--bb-primary, #05a660), var(--bb-accent, #12b76a));
    color: #ffffff;
}

.bb-auction-card-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.95rem 1rem 0;
}

.bb-auction-card-top span {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.35rem 0.65rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--bb-primary, #05a660) 10%, #ffffff);
    color: var(--bb-primary, #05a660);
    font-size: 0.72rem;
    font-weight: 850;
}

.bb-auction-card-top button {
    display: inline-grid;
    width: 2rem;
    height: 2rem;
    place-items: center;
    border: 1px solid #ffd1da;
    border-radius: 999px;
    background: #fff7f9;
    color: #e11d48;
    cursor: pointer;
}

.bb-auction-card .bb-auction-image {
    margin: 0.75rem 1rem 0;
    aspect-ratio: 1 / 0.92;
    border: 1px solid #eef2f6;
    border-radius: 0.75rem;
    background:
        linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}

.bb-auction-card .bb-auction-image img {
    padding: 1rem;
}

.bb-auction-card .bb-auction-body {
    gap: 0.9rem;
    padding: 1rem;
}

.bb-auction-card .bb-auction-body h3 {
    min-height: 3rem;
    font-size: 1rem;
}

.bb-auction-live-panel,
.bb-auction-facts {
    display: grid;
    gap: 0.65rem;
}

.bb-auction-live-panel {
    grid-template-columns: 0.85fr 1.15fr;
}

.bb-auction-facts {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.bb-auction-live-panel span,
.bb-auction-facts span {
    min-width: 0;
    border: 1px solid #e4e7ec;
    border-radius: 0.65rem;
    background: #f8fafc;
    padding: 0.7rem 0.75rem;
}

.bb-auction-live-panel small,
.bb-auction-facts small {
    display: block;
    color: #667085;
    font-size: 0.7rem;
    font-weight: 800;
}

.bb-auction-live-panel strong,
.bb-auction-facts strong {
    display: block;
    margin-top: 0.2rem;
    color: #101828;
    font-size: 0.95rem;
}

.bb-auction-timer {
    background:
        linear-gradient(135deg, #ecfdf3 0%, #ffffff 100%) !important;
    border-color: #b7f0ca !important;
}

.bb-auction-timer strong {
    color: #067647 !important;
    font-size: 1.12rem;
    font-variant-numeric: tabular-nums;
}

.bb-auction-timer em {
    display: block;
    margin-top: 0.2rem;
    color: #344054;
    font-size: 0.72rem;
    font-style: normal;
    font-weight: 800;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.bb-auction-facts strong {
    font-size: 0.82rem;
}

.bb-current-price {
    background:
        linear-gradient(135deg, #fff7ed 0%, #ffffff 100%) !important;
    border-color: #fed7aa !important;
}

.bb-current-price strong {
    color: #f97316 !important;
    font-size: 1.12rem;
}

.bb-auction-feature-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.45rem;
}

.bb-auction-feature-row span {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.8rem;
    padding: 0.35rem 0.6rem;
    border: 1px solid #d0d5dd;
    border-radius: 999px;
    background: #ffffff;
    color: #344054;
    font-size: 0.72rem;
    font-weight: 850;
}

.bb-auction-feature-row strong {
    color: inherit;
    font-size: 0.72rem;
}

.bb-auction-feature-row .is-buy-now {
    border-color: #fed7aa;
    background: #fff7ed;
    color: #c2410c;
}

.bb-auction-feature-row .is-bid-butler {
    border-color: #bfdbfe;
    background: #eff6ff;
    color: #1d4ed8;
}

.bb-auction-feature-row .is-autobid {
    border-color: #c4b5fd;
    background: #f5f3ff;
    color: #6d28d9;
}

.bb-card-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.6rem;
}

.bb-card-actions:has(.bb-card-button + .bb-card-button) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bb-auction-card .bb-card-button {
    width: 100%;
    min-height: 2.85rem;
    border-radius: 0.7rem;
    background: var(--bb-primary, #05a660);
    font-size: 0.92rem;
}

.bb-auction-card.is-bidpack .bb-card-button {
    background: #7c3aed;
}

/* Customer auction card: simple, consistent auction tile. */
.bb-auction-grid {
    align-items: stretch;
}

.bb-auction-card {
    display: flex;
    flex-direction: column;
    min-height: 34rem;
    border: 1px solid #dce6f0;
    border-radius: 0.75rem;
    background: #ffffff;
    box-shadow: 0 12px 28px rgba(16, 24, 40, 0.08);
}

.bb-auction-card-top {
    align-items: center;
    padding: 0.9rem 1rem 0;
}

.bb-auction-card-top span {
    min-height: 0;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #008f5a;
    font-size: 0.78rem;
    font-weight: 800;
}

.bb-auction-card-top button {
    width: 2rem;
    height: 2rem;
    border: 0;
    background: transparent;
    color: #ff6b8a;
    font-size: 1.2rem;
}

.bb-auction-card .bb-auction-image {
    margin: 0.65rem 1rem 0;
    aspect-ratio: 1 / 0.72;
    border: 0;
    border-radius: 0;
    background: #ffffff;
}

.bb-auction-card .bb-auction-image img {
    width: 100%;
    height: 100%;
    padding: 0;
    object-fit: contain;
}

.bb-auction-card .bb-auction-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.7rem;
    padding: 0.85rem 1rem 1rem;
}

.bb-auction-card .bb-auction-body h3 {
    min-height: 3.05rem;
    color: #182230;
    font-size: 0.98rem;
    font-weight: 750;
    line-height: 1.28;
}

.bb-auction-live-line {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.7rem 0;
    border-top: 1px solid #eef2f6;
    border-bottom: 1px solid #eef2f6;
}

.bb-auction-live-line small {
    display: block;
    color: #667085;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.1;
}

.bb-auction-live-line strong {
    display: block;
    margin-top: 0.18rem;
    color: #f35b13;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.05;
}

.bb-auction-live-line div:last-child {
    text-align: right;
}

.bb-auction-live-line div:last-child strong {
    color: #008f5a;
    font-variant-numeric: tabular-nums;
}

.bb-auction-leader {
    min-height: 1.2rem;
    color: #667085;
    font-size: 0.78rem;
    line-height: 1.2;
}

.bb-auction-leader strong {
    color: #344054;
    font-weight: 700;
}

.bb-auction-meta-line {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.35rem 0.75rem;
    padding: 0;
    color: #667085;
}

.bb-auction-meta-line div {
    min-width: 0;
}

.bb-auction-meta-line dt {
    color: #667085;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.1;
}

.bb-auction-meta-line dd {
    margin: 0.18rem 0 0;
    color: #182230;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.2;
}

.bb-auction-feature-row {
    display: none !important;
}

.bb-card-actions {
    display: grid;
    gap: 0.65rem;
    margin-top: auto;
}

.bb-card-actions:has(.bb-card-button + .bb-card-button) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bb-auction-card .bb-card-button {
    min-height: 2.85rem;
    padding: 0.72rem 0.8rem;
    border-radius: 0.5rem;
    font-size: 0.86rem;
    font-weight: 850;
}

/* Customer auction cards: keep every card aligned and avoid admin-style blocks. */
.bb-auction-grid {
    align-items: stretch;
}

.bb-auction-card {
    height: 34.75rem;
    border: 1px solid #e6edf5;
    border-radius: 0.35rem;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.08);
}

.bb-auction-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 30px rgba(15, 23, 42, 0.10);
}

.bb-auction-card-top {
    min-height: 2.55rem;
    padding: 0.85rem 0.9rem 0;
}

.bb-auction-card-top span {
    min-height: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: var(--bb-primary, #05a660);
    font-size: 0.72rem;
    font-weight: 850;
    letter-spacing: 0;
    text-transform: uppercase;
}

.bb-auction-card-top button {
    width: 1.8rem;
    height: 1.8rem;
    border: 0;
    background: transparent;
    color: #f04438;
    font-size: 1.25rem;
}

.bb-auction-card .bb-auction-image {
    height: 12.8rem;
    margin: 0.35rem 0.9rem 0;
    aspect-ratio: auto;
    border: 0;
    border-radius: 0;
    background: #ffffff;
}

.bb-auction-card .bb-auction-image img {
    padding: 0;
    object-fit: contain;
}

.bb-auction-card .bb-auction-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0.68rem;
    padding: 0.8rem 0.9rem 0.95rem;
}

.bb-auction-card .bb-auction-body h3 {
    display: -webkit-box;
    min-height: 2.65rem;
    max-height: 2.65rem;
    margin: 0;
    overflow: hidden;
    color: #0f172a;
    font-size: 0.98rem;
    font-weight: 850;
    line-height: 1.35;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.bb-auction-status-band {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    min-height: 4.35rem;
    overflow: visible;
    border: 0;
    border-top: 1px solid #edf1f6;
    border-bottom: 1px solid #edf1f6;
    border-radius: 0;
    background: #f8fafc;
}

.bb-auction-status-band > div {
    padding: 0.7rem 0.65rem;
}

.bb-auction-status-band > div + div {
    border-left: 1px solid #edf1f6;
}

.bb-auction-status-band .bb-current-price {
    background: transparent !important;
}

.bb-auction-status-band .bb-auction-timer {
    background: transparent !important;
}

.bb-auction-status-band small {
    color: #667085;
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1.1;
}

.bb-auction-status-band strong {
    margin-top: 0.15rem;
    color: #f97316;
    font-size: 1.05rem;
    line-height: 1.1;
}

.bb-auction-status-band .bb-auction-timer strong {
    color: #047857 !important;
    font-size: 1.05rem;
    font-variant-numeric: tabular-nums;
}

.bb-auction-status-band .bb-auction-timer em {
    margin-top: 0.12rem;
    color: #475467;
    font-size: 0.68rem;
    font-weight: 750;
    line-height: 1.15;
    overflow-wrap: anywhere;
}

.bb-auction-meta-line {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    min-height: 2.55rem;
    gap: 0.3rem;
    color: #667085;
    font-size: 0.68rem;
    line-height: 1.25;
}

.bb-auction-meta-line span {
    display: block;
    min-width: 0;
}

.bb-auction-meta-line strong {
    display: block;
    margin-top: 0.08rem;
    color: #101828;
    font-size: 0.78rem;
    font-weight: 850;
}

.bb-auction-feature-row {
    display: flex;
    min-height: 1.25rem;
    flex-wrap: wrap;
    gap: 0.4rem 0.55rem;
    align-items: center;
    color: #475467;
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1.2;
}

.bb-auction-feature-row span {
    display: inline-flex;
    align-items: baseline;
    gap: 0.22rem;
    padding: 0;
    border: 0;
    background: transparent;
}

.bb-auction-feature-row span::before {
    width: 0.38rem;
    height: 0.38rem;
    border-radius: 999px;
    background: currentColor;
    content: "";
}

.bb-auction-feature-row .is-buy-now {
    color: #ea580c;
}

.bb-auction-feature-row .is-bid-butler {
    color: #2563eb;
}

.bb-auction-feature-row .is-autobid {
    color: #7c3aed;
}

.bb-card-actions {
    margin-top: auto;
}

.bb-auction-card .bb-card-button {
    min-height: 2.75rem;
    border-radius: 0.28rem;
    font-size: 0.86rem;
}

.bb-auction-card.is-bidpack {
    border-color: #e6edf5;
}

.bb-auction-card .bb-card-button.is-buy-now {
    background: #f97316;
}

.bb-auction-card.is-ended {
    opacity: 0.82;
}

.bb-auction-card.is-ended .bb-auction-timer {
    background: #f2f4f7 !important;
    border-color: #e4e7ec !important;
}

.bb-auction-card.is-ended .bb-auction-timer strong {
    color: #667085 !important;
}

.bb-auction-card.is-ended .bb-auction-timer em {
    color: #667085;
}

.bb-auction-card {
    border-color: #d7e5f2;
    border-radius: 0.8rem;
    box-shadow: 0 18px 38px rgba(16, 24, 40, 0.09);
}

.bb-auction-card-top {
    padding: 1rem 1.1rem 0;
}

.bb-auction-card-top span {
    min-height: 1.7rem;
    padding: 0.32rem 0.68rem;
    border-radius: 0.55rem;
    background: color-mix(in srgb, var(--bb-primary, #05a660) 12%, #ffffff);
    font-size: 0.72rem;
}

.bb-auction-card-top button {
    width: 2.2rem;
    height: 2.2rem;
    background: #ffffff;
}

.bb-auction-card .bb-auction-image {
    margin: 0.85rem 1.1rem 0;
    aspect-ratio: 1 / 0.78;
    border-color: #e8eef6;
    border-radius: 0.7rem;
    background: #ffffff;
}

.bb-auction-card .bb-auction-image img {
    padding: 0.8rem;
}

.bb-auction-card .bb-auction-body {
    gap: 0.95rem;
    padding: 1rem 1.1rem 1.1rem;
}

.bb-auction-card .bb-auction-body h3 {
    min-height: 3rem;
    color: #0f172a;
    font-size: 1.05rem;
    line-height: 1.32;
}

.bb-auction-status-band {
    display: grid;
    grid-template-columns: minmax(7.5rem, 0.9fr) minmax(0, 1.25fr);
    overflow: hidden;
    border: 1px solid #ccebdc;
    border-radius: 0.7rem;
    background: linear-gradient(135deg, #ecfdf3 0%, #ffffff 100%);
}

.bb-auction-status-band > div {
    min-width: 0;
    padding: 0.78rem 0.85rem;
}

.bb-auction-status-band > div + div {
    border-left: 1px solid #d8f2e4;
}

.bb-auction-status-band small {
    display: block;
    color: #475467;
    font-size: 0.7rem;
    font-weight: 850;
    line-height: 1.1;
}

.bb-auction-status-band strong {
    display: block;
    margin-top: 0.24rem;
    color: #067647;
    font-size: 1.18rem;
    font-weight: 900;
    line-height: 1.08;
}

.bb-auction-status-band .bb-current-price {
    border: 0;
    background: rgba(255, 247, 237, 0.86) !important;
}

.bb-auction-status-band .bb-current-price strong {
    color: #f97316 !important;
}

.bb-auction-status-band .bb-auction-timer {
    border: 0 !important;
    background: transparent !important;
}

.bb-auction-status-band .bb-auction-timer strong {
    color: #047857 !important;
    font-size: 1.22rem;
    font-variant-numeric: tabular-nums;
}

.bb-auction-status-band .bb-auction-timer em {
    display: block;
    margin-top: 0.25rem;
    color: #0f172a;
    font-size: 0.75rem;
    font-style: normal;
    font-weight: 850;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.bb-auction-meta-line {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 0.85rem;
    padding-bottom: 0.15rem;
    color: #667085;
    font-size: 0.78rem;
    line-height: 1.35;
}

.bb-auction-meta-line span {
    display: inline-flex;
    align-items: baseline;
    gap: 0.28rem;
    min-width: max-content;
}

.bb-auction-meta-line strong {
    color: #101828;
    font-weight: 900;
}

.bb-auction-feature-row {
    gap: 0.45rem 0.65rem;
    padding-top: 0.05rem;
}

.bb-auction-feature-row span {
    min-height: auto;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: #475467;
    font-size: 0.78rem;
}

.bb-auction-feature-row span::before {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-radius: 999px;
    background: currentColor;
}

.bb-auction-feature-row .is-buy-now {
    background: transparent;
    color: #c2410c;
}

.bb-auction-feature-row .is-bid-butler {
    background: transparent;
    color: #1d4ed8;
}

.bb-auction-feature-row .is-autobid {
    background: transparent;
    color: #6d28d9;
}

.bb-card-actions {
    gap: 0.7rem;
    margin-top: auto;
}

.bb-card-actions:has(.bb-card-button + .bb-card-button) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bb-auction-card .bb-card-button {
    min-height: 3.15rem;
    padding: 0.78rem 0.85rem;
    border-radius: 0.65rem;
    font-size: 0.92rem;
    line-height: 1.1;
}

.bb-auction-card .bb-card-button.is-buy-now {
    background: #ff6b13;
}

.bb-auction-card.is-bidpack .bb-card-button {
    background: #7c3aed;
}

.bb-info-strip {
    width: min(1280px, calc(100% - 2rem));
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.15rem;
    margin-top: 1.15rem;
    margin-bottom: 0.85rem;
    position: relative;
    z-index: 2;
}

.bb-info-strip div {
    position: relative;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 1rem;
    row-gap: 0.25rem;
    align-items: start;
    min-height: 6.55rem;
    overflow: hidden;
    padding: 1.18rem 1.25rem;
    border: 1px solid color-mix(in srgb, var(--bb-step-color, var(--bb-primary, #05a660)) 20%, #ffffff);
    background:
        linear-gradient(135deg, color-mix(in srgb, var(--bb-step-color, var(--bb-primary, #05a660)) 7%, #ffffff), #ffffff 76%),
        #ffffff;
    box-shadow: 0 10px 22px rgba(16, 24, 40, 0.04);
}

.bb-info-strip div::before {
    content: "";
    position: absolute;
    inset: auto 1.4rem 0;
    height: 0.24rem;
    background: var(--bb-step-color, var(--bb-primary, #05a660));
}

.bb-info-strip span {
    display: grid;
    grid-row: span 2;
    width: 2.35rem;
    height: 2.35rem;
    place-items: center;
    border-radius: 0.45rem;
    background: var(--bb-step-color, var(--bb-primary, #05a660));
    color: #ffffff;
    font-weight: 850;
    box-shadow: 0 8px 16px color-mix(in srgb, var(--bb-step-color, var(--bb-primary, #05a660)) 16%, transparent);
}

.bb-info-strip strong {
    align-self: end;
    font-size: 1rem;
}

.bb-info-strip small {
    color: #667085;
    font-size: 0.86rem;
    line-height: 1.38;
}

.bb-auction-detail {
    display: grid;
    grid-template-columns: minmax(0, 0.95fr) minmax(24rem, 1.05fr);
    gap: 0;
    width: min(1280px, calc(100% - 2rem));
    margin-top: 1.75rem;
    overflow: hidden;
    border: 1px solid #d8e4f0;
    background: #ffffff;
}

.bb-detail-gallery,
.bb-detail-panel,
.bb-product-description {
    background: #ffffff;
}

.bb-detail-gallery {
    display: grid;
    min-height: 31rem;
    place-items: center;
    border-right: 1px solid #d8e4f0;
}

.bb-detail-gallery img {
    max-width: 100%;
    max-height: 30rem;
    object-fit: contain;
    padding: 2rem;
}

.bb-detail-panel {
    display: grid;
    align-content: start;
    gap: 1.05rem;
    padding: 1.35rem;
}

.bb-detail-badge-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.55rem;
}

.bb-detail-badge {
    display: inline-flex;
    align-items: center;
    min-height: 1.8rem;
    padding: 0.35rem 0.65rem;
    background: #ecfdf3;
    color: #067647;
    font-size: 0.78rem;
    font-weight: 850;
}

.bb-detail-badge.is-bidpack {
    background: #f5f3ff;
    color: #6d28d9;
}

.bb-detail-badge.is-auction-id {
    background: #f8fafc;
    color: #475467;
}

.bb-detail-panel h1 {
    margin: 0;
    color: #101828;
    font-size: clamp(1.65rem, 2.5vw, 2.35rem);
    line-height: 1.08;
    letter-spacing: 0;
}

.bb-price-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.65rem;
}

.bb-price-strip span {
    border-radius: 0;
    background: #f8fafc;
    padding: 0.78rem 0.85rem;
}

.bb-price-strip small,
.bb-detail-live-panel small {
    color: #667085;
    font-size: 0.72rem;
    font-weight: 850;
}

.bb-price-strip strong,
.bb-detail-live-panel strong {
    color: #101828;
    font-size: 1.02rem;
    font-weight: 900;
    line-height: 1.08;
}

.bb-price-strip strong.is-current {
    color: #05a660;
}

.bb-detail-live-panel {
    display: grid;
    grid-template-columns: 1.2fr 1fr 0.72fr;
    gap: 0;
    border: 1px solid #d8f2e4;
    background: #ecfdf3;
}

.bb-detail-live-panel span {
    display: grid;
    align-content: center;
    min-height: 4.65rem;
    padding: 0.72rem 0.85rem;
}

.bb-detail-live-panel span + span {
    border-left: 1px solid #d8f2e4;
}

.bb-detail-live-panel strong {
    margin-top: 0.22rem;
    color: #067647;
    font-variant-numeric: tabular-nums;
}

.bb-detail-live-panel span:nth-child(2) strong {
    color: #ff632f;
    overflow: hidden;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bb-detail-live-panel.is-ended {
    border-color: #e4e7ec;
    background: #f8fafc;
}

.bb-detail-live-panel.is-ended strong {
    color: #667085;
}

.bb-detail-feature-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.bb-detail-feature-row span {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 1.9rem;
    padding: 0.38rem 0.62rem;
    background: #f8fafc;
    color: #667085;
    font-size: 0.75rem;
    font-weight: 850;
}

.bb-detail-feature-row span::before {
    width: 0.48rem;
    height: 0.48rem;
    border-radius: 999px;
    background: currentColor;
    content: "";
}

.bb-detail-feature-row span.is-enabled {
    background: #ecfdf3;
    color: #067647;
}

.bb-action-row {
    display: flex;
    gap: 0.75rem;
}

.bb-action-row button {
    min-width: 7.5rem;
    border-radius: 0.28rem;
}

.bb-action-row button.is-bidpack {
    background: #6f48c9;
}

.bb-action-row button:disabled {
    background: #98a2b3;
    cursor: not-allowed;
}

.bb-detail-tabs {
    display: grid;
    border: 1px solid #d8e4f0;
    background: #ffffff;
}

.bb-detail-tabs > input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.bb-detail-tab-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-bottom: 1px solid #d8e4f0;
    background: #f8fafc;
}

.bb-detail-tab-list label {
    display: grid;
    min-height: 2.75rem;
    place-items: center;
    padding: 0.55rem;
    color: #344054;
    font-size: 0.86rem;
    font-weight: 900;
    text-align: center;
    cursor: pointer;
}

.bb-detail-tab-list label + label {
    border-left: 1px solid #d8e4f0;
}

#bb-tab-info:checked ~ .bb-detail-tab-list label[for="bb-tab-info"],
#bb-tab-history:checked ~ .bb-detail-tab-list label[for="bb-tab-history"],
#bb-tab-autobid:checked ~ .bb-detail-tab-list label[for="bb-tab-autobid"] {
    background: #ffffff;
    color: #05a660;
}

.bb-detail-tab-panel {
    display: none;
    min-height: 16.5rem;
    padding: 0.85rem;
}

#bb-tab-info:checked ~ .bb-detail-tab-panel.is-info,
#bb-tab-history:checked ~ .bb-detail-tab-panel.is-history,
#bb-tab-autobid:checked ~ .bb-detail-tab-panel.is-autobid {
    display: block;
}

.bb-detail-info-list {
    display: grid;
    margin: 0;
}

.bb-detail-info-list div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1rem;
    align-items: center;
    min-height: 2.35rem;
    border-bottom: 1px solid #edf1f6;
}

.bb-detail-info-list div:last-child {
    border-bottom: 0;
}

.bb-detail-info-list dt,
.bb-detail-info-list dd {
    margin: 0;
}

.bb-detail-info-list dt {
    color: #667085;
    font-size: 0.82rem;
    font-weight: 800;
}

.bb-detail-info-list dd {
    color: #344054;
    font-size: 0.9rem;
    font-weight: 900;
    text-align: right;
}

.bb-bid-history-table {
    width: 100%;
    border-collapse: collapse;
    color: #344054;
    font-size: 0.84rem;
}

.bb-bid-history-table th,
.bb-bid-history-table td {
    padding: 0.58rem 0.5rem;
    border-bottom: 1px solid #edf1f6;
    text-align: left;
}

.bb-bid-history-table th {
    color: #78a340;
    font-size: 0.78rem;
    font-weight: 900;
}

.bb-bid-history-table td:first-child {
    color: #05a660;
    font-weight: 900;
}

.bb-detail-empty-panel,
.bb-autobid-panel {
    display: grid;
    min-height: 13rem;
    align-content: center;
    justify-items: center;
    gap: 0.45rem;
    padding: 1rem;
    color: #667085;
    text-align: center;
}

.bb-bid-history-table[hidden],
.bb-detail-empty-panel[hidden] {
    display: none !important;
}

.bb-detail-empty-panel strong,
.bb-autobid-panel strong {
    color: #101828;
    font-size: 1rem;
}

.bb-autobid-panel {
    background: linear-gradient(135deg, #f5f3ff 0%, #ffffff 76%);
}

.bb-autobid-panel strong {
    color: #6d28d9;
}

.bb-detail-note {
    color: #667085;
    margin: 0.15rem 0 0;
    line-height: 1.5;
}

.bb-section {
    width: min(1280px, calc(100% - 2rem));
    margin: 1.5rem auto 0;
    background: #ffffff;
    border-top: 3px solid var(--bb-primary, #05a660);
}

.bb-section-heading {
    padding: 1.25rem 1.25rem 0;
}

.bb-section-heading h2 {
    margin: 0.35rem 0 0;
}

.bb-product-description {
    padding: 1.25rem;
    color: #344054;
    font-size: 1rem;
    line-height: 1.72;
}

.bb-product-description p,
.bb-product-description ul,
.bb-product-description ol {
    margin: 0 0 1rem;
}

.bb-footer {
    flex-shrink: 0;
    position: relative;
    z-index: 30;
    width: auto;
    margin-top: 2rem;
    background: var(--bb-dark, #101828);
    color: #d0d5dd;
}

.bb-footer-inner,
.bb-footer-bottom {
    width: min(1180px, calc(100% - 2rem));
    margin-inline: auto;
}

.bb-footer-inner {
    display: grid;
    grid-template-columns: minmax(15rem, 1.7fr) repeat(5, minmax(6.5rem, 1fr));
    gap: clamp(1.2rem, 2vw, 2.3rem);
    padding: 2.5rem 0 2.35rem;
}

.bb-footer .bb-brand {
    color: #ffffff;
    justify-self: start;
}

.bb-footer .bb-brand-logo {
    width: 7.25rem;
    height: 2.5rem;
}

.bb-footer .bb-brand-mark {
    background: var(--bb-accent, #12b76a);
}

.bb-footer-brand p {
    max-width: 26rem;
    margin: 1rem 0 0;
    color: #98a2b3;
    line-height: 1.6;
}

.bb-footer-newsletter {
    display: grid;
    gap: 0.55rem;
    grid-column: 4 / -1;
    justify-self: end;
    width: min(100%, 34rem);
    max-width: 34rem;
    margin-top: 0.2rem;
}

.bb-footer-newsletter label {
    color: #ffffff;
    font-size: 0.96rem;
    font-weight: 800;
}

.bb-footer-newsletter div {
    display: grid;
    grid-template-columns: minmax(18rem, 1fr) auto;
    gap: 0.5rem;
}

.bb-footer-newsletter input {
    min-width: 0;
    min-height: 2.55rem;
    padding: 0.65rem 0.75rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 0.42rem;
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
}

.bb-footer-newsletter input::placeholder {
    color: #98a2b3;
}

.bb-footer-newsletter button {
    min-height: 2.55rem;
    padding: 0.65rem 0.9rem;
    border: 0;
    border-radius: 0.42rem;
    background: var(--bb-accent, #12b76a);
    color: #ffffff;
    font-weight: 850;
}

.bb-footer-newsletter span,
.bb-footer-newsletter small {
    color: #98a2b3;
    font-size: 0.86rem;
    line-height: 1.45;
}

.bb-footer-links {
    display: grid;
    align-content: start;
    gap: 0.58rem;
}

.bb-footer-links strong {
    color: #ffffff;
    font-size: 0.96rem;
}

.bb-footer-links a {
    color: #98a2b3;
    font-size: 0.96rem;
    text-decoration: none;
}

.bb-footer-links a:hover {
    color: #ffffff;
}

.bb-footer-social-icons {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    margin-top: 0.15rem;
}

.bb-footer-social-icons a,
.bb-footer-social-icons span {
    display: inline-grid;
    width: 2.25rem;
    height: 2.25rem;
    place-items: center;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.38);
    border-radius: 999px;
    background: #12b76a;
    box-shadow: 0 0 0 1px rgba(2, 6, 23, 0.22), 0 8px 18px rgba(0, 0, 0, 0.28);
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
}

.bb-footer-social-icons a {
    cursor: pointer;
}

.bb-footer-social-icons span {
    cursor: default;
}

.bb-footer-social-icons a:hover,
.bb-footer-social-icons a:focus {
    border-color: rgba(255, 255, 255, 0.72);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.18), 0 10px 24px rgba(0, 0, 0, 0.34);
    transform: translateY(-1px);
}

.bb-footer-social-icons .is-facebook {
    background: #1877f2;
}

.bb-footer-social-icons .is-instagram {
    background: radial-gradient(circle at 32% 104%, #feda75 0 18%, #fa7e1e 32%, #d62976 56%, #962fbf 78%, #4f5bd5 100%);
}

.bb-footer-social-icons .is-x {
    background: #111827;
    border-color: rgba(255, 255, 255, 0.52);
}

.bb-footer-social-icons .is-tiktok {
    background: #050505;
    border-color: rgba(37, 244, 238, 0.66);
    box-shadow: -3px 0 0 rgba(37, 244, 238, 0.54), 3px 0 0 rgba(254, 44, 85, 0.5), 0 8px 18px rgba(0, 0, 0, 0.28);
}

.bb-footer-social-icons img {
    width: 1.2rem;
    height: 1.2rem;
    object-fit: contain;
}

.bb-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.05rem 0 1.15rem;
    border-top: 1px solid rgba(255, 255, 255, 0.12);
    color: #98a2b3;
}

.bb-footer-payments {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.5rem;
}

.bb-footer-payments img {
    width: 3.4rem;
    height: 2.05rem;
    object-fit: contain;
}

.bb-footer .bb-brand strong,
.bb-footer .bb-brand span {
    display: block;
}

@media (max-width: 980px) {
    .bb-hero-panel-main,
    .bb-auction-detail {
        grid-template-columns: 1fr;
    }

    .bb-contact-layout,
    .bb-contact-hero-panel,
    .bb-about-split,
    .bb-about-closing,
    .bb-how-highlight,
    .bb-help-centre-note,
    .bb-faq-support-strip,
    .bb-how-showcase,
    .bb-anatomy-layout,
    .bb-how-payment-panel,
    .bb-how-highlight.is-fixed-cta {
        grid-template-columns: 1fr;
    }

    .bb-contact-support-grid,
    .bb-help-centre-grid,
    .bb-card-guide-grid,
    .bb-how-flow,
    .bb-how-timeline {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bb-how-steps {
        grid-template-columns: 1fr;
    }

    .bb-footer-newsletter div {
        grid-template-columns: 1fr;
    }

    .bb-footer-inner {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bb-footer-brand,
    .bb-footer-newsletter {
        grid-column: 1 / -1;
    }

    .bb-footer-newsletter {
        justify-self: stretch;
        width: 100%;
        max-width: 100%;
    }

    .bb-lot-grid,
    .bb-auction-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 900px) {
    .bb-header-inner {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        padding: 0.75rem 0;
    }

    .bb-brand,
    .bb-nav,
    .bb-header-actions {
        justify-self: center;
    }

    .bb-nav {
        width: 100%;
        flex-wrap: wrap;
        row-gap: 0.55rem;
    }

    .bb-header-actions {
        width: 100%;
        justify-content: center;
        flex-wrap: wrap;
    }

    .bb-header-actions.is-account {
        justify-self: stretch;
    }
}

@media (max-width: 640px) {
    .bb-header-inner,
    .bb-footer {
        align-items: flex-start;
    }

    .bb-contact-form {
        grid-template-columns: 1fr;
    }

    .bb-help-centre-note a,
    .bb-about-actions a,
    .bb-about-closing a,
    .bb-how-hero-actions a,
    .bb-faq-support-strip a,
    .bb-how-highlight.is-fixed-cta a {
        width: 100%;
    }

    .bb-contact-support-grid,
    .bb-help-centre-grid,
    .bb-card-guide-grid,
    .bb-how-flow,
    .bb-how-timeline {
        grid-template-columns: 1fr;
    }

    .bb-faq-jump-nav {
        align-items: stretch;
    }

    .bb-faq-jump-nav button,
    .bb-faq-jump-nav a {
        flex: 1 1 100%;
    }

    .bb-how-showcase {
        padding: 1rem;
    }

    .bb-how-hero h1 {
        font-size: 1.62rem;
    }

    .bb-about-opening h1 {
        font-size: 2rem;
    }

    .bb-about-card-figure {
        float: none;
        width: min(260px, 100%);
        margin: 0 auto 1.5rem;
    }

    .bb-about-editorial-header h1::before,
    .bb-about-editorial-header h1::after {
        width: 1.8rem;
    }

    .bb-about-narrative article,
    .bb-about-journey li {
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

    .bb-about-narrative h2 + p {
        grid-column: 1;
    }

    .bb-about-journey ol {
        grid-template-columns: 1fr;
    }

    .bb-about-journey li strong,
    .bb-about-journey li span {
        grid-column: 1;
        grid-row: auto;
        padding-left: 1.4rem;
    }

    .bb-header-inner {
        grid-template-columns: 1fr;
        gap: 0.75rem;
        padding: 0.8rem 0;
    }

    .bb-nav {
        width: 100%;
        flex-wrap: wrap;
    }

    .bb-header-actions {
        width: 100%;
        flex-wrap: wrap;
    }

    .bb-header-actions a {
        flex: 1;
    }

    .bb-header-actions.is-account {
        display: block;
    }

    .bb-header-account-cluster {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bb-header-account-menu {
        grid-column: 1 / -1;
        width: 100%;
    }

    .bb-header-account-menu summary {
        width: 100%;
    }

    .bb-header-account-panel {
        left: 0;
        right: auto;
        width: 100%;
    }

    .bb-account-shell {
        width: calc(100% - 1.5rem);
        grid-template-columns: 1fr;
        gap: 1rem;
        padding-top: 1rem;
    }

    .bb-account-main,
    .bb-account-heading,
    .bb-account-summary,
    .bb-account-grid,
    .bb-account-card {
        min-width: 0;
        width: 100%;
    }

    .bb-account-nav {
        position: static;
    }

    .bb-account-heading,
    .bb-account-card {
        padding-inline: 0.9rem;
    }

    .bb-account-summary,
    .bb-account-summary-four,
    .bb-account-grid,
    .bb-account-metric-grid,
    .bb-account-form-grid,
    .bb-account-form-grid.is-two-column {
        grid-template-columns: 1fr;
    }

    .bb-account-card-heading {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.35rem;
    }

    .bb-account-list div,
    .bb-account-autobid-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.25rem;
    }

    .bb-account-table {
        min-width: 42rem;
    }

    .bb-hero-panel-main {
        min-height: auto;
        padding: 2rem 1.25rem;
        width: calc(100% - 1rem);
    }

    .bb-hero-panel-main.is-image-only {
        padding: 0;
    }

    .bb-hero-inner h1 {
        font-size: 2.4rem;
    }

    .bb-lot-grid,
    .bb-auction-grid,
    .bb-info-strip,
    .bb-live-summary,
    .bb-detail-live-panel,
    .bb-auction-price-row,
    .bb-price-strip,
    .bb-footer-inner {
        grid-template-columns: 1fr;
    }

    .bb-detail-gallery {
        min-height: 18rem;
        border-right: 0;
        border-bottom: 1px solid #d8e4f0;
    }

    .bb-detail-gallery img {
        max-height: 18rem;
        padding: 1.25rem;
    }

    .bb-detail-live-panel span + span {
        border-left: 0;
        border-top: 1px solid #d8f2e4;
    }

    .bb-footer-bottom {
        flex-direction: column;
    }
}

/* Compact auction card direction based on the simple customer auction tile. */
.bb-auction-grid {
    align-items: stretch;
    gap: 1.25rem;
}

.bb-auction-card {
    display: flex;
    flex-direction: column;
    height: 27.5rem;
    min-height: 0;
    overflow: hidden;
    border: 1px solid #d9e2ec;
    border-radius: 0.25rem;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.08);
    transform: none;
}

.bb-auction-card:hover {
    transform: none;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1);
}

.bb-auction-card-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.5rem;
    align-items: start;
    min-height: 3.45rem;
    padding: 0.65rem 0.75rem 0;
}

.bb-auction-card-top h3 {
    display: -webkit-box;
    min-height: 2.5rem;
    max-height: 2.5rem;
    margin: 0;
    overflow: hidden;
    color: #1f2937;
    font-size: 0.84rem;
    font-weight: 700;
    line-height: 1.25;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.bb-auction-card-top h3 a {
    color: inherit;
    text-decoration: none;
}

.bb-auction-card-top button {
    display: inline-grid;
    width: 1.5rem;
    height: 1.5rem;
    place-items: center;
    border: 0;
    background: transparent;
    color: #f97066;
    font-size: 1rem;
    line-height: 1;
    cursor: pointer;
}

.bb-auction-card .bb-auction-image {
    display: grid;
    height: 10.8rem;
    margin: 0;
    padding: 0.35rem 0.75rem;
    place-items: center;
    border: 0;
    border-radius: 0;
    background: #ffffff;
    aspect-ratio: auto;
}

.bb-auction-card .bb-auction-image img {
    width: 100%;
    height: 100%;
    padding: 0;
    object-fit: contain;
}

.bb-auction-card .bb-auction-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: 0;
    padding: 0;
}

.bb-auction-price-main {
    padding: 0.45rem 0.75rem 0;
    color: var(--bb-primary, #05a660);
    font-size: 1.28rem;
    font-weight: 800;
    line-height: 1.1;
    text-align: center;
}

.bb-auction-bidder-name {
    min-height: 1.35rem;
    padding: 0.15rem 0.75rem 0;
    color: #475467;
    font-size: 0.8rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: center;
    overflow-wrap: anywhere;
}

.bb-auction-countdown {
    min-height: 1.75rem;
    padding: 0.15rem 0.75rem 0.2rem;
    color: #ff3b30;
    font-size: 1.18rem;
    font-weight: 850;
    line-height: 1.1;
    text-align: center;
    font-variant-numeric: tabular-nums;
}

.bb-card-actions {
    display: block;
    margin-top: auto;
    padding: 0 0.75rem;
}

.bb-auction-card .bb-card-button {
    display: flex;
    width: 100%;
    min-height: 2.15rem;
    align-items: center;
    justify-content: center;
    padding: 0.45rem 0.75rem;
    border-radius: 0.15rem;
    background: #ffd900;
    color: #111827;
    font-size: 1rem;
    font-weight: 900;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
}

.bb-auction-card.is-bidpack .bb-card-button {
    background: #ffd900;
    color: #111827;
}

.bb-buy-now-note {
    min-height: 1.6rem;
    margin-top: 0.35rem;
    padding: 0 0.75rem 0.65rem;
    color: #344054;
    font-size: 0.76rem;
    line-height: 1.2;
    text-align: center;
}

.bb-auction-meta-line,
.bb-auction-feature-row,
.bb-auction-live-line,
.bb-auction-leader,
.bb-auction-status-band {
    display: none !important;
}

/* Final customer auction card reset: compact, consistent, and image-controlled. */
.bb-lot-grid,
.bb-auction-grid {
    grid-template-columns: repeat(var(--bb-auction-card-columns, 4), minmax(0, 16.5rem)) !important;
    justify-content: center;
    align-items: start;
    gap: 0.75rem;
    padding: 1rem;
}

.bb-auction-card {
    display: grid;
    grid-template-rows: 3.65rem 9.15rem 1fr;
    width: 100%;
    height: 25.4rem;
    min-height: 0;
    max-width: 16.5rem;
    overflow: hidden;
    border: 1px solid #dfe7ef;
    border-radius: 0.2rem;
    background: #ffffff;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.08);
}

.bb-auction-card-top {
    display: block;
    min-height: 0;
    padding: 0.7rem 0.65rem 0;
}

.bb-auction-card-top h3 {
    min-height: 2.3rem;
    max-height: 2.3rem;
    font-size: 0.76rem;
    line-height: 1.2;
}

.bb-auction-card .bb-auction-image {
    height: 9.15rem;
    min-height: 0;
    padding: 0.3rem 1rem 0.45rem;
}

.bb-auction-card .bb-auction-image img {
    width: auto;
    height: auto;
    max-width: 84%;
    max-height: 88%;
    object-fit: contain;
}

.bb-auction-card .bb-auction-body {
    display: grid;
    grid-template-rows: 2.45rem 1.5rem 2.05rem 1.05rem 2.2rem 1.55rem;
    min-height: 0;
    padding: 0 0.65rem 0.55rem;
}

.bb-auction-price-main {
    display: flex;
    align-items: end;
    justify-content: center;
    padding: 0;
    color: var(--bb-primary, #05a660);
    font-size: 1.18rem;
    font-weight: 800;
}

.bb-auction-bidder-name {
    min-height: 0;
    padding: 0;
    font-size: 0.74rem;
    line-height: 1.15;
    font-weight: 700;
}

.bb-auction-countdown {
    min-height: 0;
    padding: 0;
    color: #ff3b30;
    font-size: 1.12rem;
    font-weight: 900;
    line-height: 1.1;
}

.bb-auction-bid-cost {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
    min-height: 0;
    color: #6b7280;
    font-size: 0.7rem;
    font-weight: 800;
    line-height: 1;
}

.bb-bid-cost-icon {
    position: relative;
    display: inline-grid;
    width: 0.78rem;
    height: 0.78rem;
    place-items: center;
    border: 1.5px solid #9ca3af;
    border-radius: 999px;
    background: #ffffff;
}

.bb-bid-cost-icon::before {
    content: "";
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 999px;
    background: #9ca3af;
}

.bb-card-actions {
    margin-top: 0;
    padding: 0;
}

.bb-auction-card .bb-card-button,
.bb-auction-card.is-bidpack .bb-card-button {
    background: var(--bb-primary, #05a660) !important;
    color: #ffffff !important;
    min-height: 1.85rem;
    padding: 0.35rem 0.5rem;
    border-radius: 0.1rem;
    border: 0 !important;
    font-size: 0.82rem;
    font-weight: 900;
    text-decoration: none;
}

.bb-auction-card .bb-card-button:hover,
.bb-auction-card .bb-card-button:focus,
.bb-auction-card.is-bidpack .bb-card-button:hover,
.bb-auction-card.is-bidpack .bb-card-button:focus {
    background: #058b52 !important;
    color: #ffffff !important;
}

.bb-buy-now-note {
    min-height: 0;
    margin-top: 0.25rem;
    padding: 0;
    font-size: 0.68rem;
}

/* Live-site auction card baseline. Keep this last so older card experiments cannot override it. */
.bb-lot-grid,
.bb-auction-grid {
    grid-template-columns: repeat(var(--bb-auction-card-columns, 4), minmax(0, 18rem)) !important;
    justify-content: center !important;
    align-items: start !important;
    gap: 1rem !important;
    padding: 1rem 0 !important;
}

.bb-live-site-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 18rem !important;
    min-height: 31rem !important;
    overflow: hidden !important;
    border: 1px solid #dddddd !important;
    border-radius: 0.2rem !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.bb-live-card-title {
    position: relative;
    display: flex;
    min-height: 3.05rem;
    align-items: center;
    justify-content: center;
    padding: 0.25rem 2.35rem 0.25rem 1rem;
    border-bottom: 1px solid #dddddd;
    text-align: center;
}

.bb-live-card-title h3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0 !important;
    overflow: hidden !important;
    color: #3d4d65 !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.bb-live-card-title a,
.bb-live-card-title span {
    color: inherit !important;
    text-decoration: none !important;
}

.bb-live-worth {
    min-height: 1.9rem;
    padding: 0.45rem 0.75rem 0.25rem;
    color: #3d4d65;
    font-size: 0.72rem;
    font-weight: 600;
    text-align: center;
}

.bb-live-worth span {
    margin-left: 0.18rem;
    color: #ff632f;
    font-weight: 800;
}

.bb-live-image {
    display: flex !important;
    height: 12.25rem !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0.2rem 1rem 0.6rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    aspect-ratio: auto !important;
    text-decoration: none !important;
}

.bb-live-image img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 11.4rem !important;
    object-fit: contain !important;
}

.bb-live-image span {
    color: #667085;
    font-weight: 700;
}

.bb-live-meta {
    display: flex;
    min-height: 2.25rem;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.9rem 0.35rem;
    color: #87b04b;
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.1;
}

.bb-live-credit-cost {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.22rem !important;
    color: #8a7560 !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
}

.bb-live-credit-icon {
    display: inline-grid;
    width: 1.25rem;
    height: 1.25rem;
    place-items: center;
    border: 2px solid #8a7560;
    border-radius: 999px;
    background: #ffffff;
    color: #8a7560;
    font-size: 0.68rem;
    line-height: 1;
}

.bb-live-status-strip {
    min-height: 3.8rem;
    padding: 0.25rem 0.85rem 0.45rem;
    background: #f0f0f0;
}

.bb-live-timer {
    color: #3d4d65 !important;
    font-size: 1.25rem !important;
    font-weight: 700 !important;
    line-height: 1.15 !important;
    text-align: right !important;
    font-variant-numeric: tabular-nums;
}

.bb-live-timer.is-final-timer-wording,
.bb-bid-console div:nth-child(2) strong.is-final-timer-wording {
    color: var(--bb-final-timer-color, #dc2626) !important;
}

.bb-live-status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.bb-live-status-row strong {
    color: #ff632f !important;
    font-size: 1rem !important;
    font-weight: 800 !important;
}

.bb-live-status-row span {
    max-width: 8rem;
    overflow: hidden;
    color: #ff632f !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    text-align: right !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bb-live-actions {
    display: grid !important;
    grid-template-columns: 2.25rem 2.25rem 1fr;
    gap: 0.45rem;
    align-items: center;
    margin: 0 !important;
    padding: 0.75rem 0.9rem 0.35rem !important;
}

.bb-live-bid-form {
    display: contents !important;
}

.bb-live-card-error {
    position: absolute !important;
    right: 0.65rem !important;
    bottom: 0.55rem !important;
    left: 0.65rem !important;
    z-index: 7 !important;
    margin: 0 !important;
    padding: 0.45rem 0.55rem !important;
    border: 1px solid #fecaca !important;
    border-radius: 0.25rem !important;
    background: #fff1f2 !important;
    color: #b42318 !important;
    font-size: 0.78rem !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-align: center !important;
    box-shadow: 0 8px 18px rgba(16, 24, 40, 0.12) !important;
}

.bb-live-card-error[hidden] {
    display: none !important;
}

.bb-live-icon-button {
    position: relative;
    display: grid;
    height: 2.2rem;
    place-items: center;
    border-radius: 0.25rem;
    background: #3d4d65;
    opacity: 0.95;
    text-decoration: none;
}

.bb-live-icon-button.is-cart {
    background: #337ab7;
}

.bb-live-icon-button.is-disabled {
    background: #6b7280;
    opacity: 0.75;
}

.bb-live-icon-button::before {
    color: #ffffff;
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 1;
}

.bb-live-icon-button.is-cart::before {
    content: "+";
}

.bb-live-icon-button.is-tools::before {
    content: "*";
}

.bb-live-bid-button {
    display: flex !important;
    min-height: 2.2rem !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.35rem 0.7rem !important;
    border: 0 !important;
    border-radius: 0.25rem !important;
    background: #88b04b !important;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}

.bb-live-bid-button:hover,
.bb-live-bid-button:focus {
    background: #6b8b3a !important;
}

.bb-live-bid-button.is-preview-inert,
.bb-live-bid-button.is-preview-inert:hover,
.bb-live-bid-button.is-preview-inert:focus {
    cursor: default !important;
    background: #88b04b !important;
}

.bb-live-site-card.is-ended .bb-live-status-strip {
    background: #f5f5f5;
}

@media (max-width: 1100px) {
    .bb-lot-grid,
    .bb-auction-grid {
        grid-template-columns: repeat(3, minmax(0, 18rem)) !important;
    }
}

@media (max-width: 780px) {
    .bb-lot-grid,
    .bb-auction-grid {
        grid-template-columns: repeat(2, minmax(0, 18rem)) !important;
    }
}

@media (max-width: 560px) {
    .bb-lot-grid,
    .bb-auction-grid {
        grid-template-columns: minmax(0, 18rem) !important;
    }
}

/* Customer auction card isolation: keep old preview/card experiments from bleeding in. */
.bb-live-card-grid {
    display: grid !important;
    grid-template-columns: repeat(var(--bb-auction-card-columns, 4), minmax(0, 18.5rem)) !important;
    justify-content: center !important;
    align-items: start !important;
    column-gap: 1.25rem !important;
    row-gap: 1.9rem !important;
    padding: 1rem 0 1.35rem !important;
    background: transparent !important;
}

.bb-live-card-grid .bb-live-site-card,
.bb-live-card-grid .bb-live-site-card * {
    box-sizing: border-box !important;
}

.bb-live-card-grid .bb-live-site-card {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    width: 18.5rem !important;
    max-width: 18.5rem !important;
    min-height: 0 !important;
    height: auto !important;
    overflow: hidden !important;
    border: 1px solid #d8dde6 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    box-shadow: none !important;
    transform: none !important;
}

.bb-live-card-grid .bb-live-card-title {
    position: relative !important;
    display: flex !important;
    min-height: 3.18rem !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.36rem 0.85rem !important;
    border-bottom: 1px solid #dddddd !important;
    background: #ffffff !important;
    text-align: center !important;
}

.bb-live-card-grid .bb-live-site-card:not(.is-upcoming):not(.is-ended) .bb-live-card-title {
    padding-right: 2.45rem !important;
}

.bb-live-card-grid .bb-live-site-card:not(.is-upcoming):not(.is-ended) .bb-live-worth {
    padding-right: 2.65rem !important;
}

.bb-live-card-grid .bb-live-card-title h3 {
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: #3d4d65 !important;
    font-size: 0.94rem !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
    line-height: 1.16 !important;
}

.bb-live-card-grid .bb-live-card-title a,
.bb-live-card-grid .bb-live-card-title span {
    color: inherit !important;
    text-decoration: none !important;
}

.bb-live-card-grid .bb-live-worth {
    min-height: 2.05rem !important;
    padding: 0.46rem 0.75rem 0.28rem !important;
    background: #ffffff !important;
    color: #3d4d65 !important;
    font-size: 0.88rem !important;
    font-weight: 700 !important;
    text-align: center !important;
}

.bb-live-card-grid .bb-live-worth span {
    margin-left: 0.2rem !important;
    color: #ff632f !important;
    font-weight: 800 !important;
}

.bb-live-card-grid .bb-live-image {
    display: flex !important;
    height: 13.45rem !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0.98rem 1.15rem 0.85rem !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    aspect-ratio: auto !important;
    text-decoration: none !important;
}

.bb-live-card-grid .bb-live-image img {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 92% !important;
    max-height: 11.2rem !important;
    object-fit: contain !important;
}

.bb-live-card-grid .bb-live-meta {
    display: flex !important;
    min-height: 2.45rem !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
    padding: 0.2rem 0.85rem 0.5rem !important;
    color: #87b04b !important;
    font-size: 0.88rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
}

.bb-live-card-grid .bb-live-card-top-icons {
    position: absolute !important;
    top: 3.72rem !important;
    right: 0.5rem !important;
    z-index: 3 !important;
    display: grid !important;
    gap: 0.48rem !important;
    justify-items: center !important;
}

.bb-live-card-grid .bb-live-favourite-form {
    margin: 0 !important;
}

.bb-live-card-grid .bb-live-meta-icon {
    position: relative !important;
    display: grid !important;
    width: 1.72rem !important;
    height: 1.72rem !important;
    place-items: center !important;
    border: 1px solid rgba(255, 255, 255, 0.86) !important;
    border-radius: 999px !important;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.16) !important;
    text-decoration: none !important;
}

.bb-live-card-grid button.bb-live-meta-icon {
    border: 1px solid rgba(255, 255, 255, 0.86) !important;
    cursor: pointer !important;
}

.bb-live-card-grid .bb-live-meta-icon.is-auction-type {
    background: #078669 !important;
}

.bb-live-card-grid .bb-live-meta-icon.is-bidpack-type {
    background: #6f48c9 !important;
}

.bb-live-card-grid .bb-live-meta-icon.is-favourite {
    background: #e05a72 !important;
}

.bb-live-card-grid .bb-live-meta-icon.is-favourite.is-active {
    border-color: #ffd7de !important;
    background: #be123c !important;
}

.bb-live-card-grid .bb-live-meta-icon.is-featured-product {
    background: #f97316 !important;
}

.bb-live-card-grid .bb-live-meta-icon::before {
    content: "" !important;
    width: 1.14rem !important;
    height: 1.14rem !important;
    background: #ffffff !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    -webkit-mask-size: contain !important;
}

.bb-live-card-grid .bb-live-credit-cost {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 0.34rem !important;
    color: #6f5b31 !important;
    font-size: 0.9rem !important;
    font-weight: 800 !important;
    white-space: nowrap !important;
}

.bb-live-card-grid .bb-card-has-tooltip {
    position: relative !important;
}

.bb-live-card-grid .bb-card-has-tooltip::after {
    content: attr(data-tooltip) !important;
    position: absolute !important;
    left: 50% !important;
    bottom: calc(100% + 0.45rem) !important;
    z-index: 10 !important;
    width: max-content !important;
    max-width: 14rem !important;
    padding: 0.45rem 0.55rem !important;
    border-radius: 0.22rem !important;
    background: #101828 !important;
    color: #ffffff !important;
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-align: left !important;
    text-transform: none !important;
    white-space: normal !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translate(-50%, 0.2rem) !important;
    transition: opacity 140ms ease, transform 140ms ease !important;
}

.bb-live-card-grid .bb-live-credit-cost.bb-card-has-tooltip::before {
    content: "" !important;
    position: absolute !important;
    right: 0.35rem !important;
    bottom: calc(100% + 0.12rem) !important;
    z-index: 11 !important;
    border: 0.35rem solid transparent !important;
    border-top-color: #101828 !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateY(0.2rem) !important;
    transition: opacity 140ms ease, transform 140ms ease !important;
}

.bb-live-card-grid .bb-card-has-tooltip:hover::after,
.bb-live-card-grid .bb-card-has-tooltip:focus::after,
.bb-live-card-grid .bb-card-has-tooltip:focus-within::after {
    opacity: 1 !important;
    transform: translate(-50%, 0) !important;
}

.bb-live-card-grid .bb-live-credit-cost.bb-card-has-tooltip::after {
    right: 0 !important;
    left: auto !important;
    transform: translateY(0.2rem) !important;
}

.bb-live-card-grid .bb-live-credit-cost.bb-card-has-tooltip:hover::after,
.bb-live-card-grid .bb-live-credit-cost.bb-card-has-tooltip:focus::after,
.bb-live-card-grid .bb-live-credit-cost.bb-card-has-tooltip:focus-within::after,
.bb-live-card-grid .bb-live-credit-cost.bb-card-has-tooltip:hover::before,
.bb-live-card-grid .bb-live-credit-cost.bb-card-has-tooltip:focus::before,
.bb-live-card-grid .bb-live-credit-cost.bb-card-has-tooltip:focus-within::before {
    opacity: 1 !important;
    transform: translateY(0) !important;
}

.bb-live-card-grid .bb-live-icon-button.bb-card-has-tooltip::after {
    left: 0 !important;
    max-width: 11.8rem !important;
    transform: translateY(0.2rem) !important;
}

.bb-live-card-grid .bb-live-meta-icon.bb-card-has-tooltip::after {
    right: 0 !important;
    left: auto !important;
    max-width: 12rem !important;
    transform: translateY(0.2rem) !important;
}

.bb-live-card-grid .bb-live-icon-button.bb-card-has-tooltip:hover::after,
.bb-live-card-grid .bb-live-icon-button.bb-card-has-tooltip:focus::after {
    transform: translateY(0) !important;
}

.bb-live-card-grid .bb-live-meta-icon.bb-card-has-tooltip:hover::after,
.bb-live-card-grid .bb-live-meta-icon.bb-card-has-tooltip:focus::after {
    transform: translateY(0) !important;
}

.bb-live-card-grid .bb-live-credit-icon {
    position: relative !important;
    display: inline-block !important;
    width: 1.58rem !important;
    height: 1.58rem !important;
    flex: 0 0 auto !important;
    border: 1px solid #b98a2b !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #ffe9a8 0%, #e9b33b 100%) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72), 0 1px 2px rgba(111, 91, 49, 0.16) !important;
}

.bb-live-card-grid .bb-live-credit-icon::before {
    content: "" !important;
    position: absolute !important;
    inset: 0.27rem !important;
    background: #ffffff !important;
    clip-path: polygon(50% 0%, 61% 34%, 97% 34%, 68% 54%, 79% 90%, 50% 68%, 21% 90%, 32% 54%, 3% 34%, 39% 34%) !important;
    filter: drop-shadow(0 1px 0 rgba(72, 52, 14, 0.28)) !important;
}

.bb-live-card-grid .bb-live-status-strip {
    display: grid !important;
    grid-template-columns: minmax(5.8rem, 0.9fr) minmax(0, 1.1fr) !important;
    min-height: 4.2rem !important;
    align-items: center !important;
    gap: 0.95rem !important;
    padding: 0.5rem 0.85rem 0.42rem !important;
    background: #f0f0f0 !important;
}

.bb-live-card-grid .bb-live-status-strip.is-live {
    display: flex !important;
    min-height: 5.95rem !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.74rem 0.85rem 0.68rem !important;
}

.bb-live-card-grid .bb-live-status-strip.is-ended {
    display: flex !important;
    min-height: 5.95rem !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.74rem 0.85rem 0.68rem !important;
    background: #f0f0f0 !important;
}

.bb-live-card-grid .bb-live-price {
    display: flex !important;
    align-self: center !important;
    align-items: center !important;
    justify-content: flex-start !important;
    padding-bottom: 0.16rem !important;
    color: #05a660 !important;
    font-size: 1.14rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: left !important;
}

.bb-live-card-grid .bb-live-status-stack {
    display: grid !important;
    grid-column: 2 !important;
    gap: 0.18rem !important;
    justify-items: center !important;
    min-width: 0 !important;
}

.bb-live-card-grid .bb-live-status-strip.is-live .bb-live-status-stack {
    width: 100% !important;
    gap: 0.44rem !important;
    transform: none !important;
}

.bb-live-card-grid .bb-live-status-strip.is-live .bb-live-price,
.bb-live-card-grid .bb-live-status-strip.is-ended .bb-live-price {
    display: block !important;
    justify-content: center !important;
    padding: 0 !important;
    font-size: 1.18rem !important;
    text-align: center !important;
}

.bb-live-card-grid .bb-live-timer,
.bb-live-card-grid .bb-live-bidder {
    display: block !important;
    max-width: 100% !important;
    overflow: visible !important;
    font-size: 1.08rem !important;
    font-weight: 800 !important;
    line-height: 1.22 !important;
    text-align: center !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
}

.bb-live-card-grid .bb-live-timer {
    color: #3d4d65 !important;
    font-variant-numeric: tabular-nums !important;
}

.bb-live-card-grid .bb-live-timer.is-final-timer-wording {
    color: var(--bb-final-timer-color, #dc2626) !important;
}

.bb-live-card-grid .bb-live-bidder {
    color: #ff632f !important;
    font-size: 0.95rem !important;
    padding-bottom: 0.08rem !important;
    line-height: 1.18 !important;
}

.bb-live-card-grid .bb-live-status-strip.is-live .bb-live-timer {
    font-size: 1.08rem !important;
}

.bb-live-card-grid .bb-live-status-strip.is-live .bb-live-bidder {
    font-size: 0.9rem !important;
    line-height: 1.2 !important;
}

.bb-live-card-grid .bb-live-status-strip.is-ended .bb-live-status-stack {
    width: 100% !important;
    gap: 0.44rem !important;
}

.bb-live-card-grid .bb-live-status-strip.is-ended .bb-live-timer {
    font-size: 1.08rem !important;
}

.bb-live-card-grid .bb-live-status-strip.is-ended .bb-live-bidder {
    color: #ff632f !important;
    font-size: 0.9rem !important;
    line-height: 1.2 !important;
}

.bb-live-bidder.is-bid-update-flash,
.bb-live-bidder.is-bid-update-grow,
.bb-live-bidder.is-bid-update-shake,
.bb-live-bidder.is-bid-update-pulse,
.bb-bid-console em.is-bid-update-flash,
.bb-bid-console em.is-bid-update-grow,
.bb-bid-console em.is-bid-update-shake,
.bb-bid-console em.is-bid-update-pulse {
    transform-origin: center;
    will-change: transform;
}

.bb-live-bidder.is-bid-update-flash,
.bb-live-bidder.is-bid-update-pulse,
.bb-bid-console em.is-bid-update-flash,
.bb-bid-console em.is-bid-update-pulse {
    animation: bb-bidder-update-flash 760ms ease-out;
}

.bb-live-bidder.is-bid-update-grow,
.bb-bid-console em.is-bid-update-grow {
    animation: bb-bidder-update-grow 760ms cubic-bezier(0.18, 0.89, 0.32, 1.28);
}

.bb-live-bidder.is-bid-update-shake,
.bb-bid-console em.is-bid-update-shake {
    animation: bb-bidder-update-shake 620ms ease-out;
}

@keyframes bb-bidder-update-flash {
    0% {
        color: #ffffff;
        background: #ff632f;
        border-radius: 0.18rem;
        text-shadow: 0 1px 0 rgba(16, 24, 40, 0.16);
    }

    100% {
        background: transparent;
        text-shadow: none;
    }
}

@keyframes bb-bidder-update-grow {
    0% {
        transform: scale(1);
    }

    28% {
        transform: scale(1.36);
    }

    58% {
        transform: scale(1.12);
    }

    100% {
        transform: scale(1);
    }
}

@keyframes bb-bidder-update-shake {
    0%,
    100% {
        transform: translateX(0) scale(1);
    }

    18% {
        transform: translateX(-0.2rem) scale(1);
    }

    36% {
        transform: translateX(0.2rem) scale(1);
    }

    54% {
        transform: translateX(-0.14rem) scale(1);
    }

    72% {
        transform: translateX(0.1rem) scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .bb-live-bidder.is-bid-update-flash,
    .bb-live-bidder.is-bid-update-grow,
    .bb-live-bidder.is-bid-update-shake,
    .bb-live-bidder.is-bid-update-pulse,
    .bb-bid-console em.is-bid-update-flash,
    .bb-bid-console em.is-bid-update-grow,
    .bb-bid-console em.is-bid-update-shake,
    .bb-bid-console em.is-bid-update-pulse {
        animation: bb-bidder-update-pulse-reduced 360ms ease-out;
    }
}

@keyframes bb-bidder-update-pulse-reduced {
    0% {
        color: #ffffff;
        background: #ff632f;
        border-radius: 0.18rem;
        text-shadow: 0 1px 0 rgba(16, 24, 40, 0.16);
    }

    100% {
        background: transparent;
        text-shadow: none;
    }
}

.bb-live-card-grid .bb-live-actions {
    display: grid !important;
    grid-template-columns: 2.35rem 2.35rem 1fr !important;
    gap: 0.45rem !important;
    align-items: center !important;
    margin: 0 !important;
    padding: 0.72rem 0.85rem 0.5rem !important;
}

.bb-live-card-grid .bb-live-icon-button {
    position: relative !important;
    display: grid !important;
    height: 2.25rem !important;
    place-items: center !important;
    border: 0 !important;
    border-radius: 0.22rem !important;
    background: #344054 !important;
    opacity: 0.95 !important;
    text-decoration: none !important;
}

.bb-live-card-grid .bb-live-icon-button.is-cart {
    background: #2d78b7 !important;
}

.bb-live-card-grid .bb-live-icon-button.is-tools {
    background: #344054 !important;
}

.bb-live-card-grid .bb-live-icon-button.is-auction-type {
    background: #078669 !important;
}

.bb-live-card-grid .bb-live-icon-button.is-favourite {
    background: #e05a72 !important;
}

.bb-live-card-grid .bb-live-icon-button.is-disabled {
    background: #98a2b3 !important;
    cursor: help !important;
    opacity: 0.82 !important;
}

.bb-live-card-grid .bb-live-icon-button::before {
    content: "" !important;
    width: 1.18rem !important;
    height: 1.18rem !important;
    background: #ffffff !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
    mask-size: contain !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    -webkit-mask-size: contain !important;
}

.bb-live-card-grid .bb-live-icon-button.is-cart::before {
    mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M7%2018a2%202%200%201%200%200%204%202%202%200%200%200%200-4Zm10%200a2%202%200%201%200%200%204%202%202%200%200%200%200-4ZM6.2%206l.7%203.5h10.6l1.8-3.5H6.2ZM4%203H1v2h2.4l2.7%2011H18v-2H7.7l-.5-2H19l3-8H6.5L6%203H4Z%27/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M7%2018a2%202%200%201%200%200%204%202%202%200%200%200%200-4Zm10%200a2%202%200%201%200%200%204%202%202%200%200%200%200-4ZM6.2%206l.7%203.5h10.6l1.8-3.5H6.2ZM4%203H1v2h2.4l2.7%2011H18v-2H7.7l-.5-2H19l3-8H6.5L6%203H4Z%27/%3E%3C/svg%3E") !important;
}

.bb-live-card-grid .bb-live-icon-button.is-tools::before {
    mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M12%202a10%2010%200%201%200%209.6%207.2h-2.2A8%208%200%201%201%2012%204c2.2%200%204.2.9%205.7%202.3L15%209h7V2l-2.8%202.8A9.96%209.96%200%200%200%2012%202Zm1%205h-2v6l5%203%201-1.7-4-2.3V7Z%27/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M12%202a10%2010%200%201%200%209.6%207.2h-2.2A8%208%200%201%201%2012%204c2.2%200%204.2.9%205.7%202.3L15%209h7V2l-2.8%202.8A9.96%209.96%200%200%200%2012%202Zm1%205h-2v6l5%203%201-1.7-4-2.3V7Z%27/%3E%3C/svg%3E") !important;
}

.bb-live-card-grid .bb-live-icon-button.is-auction-type::before,
.bb-live-card-grid .bb-live-meta-icon.is-auction-type::before {
    mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M13.8%202.2l8%208-2.3%202.3-1.2-1.2-5.9%205.9%201.3%201.3-2.4%202.4-8-8%202.4-2.4%201.3%201.3%205.9-5.9-1.3-1.3%202.2-2.3ZM2.8%2020h9.4v2H2.8v-2Z%27/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M13.8%202.2l8%208-2.3%202.3-1.2-1.2-5.9%205.9%201.3%201.3-2.4%202.4-8-8%202.4-2.4%201.3%201.3%205.9-5.9-1.3-1.3%202.2-2.3ZM2.8%2020h9.4v2H2.8v-2Z%27/%3E%3C/svg%3E") !important;
}

.bb-live-card-grid .bb-live-meta-icon.is-bidpack-type::before {
    mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M4%204h16a2%202%200%200%201%202%202v3a3%203%200%200%200%200%206v3a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2v-3a3%203%200%200%200%200-6V6a2%202%200%200%201%202-2Zm5%203v10h2V7H9Zm4%200v10h2V7h-2Zm4%200v10h1.5V7H17Z%27/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M4%204h16a2%202%200%200%201%202%202v3a3%203%200%200%200%200%206v3a2%202%200%200%201-2%202H4a2%202%200%200%201-2-2v-3a3%203%200%200%200%200-6V6a2%202%200%200%201%202-2Zm5%203v10h2V7H9Zm4%200v10h2V7h-2Zm4%200v10h1.5V7H17Z%27/%3E%3C/svg%3E") !important;
}

.bb-live-card-grid .bb-live-meta-icon.is-featured-product::before {
    mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M7%203h10a2%202%200%200%201%202%202v5.2a5%205%200%200%201-3.1%204.6L17%2021l-5-3-5%203%201.1-6.2A5%205%200%200%201%205%2010.2V5a2%202%200%200%201%202-2Zm1.5%203v4.2a1.5%201.5%200%200%200%201.5%201.5h4a1.5%201.5%200%200%200%201.5-1.5V6h-7Z%27/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M7%203h10a2%202%200%200%201%202%202v5.2a5%205%200%200%201-3.1%204.6L17%2021l-5-3-5%203%201.1-6.2A5%205%200%200%201%205%2010.2V5a2%202%200%200%201%202-2Zm1.5%203v4.2a1.5%201.5%200%200%200%201.5%201.5h4a1.5%201.5%200%200%200%201.5-1.5V6h-7Z%27/%3E%3C/svg%3E") !important;
}

.bb-live-card-grid .bb-live-icon-button.is-favourite::before,
.bb-live-card-grid .bb-live-meta-icon.is-favourite::before {
    mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M12%2021.2l-1.2-1.1C5.9%2015.7%202.6%2012.7%202.6%208.9%202.6%205.7%205.1%203.2%208.2%203.2c1.5%200%202.9.6%203.8%201.7.9-1.1%202.3-1.7%203.8-1.7%203.1%200%205.6%202.5%205.6%205.7%200%203.8-3.3%206.8-8.2%2011.2L12%2021.2Z%27/%3E%3C/svg%3E") !important;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20viewBox%3D%270%200%2024%2024%27%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%3E%3Cpath%20fill%3D%27black%27%20d%3D%27M12%2021.2l-1.2-1.1C5.9%2015.7%202.6%2012.7%202.6%208.9%202.6%205.7%205.1%203.2%208.2%203.2c1.5%200%202.9.6%203.8%201.7.9-1.1%202.3-1.7%203.8-1.7%203.1%200%205.6%202.5%205.6%205.7%200%203.8-3.3%206.8-8.2%2011.2L12%2021.2Z%27/%3E%3C/svg%3E") !important;
}

.bb-live-card-grid .bb-live-bid-button {
    display: flex !important;
    min-height: 2.25rem !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.35rem 0.65rem !important;
    border: 0 !important;
    border-radius: 0.22rem !important;
    background: #88b04b !important;
    color: #ffffff !important;
    font-size: 0.9rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.bb-live-card-grid .bb-live-bid-button:hover,
.bb-live-card-grid .bb-live-bid-button:focus {
    background: #6b8b3a !important;
}

.bb-live-card-grid .bb-live-site-card.is-bidpack .bb-live-bid-button {
    background: #6f48c9 !important;
}

.bb-live-card-grid .bb-live-site-card.is-bidpack .bb-live-bid-button:hover,
.bb-live-card-grid .bb-live-site-card.is-bidpack .bb-live-bid-button:focus {
    background: #5836a8 !important;
}

.bb-live-card-grid .bb-live-site-card.is-upcoming {
    min-height: 0 !important;
}

.bb-live-card-grid .bb-live-site-card.is-ended {
    min-height: 31rem !important;
}

.bb-live-card-grid .bb-live-site-card.is-upcoming .bb-live-card-title,
.bb-live-card-grid .bb-live-site-card.is-ended .bb-live-card-title {
    min-height: 3.18rem !important;
}

.bb-live-card-grid .bb-live-site-card.is-upcoming .bb-live-card-title h3,
.bb-live-card-grid .bb-live-site-card.is-ended .bb-live-card-title h3 {
    font-size: 0.94rem !important;
}

.bb-live-card-grid .bb-live-site-card.is-upcoming .bb-live-worth,
.bb-live-card-grid .bb-live-site-card.is-ended .bb-live-worth {
    min-height: 2.05rem !important;
    padding: 0.48rem 0.75rem 0.28rem !important;
    font-size: 0.84rem !important;
}

.bb-live-card-grid .bb-live-site-card.is-upcoming .bb-live-image {
    height: 12.55rem !important;
    padding: 1.15rem 1.15rem 1.3rem !important;
}

.bb-live-card-grid .bb-live-site-card.is-upcoming .bb-live-image img {
    max-height: 9.75rem !important;
}

.bb-live-card-grid .bb-upcoming-open-time {
    display: flex !important;
    min-height: 2.45rem !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0.5rem 0.75rem !important;
    border-top: 1px solid #e3ebd7 !important;
    border-bottom: 1px solid #dce8cc !important;
    background: #f4f8ee !important;
    color: #3f5d28 !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
}

.bb-live-card-grid .bb-ended-auction-id {
    min-height: 2.25rem !important;
    padding: 0.48rem 0.75rem 0.28rem !important;
    color: #ff632f !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    text-align: center !important;
}

.bb-live-card-grid .bb-live-site-card.is-ended .bb-live-image {
    height: 13.45rem !important;
    padding: 0.98rem 1.15rem 0.85rem !important;
}

.bb-live-card-grid .bb-live-site-card.is-ended .bb-live-image img {
    max-height: 11.2rem !important;
}

.bb-live-card-grid .bb-ended-result {
    display: grid !important;
    gap: 0.45rem !important;
    padding: 0.35rem 0.85rem 0.62rem !important;
}

.bb-live-card-grid .bb-ended-winner-row {
    display: flex !important;
    min-height: 1.85rem !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.5rem !important;
    color: #ff632f !important;
    font-size: 0.86rem !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
}

.bb-live-card-grid .bb-ended-winner-row strong {
    max-width: 8rem !important;
    overflow: hidden !important;
    color: #88b04b !important;
    font-size: 0.92rem !important;
    text-align: right !important;
    text-overflow: ellipsis !important;
    text-transform: none !important;
    white-space: nowrap !important;
}

.bb-live-card-grid .bb-ended-price-row {
    display: flex !important;
    min-height: 2.15rem !important;
    align-items: center !important;
    justify-content: center !important;
    background: #efefef !important;
    color: #3d4d65 !important;
    font-size: 0.92rem !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.bb-live-card-grid .bb-live-site-card.is-ended .bb-live-actions {
    padding-top: 0.12rem !important;
}

.bb-live-card-grid .bb-live-site-card.is-ended .bb-live-bid-button {
    background: #667085 !important;
    color: #ffffff !important;
}

.bb-live-card-grid .bb-live-site-card.is-ended .bb-live-bid-button:hover,
.bb-live-card-grid .bb-live-site-card.is-ended .bb-live-bid-button:focus {
    background: #475467 !important;
}

.bb-live-card-grid .bb-live-actions.is-state-actions {
    grid-template-columns: 1fr !important;
    padding-top: 0.35rem !important;
}

.bb-live-card-grid .bb-live-actions.is-state-actions .bb-live-bid-button {
    min-height: 2.12rem !important;
    background: #88b04b !important;
    font-size: 0.82rem !important;
}

.bb-live-card-grid .bb-live-site-card.is-upcoming .bb-live-actions {
    padding: 0.55rem 0 0 !important;
}

.bb-live-card-grid .bb-live-site-card.is-upcoming .bb-live-bid-button {
    border-radius: 0 !important;
    background: #7da63f !important;
    color: #ffffff !important;
    letter-spacing: 0 !important;
}

.bb-live-card-grid .bb-live-site-card.is-upcoming .bb-live-bid-button:hover,
.bb-live-card-grid .bb-live-site-card.is-upcoming .bb-live-bid-button:focus {
    background: #668c31 !important;
}

.bb-site.is-auction-cards-5 .bb-section,
.bb-site.is-auction-cards-5 .bb-auction-band,
.bb-site.is-auction-cards-5 .bb-home-section-title,
.bb-auction-band:has(.bb-live-card-grid.is-auction-cards-5),
.bb-home-section-title:has(+ .bb-auction-band .bb-live-card-grid.is-auction-cards-5) {
    width: min(1500px, calc(100% - 2rem)) !important;
}

.bb-site.is-auction-cards-5 .bb-live-card-grid,
.bb-live-card-grid.is-auction-cards-5 {
    grid-template-columns: repeat(5, minmax(0, 17.4rem)) !important;
    column-gap: 1rem !important;
    row-gap: 1.75rem !important;
}

.bb-site.is-auction-cards-5 .bb-live-site-card,
.bb-live-card-grid.is-auction-cards-5 .bb-live-site-card {
    width: 17.4rem !important;
    max-width: 17.4rem !important;
}

.bb-site.is-auction-cards-5 .bb-live-card-title h3,
.bb-live-card-grid.is-auction-cards-5 .bb-live-card-title h3 {
    font-size: 0.86rem !important;
}

.bb-site.is-auction-cards-5 .bb-live-worth,
.bb-site.is-auction-cards-5 .bb-live-meta,
.bb-live-card-grid.is-auction-cards-5 .bb-live-worth,
.bb-live-card-grid.is-auction-cards-5 .bb-live-meta {
    font-size: 0.78rem !important;
}

.bb-site.is-auction-cards-5 .bb-live-credit-cost,
.bb-live-card-grid.is-auction-cards-5 .bb-live-credit-cost {
    font-size: 1rem !important;
}

.bb-site.is-auction-cards-5 .bb-live-credit-icon,
.bb-live-card-grid.is-auction-cards-5 .bb-live-credit-icon {
    width: 1.42rem !important;
    height: 1.42rem !important;
}

.bb-site.is-auction-cards-5 .bb-live-status-strip,
.bb-live-card-grid.is-auction-cards-5 .bb-live-status-strip {
    grid-template-columns: minmax(4.7rem, 0.85fr) minmax(0, 1.15fr) !important;
    gap: 0.55rem !important;
    padding-right: 0.65rem !important;
    padding-left: 0.65rem !important;
}

.bb-site.is-auction-cards-5 .bb-live-price,
.bb-live-card-grid.is-auction-cards-5 .bb-live-price {
    font-size: 1rem !important;
}

.bb-site.is-auction-cards-5 .bb-live-timer,
.bb-live-card-grid.is-auction-cards-5 .bb-live-timer {
    font-size: 0.98rem !important;
}

.bb-site.is-auction-cards-5 .bb-live-bidder,
.bb-live-card-grid.is-auction-cards-5 .bb-live-bidder {
    font-size: 0.84rem !important;
}

.bb-live-card-grid.is-auction-cards-5 .bb-live-status-strip.is-live .bb-live-status-stack,
.bb-live-card-grid.is-auction-cards-6 .bb-live-status-strip.is-live .bb-live-status-stack {
    transform: none !important;
}

.bb-site.is-auction-cards-5 .bb-live-actions,
.bb-live-card-grid.is-auction-cards-5 .bb-live-actions {
    grid-template-columns: 2rem 2rem 1fr !important;
    gap: 0.35rem !important;
    padding-right: 0.65rem !important;
    padding-left: 0.65rem !important;
}

.bb-site.is-auction-cards-5 .bb-live-icon-button,
.bb-site.is-auction-cards-5 .bb-live-bid-button,
.bb-live-card-grid.is-auction-cards-5 .bb-live-icon-button,
.bb-live-card-grid.is-auction-cards-5 .bb-live-bid-button {
    min-height: 2.1rem !important;
}

.bb-site.is-auction-cards-5 .bb-live-icon-button,
.bb-live-card-grid.is-auction-cards-5 .bb-live-icon-button {
    height: 2.1rem !important;
}

.bb-site.is-auction-cards-5 .bb-live-bid-button,
.bb-live-card-grid.is-auction-cards-5 .bb-live-bid-button {
    font-size: 0.78rem !important;
}

.bb-auction-band:has(.bb-live-card-grid.is-auction-cards-6),
.bb-home-section-title:has(+ .bb-auction-band .bb-live-card-grid.is-auction-cards-6) {
    width: min(1760px, calc(100% - 2rem)) !important;
}

.bb-live-card-grid.is-auction-cards-6 {
    grid-template-columns: repeat(6, minmax(0, 16.1rem)) !important;
    column-gap: 0.85rem !important;
    row-gap: 1.7rem !important;
}

.bb-live-card-grid.is-auction-cards-6 .bb-live-site-card {
    width: 16.1rem !important;
    max-width: 16.1rem !important;
}

@media (max-width: 1280px) {
    .bb-site.is-auction-cards-4 .bb-live-card-grid,
    .bb-site.is-auction-cards-5 .bb-live-card-grid,
    .bb-site.is-auction-cards-6 .bb-live-card-grid {
        grid-template-columns: repeat(3, minmax(0, 18.5rem)) !important;
    }

    .bb-site.is-auction-cards-5 .bb-live-site-card {
        width: 18.5rem !important;
        max-width: 18.5rem !important;
    }
}

@media (max-width: 900px) {
    .bb-site.is-auction-cards-3 .bb-live-card-grid,
    .bb-site.is-auction-cards-4 .bb-live-card-grid,
    .bb-site.is-auction-cards-5 .bb-live-card-grid,
    .bb-site.is-auction-cards-6 .bb-live-card-grid {
        grid-template-columns: repeat(2, minmax(0, 18.5rem)) !important;
    }
}

@media (max-width: 620px) {
    .bb-site.is-auction-cards-3 .bb-live-card-grid,
    .bb-site.is-auction-cards-4 .bb-live-card-grid,
    .bb-site.is-auction-cards-5 .bb-live-card-grid,
    .bb-site.is-auction-cards-6 .bb-live-card-grid,
    .bb-live-card-grid,
    .bb-live-card-grid.is-auction-cards-4,
    .bb-live-card-grid.is-auction-cards-5,
    .bb-live-card-grid.is-auction-cards-6 {
        grid-template-columns: minmax(0, min(18.5rem, calc(100vw - 2rem))) !important;
        justify-content: center !important;
        width: 100% !important;
        max-width: 100% !important;
        column-gap: 0 !important;
    }

    .bb-live-card-grid .bb-live-site-card,
    .bb-live-card-grid.is-auction-cards-5 .bb-live-site-card,
    .bb-live-card-grid.is-auction-cards-6 .bb-live-site-card,
    .bb-site.is-auction-cards-5 .bb-live-site-card {
        width: min(18.5rem, calc(100vw - 2rem)) !important;
        max-width: min(18.5rem, calc(100vw - 2rem)) !important;
    }

    .bb-live-card-grid .bb-card-has-tooltip::after {
        max-width: min(14rem, calc(100vw - 3rem)) !important;
    }
}

/* Auction detail page: calmer customer layout. */
.bb-auction-detail {
    display: block !important;
    width: min(1180px, calc(100% - 2rem)) !important;
    margin-top: 1.35rem !important;
    overflow: visible !important;
    border: 0 !important;
    background: #ffffff !important;
}

.bb-detail-heading {
    padding: 0 0 0.85rem !important;
    border-bottom: 3px solid var(--bb-primary, #05a660) !important;
}

.bb-detail-heading .bb-eyebrow {
    color: #667085 !important;
    font-size: 0.84rem !important;
    font-weight: 600 !important;
    text-transform: none !important;
}

.bb-detail-heading h1 {
    max-width: 58rem !important;
    margin: 0.22rem 0 0 !important;
    color: #344054 !important;
    font-size: 1.22rem !important;
    font-weight: 650 !important;
    line-height: 1.28 !important;
    letter-spacing: 0 !important;
}

.bb-detail-body {
    display: grid !important;
    align-items: start !important;
    grid-template-columns: minmax(0, 0.56fr) minmax(22rem, 0.44fr) !important;
    gap: 1.35rem !important;
    padding-top: 1.2rem !important;
}

.bb-detail-gallery {
    display: grid !important;
    align-content: center !important;
    align-self: start !important;
    height: 30rem !important;
    min-height: 30rem !important;
    padding: 1rem 1.2rem !important;
    border: 1px solid #d8e4f0 !important;
    background: #ffffff !important;
}

.bb-detail-gallery-frame {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-items: center !important;
    gap: 1rem !important;
    width: 100% !important;
}

.bb-detail-main-image {
    display: grid !important;
    width: 100% !important;
    height: 28rem !important;
    min-height: 28rem !important;
    place-items: center !important;
    border: 0 !important;
    background: #ffffff !important;
    cursor: zoom-in !important;
}

.bb-detail-main-image img {
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 28rem !important;
    margin-inline: auto !important;
    object-fit: contain !important;
    padding: 0.35rem !important;
}

.bb-detail-thumbs {
    display: grid !important;
    grid-template-columns: 1fr !important;
    align-content: center !important;
    justify-content: start !important;
    gap: 0.75rem !important;
}

.bb-detail-thumbs button {
    display: grid !important;
    width: 4.9rem !important;
    height: 4.3rem !important;
    place-items: center !important;
    border: 1px solid #d8e4f0 !important;
    border-radius: 0.2rem !important;
    background: #ffffff !important;
    cursor: pointer !important;
}

.bb-detail-thumbs button.is-active,
.bb-detail-thumbs button:hover,
.bb-detail-thumbs button:focus {
    border-color: #84ad46 !important;
    box-shadow: inset 0 0 0 1px #84ad46 !important;
}

.bb-detail-thumbs img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: contain !important;
    padding: 0.35rem !important;
}

.bb-image-zoom {
    width: min(72rem, calc(100vw - 3rem)) !important;
    max-height: calc(100vh - 3rem) !important;
    padding: 2.75rem 1.5rem 1.5rem !important;
    border: 1px solid #d8e4f0 !important;
    background: #ffffff !important;
}

.bb-image-zoom::backdrop {
    background: rgba(16, 24, 40, 0.68) !important;
}

.bb-image-zoom img {
    display: block !important;
    max-width: 100% !important;
    max-height: calc(100vh - 7rem) !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

.bb-image-zoom-close {
    position: absolute !important;
    top: 0.7rem !important;
    right: 0.7rem !important;
    min-height: 2rem !important;
    padding: 0.35rem 0.7rem !important;
    border: 1px solid #d8e4f0 !important;
    border-radius: 0.2rem !important;
    background: #f5f5f5 !important;
    color: #475467 !important;
    font-size: 0.86rem !important;
    font-weight: 600 !important;
}

.bb-detail-panel {
    display: grid !important;
    align-content: start !important;
    gap: 0.85rem !important;
    padding: 0 !important;
}

.bb-bid-console {
    display: grid !important;
    grid-template-columns: 0.9fr 1.1fr !important;
    border: 1px solid #d8e4f0 !important;
    background: #f8fafc !important;
}

.bb-bid-console > div {
    display: grid !important;
    align-content: center !important;
    justify-items: center !important;
    min-width: 0 !important;
    min-height: 4.55rem !important;
    padding: 0.8rem 0.9rem !important;
    text-align: center !important;
}

.bb-bid-console > div + div {
    border-left: 1px solid #d8e4f0 !important;
}

.bb-bid-console small,
.bb-detail-info-list dt,
.bb-detail-tab-list label {
    color: #667085 !important;
    font-size: 0.92rem !important;
    font-weight: 600 !important;
}

.bb-bid-console strong {
    display: block !important;
    margin-top: 0.15rem !important;
    color: #05a660 !important;
    font-size: 1.34rem !important;
    font-weight: 700 !important;
    line-height: 1.22 !important;
}

.bb-bid-console div:nth-child(2) strong {
    color: #344054 !important;
    font-variant-numeric: tabular-nums !important;
}

.bb-bid-console em {
    display: block !important;
    margin-top: 0.18rem !important;
    overflow: hidden !important;
    color: #ff632f !important;
    font-size: 0.98rem !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 1.25 !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.bb-bid-console.is-ended {
    background: #f8fafc !important;
}

.bb-bid-console.is-ended strong,
.bb-bid-console.is-ended div:nth-child(2) strong {
    color: #667085 !important;
}

.bb-detail-action-bar {
    display: grid !important;
    gap: 0.55rem !important;
}

.bb-detail-action-bar form {
    margin: 0 !important;
}

.bb-detail-action-bar button,
.bb-detail-primary-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 2.85rem !important;
    border: 0 !important;
    border-radius: 0.25rem !important;
    background: var(--bb-primary, #05a660) !important;
    color: #ffffff !important;
    font-size: 0.94rem !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}

.bb-detail-action-bar button.is-bidpack,
.bb-detail-primary-link.is-bidpack {
    background: #6f48c9 !important;
}

.bb-detail-action-bar button:disabled,
.bb-detail-primary-link[aria-disabled="true"] {
    background: #98a2b3 !important;
    cursor: not-allowed !important;
}

.bb-detail-secondary-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.55rem !important;
}

.bb-detail-secondary-actions button {
    min-height: 2.55rem !important;
    border: 0 !important;
    border-radius: 0.25rem !important;
    color: #ffffff !important;
    font-size: 0.92rem !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
}

.bb-detail-secondary-actions .is-buy-now {
    background: #2c7db8 !important;
}

.bb-detail-secondary-actions .is-autobid {
    background: #344054 !important;
}

.bb-detail-secondary-actions button:disabled {
    background: #98a2b3 !important;
    color: #ffffff !important;
    cursor: not-allowed !important;
}

.bb-detail-tabs {
    border: 1px solid #d8e4f0 !important;
    border-radius: 0.2rem !important;
    overflow: hidden !important;
}

.bb-detail-tab-list {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important;
    border-bottom: 1px solid #d8e4f0 !important;
    background: #f5f5f5 !important;
}

.bb-detail-tab-list label {
    min-height: 2.75rem !important;
    padding: 0.65rem 0.5rem !important;
    border-right: 1px solid #d8e4f0 !important;
    color: #344054 !important;
    font-size: 1.02rem !important;
    font-weight: 600 !important;
    text-align: center !important;
}

.bb-detail-tab-list label:last-child {
    border-right: 0 !important;
}

#bb-tab-info:checked ~ .bb-detail-tab-list label[for="bb-tab-info"],
#bb-tab-history:checked ~ .bb-detail-tab-list label[for="bb-tab-history"],
#bb-tab-autobid:checked ~ .bb-detail-tab-list label[for="bb-tab-autobid"] {
    color: #ff632f !important;
}

.bb-detail-tab-panel {
    min-height: 15.4rem !important;
    padding: 0.95rem 1rem !important;
    background: #ffffff !important;
}

.bb-detail-info-list div {
    min-height: 2.55rem !important;
    border-bottom: 1px solid #e4e7ec !important;
}

.bb-detail-info-list dt {
    color: #7a8493 !important;
    font-size: 0.98rem !important;
    font-weight: 600 !important;
}

.bb-detail-info-list dd {
    color: #475467 !important;
    font-size: 1rem !important;
    font-weight: 600 !important;
}

.bb-bid-history-table {
    border-collapse: collapse !important;
    color: #667085 !important;
    font-size: 1rem !important;
    width: 100% !important;
}

.bb-bid-history-table th,
.bb-bid-history-table td {
    padding: 0.68rem 0.7rem !important;
    border: 1px solid #e4e7ec !important;
}

.bb-bid-history-table th {
    color: #7da63f !important;
    font-size: 1.12rem !important;
    font-weight: 600 !important;
}

.bb-bid-history-table td {
    color: #667085 !important;
    font-weight: 500 !important;
}

.bb-bid-history-table tbody tr:nth-child(odd) {
    background: #ffffff !important;
}

.bb-bid-history-table tbody tr:nth-child(even) {
    background: #f5f5f5 !important;
}

.bb-autobid-panel,
.bb-detail-empty-panel {
    min-height: 11.5rem !important;
}

.bb-autobid-panel {
    display: grid !important;
    width: 100% !important;
    align-content: start !important;
    gap: 0.85rem !important;
    justify-items: stretch !important;
    text-align: left !important;
}

.bb-autobid-header {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 0.85rem !important;
}

.bb-autobid-header strong {
    display: block !important;
    color: #344054 !important;
    font-size: 1.05rem !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
}

.bb-autobid-header span {
    display: block !important;
    margin-top: 0.18rem !important;
    color: #667085 !important;
    font-size: 0.9rem !important;
    line-height: 1.35 !important;
}

.bb-autobid-status {
    flex: 0 0 auto !important;
    margin-top: 0 !important;
    padding: 0.28rem 0.55rem !important;
    border-radius: 999px !important;
    background: #f5f5f5 !important;
    color: #667085 !important;
    font-size: 0.78rem !important;
    font-weight: 650 !important;
}

.bb-autobid-empty {
    display: grid !important;
    width: 100% !important;
    min-height: 10rem !important;
    align-content: center !important;
    justify-items: center !important;
    gap: 0.5rem !important;
    padding: 1.15rem !important;
    border: 1px solid #e4e7ec !important;
    background: #fbfcfe !important;
    text-align: center !important;
}

.bb-autobid-empty.is-compact {
    min-height: 5.5rem !important;
    align-content: center !important;
    padding: 0.85rem !important;
    background: #ffffff !important;
}

.bb-autobid-empty strong {
    color: #344054 !important;
    font-size: 1rem !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
}

.bb-autobid-empty span {
    max-width: 24rem !important;
    color: #667085 !important;
    font-size: 0.9rem !important;
    font-weight: 500 !important;
    line-height: 1.4 !important;
}

.bb-autobid-empty-actions {
    display: grid !important;
    width: min(100%, 17rem) !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
    margin-top: 0.25rem !important;
}

.bb-autobid-empty-actions a {
    display: flex !important;
    min-height: 2.35rem !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 0.22rem !important;
    background: #344054 !important;
    color: #ffffff !important;
    font-size: 0.84rem !important;
    font-weight: 750 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.bb-autobid-empty-actions a.is-primary {
    background: var(--bb-primary, #05a660) !important;
}

.bb-autobid-form {
    display: grid !important;
    width: 100% !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.7rem !important;
}

.bb-autobid-form label {
    display: grid !important;
    gap: 0.28rem !important;
    color: #667085 !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
}

.bb-autobid-form input[type="number"] {
    width: 100% !important;
    min-height: 2.25rem !important;
    padding: 0.35rem 0.5rem !important;
    border: 1px solid #d8e4f0 !important;
    border-radius: 0.2rem !important;
    background: #ffffff !important;
    color: #344054 !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
}

.bb-autobid-form input:disabled {
    background: #f5f5f5 !important;
    color: #98a2b3 !important;
    cursor: not-allowed !important;
}

.bb-autobid-balance-card {
    display: grid !important;
    gap: 0.28rem !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #667085 !important;
}

.bb-autobid-balance-card strong {
    display: flex !important;
    width: 100% !important;
    min-height: 2.25rem !important;
    align-items: center !important;
    padding: 0.35rem 0.5rem !important;
    border: 1px solid #d8e4f0 !important;
    border-radius: 0.2rem !important;
    background: #ffffff !important;
    color: #344054 !important;
    font-size: 0.95rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
}

.bb-autobid-balance-card span {
    color: #667085 !important;
    font-size: 0.88rem !important;
    font-weight: 600 !important;
}

.bb-autobid-toggle,
.bb-autobid-summary {
    grid-column: 1 / -1 !important;
}

.bb-autobid-toggle {
    display: flex !important;
    min-height: 2.25rem !important;
    align-items: center !important;
    gap: 0.55rem !important;
    padding: 0.45rem 0.55rem !important;
    border: 1px solid #e4e7ec !important;
    background: #f8fafc !important;
}

.bb-autobid-toggle input {
    width: 1rem !important;
    height: 1rem !important;
}

.bb-autobid-summary {
    display: flex !important;
    min-height: 2.35rem !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    padding: 0.5rem 0.6rem !important;
    border: 1px solid #e4e7ec !important;
    background: #f5f5f5 !important;
    color: #667085 !important;
    font-size: 0.9rem !important;
}

.bb-autobid-summary strong {
    color: #344054 !important;
    font-weight: 650 !important;
}

.bb-autobid-summary.is-warning {
    border-color: #fed7aa !important;
    background: #fff7ed !important;
}

.bb-autobid-summary.is-warning strong {
    color: #c2410c !important;
}

.bb-autobid-example {
    grid-column: 1 / -1 !important;
    margin: 0 !important;
    padding: 0.55rem 0.65rem !important;
    border: 1px solid #bfdbfe !important;
    background: #eef8ff !important;
    color: #475467 !important;
    font-size: 0.86rem !important;
    font-weight: 600 !important;
    line-height: 1.4 !important;
}

.bb-autobid-warning {
    grid-column: 1 / -1 !important;
    margin: -0.15rem 0 0 !important;
    color: #c2410c !important;
    font-size: 0.86rem !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
}

.bb-autobid-warning[hidden] {
    display: none !important;
}

.bb-autobid-controls {
    display: grid !important;
    grid-column: 1 / -1 !important;
    grid-template-columns: 1fr 0.72fr !important;
    gap: 0.5rem !important;
}

.bb-autobid-controls button {
    min-height: 2.35rem !important;
    border: 0 !important;
    border-radius: 0.22rem !important;
    color: #ffffff !important;
    font-size: 0.84rem !important;
    font-weight: 750 !important;
    text-transform: uppercase !important;
}

.bb-autobid-controls button:disabled {
    background: #c3cad5 !important;
    color: #ffffff !important;
    cursor: not-allowed !important;
}

.bb-autobid-controls .is-save {
    background: var(--bb-primary, #05a660) !important;
}

.bb-autobid-controls .is-secondary {
    background: #667085 !important;
}

.bb-autobid-controls .is-delete {
    background: #b9564d !important;
}

.bb-autobid-rules {
    display: grid !important;
    width: 100% !important;
    gap: 0.4rem !important;
    padding-top: 0.35rem !important;
}

.bb-autobid-rules-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
    color: #667085 !important;
}

.bb-autobid-rules-heading strong {
    color: #344054 !important;
    font-size: 0.98rem !important;
    font-weight: 650 !important;
}

.bb-autobid-rules-heading span {
    font-size: 0.82rem !important;
    font-weight: 650 !important;
}

.bb-autobid-rule {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(9rem, 0.52fr) !important;
    align-items: center !important;
    gap: 0.55rem !important;
    padding: 0.5rem 0.55rem !important;
    border: 1px solid #e4e7ec !important;
    background: #ffffff !important;
}

.bb-autobid-rule-main {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.55rem !important;
    min-width: 0 !important;
}

.bb-autobid-rule-main > div {
    display: grid !important;
    gap: 0.08rem !important;
    min-width: 0 !important;
}

.bb-autobid-rule-main strong {
    overflow: hidden !important;
    color: #344054 !important;
    font-size: 0.86rem !important;
    font-weight: 650 !important;
    line-height: 1.2 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.bb-autobid-rule-main > div span {
    color: #667085 !important;
    font-size: 0.74rem !important;
    font-weight: 550 !important;
    line-height: 1.15 !important;
    white-space: nowrap !important;
}

.bb-autobid-rule-status {
    flex: 0 0 auto !important;
    padding: 0.2rem 0.45rem !important;
    border-radius: 999px !important;
    background: #f5f5f5 !important;
    color: #667085 !important;
    font-size: 0.76rem !important;
    font-weight: 700 !important;
}

.bb-autobid-rule-status.is-active {
    background: #ecfdf3 !important;
    color: #047857 !important;
}

.bb-autobid-rule-status.is-paused {
    background: #f2f4f7 !important;
    color: #475467 !important;
}

.bb-autobid-rule-actions {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.35rem !important;
    min-width: 0 !important;
}

.bb-autobid-rule-actions form {
    margin: 0 !important;
}

.bb-autobid-rule-actions button {
    width: 100% !important;
    min-height: 1.75rem !important;
    border: 0 !important;
    border-radius: 0.2rem !important;
    background: #667085 !important;
    color: #ffffff !important;
    font-size: 0.7rem !important;
    font-weight: 750 !important;
    text-transform: uppercase !important;
}

.bb-autobid-rule-actions .is-delete {
    background: #b9564d !important;
}

.bb-detail-note {
    max-width: 32rem !important;
    color: #667085 !important;
    font-size: 0.9rem !important;
    line-height: 1.45 !important;
}

@media (max-width: 1120px) {
    .bb-account-shell {
        grid-template-columns: 16.5rem minmax(0, 1fr);
    }

    .bb-account-nav {
        top: 4.75rem;
        padding: 1rem;
    }

    .bb-account-nav a {
        min-height: 2.6rem;
        padding: 0.62rem 0.75rem;
        font-size: 0.9rem;
    }
}

@media (max-width: 980px) {
    .bb-auth-panel {
        grid-template-columns: 1fr;
    }

    .bb-auth-copy {
        min-height: 18rem;
    }

    .bb-auth-copy-inner {
        padding: 2rem;
    }

    .bb-detail-body {
        grid-template-columns: 1fr !important;
    }

    .bb-account-shell {
        grid-template-columns: 1fr;
    }

    .bb-account-nav {
        position: static;
        display: flex;
        flex-wrap: wrap;
        max-height: none;
    }

    .bb-account-nav-title {
        width: 100%;
    }

    .bb-account-nav a {
        justify-content: center;
    }

    .bb-account-summary,
    .bb-account-grid,
    .bb-bid-package-grid,
    .bb-account-metric-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .bb-account-feature-card,
    .bb-referral-card {
        grid-template-columns: 1fr;
    }

    .bb-account-favourite-card {
        grid-template-columns: 6.5rem minmax(0, 1fr);
    }

    .bb-account-favourite-actions {
        grid-column: 1 / -1;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .bb-header-inner {
        padding: 0.7rem 0;
    }

    .bb-nav {
        order: 3;
        width: 100%;
        justify-content: center;
    }

    .bb-header-actions {
        margin-left: auto;
    }

    .bb-auth-shell {
        padding-block: 2rem 3rem;
    }

    .bb-auth-copy h1 {
        font-size: 1.65rem;
    }

    .bb-detail-heading h1 {
        font-size: 1.16rem !important;
    }

    .bb-bid-console,
    .bb-detail-action-bar {
        grid-template-columns: 1fr !important;
    }

    .bb-bid-console > div + div {
        border-left: 0 !important;
        border-top: 1px solid #d8e4f0 !important;
    }

    .bb-account-shell {
        padding-block: 2rem 3rem;
    }

    .bb-account-heading h1 {
        font-size: 1.55rem;
    }

    .bb-account-summary,
    .bb-account-grid,
    .bb-bid-package-grid,
    .bb-account-metric-grid,
    .bb-account-form-grid.is-two-column {
        grid-template-columns: 1fr;
    }

    .bb-account-favourite-card {
        grid-template-columns: 1fr;
    }

    .bb-account-favourite-media {
        min-height: 10rem;
    }

    .bb-account-favourite-title-row,
    .bb-account-favourite-actions {
        grid-template-columns: 1fr;
    }

    .bb-account-favourite-title-row {
        display: grid;
    }

    .bb-account-favourite-meta {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0.35rem;
    }

    .bb-account-favourite-meta-tile,
    .bb-account-favourite-meta-tile.is-wide {
        display: grid;
        grid-template-columns: 6.8rem minmax(0, 1fr);
        padding-right: 0;
        border-right: 0;
    }

    .bb-won-payment-grid,
    .bb-won-payment-actions,
    .bb-won-payment-method {
        grid-template-columns: 1fr;
    }

    .bb-won-payment-grid {
        display: grid;
    }

    .bb-won-payment-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .bb-account-autobid-row {
        align-items: stretch;
        flex-direction: column;
    }

    .bb-referral-link-row {
        grid-template-columns: 1fr;
    }
}

.bb-live-card-grid .bb-live-site-card .bb-live-actions {
    margin-top: auto !important;
}

.bb-live-card-grid .bb-live-site-card.is-ended .bb-live-actions.is-state-actions {
    padding-top: 0.35rem !important;
}

.bb-live-card-grid .bb-live-site-card.is-ended .bb-live-bid-button,
.bb-live-card-grid .bb-live-site-card.is-ended .bb-live-bid-button:hover,
.bb-live-card-grid .bb-live-site-card.is-ended .bb-live-bid-button:focus {
    background: #6b8b3a !important;
    color: #ffffff !important;
}