.ob-pack{padding:20px;margin:0 0 24px;border:1px solid #dce5db;border-radius:20px;background:linear-gradient(140deg,#f3faf1,#fff 70%);color:var(--ink,#25332c)}
.cart-summary .ob-pack h2{font-size:1.05rem;font-weight:600;line-height:1.3;margin:0;letter-spacing:0}
.ob-pack-heading{display:flex;align-items:center;gap:10px;margin-bottom:18px}.ob-pack-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#e1eedb;color:#355e32;font-size:24px;flex:none}
.ob-pack p{font-size:.86rem;line-height:1.55;margin:10px 0}.ob-pack-count strong{font-size:1.45rem;color:#476d39}
.ob-pack-progress{height:8px;border-radius:20px;background:#dfe5dc;overflow:hidden;margin:16px 0 8px}.ob-pack-progress>span{display:block;height:100%;border-radius:inherit;background:#568343}
.ob-pack-steps{padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;gap:5px}.ob-pack-steps li{display:flex;flex-direction:column;gap:4px;color:#5e665b;font-size:.68rem;text-align:center}.ob-pack-steps strong{font-size:.76rem;font-weight:600}.ob-pack-steps .reached{color:#355d2d}
.ob-pack .ob-pack-earned{padding:10px 0 0;border-top:1px dashed #c8d6c1;color:#355d2d}.ob-pack-earned strong{white-space:nowrap}.ob-pack-see{display:inline-block;margin:4px 0;font-size:.83rem;text-decoration:underline;text-underline-offset:3px}.ob-pack-terms{margin-top:10px;font-size:.74rem}.ob-pack-terms summary{cursor:pointer}.ob-pack .ob-pack-terms p{font-size:.74rem}.ob-pack-saving,.ob-line-saving,.ob-quick-bonus{color:#355d2d}.ob-line-saving{font-size:.8rem;margin:8px 0}.ob-pack-saving strong{white-space:nowrap}
.ob-suggestions{border-top:1px solid var(--line,#dfddd8);padding-top:24px;margin-top:24px;min-width:0;scroll-margin-top:100px}.ob-suggestions-heading h2{font-size:clamp(1.25rem,2vw,1.65rem);margin:8px 0}.ob-suggestions-heading p{font-size:.85rem;line-height:1.5;margin:0 0 16px;color:var(--muted,#5e665b)}
.ob-suggestions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ob-suggestion{border:1px solid var(--line,#dfddd8);border-radius:16px;overflow:hidden;background:rgba(255,255,255,.72);min-width:0}.ob-suggestion-image{display:grid;place-items:center;aspect-ratio:1;background:#efeee9}.ob-suggestion-image img{width:100%;height:100%;object-fit:cover;display:block}.ob-suggestion-body{padding:12px}.ob-suggestion-name{display:block;font-size:.88rem;font-weight:600;line-height:1.4;overflow-wrap:anywhere;margin-bottom:12px}.ob-quick-options{margin-top:8px}.ob-quick-options summary{cursor:pointer;font-size:.8rem;line-height:1.5;padding:8px 0}.ob-quick-options form p{margin:10px 0}.ob-quick-options label{display:block;font-size:.75rem;line-height:1.4;margin:0 0 5px}.ob-quick-options select{width:100%;max-width:100%;box-sizing:border-box;padding:9px 7px;border:1px solid #bfc5ba;border-radius:9px;background:#fff;font-size:.8rem;min-height:44px}.ob-quick-options .button,.ob-suggestion-body>a.button{font-size:.75rem;min-height:44px;padding:10px 8px;gap:6px;white-space:normal;text-align:center}.ob-quick-options .ob-quick-bonus{font-size:.74rem;line-height:1.4}
@media(max-width:1100px){.ob-suggestions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ob-pack{padding:16px;border-radius:16px}.ob-suggestions-grid{gap:10px}.ob-suggestion-body{padding:10px}.ob-suggestion-name{font-size:.81rem}.ob-quick-options summary{font-size:.75rem}}
@media(max-width:359px){.ob-suggestions-grid{grid-template-columns:1fr}}

/* Thresholds follow their actual quantities: 2, 5 and 10 by default. */
.ob-pack-milestones{display:block;position:relative;min-height:42px;margin:0 0 8px}.ob-pack-milestones li{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}.ob-pack-milestones li:last-child{transform:translateX(-100%)}
.ob-product-offer{border:1px solid #ddd5e1;background:#f5f1f6;border-radius:14px;padding:16px;margin:18px 0;color:#291b31}.ob-product-offer-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.ob-product-offer-heading>strong{font-size:.86rem;line-height:1.4}.ob-product-offer-heading [data-pack-open]{font:inherit;font-size:.75rem;color:inherit;background:transparent;border:0;text-decoration:underline;cursor:pointer;padding:6px;flex:none}.ob-product-offer ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;list-style:none;padding:0;margin:16px 0 10px}.ob-product-offer li{display:flex;flex-direction:column;text-align:center;gap:5px;min-width:0}.ob-product-offer li span{font-size:.73rem}.ob-product-offer li strong{background:#e9e0ed;color:#432b50;padding:7px 4px;border-radius:7px;font-size:.95rem;white-space:nowrap}.ob-product-offer li small{font-size:.65rem;color:#65566b}.ob-product-offer>p{font-size:.72rem;line-height:1.5;margin:8px 0 0}.ob-pack-add-status{font-size:.8rem;line-height:1.5;margin:8px 0}.ob-pack-add-status:empty{display:none}
/* Non-modal addition feedback; the product remains fully usable. */
.ob-bonus-side{position:fixed;z-index:30;right:20px;bottom:20px;width:min(350px,calc(100vw - 28px));max-height:calc(100dvh - 110px);overflow-y:auto;box-sizing:border-box;border:1px solid #ded6e2;border-radius:16px;background:#fff;color:#291b31;box-shadow:0 8px 30px #24182f24}
.ob-bonus-side[hidden]{display:none!important}.ob-bonus-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 10px 8px 14px;border-bottom:1px solid #eee8f0}
.ob-bonus-heading>div:first-child{min-width:0}.ob-bonus-heading h2{font-family:inherit;font-size:14px;font-weight:600;line-height:1.4;margin:0;letter-spacing:0}
.ob-bonus-added{font-size:11px;line-height:1.5;color:#426936;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:4px 0 0}
.ob-bonus-tools{display:flex;flex:none;gap:2px}.ob-bonus-tools button{font:inherit;width:36px;height:36px;border:0;border-radius:9px;background:#f5f1f6;color:#50365b;cursor:pointer;font-size:20px}
.ob-bonus-mini{display:none;margin:4px 0 0;font-size:12px;color:#426936}.ob-bonus-side[data-collapsed="1"] .ob-bonus-mini{display:block}.ob-bonus-side[data-collapsed="1"] .ob-bonus-added,.ob-bonus-side[data-collapsed="1"] .ob-bonus-body{display:none}.ob-bonus-side[data-collapsed="1"] .ob-bonus-heading{border:0}
.ob-bonus-body{padding:10px 14px 14px}.ob-bonus-count{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:12px;line-height:1.5;margin:0 0 8px}.ob-bonus-count strong{font-size:22px;line-height:1}.ob-bonus-count b{color:#426936;font-size:15px;white-space:nowrap}
.ob-bonus-side .ob-pack-progress{height:6px;margin:0 0 8px}.ob-bonus-steps{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0;margin:0}.ob-bonus-steps li{display:flex;flex-direction:column;gap:3px;font-size:11px;line-height:1.4;color:#786d7d;text-align:center}.ob-bonus-steps strong{font-size:12px}.ob-bonus-steps .reached{color:#426936}
.ob-bonus-next{font-size:12px;line-height:1.5;margin:10px 0 12px}.ob-bonus-cart{display:flex;justify-content:center;gap:18px;width:100%;min-height:44px;box-sizing:border-box;border-radius:10px;font-size:12px;margin:0;padding:10px 14px}
.ob-bonus-side:focus-visible,.ob-bonus-side button:focus-visible,.ob-bonus-side a:focus-visible,.ob-product-offer [data-pack-open]:focus-visible{outline:3px solid #8f719b;outline-offset:2px}
@media(max-width:690px){.ob-bonus-side{right:12px;bottom:calc(84px + env(safe-area-inset-bottom,0px));width:min(330px,calc(100vw - 24px));max-height:calc(100dvh - 170px)}.ob-product-offer{padding:12px}.ob-product-offer-heading{align-items:flex-start}.ob-product-offer-heading>strong{font-size:.8rem}.ob-product-offer-heading [data-pack-open]{font-size:.7rem;padding:0;min-height:32px}}

.ob-bonus-count b small{display:block;font-size:10px;font-weight:400;line-height:1.4;text-align:right}