.soho-lb[hidden], .soho-rfq-panel[hidden] { display: none !important; }
.soho-lb { position:fixed; inset:0; z-index:1000001; background:rgba(8,19,29,.94); padding:20px; box-sizing:border-box; display:flex; align-items:center; justify-content:center; }
.soho-lb * { box-sizing:border-box; }
.soho-lb-shell { color:#fff; display:flex; flex-direction:column; gap:8px; width:min(1120px,100%); height:min(900px,100%); min-height:0; }
.soho-lb-top { flex:0 0 auto; display:flex; align-items:center; justify-content:space-between; min-height:40px; font:600 15px/1.4 system-ui,sans-serif; }
.soho-lb-close { border:0; background:rgba(255,255,255,.14); color:#fff; border-radius:50%; width:40px; height:40px; font-size:28px; cursor:pointer; }
.soho-lb-viewer { position:relative; flex:1 1 auto; min-height:0; display:flex; align-items:center; justify-content:center; }
.soho-lb-photo { width:auto !important; height:auto !important; max-width:100% !important; max-height:100% !important; object-fit:contain !important; background:#fff; border-radius:4px; }
.soho-lb-prev,.soho-lb-next { position:absolute; top:50%; transform:translateY(-50%); width:44px; height:52px; border:0; border-radius:7px; background:rgba(0,0,0,.58); color:#fff; font-size:37px; line-height:1; cursor:pointer; }
.soho-lb-prev { left:8px; }.soho-lb-next { right:8px; }
.soho-lb-bottom { flex:0 0 auto; display:flex; align-items:center; gap:8px; min-width:0; height:94px; }
.soho-lb-scroll { flex:0 0 32px; width:32px; height:62px; font-size:24px; border:0; border-radius:5px; background:#22485a; color:white; cursor:pointer; }
.soho-lb-thumbs { display:flex; flex:1 1 auto; gap:8px; padding:6px 3px; overflow-x:auto; overscroll-behavior-x:contain; scroll-snap-type:x proximity; scrollbar-width:thin; }
.soho-lb-thumb { flex:0 0 83px; width:83px; height:74px; border:2px solid transparent; background:#fff; border-radius:5px; padding:2px; cursor:pointer; scroll-snap-align:center; }
.soho-lb-thumb.is-current { border-color:#e58c2b; }
.soho-lb-thumb img { width:100%; height:100%; object-fit:contain; }
.soho-lb-open { position:absolute; right:12px; bottom:12px; z-index:10; border:0; border-radius:6px; background:#153a50; color:white; font:600 12px/1.4 system-ui,sans-serif; padding:9px 12px; cursor:pointer; box-shadow:0 2px 12px #0003; }
.soho-rfq-fix { position:fixed; left:16px; bottom:76px; z-index:900000; font-family:system-ui,sans-serif; font-size:13px; }
.soho-rfq-trigger { border:0; border-radius:30px; color:#fff; background:#12394d; padding:10px 16px; font-weight:700; cursor:pointer; box-shadow:0 3px 12px #0002; }
.soho-rfq-panel { position:absolute; bottom:48px; left:0; min-width:290px; width:min(380px, calc(100vw - 32px)); max-height:min(420px, 65vh); overflow-y:auto; background:white; color:#142c3a; border:1px solid #ced9df; border-radius:10px; padding:14px; box-shadow:0 12px 32px #0003; }
.soho-rfq-title { font-weight:800; font-size:15px; margin-bottom:8px; }
.soho-rfq-items { list-style:none; margin:0; padding:0; }
.soho-rfq-items li { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:0; padding:8px 0; border-bottom:1px solid #e5edef; }
.soho-rfq-items span { overflow-wrap:anywhere; }
.soho-rfq-items button { border:1px solid #b84535; background:white; color:#a32920; border-radius:5px; padding:6px 9px; cursor:pointer; flex:0 0 auto; }
.soho-rfq-panel p { font-size:11px; color:#58707f; margin:10px 0 0; }
@media(max-width:640px) { .soho-lb { padding:8px; } .soho-lb-bottom { height:75px; } .soho-lb-thumb { flex-basis:66px; width:66px; height:57px; } .soho-lb-prev,.soho-lb-next { width:34px; height:44px; font-size:26px; } .soho-rfq-fix { bottom:70px; left:10px; } }