.pg-detail{align-items:start}.pg-viewer{min-width:0}.pg-stage{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;background:#f0f4e9;border:1px solid #e3eadd;border-radius:20px;overflow:hidden}.pg-stage>img{display:block;width:100%;height:100%;max-height:680px;object-fit:contain;padding:28px;box-sizing:border-box}.pg-zoom,.pg-arrow{position:absolute;display:grid;place-items:center;border:1px solid #dde6d5;background:#fff;color:#4d6f49;cursor:pointer;box-shadow:0 4px 12px #2536200a;padding:0;font-family:inherit}.pg-zoom{right:17px;top:17px;width:38px;height:38px;border-radius:50%;font-size:24px}.pg-arrow{top:calc(50% - 19px);height:38px;width:32px;border-radius:9px;font-size:28px}.pg-prev{left:12px}.pg-next{right:12px}.pg-zoom:hover,.pg-arrow:hover{background:#e5efda;color:#24543d}.pg-counter{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:#ffffffdf;border:1px solid #e2e9dc;border-radius:20px;padding:4px 12px;color:#6b7e61;font-size:11px}.pg-thumbnails{position:relative;display:flex;gap:12px;overflow-x:auto;padding:14px 2px 5px}.pg-thumbnail{flex:0 0 76px;width:76px;height:76px;border:2px solid #e5eadf;background:#fff;border-radius:11px;padding:6px;cursor:pointer;box-sizing:border-box}.pg-thumbnail img{width:100%;height:100%;object-fit:contain}.pg-thumbnail.pg-selected{border-color:#14684c;background:#f1f7e9;box-shadow:0 2px 7px #14684c15}.pg-thumbnail:hover{border-color:#8eaf79}.pg-viewer button:focus-visible{outline:3px solid #a6c58c;outline-offset:3px}.pg-dialog{position:fixed;border:1px solid #d8e2d0;background:#fff;border-radius:18px;padding:25px;max-width:94vw;max-height:94vh;overflow:auto}.pg-dialog::backdrop{background:#13291bdd;backdrop-filter:blur(4px)}.pg-dialog>img{display:block;max-width:84vw;max-height:82vh;object-fit:contain;margin:auto}.pg-dialog-tools{display:flex;justify-content:flex-end;margin:0 0 10px}.pg-dialog-close{width:35px;height:35px;background:#edf3e6;border:0;color:#466b40;border-radius:50%;font-size:25px;cursor:pointer}.pg-no-image{flex-direction:column;min-height:300px;color:#86987b}.pg-no-image>span{font-size:70px}.pg-no-image p{font-size:13px}.pg-upload{margin-bottom:24px}.pg-manager-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}.pg-manager-card{min-width:0}.pg-manager-image{width:100%;height:220px;object-fit:contain;background:#f4f7ef;border-radius:12px;padding:15px;box-sizing:border-box}.pg-cover-label{display:inline-block;margin-top:18px;padding:6px 12px;border-radius:20px;background:#e4f3e8;color:#35754b;font-size:11px;font-weight:700}.pg-manager-card .actions{gap:10px;flex-wrap:wrap}.pg-manager-card .actions form{margin:0}.pg-manager-card .muted{margin-top:15px}@media(max-width:1000px){.pg-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.pg-manager-grid{grid-template-columns:1fr}.pg-stage{border-radius:15px}.pg-stage>img{padding:20px}.pg-thumbnail{width:62px;height:62px;flex-basis:62px}.pg-thumbnails{gap:9px}}

/* Prevent intrinsic image widths from expanding the product grid. */
.sf-detail-grid.pg-detail{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.pg-viewer{width:100%;max-width:100%;overflow:hidden}.pg-stage{width:100%}.pg-stage>img{position:absolute;inset:0;height:100%;max-height:none}.pg-thumbnail{overflow:hidden}.pg-thumbnail>img{display:block;max-width:100%;max-height:100%}.pg-dialog:not([open]){display:none}@media(max-width:760px){.sf-detail-grid.pg-detail{grid-template-columns:minmax(0,1fr)}}

.pg-viewer .pg-arrow{width:44px;height:44px;top:50%;transform:translateY(-50%);border-radius:50%;border:1px solid #dbe7de;background:rgba(255,255,255,.96);color:#14684c;font-size:0;box-shadow:0 5px 18px #123b2520;transition:background .18s,box-shadow .18s}.pg-viewer .pg-arrow::before{content:"";display:block;width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor}.pg-viewer .pg-prev::before{transform:rotate(-135deg);margin-left:4px}.pg-viewer .pg-next::before{transform:rotate(45deg);margin-right:4px}.pg-viewer .pg-arrow:hover{background:#14684c;color:white;box-shadow:0 6px 20px #123b2530}.pg-viewer .pg-arrow:active{background:#104e3a}.pg-viewer .pg-prev{left:16px}.pg-viewer .pg-next{right:16px}@media(max-width:600px){.pg-viewer .pg-arrow{width:38px;height:38px}.pg-viewer .pg-prev{left:10px}.pg-viewer .pg-next{right:10px}}@media(prefers-reduced-motion:reduce){.pg-viewer .pg-arrow{transition:none}}

/* Place the chevrons by their own centre, independent of text line height. */
.pg-viewer .pg-arrow{display:block;line-height:1;padding:0}.pg-viewer .pg-arrow::before{position:absolute;top:50%;left:50%;margin:0;box-sizing:border-box;transform-origin:center}.pg-viewer .pg-prev::before{transform:translate(-35%,-50%) rotate(-135deg);margin:0}.pg-viewer .pg-next::before{transform:translate(-65%,-50%) rotate(45deg);margin:0}
