/* v64 — mobile-friendly Izba/Lavka room: keep desktop panorama, turn mobile into useful paths */
.lavka-mobile-path{display:none}
@media (max-width: 760px){
  body.page-lavka .izba-room-section{padding-top:26px}
  body.page-lavka .izba-intro{display:flex!important;flex-direction:column;gap:18px}
  body.page-lavka .izba-guide{padding:22px 18px;border-radius:24px}
  body.page-lavka .izba-guide h2{font-size:clamp(32px,10vw,46px);line-height:1.05}
  body.page-lavka .izba-guide p{font-size:16px;line-height:1.62}
  body.page-lavka .izba-guide ul{display:none}

  .lavka-mobile-path{display:block;order:2;border:1px solid rgba(243,217,157,.28);border-radius:26px;padding:18px;background:radial-gradient(circle at 22% 0,rgba(240,176,82,.16),transparent 34%),linear-gradient(180deg,rgba(19,13,11,.92),rgba(8,8,10,.96));box-shadow:0 24px 70px rgba(0,0,0,.42);overflow:hidden}
  .lavka-mobile-path-head h3{margin:.45rem 0 .45rem;font-size:24px;color:#fff0c8;line-height:1.1}
  .lavka-mobile-path-head p{margin:.25rem 0;color:#d8c8aa;font-size:15px;line-height:1.45}
  .lavka-mobile-current{border-left:2px solid rgba(243,217,157,.48);padding-left:12px;color:#f4d690!important}

  .lavka-mobile-room-preview{position:relative;margin:16px 0;border:1px solid rgba(243,217,157,.25);border-radius:22px;min-height:245px;background:linear-gradient(180deg,rgba(6,5,5,.18),rgba(3,3,5,.72)),url('../images/lavka/izba-mobile.webp') center/cover no-repeat;box-shadow:inset 0 -70px 90px rgba(0,0,0,.42);overflow:hidden}
  .lavka-mobile-room-preview:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 64%,rgba(246,182,92,.18),transparent 24%);pointer-events:none}
  .lavka-mobile-pin{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:7px 10px;border-radius:999px;border:1px solid rgba(255,226,166,.72);background:rgba(8,7,7,.78);color:#fff1cf;font-weight:800;font-size:12px;letter-spacing:.04em;box-shadow:0 0 0 5px rgba(243,217,157,.08),0 12px 28px rgba(0,0,0,.44);backdrop-filter:blur(7px)}
  .lavka-mobile-pin img{width:22px;height:22px;object-fit:contain;border-radius:50%}
  .pin-herbs{top:18px;right:18px}.pin-books{left:18px;bottom:20px}.pin-runes{right:16px;bottom:20px}.pin-stove{left:17px;top:84px}

  .lavka-mobile-cats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px}
  .lavka-mobile-cats button{min-height:74px;border:1px solid rgba(243,217,157,.22);border-radius:18px;background:rgba(255,255,255,.045);color:#f8ebca;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;font-weight:800;font-size:12px;letter-spacing:.035em;box-shadow:inset 0 1px 0 rgba(255,255,255,.06);touch-action:manipulation}
  .lavka-mobile-cats button img{width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(244,214,144,.2))}
  .lavka-mobile-cats button.is-active,.lavka-mobile-pin.is-active{border-color:rgba(255,232,174,.95);background:linear-gradient(180deg,rgba(96,55,28,.9),rgba(24,16,13,.92));box-shadow:0 0 0 4px rgba(243,217,157,.10),0 0 24px rgba(243,217,157,.18)}
  .lavka-mobile-actions{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px}
  .lavka-mobile-actions .btn{width:100%;justify-content:center}

  body.page-lavka .izba-scroll-wrap{order:3;display:none;margin-top:0;border-radius:24px;max-height:72vh;overflow:hidden}
  body.page-lavka.lavka-panorama-open .izba-scroll-wrap{display:block}
  body.page-lavka .izba-scroll-wrap.is-mobile-open{display:block}
  body.page-lavka .room-hint{font-size:13px;margin:10px;border-radius:16px;padding:10px 12px}
  body.page-lavka .izba-panorama{min-height:420px!important;overflow-x:auto!important;overflow-y:hidden!important;touch-action:pan-x!important}
  body.page-lavka .izba-stage{transform:scale(.54)!important;transform-origin:left top!important;width:941px!important;height:1672px!important}
  body.page-lavka .hotspot{min-width:110px!important;padding:8px 10px!important;font-size:12px!important}
  body.page-lavka .hotspot small{display:none!important}
}
@media (max-width: 390px){
  .lavka-mobile-cats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lavka-mobile-room-preview{min-height:220px}
}