*{box-sizing:border-box}body{margin:0;background:#020202;color:#c5f8fc;font-family:Arial,Helvetica,sans-serif}.screen{position:absolute;width:1080px;height:1920px;overflow:hidden;transform-origin:center}.menu-page{height:100%;padding:0 35px 35px;background-color:#101719;background-size:1080px 1920px;background-repeat:no-repeat;display:flex;flex-direction:column}header{position:relative;height:490px;flex-shrink:0}header img{position:absolute;left:583px;top:120px;width:400px;max-height:345px;object-fit:contain}.beer-list{display:flex;flex:1;flex-direction:column;gap:8px}.house .beer-list{gap:56px}.beer{position:relative;display:grid;grid-template-columns:190px 1fr 150px;align-items:center;gap:18px;flex:1;min-height:0;border:3px double #b9edf2;padding:16px 12px;background:transparent}.house .beer{grid-template-columns:135px 1fr 150px}.art{text-align:center}.art img{max-width:182px;max-height:190px;object-fit:contain}.beer-glass{width:125px;height:175px}.copy h2{font-size:38px;line-height:1.08;margin:0 0 14px}.copy h3{font-size:29px;margin:0 0 14px}.copy p{font-size:27px;line-height:1.1;margin:0}.price{display:grid;gap:22px;text-align:center;font-size:29px}.sold-tag{position:absolute;left:18px;top:50%;transform:translateY(-50%) rotate(-12deg);color:white;font-weight:bold;font-size:48px;padding:6px 18px;background:#db263b;border:3px solid #f76a76}.ad,.ad img{width:100%;height:100%}.ad{background:#000}.ad img{display:block}#offline{position:fixed;bottom:8px;right:8px;color:#d5b878;font:12px Arial}
/* Older Android browsers without CSS Grid or gap support. */
.legacy-layout .beer-list{position:absolute;display:block;top:490px;left:35px;right:35px;bottom:35px}
.legacy-layout .beer{position:absolute;display:block;width:100%;margin:0}
.legacy-layout .beer .art{position:absolute;left:12px;top:50%;width:190px;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.legacy-layout .house .beer .art{width:135px}
.legacy-layout .beer .copy{position:absolute;left:220px;right:180px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.legacy-layout .house .beer .copy{left:165px}
.legacy-layout .price{position:absolute;display:block;right:12px;width:150px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.legacy-layout .price strong{display:block;margin:11px 0}
.legacy-layout .sold-tag{-webkit-transform:translateY(-50%) rotate(-12deg)}

.coming-tag{display:inline-block;vertical-align:middle;margin-left:12px;padding:6px 18px;background:#976313;color:#fff;border:3px solid #f1cc79;font:bold 38px Arial;white-space:nowrap}.new-tag{display:inline-block;vertical-align:middle;margin-left:12px;padding:4px 9px;font:bold 18px Arial;letter-spacing:1px;color:#142b22;background:#f1cb82;border:2px solid #ffe6af;border-radius:4px}.beer-style{font-weight:700}

.menu-page{position:relative}.beer-list,.house .beer-list{position:absolute;display:block;top:490px;bottom:35px;left:35px;right:35px}.beer-list .beer{position:absolute;width:100%;flex:none}.coming-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:#bebebe;pointer-events:none;z-index:2}

/* Keep the grid row inside its box, including when artwork is taller than the content area. */
.beer{grid-template-rows:minmax(0,1fr)}.art{line-height:0}.beer-glass{display:block;margin:0 auto}