.photo-modal{z-index:1000;outline:none;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.photo-modal__overlay{background:#0006;position:absolute;inset:0}.photo-modal__content{z-index:1;background:#fff;flex-direction:column;gap:16px;width:1020px;max-width:95vw;max-height:95vh;padding:24px;display:flex;position:relative}.photo-modal__header{align-items:center;gap:12px;height:31px;display:flex}.photo-modal__back{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:flex}.photo-modal__back svg path{stroke:#101827}.photo-modal__title{letter-spacing:.005em;color:#101827;flex:1;font-family:Chiron Sung HK,serif;font-size:26px;font-weight:600;line-height:120%}.photo-modal__close{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:none}.photo-modal__image-wrap{background:#ebebeb;width:100%;height:600px;position:relative;overflow:hidden}.photo-modal__image{object-fit:cover!important}.photo-modal__preload{pointer-events:none;opacity:0!important;position:absolute!important}.photo-modal__caption{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;flex-direction:column;gap:8px;max-width:600px;padding:16px 24px;display:flex;position:absolute;bottom:0;left:0}.photo-modal__price{letter-spacing:.015em;color:#101827;font-family:Manrope,sans-serif;font-size:16px;font-weight:600;line-height:120%}.photo-modal__dish-name{letter-spacing:.015em;color:#838a97;font-family:Manrope,sans-serif;font-size:16px;font-weight:400;line-height:140%}.photo-modal__arrow{z-index:2;cursor:pointer;background:#fff;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:box-shadow .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 8px 28px #4570c129}.photo-modal__arrow:hover{box-shadow:0 12px 36px #4570c13d}.photo-modal__arrow--left{left:24px}.photo-modal__arrow--right{right:24px}.photo-modal__preview{width:100%;height:84px;position:relative;overflow:hidden}.photo-modal__preview-scroll{scrollbar-width:none;gap:12px;height:100%;display:flex;overflow-x:auto}.photo-modal__preview-scroll::-webkit-scrollbar{display:none}.photo-modal__thumb{cursor:pointer;background:#838a97;border:none;flex-shrink:0;width:103px;height:84px;padding:0;transition:opacity .2s;overflow:hidden}.photo-modal__thumb img{object-fit:cover;width:100%;height:100%;display:block}.photo-modal__thumb--active{border:4px solid #85acf4}.photo-modal__thumb:not(.photo-modal__thumb--active):hover{opacity:.8}.photo-modal__dots{justify-content:center;gap:8px;padding:12px 0;display:none}.photo-modal__dot{cursor:pointer;background:#fff6;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s}.photo-modal__dot--active{background:#fff}@media (max-width:768px){.photo-modal__content{background:#1a1a2e;flex-direction:column;gap:0;width:100%;max-width:100%;height:100vh;max-height:100vh;padding:0;display:flex}.photo-modal__header{height:auto;padding:16px}.photo-modal__title{color:#fff;font-size:18px}.photo-modal__back svg path{stroke:#fff}.photo-modal__close{display:flex}.photo-modal__close svg path{stroke:#fff}.photo-modal__image-wrap{background:#1a1a2e;flex:1;height:auto;min-height:0}.photo-modal__image{object-fit:contain!important}.photo-modal__arrow{width:32px;height:32px}.photo-modal__arrow--left{left:16px}.photo-modal__arrow--right{right:16px}.photo-modal__dots{display:flex}.photo-modal__preview{background:#1a1a2e;height:auto;padding:0 16px 16px}.photo-modal__thumb{width:64px;height:52px}.photo-modal__caption{max-width:100%;padding:12px 16px}}