.hotel-album{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr 1fr;gap:10px;height:420px;margin-bottom:28px;display:grid}.hotel-album-item,.hotel-room-image{background:#dceff8;border:1px solid #dce8ef;border-radius:14px;position:relative;overflow:hidden}.hotel-album-item.is-main{grid-row:span 2}.hotel-album.has-1-images{grid-template-columns:1fr}.hotel-album.has-1-images .is-main{grid-row:span 2}.hotel-album.has-2-images{grid-template-rows:1fr;grid-template-columns:2fr 1fr}.hotel-album.has-2-images .is-main{grid-row:span 1}.hotel-album.has-3-images{grid-template-columns:2fr 1fr}.hotel-album.has-4-images .hotel-album-item:last-child{grid-column:2/4}.hotel-album-item img,.hotel-room-image img{object-fit:cover}.hotel-lightbox-trigger{cursor:zoom-in;touch-action:manipulation;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.hotel-lightbox-trigger img{transition:transform .22s}.hotel-lightbox-trigger:hover img{transform:scale(1.025)}.hotel-lightbox-trigger:focus-visible{outline-offset:-5px;outline:3px solid #27aae1}.hotel-lightbox{overscroll-behavior:contain;padding:max(12px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));z-index:1200;background:#071117f5;grid-template-rows:72px minmax(0,1fr) 82px;grid-template-columns:72px minmax(0,1fr) 72px;align-items:center;font-family:IBM Plex Sans Thai,sans-serif;animation:.22s ease-out both hotel-lightbox-fade-in;display:grid;position:fixed;inset:0}.hotel-lightbox.is-closing{pointer-events:none;animation:.18s ease-in both hotel-lightbox-fade-out}.hotel-lightbox-toolbar{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.04em;grid-column:1/-1;justify-content:space-between;align-items:center;padding-left:12px;font-size:13px;font-weight:650;display:flex}.hotel-lightbox-toolbar button,.hotel-lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:48px;height:48px;padding:0;transition:background-color .18s,opacity .18s;display:inline-flex}.hotel-lightbox-toolbar button:hover,.hotel-lightbox-nav:hover:not(:disabled){background:#fff3}.hotel-lightbox-toolbar button:focus-visible,.hotel-lightbox-nav:focus-visible{outline-offset:3px;outline:3px solid #58c4ee}.hotel-lightbox-toolbar svg,.hotel-lightbox-nav svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:24px;height:24px}.hotel-lightbox-nav{justify-self:center;width:52px;height:52px}.hotel-lightbox-nav:disabled{cursor:default;opacity:.22}.hotel-lightbox-nav.is-previous{grid-area:2/1}.hotel-lightbox-nav.is-next{grid-area:2/3}.hotel-lightbox-stage{touch-action:none;grid-area:2/2;align-self:stretch;min-height:0;animation:.26s cubic-bezier(.22,1,.36,1) both hotel-lightbox-stage-in;position:relative;overflow:hidden}.hotel-lightbox.is-closing .hotel-lightbox-stage{animation:.18s ease-in both hotel-lightbox-stage-out}.hotel-lightbox-image{will-change:opacity, transform;width:100%;height:100%;transition:transform .18s ease-out;position:relative}.hotel-lightbox-image.is-next{animation:.28s cubic-bezier(.22,1,.36,1) both hotel-lightbox-image-next}.hotel-lightbox-image.is-previous{animation:.28s cubic-bezier(.22,1,.36,1) both hotel-lightbox-image-previous}.hotel-lightbox-stage.is-dragging .hotel-lightbox-image{transition:none}.hotel-lightbox-image img{object-fit:contain;-webkit-user-select:none;user-select:none}.hotel-lightbox-thumbnails{overscroll-behavior-x:contain;scroll-behavior:smooth;scrollbar-color:#ffffff57 transparent;scrollbar-width:thin;grid-area:3/1/auto/-1;align-items:center;gap:8px;min-width:0;padding:10px 8px 8px;display:flex;overflow-x:auto}.hotel-lightbox-thumbnails button{cursor:pointer;opacity:.58;background:#17303b;border:2px solid #0000;border-radius:8px;flex:0 0 68px;height:52px;padding:0;transition:border-color .18s,opacity .18s,transform .18s;position:relative;overflow:hidden}.hotel-lightbox-thumbnails button:hover,.hotel-lightbox-thumbnails button.is-current{opacity:1}.hotel-lightbox-thumbnails button.is-current{border-color:#58c4ee;box-shadow:0 0 0 2px #27aae13d}.hotel-lightbox-thumbnails button:focus-visible{outline-offset:2px;outline:3px solid #58c4ee}.hotel-lightbox-thumbnails img{object-fit:cover}@keyframes hotel-lightbox-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hotel-lightbox-fade-out{0%{opacity:1}to{opacity:0}}@keyframes hotel-lightbox-stage-in{0%{opacity:0;transform:scale(.975)}to{opacity:1;transform:scale(1)}}@keyframes hotel-lightbox-stage-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.985)}}@keyframes hotel-lightbox-image-next{0%{opacity:.28;transform:translate(24px)scale(.99)}to{opacity:1;transform:translate(0,0)scale(1)}}@keyframes hotel-lightbox-image-previous{0%{opacity:.28;transform:translate(-24px)scale(.99)}to{opacity:1;transform:translate(0,0)scale(1)}}.hotel-album-more{color:#fff;background:#16323fad;justify-content:center;align-items:center;font-size:14px;font-weight:650;display:flex;position:absolute;inset:0}.hotel-album-empty{background:repeating-linear-gradient(135deg,#cfe9f6 0 22px,#bfe0f2 22px 44px);border:1px solid #dce8ef;border-radius:14px;height:320px;margin-bottom:28px}@media (max-width:900px){.hotel-album{grid-template-rows:220px 130px;grid-template-columns:1fr 1fr;height:auto}.hotel-album-item.is-main{grid-area:span 1/span 2}.hotel-album.has-1-images,.hotel-album.has-2-images,.hotel-album.has-3-images,.hotel-album.has-4-images{grid-template-columns:1fr 1fr}.hotel-album.has-1-images{grid-template-rows:350px}.hotel-album.has-1-images .is-main{grid-column:span 2}.hotel-album-item.is-optional{display:none}}@media (max-width:560px){.hotel-album{grid-template-rows:200px 108px}.hotel-lightbox{padding-left:max(8px, env(safe-area-inset-left));padding-right:max(8px, env(safe-area-inset-right));grid-template-rows:64px minmax(0,1fr) 64px 76px;grid-template-columns:56px minmax(0,1fr) 56px}.hotel-lightbox-stage{grid-column:1/-1}.hotel-lightbox-nav{z-index:1;grid-row:3;width:48px;height:48px;position:relative}.hotel-lightbox-nav.is-previous{grid-area:3/1}.hotel-lightbox-nav.is-next{grid-area:3/3}.hotel-lightbox-thumbnails{grid-row:4;margin-left:-8px;margin-right:-8px;padding-left:8px;padding-right:8px}}@media (prefers-reduced-motion:reduce){.hotel-lightbox,.hotel-lightbox-stage,.hotel-lightbox-image.is-next,.hotel-lightbox-image.is-previous{animation:none}.hotel-lightbox-trigger img,.hotel-lightbox-image,.hotel-lightbox-thumbnails button{transition:none}.hotel-lightbox-thumbnails{scroll-behavior:auto}}