/* Mobile: keep the roulette within the available screen height. */
@media(max-width:720px){
 .blr{height:var(--roulette-mobile-height,calc(100svh - 24px));min-height:320px;display:flex;flex-direction:column}
 .blr .blr__dots,.blr .blr__hint{display:none}
 .blr .blr__intro{flex:none;margin:0;padding:14px 10px 0}
 .blr .blr__headline{font-size:clamp(38px,10vw,54px);line-height:1.05}
 .blr .blr__intro>p{font-size:9px;letter-spacing:2px;margin:6px 0 0}
 .blr .blr__stage{flex:1 1 0;min-height:80px;height:auto;margin:5px 0 0}
 .blr .blr__item{height:calc(100% - 18px);width:auto;aspect-ratio:9/10;max-height:340px}
 .blr .blr__arrow{top:42%;width:44px;height:44px}
 .blr .blr__bottom{flex:none;gap:12px;padding:6px 6% 8px}
 .blr .blr__selection{width:100%}
 .blr .blr__result{padding:9px 12px;transform:none}
 .blr .blr__result-name{font-size:21px;line-height:1.05;letter-spacing:.2px;margin:0 0 5px}
 .blr .blr__result-line{flex-wrap:nowrap;gap:6px}
 .blr .blr__result-icon svg{width:18px;height:24px}
 .blr .blr__result-meta{font-size:12px;line-height:1.1;min-width:0}
 .blr .blr__price{font-size:25px;padding-left:9px}
 .blr .blr__description{font-size:12px;line-height:1.2;letter-spacing:.1px;margin:5px 0 0;min-height:0}
 .blr .blr__random-area{grid-template-columns:74px minmax(0,1fr);gap:0 8px;width:100%;max-width:360px;margin:0}
 .blr .blr__splash{width:78px;height:49px;font-size:22px}
 .blr .blr__random{min-height:46px;padding:8px 10px;font-size:14px;gap:9px}
 .blr .blr__random svg{width:26px;height:26px}
 .blr .blr__random-note{font-size:10px;margin-top:3px}
}
@media(max-width:720px){
 .blr .blr__random-area{grid-template-columns:minmax(0,1fr) 74px;margin-left:0;margin-right:auto}
 .blr .blr__random{grid-column:1;grid-row:1}
 .blr .blr__splash{grid-column:2;grid-row:1}
 .blr .blr__random-note{grid-column:1}
}


/* Mobile focus: compact controls and a dominant drinks stage. */
@media (max-width: 720px) {
  .blr .blr__intro { padding: 17px 10px 0; }
  .blr .blr__headline { font-size: clamp(30px, 8.3vw, 42px); }
  .blr .blr__intro > p { font-size: 9px; letter-spacing: 2.4px; }

  .blr .blr__filters { gap: 5px; margin: 7px auto 7px; max-width: 560px; padding: 0 8px; }
  .blr .blr__filter { font-size: 9px; line-height: 1.05; letter-spacing: .015em; padding: 6px 8px; }
  .blr .blr__filter small { margin-left: 4px; font-size: .88em; }

  .blr .blr__stage { height: clamp(300px, 34vh, 360px); min-height: 300px; margin-top: 0; }
  .blr .blr__item { width: auto; height: 85%; max-height: none; aspect-ratio: 9 / 10; }
  .blr .blr__arrow { width: 48px; height: 48px; top: 43%; }

  .blr .blr__bottom { gap: 8px; padding: 2px 5% 12px; }
  .blr .blr__result { padding: 8px 11px 9px; }
  .blr .blr__result-name { font-size: 20px; line-height: 1.02; margin-bottom: 4px; }
  .blr .blr__result-icon svg { width: 16px; height: 21px; }
  .blr .blr__result-meta { font-size: 11px; }
  .blr .blr__price { font-size: 23px; padding-left: 8px; }
  .blr .blr__description { font-size: 11px; line-height: 1.15; margin-top: 4px; }
  .blr .blr__dots, .blr .blr__hint { display: none; }

  .blr .blr__random-area { max-width: 340px; grid-template-columns: minmax(0, 1fr) 67px; gap: 0 6px; }
  .blr .blr__random { min-height: 42px; padding: 6px 8px; font-size: 12px; }
  .blr .blr__random svg { width: 23px; height: 23px; }
  .blr .blr__splash { width: 68px; height: 43px; font-size: 18px; }
}

/* Mobile: source longdrink photos sit higher and smaller than the desktop composition. */
@media (max-width: 720px) {
  .blr .blr__art--product-longdrink { --visual-floor-lift: .06; --visual-foot-width: .70; }
  .blr .blr__art--product-longdrink .blr__longdrink-product {
    width: 64%; height: 64%; transform: translateY(-6%);
  }
}