/*! © 2026 Kneat Heaven Boutique. All rights reserved. */
/* All overrides belong to this new gallery; existing product photos stay intact. */
.pp-gallery{padding:16px;min-width:0}
.pp-thumbnails{display:flex;flex-wrap:wrap;gap:10px}
.pp-thumb{box-sizing:border-box;width:80px;height:80px;flex:0 0 80px;padding:3px;border:1px solid var(--line);border-radius:9px;background:var(--cream);cursor:pointer}
.pp-thumb:hover{border-color:var(--berry)}
.pp-thumb:focus-visible,.pp-viewer button:focus-visible,.pp-viewer a:focus-visible{outline:3px solid var(--berry);outline-offset:3px}
.pp-gallery .pp-thumb .pp-thumb-image{position:relative;display:block;width:100%;height:100%;padding:0;margin:0;top:auto;left:auto;border-radius:5px;background:transparent;overflow:hidden}
.pp-gallery .pp-thumb .pp-thumb-image img{display:block;width:100%;height:100%;max-height:none;max-width:none;margin:0;object-fit:cover}
.pp-gallery .pp-thumb-image>.kh-photo-watermark{padding:0;margin:0;background-color:transparent;border-radius:inherit;letter-spacing:normal;text-transform:none;background-size:80px 44px!important}
.pp-note{font-size:13px;line-height:1.5;color:var(--muted);margin:12px 0 0}
/* Native modal supplies focus containment and Escape handling. */
.pp-viewer{box-sizing:border-box;width:min(900px,calc(100% - 24px));max-width:none;max-height:calc(100dvh - 24px);padding:12px;border:0;border-radius:12px;background:var(--cream);color:var(--ink);overflow:auto}
.pp-viewer::backdrop{background:rgba(0,0,0,.78)}
.pp-viewer .pp-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}
.pp-viewer .pp-toolbar p{margin:0;font-size:14px}
.pp-viewer button{box-sizing:border-box;min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--paper);color:var(--berry);font:24px Arial,sans-serif;cursor:pointer}
.pp-viewer .pp-controls{display:flex;gap:8px}
.pp-viewer .pp-frame{position:relative;display:flex;justify-content:center;align-items:center;min-height:100px}
.pp-viewer .pp-frame img{display:block;width:auto;height:auto;max-width:100%;max-height:calc(100dvh - 220px);object-fit:contain}
.pp-viewer .pp-caption{margin:12px 0 0;font:15px/1.5 Arial,sans-serif;overflow-wrap:anywhere}
.pp-viewer .pp-caption a{color:var(--berry);text-decoration:underline}

/* Four equal columns at phone widths; do not affect the main product image. */
@media(max-width:480px){.pp-gallery .pp-thumbnails{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pp-gallery .pp-thumb{width:100%;height:auto;aspect-ratio:1;min-width:0;flex:none}}