/* The sample room uses actual listing previews in a neutral inspection space. */
.sample-room{--sample-ink:#292332;--sample-muted:#766e80;--sample-line:#e8e2ed;--sample-lilac:#e3d7f5;--sample-paper:#f7f5f1;padding-top:54px;padding-bottom:68px;color:var(--sample-ink)}
.sample-room [hidden]{display:none!important}.sample-room-header{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:48px;margin-bottom:38px}.sample-room-kicker{font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:#8b709f}.sample-room h1{font-size:clamp(36px,4.4vw,65px);line-height:1.05;margin:15px 0 20px;max-width:740px}.sample-room h1 em{font-style:normal;color:#7855a2}.sample-room-header>div>p:last-child{font-size:14px;line-height:1.8;max-width:560px;color:var(--sample-muted)}.sample-room-entry-note{padding:16px 0 4px 40px;border-inline-start:1px solid var(--sample-line);max-width:320px;justify-self:end}.sample-room-entry-note>span{display:block;color:#8eaf64;font-size:50px;line-height:1;margin-bottom:15px}.sample-room-entry-note p{font-size:17px;line-height:1.5;color:var(--sample-ink);font-weight:600;margin-bottom:18px}.sample-room-entry-note .text-link{font-size:11px}.sample-room-product-bar{display:flex;align-items:center;gap:24px;padding:18px 22px;border:1px solid var(--sample-line);border-radius:14px;margin-bottom:22px;background:white}.sample-room-product-bar>label:first-child{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.sample-room-product-bar>label:first-child>span{font-size:9px;letter-spacing:.12em;color:var(--sample-muted);font-weight:800}.sample-room select{max-width:100%;border:0;background:transparent;font:600 14px/1.5 var(--font-body,'DM Sans',sans-serif);color:var(--sample-ink);padding:5px 28px 5px 0;min-height:35px}.sample-room-product-price{display:flex;flex-direction:column;gap:3px}.sample-room-product-price>span{font-size:18px;font-weight:800}.sample-room-product-price small{font-size:9px;color:#9b6d36}.sample-room-compare-switch{display:flex;gap:8px;align-items:center;font-size:11px;font-weight:600;border-inline-start:1px solid var(--sample-line);padding-inline-start:20px;min-height:42px}.sample-room input[type=checkbox]{accent-color:#7855a2;width:16px;height:16px}.sample-room-main{display:grid;grid-template-columns:minmax(0,1fr) 282px;gap:32px}.sample-room-workspace{min-width:0}.sample-room-mode-nav{display:flex;gap:8px;padding:6px;border:1px solid var(--sample-line);border-radius:12px;background:#faf8fc;margin-bottom:14px}.sample-room-mode-nav button{display:flex;justify-content:center;align-items:center;gap:9px;flex:1;min-height:46px;padding:8px 10px;font-size:11px;font-weight:700;color:var(--sample-muted);border-radius:8px}.sample-room-mode-nav button>span{font-size:9px;font-weight:500;color:#9f90af}.sample-room-mode-nav button[aria-pressed=true]{background:var(--sample-ink);color:white;box-shadow:0 3px 8px #29233212}.sample-room-mode-nav button[aria-pressed=true]>span{color:#d0b9e6}.sample-room-stage-card{min-width:0;border:1px solid var(--sample-line);border-radius:16px;overflow:hidden;background:#f4f3f1}.sample-room-stage-top{display:flex;justify-content:space-between;gap:12px;padding:15px 19px;font-size:10px;color:#6a626e;border-bottom:1px solid #e9e5e0;background:#faf9f7}.sample-room-stage-status{font-size:8px;font-weight:700;letter-spacing:.1em;display:flex;align-items:center;gap:6px;white-space:nowrap}.sample-room-stage-status i{width:5px;height:5px;border-radius:50%;background:#9bb281}.sample-room-viewport{height:clamp(330px,42vw,610px);min-height:0;position:relative;display:grid;place-items:center;overflow:hidden;outline-offset:-5px;background:radial-gradient(ellipse at 50% 50%,#fbfbfa 0,#f3f2f0 72%);touch-action:pan-y}.sample-room-viewport.is-inspecting{cursor:grab;touch-action:none}.sample-room-viewport.is-inspecting:active{cursor:grabbing}.sample-room-visual{width:min(92%,580px);height:92%;display:grid;place-items:center;transform-origin:center;will-change:transform;user-select:none;pointer-events:none}.sample-room-image{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}.sample-room-catalogue{width:100%;height:100%;display:grid;place-items:center}.sample-room-catalogue .product-photo{width:100%;height:100%;aspect-ratio:1;border-radius:4px}.sample-room-catalogue .product-photo.custom{padding:0;background:transparent}.sample-room-catalogue .product-photo.custom img{box-shadow:none}.sample-room-focus-mark{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:.14em;color:#91888d;padding:6px 10px;background:#ffffffae;border-radius:30px;pointer-events:none;white-space:nowrap}.sample-room-stage-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 15px;background:#faf9f7;border-top:1px solid #e9e5e0;min-height:65px}.sample-room-stage-bottom>span:first-child{font-size:12px;padding-inline:6px;color:#85798c}.sample-room-zoom{display:flex;align-items:center;gap:3px;flex-wrap:wrap}.sample-room-zoom button{min-width:38px;min-height:40px;border:1px solid transparent;border-radius:6px;font-size:20px}.sample-room-zoom button:hover:not(:disabled){background:#e9e1f0;border-color:#ddd0e9}.sample-room-zoom button:disabled{cursor:default;opacity:.3}.sample-room-zoom output{font-size:11px;min-width:47px;text-align:center;font-variant-numeric:tabular-nums;color:#6d6175}.sample-room-zoom .sample-room-reset{font-size:10px;min-width:65px;padding-inline:10px;border-inline-start:1px solid #e8e0ec;margin-inline-start:7px;border-radius:0}.sample-room-preview-count{font-size:10px;color:#93889c;white-space:nowrap;padding-inline:4px;font-variant-numeric:tabular-nums}.sample-room-preview-note{font-size:10px;line-height:1.65;color:#887b91;margin:10px 4px 17px;max-width:780px;min-height:33px}.sample-room-views{display:flex;gap:10px;overflow:auto;padding:3px 3px 12px;scrollbar-width:thin;scrollbar-color:#b3a1c4 transparent}.sample-room-views button{width:88px;flex:0 0 88px;padding:5px;border:1px solid var(--sample-line);border-radius:9px;background:white;display:flex;flex-direction:column;gap:6px;min-height:105px}.sample-room-views button[aria-pressed=true]{border-color:#8a6caa;box-shadow:0 0 0 1px #8a6caa;background:#fcf9ff}.sample-room-views button>span{width:100%;height:66px;background:#f4f3f1;border-radius:5px;overflow:hidden}.sample-room-views b{font-size:8px;font-weight:600;line-height:1.4;color:#6b5e73}.sample-room-views .sample-room-catalogue .product-photo{height:100%}.sample-room-detail{padding-top:13px;min-width:0}.sample-room-item-heading{padding:4px 0 22px;border-bottom:1px solid var(--sample-line)}.sample-room-item-heading h2{font-size:27px;line-height:1.2;letter-spacing:-.04em;margin:10px 0 15px;overflow-wrap:anywhere}.sample-room-item-heading p{font-size:11px;line-height:1.8;color:var(--sample-muted)}.sample-room-options{padding:22px 0;border-bottom:1px solid var(--sample-line)}.sample-room-options h3,.sample-room-next h3{font-size:14px;letter-spacing:-.02em;margin-bottom:12px}.sample-room-option-note{font-size:10px;color:#8b7d95;line-height:1.7;margin-top:10px}.sample-room-colours{display:flex;flex-wrap:wrap;gap:7px}.sample-room-colours button{display:flex;align-items:center;gap:6px;font-size:10px;border:1px solid var(--sample-line);border-radius:25px;padding:7px 10px;min-height:38px}.sample-room-colours button[aria-pressed=true]{border-color:#795299;background:#f4eefb}.sample-room-colours button>i{display:block;background:var(--swatch);width:17px;height:17px;flex-shrink:0;border:1px solid #0002;border-radius:50%}.sample-room-colours button:disabled{cursor:default;opacity:.4}.sample-room-sides{display:flex;gap:7px;margin-top:17px}.sample-room-sides button{min-height:40px;padding:9px 12px;background:#f5f0f9;border:1px solid #e7deed;border-radius:7px;font-size:10px;flex:1}.sample-room-sides button:disabled{background:#fafafa;color:#aaa;border-style:dashed;cursor:default;opacity:.65}.sample-room-next{padding-top:24px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.sample-room-next h3{margin:0}.sample-room-next>.btn{width:100%;font-size:12px;min-height:48px}.sample-room-next>.text-link{font-size:10px;align-self:center}.sample-room-next p{font-size:9px;line-height:1.8;color:#96879e;margin-top:3px}.sample-room-empty{border:1px solid var(--sample-line);border-radius:18px;padding:40px;margin:30px 0;max-width:760px;background:#faf8fc}.sample-room-empty h2{font-size:27px;margin-bottom:16px}.sample-room-empty p{font-size:14px;line-height:1.8;margin-bottom:24px}.sample-room-stage-layout.is-comparing{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sample-room-stage-layout.is-comparing .sample-room-viewport{height:340px}.sample-room-stage-layout.is-comparing .sample-room-stage-status{display:none}.sample-room-comparison{border:1px solid var(--sample-line);border-radius:16px;overflow:hidden;background:#f9f6fc;min-width:0;display:flex;flex-direction:column;padding:16px}.sample-room-comparison-label{font-size:8px;font-weight:800;letter-spacing:.14em;color:#967ca8}.sample-room-comparison>label{display:flex;flex-direction:column;gap:2px;font-size:10px;margin-top:12px;color:#796c83}.sample-room-comparison select{width:100%;font-size:11px;padding-inline:0;min-height:35px;text-overflow:ellipsis}.sample-room-comparison-art{min-height:240px;flex:1;display:grid;place-items:center}.sample-room-comparison-art>.sample-room-image,.sample-room-comparison-art>.sample-room-catalogue{height:100%;max-height:290px;width:100%}.sample-room-comparison-caption{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--sample-line)}.sample-room-comparison-caption strong{font-size:12px;overflow-wrap:anywhere}.sample-room-comparison-caption>span{font-size:12px}.sample-room-comparison-caption>.text-link{font-size:9px;margin-top:4px}.sample-room-image-error{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:35px;background:#f2edf7;font-size:13px;color:#695574;text-align:center}.sample-room-image-error button{font-weight:700;text-decoration:underline;min-height:44px}.sample-room-room-scene{height:clamp(330px,42vw,610px);position:relative;overflow:hidden;background:linear-gradient(90deg,#c3c0b9 0,#e6e3db 45%,#e6e3db 73%,#d8d4ca 100%)}.sample-room-wall-line{position:absolute;inset:0 0 auto;height:76%;border-bottom:7px solid #cec8be;box-shadow:0 5px 8px #44342114}.sample-room-window-light{position:absolute;inset:-10% -15% 0 35%;background:linear-gradient(100deg,transparent 0 18%,#fff8 19% 35%,transparent 36% 39%,#fff8 40% 55%,transparent 56%);transform:skewY(-15deg);filter:blur(1px);opacity:.5}.sample-room-bench{position:absolute;inset:76% 0 0;background:linear-gradient(#c5ad8a 0,#c5ad8a 5%,#977f5d 6%,#ac9272 11%,#7b6348 100%);box-shadow:0 -4px 18px #4a382022}.sample-room-bench:after{content:'';position:absolute;inset:12% 20% 0 8%;background:repeating-linear-gradient(1deg,#0000 0 5px,#4d322708 6px 7px)}.sample-room-room-product{position:absolute;z-index:2;left:50%;top:16%;width:var(--display-width);aspect-ratio:var(--display-ratio);transform:translateX(-50%);filter:drop-shadow(10px 12px 10px #3f302c42)}.sample-room-room-product>.sample-room-image,.sample-room-room-product>.sample-room-catalogue{height:100%;width:100%;object-fit:contain;background:#eeece7}.sample-room-room-scene.is-wall-art .sample-room-room-product{border:7px solid #f4f0e9;box-shadow:inset 0 0 3px #0003;max-height:60%;max-width:80%}.sample-room-room-scene.is-object .sample-room-room-product{top:35%;width:40%;aspect-ratio:1;max-height:45%}.sample-room-room-scene.is-object .sample-room-room-product>.sample-room-image{border:6px solid #f3f0e9;border-radius:8px}.sample-room-vase{position:absolute;z-index:2;bottom:23%;left:12%;width:8%;height:17%;border-radius:25% 25% 42% 42%;background:linear-gradient(90deg,#a89877,#d0c1a0 50%,#b6a78a);box-shadow:7px 8px 12px #44342124}.sample-room-vase:before{content:'';position:absolute;bottom:90%;left:50%;width:4%;height:150%;background:#6e7b51;transform:rotate(-13deg);transform-origin:bottom}.sample-room-vase:after{content:'';position:absolute;bottom:140%;left:-15%;width:60%;height:45%;border-radius:0 100% 0 100%;background:#86936a;transform:rotate(20deg)}.sample-room-scene-label{position:absolute;z-index:3;inset:auto 12px 12px auto;background:#ffffffe0;border:1px solid #ffffff90;border-radius:5px;padding:5px 9px;font-size:9px;color:#716651;max-width:70%}.sample-room-calibration{padding:20px 0;border-bottom:1px solid var(--sample-line)}.sample-room-calibration>span{font-size:8px;font-weight:800;letter-spacing:.12em;color:#8a709b}.sample-room-calibration>p{font-size:10px;line-height:1.8;margin:10px 0;color:#897a94}.sample-room-measurements{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0}.sample-room-measurements>label{display:flex;flex-direction:column;gap:6px;font-size:9px;color:#7d6b88}.sample-room-measurements>label:first-child{grid-column:1/-1}.sample-room-measurements input{width:100%;padding:9px;border:1px solid var(--sample-line);border-radius:6px;min-height:40px;background:white;font-size:12px}.sample-room-calibration .btn{font-size:10px;width:100%}.sample-room-calibration>small{font-size:8px;color:#9a8aa4;line-height:1.7;display:block;margin-top:10px}.sample-room-calibration p.sample-room-measurement-error{color:#a14343}.sample-room-footer-note{margin-top:60px;background:#e3eadb;border-radius:18px;padding:34px;display:flex;align-items:center;gap:27px}.sample-room-footer-note>span{font-size:48px;color:#6e884f;align-self:flex-start}.sample-room-footer-note>div{flex:1}.sample-room-footer-note h2{font-size:27px;line-height:1.2;margin-bottom:12px}.sample-room-footer-note p{font-size:12px;line-height:1.7;color:#6c7863;max-width:550px}.sample-room-footer-note>.btn{font-size:11px;background:transparent;border-color:#81996c;white-space:nowrap}.sample-room :focus-visible{outline:3px solid #9170b2;outline-offset:3px}.sample-room .sample-room-viewport:focus-visible{outline-offset:-4px}html[lang=ar] .sample-room h1{line-height:1.4}html[lang=ar] .sample-room h2{line-height:1.55}html[lang=ar] .sample-room-kicker,html[lang=ar] .sample-room-stage-status,html[lang=ar] .sample-room-entry-note,html[lang=ar] .sample-room-calibration>span{letter-spacing:0}html[lang=ar] .sample-room select{padding-inline:0 28px}html[lang=ar] .sample-room-item-heading h2{font-size:25px}html[lang=ar] .sample-room-mode-nav button{font-size:12px}html[lang=ar] .sample-room-views b{font-size:10px}html[lang=ar] .sample-room-options h3{font-size:16px}
@media(max-width:1100px){.sample-room-main{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.sample-room-header{gap:30px}.sample-room-entry-note{padding-inline-start:25px}.sample-room-stage-layout.is-comparing{grid-template-columns:1fr}.sample-room-stage-layout.is-comparing .sample-room-viewport{height:410px}.sample-room-comparison-art{max-height:290px}.sample-room-comparison{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sample-room-comparison-art{grid-column:2;grid-row:1/4}.sample-room-comparison-caption{align-self:end}.sample-room-footer-note{flex-wrap:wrap}.sample-room-footer-note>.btn{margin-inline-start:auto}.sample-room-footer-note>div{flex-basis:75%}}
@media(max-width:760px){.sample-room{padding-top:30px;padding-bottom:36px}.sample-room-header{display:block;margin-bottom:25px}.sample-room h1{font-size:40px;line-height:1.1;margin-bottom:16px}.sample-room-header>div>p:last-child{font-size:12px}.sample-room-entry-note{display:none}.sample-room-product-bar{padding:14px;gap:12px;flex-wrap:wrap;border-radius:11px;margin-bottom:17px}.sample-room-product-bar>label:first-child{flex-basis:calc(100% - 100px)}.sample-room select{font-size:12px}.sample-room-product-price>span{font-size:15px}.sample-room-compare-switch{border:0;padding:0;min-height:36px;font-size:10px}.sample-room-main{grid-template-columns:minmax(0,1fr);gap:20px}.sample-room-mode-nav{gap:3px;padding:4px;margin-bottom:10px}.sample-room-mode-nav button{font-size:10px;padding:7px 5px;min-height:45px;gap:6px}.sample-room-mode-nav button>span{font-size:8px}.sample-room-stage-top{padding:12px;font-size:9px}.sample-room-stage-status{font-size:7px}.sample-room-viewport,.sample-room-room-scene{height:min(108vw,470px);min-height:300px}.sample-room-stage-layout.is-comparing .sample-room-viewport{height:360px}.sample-room-stage-bottom{padding:8px 10px;min-height:60px}.sample-room-preview-note{font-size:9px;line-height:1.8;margin:9px 2px 15px}.sample-room-views{gap:9px;padding-bottom:9px}.sample-room-views button{flex-basis:77px;width:77px;min-height:96px}.sample-room-views button>span{height:59px}.sample-room-detail{padding-top:4px;display:grid;grid-template-columns:minmax(0,1fr);gap:0}.sample-room-item-heading{padding-bottom:20px}.sample-room-item-heading h2{font-size:25px;margin-bottom:12px}.sample-room-item-heading p{font-size:11px}.sample-room-options{padding-block:20px}.sample-room-colours button{font-size:11px;min-height:42px}.sample-room-option-note{font-size:10px}.sample-room-sides button{min-height:44px}.sample-room-next{padding-top:22px}.sample-room-next h3{font-size:16px}.sample-room-next p{font-size:10px}.sample-room-next>.text-link{font-size:11px;min-height:35px}.sample-room-calibration>span{font-size:9px}.sample-room-calibration>p{font-size:11px}.sample-room-measurements{grid-template-columns:1fr 1fr 1fr;gap:8px}.sample-room-measurements>label:first-child{grid-column:auto}.sample-room-measurements>label{font-size:9px}.sample-room-calibration>small{font-size:9px}.sample-room-footer-note{margin-top:36px;padding:24px;gap:15px}.sample-room-footer-note>span{font-size:34px}.sample-room-footer-note>div{flex-basis:75%}.sample-room-footer-note h2{font-size:24px}.sample-room-footer-note p{font-size:11px}.sample-room-footer-note>.btn{margin:4px 0 0;white-space:normal;width:100%}.sample-room-empty{padding:25px}.sample-room-empty h2{font-size:24px}.sample-room-empty p{font-size:12px}.sample-room-comparison{grid-template-columns:1fr 1fr;padding:13px;gap:8px}.sample-room-comparison-art{min-height:190px}.sample-room-comparison-label{font-size:7px}.sample-room-comparison-caption strong{font-size:11px}.sample-room-comparison select{font-size:10px}html[lang=ar] .sample-room h1{font-size:36px}html[lang=ar] .sample-room-mode-nav button{font-size:11px}html[lang=ar] .sample-room-mode-nav button>span{display:none}}
@media(prefers-reduced-motion:reduce){.sample-room *{scroll-behavior:auto!important;transition:none!important}}