dialog.elrv{box-sizing:border-box;width:min(960px,calc(100% - 32px));max-width:none;max-height:90vh;max-height:90dvh;margin:auto;padding:0;border:0;border-radius:18px;background:#fff;color:#202124;box-shadow:0 16px 64px #0004;font-family:inherit;overflow:hidden}
.elrv::backdrop{background:rgba(15,18,23,.7)}
.elrv *, .elrv *::before,.elrv *::after{box-sizing:border-box}
.elrv [hidden]{display:none!important}
.elrv-header{height:60px;padding:8px 12px 8px 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eceef0;background:#fff}
.elrv-header strong{font-size:16px;font-weight:700}
.elrv button{font-family:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}
.elrv button:focus-visible{outline:2px solid #315ad6;outline-offset:-3px}
.elrv-close{width:44px;height:44px;border:0;background:transparent;color:#24262b;font-size:32px;line-height:1;padding:0;border-radius:50%}
.elrv-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);max-height:calc(90vh - 60px);max-height:calc(90dvh - 60px);overflow:auto;overscroll-behavior:contain}
.elrv-gallery{min-width:0;background:#f5f5f6}
.elrv-stage{position:relative;width:100%;height: min(560px,65vh);height:min(560px,65dvh);display:flex;align-items:center;justify-content:center;overflow:hidden}
.elrv-stage .elrv-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:0;margin:0;padding:16px}
.elrv-status{position:absolute;left:56px;right:56px;text-align:center;font-size:13px;color:#777;pointer-events:none}
.elrv-arrow{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:44px;border:1px solid #e5e5e8;border-radius:50%;background:#fffffff2;color:#26272a;font-size:30px;line-height:1;padding:0;box-shadow:0 2px 8px #0001}
.elrv-prev{left:12px}.elrv-next{right:12px}
.elrv-count{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);padding:5px 11px;border-radius:20px;background:#202124bf;color:white;font-size:12px;font-variant-numeric:tabular-nums}
.elrv-thumbs{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;overflow-y:hidden;border-top:1px solid #e9e9ed;scrollbar-width:thin}
.elrv-thumb{width:52px;height:52px;flex:0 0 52px;border:2px solid transparent;padding:2px;border-radius:8px;background:transparent}
.elrv-thumb[aria-pressed=true]{border-color:#222}
dialog.elrv .elrv-thumb img{display:block;width:100%;height:100%;object-fit:cover;border-radius:4px}
.elrv-info{padding:24px;min-width:0;overflow-wrap:anywhere;background:white}
.elrv-product{margin:0 0 20px;font-size:14px;font-weight:600;line-height:1.5}
.elrv-rating{margin:0 0 8px;color:#e99b08;font-size:16px;letter-spacing:1px}
.elrv-meta{margin:0 0 16px;color:#85858b;font-size:12px;line-height:1.5}
.elrv-text{font-size:14px;line-height:1.8;white-space:pre-line}
@media(max-width:640px){dialog.elrv{width:calc(100% - 24px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);border-radius:14px}.elrv-header{height:54px;padding-left:18px}.elrv-layout{display:block;max-height:calc(100vh - 86px);max-height:calc(100dvh - 86px);padding-bottom:env(safe-area-inset-bottom,0px)}.elrv-stage{height:min(calc(100vw - 24px),49vh);height:min(calc(100vw - 24px),49dvh)}.elrv-stage .elrv-image{padding:12px}.elrv-info{padding:20px}.elrv-product{font-size:13px;margin-bottom:16px}.elrv-text{font-size:14px}.elrv-thumbs{padding:10px 12px}.elrv-arrow{width:36px;height:40px}.elrv-prev{left:8px}.elrv-next{right:8px}}
