.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.showroom-focus{position:relative;min-height:calc(100svh - 88px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:38px clamp(24px,4.3vw,88px) 46px;background:#fff}
.showroom-focus::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(to right,#526f8a16 1px,transparent 1px),linear-gradient(to bottom,#526f8a16 1px,transparent 1px),linear-gradient(to right,#526f8a20 1px,transparent 1px),linear-gradient(to bottom,#526f8a20 1px,transparent 1px);background-size:36px 36px,36px 36px,180px 180px,180px 180px;background-position:center;-webkit-mask-image:radial-gradient(ellipse 72% 72% at 50% 58%,#000 46%,transparent 100%);mask-image:radial-gradient(ellipse 72% 72% at 50% 58%,#000 46%,transparent 100%)}
.focus-stage{position:relative;z-index:1;width:min(100%,1280px);margin:0 auto}
.showroom-instruction{position:relative;z-index:1;max-width:min(100%,760px);margin:0;color:#748798;font:400 18px/1.5 'Pretendard',sans-serif;text-align:center;text-wrap:balance}
.showroom-only .hero-rail{position:absolute;inset-block:0;left:0;z-index:4;width:170px;min-width:0;display:flex;align-items:center}
.showroom-only .hero-rail .bag-selector{width:100%;min-height:0;padding:0}
.showroom-only .bag-visual{width:min(100%,940px);height:clamp(600px,75svh,760px);min-height:0;margin-inline:auto;translate:none!important}
:root.v1-showroom .showroom-only .bag-float{scale:1.02}
.showroom-only .bag-visual .hero-bag[data-bag-image=backpack]{height:89%;width:89%;left:5.5%;top:4%}
.showroom-only .bag-visual .hero-bag[data-bag-image=duffel]{height:67%;width:97%;left:1.5%;top:16.5%}
.showroom-only .site-footer nav{flex-wrap:wrap;justify-content:flex-end}
@media(max-width:980px){
  .showroom-focus{min-height:calc(100svh - 75px);padding:28px 24px 36px}
  .focus-stage{display:flex;flex-direction:column;gap:20px}
  .showroom-only .bag-visual{order:0;width:min(100%,760px);height:clamp(500px,67vw,650px)}
  :root.v1-showroom .showroom-only .bag-float{scale:.96}
  .showroom-only .hero-rail{position:static;order:1;width:100%;justify-content:center}
  .showroom-only .hero-rail .bag-selector{width:auto;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:8px}
  .showroom-only .bag-tab,.showroom-only .bag-tab.active{width:auto;min-height:42px;padding:5px 13px;border:1px solid #dce4ea;border-radius:100px;background:#ffffffb3;box-shadow:none}
  .showroom-only .bag-tab.active{background:#fff;border-color:#fff}
  .showroom-only .selector-indicator{display:none}
  .showroom-only .site-footer nav{justify-content:flex-start}
}
@media(max-width:650px){
  .showroom-focus{min-height:calc(100svh - 75px);padding:20px 14px 36px}
  .focus-stage{gap:16px}
  .showroom-only .bag-visual{width:100%;height:clamp(360px,109vw,500px)}
  :root.v1-showroom .showroom-only .bag-float{scale:.88}
  .showroom-only .hero-rail .bag-selector{width:100%;gap:12px;justify-content:center}
  :root.v1-showroom .showroom-only .bag-tab,
  :root.v1-showroom .showroom-only .bag-tab.active{display:flex;flex:0 0 auto;width:auto;min-width:0;min-height:36px;align-items:center;justify-content:center;gap:5px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
  .showroom-only .tab-number{display:inline;font-size:10px}
  .showroom-only .tab-name{font-size:10px}
}