/* Keep Squarespace's gallery dimensions; selected photos only replace its painted content. */
.jj-ship-photo-page .product-gallery{position:relative!important}
.jj-ship-photo-page .product-gallery.jj-show-selection>:not(.jj-selected-packages){visibility:hidden;pointer-events:none}
.jj-selected-packages{position:absolute;inset:0;box-sizing:border-box;display:grid;align-content:center;grid-template-columns:repeat(var(--jj-photo-count,1),minmax(0,1fr));gap:18px;padding:20px;border:1px solid #d3d9c7;border-radius:24px;background:#fffdf4;overflow:hidden}
.jj-selected-packages[hidden]{display:none}
.jj-selected-package{margin:0;min-width:0;text-align:center;color:#285d40}
.jj-selected-package .jj-package-photo{height:clamp(240px,32vw,460px);display:grid;place-items:center}
.jj-ship-photo-page .product-gallery .jj-selected-package img{position:static!important;display:block;width:100%!important;height:100%!important;max-height:460px;object-fit:contain!important;transform:none!important}
.jj-ship-photo-page .product-gallery .jj-mixed-box .jj-selected-package[data-package-size="regular"] img{width:78%!important;height:78%!important;justify-self:center;align-self:center}
.jj-selected-package figcaption{min-height:96px;padding:14px 6px 0;font:600 16px/1.5 'Work Sans',Arial,sans-serif}
.jj-selected-package figcaption strong{display:block;font-size:18px}
.jj-package-placeholder{display:grid;place-items:center;width:100%;height:100%;border:2px dashed #ced6bf;border-radius:18px;background:#f2f4e9;color:#577048;font:600 17px/1.5 'Work Sans',Arial,sans-serif;padding:15px;box-sizing:border-box}
.jj-inline-package{display:none}
.jj-inline-value{display:none}
.jj-inline-photo-hint{display:none}
.jj-variety-description{box-sizing:border-box;min-height:44px;margin:8px 0 0;color:#285d40;font:400 14px/1.5 'Work Sans',Arial,sans-serif}
.jj-photo-enlarge-hint{display:block;margin-top:6px;font:600 12px/1.4 'Work Sans',Arial,sans-serif;color:#285d40}
.jj-ship-photo-page .jj-package-zoom{position:relative!important;inset:auto!important;display:grid!important;place-items:center;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;transform:none!important;translate:0 0!important;scale:1!important;filter:none!important;opacity:1!important;cursor:zoom-in!important}
.jj-zoom-icon{position:absolute;right:6px;bottom:6px;display:block;width:30px;height:30px;box-sizing:border-box;padding:5px;border:1px solid #285d40;border-radius:50%;background:#fffaf0;color:#285d40;pointer-events:none}
.jj-zoom-icon svg{display:block;width:100%;height:100%}
.jj-package-photo-open{overflow:hidden}
.jj-package-photo-open.jj-package-photo-gutter{scrollbar-gutter:stable}
.jj-package-dialog{position:fixed;inset:0;margin:auto;box-sizing:border-box;width:min(900px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:90dvh;padding:0;border:1px solid #aebe9e;border-radius:22px;background:#fffaf0;color:#285d40;overflow:hidden;box-shadow:0 20px 80px #142a2450}
.jj-package-dialog[open]{display:flex;flex-direction:column}
.jj-package-dialog::backdrop{background:#142a24b3}
.jj-photo-dialog-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid #d3d9c7;background:#fffaf0;flex:none}
.jj-photo-dialog-header h2{margin:0;font:700 21px/1.35 'JJ Brand Rounded','Work Sans',Arial,sans-serif;color:#285d40}
.jj-package-dialog .jj-photo-close{flex:none;min-height:44px;padding:9px 16px;border:1px solid #285d40;border-radius:999px;background:#285d40;color:#fffaf0;font:700 15px/1.4 'Work Sans',Arial,sans-serif;cursor:pointer}
.jj-photo-view-controls{display:grid;grid-template-columns:1fr 1fr 1.65fr;gap:10px;padding:12px 16px 0;flex:none;width:100%;max-width:520px;box-sizing:border-box;align-self:center}
.jj-package-dialog .jj-photo-view-controls button{min-width:0;min-height:50px;padding:8px 10px;border:1px solid #285d40;border-radius:999px;background:#ffcf00;color:#285d40;font:700 15px/1.25 'Work Sans',Arial,sans-serif;cursor:pointer}
.jj-photo-view-label{flex:none;margin:8px 16px 0;text-align:center;font:600 14px/1.4 'Work Sans',Arial,sans-serif}
.jj-photo-dialog-content{display:grid;place-items:center;box-sizing:border-box;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);width:100%;height:min(60dvh,calc(100vw - 32px));max-height:640px;min-height:0;padding:16px;overflow:auto;overscroll-behavior:contain}
.jj-photo-image-stage{width:100%;height:100%;min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}
.jj-photo-dialog-content img{display:block;width:calc(100% * var(--jj-photo-zoom,1));height:calc(100% * var(--jj-photo-zoom,1));min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain}
.jj-photo-dialog-content [hidden]{display:none!important}
.jj-photo-zoom-controls{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px 0;flex:none}
.jj-package-dialog .jj-photo-zoom-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;margin:0;padding:6px 10px;border:1px solid #285d40;border-radius:12px;background:#ffcf00;color:#285d40;font:700 24px/1 'Work Sans',Arial,sans-serif;cursor:pointer}
.jj-package-dialog .jj-photo-zoom-controls [data-photo-zoom="reset"]{min-width:64px;background:transparent;font-size:14px}
.jj-package-dialog .jj-photo-zoom-controls button:disabled{opacity:.45;cursor:default}
.jj-photo-zoom-level{min-width:48px;text-align:center;font:600 14px/1.4 'Work Sans',Arial,sans-serif}
.jj-photo-dialog-status{padding:16px;font:16px/1.5 'Work Sans',Arial,sans-serif;text-align:center}
@media(max-width:767px){.jj-inline-package .jj-zoom-icon{width:23px;height:23px;right:2px;bottom:2px;padding:4px}.jj-photo-dialog-header{gap:10px;padding:14px}.jj-photo-dialog-header h2{font-size:18px}}
@media(max-width:767px){
 .jj-ship-photo-page .product-gallery{display:none!important}
 .jj-ship-photo-page .product-content-wrapper{gap:20px!important}
 .jj-ship-photo-page .variant-option{position:relative;box-sizing:border-box;min-height:214px!important;padding-left:100px!important;margin-bottom:14px!important}
 .jj-inline-package{position:absolute;left:0;top:0;display:grid;place-items:center;width:84px;height:104px;border:1px solid #d3d9c7;border-radius:12px;background:#fffdf4;overflow:hidden}
 .jj-inline-package img{width:100%;height:100%;object-fit:contain;display:block}
 .jj-inline-package.jj-mixed-regular img{width:78%;height:78%}
 .jj-inline-package .jj-package-placeholder{font-size:11px;line-height:1.4;padding:5px;border:0;border-radius:0}
 .jj-ship-photo-page .variant-option .variant-select-wrapper{width:100%;margin:0!important}
 .jj-ship-photo-page .variant-option select{white-space:normal;text-overflow:ellipsis;padding-left:12px!important;padding-right:32px!important;font-size:14px!important}
 .jj-inline-value{display:block;min-height:34px;margin-top:5px;color:#285d40;font:600 12px/1.4 'Work Sans',Arial,sans-serif;overflow-wrap:anywhere}
 .jj-inline-photo-hint{position:absolute;left:0;top:108px;display:block;width:84px;text-align:center;color:#285d40;font:600 12px/1.35 'Work Sans',Arial,sans-serif}
 .jj-inline-photo-hint[hidden]{display:none}
 .jj-variety-description{min-height:80px;margin-top:6px;font-size:13px;line-height:1.5}
}

/* The box title belongs in the main heading, not a second navigation button. */
.jj-ship-photo-page .product-nav>.product-nav-breadcrumb-link[href^="/direct-ship-boxes/p/"],.jj-ship-photo-page .product-nav>span{display:none!important}