.ph-photo-viewer{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#ededed;color:#222;box-sizing:border-box;overflow:hidden;grid-template-columns:240px minmax(0,1fr) 280px;grid-template-rows:58px minmax(0,1fr);font-family:inherit}
.ph-photo-viewer[open]{display:grid}.ph-photo-viewer::backdrop{background:#0008}
.ph-photo-gallery{grid-column:1;grid-row:1/3;background:#fff;border-right:1px solid #ccc;padding:20px;overflow:auto}.ph-photo-gallery h2{font-size:18px;margin:0 0 22px}.ph-photo-gallery h3{font-size:15px;margin:22px 0 10px}.ph-photo-gallery button{display:inline-flex;width:58px;height:58px;align-items:center;justify-content:center;padding:0;margin:3px;border:3px solid transparent;border-radius:4px;background:#e5e7eb;color:#222;overflow:hidden}.ph-photo-gallery button[aria-current=true]{border-color:#173f87}.ph-photo-gallery img{width:100%;height:100%;object-fit:cover}
.ph-photo-header{grid-column:2;grid-row:1;display:flex;align-items:center;gap:14px;padding:8px 20px;border-bottom:1px solid #ccc;min-width:0}.ph-photo-header strong{flex:1;min-width:0;font-size:17px}.ph-photo-header span{white-space:nowrap;font-size:14px}.ph-photo-header [data-done]{border:0;background:transparent;color:#1479d5;padding:8px;font-size:16px}
.ph-photo-stage{grid-column:2;grid-row:2;min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;padding:18px 62px 18px 18px;overflow:hidden}.ph-photo-stage [data-image]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.ph-photo-stage img{display:block;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.ph-photo-details{grid-column:3;grid-row:1/3;padding:72px 22px 22px;border-left:1px solid #ccc;overflow:auto;min-width:0}.ph-photo-details h3{font-size:17px}.ph-photo-details dl{display:grid;gap:4px;margin:20px 0}.ph-photo-details dt{font-size:12px;color:#666;margin-top:12px}.ph-photo-details dd{margin:0;font-size:14px;overflow-wrap:anywhere}.ph-photo-details p{white-space:pre-wrap;font-size:14px}
.ph-photo-tools{position:absolute;top:6px;right:12px;display:flex;align-items:center;gap:8px;z-index:2}.ph-photo-tools button,.fo-photo-icon{display:inline-flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px!important;background:transparent;border:0;border-radius:6px;color:#222;cursor:pointer}.ph-photo-tools button:hover,.fo-photo-icon:hover{background:#d6d9df}.ph-photo-tools button:disabled{opacity:.3;cursor:default}.ph-photo-tools button[hidden]{display:none}.ph-photo-tools button:focus-visible,.ph-photo-gallery button:focus-visible{outline:3px solid #1677de;outline-offset:2px}.ph-photo-tools [data-action=prev],.ph-photo-tools [data-action=next]{position:fixed;top:50%;background:#ffffffb0}.ph-photo-tools [data-action=prev]{left:250px}.ph-photo-tools [data-action=next]{right:292px}
@media(max-width:900px),(pointer:coarse) and (max-width:1100px){
 .ph-photo-viewer{grid-template-columns:minmax(0,1fr);grid-template-rows:calc(62px + env(safe-area-inset-top)) minmax(0,1fr) calc(64px + env(safe-area-inset-bottom));background:#f5f5f5}
 .ph-photo-gallery,.ph-photo-details{display:none}.ph-photo-header{grid-column:1;grid-row:1;padding:env(safe-area-inset-top) 12px 0;gap:8px}.ph-photo-header strong{text-align:center;font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ph-photo-header span{font-size:14px}.ph-photo-header [data-done]{font-size:18px}
 .ph-photo-stage{grid-column:1;grid-row:2;padding:10px;min-height:0}.ph-photo-tools{position:static;grid-column:1;grid-row:3;display:flex;justify-content:space-around;border-top:1px solid #bbb;padding:4px 10px calc(4px + env(safe-area-inset-bottom));gap:4px}.ph-photo-tools [data-action=prev],.ph-photo-tools [data-action=next]{position:static;background:transparent}.ph-photo-tools [data-action=close]{display:none}.ph-photo-tools button{width:50px;height:50px}.ph-photo-tools svg{width:28px;height:28px}
}

@media (min-width:901px){.ph-photo-gallery [data-gallery]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;align-items:start}.ph-photo-gallery [data-gallery]>h3{grid-column:1/-1}.ph-photo-gallery [data-gallery]>button{width:100%;height:auto;aspect-ratio:1;box-sizing:border-box;margin:0;vertical-align:top}}

#servicesModule .service-photo-preview{height:160px;overflow:hidden;padding:0;width:100%}#servicesModule .service-photo-preview img{width:100%;height:100%;object-fit:cover}#servicesModule .service-comment .service-photo-grid{margin-top:12px}#servicesModule .service-comment-compose{display:flex;flex-direction:column;gap:12px}