/* Photograph-sized cards: no synthetic white letterboxing. */
.catalog-card{background:#1c1916}
.catalog-card img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:auto;object-fit:initial;background:transparent;align-self:start}
#dish-content img{height:auto;max-height:none;object-fit:initial;background:transparent}
.club-direction{display:flex;justify-content:flex-end;padding-left:26px;height:76px;margin:-10px 0 12px;color:#ee716e}
.club-direction svg{width:105px;height:76px;overflow:visible;transform:rotate(-9deg)}
.club .club-actions{scroll-margin-top:150px}
@media(max-width:520px){
 .catalog-card{grid-template-columns:minmax(0,48%) minmax(0,52%);align-items:start}
 .catalog-card img{width:100%;height:auto;min-height:0;object-fit:initial;align-self:start}
 .catalog-card .card-copy{padding:12px 10px}
 .catalog-card p{font-size:12px;line-height:1.45}
 .club-direction{height:65px;margin:-6px 0 16px;padding-left:24px}
 .club-direction svg{height:65px;width:92px}
}
@media(max-width:520px){
 .catalog-card{align-items:stretch}
 .catalog-card img{height:100%;min-height:160px;object-fit:cover;object-position:50% 55%;align-self:stretch}
}
/* Client refinements: full-bleed wrap and a tighter club CTA group. */
.dish-card[href="/order/#wraps"] img{inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 57%}
.club .club-copy h2{margin-bottom:12px}
.club .club-copy>p{margin:0 0 8px;line-height:1.25}
.club .club-direction{height:44px;margin:0 0 8px}
.club .club-direction svg{height:44px;width:65px}
@media(max-width:850px){
 .club .club-layout{gap:16px}
 .club .club-art{padding-bottom:0}
 .club .club-copy h2{font-size:clamp(32px,8.5vw,54px);margin-bottom:10px}
 .club .club-copy>p{font-size:24px;margin-bottom:4px}
 .club .club-direction{height:34px;margin:0 0 6px}
 .club .club-direction svg{height:34px;width:54px}
}
/* Center the club direction cue prominently above both buttons. */
.club .club-direction{justify-content:center;padding:0;height:76px;margin:6px 0 8px}
.club .club-direction svg{display:block;width:112px;height:76px;transform:none}
@media(max-width:850px){
 .club .club-direction{height:66px;margin:4px 0 8px}
 .club .club-direction svg{width:100px;height:66px}
}
/* Bold filled brand arrow, matching the client's reference. */
.club .club-direction{color:var(--coral);height:92px;margin:2px 0 10px}
.club .club-direction svg{width:112px;height:92px;filter:drop-shadow(2px 3px 0 #000)}
@media(max-width:850px){
 .club .club-direction{height:84px;margin:0 0 8px}
 .club .club-direction svg{width:102px;height:84px}
}
/* Dry-brush graffiti arrow: irregular edges and worn paint. */
.club .club-direction svg{width:126px;height:96px;filter:none;transform:rotate(-6deg)}
.club .club-direction{height:96px}
@media(max-width:850px){.club .club-direction{height:88px}.club .club-direction svg{width:116px;height:88px}}
/* Keep the white brush arrow centered on the actual CTA group. */
.club .club-cta-group{width:max-content;max-width:100%}
.club .club-cta-group .club-direction{width:100%;color:#fff;justify-content:center;padding:0}
@media(max-width:850px){.club .club-cta-group{width:100%}}
/* Match the marked reference: taller, leftward curve ending downwards. */
.club .club-cta-group .club-direction{height:150px;margin:-28px 0 10px;pointer-events:none}
.club .club-cta-group .club-direction svg{width:120px;height:150px;transform:none;flex:none}
@media(max-width:850px){
 .club .club-cta-group .club-direction{height:140px;margin:-34px 0 10px}
 .club .club-cta-group .club-direction svg{width:112px;height:140px}
}