.product-ribbon{min-width:0;max-width:100%;margin:1.5rem 0;padding:1.2rem;border:1px solid #e0ddd2;border-radius:24px;background:linear-gradient(120deg,#f3f0e8,#edf3e9);content-visibility:auto;contain-intrinsic-size:auto 330px}
.product-ribbon__heading{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.product-ribbon__heading h2{font-size:1.3rem;font-weight:900;margin:.25rem 0}.product-ribbon__heading p{font-size:.85rem;color:#666}.product-ribbon__eyebrow{font-size:.72rem;color:#62764f;font-weight:bold}
.product-ribbon__controls{display:flex;gap:.5rem}.product-ribbon__controls button{width:36px;height:36px;border-radius:50%;border:1px solid #cdd5c4;background:white;font-size:1.2rem}.product-ribbon__controls button:focus-visible,.product-ribbon__card:focus-visible{outline:3px solid #7d8f73;outline-offset:3px}
.product-ribbon__track{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#9aac90 transparent;padding:.3rem .2rem .8rem;min-height:230px}.product-ribbon__card{display:flex;flex:0 0 340px;align-items:center;gap:1rem;background:white;border-radius:18px;padding:.75rem;scroll-snap-align:start;color:#263323;box-shadow:0 4px 16px #243a1810}.product-ribbon__card img{width:145px;height:195px;object-fit:cover;border-radius:12px;background:#eee}.product-ribbon__card h3{font-weight:800;font-size:1rem}.product-ribbon__card p{font-weight:900;margin:.8rem 0;color:#657651}.product-ribbon__card span{font-size:.75rem;color:#777}.product-ribbon__placeholder{padding:3rem 1rem;color:#6b755f}
@media(max-width:600px){.product-ribbon{padding:1rem}.product-ribbon__card{flex-basis:285px;gap:.7rem}.product-ribbon__card img{width:125px;height:180px}}
@media(prefers-reduced-motion:no-preference){.product-ribbon__track{scroll-behavior:smooth}}
.bogo-products{background:linear-gradient(120deg,#fff4e5,#fff0f4);border-color:#ead4b8}.bogo-products[hidden]{display:none}.bogo-products .product-ribbon__eyebrow{color:#96642f}.bogo-products__all{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:14px;padding:.8rem 1.1rem;background:#806c4d;color:white;font-size:.85rem;font-weight:800;text-align:center}.bogo-products__all:focus-visible{outline:3px solid #806c4d;outline-offset:3px}.bogo-products__controls{justify-content:flex-end;margin-bottom:.5rem}
@media(max-width:600px){.bogo-products .product-ribbon__heading{align-items:stretch;flex-direction:column}.bogo-products__all{width:100%}}