/*
 * Geometry of the board, in stage pixels (3240x1920; screen 1 = x 0-1079, screen 2 =
 * 1080-2159, screen 3 = 2160-3239). Positions and sizes were measured on the printed menu
 * (menu_burgerim_2026-09-29.jpg). Must stay IE11-compatible: no CSS variables, grid or
 * object-fit. All fonts have normalised metrics (ascent 0.8 em, descent 0.2 em), so a line
 * of height L with font size S has its baseline at L/2 + 0.3 S from the top of the line.
 */
@font-face { font-family: 'menu-head'; src: url('../assets/fonts/menu-head.woff') format('woff'); }
@font-face { font-family: 'menu-head-light'; src: url('../assets/fonts/menu-head-light.woff') format('woff'); }
@font-face { font-family: 'menu-text'; src: url('../assets/fonts/menu-text.woff') format('woff'); }
@font-face { font-family: 'menu-text-bold'; src: url('../assets/fonts/menu-text-bold.woff') format('woff'); }
@font-face { font-family: 'menu-text-italic'; src: url('../assets/fonts/menu-text-italic.woff') format('woff'); }
@font-face { font-family: 'menu-cal'; src: url('../assets/fonts/menu-cal.woff') format('woff'); }
@font-face { font-family: 'menu-price'; src: url('../assets/fonts/menu-price.woff') format('woff'); }
@font-face { font-family: 'menu-price-light'; src: url('../assets/fonts/menu-price-light.woff') format('woff'); }
@font-face { font-family: 'menu-sides'; src: url('../assets/fonts/menu-sides.woff') format('woff'); }

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #f4f4f2;
    -ms-overflow-style: none;
    cursor: none;
}

#stage {
    position: absolute;
    left: 0;
    top: 0;
    width: 3240px;
    height: 1920px;
    overflow: hidden;
    -ms-transform-origin: 0 0;
    transform-origin: 0 0;
    font-family: 'menu-text', Arial, sans-serif;
    color: #121111;
}

.bg { position: absolute; top: 0; width: 1080px; height: 1920px; background: url('../assets/bg_wood.jpg') no-repeat 0 0; }
.bg.c1 { left: 0; }
.bg.c2 { left: 1080px; }
.bg.c3 { left: 2160px; }

/* ---- shared pieces ------------------------------------------------------------------- */

