/* A single two-person set complements the shopper's real cart. */
.cart-recommendation{position:relative;isolation:isolate;min-width:0;margin:22px 0 5px;padding:20px;border:1px solid #e8c1d2;border-radius:27px;background:radial-gradient(ellipse at 8% 80%,#fff0c6 0%,transparent 55%),linear-gradient(135deg,#fff9f1,#f7e1eb);box-shadow:0 5px 0 #8730540c}
.cart-recommendation h2{margin:0 0 16px;font-family:Bricolage,Geist,sans-serif;font-size:1.45rem;font-weight:650;letter-spacing:-.6px;line-height:1.2;color:#792046}
.cart-recommendation-body{display:grid;grid-template-columns:minmax(0,1fr);gap:13px;align-items:center}
.cart-recommendation-visual{display:block;position:relative;min-width:0;width:100%;height:176px;border:0;border-radius:19px;background:transparent;padding:4px}
.cart-recommendation-visual .cup-cutout{animation:recommendation-drift 5.5s ease-in-out infinite;filter:drop-shadow(0 9px 6px #70204217)}
.cart-recommendation-copy{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 12px}
.recommendation-size{grid-column:1;font-size:.875rem;color:#935872;font-weight:600}
.recommendation-name{grid-column:1;color:#6e203f;text-decoration:none;font-size:1rem;font-weight:650;line-height:1.3;overflow-wrap:anywhere}
.recommendation-name:hover{text-decoration:underline;text-underline-offset:3px}
.recommendation-price{grid-column:2;grid-row:1/3;font-size:1.2rem;font-weight:750;letter-spacing:-.3px;color:#772045}
.cart-recommendation .recommendation-add{grid-column:1/-1;margin-top:8px;min-height:49px;border-radius:16px;padding:9px 10px;gap:8px;font-size:1rem;justify-content:center;display:flex;align-items:center;box-shadow:0 4px 0 #59153433,inset 0 1px 0 #d7779b;background:linear-gradient(120deg,#a82d64,#811546);white-space:normal;line-height:1.25}
.recommendation-add .cup-button-icon{width:29px;height:29px;flex:none;margin:-4px 0}
.style-tabs{grid-template-columns:repeat(12,minmax(0,1fr));gap:7px}
.style-tabs>button{grid-column:span 3;font-size:.875rem}
.style-tabs>button:nth-child(n+5){grid-column:span 4}
.style-tabs[data-count="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.style-tabs[data-count="6"]>button{grid-column:auto}
@keyframes recommendation-drift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(1deg)}}
@media(min-width:800px){.style-tabs{display:flex;gap:10px}.style-tabs>button{width:95px;flex:1;max-width:120px;font-size:.875rem}.cart-recommendation{padding:23px}.cart-recommendation-visual{height:195px}}
@media(max-width:380px){.cart-recommendation{padding:16px}.cart-recommendation-body{gap:10px}.cart-recommendation-visual{height:156px}.cart-recommendation h2{font-size:1.3rem}.recommendation-name{font-size:.9375rem}.style-tabs{gap:5px}.style-tabs>button{min-height:84px;font-size:.875rem}.style-tabs .category-cup{height:52px}.cart-recommendation .recommendation-add{padding:8px 7px}}
@media(prefers-reduced-motion:reduce){.cart-recommendation-visual .cup-cutout{animation:none}}