/* Style 2 changes catalog cards only. Product sheets, cart, checkout and POS remain shared. */
body[data-menu-style=horizontal] .product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}
body[data-menu-style=horizontal] .product-card{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(115px,1fr);grid-template-rows:minmax(0,1fr);position:relative;height:220px;min-height:0;border-radius:18px;box-shadow:none;overflow:hidden}
/* Absolute images cannot contribute their intrinsic height to the CSS grid row. */
body[data-menu-style=horizontal] .product-visual{grid-column:2;grid-row:1;height:100%;min-height:0;min-width:0;border:0;background:#f3eee6;overflow:hidden}
body[data-menu-style=horizontal] .product-image{position:absolute;inset:0;width:100%;height:100%;padding:0;object-fit:cover}
body[data-menu-style=horizontal] .product-copy{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:8px;padding:18px;min-width:0;min-height:0;overflow:hidden}
body[data-menu-style=horizontal] .product-copy h3{grid-row:1;margin:0;font:750 17px/1.3 system-ui,sans-serif;letter-spacing:-.3px;overflow-wrap:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body[data-menu-style=horizontal] .product-copy p{grid-row:3;margin:2px 0 0;font-size:12px;line-height:1.5;-webkit-line-clamp:4;align-self:start;max-height:6em}
body[data-menu-style=horizontal] .product-bottom{display:contents}
body[data-menu-style=horizontal] .product-bottom strong{grid-row:2;font-size:16px;color:var(--ink);font-weight:650}
body[data-menu-style=horizontal] .product-bottom button{position:absolute;right:12px;bottom:12px;z-index:2;display:grid;place-items:center;width:46px;height:46px;min-height:46px;padding:0;border-radius:13px;border:1px solid #ddd2c4;background:#fff;color:#252018;box-shadow:0 3px 10px #26160c16;font-size:0}
body[data-menu-style=horizontal] .product-bottom button::after{content:'+';font:400 28px/1 system-ui,sans-serif}
body[data-menu-style=horizontal] .product-bottom button:disabled{opacity:.85;color:#746a5e;background:#f4f0e8}
body[data-menu-style=horizontal] .product-bottom button:disabled::after{content:'—';font-size:20px}
body[data-menu-style=horizontal] .availability-label{top:10px;bottom:auto;left:8px;right:8px;max-width:none;font-size:9px;text-align:center;white-space:normal}
@media(min-width:1100px){body[data-menu-style=horizontal] .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-menu-style=classic] .product-visual{height:150px}body[data-menu-style=classic] .product-copy{padding:18px}body[data-menu-style=classic] .product-copy h3{font-size:20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body[data-menu-style=classic] .product-copy p{-webkit-line-clamp:2}body[data-menu-style=classic] .product-bottom{padding-top:10px}}
@media(max-width:767px){body[data-menu-style=horizontal] .product-grid{grid-template-columns:1fr}body[data-menu-style=horizontal] .product-card{height:200px;grid-template-columns:minmax(0,1.3fr) minmax(140px,1fr)}}
@media(max-width:420px){body[data-menu-style=horizontal] .product-card{height:196px;grid-template-columns:minmax(0,1.2fr) minmax(125px,1fr)}body[data-menu-style=horizontal] .product-copy{padding:17px 15px;gap:8px}body[data-menu-style=horizontal] .product-copy h3{font-size:16px}body[data-menu-style=horizontal] .product-bottom button{right:10px;bottom:10px}}