.sec { position: absolute; }
.sec b { font-family: 'menu-text-bold', Arial, sans-serif; font-weight: normal; }
.sec i { font-family: 'menu-text-italic', Arial, sans-serif; font-style: normal; }
.cal { font-family: 'menu-cal', Georgia, serif; font-size: 25px; color: #333; }
.pr { font-family: 'menu-price', Georgia, serif; color: #0b0b0b; position: relative; top: -0.36em; margin-left: 4px; }
.pr.plain { font-family: 'menu-text', Arial, sans-serif; top: 0; margin-left: 0; }
.pr.light { font-family: 'menu-price-light', Georgia, serif; }
.badge { height: 30px; vertical-align: middle; position: relative; top: -4px; margin-left: 5px; }
.logo { vertical-align: middle; position: relative; }
.logo-impossible { height: 32px; top: -2px; }
.logo-cocacola { height: 40px; top: -4px; }

.ph { display: table; width: 100%; }
.ph span { display: table-cell; vertical-align: bottom; text-align: center; }
.ph img { vertical-align: bottom; }

.ruled { border-collapse: collapse; margin: 0 auto; }
.ruled td { padding: 0; }
.ruled .ln { width: 50%; vertical-align: middle; }
.ruled .ln div { border-top: 2px solid #1c1c1c; position: relative; }
.ruled .tt { white-space: nowrap; font-family: 'menu-head', 'Arial Narrow', sans-serif; color: #da7d23; text-transform: uppercase; }

.h2 { font-family: 'menu-head', 'Arial Narrow', sans-serif; color: #da7d23; font-size: 54px; line-height: 54px; text-transform: uppercase; white-space: nowrap; }

/* ---- screen 1 ------------------------------------------------------------------------ */

#s-big_burgerim { left: 0; top: 45px; width: 1080px; height: 1330px; }
#s-big_burgerim .ruled { width: 970px; }
#s-big_burgerim .ruled .tt { font-size: 86px; line-height: 86px; padding: 0 36px; }
#s-big_burgerim .ruled .ln div { top: -11px; }
#s-big_burgerim .grid { position: absolute; left: 25px; top: 117px; width: 1056px; }
#s-big_burgerim .card { float: left; width: 352px; height: 404px; }
#s-big_burgerim .ph { height: 280px; }
#s-big_burgerim .ph img { max-width: 350px; max-height: 280px; }
#s-big_burgerim .nm { margin-top: 6px; font-size: 30px; line-height: 36px; height: 36px; text-align: center; white-space: nowrap; }
#s-big_burgerim .name { font-family: 'menu-head', 'Arial Narrow', sans-serif; font-size: 32px; color: #cf8b3c; text-transform: uppercase; }
#s-big_burgerim .ds { margin: 0 -26px; font-size: 23px; line-height: 30px; text-align: center; }
#s-big_burgerim .cal { font-size: 25.5px; }

#s-impossible_note { left: 0; top: 1417px; width: 1080px; text-align: center; }
#s-impossible_note .nb { display: inline-block; border: 2px solid #e0913a; padding: 0 16px; height: 51px; line-height: 51px; font-size: 24px; white-space: nowrap; }

#s-make_meal { left: 60px; top: 1495px; width: 965px; height: 425px; }
#s-make_meal .ruled { width: 965px; }
#s-make_meal .ruled .tt { font-size: 47px; line-height: 47px; padding: 0 18px; }
#s-make_meal .ruled .ln div { top: -9px; }
#s-make_meal .frame { position: absolute; left: 0; top: 14px; width: 965px; height: 311px; border: 2px solid #1c1c1c; border-top: 0;
    -moz-box-sizing: border-box; box-sizing: border-box; }
#s-make_meal .divider { position: absolute; left: 480px; top: 95px; height: 200px; border-left: 2px dashed #555; }
#s-make_meal .img0 { position: absolute; left: 147px; top: 45px; z-index: 2; }
#s-make_meal .img1 { position: absolute; left: 530px; top: 125px; z-index: 2; }
#s-make_meal .side0 { position: absolute; left: 36px; top: 47px; z-index: 3; }
#s-make_meal .side1 { position: absolute; left: 520px; top: 50px; width: 420px; z-index: 3; }
#s-make_meal .tx { font-family: 'menu-head-light', 'Arial Narrow', sans-serif; font-size: 34px; line-height: 35px; white-space: nowrap; }
#s-make_meal .tx b { font-family: 'menu-head', 'Arial Narrow', sans-serif; }
#s-make_meal .side0 .big { font-family: 'menu-sides', Arial, sans-serif; font-size: 41px; line-height: 41px; margin: 7px 0 0 12px; }
#s-make_meal .side1 .big { font-family: 'menu-price-light', Georgia, serif; font-size: 47px; line-height: 47px; margin-top: -14px; }
#s-make_meal .foot { position: absolute; right: 15px; top: 370px; z-index: 3; font-family: 'menu-head', 'Arial Narrow', sans-serif; font-size: 21.8px; line-height: 34px; white-space: nowrap; }
#s-make_meal .foot .pr { font-size: 25px; top: -0.2em; margin-left: 8px; }
#s-make_meal .fine { position: absolute; left: -60px; top: 400px; width: 1080px; text-align: center; font-size: 14.5px; line-height: 20px; }

/* ---- screen 2 ------------------------------------------------------------------------ */

#s-classic_burgerim { left: 1080px; top: 45px; width: 1080px; height: 1140px; }
#s-classic_burgerim .ruled { width: 958px; margin-left: 62px; }
#s-classic_burgerim .ruled .tt { font-size: 86px; line-height: 86px; padding: 0 26px; }
#s-classic_burgerim .ruled .ln div { top: -11px; }
#s-classic_burgerim .frame { position: absolute; left: 60px; top: 170px; width: 960px; height: 966px; border: 2px solid #1c1c1c;
    -moz-box-sizing: border-box; box-sizing: border-box; }
#s-classic_burgerim .divider { position: absolute; left: 475px; top: 35px; height: 290px; border-left: 2px dashed #444; }
#s-classic_burgerim .label { position: absolute; top: -39px; height: 68px; line-height: 68px; padding: 0 18px; background: #e27a0e; white-space: nowrap;
    font-family: 'menu-head', 'Arial Narrow', sans-serif; font-size: 52px; color: #fdf1cf; text-transform: uppercase; }
#s-classic_burgerim .label .pr { font-size: 41px; color: #fbf1bf; margin-left: 10px; top: -0.34em; }
#s-classic_burgerim .label.l0 { left: 146px; }
#s-classic_burgerim .label.l1 { left: 560px; }
#s-classic_burgerim .dt { position: absolute; top: 51px; width: 440px; text-align: center; }
#s-classic_burgerim .dt.d0 { left: 17px; }
#s-classic_burgerim .dt.d1 { left: 497px; }
#s-classic_burgerim .dt .ds { font-size: 25px; line-height: 36px; height: 72px; }
#s-classic_burgerim .dt .ph { height: 178px; margin-top: 1px; }
#s-classic_burgerim .dt .ph img { max-width: 420px; max-height: 178px; }
#s-classic_burgerim .dt .ex { margin-top: 6px; font-size: 23px; line-height: 30px; letter-spacing: 1.5px; white-space: nowrap; }
#s-classic_burgerim .dt .exp { margin-left: 32px; letter-spacing: 0; }

#s-buns, #s-patties, #s-add { left: 1080px; width: 1080px; }
#s-buns .h2, #s-patties .h2, #s-add .h2 { text-align: center; }
#s-buns .list, #s-patties .list, #s-add .list { position: relative; }
#s-buns .col, #s-patties .col { float: left; width: 435px; }
#s-buns .col0, #s-patties .col0 { margin-left: 120px; }
#s-buns .li, #s-patties .li { font-size: 25px; white-space: nowrap; }
#s-buns .cal, #s-patties .cal { font-size: 27.9px; }
#s-buns .pr, #s-patties .pr { font-size: 24.4px; top: 0; }
#s-buns .badge, #s-patties .badge { height: 28px; }
#s-buns .bu, #s-patties .bu { font-size: 30px; margin-right: 10px; position: relative; top: 1px; }
#s-buns .logo-impossible, #s-patties .logo-impossible { height: 27px; top: -3px; }

#s-buns { top: 562px; }
#s-buns .list { margin-top: -7px; }
#s-buns .li { line-height: 41px; }

#s-patties { top: 702px; }
#s-patties .sub { margin-top: -1px; text-align: center; font-family: 'menu-head', 'Arial Narrow', sans-serif; font-size: 24px; line-height: 30px; }
#s-patties .sub .pr { font-size: 24.4px; top: 0; margin-left: 8px; }
#s-patties .halal { position: absolute; left: 833px; top: -6px; }
#s-patties .list { margin-top: 1.75px; }
#s-patties .li { line-height: 37.5px; }

#s-add { top: 919px; }
#s-add .h2 .pr { font-size: 43px; top: -0.3em; margin-left: 12px; }
#s-add .sub { margin-top: -3px; text-align: center; font-family: 'menu-head', 'Arial Narrow', sans-serif; font-size: 24px; line-height: 30px; }
#s-add .it { margin-top: -6px; text-align: center; font-family: 'menu-text-italic', Arial, sans-serif; font-size: 24px; line-height: 30px; }
#s-add .list { margin: 5px 0 0 118px; white-space: nowrap; }
#s-add .col { display: inline-block; vertical-align: top; padding-right: 30px; }
#s-add .li { font-family: 'menu-text-bold', Arial, sans-serif; font-size: 25px; line-height: 36px; }

#s-sharing { left: 1080px; top: 1212px; width: 1080px; }
#s-sharing .ruled { width: 585px; margin-left: 245px; }
#s-sharing .ruled .tt { font-size: 73px; line-height: 73px; padding: 0 22px; }
#s-sharing .ruled .ln div { top: 2px; }
#s-sharing .card { position: absolute; top: 72px; width: 480px; text-align: center; }
#s-sharing .card.c0 { left: 51px; }
#s-sharing .card.c1 { left: 535px; }
#s-sharing .ph { height: 352px; }
#s-sharing .ph img { max-width: 380px; max-height: 352px; }
#s-sharing .nm { font-size: 40px; line-height: 44px; margin-top: 8px; white-space: nowrap; }
#s-sharing .name { font-family: 'menu-head', 'Arial Narrow', sans-serif; color: #c98a45; text-transform: uppercase; margin-right: 14px; }
#s-sharing .nm .pr { font-size: 40.4px; }
#s-sharing .ds { margin-top: -8px; font-size: 21.5px; line-height: 28px; white-space: nowrap; }

#s-legend { left: 1145px; top: 1738px; width: 953px; height: 150px; border: 2px solid #e0913a; border-top: 0;
    -moz-box-sizing: border-box; box-sizing: border-box; }
#s-legend .rule { position: absolute; top: 0; border-top: 2px solid #e0913a; }
#s-legend .rule.r0 { left: -2px; width: 420px; }
#s-legend .rule.r1 { left: 535px; width: 418px; }
#s-legend .dots { position: absolute; left: 426px; top: -9px; width: 104px; height: 22px; text-align: center; }
#s-legend .dots i { display: inline-block; width: 22px; height: 22px; margin: 0 5px; border-radius: 11px; background: #e27a0e; }
#s-legend .lg { position: absolute; font-size: 21px; line-height: 38px; white-space: nowrap; }
#s-legend .lg .badge { height: 32px; margin: 0 8px 0 0; top: -2px; }
#s-legend .g0 { left: 21px; top: 27px; }
#s-legend .g1 { left: 21px; top: 66px; }
#s-legend .g2 { left: 21px; top: 104px; }
#s-legend .g3 { left: 275px; top: 27px; }
#s-legend .g4 { left: 275px; top: 66px; }
#s-legend .warn { position: absolute; left: 470px; top: 26px; width: 468px; text-align: right; font-family: 'menu-text-italic', Arial, sans-serif; font-size: 15.6px; line-height: 26.7px; }

/* ---- screen 3 ------------------------------------------------------------------------ */

#s-sides { left: 2205px; top: 429px; width: 480px; }
#s-sides .row { position: relative; font-size: 25.3px; line-height: 41.3px; white-space: nowrap; }
#s-sides .cal { font-size: 27.9px; }
#s-sides .h2 { margin-bottom: 4px; }
#s-sides .side-pr { position: absolute; left: 384px; top: 6px; font-family: 'menu-sides', Arial, sans-serif; font-size: 29.8px; color: #2e2e2e; }
#s-sides .side-pr.add { font-family: 'menu-price-light', Georgia, serif; font-size: 24.2px; left: 382px; top: 4px; color: #1d1d1d; }
#s-sides .it { margin-top: -2px; font-family: 'menu-text-italic', Arial, sans-serif; font-size: 24.6px; line-height: 31px; }

#s-kids_meal { left: 2717px; top: 430px; width: 450px; height: 316px; background: #fed107; }
#s-kids_meal .inner { position: absolute; left: 21px; top: 22px; width: 408px; height: 270px; background: #fdfdfb; border: 2px dashed #e6be3c; border-radius: 30px;
    -moz-box-sizing: border-box; box-sizing: border-box; }
#s-kids_meal .tx { position: absolute; left: 21px; top: 53px; width: 408px; text-align: center; }
#s-kids_meal .h2 { font-size: 51px; line-height: 51px; }
#s-kids_meal .h2 .pr { font-size: 25.6px; color: #222; top: -0.62em; margin-left: 12px; }
#s-kids_meal .nt { margin-top: 7px; font-size: 26.8px; line-height: 39.3px; white-space: nowrap; }
#s-kids_meal .cal { font-size: 27px; }

#s-chicken { left: 2205px; top: 829px; width: 1000px; }
#s-chicken .h2 { font-size: 54px; }
#s-chicken .it { margin-top: -3px; font-family: 'menu-text-italic', Arial, sans-serif; font-size: 27.2px; line-height: 30px; }
#s-chicken .pic { position: absolute; left: 468px; top: 3px; }
#s-chicken .list { width: 433px; }
#s-chicken .row { position: relative; font-size: 24.3px; line-height: 37px; white-space: nowrap; }
#s-chicken .row.hd { margin-top: 17px; font-size: 27.6px; }
#s-chicken .rp { position: absolute; right: 0; top: 0; font-family: 'menu-price-light', Georgia, serif; font-size: 25.6px; color: #1f1f1f; }

#s-milkshakes { left: 2205px; top: 1227px; width: 460px; height: 680px; text-align: center; }
#s-milkshakes .ruled { width: 460px; }
#s-milkshakes .ruled .tt { font-size: 55px; line-height: 55px; padding: 0 14px; }
#s-milkshakes .ruled .ln div { top: -6px; }
#s-milkshakes .frame { position: absolute; left: 0; top: 21px; width: 460px; height: 589px; border: 2px solid #1c1c1c; border-top: 0;
    -moz-box-sizing: border-box; box-sizing: border-box; }
