.image-slider-overlay{z-index:9999;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-overflow-scrolling:touch;contain:layout style paint;padding:env(safe-area-inset-top)env(safe-area-inset-right)env(safe-area-inset-bottom)env(safe-area-inset-left);background:#000000f5;justify-content:center;align-items:center;animation:.2s cubic-bezier(.4,0,.2,1) image-slider-fade-in;display:flex;position:fixed;inset:0}@keyframes image-slider-fade-in{0%{opacity:0}to{opacity:1}}.image-slider-image-wrapper{pointer-events:none;contain:strict;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.image-slider-image{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;opacity:0;will-change:transform,opacity;pointer-events:auto;transform-origin:50%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:8px;flex-shrink:0;width:auto;max-width:min(92vw,1400px);height:auto;max-height:min(85vh,900px);transform:translate(0,0)}.image-slider-image.loaded{opacity:1;transition:opacity .15s ease-out}.image-slider-loader{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.image-slider-spinner{border:2.5px solid #ffffff26;border-top-color:#ffffffe6;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite image-slider-spin}@keyframes image-slider-spin{to{transform:rotate(360deg)}}.image-slider-close{top:max(16px,env(safe-area-inset-top,16px));right:max(16px,env(safe-area-inset-right,16px));z-index:30;color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s,transform .15s;display:flex;position:absolute}.image-slider-close:hover{background:#fff3}.image-slider-close:active{transform:scale(.92)}.image-slider-nav{z-index:25;color:#fff;-webkit-backdrop-filter:blur(8px);opacity:.9;background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background-color .15s,transform .15s,opacity .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-slider-nav:hover{opacity:1;background:#fff3}.image-slider-nav:active{transform:translateY(-50%)scale(.92)}.image-slider-prev{left:max(20px,env(safe-area-inset-left,20px))}.image-slider-next{right:max(20px,env(safe-area-inset-right,20px))}.image-slider-bottom{padding:20px;padding-bottom:max(20px,calc(env(safe-area-inset-bottom,0px) + 16px));z-index:20;pointer-events:none;background:linear-gradient(#0000 0%,#0000004d 40%,#000000bf 100%);flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.image-slider-bottom>*{pointer-events:auto}.image-slider-counter{color:#fffffff2;letter-spacing:.02em;-webkit-backdrop-filter:blur(12px);background:#00000073;border:1px solid #ffffff14;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:500}.image-slider-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.image-slider-action-btn{color:#fff;-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:background-color .15s,transform .15s;display:flex}.image-slider-action-btn:hover{background:#ffffff38}.image-slider-action-btn:active{transform:scale(.92)}.image-slider-zoom-indicator{top:max(70px,calc(env(safe-area-inset-top,16px) + 54px));letter-spacing:.01em;color:#fff;-webkit-backdrop-filter:blur(12px);z-index:25;pointer-events:none;background:#0000008c;border:1px solid #ffffff1a;border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600;animation:.2s cubic-bezier(.34,1.56,.64,1) image-slider-zoom-pop;position:absolute;left:50%;transform:translate(-50%)}@keyframes image-slider-zoom-pop{0%{opacity:0;transform:translate(-50%)scale(.85)}to{opacity:1;transform:translate(-50%)scale(1)}}@media (min-width:641px) and (max-width:1024px){.image-slider-image{border-radius:10px;max-width:88vw;max-height:82vh}.image-slider-nav{width:50px;height:50px}.image-slider-prev{left:16px}.image-slider-next{right:16px}}@media (max-width:640px){.image-slider-overlay{padding:0}.image-slider-image{border-radius:0;max-width:100vw;max-height:80vh}.image-slider-close{top:max(12px,env(safe-area-inset-top,12px));right:max(12px,env(safe-area-inset-right,12px));width:42px;height:42px}.image-slider-nav{opacity:.85;width:44px;height:44px}.image-slider-prev{left:max(8px,env(safe-area-inset-left,8px))}.image-slider-next{right:max(8px,env(safe-area-inset-right,8px))}.image-slider-bottom{padding:16px 12px;padding-bottom:max(16px,calc(env(safe-area-inset-bottom,0px) + 12px));gap:12px}.image-slider-counter{padding:6px 14px;font-size:13px}.image-slider-action-btn{width:42px;height:42px}.image-slider-zoom-indicator{top:max(58px,calc(env(safe-area-inset-top,12px) + 46px));padding:5px 12px;font-size:12px}.image-slider-spinner{width:30px;height:30px}}@media (max-width:375px){.image-slider-image{max-height:70vh}.image-slider-nav,.image-slider-close,.image-slider-action-btn{width:38px;height:38px}.image-slider-actions{gap:8px}}@media (max-height:500px) and (orientation:landscape){.image-slider-image{max-width:65vw;max-height:80vh}.image-slider-bottom{padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom,10px));flex-direction:row;justify-content:center;gap:8px}.image-slider-zoom-indicator{top:max(8px,env(safe-area-inset-top,8px))}.image-slider-close{top:max(8px,env(safe-area-inset-top,8px));width:36px;height:36px}.image-slider-nav{width:40px;height:40px}}@media (min-width:1440px){.image-slider-image{max-width:min(90vw,1600px);max-height:min(88vh,1000px)}.image-slider-nav{width:56px;height:56px}.image-slider-prev{left:32px}.image-slider-next{right:32px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.image-slider-spinner{border-width:2px}}@media (prefers-reduced-motion:reduce){.image-slider-overlay,.image-slider-zoom-indicator{animation:none}.image-slider-spinner{animation:1.5s linear infinite image-slider-spin}.image-slider-close,.image-slider-nav,.image-slider-action-btn,.image-slider-image.loaded{transition:none}}@media (hover:hover) and (pointer:fine){.image-slider-close:hover{background:#fff3;transform:scale(1.05)}.image-slider-nav:hover{background:#fff3;transform:translateY(-50%)scale(1.05)}.image-slider-action-btn:hover{background:#ffffff38;transform:scale(1.05)}}@media (pointer:coarse){.image-slider-close,.image-slider-nav,.image-slider-action-btn{min-width:44px;min-height:44px}}