.bb{background:var(--p2,#f1f0ed);border-radius:28px;padding:20px 0 18px;color:#1a1918;font-family:Outfit,sans-serif}
.bb-h{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:0 16px}
.bb-k,.bb-gh{font:700 14px/1.2 Outfit,sans-serif;letter-spacing:.08em;text-transform:lowercase;color:#67645e}
body.lx .bb h2{font:400 34px/.95 'Russo One',sans-serif!important;color:#1a1918!important;margin:6px 0 0;letter-spacing:-.02em}
.bb-asof{font-size:14px;line-height:1.15;color:#67645e;text-align:right;white-space:nowrap}.bb-asof b{color:#1a1918;font-weight:700}
.bb-sh{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:18px 16px 8px}
.bb-sh h3.bb-gh{margin:0;color:#1a1918!important;font:400 20px/1 'Russo One',sans-serif!important;letter-spacing:0}
.bb-sh span{font-size:14px;color:#67645e;text-align:right}
.bb-core{list-style:none;margin:0;padding:2px 16px 4px;display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;counter-reset:c}
.bb-core::-webkit-scrollbar{display:none}
.bb-card{flex:0 0 78%;scroll-snap-align:start;background:#1a1918;color:#fbf8f0;border-radius:22px;padding:14px 14px 12px;display:flex;flex-direction:column;counter-increment:c;position:relative;min-height:236px}
.bb-card:before{content:counter(c);position:absolute;right:14px;top:6px;font:400 54px/1 'Russo One',sans-serif;color:#34312c}
.bb-top{display:flex;flex-wrap:wrap;gap:6px;position:relative;padding-right:40px}
.bb-n{font-size:14px;color:#c9c4b9}.bb-n b{color:#fbf8f0;font-weight:700}
.bb-tie{font-size:14px;font-weight:600;border:1.5px solid #fbf8f0;color:#fbf8f0;border-radius:99px;padding:1px 9px}
body.lx .bb-card h3{font:400 26px/1 'Russo One',sans-serif!important;color:#fbf8f0!important;margin:10px 0 2px;position:relative}
.bb-brand{font-size:15px;font-weight:700;color:#fbf8f0}.bb-brand.none{font-weight:500;color:#a9a49a}
.bb-card p{margin:6px 0 0;font-size:15px;line-height:1.3}
.bb-dose{font-weight:700}.bb-why{color:#e4dfd5}.bb-x{color:#a9a49a;font-size:14px!important}
.bb-act{margin-top:auto;padding-top:10px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.bb-src{font-size:14px;color:#c9c4b9!important;text-decoration:underline;min-height:44px;display:inline-flex;align-items:center}
.bb-shop{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border-radius:99px;background:#fbf8f0;color:#1a1918!important;font:700 15px/1 Outfit,sans-serif;text-decoration:none;white-space:nowrap}
.bb-shop.soon{background:transparent;border:1.5px dashed #67645e;color:#a9a49a!important;font-weight:600}
.bb-swipe{margin:6px 16px 0;font-size:14px;color:#67645e;text-align:right}
.bb-rows{list-style:none;margin:0;padding:0 16px}
.bb-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-top:1px solid #dcd8cf;min-height:56px}
.bb-rm b{display:block;font:400 17px/1.1 'Russo One',sans-serif}
.bb-rm span{font-size:14px;color:#67645e;line-height:1.3}
.bb-rm .bb-src{color:#67645e!important;min-height:0;display:inline-block;padding:13px 0;margin:-13px 0;line-height:18px}
.bb-shop.sm{background:#1a1918;color:#fbf8f0!important;padding:0 14px;font-size:14px;flex:none}
.bb-shop.sm.soon{background:transparent;color:#67645e!important;border-color:#a9a49a}
.bb-more summary{list-style:none;cursor:pointer;margin:6px 16px 0;min-height:44px;display:flex;align-items:center;justify-content:center;border:1.5px solid #1a1918;border-radius:99px;font:700 15px Outfit,sans-serif}
.bb-more summary::-webkit-details-marker{display:none}.bb-more .c,.bb-more[open] .o{display:none}.bb-more[open] .c{display:inline}
.bb-more[open] summary{order:2}
.bb-trust{margin:14px 16px 0;font-size:14px;line-height:1.35;color:#67645e}.bb-trust a{color:#1a1918;font-weight:700;text-decoration:underline;display:inline-block;padding:12px 0;margin:-12px 0}
@media(min-width:761px){.bb{padding:32px 0 28px}.bb-h,.bb-sh{padding-left:32px;padding-right:32px}.bb-core{padding:2px 32px 4px;overflow:visible;display:grid;grid-template-columns:repeat(5,1fr)}.bb-card{min-height:300px}.bb-swipe{display:none}.bb-rows{padding:0 32px;columns:2;column-gap:32px}.bb-row{break-inside:avoid}.bb-more summary{margin:8px 32px 0;max-width:260px}.bb-trust{margin:16px 32px 0}body.lx .bb h2{font-size:48px!important}}
body.lx .bb-card p.bb-dose{color:#fbf8f0!important}body.lx .bb-card p.bb-why{color:#e4dfd5!important}body.lx .bb-card p.bb-x{color:#a9a49a!important}
.bb-sh h3.bb-gh{white-space:nowrap}
@media(min-width:761px){.bb-core{gap:10px}.bb-card{padding:14px 12px 12px}body.lx .bb-card h3{font-size:22px!important}.bb-act{flex-direction:column;align-items:stretch;gap:0}.bb-act .bb-shop{justify-content:center;padding:0 10px}.bb-n{font-size:14px}}
body.lx .bb-card p.bb-dose{color:#fbf8f0!important}body.lx .bb-card p.bb-why{color:#e4dfd5!important}body.lx .bb-card p.bb-x{color:#a9a49a!important}
.bb-sh h3.bb-gh{white-space:nowrap}
.bb-pick{margin-top:10px;border:1.5px dashed #67645e;border-radius:14px;padding:8px 10px}
.bb-pk{display:block;font-size:14px;font-weight:600;color:#c9c4b9;line-height:1.2}
.bb-pick b{display:block;font-size:15px;line-height:1.25;color:#fbf8f0;margin-top:3px}
@media(min-width:761px){.bb-core{gap:10px}.bb-card{padding:14px 12px 12px}body.lx .bb-card h3{font-size:22px!important}.bb-act{flex-direction:column;align-items:stretch;gap:0}.bb-act .bb-shop{justify-content:center;padding:0 10px}.bb-n{font-size:14px}}
/* desktop core list, layout A (>=900px). mobile keeps the swipe cards */
.bb-desk{display:none}
@media(min-width:900px){
 .bb .bb-core,.bb .bb-swipe{display:none!important}
 .bb-desk{display:block;list-style:none;margin:0;padding:0 32px}
 .bb-desk ol{list-style:none;margin:0;padding:0}
 .bb-ditem{display:grid;grid-template-columns:64px minmax(0,1fr) 210px 300px;align-items:center;gap:20px;padding:18px 0;border-top:1px solid #dcd8cf}
 .bb-desk-a .bb-ditem:last-child{border-bottom:1px solid #dcd8cf}
 .bb-drank{font:400 44px/1 'Russo One',sans-serif;color:#c9c4b9}
 body.lx .bb-dmain h3{font:400 24px/1.05 'Russo One',sans-serif!important;color:#1a1918!important;margin:0!important}
 .bb-dmain p{margin:4px 0 0!important;font-size:15px!important;line-height:1.35;color:#67645e}
 .bb-dmain p.bb-ddose{color:#1a1918;font-weight:600}
 .bb-dprod{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
 .bb-dpk{font:500 12px/16px Outfit,sans-serif;color:#67645e;border:1px solid rgba(103,100,94,.35);border-radius:99px;padding:0 7px;letter-spacing:.02em}
 .bb-dstat{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
 .bb-dstat b{font:400 40px/1 'Russo One',sans-serif;color:#1a1918;letter-spacing:-.03em}
 .bb-dstat>span:not(.bb-dfaces){font:400 18px/1 'Russo One',sans-serif;color:#67645e;margin-right:10px}
 .bb-dstat.only{font:600 15px Outfit,sans-serif;color:#67645e}
 .bb-dfaces{display:flex;align-items:center}.bb-dfaces img{width:24px;height:24px;border-radius:50%;object-fit:cover;border:2px solid #f1f0ed;margin-left:-6px}.bb-dfaces img:first-child{margin-left:0}
 .bb-dfaces span{margin-left:4px;font:700 13px Outfit,sans-serif;color:#67645e}
 .bb-dact{display:flex;align-items:center;justify-content:flex-end;gap:16px}
 .bb-dact .bb-src{color:#67645e!important;font-size:14px}
 .bb-dshop{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 18px;border-radius:99px;background:#1a1918;color:#fbf8f0!important;font:700 15px/1 Outfit,sans-serif;text-decoration:none;white-space:nowrap}
 .bb-dshop.soon{background:transparent;border:1.5px dashed #a9a49a;color:#67645e!important}
 /* variant B: featured #1 + 2x2 */
 .bb-desk-b{display:grid;grid-template-columns:1fr 1.25fr;gap:16px}
 .bb-desk-b .bb-ditem{background:#fbf8f0;border:0;border-radius:22px;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;height:100%;box-sizing:border-box}
 .bb-desk-b .bb-dgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
 .bb-desk-b .bb-dfeat .bb-ditem{padding:26px}
 .bb-desk-b .feat .bb-drank{font-size:64px;color:#1a1918}
 body.lx .bb-desk-b .feat .bb-dmain h3{font-size:36px!important}
 .bb-desk-b .feat .bb-dstat b{font-size:64px}
 .bb-desk-b .bb-drank{font-size:30px}
 .bb-desk-b .bb-dact{margin-top:auto;width:100%;justify-content:space-between}
 .bb-desk-b .bb-dstat b{font-size:34px}
}
@media(min-width:900px){.bb-desk .bb-src{white-space:nowrap}.bb-desk-b .bb-dact{flex-wrap:wrap;gap:10px}}