.jp2{--jp2-blue:#0b2ddd;--jp2-ink:#030d42;--jp2-soft:#f7f1ee;--jp2-paper:#fefdfd;--jp2-line:#e5dcd7;--jp2-serif:var(--joffz-premium-serif,Georgia,serif);--jp2-ease:cubic-bezier(.4,0,.2,1);display:block;color:var(--jp2-ink);background:var(--jp2-paper);font-family:var(--font-body-family,Arial,sans-serif);font-size:15px;line-height:1.5;padding-bottom:32px}
.jp2 *{box-sizing:border-box}.jp2 [hidden]{display:none!important}.jp2 button,.jp2 input,.jp2 select{font:inherit}.jp2 button{cursor:pointer}.jp2 button:disabled{cursor:not-allowed}.jp2 button:focus-visible,.jp2 a:focus-visible,.jp2 input:focus-visible,.jp2 [tabindex]:focus-visible{outline:2px solid var(--jp2-blue);outline-offset:4px}.jp2 a{color:inherit}.jp2 h1,.jp2 h2,.jp2 p{margin:0}.jp2 h1,.jp2 h2{color:var(--jp2-ink);font-family:var(--jp2-serif);font-weight:500;letter-spacing:-.025em;text-transform:none}.jp2 h1{font-size:clamp(25px,2.25vw,38px);line-height:1.12;max-width:30ch}.jp2 h2{font-size:28px;line-height:1.2}
.jp2__breadcrumbs{display:flex;gap:10px;padding:14px 4vw;font-size:11px;opacity:.65;white-space:nowrap;overflow:hidden}.jp2__breadcrumbs span:last-child{overflow:hidden;text-overflow:ellipsis}.jp2__breadcrumbs a{text-decoration:none}.jp2__layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(330px,1fr);max-width:1800px;margin:auto;gap:clamp(35px,5vw,100px);padding:0 4vw}.jp2__gallery{min-width:0;overflow-anchor:none;--stage-height:clamp(480px,74svh,850px)}.jp2__slides{display:flex;height:var(--stage-height);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;border-radius:3px;background:var(--jp2-soft)}.jp2__slides::-webkit-scrollbar{display:none}.jp2__slide{position:relative;flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center;overflow:hidden}.jp2__original{width:100%;height:100%;object-fit:contain}.jp2__gallery-video,.jp2__slide iframe,.jp2__slide model-viewer{width:100%;height:100%;object-fit:contain;border:0}.jp2__gallery-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}.jp2__icon-button{display:grid;place-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid var(--jp2-line);border-radius:50%;color:var(--jp2-ink);background:transparent}.jp2__icon-button:hover{background:var(--jp2-soft)}[data-gallery-prev] svg{transform:rotate(180deg)}.jp2__thumbs{display:flex;gap:8px;overflow-x:auto;scrollbar-width:thin;padding:3px;min-width:0}.jp2__thumbs button{position:relative;flex:0 0 52px;height:64px;border:1px solid transparent;border-radius:4px;background:var(--jp2-soft);padding:4px}.jp2__thumbs button[aria-current=true]{border-color:var(--jp2-ink)}.jp2__thumbs img{width:100%;height:100%;object-fit:contain}.jp2__thumbs span{position:absolute;right:3px;bottom:1px;background:white;border-radius:50%;width:20px;color:var(--jp2-ink)}.jp2__caption{font-size:11px;opacity:.7;padding:12px 0;max-width:65ch}
.jp2-art{--rail:clamp(8px,1.25vw,18px);--grain:url(joffz-oak-grain.svg);position:relative;box-sizing:content-box!important;padding:var(--rail);isolation:isolate;transition:box-shadow .3s ease;box-shadow:3px 6px 6px #40342c25,8px 18px 16px #40342c1c;line-height:0}.jp2__slide .jp2-art{width:min(74%,calc((var(--stage-height) - 100px)*var(--art-ratio)),var(--art-width))}.jp2-art__print{position:relative;line-height:0;box-shadow:0 0 0 1px #342b2424}.jp2-art__print img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:auto;object-fit:contain}.jp2-art__rail{position:absolute;display:block;background-image:linear-gradient(0deg,#5c442c55,transparent 27%,#fff5 72%,#4e392433),var(--grain);background-size:100% 100%,240px 40px;box-shadow:inset 0 1px 1px #fffc,inset 0 -2px 2px #4f38294d;pointer-events:none}.jp2-art__rail--top{inset:0 0 auto;height:var(--rail);clip-path:polygon(0 0,100% 0,calc(100% - var(--rail)) 100%,var(--rail) 100%)}.jp2-art__rail--bottom{inset:auto 0 0;height:var(--rail);clip-path:polygon(var(--rail) 0,calc(100% - var(--rail)) 0,100% 100%,0 100%)}.jp2-art__rail--left{inset:0 auto 0 0;width:var(--rail);background-size:100% 100%,40px 240px;clip-path:polygon(0 0,100% var(--rail),100% calc(100% - var(--rail)),0 100%)}.jp2-art__rail--right{inset:0 0 0 auto;width:var(--rail);background-size:100% 100%,40px 240px;clip-path:polygon(0 var(--rail),100% 0,100% 100%,0 calc(100% - var(--rail)))}.jp2-art[data-finish=black]{--grain:linear-gradient(90deg,#252525,#353535 30%,#171717 90%)}.jp2-art[data-finish=white]{--grain:linear-gradient(90deg,#d8d5cf,#fff 30%,#e7e4de 90%)}.jp2-art[data-finish=poster],.jp2-art[data-finish=canvas]{padding:0}.jp2-art[data-finish=poster] .jp2-art__rail,.jp2-art[data-finish=canvas] .jp2-art__rail{display:none}.jp2-art[data-finish=poster]{box-shadow:1px 2px 2px #473e3324,4px 8px 10px #473e3317}.jp2-art[data-finish=canvas]{box-shadow:3px 0 #b9afa2,6px 2px #b9afa2,10px 13px 13px #40342c2e}.jp2-art[data-finish=canvas] .jp2-art__print:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 1px 0 3px #fff7,inset -3px 0 4px #0002;background:repeating-linear-gradient(0deg,#fff1 0 1px,transparent 1px 3px);opacity:.35}
.jp2__info{padding:26px 0 10px;min-width:0;align-self:start}.jp2__heading{display:flex;justify-content:space-between;gap:12px}.jp2__wishlist{flex:0 0 30px}.jp2__price{display:flex;align-items:baseline;justify-content:flex-end;gap:9px;font-size:18px;margin:12px 0 28px}.jp2__price s{font-size:15px;opacity:.55}.jp2__currency{font-size:10px;opacity:.65}.jp2__selectors{display:flex;flex-direction:column;gap:8px;margin:0 0 20px}.jp2__selector{display:grid;grid-template-columns:65px 1fr 20px;gap:12px;align-items:center;min-height:58px;padding:14px 16px;background:var(--jp2-soft);border:1px solid transparent;border-radius:12px;text-align:left;color:var(--jp2-ink);transition:background .2s,border-color .2s}.jp2__selector:hover{border-color:#bcbccf;background:#f1e9e5}.jp2__selector>span{font-size:12px}.jp2__selector strong{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:500}.jp2__selector svg{width:18px}.jp2__selector[data-kind=size]{order:0}.jp2__selector[data-kind=finish]{order:1}.jp2__selector[data-kind=other]{order:2}.jp2__swatch{display:inline-block;width:25px;height:25px;flex:0 0 25px;border-radius:4px;background:var(--jp2-soft);border:1px solid #030d421a}.jp2__swatch[data-swatch=oak]{background:#d2b27d url(joffz-oak-grain.svg) center/cover}.jp2__swatch[data-swatch=black]{background:linear-gradient(90deg,#111,#444,#111)}.jp2__swatch[data-swatch=white]{background:linear-gradient(90deg,#ddd,#fff,#ddd)}.jp2__swatch[data-swatch=poster]{background:linear-gradient(135deg,#fff 47%,#bfc0c7 49%,#fff 53%)}.jp2__swatch[data-swatch=canvas]{background:repeating-linear-gradient(0deg,#ddd5c6 0 1px,#eee9df 1px 3px)}
.jp2__form{margin:0}.jp2.is-ready .jp2__native{display:none}.jp2__native{display:block;margin-bottom:16px}.jp2__native select{width:100%;padding:12px}.jp2__atc,.jp2__primary,.jp2__outline{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none!important;text-transform:none!important;letter-spacing:0!important;font-family:var(--font-body-family)!important;font-weight:600;border-radius:999px;padding:13px 22px;line-height:1.35;box-shadow:none!important}.jp2__atc,.jp2__primary{border:1px solid var(--jp2-blue);background:var(--jp2-blue);color:#fff;transition:background .2s,transform .2s}.jp2__atc{width:100%;font-size:16px;position:relative}.jp2__atc:before,.jp2__atc:after{display:none!important}.jp2__primary:hover,.jp2__atc:hover{background:#0824b3;border-color:#0824b3;transform:translateY(-1px)}.jp2__atc:disabled{opacity:.4;transform:none}.jp2__atc.loading>span{opacity:.2}.jp2__atc .loading-overlay__spinner{position:absolute;inset:auto;width:22px;height:22px}.jp2__outline{border:1px solid var(--jp2-ink);background:transparent;color:var(--jp2-ink);font-weight:400}.jp2__outline:hover{background:var(--jp2-soft)}.jp2__pay{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;font-size:11px;padding:12px 0 21px}.jp2__pay svg{width:29px;height:19px}.jp2__pay button,.jp2__text-button{border:0;background:transparent;color:inherit;text-decoration:underline;text-underline-offset:3px;padding:0;font-size:inherit}.jp2__reassurance{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:9px;font-size:12px}.jp2__reassurance li{display:flex;align-items:center;gap:12px}.jp2__reassurance svg{width:22px;height:22px}.jp2__wall-trigger{width:100%;margin-bottom:22px}.jp2__wall-trigger svg{width:22px}.jp2__accordions{display:grid;gap:8px}.jp2__accordions details{background:var(--jp2-soft);border-radius:12px;overflow:hidden}.jp2__accordions summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 16px;cursor:pointer;list-style:none;font-size:14px}.jp2__accordions summary::-webkit-details-marker{display:none}.jp2__accordions summary svg{width:19px;height:19px;transition:transform .3s}.jp2__accordions details[open] summary svg{transform:rotate(45deg)}.jp2__details-content{padding:0 16px 20px;font-size:13px;line-height:1.7}.jp2__details-content>*+*{margin-top:12px}.jp2__details-content img{max-width:100%;height:auto}.jp2__details-content .jz-delivery{font-size:12px}.jp2__videos{margin-top:25px}.jp2__videos h2{font-size:24px;margin-bottom:12px}.jp2__video-track{display:flex;gap:12px;overflow:auto;scroll-snap-type:x mandatory}.jp2__video-card{position:relative;flex:0 0 37%;aspect-ratio:9/14;border:0;background:var(--jp2-soft);border-radius:10px;padding:0;overflow:hidden;scroll-snap-align:start}.jp2__video-card img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.jp2__video-card:hover img{transform:scale(1.035)}.jp2__video-card>span{position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:35px;height:35px;background:white;border-radius:50%}.jp2__app{margin-top:18px}.jp2__made{max-width:1440px;margin:65px auto 0;padding:38px 4vw;border-block:1px solid var(--jp2-line)}.jp2__made h2{text-align:center;margin-bottom:30px;font-size:36px}.jp2__made h2 em{font-family:"Segoe Print","Bradley Hand",cursive;font-weight:400}.jp2__made ul{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;list-style:none;margin:0;padding:0}.jp2__made li{display:grid;justify-items:center;gap:14px;text-align:center;font-size:14px}.jp2__made li svg{width:30px;height:30px}
.jp2__dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;padding:0;margin:0;border:0;background:transparent;color:var(--jp2-ink);z-index:2147483500;font:15px/1.5 var(--font-body-family,Arial,sans-serif);overflow:hidden}.jp2__dialog::backdrop{background:#030d424a;backdrop-filter:blur(2px);opacity:0;transition:opacity .3s var(--jp2-ease)}.jp2__dialog.is-visible::backdrop{opacity:1}.jp2__panel{background:var(--jp2-paper);color:var(--jp2-ink);overflow-y:auto;overscroll-behavior:contain;box-sizing:border-box}.jp2__dialog--drawer .jp2__panel{position:absolute;right:0;top:0;bottom:0;width:min(400px,100%);padding:22px 20px calc(24px + env(safe-area-inset-bottom));transform:translateX(100%);transition:transform .5s var(--jp2-ease);box-shadow:-15px 0 50px #030d421f}.jp2__dialog.is-visible .jp2__panel{transform:none;opacity:1}.jp2__panel header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:30px}.jp2__panel header h2{font-family:var(--font-body-family);font-size:17px;font-weight:500;letter-spacing:0}.jp2__panel header button,.jp2__modal-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:8px;border:0;border-radius:50%;color:var(--jp2-ink);background:var(--jp2-soft)}.jp2__option-note{font-size:12px;opacity:.7;margin-bottom:14px!important}.jp2__options{display:grid;gap:10px}.jp2__option{display:flex;align-items:center;gap:12px;min-height:70px;width:100%;padding:14px 16px;border-radius:12px;border:1px solid transparent;background:var(--jp2-soft);color:var(--jp2-ink);text-align:left;font-size:14px}.jp2__option[aria-pressed=true]{border-color:var(--jp2-ink)}.jp2__option:disabled{opacity:.42}.jp2__option-price{margin-left:auto;white-space:nowrap;text-align:right;font-size:14px}.jp2__option-price small{display:block;font-size:11px;opacity:.6}.jp2__dialog--modal{display:none;align-items:center;justify-content:center;padding:24px}.jp2__dialog--modal[open]{display:flex}.jp2__dialog--modal .jp2__panel{position:relative;width:min(650px,100%);max-height:90dvh;padding:40px 38px;border-radius:12px;opacity:0;transform:translateY(14px);transition:opacity .3s var(--jp2-ease),transform .3s var(--jp2-ease);text-align:center}.jp2__modal-close{position:absolute;top:12px;right:12px}.jp2__dialog--modal h2{font:500 22px/1.3 var(--jp2-serif);margin:8px 22px 27px}.jp2__upgrade-visual{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:260px;background:var(--jp2-soft);border-radius:12px;overflow:hidden;margin-bottom:25px}.jp2__upgrade-art{display:grid;place-items:center;padding:30px;min-height:260px;background:#e5ddd1}.jp2__upgrade-art .jp2-art{width:min(100%,180px);--rail:9px}.jp2__upgrade-visual p{padding:25px;font-size:14px;line-height:1.6}.jp2__upgrade-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.jp2__upgrade-actions button{font-size:13px;padding:13px 12px}.jp2__payment-list{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;padding:18px 0}.jp2__payment-list svg{width:56px;height:36px}.jp2__dialog--video .jp2__panel{width:min(500px,100%)}.jp2__dialog--video video{width:100%;max-height:calc(100dvh - 120px);object-fit:contain;border-radius:10px;background:var(--jp2-soft)}
.jp2__dialog--wall{display:none;padding:3vh 3vw;align-items:center;justify-content:center}.jp2__dialog--wall[open]{display:flex}.jp2__dialog--wall>.jp2__panel{width:min(1280px,100%);max-height:94dvh;padding:20px;border-radius:14px;opacity:0;transform:translateY(15px);transition:opacity .3s,transform .3s}.jp2__dialog--wall header{margin-bottom:16px}.jp2__wall-layout{display:grid;grid-template-columns:1fr 280px;gap:24px}.jp2__wall-scene{position:relative;aspect-ratio:16/11;overflow:hidden;background-color:#e9e1d3;background-image:url(/cdn/shop/files/joffzart-pdp2-room-warm-20261031.png?width=1400),url(joffz-pdp2-room-warm.svg);background-size:cover;background-position:center;border-radius:8px;isolation:isolate}.jp2__wall-scene[data-room=light]{background-image:url(/cdn/shop/files/joffzart-pdp2-room-light-20261031.png?width=1400),url(joffz-pdp2-room-light.svg)}.jp2__wall-scene:before{position:absolute;content:"";inset:0;background:var(--wall-tint,#e9e1d3);mix-blend-mode:color;pointer-events:none;opacity:.4}.jp2__wall-scene[data-room=upload]:before{display:none}.jp2__wall-placement{position:absolute;left:50%;top:35%;width:20%;transform:translate(-50%,-50%);touch-action:none;cursor:grab;perspective:1000px}.jp2__wall-placement:active{cursor:grabbing}.jp2__wall-placement .jp2-art{width:100%;--rail:clamp(3px,.55vw,9px);transform:rotateY(var(--wall-tilt,0deg));transition:none;box-shadow:3px 4px 5px #40342c3b}.jp2__wall-controls{font-size:13px;display:flex;flex-direction:column;align-items:stretch;gap:13px}.jp2__wall-controls fieldset{padding:0;margin:0;border:0}.jp2__wall-controls legend{font-size:12px;margin-bottom:8px}.jp2__wall-selection{font-weight:600}.jp2__rooms{display:flex;gap:8px}.jp2__rooms button{padding:9px 12px;border:1px solid var(--jp2-line);border-radius:7px;background:var(--jp2-soft);color:inherit;font-size:12px}.jp2__rooms button[aria-pressed=true]{border-color:var(--jp2-ink)}.jp2__colors{display:flex;gap:10px}.jp2__colors button{width:32px;height:32px;border:2px solid white;outline:1px solid var(--jp2-line);border-radius:50%;background:var(--chip)}.jp2__colors button[aria-pressed=true]{outline-color:var(--jp2-ink)}.jp2__upload{position:relative;overflow:hidden;font-size:12px;cursor:pointer}.jp2__upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.jp2__upload:focus-within{outline:2px solid var(--jp2-blue);outline-offset:3px}.jp2__small{font-size:11px;line-height:1.5;opacity:.72}.jp2__wall-controls input[type=range]{accent-color:var(--jp2-blue);width:100%;margin:0}.jp2__wall-controls .jp2__text-button{align-self:flex-start}.jp2__wall-message{font-size:12px;color:#912c33}.jp2__wall-selection{min-height:20px}
@media(min-width:990px){.jp2__info{max-width:470px}.jp2__gallery{position:sticky;top:25px;align-self:start}}@media(max-width:989px){.jp2__layout{grid-template-columns:minmax(0,1.35fr) minmax(300px,1fr);gap:28px;padding:0 20px}.jp2__gallery{--stage-height:620px}.jp2 h1{font-size:28px}.jp2__info{padding-top:15px}.jp2__wall-layout{grid-template-columns:1fr 240px}}@media(max-width:749px){.jp2__breadcrumbs{padding:10px 18px}.jp2__layout{display:block;padding:0}.jp2__gallery{--stage-height:clamp(360px,64svh,620px)}.jp2__slides{border-radius:0}.jp2__slide .jp2-art{width:min(74%,calc((var(--stage-height) - 75px)*var(--art-ratio)),var(--art-width));--rail:11px}.jp2__gallery-nav{padding:0 16px;margin-top:10px;gap:8px}.jp2__thumbs button{flex-basis:42px;height:54px}.jp2__caption{padding:10px 18px;font-size:10px}.jp2__info{padding:22px 20px 0}.jp2 h1{font-size:30px}.jp2__price{margin:12px 0 24px}.jp2__selector{min-height:58px}.jp2__reassurance{font-size:13px}.jp2__made{margin-top:40px;padding:30px 20px}.jp2__made ul{grid-template-columns:1fr 1fr;gap:30px 15px}.jp2__made h2{font-size:30px}.jp2__made li{font-size:12px}.jp2__dialog--drawer .jp2__panel{top:auto;left:0;right:0;bottom:0;width:100%;max-height:90dvh;border-radius:18px 18px 0 0;transform:translateY(100%);padding-top:18px}.jp2__panel header{margin-bottom:20px}.jp2__dialog.is-visible .jp2__panel{transform:none}.jp2__dialog--modal{padding:18px}.jp2__dialog--modal .jp2__panel{padding:40px 18px 24px}.jp2__upgrade-visual{min-height:220px}.jp2__upgrade-art{min-height:220px;padding:20px}.jp2__upgrade-visual p{padding:16px;font-size:12px}.jp2__upgrade-actions{grid-template-columns:1fr}.jp2__dialog--wall{padding:0;align-items:flex-end}.jp2__dialog--wall>.jp2__panel{padding:16px;width:100%;max-height:95dvh;border-radius:18px 18px 0 0}.jp2__wall-layout{display:block}.jp2__wall-scene{margin-bottom:18px}.jp2__wall-controls{display:grid;grid-template-columns:1fr 1fr;gap:14px 12px}.jp2__wall-selection,.jp2__wall-controls>.jp2__small,.jp2__wall-message{grid-column:1/-1}.jp2__wall-controls>label:not(.jp2__upload){font-size:12px}.jp2__wall-placement .jp2-art{--rail:4px}.jp2__dialog--video video{max-height:70dvh}.jp2__upload{padding:10px}.jp2__rooms button{padding:8px}.jp2__colors{gap:8px}.jp2__colors button{width:25px;height:25px}}
@media(prefers-reduced-motion:reduce){.jp2 *,.jp2 *:before,.jp2 *:after,.jp2__dialog::backdrop{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

body:has(joffz-pdp2) .joffz-art-pairing{color:#030d42}body:has(joffz-pdp2) .joffz-art-pairing__heading{font-family:var(--joffz-premium-serif,Georgia,serif);font-size:clamp(30px,3vw,44px);font-weight:500}body:has(joffz-pdp2) .joffz-art-pair__media{border-radius:10px;background:#f7f1ee}body:has(joffz-pdp2) .joffz-art-pair__cta{border-color:#030d42;color:#030d42}body:has(joffz-pdp2) .joffz-art-pair__link:hover .joffz-art-pair__cta{background:#0b2ddd;border-color:#0b2ddd;color:white}.quick-add-modal joffz-pdp2 .jp2__made{display:none}.quick-add-modal joffz-pdp2 .jp2__layout{padding:0 20px;gap:25px}.quick-add-modal joffz-pdp2 .jp2__gallery{position:static;--stage-height:460px}

.jp2-art[data-finish=oak] .jp2-art__rail--left,.jp2-art[data-finish=oak] .jp2-art__rail--right{--grain:url(joffz-oak-grain-vertical.svg)}

.jp2__wishlist{width:36px;flex-basis:36px}.jp2__wishlist .wk-text{display:none!important}.jp2__wishlist .wk-button{width:36px!important;min-width:36px!important;min-height:36px!important;padding:8px!important;margin:0!important}.jp2__wishlist wishlist-button-block{--button-padding:8px!important;--icon-size:20px!important;--button-margin-top:0!important;--button-min-height:36px!important;--button-margin-bottom:0!important}

.jp2-art[data-finish$="-canvas"]{padding:calc(var(--rail) + 4px);background:#27231e}.jp2-art[data-finish="oak-canvas"] .jp2-art__rail--left,.jp2-art[data-finish="oak-canvas"] .jp2-art__rail--right{--grain:url(joffz-oak-grain-vertical.svg)}.jp2-art[data-finish="black-canvas"]{--grain:linear-gradient(90deg,#252525,#353535 30%,#171717 90%)}.jp2-art[data-finish="white-canvas"]{--grain:linear-gradient(90deg,#d8d5cf,#fff 30%,#e7e4de 90%)}.jp2__swatch[data-swatch="oak-canvas"]{background:#d2b27d url(joffz-oak-grain.svg) center/cover}.jp2__swatch[data-swatch="black-canvas"]{background:#242424}.jp2__swatch[data-swatch="white-canvas"]{background:#f2efe9}

.jp2__delivery{margin:0 0 18px;font-size:12px}.jp2__delivery .jz-delivery{margin:0}

.jp2__wall-scene:before{bottom:37%}.jp2__wall-scene[data-room=light]:before{bottom:32%}.jp2__colors button:disabled{opacity:.45;cursor:not-allowed}

/* A short, anchored entrance avoids the mobile sheet travelling across the page. */
.jp2__dialog--drawer{animation:none!important;overscroll-behavior:contain}
.jp2__dialog--drawer .jp2__panel{opacity:0;transform:translate3d(28px,0,0);transition:transform .42s cubic-bezier(.22,1,.36,1),opacity .3s ease;will-change:transform,opacity;overscroll-behavior:contain;scrollbar-gutter:stable}
.jp2__dialog--drawer.is-visible .jp2__panel{opacity:1;transform:translate3d(0,0,0)}
.jp2__slides{overflow-anchor:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-width:none}
@media(max-width:749px){.jp2__dialog--drawer .jp2__panel{top:auto;bottom:0;transform:translate3d(0,28px,0)}.jp2__dialog--drawer.is-visible .jp2__panel{transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:reduce){.jp2__dialog--drawer .jp2__panel{transition:none;transform:none}}