/* Extend the existing PZIK layout with category navigation and reference galleries. */
.hpg-family-grid,.mega-panel-links.hpg-family-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.hpg-nav-family h3{font-family:inherit;font-weight:600;font-size:15px;line-height:1.4;color:#25877f;margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid #dce9e5}
.hpg-nav-family>a{display:block;color:inherit;text-decoration:none;padding:9px 0;font-size:15px;line-height:1.45}
.hpg-nav-family>a:hover,.hpg-nav-family>a:focus-visible{color:#237e77;text-decoration:underline}
.site-nav .hpg-nav-family .mega-panel-link{padding:8px 4px;min-height:0;border:0;background:transparent}
.site-nav .hpg-nav-family .mega-panel-link strong{font-size:14px}
.mega-panel:has(.hpg-family-grid){max-height:calc(100vh - 115px);overflow:auto}
.hpg-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.hpg-media-card{border:1px solid #e1e8e5;background:white;border-radius:16px;overflow:hidden;min-width:0}
.hpg-media-card[hidden]{display:none!important}
.hpg-media-open{display:block;position:relative;width:100%;padding:0;border:0;background:#f6f7f4;cursor:zoom-in;color:#183e38;text-align:left}
.hpg-media-open picture{display:block;aspect-ratio:4/3;overflow:hidden}
.hpg-media-open img{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
.hpg-media-open>span{position:absolute;bottom:10px;right:10px;font:500 12px/1.4 Arial,sans-serif;border-radius:20px;padding:6px 11px;background:rgba(255,255,255,.94)}
.hpg-media-card-copy{padding:20px}
.hpg-media-card-copy small{display:block;color:#51756c;font-size:12px;line-height:1.5}
.hpg-media-card-copy h3{font-size:17px;line-height:1.5;margin:9px 0 15px;overflow-wrap:anywhere}
.hpg-media-pagination{display:flex;gap:20px;align-items:center;justify-content:center;margin-top:32px;flex-wrap:wrap}
.hpg-media-pagination[hidden]{display:none}
.hpg-media-pagination button:disabled{opacity:.4;cursor:default}
.hpg-media-viewer{padding:16px;background:#fff;border:0;border-radius:12px;max-width:92vw;max-height:94vh;width:1000px;color:#163f36}
.hpg-media-viewer::backdrop{background:rgba(10,25,22,.8)}
.hpg-media-viewer img{display:block;width:100%;height:72vh;object-fit:contain}
.hpg-media-viewer button{display:block;margin-left:auto;padding:10px 18px;border:1px solid #a8bab1;background:white;border-radius:24px;cursor:pointer;font:inherit}
.hpg-media-viewer p{margin:10px 0;font-size:14px}
@media(min-width:1101px){.mega-panel:has(.hpg-family-grid){grid-template-columns:220px 1fr}.mega-panel-links.hpg-family-grid{gap:20px}}
@media(max-width:900px){.hpg-media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hpg-family-grid,.mega-panel-links.hpg-family-grid{gap:18px}.mega-panel:has(.hpg-family-grid){max-height:none}}
@media(max-width:600px){.hpg-family-grid,.mega-panel-links.hpg-family-grid{grid-template-columns:1fr;gap:24px}.hpg-media-grid{grid-template-columns:1fr}.hpg-media-open picture{aspect-ratio:1/1}.hpg-media-card-copy{padding:16px}.hpg-media-pagination{gap:12px}.hpg-media-pagination .btn{padding:10px 18px;min-width:0}.hpg-media-viewer img{height:65vh}}

.hpg-media-section>.container{width:min(1200px,calc(100% - 40px));margin-inline:auto}

@media(max-width:860px){.pzik-hydrogel-patches .site-nav{max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain}.pzik-hydrogel-patches .mega-panel:has(.hpg-family-grid){max-height:none;overflow:visible}}

.hpg-photo-pending{font-size:14px;line-height:1.6;padding:10px 14px;background:#edf3ee;color:#264e42;border-radius:8px;margin:12px 0}