.product-art-frame{--frame-width:0px;position:relative;display:block;width:100%;padding:var(--frame-width);background:transparent;transition:padding .25s ease,box-shadow .25s ease}
.product-gallery .product-art-frame img{display:block;width:100%;height:auto;background:transparent}
.product-art-frame:not([data-frame=none]){--frame-width:18px;--frame-surface:#292826;background:linear-gradient(135deg,#ffffff0c,transparent 42%,#00000008),var(--frame-surface);box-shadow:0 16px 24px -9px #17191840,0 3px 6px #17191835,inset 1px 1px 0 #ffffff50,inset -1px -1px 0 #0006}
.product-art-frame[data-frame=white]{--frame-surface:#eeece8;background:var(--frame-surface);box-shadow:-5px 12px 22px -3px #1719182e,0 1px 3px #17191812,inset 0 0 0 1px #ffffff90}
.product-art-frame[data-frame=wood]{--frame-surface:#ae8258;background:repeating-linear-gradient(92deg,#59361425 0 1px,transparent 1px 4px,#e5c69a40 4px 6px,transparent 6px 11px),linear-gradient(90deg,#bb9164,#a4774d 55%,#c19a6d)}
.product-art-frame[data-frame=neutral]{--frame-surface:#8c8578}
.product-art-frame:not([data-frame=none])::before{content:'';position:absolute;inset:1px;pointer-events:none;border:calc(var(--frame-width) - 1px) solid;border-color:#ffffff18 #00000020 #00000038 #ffffff0c;box-shadow:inset 1px 1px 1px #0008,inset -1px -1px 1px #ffffff60}
.product-art-frame:not([data-frame=none])::after{content:'';position:absolute;inset:var(--frame-width);pointer-events:none;box-shadow:inset 2px 3px 5px #0004,0 0 0 1px #0004}
.product-art-frame[data-frame=white]::before{border-color:#ffffff20 #00000004 #00000006 #ffffff08;box-shadow:inset 1px 1px 0 #00000020,inset -1px -1px 0 #ffffff90}
.product-art-frame[data-frame=white]::after{box-shadow:inset 0 1px 2px #1719181a,0 0 0 1px #17191826}
.product-frame-swatch[data-tone=black],.product-frame-swatch[data-tone=white],.product-frame-swatch[data-tone=wood]{box-shadow:1px 2px 3px #17191830,inset 1px 1px 2px #17191830;outline:1px solid #17191825;outline-offset:-1px}
.product-frame-swatch[data-tone=black]{border-color:#41403c #1a1917 #121211 #34332f}
.product-frame-swatch[data-tone=white]{border-color:#fff #dedbd4 #d2cec6 #f5f3ef}
.product-frame-swatch[data-tone=wood]{border-color:#c8a075 #996f49 #865e3a #b98f63}
@media(min-width:750px){.product-section .product-gallery{position:sticky;top:var(--gallery-sticky-top,24px);align-self:start}.product-section .product-info{position:static}.product-gallery>a:has(.product-art-frame){display:flex;align-items:flex-start;justify-content:center}.product-art-frame{max-width:100%;width:min(620px,calc((100svh - 48px - 2 * var(--frame-width)) * var(--art-ratio) + 2 * var(--frame-width)));flex:none}}
@media(max-width:749px){.product-gallery>a:has(.product-art-frame){display:flex;align-items:center;justify-content:center;height:440px}.product-art-frame{max-width:100%;width:calc((440px - 2 * var(--frame-width)) * var(--art-ratio) + 2 * var(--frame-width));flex:none}.product-art-frame:not([data-frame=none]){--frame-width:12px;box-shadow:0 8px 14px -5px #17191840,0 2px 4px #17191830,inset 1px 1px 0 #ffffff50,inset -1px -1px 0 #0006}.product-gallery .product-art-frame img{width:100%;height:auto}}
@media(max-width:749px){.product-art-frame[data-frame=white]{box-shadow:-3px 8px 15px -3px #1719182b,0 1px 2px #17191812,inset 0 0 0 1px #ffffff90}}
@media(prefers-reduced-motion:reduce){.product-art-frame{transition:none}}

.product-art-mat{display:block}
.product-art-mat[data-active=true]{position:relative;aspect-ratio:var(--mat-ratio);background:#fff;box-shadow:inset 0 0 2px #17191830}
.product-gallery .product-art-mat[data-active=true] img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:auto;height:auto;max-width:var(--print-width);max-height:var(--print-height);object-fit:contain;box-shadow:0 0 1px #17191840}