.jq-mockup{position:relative;width:100%;height:100%;overflow:hidden;background:#f5f5f4;--jq-mockup-width: 48%;--jq-mockup-ratio: 7 / 10;--jq-camera-scale: 1;--jq-frame-width: clamp(4px, .55vw, 9px);--jq-frame-color: #171717;--jq-mat-width: 0%}.jq-mockup__room{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--jq-camera-scale));transform-origin:50% 100%;transition:transform .58s cubic-bezier(.2,.7,.2,1);will-change:transform}.jq-mockup__print{position:absolute;z-index:1;top:42%;left:50%;width:var(--jq-mockup-width);aspect-ratio:var(--jq-mockup-ratio);transform:translate(-50%,-50%);transition:width .46s cubic-bezier(.2,.7,.2,1),aspect-ratio .46s cubic-bezier(.2,.7,.2,1);will-change:width,transform,opacity}.jq-mockup__print.is-changing{animation:jq-mockup-change .46s cubic-bezier(.2,.7,.2,1)}.jq-mockup__frame-shell{position:relative;overflow:hidden;width:100%;height:100%;padding:var(--jq-frame-width);background:var(--jq-frame-color);box-shadow:0 12px 24px #251f1b3d,0 3px 7px #251f1b2e,inset 1px 1px #ffffff42,inset -1px -1px #00000042;transition:padding .32s ease,background .32s ease,box-shadow .32s ease}.jq-mockup__frame-shell:before,.jq-mockup__frame-shell:after{content:"";position:absolute;z-index:3;pointer-events:none}.jq-mockup__frame-shell:before{inset:var(--jq-frame-width);border:1px solid rgba(0,0,0,.28);box-shadow:0 0 0 1px #ffffff38,inset 0 1px 1px #ffffff29,inset 0 -1px 1px #0000002e}.jq-mockup__frame-shell:after{top:0;right:0;bottom:0;left:0;border:1px solid rgba(255,255,255,.22);box-shadow:inset 0 0 0 1px #00000029}.jq-frame-joints{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.jq-frame-joint{position:absolute;display:block;width:calc(var(--jq-frame-width) * 1.3);height:1px;background:#0000006b;box-shadow:0 1px #ffffff4d;transform-origin:center}.jq-frame-joint--top-left{top:calc(var(--jq-frame-width) / 2);left:calc(var(--jq-frame-width) / 2);transform:translate(-50%,-50%) rotate(45deg)}.jq-frame-joint--top-right{top:calc(var(--jq-frame-width) / 2);right:calc(var(--jq-frame-width) / 2);transform:translate(50%,-50%) rotate(-45deg)}.jq-frame-joint--bottom-left{bottom:calc(var(--jq-frame-width) / 2);left:calc(var(--jq-frame-width) / 2);transform:translate(-50%,50%) rotate(-45deg)}.jq-frame-joint--bottom-right{right:calc(var(--jq-frame-width) / 2);bottom:calc(var(--jq-frame-width) / 2);transform:translate(50%,50%) rotate(45deg)}.jq-mockup[data-frame-key=white] .jq-mockup__frame-shell:before{border-color:#6464642e;box-shadow:0 0 0 1px #ffffff73,inset 0 1px 1px #ffffff40,inset 0 -1px 1px #6464641a}.jq-mockup[data-frame-key=white] .jq-mockup__frame-shell:after{border-color:#ffffff94;box-shadow:inset 0 0 0 1px #6464641a}.jq-mockup[data-frame-key=white] .jq-frame-joint{background:#6464643d;box-shadow:0 1px #ffffff8c}.jq-mockup__mat{width:100%;height:100%;padding:var(--jq-mat-width);background:#f8f7f3;transition:padding .38s cubic-bezier(.2,.7,.2,1)}.jq-product__media .jq-mockup__art{display:block;width:100%;height:100%;object-fit:cover;background:#fff}.jq-product__thumb--mockup{background:linear-gradient(#f6f6f4 0 72%,#b77c42 72% 76%,#fff 76%)}.jq-product__thumb-room{display:grid;width:42%;height:58%;margin:10% auto 0;padding:2px;background:#b8b9bb;box-shadow:0 2px 5px #0000002e}.jq-product__thumb-room img{width:100%;height:100%;object-fit:cover}.jq-frame-config{min-width:0;margin:0 0 20px;padding:18px;border:1px solid #d8d4d1;border-radius:14px;background:#fff}.jq-frame-config>legend{padding:0 4px;color:var(--ps-color-accent);font-size:.98rem;font-weight:900}.jq-frame-swatch input,.jq-frame-mat-card input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.jq-frame-swatches{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:3px 3px 8px}.jq-frame-swatch{position:relative;display:flex;min-width:0;flex-direction:column;align-items:center;gap:6px;cursor:pointer;text-align:center}.jq-frame-swatch[hidden]{display:none}.jq-frame-swatch__sample{position:relative;display:block;width:72px;max-width:100%;height:64px;overflow:hidden;border:1px solid #d8d4d1;border-radius:9px;background:#fff}.jq-frame-swatch__sample:before,.jq-frame-swatch__sample:after{content:"";position:absolute;top:12px;width:48px;height:18px;background:var(--jq-swatch-color, #222);box-shadow:0 3px 5px #00000038}.jq-frame-swatch__sample:before{left:-1px;transform:rotate(30deg)}.jq-frame-swatch__sample:after{right:-1px;transform:rotate(-30deg)}.jq-frame-swatch:has(input:checked) .jq-frame-swatch__sample{border-color:var(--ps-color-accent);box-shadow:0 0 0 1px var(--ps-color-accent)}.jq-frame-swatch small{display:flex;min-height:2.25em;flex-direction:column;align-items:center;gap:2px;font-size:.66rem;line-height:1.1}.jq-addon__name{color:#111;font-weight:700}.jq-addon__prices{display:flex;min-height:1em;align-items:baseline;justify-content:center;gap:4px;white-space:nowrap}.jq-addon__prices strong{color:#d62828;font-size:.72rem;font-weight:800}.jq-addon__prices s{display:none}.jq-frame-swatch__sample--none{background:linear-gradient(135deg,#fff 47%,#d64f4f 48% 52%,#fff 53%)}.jq-frame-swatch__sample--none:before,.jq-frame-swatch__sample--none:after{display:none}.jq-frame-swatch__sample--photo:before,.jq-frame-swatch__sample--photo:after{display:none}.jq-frame-swatch__sample--photo img{display:block;width:100%;height:100%;object-fit:cover}.jq-frame-mats{display:grid;grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;padding:3px 3px 5px}.jq-frame-mats .jq-option-card--wide{min-width:0}.jq-frame-mats .jq-option-card span{white-space:normal}.jq-frame-mat-card{position:relative;display:flex;width:100%;min-width:0;min-height:66px;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #d8d4d1;border-radius:9px;background:#fff;cursor:pointer}.jq-frame-mat-card__sample{width:44px;height:25px;border:8px solid #f5f3ed;border-bottom-width:4px;background:#d7c09e;box-shadow:0 1px 4px #00000026}.jq-frame-mat-card small{display:flex;min-height:2.25em;flex-direction:column;align-items:center;gap:2px;font-size:.7rem}.jq-frame-mat-card:has(input:checked){border-color:var(--ps-color-accent);box-shadow:0 0 0 1px var(--ps-color-accent);color:var(--ps-color-accent)}.jq-frame-mat-card:has(input:disabled){opacity:.4;cursor:not-allowed}.jq-frame-mats .jq-option-card:has(input:disabled){opacity:.4;cursor:not-allowed}.jq-frame-swatch:has(input:focus-visible) .jq-frame-swatch__sample,.jq-frame-mat-card:has(input:focus-visible){outline:2px solid #111;outline-offset:2px}.jq-mockup[data-frame-key=none] .jq-mockup__frame-shell{background:transparent;box-shadow:0 6px 16px #251f1b24}.jq-mockup[data-frame-key=none] .jq-mockup__frame-shell:before,.jq-mockup[data-frame-key=none] .jq-mockup__frame-shell:after{display:none}.jq-mockup[data-frame-key=none] .jq-frame-joints{display:none}@keyframes jq-mockup-change{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}42%{opacity:.38;transform:translate(-50%,-50%) scale(.975)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(max-width:639px){.jq-frame-config{padding:15px 12px}.jq-frame-mats{grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));gap:8px}.jq-frame-mats .jq-option-card{padding-inline:4px}.jq-frame-mats .jq-option-card span{font-size:.7rem;line-height:1.2}.jq-mockup__print{top:40%}}@media(prefers-reduced-motion:reduce){.jq-mockup__room,.jq-mockup__print,.jq-mockup__frame-shell,.jq-mockup__mat{transition:none}.jq-mockup__print.is-changing{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/product-mockup.css.map */