/* Layered kiosk: all coordinates are relative to the same 4:3 counter artwork. */
.in-shop .kiosk-window { width:min(100cqw,133.333cqh); aspect-ratio:4/3; }
.kiosk-seller {
  position:absolute; width:40%; height:auto; left:34%; bottom:-1%;
  z-index:5; pointer-events:none; user-select:none;
  filter:drop-shadow(0 5px 7px #0007);
}
.kiosk-bottle {
  position:absolute; width:5%; height:10.6%; transform:translateX(-50%);
  min-width:0; min-height:0; margin:0; padding:0; border:0; border-radius:0;
  background:transparent; box-shadow:none; z-index:3; cursor:pointer;
  -webkit-tap-highlight-color:transparent; touch-action:manipulation;
}
.kiosk-bottle img {
  display:block; width:160%; margin-left:-30%; height:100%; object-fit:contain;
  pointer-events:none; user-select:none;
  filter:drop-shadow(1px 1px 1px #0008);
  transform:translateY(var(--bottle-foot,1%));
  transition:filter .16s ease;
}
.kiosk-bottle.beer { --bottle-foot:1.4323%; }
.kiosk-bottle.vodka { --bottle-foot:.9677%; }
.kiosk-bottle::before {
  content:''; position:absolute; left:50%; bottom:-1px; width:45%; height:3px;
  transform:translateX(-50%); border-radius:50%; pointer-events:none;
  background:radial-gradient(ellipse,#17100799,transparent 75%);
}
.kiosk-price {
  position:absolute; top:calc(100% - 1px); left:50%; transform:translateX(-50%);
  display:inline-flex; align-items:baseline; justify-content:center; gap:1px;
  padding:0 clamp(1px,.4cqw,4px); border:1px solid #8e7044; border-radius:2px 2px 4px 2px;
  background:linear-gradient(160deg,#f8e8c8,#d4b77e); color:#302314;
  font-family:Arial,sans-serif; font-size:clamp(8px,1.1cqw,11px); line-height:1.15;
  font-weight:750; font-variant-numeric:tabular-nums; letter-spacing:0; text-shadow:none;
  box-shadow:inset 0 1px #fff9e7,0 2px 2px #0005;
  white-space:nowrap; pointer-events:auto; cursor:inherit; opacity:1;
}
.kiosk-price::before {
  content:''; position:absolute; top:-3px; left:calc(50% - 2px); width:4px; height:3px;
  border-radius:1px; background:#74634a; box-shadow:0 1px #e2cfad;
}
.kiosk-price b { color:inherit; font-size:inherit; font-weight:750; }
.kiosk-price small { color:#68512f; font-size:.8em; font-weight:700; }
button:disabled>.kiosk-price { pointer-events:none; }
@container kiosk-scene (max-height:300px) {
  .kiosk-bottle {
    top:calc(var(--bottle-top) + 4px)!important;
    height:calc(var(--bottle-height) - 4px)!important;
  }
}
@container kiosk-scene (max-width:340px) {
  .kiosk-price { font-size:7.5px; padding-inline:.5px; }
}
.kiosk-delivery[hidden] { display:none!important; }
.kiosk-bottle:hover:not(:disabled),.kiosk-bottle:focus-visible {
  background:transparent; box-shadow:none; z-index:4;
}
.kiosk-bottle:hover:not(:disabled) img,.kiosk-bottle:focus-visible img {
  filter:brightness(1.2) drop-shadow(0 0 4px #ffe8a5) drop-shadow(0 0 8px #ffcf7580);
  transform:translateY(var(--bottle-foot,1%));
}
.kiosk-bottle:focus-visible { outline:2px solid #ffe8a5; outline-offset:1px; border-radius:4px; }
.kiosk-bottle:disabled { cursor:not-allowed; opacity:1; }
.kiosk-bottle[hidden] { display:none!important; }
.kiosk-delivery {
  position:absolute; left:50%; bottom:2%; transform:translateX(-50%);
  z-index:5; max-width:95%; padding:4px 9px; border-radius:4px;
  background:#1a130ded; color:#f4dfb9; font-size:clamp(11px,1.7cqw,14px);
  text-align:center; white-space:nowrap; pointer-events:none;
}
@media(max-width:700px) {
  .in-shop .kiosk-stage { min-height:220px; }
}
@media(prefers-reduced-motion:reduce) { .kiosk-bottle img { transition:none; } }