/* A compact product stage leaves the collection close to the first screen. */
.discovery-deck.compact-deck{display:block;min-height:0;padding:12px 14px 13px;border-radius:25px}
.compact-deck .deck-heading{align-items:center;gap:8px}
.compact-deck .deck-heading>span:first-child{flex:1;gap:5px;min-width:0;padding:5px 7px;background:#fff9edda;border-radius:10px;backdrop-filter:none;font-size:.75rem;font-weight:650;line-height:1.25;letter-spacing:.025em;color:#7e2850}
.compact-deck .deck-heading .brand-ui-icon{width:21px;height:21px}
.compact-deck .deck-heading .favorite-button{width:40px;height:40px;min-height:40px;border:1px solid #fff7e5b3;background:#fff9eceb;box-shadow:0 2px 6px #73254310}
.compact-deck .deck-heading .favorite-button.is-favorite{background:#831441;color:#fff5e6;border-color:#a73464}
.compact-deck h1{font-size:clamp(1.375rem,6.2vw,1.8rem);line-height:1.12;letter-spacing:-.55px;font-weight:650;max-width:100%;margin:3px 0 1px;text-wrap:balance}
.compact-deck .deck-stage,.compact-deck .deck-stage.cutout{position:relative;width:100%;height:clamp(180px,53vw,218px);margin:0;touch-action:pan-y pinch-zoom;cursor:grab;outline-offset:1px}
.compact-deck .deck-stage:active{cursor:grabbing}
.compact-deck .deck-stage .hero-product{inset:0;width:100%;height:100%;padding:5px 11px;translate:var(--hero-swipe-offset,0px) 0;transition:translate .18s ease-out}
.compact-deck .deck-stage[data-dragging=true] .hero-product{animation-play-state:paused;transition:none}
.compact-deck .deck-bubble{bottom:4px;left:0;min-width:0;min-height:0;padding:5px 8px;gap:3px;font-size:.9375rem;border-radius:11px;transform:rotate(-3deg);box-shadow:0 2px 0 #6d233320}
.compact-deck .deck-bubble small{font-size:.75rem}
.deck-gesture{display:flex;align-items:center;justify-content:center;gap:7px;min-height:22px;margin:0 0 7px;color:#683047;font-size:.8125rem;font-weight:500;line-height:1.25}
.gesture-track{position:relative;display:block;flex:none;width:37px;height:10px;border-radius:10px;background:#e7becb7a;box-shadow:inset 0 1px 2px #8b3b5920}
.gesture-glider{position:absolute;top:1px;left:14px;display:block;width:9px;height:8px;border-radius:5px;background:#952554;box-shadow:0 1px 2px #6921441a;animation:deck-swipe-guide 3.8s ease-in-out infinite}
.compact-deck .deck-controls{display:flex;align-items:center;justify-content:center;gap:0;margin:0}
.compact-deck .deck-controls .deck-add{position:relative;min-height:46px;width:min(100%,238px);padding:7px 18px;gap:7px;font-size:1rem;border-radius:16px;background:linear-gradient(115deg,#b53169,#861644);border:1px solid #a83564;box-shadow:0 3px 7px #83144124,inset 0 1px 0 #ffd4e640}
.compact-deck .deck-controls .cup-button-icon{width:30px;height:30px;margin:-3px 0;flex:none}
.compact-deck .deck-controls .deck-add:active{transform:scale(.98)}
@keyframes deck-swipe-guide{0%,12%,100%{translate:0 0}30%{translate:10px 0}50%,62%{translate:0 0}80%{translate:-10px 0}}
@media(min-width:800px){.discovery-deck.compact-deck{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-rows:auto 1fr auto auto;min-height:280px;padding:18px 22px;gap:0 20px}.compact-deck .deck-heading{grid-column:1;grid-row:1}.compact-deck h1{grid-column:1;grid-row:2;align-self:center;margin:8px 0;font-size:2.2rem}.compact-deck .deck-stage,.compact-deck .deck-stage.cutout{grid-column:2;grid-row:1/5;height:245px;width:100%;margin:0;align-self:center}.compact-deck .deck-gesture{grid-column:1;grid-row:3}.compact-deck .deck-controls{grid-column:1;grid-row:4}.compact-deck .deck-controls .deck-add{width:100%;max-width:270px}}
@media(max-width:360px){.discovery-deck.compact-deck{padding:10px 11px 12px}.compact-deck .deck-heading>span:first-child{font-size:.75rem}.compact-deck .deck-stage,.compact-deck .deck-stage.cutout{height:180px}.compact-deck .deck-controls .deck-add{min-height:45px;font-size:1rem}.compact-deck .deck-heading .favorite-button{width:36px;height:36px;min-height:36px}}
@media(max-height:700px) and (max-width:799px){.compact-deck .deck-stage,.compact-deck .deck-stage.cutout{height:172px}.compact-deck h1{font-size:1.4rem}}
@media(prefers-reduced-motion:reduce){.gesture-glider{animation:none!important}.compact-deck .deck-stage .hero-product{transition:none!important}}