/* Shared enlargement keeps the original image URL and all of its proportions. */
.pyp-photo-dialog{position:fixed;inset:0;width:100%;max-width:100%;height:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;background:#242620;color:#fffdf8;overflow:hidden;overscroll-behavior:contain}
.pyp-photo-dialog[open]{display:flex;flex-direction:column}
.pyp-photo-dialog::backdrop{background:#242620}
.pyp-photo-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex:none;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid #ffffff26;background:#242620}
.pyp-photo-title{font:15px/1.45 var(--sans,Arial,sans-serif);margin:0;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.pyp-photo-close{flex:none;border:1px solid #ffffff65;background:transparent;color:inherit;width:44px;height:44px;font:28px/1 Arial,sans-serif;cursor:pointer}
.pyp-photo-stage{position:relative;display:flex;align-items:center;justify-content:center;flex:1;min-height:0;width:100%;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;cursor:zoom-in}
.pyp-photo-surface{position:relative;display:block;width:100%;height:100%;max-width:none;max-height:none;flex:none;transform:translate(0px,0px) scale(1);transform-origin:center;pointer-events:none}
.pyp-photo-image{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
.pyp-photo-stage.is-photo-zoomed{cursor:grab}
.pyp-photo-stage.is-photo-dragging{cursor:grabbing}
.pyp-photo-status{position:absolute;inset:0;display:grid;place-items:center;padding:24px;text-align:center;font:14px/1.7 var(--sans,Arial,sans-serif);color:#f6f3ec;background:#242620}
.pyp-photo-status[hidden]{display:none}
.pyp-photo-mark{position:absolute;right:14px;bottom:14px;display:flex;align-items:center;gap:6px;max-width:120px;opacity:.3;pointer-events:none;color:#fff;font:9px/1.3 var(--sans,Arial,sans-serif);text-shadow:0 1px 3px #000}
.pyp-photo-mark img{width:34px;height:28px;object-fit:contain;filter:grayscale(1) brightness(0) invert(1);flex:none}
.pyp-photo-mark[hidden]{display:none}
.pyp-photo-tools{display:flex;flex-direction:column;align-items:center;gap:7px;flex:none;padding:10px max(14px,env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left,0px));border-top:1px solid #ffffff26;background:#242620}
.pyp-photo-buttons{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}
.pyp-photo-tools button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;gap:6px;border:1px solid #ffffff65;padding:8px 12px;color:#fffdf8;background:transparent;font:14px/1.2 var(--sans,Arial,sans-serif);cursor:pointer}
.pyp-photo-tools button:disabled{opacity:.42;cursor:default}
.pyp-photo-amount{min-width:48px;text-align:center;font:12px/1.4 var(--sans,Arial,sans-serif);font-variant-numeric:tabular-nums}
.pyp-photo-help{font:12px/1.5 var(--sans,Arial,sans-serif);color:#e3ded3;margin:0;text-align:center}
.pyp-photo-dialog button:hover:not(:disabled){background:#ffffff18}
.pyp-photo-dialog button:focus-visible,.pyp-photo-stage:focus-visible{outline:3px solid #f6e0b8;outline-offset:-4px}
body.pyp-photo-viewer-open{overflow:hidden}
body.pyp-photo-viewer-open>.fixed-whatsapp{visibility:hidden;pointer-events:none}
.catalog-stage,.delivered-stage,.rc-detail-media{position:relative}
.catalog-stage>.pyp-photo-enlarge,.delivered-stage>.pyp-photo-enlarge,.rc-detail-media>.pyp-photo-enlarge{position:absolute;z-index:3;inset:auto 12px 12px auto;display:inline-flex;align-items:center;justify-content:center;width:auto;min-width:44px;height:auto;min-height:44px;margin:0;padding:9px 13px;border:1px solid #897a65;border-radius:0;background:#f6f3ecf2;color:#353834;font:13px/1.4 var(--sans,Arial,sans-serif);cursor:pointer;box-shadow:0 2px 12px #24262018}
.pyp-photo-enlarge:hover{background:#fffdf8}
.pyp-photo-enlarge:focus-visible{outline:3px solid #756341;outline-offset:-4px}
.pyp-photo-enlarge[hidden]{display:none!important}
.photo-dialog .pyp-photo-enlarge{position:static;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;margin:10px 0 0 auto;padding:9px 13px;border:1px solid #897a65;background:var(--paper,#f6f3ec);color:var(--ink,#353834);font:13px/1.4 var(--sans,Arial,sans-serif)}
.catalog-stage>img[data-pyp-enlarge],.delivered-stage img[data-pyp-enlarge],.rc-detail-media img[data-pyp-enlarge],.photo-dialog #expanded-photo[data-pyp-enlarge]{cursor:zoom-in}
@media(min-width:761px){.delivered-dialog{width:min(1440px,calc(100vw - 32px));max-height:calc(100dvh - 24px)}.delivered-stage figure{height:min(70dvh,860px)}.catalog-dialog{width:min(1440px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 24px)}.catalog-stage,.catalog-stage>img{height:min(70dvh,860px)}}
@media(max-width:760px){.pyp-photo-head{gap:10px;padding-top:8px;padding-bottom:8px}.pyp-photo-title{font-size:13px}.pyp-photo-help{font-size:11px}.pyp-photo-tools{gap:5px;padding-top:7px;padding-bottom:calc(7px + env(safe-area-inset-bottom,0px))}.pyp-photo-tools button{padding:8px 10px}.pyp-photo-buttons{gap:7px}.pyp-photo-stage{min-height:80px}.delivered-stage figure{height:max(260px,calc(100dvh - 235px))}.catalog-stage>.pyp-photo-enlarge,.delivered-stage>.pyp-photo-enlarge,.rc-detail-media>.pyp-photo-enlarge{right:10px;bottom:10px;font-size:12px}}
