:root{--surface: #FBF4E3;--surface-raised: #FFFDF7;--surface-sunken: #F3E6C8;--ink: #3A1F14;--ink-muted: #6E4E3F;--line: #E3D3B0;--brand: #AB3939;--brand-strong: #8E2A2D;--brand-tint: #F5DCD6;--on-brand: #F6E7C1;--cream: #F6E7C1;--honey: #D9A441;--sesame: #EFE2C4;--success: #2F7A4B;--info: #2D5C9A;--warning: #9A5B0F;--danger: #9B1C1C;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-pill: 999px;--shadow-card: 0 6px 20px rgba(58, 31, 20, .1);--shadow-photo: 0 0 0 4px #F6E7C1, 0 10px 30px rgba(58, 31, 20, .18);--font-display: "Reem Kufi", "IBM Plex Sans Arabic", sans-serif;--font-body: "IBM Plex Sans Arabic", system-ui, sans-serif;--pattern-red: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23B6423F' stroke-width='1.3'%3E%3Cpath d='M17 17h22v22H17z'/%3E%3Cpath d='M28 12.4L43.6 28 28 43.6 12.4 28z'/%3E%3Cpath d='M0 6L6 0M50 0l6 6M56 50l-6 6M6 56L0 50'/%3E%3C/g%3E%3C/svg%3E");--pattern-cream: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='56' viewBox='0 0 56 56'%3E%3Cg fill='none' stroke='%23EADBB8' stroke-width='1.3'%3E%3Cpath d='M17 17h22v22H17z'/%3E%3Cpath d='M28 12.4L43.6 28 28 43.6 12.4 28z'/%3E%3Cpath d='M0 6L6 0M50 0l6 6M56 50l-6 6M6 56L0 50'/%3E%3C/g%3E%3C/svg%3E");--red: var(--brand);--red-deep: var(--brand-strong);--paper: var(--surface);--brown: var(--ink);--brown-2: #5a3624;--ink-soft: var(--ink-muted);--ok: var(--success);--warn: var(--warning);--white: var(--surface-raised);--radius: var(--radius-md);--shadow: var(--shadow-card);--gutter: clamp(16px, 4vw, 40px);--max: 1180px;color-scheme:light}[data-theme=dark]{--surface: #1E1410;--surface-raised: #2A1D17;--surface-sunken: #160E0B;--ink: #F6E7C1;--ink-muted: #C9B394;--line: #43302A;--brand: #B84242;--brand-strong: #D05A57;--brand-tint: #3A1E1C;--on-brand: #FFF6E6;--honey: #E0B157;--sesame: #5A4636;--success: #5DB07E;--info: #7FA6DE;--warning: #E2A847;--danger: #F08A8A;--shadow-card: 0 6px 20px rgba(0, 0, 0, .45);--shadow-photo: 0 0 0 4px #F6E7C1, 0 10px 30px rgba(0, 0, 0, .5);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:16px;line-height:1.625;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,.display{font-family:var(--font-display);font-weight:700;margin:0 0 .4em;letter-spacing:0}h1{font-size:clamp(2.1rem,7vw,3rem);line-height:1.25}h2{font-size:clamp(1.75rem,5vw,2.25rem);line-height:1.33}h3{font-family:var(--font-body);font-weight:600;font-size:1.25rem;line-height:1.5;margin:0 0 .3em}.display-m{font-family:var(--font-display);font-weight:500;font-size:1.625rem;line-height:1.46}.price{font-weight:600;font-size:1.375rem;line-height:1.27;font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;border-radius:var(--radius-pill);background:var(--brand-tint);color:var(--brand-strong);font-size:.75rem;line-height:1.5;font-weight:600}.pattern-red{background-color:var(--brand);background-image:var(--pattern-red)}.pattern-cream{background-color:var(--surface-sunken);background-image:var(--pattern-cream)}.photo-frame{border-radius:var(--radius-lg);box-shadow:var(--shadow-photo);overflow:hidden;background:var(--cream)}p{margin:0 0 1em}a{color:var(--brand-strong);text-underline-offset:3px}img{max-width:100%;display:block}bdi,.ltr{direction:ltr;unicode-bidi:isolate}.num{font-variant-numeric:tabular-nums}:focus-visible{outline:3px solid var(--honey);outline-offset:2px;border-radius:6px}.container{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:var(--gutter)}.eyebrow{font-family:var(--font-body);font-weight:600;font-size:.85rem;letter-spacing:.02em;color:var(--brand-strong);margin-bottom:.6rem;display:inline-flex;gap:.5rem;align-items:center}.eyebrow:before{content:"";width:28px;height:2px;background:currentColor;display:inline-block}.muted{color:var(--ink-soft)}.small{font-size:.875rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.btn{--bg: var(--brand);--fg: var(--on-brand);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);border:2px solid transparent;background:var(--bg);color:var(--fg);font:600 1rem/1.2 var(--font-body);text-decoration:none;cursor:pointer;transition:background-color .15s,transform .1s,border-color .15s;-webkit-tap-highlight-color:transparent}.btn:hover{background:var(--brand-strong)}.btn:active{transform:translateY(1px)}.btn:disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn.ghost{--bg: transparent;--fg: var(--brown);border-color:var(--brown)}.btn.ghost:hover{background:#3a1f140f}.btn.light{--bg: var(--cream);--fg: var(--brown)}.btn.light:hover{background:#fff3d4}.btn.dark{--bg: var(--brown);--fg: var(--cream)}.btn.dark:hover{background:var(--brown-2)}.btn.block{width:100%}.btn.sm{min-height:44px;padding:.4rem 1rem;font-size:.95rem}.btn.whatsapp{--bg: var(--surface-raised);--fg: var(--ink);border-color:var(--line)}.btn.whatsapp:hover{background:var(--surface-sunken)}.link-btn{background:none;border:0;padding:.5rem;min-height:44px;color:var(--red);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.field{display:grid;gap:.35rem;margin-bottom:1rem}.field>label,.label{font-weight:600;font-size:.95rem}.field .hint{font-size:.85rem;color:var(--ink-soft)}.field .err{font-size:.875rem;color:var(--danger);font-weight:500}.input,select.input,textarea.input{width:100%;min-height:48px;padding:.6rem .9rem;border-radius:var(--radius-sm);border:1.5px solid var(--line);background:var(--white);color:var(--brown);font:400 1rem/1.4 var(--font-body)}textarea.input{min-height:96px;resize:vertical}.input:focus{border-color:var(--brown);outline:none;box-shadow:0 0 0 3px #d9a44173}.input[aria-invalid=true]{border-color:var(--danger)}.input.ltr{text-align:left;direction:ltr}.input.ltr::placeholder{text-align:right;direction:rtl}.choice-row{display:flex;flex-wrap:wrap;gap:.5rem}.choice{position:relative;display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:.5rem 1rem;border:1.5px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-raised);cursor:pointer;font-weight:500;user-select:none}.choice input{position:absolute;opacity:0;inset:0;cursor:pointer;margin:0}.choice:has(input:checked){border-color:var(--brand-strong);background:var(--brand-tint);color:var(--brand-strong);font-weight:600}.choice:has(input:focus-visible){outline:3px solid var(--honey);outline-offset:2px}.choice:has(input:disabled){opacity:.45;cursor:not-allowed}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;box-shadow:var(--shadow)}.alert{border-radius:var(--radius-sm);padding:.85rem 1rem;border:1px solid;margin-bottom:1rem}.alert.error{background:#fbeaea;border-color:#e8b4b4;color:var(--danger)}.alert.info{background:#fdf4dc;border-color:var(--line);color:var(--brown)}.alert.ok{background:#e9f4ea;border-color:#b6d8bb;color:var(--ok)}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .6rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;background:var(--sesame);color:var(--brown);white-space:nowrap}.badge.New{background:#e3ebf6;color:var(--info)}.badge.AwaitingDeposit{background:#f8ead2;color:var(--warning)}.badge.Confirmed{background:#e2efe6;color:var(--success)}.badge.InProduction{background:#e3ebf6;color:var(--info)}.badge.Ready{background:#e2efe6;color:var(--success)}.badge.OutForDelivery{background:#e3ebf6;color:var(--info)}.badge.Delivered{background:var(--success);color:#fff}.badge.Cancelled{background:#f6dede;color:var(--danger)}.spinner{width:22px;height:22px;border:3px solid rgb(58 31 20 / 15%);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.stack>*+*{margin-top:1rem}.row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.spacer{flex:1}hr.sep{border:0;border-top:1px dashed var(--line);margin:1rem 0}