#s-milkshakes .nt { position: relative; margin-top: 10px; font-size: 29.5px; line-height: 41.5px; }
#s-milkshakes .nt .cal { font-size: 27.5px; }
#s-milkshakes .mp { position: relative; margin-top: 5px; font-family: 'menu-price-light', Georgia, serif; font-size: 25.8px; line-height: 26px; }
#s-milkshakes .pic { position: absolute; left: 12px; top: 239px; }

#s-beverages { left: 2718px; top: 1227px; width: 480px; }
#s-beverages .h2 { font-size: 52px; line-height: 52px; }
#s-beverages .row { margin-top: 10px; font-size: 27.6px; line-height: 40px; white-space: nowrap; }
#s-beverages .cal { font-size: 27.9px; }
#s-beverages .pr { font-size: 22px; top: 0; margin-left: 8px; }

#s-fresh_salads { left: 2718px; top: 1364px; width: 470px; }
#s-fresh_salads .h2 { font-size: 52px; line-height: 52px; }
#s-fresh_salads .it { font-family: 'menu-text-italic', Arial, sans-serif; font-size: 26.6px; line-height: 35px; }
#s-fresh_salads .it .pr { font-size: 25.8px; top: 0; margin-left: 18px; }
#s-fresh_salads .salad { margin-top: 19px; width: 444px; }
#s-fresh_salads .it + .salad { margin-top: 7px; }
#s-fresh_salads .row { position: relative; font-size: 24.6px; line-height: 37px; white-space: nowrap; }
#s-fresh_salads .row:first-child { font-size: 27.8px; }
#s-fresh_salads .cal { font-size: 27px; }
#s-fresh_salads .rp { position: absolute; right: 0; top: 0; font-family: 'menu-price-light', Georgia, serif; font-size: 25.8px; color: #232323; }
#s-fresh_salads .ds { font-size: 27.9px; line-height: 37px; white-space: nowrap; }