/* Loaded only by product_ep_dev_a2.twig. No dependency on DEV body classes. */
.apg,.apg *{box-sizing:border-box}
.apg{position:fixed;inset:0;z-index:10050;background:rgba(20,29,42,.77);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px;font-family:inherit;color:#34445c}
.apg-dialog{background:#fff;border:1px solid #e4e9f0;border-radius:14px;padding:12px 14px 14px;box-shadow:0 20px 90px #0005;max-width:100%;max-height:100%;display:flex;flex-direction:column;overflow:hidden}
.apg-button{appearance:none;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;margin:0;border:1px solid #dce3ec;background:#fff;color:#34445c;width:42px;height:42px;border-radius:50%;cursor:pointer;box-shadow:0 3px 12px #15243912;transition:background .15s,border-color .15s}
.apg-button:hover{background:#edf8ff;border-color:#009fe3}
.apg button:focus-visible{outline:3px solid #009fe3;outline-offset:2px}
.apg-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.apg-close{margin-left:auto;width:34px;height:34px;box-shadow:none}
.apg-stage{display:grid;grid-template-columns:48px minmax(0,1fr) 48px;gap:12px;min-height:0;align-items:center}
.apg-photo{display:block;grid-column:2;grid-row:1;width:min(72vw,820px);height:min(70vh,calc(100vh - 220px));height:min(70dvh,calc(100dvh - 220px));max-width:100%;object-fit:contain;user-select:none;touch-action:pan-y;border:0;padding:0;margin:0;background:#fff}
.apg-prev{grid-column:1;grid-row:1;margin:auto}.apg-next{grid-column:3;grid-row:1;margin:auto}
.apg-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e8edf3;margin-top:10px;padding-top:12px;min-height:32px}
.apg-thumbs{display:flex;gap:9px;overflow:auto;max-width:calc(100% - 65px);padding:2px}
.apg-thumb{appearance:none;flex:0 0 60px;width:60px;height:60px;padding:3px;border:1px solid #dde4ee;background:#fff;border-radius:7px;cursor:pointer}
.apg-thumb img{display:block;width:100%;height:100%;object-fit:contain}
.apg-thumb:hover{border-color:#81cdef}.apg-thumb[aria-pressed=true]{border-color:#009fe3;box-shadow:0 0 0 1px #009fe3}
.apg-counter{font-size:13px;line-height:1.4;white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto}
.apg [hidden]{display:none!important}
.apg-single .apg-prev,.apg-single .apg-next{visibility:hidden}
@media(min-width:701px) and (max-height:680px){.apg-thumbs{display:none}.apg-photo{height:calc(100vh - 155px);height:calc(100dvh - 155px)}}
@media(max-width:700px){.apg{padding:10px}.apg-dialog{width:100%;padding:10px}.apg-stage{grid-template-columns:1fr 1fr;gap:10px}.apg-photo{grid-column:1 / -1;grid-row:1;width:100%;height:calc(100vh - 185px);height:calc(100dvh - 185px);max-height:720px}.apg-prev,.apg-next{grid-row:2;width:40px;height:40px;margin:0}.apg-prev{grid-column:1;justify-self:end}.apg-next{grid-column:2;justify-self:start}.apg-thumbs{display:none}.apg-footer{margin-top:8px;padding-top:9px;justify-content:center}.apg-counter{margin:0}.apg-single .apg-prev,.apg-single .apg-next{display:none}}
@media(prefers-reduced-motion:reduce){.apg-button{transition:none}}