:root{--grey:#ab9a8f;--choc:#7b453d;--beige:#a97d6a;--vanilla:#e6c6b1;--plaster:#f7eee7;--plaster-2:#f0e1d6;--sand:#e6c6b1;--line:#e0cbbd;--walnut:#7b453d;--ink:#3a231e;--ash:#7a675e;--brass:#c39b66;--brass-2:#99733f;--night:#2e1d19;--night-2:#3d2822;--cream:#fcf7f2;--ok:#3f7a52;--f-brand:"Aref Ruqaa","IBM Plex Sans Arabic",serif;--f-display:"Aref Ruqaa","IBM Plex Sans Arabic",serif;--f-body:"IBM Plex Sans Arabic",system-ui,-apple-system,"Segoe UI",sans-serif;--f-latin:"Jost",system-ui,sans-serif;--radius:14px;--wrap:1200px;color-scheme:light}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}body{background:var(--plaster);color:var(--ink);font-family:var(--f-body);margin:0;font-size:16px;line-height:1.75}img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--brass);outline-offset:3px}h1,h2{font-family:var(--f-display);color:var(--walnut);text-wrap:balance;margin:0;font-weight:700;line-height:1.35}h3{font-family:var(--f-body);color:var(--walnut);margin:0;font-weight:600;line-height:1.4}h1{font-size:clamp(34px,5vw,62px)}h2{font-size:clamp(26px,3.2vw,40px)}h3{font-size:21px}p{margin:0}.wrap{max-width:var(--wrap);margin:0 auto;padding-inline:20px}.eyebrow{color:var(--brass-2);align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:28px;height:1px}.lead{color:var(--ash);max-width:60ch;font-size:18px}.btn{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 24px;font-weight:600;text-decoration:none;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--walnut);color:var(--cream)}.btn-primary:hover{background:#5a3a26}.btn-ghost{background:0 0;border-color:currentColor}.btn-light{background:var(--cream);color:var(--walnut)}section{padding-block:clamp(64px,9vw,110px)}.sec-head{flex-direction:column;gap:12px;margin-bottom:40px;display:flex}.sec-head.center{text-align:center;align-items:center}.sec-head.center .lead{margin-inline:auto}.site-header{z-index:40;-webkit-backdrop-filter:saturate(1.2)blur(10px);background:#f7eee7e0;border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.site-header.scrolled{border-color:var(--line)}.hdr{align-items:center;gap:28px;height:72px;display:flex}.logo{align-items:baseline;gap:10px;text-decoration:none;display:flex}.logo b{font-family:var(--f-brand);color:var(--walnut);font-size:34px;font-weight:700;line-height:1}.logo span{font-family:var(--f-latin);color:var(--ash);letter-spacing:.42em;font-size:12px;font-weight:400}.nav{gap:26px;margin-inline-start:12px;display:flex}.nav a{color:var(--ash);border-bottom:1.5px solid #0000;padding-block:6px;font-size:15px;font-weight:500;text-decoration:none}.nav a:hover,.nav a[aria-current=page]{color:var(--walnut);border-color:var(--brass)}.hdr-tools{align-items:center;gap:8px;margin-inline-start:auto;display:flex}.icon-btn{border:1px solid var(--line);background:var(--cream);border-radius:50%;place-items:center;width:42px;height:42px;text-decoration:none;display:inline-grid;position:relative}.icon-btn svg{width:19px;height:19px}.icon-btn .count{top:-3px;background:var(--brass);color:#fff;text-align:center;border-radius:9px;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:600;line-height:18px;position:absolute;inset-inline-end:-3px}.menu-btn{display:none}@media (width<=900px){.nav{background:var(--plaster);border-bottom:1px solid var(--line);flex-direction:column;gap:0;margin:0;padding:8px 20px 16px;display:none;position:fixed;inset:72px 0 auto}.nav.open{display:flex}.nav a{border-bottom:1px solid var(--line);padding-block:12px}.menu-btn{display:inline-grid}}.hero{background:var(--night);align-items:flex-end;min-height:min(88vh,820px);padding:0;display:flex;position:relative;overflow:hidden}.hero img.bg{object-fit:cover;object-position:40% 55%;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.hero:after{content:"";background:linear-gradient(270deg,#2e1d19c7 0%,#2e1d1973 38%,#2e1d1900 70%),linear-gradient(#2e1d1900 55%,#2e1d198c);position:absolute;inset:0}.hero .wrap{z-index:1;width:100%;padding-block:clamp(48px,8vw,96px);position:relative}.hero-copy{max-width:560px;color:var(--cream);flex-direction:column;gap:20px;display:flex}.hero-copy h1{color:var(--cream)}.hero-copy .lead{color:#e8dccb}.hero-copy .eyebrow{color:#e0bf87}.hero-ctas{flex-wrap:wrap;gap:12px;margin-top:6px;display:flex}.hero-note{color:#d9c1b1;font-size:13px}.steps{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.step{border-top:1px solid var(--line);flex-direction:column;gap:10px;padding-top:22px;display:flex}.step .n{font-family:var(--f-latin);color:var(--brass);font-size:40px;line-height:1}.step p{color:var(--ash)}@media (width<=760px){.steps{grid-template-columns:1fr}}.grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}@media (width<=1000px){.grid{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.grid{grid-template-columns:repeat(2,1fr);gap:14px}}.card{flex-direction:column;gap:10px;text-decoration:none;display:flex}.card .ph{border-radius:var(--radius);background:var(--plaster-2);aspect-ratio:1;position:relative;overflow:hidden}.card .ph img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.card:hover .ph img{transform:scale(1.04)}.card .no{top:10px;font-family:var(--f-latin);color:var(--walnut);background:#fbf8f3d9;border-radius:999px;padding:1px 10px;font-size:14px;position:absolute;inset-inline-start:10px}.card .meta{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.card h3{font-size:19px}.card .en{font-family:var(--f-latin);color:var(--ash);font-size:15px}.card .price{color:var(--ash);font-size:14px}.card .price b{color:var(--ink);font-weight:600}.filters{flex-wrap:wrap;gap:8px;margin-bottom:28px;display:flex}.chip{border:1px solid var(--line);background:var(--cream);border-radius:999px;padding:7px 18px;font-size:14px}.chip[aria-pressed=true]{background:var(--walnut);color:var(--cream);border-color:var(--walnut)}.split{grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(28px,5vw,72px);display:grid}.split .copy{flex-direction:column;gap:18px;display:flex}.split .media{background:var(--night);border-radius:20px;overflow:hidden}.checks{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.checks li{align-items:flex-start;gap:10px;display:flex}.checks li:before{content:"";background:var(--brass);flex:none;width:14px;height:1.5px;margin-top:10px}@media (width<=860px){.split{grid-template-columns:1fr}}.dark{background:var(--night);color:#f3e4d8}.dark h2,.dark h3{color:var(--cream)}.dark .lead{color:#cdb6a8}.woods{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.wood{flex-direction:column;gap:10px;display:flex}.wood .sw{border-radius:var(--radius);height:130px;box-shadow:inset 0 0 0 1px #0000000f}.wood p{color:var(--ash);font-size:15px}@media (width<=720px){.woods{grid-template-columns:1fr}}.faq{max-width:820px}.faq details{border-bottom:1px solid var(--line);padding-block:18px}.faq summary{cursor:pointer;font-family:var(--f-display);color:var(--walnut);justify-content:space-between;gap:16px;font-size:19px;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-family:var(--f-body);color:var(--brass);font-size:22px;line-height:1}.faq details[open] summary:after{content:"−"}.faq details p{color:var(--ash);margin-top:10px}.pdp{grid-template-columns:1.1fr .9fr;gap:clamp(24px,5vw,64px);padding-block:40px 80px;display:grid}.pdp .gallery img{aspect-ratio:1;object-fit:cover;border-radius:20px;width:100%;height:auto}.pdp .info{flex-direction:column;align-self:start;gap:20px;display:flex;position:sticky;top:96px}.pdp .price{font-size:26px;font-family:var(--f-display);color:var(--walnut)}.opt{flex-direction:column;gap:10px;display:flex}.opt>span{color:var(--ash);font-size:14px}.opts{flex-wrap:wrap;gap:8px;display:flex}.opts label{position:relative}.opts input{opacity:0;cursor:pointer;position:absolute;inset:0}.opts .o{border:1px solid var(--line);background:var(--cream);border-radius:12px;align-items:center;gap:8px;padding:9px 14px;font-size:14px;display:flex}.opts input:checked+.o{border-color:var(--walnut);box-shadow:inset 0 0 0 1px var(--walnut)}.opts input:focus-visible+.o{outline:2px solid var(--brass);outline-offset:2px}.opts .o i{border-radius:50%;width:18px;height:18px;box-shadow:inset 0 0 0 1px #00000026}.qty{border:1px solid var(--line);background:var(--cream);border-radius:999px;align-items:center;display:inline-flex}.qty button{background:0 0;border:0;width:40px;height:44px;font-size:18px}.qty output{text-align:center;min-width:28px}.buy{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.specs{grid-template-columns:auto 1fr;gap:6px 18px;margin:0;font-size:14px;display:grid}.specs dt{color:var(--ash)}.specs dd{margin:0}.crumbs{color:var(--ash);padding-top:28px;font-size:14px}.crumbs a{text-decoration:none}@media (width<=860px){.pdp{grid-template-columns:1fr}.pdp .info{position:static}}.studio-frame{background:var(--night);border:0;border-radius:20px;width:100%;height:min(86vh,860px);display:block}.drawer-bg{z-index:60;background:#2e1d1973;position:fixed;inset:0}.drawer{top:0;bottom:0;background:var(--cream);z-index:61;flex-direction:column;width:min(420px,100%);display:flex;position:fixed;inset-inline-start:0;box-shadow:0 0 40px #0003}.drawer header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.drawer .items{flex-direction:column;flex:1;gap:14px;padding:10px 22px;display:flex;overflow:auto}.drawer .item{border-bottom:1px solid var(--line);grid-template-columns:72px 1fr auto;align-items:center;gap:12px;padding-block:10px;display:grid}.drawer .item img{object-fit:cover;border-radius:10px;width:72px;height:72px}.drawer .item small{color:var(--ash);font-size:13px;display:block}.drawer .item .rm{color:var(--ash);background:0 0;border:0;font-size:13px;text-decoration:underline}.drawer footer{border-top:1px solid var(--line);flex-direction:column;gap:12px;padding:18px 22px;display:flex}.drawer .total{justify-content:space-between;font-weight:600;display:flex}.drawer .empty{color:var(--ash);text-align:center;padding:40px 0}.toast{bottom:22px;background:var(--walnut);color:var(--cream);z-index:70;border-radius:999px;padding:11px 20px;font-size:14px;position:fixed;inset-inline-start:50%;transform:translate(50%)}.site-footer{background:var(--night);color:#cdb6a8;padding-block:64px 32px}.ft{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;display:grid}.ft h4{font-family:var(--f-display);color:var(--cream);margin:0 0 12px;font-size:17px;font-weight:600}.ft a{padding-block:4px;font-size:15px;text-decoration:none;display:block}.ft a:hover{color:var(--cream)}.ft .brand b{font-family:var(--f-display);color:var(--cream);font-size:34px}.ft .brand p{max-width:34ch;margin-top:8px;font-size:15px}.legal{border-top:1px solid #4a3029;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:22px;font-size:13px;display:flex}@media (width<=860px){.ft{grid-template-columns:1fr 1fr}}@media (width<=760px){.hero:after{background:linear-gradient(#2e1d194d 0%,#2e1d199e 45%,#2e1d19e6 100%)}.hero img.bg{object-position:30% 50%}}.phone-field{background:var(--cream);border:1px solid var(--line);direction:ltr;border-radius:12px;align-items:stretch;transition:border-color .15s,box-shadow .15s;display:flex;overflow:hidden}.phone-field:focus-within{border-color:var(--brass);box-shadow:0 0 0 3px #a8792f2e}.phone-field .cc{background:var(--plaster-2);color:var(--walnut);border-right:1px solid var(--line);white-space:nowrap;font-variant-numeric:tabular-nums;align-items:center;gap:6px;padding:0 14px;font-weight:600;display:flex}.phone-field input{min-width:0;font:inherit;color:var(--ink);letter-spacing:.04em;font-variant-numeric:tabular-nums;background:0 0;border:0;outline:none;flex:1;padding:11px 14px}.phone-field input::placeholder{color:#b3a695;letter-spacing:.04em}.field-hint{color:var(--ash);font-size:12.5px}.field-err{color:#9a3b2a;font-size:12.5px}.pdp>*,.split>*{min-width:0}.field,input,select,textarea{min-width:0;max-width:100%}.mydesigns{padding:8px 16px;font-size:14px}@media (width<=560px){.mydesigns{padding:7px 12px;font-size:13px}}.notice{border:1px solid var(--vanilla);color:var(--ink);background:#f2e0d3;border-radius:14px;margin:10px 0 16px;padding:12px 16px;font-size:15px}.modal-bg{z-index:80;background:#2e1d1980;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-bg[hidden]{display:none}.modal-box{background:var(--cream);border-radius:16px;width:100%;max-width:420px;padding:22px}.hero{align-items:center;min-height:min(92vh,860px)}.hero img.bg{object-position:30% 50%;filter:saturate(.9)brightness(.8);transform:scaleX(-1)}.hero:after{background:linear-gradient(270deg,#1f1411f0 0%,#1f1411d1 34%,#1f141159 62%,#1f141126 100%),linear-gradient(#1f141100 60%,#1f141199)}.hero-copy{align-items:flex-start;gap:18px;max-width:520px}.hero-label{font-family:var(--f-latin);letter-spacing:.42em;color:#d9bfa9;text-transform:uppercase;direction:ltr;font-size:11.5px}.hero-mark{font-family:var(--f-brand);color:var(--vanilla);margin:0;font-size:clamp(96px,14vw,168px);font-weight:700;line-height:.9}.hero-mark-latin{font-family:var(--f-latin);letter-spacing:.55em;color:#e9d2c1;direction:ltr;margin-top:-6px;font-size:clamp(20px,2.2vw,26px);font-weight:300}.hero-copy .lead{color:#e6d3c4;font-size:17px;font-weight:300}.hero-foot{bottom:22px;z-index:1;font-family:var(--f-latin);letter-spacing:.38em;color:#bfa593;direction:ltr;justify-content:center;gap:28px;font-size:11px;display:flex;position:absolute;inset-inline:0}.btn{letter-spacing:0;border-radius:4px}.btn-brass{background:var(--vanilla);color:var(--night)}.btn-brass:hover{background:#f0d8c6}.eyebrow{letter-spacing:0;font-weight:500}.sec-head h2{font-size:clamp(30px,3.6vw,46px)}@media (width<=700px){.hero img.bg{object-position:82% 50%}.hero:after{background:linear-gradient(#1f141140 0%,#1f1411cc 52%,#1f1411f2 100%)}.hero{align-items:flex-end}.hero-foot{letter-spacing:.28em;white-space:nowrap;gap:12px;font-size:9.5px}}.slot-empty{background:linear-gradient(145deg,var(--plaster-2),var(--vanilla));position:relative}.slot-empty:after{content:"ظِلّ";font-family:var(--f-brand);color:#7b453d2e;place-items:center;font-size:clamp(34px,6vw,64px);font-weight:700;display:grid;position:absolute;inset:0}.hero.slot-empty,.hero .slot-empty{background:var(--night)}.hero.slot-empty:after{content:none}.card .ph.slot-empty{aspect-ratio:1}.media.slot-empty{border-radius:var(--radius);min-height:360px}.gallery.slot-empty{aspect-ratio:1;border-radius:var(--radius)}