.service-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.service-gallery-card{display:block;width:100%;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden;padding:0;text-align:left;color:inherit;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.service-gallery-card:hover{transform:translateY(-2px);box-shadow:0 16px 36px rgba(25,49,63,.10);border-color:#cbdfe3}.service-gallery-cover{width:100%;height:190px;display:block;object-fit:cover;background:#f3f4f6}.service-gallery-body{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px}.service-gallery-body h3{margin:0 0 4px;font-size:17px;font-weight:700;letter-spacing:-.025em}.service-gallery-body p{margin:0;color:var(--muted);font-size:14px;font-weight:400}.service-gallery-body span{flex:0 0 auto;border-radius:999px;background:var(--accent);color:#fff;font-weight:600;font-size:12px;padding:8px 11px}.service-gallery-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;padding:0 14px 14px}.service-gallery-thumbs img{width:100%;height:54px;object-fit:cover;border-radius:9px;background:#f3f4f6}.service-gallery-modal.hidden{display:none}.no-scroll{overflow:hidden}.service-gallery-modal{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px}.service-gallery-modal-backdrop{position:absolute;inset:0;background:rgba(15,23,42,.66);backdrop-filter:blur(8px)}.service-gallery-modal-panel{position:relative;width:min(1040px,100%);max-height:min(86vh,900px);overflow:auto;border-radius:20px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.25)}.service-gallery-modal-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;padding:20px;border-bottom:1px solid var(--line)}.service-gallery-modal-head h3{margin:0;font-size:22px;font-weight:700}.service-gallery-close{border:0;border-radius:10px;background:#f2f4f7;padding:10px 13px;font-weight:600}.service-gallery-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;padding:20px}.service-gallery-modal-photo{border:1px solid var(--line);border-radius:14px;overflow:hidden}.service-gallery-modal-photo img{width:100%;height:220px;object-fit:cover;display:block}.service-gallery-modal-photo p{margin:0;padding:12px;color:var(--muted)}