/* Exact compact bundle composition from the high-fidelity PDP reference. */
.bbr-bundle {padding:var(--bbr-space-6);margin-block:var(--bbr-space-12);scroll-margin-top:var(--bbr-space-6);background:var(--bbr-surface);border:1px solid var(--bbr-border);border-radius:var(--bbr-radius-md);}
.bbr-bundle-heading {display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--bbr-space-5);}
.bbr-bundle-heading > div {flex:1 1 18rem;min-width:0;}
.bbr-bundle-sidebar {display:grid;gap:var(--bbr-space-4);min-width:0;}
.bbr-bundle-heading h2 {margin:0;text-transform:uppercase;font-size:var(--bbr-text-xl);letter-spacing:-.02em;}
.bbr-bundle-heading h2::before {content:'';display:block;width:var(--bbr-space-12);height:var(--bbr-space-1);margin-bottom:var(--bbr-space-4);background:var(--bbr-brand);}
.bbr-bundle-intro {margin:var(--bbr-space-2) 0 0;color:var(--bbr-muted);font-size:var(--bbr-text-sm);}
.bbr-bundle-layout {display:grid;grid-template-columns:minmax(0,2.45fr) minmax(0,1fr);gap:var(--bbr-space-5);margin-top:var(--bbr-space-4);align-items:start;}
.bbr-bundle-products {display:grid;grid-template-columns:minmax(0,1.05fr) auto minmax(0,1.4fr);gap:var(--bbr-space-3);min-width:0;align-self:stretch;}
.bbr-bundle-base,.bbr-bundle-summary,.bbr-bundle-option {border:1px solid var(--bbr-border);border-radius:var(--bbr-radius-md);background:var(--bbr-surface-raised);}
.bbr-bundle-base {display:flex;flex-direction:column;overflow:hidden;min-width:0;align-self:stretch;}
.bbr-bundle-media {display:flex;flex:1;align-items:center;justify-content:center;background:#fff;min-height:var(--bbr-space-24);}
.bbr-bundle-media img {display:block;width:100%;height:100%;object-fit:contain;}
.bbr-bundle-base-body {padding:var(--bbr-space-3);display:flex;flex-direction:column;gap:var(--bbr-space-2);}
.bbr-bundle-base h3,.bbr-bundle-base p {margin:0;}
.bbr-bundle-base h3 {font-size:var(--bbr-text-lg);}
.bbr-bundle-price {font-size:var(--bbr-text-xl);font-weight:700;font-variant-numeric:tabular-nums;}
.bbr-bundle-base .bbr-bundle-price {margin-top:var(--bbr-space-2);}
.bbr-bundle-price ins {text-decoration:none;}
.bbr-bundle-primary {display:inline-flex;justify-content:center;align-items:center;gap:.625rem;min-height:var(--bbr-control-height);padding:var(--bbr-space-3) var(--bbr-space-5);border:1px solid var(--bbr-control-border);border-radius:var(--bbr-radius-sm);font-size:var(--bbr-text-xs);font-weight:700;line-height:1.3;text-align:center;text-transform:uppercase;color:var(--bbr-text);background:transparent;}
.bbr-bundle-primary svg {flex-shrink:0;color:var(--bbr-brand);}
.bbr-bundle-add-symbol {align-self:center;justify-self:center;font-size:var(--bbr-text-2xl);line-height:1;color:var(--bbr-brand);}
.bbr-bundle-items {display:flex;flex-direction:column;gap:var(--bbr-space-3);align-self:center;min-width:0;}
.bbr-bundle-option {position:relative;display:grid;grid-template-columns:auto 5rem minmax(0,1fr);gap:var(--bbr-space-3);padding:var(--bbr-space-3);flex:1;min-width:0;cursor:pointer;font-size:var(--bbr-text-sm);font-weight:600;}
.bbr-bundle-option:has(input:checked) {border-color:var(--bbr-brand);}
.bbr-bundle-option input[type="checkbox"] {position:relative;z-index:1;margin:0;align-self:center;width:20px;height:20px;min-height:20px;accent-color:var(--bbr-brand);}
.bbr-bundle-option:has(input:disabled) {cursor:default;color:var(--bbr-muted);}
.bbr-bundle-option img.bbr-bundle-thumb {display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;border-radius:var(--bbr-radius-sm);background:#fff;}
.bbr-bundle-option-info {display:grid;gap:var(--bbr-space-2);min-width:0;}
.bbr-bundle-title {font-size:var(--bbr-text-lg);font-weight:700;line-height:var(--bbr-leading-heading);overflow-wrap:anywhere;cursor:inherit;}
.bbr-bundle-title::after {content:'';position:absolute;inset:0;}
.bbr-bundle-compatibility {position:relative;z-index:1;min-width:0;}
.bbr-bundle-compatibility .bbr-fit-open,.bbr-bundle-compatibility .bbr-fit-more summary {margin:0;width:fit-content;font-size:var(--bbr-text-xs);text-align:left;}
.bbr-bundle-option-info small {color:var(--bbr-muted);font-size:var(--bbr-text-xs);}
.bbr-bundle-summary {padding:var(--bbr-space-5);min-width:0;}
.bbr-bundle-summary > h3 {display:flex;align-items:center;gap:var(--bbr-space-3);font-size:var(--bbr-text-lg);padding:var(--bbr-space-4) var(--bbr-space-5);margin:calc(-1 * var(--bbr-space-5)) calc(-1 * var(--bbr-space-5)) var(--bbr-space-3);background:var(--bbr-header-gradient);border-bottom:1px solid var(--bbr-border);border-radius:var(--bbr-radius-md) var(--bbr-radius-md) 0 0;}
.bbr-bundle-summary > h3 .bbr-pdp-icon {width:22px;height:22px;}
.bbr-bundle-count {margin:var(--bbr-space-2) 0 var(--bbr-space-5);color:var(--bbr-muted);font-size:var(--bbr-text-sm);}
.bbr-bundle-quantity-row {display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--bbr-space-3);border-block:1px solid var(--bbr-border);padding-block:var(--bbr-space-4);margin-block:var(--bbr-space-5);font-size:var(--bbr-text-sm);}
.bbr-bundle-quantity-row label {font-weight:400;}
.bbr-bundle-quantity {display:inline-flex;align-items:center;border:1px solid var(--bbr-control-border);border-radius:var(--bbr-radius-sm);background:var(--bbr-input);}
.bbr-bundle-quantity button {border:0;width:var(--bbr-target-min);height:var(--bbr-control-height);background:transparent;color:var(--bbr-text);font-size:var(--bbr-text-xl);font-weight:400;padding:1px 6px;}
.bbr-bundle .bbr-bundle-quantity input[type="number"] {width:var(--bbr-space-8);min-height:var(--bbr-control-height);padding:0;border:0;border-radius:0;background:transparent;font-size:var(--bbr-text-lg);text-align:center;appearance:textfield;-moz-appearance:textfield;}
.bbr-bundle-quantity input::-webkit-inner-spin-button,.bbr-bundle-quantity input::-webkit-outer-spin-button {appearance:none;margin:0;}
.bbr-bundle-total-row {display:flex;flex-direction:column;gap:var(--bbr-space-2);margin-bottom:var(--bbr-space-5);}
.bbr-bundle-total-row > span {font-size:var(--bbr-text-sm);color:var(--bbr-muted);}
.bbr-bundle-total-row .bbr-bundle-price {font-size:var(--bbr-text-2xl);line-height:var(--bbr-leading-heading);}
.bbr-bundle-summary > .bbr-button {width:100%;gap:.625rem;text-transform:uppercase;font-size:var(--bbr-text-sm);line-height:1.3;}
.bbr-bundle-summary > .bbr-button .bbr-pdp-icon {width:18px;height:18px;}
.bbr-bundle button:disabled {cursor:not-allowed;opacity:.5;}
.bbr-bundle-layout > .bbr-atc-feedback {grid-column:1/-1;}
@media(max-width:1100px) {.bbr-bundle-layout {grid-template-columns:minmax(0,1fr);}}
@media(max-width:760px) {
    .bbr-bundle {padding:var(--bbr-space-4);}
    .bbr-bundle-products {grid-template-columns:minmax(0,1fr);}
    .bbr-bundle-option {grid-template-columns:auto 4rem minmax(0,1fr);}
    .bbr-bundle-media {flex:none;aspect-ratio:4/3;min-height:0;}
}
