/* A tactile material picker with native radio groups and a live, sticky preview. */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.screen-reader-text:focus{clip:auto!important;clip-path:none;display:block;width:auto;height:auto;inset-inline-start:12px;top:12px;z-index:100;padding:12px;background:var(--forest);color:#fffaf2}
.creation-page{max-width:1440px;margin:auto;padding:64px var(--page-gutter) 100px}.creation-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:0 110px;align-items:end;margin-bottom:47px;padding-bottom:39px;border-bottom:1px solid var(--line)}.creation-heading>.eyebrow{grid-column:1/-1;margin-bottom:20px}.creation-heading h1{font-size:clamp(50px,5.4vw,76px);line-height:1.03;max-width:18ch;margin:0}.creation-heading>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:325px;margin:0 0 7px}.creation-workbench{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:70px;align-items:start}.creation-controls{min-width:0}.creation-step{border:0;padding:0;margin:0 0 34px;min-inline-size:0}.creation-step legend{padding:0;margin:0 0 20px;width:100%;font-size:12px;line-height:1.7;font-weight:500;color:var(--ink)}.creation-step legend>span{font-size:9px;letter-spacing:.08em;color:var(--copper);margin-inline-end:16px;font-weight:400}.blank-choice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.blank-choice{position:relative;display:flex;flex-direction:column;min-width:0;cursor:pointer;border:1px solid #d5c5ad;background:#f0e5d4;transition:border-color .2s,background .2s}.blank-choice input,.creation-wood input{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden;margin:0;padding:0;clip:rect(0,0,0,0);clip-path:inset(50%)}.blank-choice-image{display:grid;place-items:center;aspect-ratio:1.13;overflow:hidden;position:relative;padding:7px}.blank-choice-image .gs-mockup{width:100%;height:100%;display:block;filter:none}.blank-choice-image .gs-mockup>g[filter]{filter:none}.blank-choice-image .gs-mockup>g:last-child{display:none}.blank-choice-image .gs-real-product{width:100%;height:100%;object-fit:contain}.blank-choice-title{display:block;text-align:center;font-size:10px;line-height:1.6;color:var(--muted);padding:0 7px 13px;min-height:32px}.blank-choice-image:after{content:'';position:absolute;top:9px;inset-inline-end:9px;width:11px;height:11px;border:1px solid #b8a07f;border-radius:50%;background:#faf4e980}.blank-choice:has(input:checked){border-color:var(--copper);background:#eadbc2}.blank-choice input:checked~.blank-choice-image:after{border-color:var(--forest);background:var(--forest);box-shadow:inset 0 0 0 2px #f9f1e3}.blank-choice input:checked~.blank-choice-title{color:var(--forest);font-weight:500}.blank-choice:hover{border-color:#a68a66}.blank-choice:focus-within,.creation-wood:focus-within{outline:2px solid var(--copper);outline-offset:4px}.creation-woods{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px}.creation-wood{display:flex;flex-direction:column;align-items:center;min-width:0;position:relative;cursor:pointer}.creation-wood img{width:100%;aspect-ratio:1.2;height:auto;object-fit:cover;border:2px solid transparent;outline:1px solid transparent;outline-offset:2px}.creation-wood>span{margin-top:10px;font-size:10px;line-height:1.7;color:var(--muted);text-align:center}.creation-wood input:checked~img{outline-color:var(--copper);border-color:var(--ivory)}.creation-wood input:checked~span{color:var(--forest);font-weight:500}.creation-wood:hover img{outline-color:#b9a082}.creation-size{margin-bottom:0}.creation-size select{appearance:auto;display:block;width:100%;min-height:49px;border:1px solid var(--line);border-radius:1px;background:#fcf7ef;color:var(--ink);padding:12px 15px;font-size:12px}.creation-size>p{font-size:10px;line-height:1.85;color:var(--muted);max-width:520px;margin:15px 0 0}.creation-preview{position:sticky;top:117px;background:#ece0cd;border:1px solid #d8c6aa;padding:25px;min-width:0}.creation-preview>.eyebrow{font-size:9px;letter-spacing:.12em;margin:0 0 15px}.creation-preview #creation-board-preview{position:relative;aspect-ratio:1.3;background:radial-gradient(ellipse at center,#f5ecdf,#e6d6bd);margin-inline:-8px;overflow:hidden}.creation-preview #creation-board-preview>.gs-mockup,.creation-preview #creation-board-preview>.gs-real-product{width:100%;height:100%;display:block;object-fit:contain}.creation-selection{padding-top:24px;margin-bottom:24px;border-top:1px solid #c6af8f66}.creation-selection h2{font-size:34px;line-height:1.07;margin:0 0 11px;max-width:18ch}.creation-selection p{font-size:10px;color:var(--muted);line-height:1.7;margin:0 0 15px}.creation-selection strong{display:block;font-size:25px;line-height:1.1;font-weight:400;color:var(--forest)}.creation-preview .button{width:100%;min-height:52px;justify-content:space-between;padding-inline:19px;font-size:12px}.creation-preview .button:disabled{opacity:.4;cursor:not-allowed}.creation-availability{margin:14px 0 0;font-size:10px;line-height:1.8;color:#83513d}.creation-availability:empty{display:none}.creation-reassurance{font-size:9px;line-height:1.8;color:var(--muted);margin:17px 0 0;max-width:320px}body:lang(ar) .creation-heading h1{font-size:clamp(37px,4vw,54px);line-height:1.6;letter-spacing:0;max-width:17ch}body:lang(ar) .creation-step legend>span{letter-spacing:0}body:lang(ar) .creation-selection h2{font-size:27px;line-height:1.65;max-width:none}body:lang(ar) .creation-preview>.eyebrow{letter-spacing:0}
@media(max-width:1200px){.creation-heading{gap:0 65px}.creation-workbench{gap:45px}.blank-choice-grid{gap:11px}.blank-choice-title{font-size:9px}.creation-woods{gap:11px}.creation-wood>span{font-size:9px}.creation-preview{padding:22px}.creation-selection h2{font-size:31px}.creation-preview #creation-board-preview{aspect-ratio:1.15}}
@media(max-width:1000px){.creation-page{padding-top:51px}.creation-heading h1{font-size:60px}.creation-heading{gap:0 40px}.creation-workbench{gap:30px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.blank-choice-grid{gap:9px}.blank-choice-title{font-size:8px;padding-inline:4px;padding-bottom:10px;min-height:29px}.blank-choice-image{padding:4px}.blank-choice-image:after{width:9px;height:9px;top:6px;inset-inline-end:6px}.creation-woods{gap:9px}.creation-wood>span{font-size:8px}.creation-preview{top:104px;padding:19px}.creation-selection h2{font-size:29px}.creation-preview>.eyebrow{font-size:8px}.creation-selection strong{font-size:23px}.creation-preview .button{font-size:10px}.creation-step legend{font-size:11px}.creation-size select{font-size:11px}}
@media(max-width:760px){.creation-heading{display:block;margin-bottom:34px;padding-bottom:29px}.creation-heading h1{font-size:57px;max-width:19ch;margin-bottom:21px}.creation-heading>p{font-size:11px;max-width:420px;margin:0}.creation-workbench{grid-template-columns:1fr;gap:30px}.blank-choice-grid{gap:13px}.blank-choice-image{aspect-ratio:1.2;padding:8px}.blank-choice-title{font-size:10px;padding-bottom:12px;min-height:34px}.creation-woods{gap:15px}.creation-wood>span{font-size:10px}.creation-step legend{font-size:12px}.creation-step{margin-bottom:30px}.creation-size{margin-bottom:0}.creation-preview{position:relative;top:0;padding:25px;display:grid;grid-template-columns:1.1fr .9fr;gap:0 25px;align-items:start}.creation-preview>.eyebrow{grid-column:2;grid-row:1;font-size:8px;margin-bottom:14px}.creation-preview #creation-board-preview{grid-column:1;grid-row:1/3;aspect-ratio:1.15;margin:0;align-self:stretch}.creation-selection{grid-column:2;grid-row:2;border:0;padding:0;margin-bottom:24px}.creation-selection h2{font-size:32px}.creation-selection p{margin-bottom:15px;font-size:10px}.creation-selection strong{font-size:26px}.creation-preview .button{grid-column:1/-1;min-height:49px;font-size:11px}.creation-availability,.creation-reassurance{grid-column:1/-1;max-width:none}.creation-reassurance{font-size:9px;margin-top:15px}.creation-size select{font-size:13px}.creation-size>p{font-size:9px}}
@media(max-width:480px){.creation-page{padding-top:37px;padding-bottom:62px}.creation-heading{margin-bottom:29px;padding-bottom:26px}.creation-heading>.eyebrow{font-size:8px;margin-bottom:18px}.creation-heading h1{font-size:48px;line-height:1.03;max-width:17ch;margin-bottom:18px}.creation-heading>p{font-size:11px;line-height:1.9;max-width:315px}.creation-step{margin-bottom:26px}.creation-step legend{font-size:11px;margin-bottom:16px}.creation-step legend>span{font-size:8px;margin-inline-end:12px}.blank-choice-grid{gap:10px}.blank-choice-image{aspect-ratio:1.1;padding:4px}.blank-choice-title{font-size:9px;line-height:1.5;padding:0 4px 10px;min-height:34px}.blank-choice-image:after{width:8px;height:8px;top:6px;inset-inline-end:6px}.creation-woods{gap:8px}.creation-wood>span{font-size:8px;margin-top:8px}.creation-wood img{aspect-ratio:1.03}.creation-size select{font-size:16px;min-height:49px;padding-inline:12px}.creation-size>p{font-size:9px;line-height:1.8;margin-top:13px}.creation-preview{padding:18px;gap:0 17px;grid-template-columns:1.08fr .92fr}.creation-preview>.eyebrow{font-size:7px;line-height:1.8;margin-bottom:10px}.creation-preview #creation-board-preview{aspect-ratio:1.04}.creation-selection{margin-bottom:19px}.creation-selection h2{font-size:26px;line-height:1.06;margin-bottom:10px}.creation-selection p{font-size:8px;line-height:1.7;margin-bottom:11px}.creation-selection strong{font-size:23px}.creation-preview .button{font-size:10px;min-height:48px;padding-inline:15px}.creation-reassurance{font-size:8px;margin-top:13px}.creation-availability{font-size:9px}body:lang(ar) .creation-heading h1{font-size:34px;line-height:1.6;max-width:17ch}body:lang(ar) .creation-selection h2{font-size:20px;line-height:1.65}body:lang(ar) .blank-choice-title{font-size:8px;line-height:1.7}body:lang(ar) .creation-step legend{font-size:11px}}
@media(max-width:360px){.creation-heading h1{font-size:44px}.blank-choice-grid{gap:8px}.blank-choice-title{font-size:8px;min-height:32px}.creation-woods{gap:7px}.creation-wood>span{font-size:7px}.creation-preview{padding:16px;gap:0 14px}.creation-selection h2{font-size:24px}.creation-selection p{font-size:7px}.creation-selection strong{font-size:21px}}
@media(prefers-reduced-motion:reduce){.blank-choice,.blank-choice img,.creation-wood img{transition:none}}