:root{--bdw-ink:#172554;--bdw-ink-soft:#475569;--bdw-teal:#0f766e;--bdw-teal-bright:#14b8a6;--bdw-mint:#e6fffb;--bdw-coral:#f97316;--bdw-line:#dbe5eb;--bdw-surface:#ffffff;--bdw-muted:#f4f8fa}

.bdw-tier-card{margin:24px 0 30px;border:1px solid var(--bdw-line);border-radius:20px;background:var(--bdw-surface);box-shadow:0 16px 42px rgba(23,37,84,.1);overflow:hidden;color:var(--bdw-ink);font-family:inherit;padding:22px}

/* BOGO banner */
.bdw-bogo-banner{display:flex;align-items:center;gap:9px;margin:0 0 16px;padding:11px 16px;border-radius:12px;background:#fff6f0;border:1.5px solid var(--bdw-coral)}
.bdw-bogo-icon{font-size:17px;line-height:1}
.bdw-bogo-text{color:var(--bdw-coral);font-size:14px;font-weight:800;letter-spacing:.01em}
.bdw-bogo-live{margin:10px 0 0;padding:9px 12px;border-radius:9px;background:var(--bdw-muted);color:var(--bdw-ink-soft);font-size:12.5px;font-weight:600;text-align:center;min-height:0}
.bdw-bogo-live:empty{display:none}

/* Your selection summary */
.bdw-selection-box{position:relative;padding:18px 20px 18px 24px;border-radius:14px;background:linear-gradient(135deg,#f2fffd 0%,#eefcfb 100%);overflow:hidden}
.bdw-selection-box:before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--bdw-teal-bright)}
.bdw-selection-kicker{display:block;margin-bottom:6px;color:var(--bdw-teal);font-size:11px;font-weight:800;letter-spacing:.06em}
.bdw-selection-row{display:flex;align-items:center;justify-content:space-between;gap:14px}
.bdw-selection-total{color:var(--bdw-ink);font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.1}
.bdw-selection-total .woocommerce-Price-amount{font-weight:800}
.bdw-selection-badge{flex:0 0 auto;border:1.5px solid var(--bdw-teal-bright);border-radius:999px;background:transparent;color:var(--bdw-teal);font-size:12px;font-weight:700;padding:6px 14px;white-space:nowrap;transition:border-color .18s ease,color .18s ease}
.bdw-selection-badge.bdw-selection-badge-discount{border-color:var(--bdw-coral);color:var(--bdw-coral)}
.bdw-selection-meta{margin:6px 0 0;color:var(--bdw-ink-soft);font-size:13px}
.bdw-selection-meta .woocommerce-Price-amount{font-weight:700;color:var(--bdw-ink)}

/* Quantity label */
.bdw-qty-label{margin:20px 0 10px;color:var(--bdw-ink);font-size:13px;font-weight:800;letter-spacing:.04em}

/* Tier pills — reset first so theme button styles can't leak in, then apply our own look with !important */
.bdw-tier-pills{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.bdw-tier-card .bdw-tier-pills button.bdw-tier-pill{
    all:unset;
    appearance:none!important;
    -webkit-appearance:none!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex:1 1 130px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    min-height:52px!important;
    padding:11px 12px!important;
    margin:0!important;
    border:1.5px solid var(--bdw-teal-bright)!important;
    border-radius:12px!important;
    background:#fff!important;
    background-image:none!important;
    color:var(--bdw-teal)!important;
    font-family:inherit!important;
    font-size:14px!important;
    font-weight:700!important;
    line-height:1.3!important;
    text-align:center!important;
    text-transform:none!important;
    text-decoration:none!important;
    letter-spacing:normal!important;
    box-shadow:none!important;
    cursor:pointer!important;
    overflow:hidden!important;
    transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease,transform .12s ease!important;
}
.bdw-tier-card .bdw-tier-pills button.bdw-tier-pill:hover{background:#f2fffd!important;box-shadow:0 4px 12px rgba(15,118,110,.12)!important;transform:translateY(-1px)}
.bdw-tier-card .bdw-tier-pills button.bdw-tier-pill:focus-visible{outline:3px solid rgba(20,184,166,.35)!important;outline-offset:2px}
.bdw-tier-card .bdw-tier-pills button.bdw-tier-pill.bdw-has-image{flex-direction:row!important;justify-content:flex-start!important;text-align:left!important;gap:10px!important}
.bdw-tier-card .bdw-tier-pills button.bdw-tier-pill .bdw-pill-image{
    display:block!important;
    width:34px!important;
    height:34px!important;
    max-width:34px!important;
    max-height:34px!important;
    min-width:34px!important;
    border-radius:8px!important;
    object-fit:cover!important;
    border:1px solid var(--bdw-line)!important;
    background:#fff!important;
    flex:0 0 34px!important;
    margin:0!important;
    padding:0!important;
}
.bdw-tier-card .bdw-tier-pills button.bdw-tier-pill span{color:inherit!important;background:none!important;font:inherit!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bdw-tier-card .bdw-tier-pills button.bdw-tier-pill.bdw-active{border-color:#b9c3cc!important;background:var(--bdw-muted)!important;color:var(--bdw-ink)!important;box-shadow:inset 0 1px 2px rgba(23,37,84,.08)!important}
.bdw-tier-card .bdw-tier-pills button.bdw-tier-pill.bdw-active:hover{background:var(--bdw-muted)!important;box-shadow:inset 0 1px 2px rgba(23,37,84,.08)!important;transform:none}

.bdw-tier-note{margin:16px 0 0;color:#8492a2;font-size:11px;line-height:1.5;text-align:center}

@media(max-width:600px){
    .bdw-tier-card{padding:16px}
    .bdw-selection-box{padding:15px 14px 15px 18px}
    .bdw-selection-total{font-size:24px}
    .bdw-selection-badge{font-size:11px;padding:5px 11px}
    .bdw-tier-pills{gap:8px}
    .bdw-tier-card .bdw-tier-pills button.bdw-tier-pill{flex:1 1 42%!important;min-height:46px!important;padding:9px 8px!important;font-size:13px!important}
    .bdw-tier-card .bdw-tier-pills button.bdw-tier-pill .bdw-pill-image{width:26px!important;height:26px!important;max-width:26px!important;max-height:26px!important;min-width:26px!important;flex:0 0 26px!important}
}
@media(max-width:380px){
    .bdw-selection-row{flex-wrap:wrap}
    .bdw-tier-card .bdw-tier-pills button.bdw-tier-pill{flex:1 1 100%!important}
}