/* Shop Pro — Bundle & Save. A clean list of quantity offers:
   radio · title + savings · details · total (with the regular total struck through).
   Colours and sizes come from the block settings (--spb-*), scaled for a calm hierarchy. */
.shoppro-bundle{width:100%;max-width:var(--spb-max,980px);margin:16px 0;border:0;opacity:1!important;container-type:inline-size;container-name:shoppro-bundle}
.shoppro-bundle,.shoppro-bundle *{box-sizing:border-box}
.shoppro-bundle.has-text-color{--spb-title:currentColor;--spb-text:currentColor}

/* Title */
.shoppro-bundle__title{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:var(--spb-title,inherit);font-size:calc(var(--spb-title-size,24px) * .72);line-height:1.2}
.shoppro-bundle__title strong{color:inherit!important;font-size:inherit!important;font-weight:700;letter-spacing:-.01em;white-space:nowrap}
.shoppro-bundle__title-line{flex:1;min-width:16px;height:1px;background:var(--spb-line,#e9e9e9)}
.shoppro-bundle--title-left .shoppro-bundle__title{justify-content:flex-start}
.shoppro-bundle--title-left .shoppro-bundle__title-line--before{display:none}
.shoppro-bundle--title-right .shoppro-bundle__title{justify-content:flex-end}
.shoppro-bundle--title-right .shoppro-bundle__title-line--after{display:none}
.shoppro-bundle--title-center .shoppro-bundle__title{justify-content:center}
.shoppro-bundle--no-dividers .shoppro-bundle__title-line{display:none!important}

/* Offers in a compact 2 × 2 grid on phones and computers (one column only below 300px,
   or when the block is set to one column). */
.shoppro-bundle__options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.shoppro-bundle--columns-1.shoppro-bundle--mobile-columns-1 .shoppro-bundle__options{grid-template-columns:minmax(0,1fr)}
@container shoppro-bundle (max-width:299px){.shoppro-bundle__options{grid-template-columns:minmax(0,1fr)}}

/* Offer row */
.shoppro-bundle__option{position:relative;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:start;align-content:start;column-gap:8px;row-gap:6px;min-width:0;margin:0;padding:10px 10px 11px;border:max(1px,var(--spb-border-w,1px)) solid var(--spb-border,#e8e8e8);border-radius:min(var(--spb-radius,20px),14px);background:var(--spb-bg,#fff);color:var(--spb-text,#111)!important;text-align:left;cursor:pointer;opacity:1!important;-webkit-tap-highlight-color:transparent;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease}
.shoppro-bundle .shoppro-bundle__option{margin:0!important} /* the theme gives labels a bottom margin */
.shoppro-bundle__option:hover{border-color:var(--spb-selected-border,#ef8da1)}
.shoppro-bundle__option.is-selected{border-color:var(--spb-selected-border,#ef8da1);background:var(--spb-selected-bg,#fff8fa);box-shadow:0 0 0 1px var(--spb-selected-border,#ef8da1)}
.shoppro-bundle--flat-cards .shoppro-bundle__option.is-selected{box-shadow:none}

/* Radio: real input (accessible, invisible) + drawn check */
.shoppro-bundle__option input[type="radio"]{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.shoppro-bundle__check{display:grid;place-items:center;width:18px;height:18px;margin-top:1px;border:1.5px solid #c9ced6;border-radius:50%;background:#fff;color:transparent;font:700 12px/1 sans-serif;pointer-events:none;transition:background-color .15s ease,border-color .15s ease}
.shoppro-bundle__option input:checked + .shoppro-bundle__check{border-color:var(--spb-badge-bg,#ff4055);background:var(--spb-badge-bg,#ff4055);color:var(--spb-badge-text,#fff)}
.shoppro-bundle__option input:focus-visible + .shoppro-bundle__check{outline:2px solid var(--spb-badge-bg,#ff4055);outline-offset:2px}

/* "Best value" flag on the strongest offer */
.shoppro-bundle__flag{position:absolute;top:-8px;right:8px;padding:1px 7px;border-radius:999px;background:var(--spb-badge-bg,#ff4055);color:var(--spb-badge-text,#fff);font-size:10.5px;font-weight:700;line-height:1.4;letter-spacing:.02em;pointer-events:none}

/* Middle: title + savings, then details */
.shoppro-bundle__copy{grid-column:2;display:flex;flex-direction:column;gap:4px;min-width:0;pointer-events:none;color:inherit!important;opacity:1!important}
.shoppro-bundle__headline{display:flex;flex-wrap:wrap;align-items:center;gap:3px 6px;min-width:0}
.shoppro-bundle__option b{color:inherit!important;font-size:min(calc(var(--spb-tier-size,20px) * .72),15px)!important;font-weight:700;line-height:1.25}
.shoppro-bundle__meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;min-width:0}
.shoppro-bundle__unit{color:#8a8f98!important;font-size:11px;line-height:1.3;white-space:nowrap}
.shoppro-bundle__unit .amount{color:inherit}
.shoppro-bundle__gift-name{flex:1 1 100%;overflow:hidden;color:#5b616b!important;font-size:12px;line-height:1.3;white-space:nowrap;text-overflow:ellipsis}

/* Chips */
.shoppro-bundle__discount,.shoppro-bundle__delivery,.shoppro-bundle__gift-badge{display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 6px;border-radius:5px;font-size:10.5px;font-style:normal;font-weight:700;line-height:1;white-space:nowrap}
.shoppro-bundle__discount{background:color-mix(in srgb,var(--spb-badge-bg,#ff4055) 12%,#fff);color:var(--spb-badge-bg,#ff4055)!important}
.shoppro-bundle__option.is-selected .shoppro-bundle__discount{background:var(--spb-badge-bg,#ff4055);color:var(--spb-badge-text,#fff)!important}
.shoppro-bundle__delivery{background:color-mix(in srgb,var(--spb-delivery-bg,#07175f) 9%,#fff);color:var(--spb-delivery-bg,#07175f)!important}
.shoppro-bundle__delivery::before{content:"";width:13px;height:13px;flex:0 0 13px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.25 6.75A1.75 1.75 0 0 1 4 5h9.25A1.75 1.75 0 0 1 15 6.75V9h2.04c.56 0 1.08.27 1.41.72l2.67 3.66c.22.3.38.67.38 1.04v2.08c0 .97-.78 1.75-1.75 1.75h-.6a3 3 0 0 1-5.78 0H9.38a3 3 0 0 1-5.78 0H3A1.75 1.75 0 0 1 1.25 16.5v-1c0-.41.34-.75.75-.75h.25v-8Zm3 10.75a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm9.75 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM15 10.5v3.25h4.36l-2.12-2.9a.25.25 0 0 0-.2-.1H15Z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2.25 6.75A1.75 1.75 0 0 1 4 5h9.25A1.75 1.75 0 0 1 15 6.75V9h2.04c.56 0 1.08.27 1.41.72l2.67 3.66c.22.3.38.67.38 1.04v2.08c0 .97-.78 1.75-1.75 1.75h-.6a3 3 0 0 1-5.78 0H9.38a3 3 0 0 1-5.78 0H3A1.75 1.75 0 0 1 1.25 16.5v-1c0-.41.34-.75.75-.75h.25v-8Zm3 10.75a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0Zm9.75 0a1.5 1.5 0 1 0 3 0 1.5 1.5 0 0 0-3 0ZM15 10.5v3.25h4.36l-2.12-2.9a.25.25 0 0 0-.2-.1H15Z'/%3E%3C/svg%3E") center/contain no-repeat}
.shoppro-bundle__gift-badge{background:color-mix(in srgb,var(--spb-gift-bg,#16a34a) 12%,#fff);color:color-mix(in srgb,var(--spb-gift-bg,#16a34a) 85%,#000)!important}
.shoppro-bundle__gift-badge>span:first-child{display:block;width:13px;height:13px;flex:0 0 13px;background:url("../../assets/images/shoppro-gift-icon.svg") center/13px 13px no-repeat;filter:brightness(.55) saturate(1.4)}

/* Right: total, regular total */
.shoppro-bundle__total{grid-column:2;display:flex;flex-wrap:wrap;align-items:baseline;gap:0 6px;pointer-events:none;text-align:left}
.shoppro-bundle__price{color:var(--spb-price,#c8102e)!important;font-size:min(calc(var(--spb-price-size,24px) * .7),17px)!important;font-weight:800;line-height:1.1;letter-spacing:-.01em;white-space:nowrap;opacity:1!important}
.shoppro-bundle__regular{color:#9aa0a8;font-size:11px;line-height:1.2;white-space:nowrap}
.shoppro-bundle__regular .amount{color:inherit}

@container shoppro-bundle (max-width:340px){
 .shoppro-bundle__option{column-gap:6px;padding:9px 8px 10px}
 .shoppro-bundle__unit{display:none}
}

.shoppro-bundle-editor__hint{margin:9px 0 0!important;color:#64748b!important;font-size:12px!important}
.shoppro-bundle-editor{pointer-events:auto}
.shoppro-bundle-editor input{pointer-events:none}

@media(prefers-reduced-motion:reduce){.shoppro-bundle__option,.shoppro-bundle__check{transition:none!important}}