/* QASR ALARAEK — shared design tokens. Logical properties support RTL/LTR. */
:root{--color-cream:#f8f5ee;--color-beige:#f1ece2;--color-sand:#e9e2d6;--color-gold:#b09569;--color-bronze:#806341;--color-charcoal:#292722;--color-dark-brown:#352d27;--color-text:#292722;--color-muted:#686158;--color-border:#cfc6b8;--container-max:1280px;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:3rem;--space-xl:6rem;--radius-sm:2px;--transition-fast:180ms ease;--transition-base:350ms ease;--font-body:Tahoma,Arial,sans-serif;--font-heading:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:7rem}body{margin:0;background:var(--color-cream);color:var(--color-text);font:1rem/1.85 var(--font-body);overflow-wrap:break-word}body.rtl,[dir=rtl]{--font-heading:Tahoma,Arial,sans-serif}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.3em}a:hover{color:var(--color-bronze)}img,video{max-width:100%;height:auto;vertical-align:middle}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:400;line-height:1.25;margin-block:0 1.5rem;letter-spacing:-.025em}h1{font-size:clamp(2.5rem,5.5vw,5.6rem)}h2{font-size:clamp(2rem,3.5vw,3.5rem)}h3{font-size:1.5rem}p{margin-block:0 1.5rem}ul,ol{padding-inline-start:1.5rem}figure{margin:0}svg{max-width:100%}:focus-visible{outline:3px solid var(--color-bronze);outline-offset:5px}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.55}.container{width:min(var(--container-max),calc(100% - 6rem));margin-inline:auto}.section{padding-block:var(--space-xl)}.section-sand{background:var(--color-beige)}.eyebrow{font-size:.875rem;color:var(--color-bronze);letter-spacing:.12em;text-transform:uppercase;margin-block-end:1.5rem}[dir=rtl] .eyebrow{letter-spacing:0}.lead{font-size:1.125rem;color:var(--color-muted);max-width:42rem}.actions{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.button,button[type=submit],input[type=submit],.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:2.2rem;border:1px solid var(--color-charcoal);border-radius:var(--radius-sm);background:var(--color-charcoal);color:var(--color-cream);padding:.9rem 1.5rem;min-height:48px;font:inherit;font-size:.9375rem;text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.button:hover,button[type=submit]:hover,.wp-block-button__link:hover{background:var(--color-dark-brown);color:#fff}.button-outline{color:var(--color-charcoal);background:transparent;border-color:var(--color-border)}.button-outline:hover{border-color:var(--color-charcoal)}.direction-arrow{display:inline-block;font:1.25rem/1 Arial,sans-serif}[dir=rtl] .direction-arrow{transform:scaleX(-1)}.screen-reader-text,.skip-link:not(:focus){position:absolute!important;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}.skip-link:focus{position:fixed;inset-block-start:1rem;inset-inline-start:1rem;padding:1rem;background:var(--color-cream);z-index:1000}.site-header{position:sticky;inset-block-start:0;z-index:50;background:var(--color-cream);border-block-end:1px solid var(--color-border)}.admin-bar .site-header{inset-block-start:32px}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:104px}.brand a{text-decoration:none;display:block;color:var(--color-charcoal)}.brand-ar{font-family:Tahoma,Arial,sans-serif;font-size:1.8rem;display:block;line-height:1.5}.brand-en{display:block;font: .75rem/1.8 Arial,sans-serif;letter-spacing:.14em}.custom-logo{width:auto;max-width:180px;max-height:72px}.primary-navigation .menu{display:flex;align-items:center;gap:1.6rem;list-style:none;padding:0;margin:0;font-size:.875rem}.primary-navigation a{text-decoration:none;display:block;padding-block:.65rem}.primary-navigation .current-menu-item>a{color:var(--color-bronze);text-decoration:underline}.header-tools{display:flex;align-items:center;gap:1rem;font-size:.875rem}.language-switcher{display:flex;gap:.6rem}.language-switcher a[aria-current=true]{text-decoration:none;opacity:.7}.cart-link{padding:.5rem 0}.menu-toggle{display:none}.primary-navigation .menu-item-has-children{position:relative}.primary-navigation .sub-menu{position:absolute;inset-block-start:100%;inset-inline-start:0;background:var(--color-cream);min-width:15rem;list-style:none;margin:0;padding:1rem;border:1px solid var(--color-border);visibility:hidden;opacity:0}.primary-navigation .menu-item-has-children:hover>.sub-menu,.primary-navigation .menu-item-has-children:focus-within>.sub-menu{visibility:visible;opacity:1}.submenu-toggle{background:transparent;color:inherit;border:1px solid var(--color-border);min-width:44px;min-height:44px}.primary-navigation .menu-item-has-children>a{display:inline-block}.primary-navigation .menu-item-has-children.submenu-open>.sub-menu{visibility:visible;opacity:1}.hero{position:relative;min-height:min(820px,calc(100svh - 104px));display:flex;align-items:center;background:var(--color-dark-brown);isolation:isolate;color:var(--color-cream)}.hero-media{position:absolute;inset:0;z-index:-2;overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover;object-position:center}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(28,24,20,.78),rgba(28,24,20,.1));z-index:-1}[dir=rtl] .hero::after{background:linear-gradient(270deg,rgba(28,24,20,.8),rgba(28,24,20,.08))}.hero-content{padding-block:5rem 7rem}.hero .eyebrow{color:#f2e2c4}.hero h1{max-width:720px;margin-block-end:1.4rem;text-wrap:balance}.hero-description{max-width:34rem;font-size:1.0625rem;color:#f8f5ee;margin-block-end:2.5rem}.hero .button,.final-cta .button{background:var(--color-cream);color:var(--color-charcoal);border-color:var(--color-cream)}.hero .button-outline,.final-cta .button-outline{background:transparent;color:var(--color-cream);border-color:#c5b9a9}.hero .button:hover,.final-cta .button:hover{background:var(--color-sand);color:var(--color-charcoal)}.sample-label{position:absolute;inset-block-end:1rem;inset-inline-end:1.5rem;font-size:.75rem;background:rgba(30,26,22,.8);padding:.3rem .7rem;z-index:3;color:#fff}.intro-grid{display:grid;grid-template-columns:1fr 2fr;gap:4rem}.intro-grid h2{max-width:46rem}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-block-end:3rem}.section-heading h2{max-width:44rem;margin-bottom:0}.section-heading .button{flex-shrink:0}.category-grid,.ready-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.design-card a,.ready-card a{text-decoration:none}.card-image{aspect-ratio:9/11;overflow:hidden;background:var(--color-sand)}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.design-card a:hover .card-image img{transform:scale(1.035)}.image-placeholder{height:100%;display:flex;align-items:center;justify-content:center;background:#e3dccf;color:#655c50;padding:2rem;text-align:center;font-size:.875rem;border:1px solid #d0c6b7}.card-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block:1.3rem .5rem}.card-title h3{margin:0}.design-card>p{font-size:.9375rem;color:var(--color-muted)}.custom-section{display:grid;grid-template-columns:1fr 1fr;gap:7rem;align-items:center}.process-list{list-style:none;counter-reset:process;padding:0;margin:0}.process-list li{counter-increment:process;display:flex;gap:1.5rem;align-items:center;padding-block:1.5rem;border-block-end:1px solid var(--color-border);font-size:1.125rem}.process-list li::before{content:counter(process,decimal-leading-zero);color:var(--color-bronze);font:1rem/1.8 Georgia,serif}.ready-card img{width:100%;aspect-ratio:4/5;object-fit:cover;background:var(--color-sand)}.ready-card h3{margin-block:1.25rem .65rem}.product-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.9375rem}.product-meta>span:last-child{font-size:.875rem;color:var(--color-muted)}.final-cta{background:var(--color-dark-brown);color:var(--color-cream);text-align:center}.final-cta .eyebrow{color:#cfb990}.final-cta .actions{justify-content:center;margin-top:2rem}.site-footer{background:var(--color-charcoal);color:var(--color-cream);padding-block:4.5rem 1.5rem}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1.2fr;gap:5rem}.footer-brand{font-size:2.2rem;margin:0}.footer-grid p{font-size:.9375rem;max-width:22rem}.footer-grid .brand-en{margin-block:.4rem 1.5rem}.footer-grid .menu{padding:0;list-style:none;display:grid;gap:.7rem;margin:0}.footer-grid a{font-size:.9375rem;text-decoration:none}.site-footer a:hover{color:#dcc59b}.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.footer-contact h2{font-size:1.5rem;line-height:1.6;margin-bottom:.5rem}.footer-contact p{margin:0}.footer-bottom{border-block-start:1px solid #5b564d;margin-block-start:3.5rem;padding-block-start:1.5rem;display:flex;justify-content:space-between;gap:1rem;font-size:.8125rem}.floating-contact{position:fixed;inset-inline-end:1.5rem;inset-block-end:1.5rem;background:var(--color-cream);border:1px solid var(--color-bronze);color:var(--color-charcoal);padding:.75rem 1.1rem;z-index:60;text-decoration:none;font-size:.875rem;box-shadow:0 3px 12px #29272217}.page-main{padding-block:2rem 6rem;min-height:55vh}.breadcrumbs{display:flex;flex-wrap:wrap;gap:.65rem;color:var(--color-muted);font-size:.875rem;margin-block:1rem 3rem}.page-heading{margin-block:2rem 3rem;max-width:56rem}.page-heading h1{font-size:clamp(2.3rem,4.5vw,4.6rem)}.page-heading .entry-content{font-size:1.125rem;color:var(--color-muted)}.entry-content{max-width:var(--container-max)}.entry-content>*{max-width:760px;margin-inline:auto}.entry-content>.alignwide{max-width:1280px}.entry-content>.alignfull{max-width:none}.entry-content .wp-block-gallery{margin-block:2rem}.entry-content h2,.entry-content h3{margin-block-start:2rem}.entry-content>ul,.entry-content>ol{margin-block:1.5rem}.entry-content .wp-block-image{margin-block:2rem}.entry-content table{width:100%;border-collapse:collapse}.entry-content th,.entry-content td{border-bottom:1px solid var(--color-border);padding:.8rem;text-align:start}.entry-content pre{overflow-x:auto;padding:1rem;background:var(--color-sand)}.entry-content blockquote{border-inline-start:3px solid var(--color-bronze);padding-inline-start:1.5rem}.home-content{padding-block:4rem}.design-cover{width:100%;max-height:760px;object-fit:cover;margin-block-end:3rem}.design-content{margin-block-end:3rem}.quote-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:5rem}.quote-layout aside>.button{margin-block-start:2rem}.quote-form-wrap{padding:2.5rem;border:1px solid var(--color-border);background:var(--color-beige)}.quote-form-wrap h2{font-size:2rem}.quote-form-wrap>p{font-size:.875rem}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.5rem}label{display:block;font-size:.9375rem;margin-block-end:.4rem}input:not([type=checkbox]):not([type=radio]):not([type=submit]),textarea,select{width:100%;min-width:0;border:1px solid #9c9385;background:var(--color-cream);color:var(--color-text);border-radius:var(--radius-sm);padding:.8rem;min-height:48px}textarea{resize:vertical}input[type=file]{font-size:.875rem;max-width:100%}.quote-form>label{margin-block-start:1.4rem}.quote-form button{margin-block-start:1rem}.field-help{font-size:.875rem;color:var(--color-muted);margin-block:.6rem 1.4rem}.honeypot{position:absolute;inset-inline-start:-10000px;width:1px;height:1px;overflow:hidden}.form-notice{padding:1rem;border-inline-start:3px solid var(--color-bronze);background:var(--color-cream);scroll-margin-block-start:8rem}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.contact-details p{white-space:pre-line}.empty-state{padding:3rem 2rem;border:1px solid var(--color-border);text-align:center;margin-block:2rem}.empty-state p:last-child{margin:0}.empty-state a{display:inline-block;margin:.4rem}.pagination,.nav-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-block:3rem}.pagination .page-numbers{padding:.4rem .8rem;border:1px solid var(--color-border);min-width:44px;text-align:center}.pagination .current{background:var(--color-charcoal);color:var(--color-cream)}.error-page{padding-block:7rem;text-align:center}.error-page h1{font-size:clamp(2.2rem,4vw,4rem)}.search-form{display:grid;grid-template-columns:1fr auto;gap:1rem;text-align:start}.search-form label{grid-column:1/-1}.maintenance-page{min-height:100svh;display:grid;place-items:center;padding:2rem;background:var(--color-dark-brown);color:var(--color-cream)}.maintenance-card{max-width:650px;text-align:center}.maintenance-card h1{font-size:clamp(2rem,4vw,3.5rem);margin-top:3rem}.maintenance-card .contact-details{align-items:center}.comments-area{max-width:760px;margin:4rem auto}.comment-list{padding:0;list-style:none}.comment-body{margin-block:2rem;padding-block:1rem;border-block-end:1px solid var(--color-border)}.comment-form-cookies-consent label{display:inline}button:disabled{opacity:.65;cursor:wait}
@media(min-width:1101px){.category-grid .design-card:nth-child(3n+2){margin-block-start:3rem}}
@media(max-width:1100px){.container{width:calc(100% - 3rem)}.header-inner{gap:1rem;min-height:90px;flex-wrap:wrap}.brand{margin-inline-end:auto}.menu-toggle{display:block;background:transparent;border:1px solid var(--color-border);color:var(--color-charcoal);padding:.55rem .8rem;min-height:44px}.primary-navigation{width:100%;order:4;border-block-start:1px solid var(--color-border);padding-block:1rem}.js .primary-navigation:not(.is-open){display:none}.primary-navigation .menu{display:block;max-height:65svh;overflow:auto;font-size:1rem}.primary-navigation .menu>li{border-block-end:1px solid var(--color-border);padding-block:.25rem}.primary-navigation .sub-menu{position:static;min-width:0;visibility:visible;opacity:1;border:0;padding-block:.3rem;padding-inline:1.5rem}.js .primary-navigation .sub-menu{display:none}.js .primary-navigation .submenu-open>.sub-menu{display:block}.custom-section{gap:3rem}.section-heading{align-items:flex-start;flex-direction:column}.footer-grid{gap:2rem}.hero{min-height:680px}.quote-layout{gap:2rem}.quote-form-wrap{padding:1.5rem}}
@media(max-width:782px){.admin-bar .site-header{inset-block-start:46px}.intro-grid,.custom-section,.quote-layout{grid-template-columns:1fr;gap:2rem}.category-grid,.ready-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.section{padding-block:4rem}.hero{min-height:620px}.hero-content{padding-block:4rem 5rem}.hero h1{max-width:550px}.hero::after{background:rgba(28,24,20,.6)}[dir=rtl] .hero::after{background:rgba(28,24,20,.6)}}
@media(max-width:600px){.admin-bar .site-header{inset-block-start:0}.container{width:calc(100% - 2rem)}.header-inner{min-height:86px;gap:.75rem}.brand-ar{font-size:1.45rem}.brand-en{font-size:.75rem;letter-spacing:.06em}.header-tools{gap:.65rem}.language-switcher{gap:.45rem;flex-wrap:wrap}.language-switcher a[aria-current=true]{display:none}.menu-toggle{font-size:.875rem;padding:.4rem .6rem}.hero{min-height:650px}.hero-content{padding-block:4rem 6rem}.hero h1{font-size:2.7rem}.hero .eyebrow{font-size:.8125rem}.hero-description{font-size:1rem}.hero .actions{align-items:stretch;flex-direction:column;max-width:21rem}.hero .button{justify-content:space-between}.sample-label{inset-inline:1rem;font-size:.75rem;text-align:center}.category-grid,.ready-grid{grid-template-columns:1fr;gap:2.5rem}.card-image{aspect-ratio:1/1.12}.footer-grid{grid-template-columns:1fr;gap:2.5rem}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.form-grid{grid-template-columns:1fr}.quote-form-wrap{padding:1.2rem}.page-heading{margin-block:1rem 2rem}.breadcrumbs{margin-block-end:2rem}.section{padding-block:3rem}.floating-contact{inset-inline-end:1rem;inset-block-end:1rem}.site-footer{padding-block-end:5rem}.final-cta .actions{flex-direction:column;align-items:stretch}.error-page{padding-block:4rem}.search-form{grid-template-columns:1fr}.entry-content .wp-block-columns{flex-direction:column}.hero h1{line-height:1.25}[dir=rtl] .hero h1{line-height:1.55}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}