.photo-panel{background:#fff;border:1px solid var(--border-color, #e5e7eb);border-radius:16px;overflow:hidden;box-shadow:0 4px 16px #0000000a;position:relative}.photo-main-stage{position:relative;width:100%;height:460px;background:#0f172a;overflow:hidden;display:flex;align-items:center;justify-content:center;cursor:zoom-in}@media(max-width:900px){.photo-main-stage{height:360px}}@media(max-width:600px){.photo-main-stage{height:290px}}.photo-main-img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease;user-select:none;-webkit-user-drag:none}.photo-main-stage:hover .photo-main-img{transform:scale(1.02)}.photo-panel .photo-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:#0f172ab3;color:#fff;border:1px solid rgba(255,255,255,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .2s cubic-bezier(.16,1,.3,1);font-size:15px;padding:0;line-height:1;backdrop-filter:blur(6px)}.photo-panel .photo-nav-arrow:hover{background:#e9b824;color:#182226;border-color:#e9b824;transform:translateY(-50%) scale(1.12);box-shadow:0 6px 18px #00000059}.photo-panel .photo-nav-arrow.prev{left:14px}.photo-panel .photo-nav-arrow.next{right:14px}@media(max-width:600px){.photo-panel .photo-nav-arrow{width:36px;height:36px;font-size:13px}.photo-panel .photo-nav-arrow.prev{left:8px}.photo-panel .photo-nav-arrow.next{right:8px}}.photo-overlay-bar{position:absolute;bottom:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;z-index:10}.photo-overlay-bar>*{pointer-events:auto}.photo-counter-badge{background:#0f172ac7;color:#f8fafc;font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:20px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);letter-spacing:.3px;box-shadow:0 2px 8px #00000040}.photo-panel .photo-zoom-trigger{background:#0f172ac7;color:#fff;font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:20px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);display:inline-flex;align-items:center;gap:7px;cursor:pointer;transition:all .2s ease;width:auto;box-shadow:0 2px 8px #00000040}.photo-panel .photo-zoom-trigger:hover{background:#e9b824;color:#182226;border-color:#e9b824;transform:translateY(-1px);box-shadow:0 4px 12px #e9b82459}.photo-thumbnails-strip{display:flex;gap:10px;padding:12px 14px;background:#f8fafc;border-top:1px solid #e2e8f0;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#cbd5e1 transparent;align-items:center}.photo-thumbnails-strip::-webkit-scrollbar{height:6px}.photo-thumbnails-strip::-webkit-scrollbar-track{background:transparent}.photo-thumbnails-strip::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.photo-panel .photo-thumb-btn{width:68px;height:68px;border-radius:10px;overflow:hidden;padding:0;background:#e2e8f0;border:2.5px solid transparent;flex-shrink:0;cursor:pointer;position:relative;transition:all .2s cubic-bezier(.16,1,.3,1);opacity:.7}.photo-panel .photo-thumb-btn:hover{opacity:.95;transform:translateY(-2px);border-color:#cbd5e1}.photo-panel .photo-thumb-btn.active{opacity:1;border-color:#e9b824;box-shadow:0 0 0 2px #e9b82459;transform:translateY(-2px)}.photo-panel .photo-thumb-btn img{width:100%;height:100%;object-fit:cover;display:block}.pswp{--pswp-bg: rgba(10, 15, 26, .94)}.pswp__button:hover{color:#e9b824}.pswp__counter{font-family:inherit;font-weight:600;font-size:14px;letter-spacing:.5px}