:root{color-scheme:dark;--pink:#ff38aa;--blue:#18baff;--gold:#ffd27b}
*{box-sizing:border-box}body{margin:0;background:#100906;color:#fff;font-family:Arial,sans-serif}main{max-width:1086px;margin:auto}.poster{position:relative;width:100%;container-type:inline-size}.poster-image{display:block;width:100%;height:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.machine-sign{position:absolute;left:3.7%;top:33.3%;width:25.4%;height:25.1%;display:flex;align-items:flex-start}.machine-sign .machine-list{width:100%}.machine-list button{font:inherit;color:inherit;cursor:pointer}.machine-sign button{display:block;width:100%;border:0;border-bottom:1px solid #ff38aa26;background:transparent;text-align:left;padding:1.05cqw .2cqw;font-size:1.53cqw;line-height:1.35;text-transform:uppercase;white-space:nowrap;text-shadow:0 1px 4px #000}.machine-sign button::before{content:'✓';color:var(--pink);text-shadow:0 0 6px var(--pink);margin-right:.65cqw}.machine-sign button:hover,.machine-sign button:focus-visible{color:#fff;background:#ff38aa25;text-shadow:0 0 8px var(--pink)}button:focus-visible,a:focus-visible{outline:2px solid white;outline-offset:3px}
.contacts{position:absolute;left:4%;right:4%;top:90.5%;bottom:3%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center}.contact{display:flex;align-items:center;gap:.7cqw;text-decoration:none;min-width:0;padding:.8cqw;border-right:1px solid #c68a4866;color:var(--pink)}.contact:last-child{border:0}.contact svg{width:4cqw;min-width:4cqw;fill:none;stroke:currentColor;stroke-width:2;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 0 4px currentColor)}.contact span{font-size:1.22cqw;line-height:1.5;color:var(--gold)}.contact strong{display:block;font-size:1.45cqw;white-space:nowrap}.phone span{color:#ffa4d9;text-shadow:0 0 5px #ff38aa}.mail,.facebook{color:var(--blue)}.instagram strong,.facebook strong{color:#77d7ff}.contact:hover{filter:brightness(1.35)}
.mobile-machines{display:none}.bubble{color:white;border:2px solid var(--pink);border-radius:26px;background:#160c10;box-shadow:0 0 20px #ff38aa70;padding:24px;width:min(460px,calc(100vw - 28px));max-height:85dvh;overflow:auto}.bubble::backdrop{background:#0009}.bubble h2{font-size:22px;color:#ff9ed5;padding-right:28px;margin:0 0 18px}.bubble img{display:block;width:100%;height:auto;border-radius:12px}.bubble img.grill{height:220px;object-fit:cover;object-position:50% 89%}.bubble p{line-height:1.6}.close{position:absolute;right:10px;top:7px;width:44px;height:44px;border:0;background:transparent;color:white;font-size:32px;cursor:pointer}.call{display:block;border:1px solid #ff66b9;border-radius:12px;padding:14px;text-align:center;color:#fff;text-decoration:none;background:#ff38aa20}.bubble:not([open]){display:none}
@media(max-width:600px){.contacts{left:3%;right:3%}.contact{flex-direction:column;gap:.3cqw;text-align:center}.contact svg{width:5cqw;min-width:5cqw;height:5cqw}.contact span{font-size:1.65cqw;line-height:1.3}.contact strong{font-size:1.8cqw}.mobile-machines{display:block;margin:16px;padding:22px 18px;background:#1c110e;border:1px solid #aa663a;border-radius:15px}.mobile-machines h2{color:#ff86ca;font-size:23px;margin:0 0 10px}.mobile-machines p{font-size:14px;color:#dccbc2;line-height:1.5}.mobile-machines .machine-list{display:grid;gap:8px}.mobile-machines button{min-height:48px;border:1px solid #9d356e;border-radius:9px;background:#ff38aa0c;text-align:left;padding:12px;color:#fff}.mobile-machines button::after{content:' ›';float:right;color:#ff75c5}.bubble{padding:22px 16px}}
@media(prefers-reduced-motion:no-preference){.contact,.machine-list button{transition:background .15s,filter .15s}}

.top-nav{position:absolute;left:32%;right:4%;top:2.5%;height:6%;display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw}.top-nav button{background:#160a0799;border:1px solid #bd7939;border-radius:.8cqw;color:#ffd27b;text-shadow:0 0 7px #ff9e39;font:600 1.7cqw Arial,sans-serif;cursor:pointer;padding:.8cqw}.top-nav button:hover{color:#ff8bca;border-color:#ff38aa;box-shadow:0 0 10px #ff38aa66}.top-nav small{display:block;font-size:1.25cqw;color:#ff8bca;margin-top:.4cqw}#info-content li{padding:5px 0}#info-content .call{margin-top:20px}
@media(max-width:600px){.top-nav{top:1.5%;height:7.3%;gap:.6cqw}.top-nav button{font-size:2cqw;padding:.3cqw}.top-nav small{font-size:1.8cqw}}


#bubble-image{width:100%;height:auto;max-height:45dvh;object-fit:contain;background:#100b10}

/* Handwritten chalk lettering and anchored comic speech bubbles. */
.machine-sign button{font-family:"Segoe Print","Bradley Hand","Chalkboard SE","Comic Sans MS",cursive;font-weight:600;font-size:1.7cqw;text-transform:none;border-bottom:0;color:#f5eee0;text-shadow:.5px .5px 1px #fff8,-.4px 0 1px #fff6,0 1px 3px #000;letter-spacing:.01em;padding:.85cqw .2cqw}
.machine-sign button:nth-child(3n+1){transform:rotate(-1deg)}
.machine-sign button:nth-child(3n+2){transform:rotate(.6deg)}
.machine-sign button::before{color:#ffabd9;text-shadow:0 0 2px #ffc2e3}
#machine-bubble{position:fixed;inset:auto;margin:0;z-index:1000;width:min(340px,calc(100vw - 24px));padding:19px 18px 16px;border:3px solid #261629;border-radius:43px 34px 46px 30px / 31px 43px 32px 45px;background:#fff8e9;color:#34243a;box-shadow:4px 5px 0 #ff53b7,7px 9px 0 #24132466;overflow:visible;max-height:none;font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive}
#machine-bubble::before{content:"";position:absolute;width:22px;height:22px;background:#fff8e9;border-left:3px solid #261629;border-bottom:3px solid #261629;left:-14px;top:var(--tail-y,45px);transform:rotate(45deg) skew(12deg,12deg)}
#machine-bubble[data-side="left"]::before{left:auto;right:-14px;transform:rotate(225deg) skew(12deg,12deg)}
#machine-bubble[data-side="above"]::before{left:var(--tail-x,45px);top:auto;bottom:-14px;transform:rotate(-45deg) skew(12deg,12deg)}
#machine-bubble[data-side="below"]::before{left:var(--tail-x,45px);top:-14px;transform:rotate(135deg) skew(12deg,12deg)}
#machine-bubble h2{font:700 22px/1.2 "Segoe Print","Comic Sans MS",cursive;color:#b82479;margin:0 0 9px;padding-right:32px}
#machine-bubble #bubble-image{height:clamp(85px,23dvh,185px);max-height:185px;object-fit:contain;background:transparent;border-radius:15px}
#machine-bubble p{font-size:14px;line-height:1.45;margin:10px 0}
#machine-bubble .call{background:#ffe2f1;border:2px solid #c13b87;color:#612143;font:600 13px/1.4 "Segoe Print","Comic Sans MS",cursive;padding:9px}
#machine-bubble .close{color:#682751;top:4px;right:7px}
@media(max-width:600px){.mobile-machines{display:none}#machine-bubble{width:min(290px,calc(100vw - 24px));padding:17px 14px 13px}#machine-bubble h2{font-size:19px}#machine-bubble #bubble-image{height:20dvh;max-height:150px}}

.machine-sign{width:21%}.machine-sign button{font-size:1.5cqw}

.sign-zoom,.machine-sign .sign-close{display:none}
@media(max-width:600px){.sign-zoom{display:block;position:absolute;left:18%;top:56%;width:44px;height:44px;border:0;border-radius:50%;background:#1a0c0ce8;color:#ffd8ed;font-size:30px;cursor:pointer;z-index:2}.machine-sign.is-enlarged{position:fixed;z-index:900;top:12px;left:12px;width:min(275px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 24px);overflow:auto;background:#201411;border:5px ridge #a16640;border-radius:12px;padding:44px 12px 14px;box-shadow:0 8px 25px #000b}.machine-sign.is-enlarged .machine-list button{font-size:18px;min-height:44px;padding:9px 2px;transform:none}.machine-sign.is-enlarged .sign-close{display:block;position:absolute;top:0;right:0;width:44px;height:44px;font:30px Arial;text-align:center;padding:0}.machine-sign.is-enlarged .sign-close::before{content:none}.contact{min-height:44px}}
@media(max-height:450px){#machine-bubble #bubble-image{height:75px}#machine-bubble{padding:12px}#machine-bubble h2{font-size:17px}#machine-bubble p{font-size:12px;margin:5px 0}}
@media(max-width:600px){.contacts{top:89.6%;bottom:1.3%}.contact svg{width:4.6cqw;min-width:4.6cqw;height:4.6cqw}}
/* COOKIEVALG */

.cookie-banner {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.72);
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 18px;
}

.cookie-banner[hidden] {
  display: none;
}

.cookie-box {
  width: min(720px, 100%);
  background: #170d0b;
  border: 2px solid #ff38aa;
  border-radius: 18px;
  padding: 22px;
  color: #fff;
  box-shadow: 0 0 30px rgba(255, 56, 170, 0.35);
}

.cookie-box h2 {
  margin: 0 0 10px;
  color: #ff8dca;
}

.cookie-box p {
  line-height: 1.5;
}

.cookie-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

.cookie-actions button,
.cookie-preferences button {
  border: 1px solid #ff66b9;
  border-radius: 10px;
  background: rgba(255, 56, 170, 0.13);
  color: #fff;
  padding: 12px 16px;
  cursor: pointer;
  font: inherit;
}

.cookie-actions button:first-child {
  background: #ff38aa;
}

.cookie-preferences {
  margin-top: 18px;
  border-top: 1px solid rgba(255,255,255,0.2);
  padding-top: 15px;
}

.cookie-preferences[hidden] {
  display: none;
}

.cookie-preferences label {
  display: block;
  margin: 12px 0;
}

.cookie-company {
  margin: 16px 0 0;
  font-size: 12px;
  opacity: 0.7;
}

.cookie-change {
  position: fixed;
  left: 12px;
  bottom: 12px;
  z-index: 4000;
  border: 1px solid #ff66b9;
  border-radius: 20px;
  background: rgba(22, 12, 16, 0.92);
  color: #fff;
  padding: 8px 13px;
  cursor: pointer;
  font-size: 12px;
}

@media (max-width: 600px) {
  .cookie-box {
    padding: 18px;
  }

  .cookie-actions {
    flex-direction: column;
  }

  .cookie-actions button {
    width: 100%;
  }
}