.tp-image-trigger{cursor:zoom-in;position:relative}
.tp-image-trigger::after{content:'↗';position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:28px;height:28px;border:1px solid #d6dfd8;border-radius:50%;background:#fff;color:#263b2d;font:20px/1 Arial,sans-serif;opacity:0;transition:opacity .15s;pointer-events:none}
.tp-image-trigger:hover::after,.tp-image-trigger:focus-visible::after{opacity:1}
.tp-image-trigger:focus-visible{outline:2px solid #4d785c;outline-offset:3px}
.tp-photo-dialog{box-sizing:border-box;width:min(880px,94vw);max-width:880px;max-height:94dvh;margin:auto;padding:18px;border:1px solid #dbe3dd;border-radius:12px;background:#fff;color:#18241c;box-shadow:0 24px 90px #0005;overflow:auto}
.tp-photo-dialog::backdrop{background:rgba(8,18,14,.78);backdrop-filter:blur(3px)}
.tp-photo-dialog .tp-photo-heading{position:static;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:0 0 10px;margin:0;background:#fff;color:#18241c;border:0;box-shadow:none;height:auto;min-height:0}
.tp-photo-heading h2{font-family:Barlow,Arial,sans-serif;font-size:20px;line-height:1.3;margin:0;font-weight:600;letter-spacing:0}
.tp-photo-sku{font:13px/1.5 Barlow,Arial,sans-serif;color:#607165;margin:4px 0 0}
.tp-photo-close{flex:none;width:36px;height:36px;border:1px solid #dbe3dd;border-radius:50%;background:#f3f6f3;color:#263b2d;font:28px/1 Arial,sans-serif;cursor:pointer}
.tp-photo-stage{position:relative;display:grid;place-items:center;background:#fff}
.tp-photo-stage>img{display:block;position:static;object-fit:contain;object-position:center;width:100%;height:min(64dvh,800px);max-width:800px;max-height:800px;margin:0 auto;background:#fff;touch-action:pan-y}
.tp-photo-prev,.tp-photo-next{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:44px;border:1px solid #dbe3dd;border-radius:6px;background:#fffffff0;color:#263b2d;font:32px/1 Arial,sans-serif;cursor:pointer}
.tp-photo-prev{left:0}.tp-photo-next{right:0}
.tp-photo-thumbnails{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;padding-top:10px}
.tp-photo-thumbnails button{width:52px;height:52px;padding:2px;border:1px solid #dbe3dd;border-radius:5px;background:#fff;cursor:pointer}
.tp-photo-thumbnails button[aria-pressed=true]{border:2px solid #4d785c}
.tp-photo-thumbnails img{width:100%;height:100%;object-fit:contain;background:#fff}
.tp-photo-dialog [hidden]{display:none!important}
.tp-photo-help,.tp-photo-error{font:13px/1.5 Barlow,Arial,sans-serif;text-align:center;color:#607165;margin:10px 0 0}
.tp-photo-dialog button:focus-visible{outline:2px solid #4d785c;outline-offset:3px}
@media(max-width:600px){.tp-photo-dialog{padding:12px;border-radius:8px}.tp-photo-heading h2{font-size:17px}.tp-photo-stage>img{height:min(58dvh,800px)}.tp-image-trigger::after{opacity:1;width:24px;height:24px;font-size:18px}}
@media(prefers-reduced-motion:reduce){.tp-image-trigger::after{transition:none}}