:root{--color-gold:#ba9368;--color-gold-hover:#a58055;--color-gold-tint:#ba936824;--color-copper:#ba9368;--color-copper-light:#ba9368;--color-copper-dark:#a58055;--color-copper-tint:#ba936824;--color-camel:#ba9368;--color-camel-light:#ba9368;--color-camel-dark:#a58055;--color-camel-tint:#ba936824;--color-graphite:#4f4f4f;--color-graphite-light:#6a6a6a;--color-charcoal-deep:#4f4f4f;--color-text-primary:#4f4f4f;--color-text-secondary:#4f4f4f;--color-text-muted:#6a6a6a;--color-white:#fff;--color-bg-primary:#f7f7f7;--color-bg-surface:#fff;--color-bg-surface-elevated:#fff;--color-stone:#f7f7f7;--color-stone-surface:#fff;--color-stone-muted:#ba936840;--color-stone-dark:#4f4f4f;--color-water:#ba9368;--color-water-light:#ba9368;--color-water-cyan:#ba9368;--color-botanical:#4f4f4f;--color-botanical-light:#6a6a6a;--color-border-subtle:#ba936847;--color-border-bright:#ba9368;--color-border-graphite:#4f4f4f29;--color-grid-line:transparent;--color-grid-line-fine:transparent;--font-brand-arabic:"Almarai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:"Almarai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-body:"Almarai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-arabic:"Almarai", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-slab:"Roboto Slab", "Bitter", serif;--font-subtitle:"Montserrat", sans-serif;--font-english:"Roboto Slab", "Bitter", serif;--max-content-width:1240px;--header-height:84px;--transition-standard:.22s cubic-bezier(.16, 1, .3, 1)}[data-theme=dark]{--color-gold:#ba9368;--color-gold-hover:#d4ac7d;--color-gold-tint:#ba936838;--color-copper:#ba9368;--color-copper-light:#c5a37b;--color-copper-dark:#a58055;--color-copper-tint:#ba936838;--color-camel:#ba9368;--color-camel-light:#c5a37b;--color-camel-dark:#a58055;--color-graphite:#ededed;--color-graphite-light:#b4b7ba;--color-charcoal-deep:#141517;--color-text-primary:#ededed;--color-text-secondary:#ccc;--color-text-muted:#95989d;--color-white:#fff;--color-bg-primary:#1c1e20;--color-bg-surface:#25282b;--color-bg-surface-elevated:#2d3035;--color-stone:#1c1e20;--color-stone-surface:#25282b;--color-stone-muted:#ba93684d;--color-stone-dark:#ededed;--color-border-subtle:#ba936852;--color-border-bright:#ba9368;--color-border-graphite:#ffffff1f}[data-theme=dark] .blueprint-grid{background-size:40px 40px;background-image:linear-gradient(90deg,#ba93681a 1px,#0000 1px),linear-gradient(#ba93681a 1px,#0000 1px)!important}[data-theme=dark] .blueprint-grid-fine{background-size:16px 16px;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(#ffffff0a 1px,#0000 1px)!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-family:var(--font-body);color:var(--color-text-primary);background-color:var(--color-bg-primary);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;width:100%;max-width:100vw;font-size:16px;line-height:1.7;overflow-x:hidden}html[dir=rtl],html:not([dir=ltr]){text-align:right;direction:rtl}html[dir=ltr]{text-align:left;direction:ltr}html[dir=rtl] body{text-align:right;direction:rtl}html[dir=ltr] body,html[dir=ltr] input,html[dir=ltr] select,html[dir=ltr] textarea{text-align:left;direction:ltr}html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea{text-align:right;direction:rtl}body{background-color:var(--color-bg-primary);min-height:100vh;color:var(--color-text-primary);width:100%;max-width:100vw;font-family:var(--font-body);box-sizing:border-box;flex-direction:column;display:flex;overflow-x:hidden}#root,main{box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden}img,video,svg,canvas,iframe{box-sizing:border-box;max-width:100%;height:auto}p,h1,h2,h3,h4,h5,h6,span,a,div{overflow-wrap:break-word}button,input,select,textarea{font-family:var(--font-body)}h1,h2,h3,h4,.font-display{font-family:var(--font-display);color:var(--color-graphite);letter-spacing:-.01em;font-weight:700;line-height:1.35}h1{font-size:clamp(2rem,4.5vw,3.25rem)}h2{font-size:clamp(1.6rem,3.2vw,2.35rem)}h3{font-size:clamp(1.25rem,2.2vw,1.65rem)}p{color:var(--color-text-secondary);max-width:72ch;font-weight:400}a{color:inherit;transition:color var(--transition-standard);text-decoration:none}html[lang=en],html[lang=en] body,html[lang=en] button,html[lang=en] input,html[lang=en] select,html[lang=en] textarea{font-family:var(--font-subtitle), -apple-system, BlinkMacSystemFont, sans-serif}html[lang=en] h1,html[lang=en] h2,html[lang=en] h3,html[lang=en] h4,html[lang=en] .font-display{font-family:var(--font-slab);letter-spacing:.01em}.brand-title-en{font-family:var(--font-slab);letter-spacing:.04em;color:var(--color-graphite);font-weight:700}.brand-subtitle-en{font-family:var(--font-subtitle);letter-spacing:.22em;text-transform:uppercase;color:var(--color-gold);font-weight:300}.blueprint-grid,.blueprint-grid-fine,.blueprint-paper-stone{background-image:none!important}.crop-box{background-color:var(--color-bg-surface);border:1px solid var(--color-border-subtle);position:relative}.crop-corner{pointer-events:none;width:10px;height:10px;position:absolute}.crop-corner-tl{border-block-start:2px solid var(--color-copper);border-inline-start:2px solid var(--color-copper);inset-block-start:-1px;inset-inline-start:-1px}.crop-corner-tr{border-block-start:2px solid var(--color-copper);border-inline-end:2px solid var(--color-copper);inset-block-start:-1px;inset-inline-end:-1px}.crop-corner-bl{border-block-end:2px solid var(--color-copper);border-inline-start:2px solid var(--color-copper);inset-block-end:-1px;inset-inline-start:-1px}.crop-corner-br{border-block-end:2px solid var(--color-copper);border-inline-end:2px solid var(--color-copper);inset-block-end:-1px;inset-inline-end:-1px}.sheet-tag{font-family:var(--font-display);letter-spacing:.08em;color:var(--color-copper);border:1px solid var(--color-border-subtle);background-color:#ba93681a;align-items:center;gap:.5rem;width:fit-content;padding-block:.3rem;padding-inline:.75rem;font-size:.82rem;display:inline-flex}.sheet-tag-stone{color:var(--color-copper);background-color:#ba93681a;border-color:#ba93684d}.btn-base{font-family:var(--font-display);cursor:pointer;transition:all var(--transition-standard);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.65rem;padding-block:.75rem;padding-inline:1.65rem;font-size:.98rem;font-weight:600;display:inline-flex;position:relative}.btn-primary{background-color:var(--color-copper);color:#fff;border-color:var(--color-copper);box-shadow:0 4px 16px #ba936840}.btn-primary:hover{background-color:var(--color-gold-hover);border-color:var(--color-gold-hover);color:#fff;transform:translateY(-1px);box-shadow:0 6px 20px #ba936859}.btn-secondary{border:1.5px solid var(--color-copper);background-color:#fff;font-weight:700;box-shadow:0 2px 8px #00000014;color:#14171a!important}.btn-secondary *{color:inherit!important}.btn-secondary:hover{background-color:var(--color-copper);border-color:var(--color-copper);transform:translateY(-1px);box-shadow:0 6px 20px #ba936859;color:#fff!important}.btn-secondary:hover *{color:#fff!important}[data-theme=dark] .btn-secondary{border:1.5px solid var(--color-copper);background-color:#fff;box-shadow:0 4px 14px #00000040;color:#14171a!important}[data-theme=dark] .btn-secondary *{color:inherit!important}[data-theme=dark] .btn-secondary:hover{background-color:var(--color-copper);border-color:var(--color-copper);box-shadow:0 6px 20px #ba936873;color:#fff!important}[data-theme=dark] .btn-secondary:hover *{color:#fff!important}.btn-whatsapp{font-family:var(--font-display);transition:all var(--transition-standard);cursor:pointer;background-color:#25d366;border:1px solid #1ebe5d;justify-content:center;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:inline-flex;box-shadow:0 4px 16px #25d3664d;color:#fff!important}.btn-whatsapp:hover{background-color:#20ba5a;border-color:#20ba5a;transform:translateY(-1px);box-shadow:0 6px 22px #25d36673;color:#fff!important}.btn-stone-primary{background-color:var(--color-copper);color:#fff;font-weight:600}.btn-stone-primary:hover{background-color:var(--color-gold-hover);color:#fff}@keyframes drawStroke{0%{stroke-dashoffset:1000px;opacity:.2}50%{opacity:.9}to{stroke-dashoffset:0;opacity:1}}@keyframes waterShimmer{0%,to{opacity:.35}50%{opacity:.75}}.blueprint-stroke{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:2.2s cubic-bezier(.2,.8,.3,1) forwards drawStroke}.blueprint-water-fill{animation:4s ease-in-out infinite waterShimmer}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.blueprint-stroke{stroke-dashoffset:0!important;animation:none!important}.blueprint-water-fill{opacity:.5!important;animation:none!important}}.form-label{font-family:var(--font-display);color:var(--color-graphite);margin-block-end:.4rem;font-size:.88rem;font-weight:600;display:block}.form-input,.form-select,.form-textarea{width:100%;font-family:var(--font-body);color:var(--color-text-primary);border:1px solid var(--color-border-subtle);transition:all var(--transition-standard);background-color:#fff;border-radius:0;outline:none;padding-block:.75rem;padding-inline:1rem;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-copper);box-shadow:0 0 0 1px var(--color-copper);background-color:#fff}.form-textarea{resize:vertical;min-height:110px}.app-container{width:100%;max-width:var(--max-content-width);margin-inline:auto;padding-inline:clamp(1rem,3vw,2rem)}.card-technical{border:1px solid var(--color-border-subtle);transition:border-color var(--transition-standard), transform var(--transition-standard), box-shadow var(--transition-standard);background-color:#fff;padding-block:2rem;padding-inline:1.75rem;position:relative;box-shadow:0 4px 20px #4f4f4f0d}.card-technical:hover{border-color:var(--color-copper);transform:translateY(-2px);box-shadow:0 8px 30px #ba936829}.nav-link-item{font-family:var(--font-display);color:var(--color-graphite);transition:color var(--transition-standard);white-space:nowrap;align-items:center;padding-block:.5rem;padding-inline:.75rem;font-size:.95rem;display:inline-flex;position:relative}.nav-link-item:hover{color:var(--color-copper)}.nav-link-item.active{color:var(--color-copper);font-weight:700}.nav-link-item.active:after{content:"";background-color:var(--color-copper);height:2px;position:absolute;inset-block-end:-2px;inset-inline:.75rem}.mobile-nav-panel{border-block-end:1px solid var(--color-border-bright);z-index:100;background-color:#fff;flex-direction:column;gap:1rem;padding-block:1.5rem;padding-inline:1.5rem;display:flex;position:fixed;inset-block-start:var(--header-height);inset-inline:0;box-shadow:0 10px 30px #4f4f4f26}@media (width<=640px){.dar-al-amarah-logo-brand{text-align:center!important;flex-direction:column!important;align-items:center!important;gap:1.25rem!important}}@media (width<=480px){.app-container{padding-inline:.85rem!important}.card-technical{padding-block:1.5rem!important;padding-inline:1.25rem!important}}.crop-box{box-sizing:border-box;max-width:100%}@media (width<=540px){:root{--header-height:72px}.header-container{gap:.35rem!important;padding-inline:.65rem!important}.dar-al-amarah-logo-navbar{gap:.45rem!important}.navbar-logo-emblem{width:36px!important;height:36px!important}.header-controls{gap:.35rem!important}#lang-toggle-btn{padding:.35rem .5rem!important;font-size:.78rem!important}#theme-toggle-btn{width:32px!important;height:32px!important}#mobile-menu-toggle{padding:.35rem!important}}@media (width<=380px){.header-container{gap:.25rem!important;padding-inline:.5rem!important}.navbar-logo-emblem{width:32px!important;height:32px!important}.navbar-logo-title{font-size:.98rem!important}.navbar-logo-subtitle{font-size:.55rem!important}.header-controls{gap:.25rem!important}#lang-toggle-btn{padding:.3rem .45rem!important;font-size:.72rem!important}#theme-toggle-btn{width:30px!important;height:30px!important}#mobile-menu-toggle{padding:.3rem!important}}
