:root{--blue-50: #EAEEF7;--blue-100: #C9D2E8;--blue-300: #5B6FA3;--blue-500: #2A3D70;--blue-700: #1A2C5B;--blue-900: #0F1B3D;--gold-50: #FBF2DA;--gold-100: #F0D58A;--gold-300: #D4A84A;--gold-500: #C9A24C;--gold-700: #A0741F;--gold-900: #6E4D14;--bg-primary: #FFFFFF;--bg-cream: #F8F4EC;--bg-cream-2: #EDE6D5;--bg-mute: #F2EEE5;--bg-elev-1: #FFFFFF;--strip: #E6C77A;--strip-text: #5C4012;--text: #1A2C5B;--text-hi: #0F1B3D;--text-lo: #646A7D;--text-on-blue: #F8F4EC;--text-on-gold: #0F1B3D;--accent-ink: #8C651B;--border: color-mix(in srgb, var(--blue-700) 11%, transparent);--border-strong: color-mix(in srgb, var(--blue-700) 24%, transparent);--border-gold: color-mix(in srgb, var(--gold-500) 45%, transparent);--success: #1E7A55;--success-bg: rgba(30,122,85,.1);--danger: #B43A3A;--danger-bg: rgba(180,58,58,.1);--info: var(--blue-500);--warning: #B4741F;--whatsapp: #17733F;--whatsapp-deep: #125C33;--r-ui: 6px;--r-input: 6px;--r-card: 8px;--r-img: 6px;--r-xs: 4px;--r-sm: 6px;--r: 8px;--r-lg: 16px;--r-pill: 999px;--radius-sm: var(--r-sm);--radius: var(--r);--font-body: "Tajawal", "Cairo", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;--font-display: "El Messiri", "Tajawal", "Cairo", serif;--font-latin: "Cormorant Garamond", "Times New Roman", serif;--display-weight: 600;--shadow-sm: 0 1px 2px color-mix(in srgb, var(--blue-900) 7%, transparent);--shadow: 0 6px 20px color-mix(in srgb, var(--blue-900) 9%, transparent);--shadow-lg: 0 20px 50px color-mix(in srgb, var(--blue-900) 16%, transparent);--ease-out: cubic-bezier(.16, 1, .3, 1);--d-fast: .16s;--d: .22s;--d-slow: .42s;--container: 1240px;--container-wide:1440px;--header-h: 120px;--header-h-mob: 60px;--strip-h: 32px;--bg-soft: var(--bg-cream);--surface: var(--bg-elev-1);--bg-elev-2: var(--bg-cream);--text-muted: var(--text-lo);color-scheme:light}html[data-design=emerald]{--blue-50: #E8F2EE;--blue-100: #C5DDD3;--blue-300: #4F8A74;--blue-500: #1F5C47;--blue-700: #0F3D2E;--blue-900: #082A1F;--gold-50: #FAF5E6;--gold-100: #F0E3BC;--gold-300: #DCC07A;--gold-500: #C4A158;--gold-700: #8A6722;--gold-900: #5E4515;--bg-cream: #F4F1E8;--bg-cream-2: #E6E1D1;--bg-mute: #EFECE2;--strip: #E9D9A6;--strip-text: #3D2F0E;--text: #1F3A30;--text-hi: #082A1F;--text-lo: #5F6A65;--text-on-blue: #F4F1E8;--text-on-gold: #082A1F;--accent-ink: #8A6722;--r-ui: 8px;--r-input: 8px;--r-card: 12px;--r-img: 10px}html[data-design=pearl]{--blue-50: #F1F1F3;--blue-100: #DCDCE1;--blue-300: #7A7C86;--blue-500: #45474F;--blue-700: #2B2D33;--blue-900: #1C1D21;--gold-50: #FBF1EF;--gold-100: #F3D9D4;--gold-300: #DDA79D;--gold-500: #C27D72;--gold-700: #8F4E46;--gold-900: #5F322C;--bg-cream: #F6F5F4;--bg-cream-2: #E9E7E5;--bg-mute: #F0EFED;--strip: #F3D9D4;--strip-text: #5F322C;--text: #2B2D33;--text-hi: #1C1D21;--text-lo: #62646E;--text-on-blue: #F6F5F4;--text-on-gold: #1C1D21;--accent-ink: #8F4E46;--r-ui: 999px;--r-input: 14px;--r-card: 20px;--r-img: 16px;--font-display: "Tajawal", "Cairo", system-ui, sans-serif;--display-weight: 700}html[data-design=ruby]{--blue-50: #F7EBEE;--blue-100: #E9CBD3;--blue-300: #A3566B;--blue-500: #7A2E44;--blue-700: #5A1A2B;--blue-900: #3B0F1C;--gold-50: #FBF2E8;--gold-100: #F2DCC0;--gold-300: #E0B27E;--gold-500: #C98F57;--gold-700: #8E5A2B;--gold-900: #5F3D1C;--bg-cream: #F8F1EE;--bg-cream-2: #EADCD6;--bg-mute: #F2E9E5;--strip: #F2DCC0;--strip-text: #5F3D1C;--text: #3B1A24;--text-hi: #3B0F1C;--text-lo: #6E6165;--text-on-blue: #F8F1EE;--text-on-gold: #3B0F1C;--accent-ink: #8E5A2B;--r-ui: 4px;--r-input: 4px;--r-card: 6px;--r-img: 4px;--font-display: "Amiri", "El Messiri", serif;--display-weight: 700}html[data-design=teal]{--blue-50: #E6F1F2;--blue-100: #C2DDE0;--blue-300: #4D8D98;--blue-500: #1C6573;--blue-700: #0E4C5A;--blue-900: #08333D;--gold-50: #FCF3E2;--gold-100: #F5E0B4;--gold-300: #E7BE68;--gold-500: #D29F3E;--gold-700: #8C6418;--gold-900: #604311;--bg-cream: #F1F6F6;--bg-cream-2: #DCE7E8;--bg-mute: #EAF1F1;--strip: #F5E0B4;--strip-text: #604311;--text: #12343C;--text-hi: #08333D;--text-lo: #5A6A6E;--text-on-blue: #F1F6F6;--text-on-gold: #08333D;--accent-ink: #8C6418;--r-ui: 2px;--r-input: 2px;--r-card: 2px;--r-img: 0px;--font-display: "Cairo", "Tajawal", sans-serif;--display-weight: 700}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:var(--font-body);font-size:16px;line-height:1.65;color:var(--text);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;max-width:100%}html:not([dir]){direction:rtl}img,svg,video,canvas,iframe{max-width:100%}img{display:block}:lang(ar),[lang=ar]{letter-spacing:normal!important;word-spacing:normal!important}.num,.price,.weight{font-feature-settings:"tnum" 1,"lnum" 1;font-variant-numeric:tabular-nums lining-nums}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--display-weight);color:var(--text-hi);margin:0 0 12px;line-height:1.3;text-wrap:balance}h1{font-size:40px}h2{font-size:30px}h3{font-size:20px}h4{font-size:17px}p{margin:0 0 12px;color:var(--text)}a{color:var(--blue-700);text-decoration:none;transition:color var(--d-fast) var(--ease-out)}a:hover{color:var(--accent-ink)}button{font-family:inherit;cursor:pointer}::selection{background:var(--gold-100);color:var(--blue-900)}:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--blue-100) transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--blue-100);border-radius:8px}.latin{font-family:var(--font-latin)}.eyebrow,.caption{font-family:var(--font-body);font-size:13px;font-weight:700;color:var(--accent-ink);margin:0 0 6px}.eyebrow.on-blue,.caption.on-blue{color:var(--gold-100)}.script,.script-lg,.script-md,.script-sm,.serif-italic,.serif-lg,.sans-lg,.default-lg{font-family:var(--font-display);font-weight:var(--display-weight);font-style:normal}.script-lg,.serif-lg,.sans-lg,.default-lg{font-size:52px;line-height:1.15}.script-md{font-size:40px;line-height:1.2}.script-sm{font-size:28px;line-height:1.25}[lang=en].script,[lang=en].script-lg,[lang=en].script-md,[lang=en].script-sm,[lang=en].serif-italic,[lang=en].serif-lg{font-family:var(--font-latin);font-style:italic}.sans-lg{font-family:"Cairo",var(--font-body);font-weight:700}.serif-lg{font-family:"Amiri",var(--font-latin),serif;font-weight:700}.default-lg{font-family:var(--font-display)}.container{max-width:var(--container);margin:0 auto;padding:0 32px}.container-wide{max-width:var(--container-wide);margin:0 auto;padding:0 32px}.container-narrow{max-width:760px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.container,.container-wide,.container-narrow{padding:0 16px}}.section{padding:72px 0}.section-lg{padding:104px 0}.section-sm{padding:40px 0}.section-alt{background:var(--bg-cream)}@media (max-width: 768px){.section{padding:48px 0}.section-lg{padding:64px 0}.section-sm{padding:28px 0}}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:28px}.section-head h2{margin:0}.section-head p{margin:6px 0 0;color:var(--text-lo)}.section-head.center{flex-direction:column;align-items:center;text-align:center}.link-more{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-weight:700;font-size:15px;color:var(--blue-700);min-height:44px}.link-more:hover{color:var(--accent-ink)}.link-more svg{width:16px;height:16px;transform:scaleX(-1)}@media (max-width: 640px){.section-head{margin-bottom:20px}}.divider-gold{width:56px;height:2px;background:var(--gold-500);margin:14px auto;border:0}.grid-products{display:grid;gap:28px 20px;grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1100px){.grid-products{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 760px){.grid-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 26px;border-radius:var(--r-ui);border:1px solid transparent;background:var(--blue-700);color:var(--text-on-blue);font-family:var(--font-body);font-size:16px;font-weight:700;line-height:1.2;letter-spacing:0;text-transform:none;transition:background-color var(--d) var(--ease-out),border-color var(--d) var(--ease-out),color var(--d) var(--ease-out),box-shadow var(--d) var(--ease-out),transform var(--d-fast) var(--ease-out);white-space:nowrap;text-decoration:none;cursor:pointer;touch-action:manipulation}.btn:hover{background:var(--blue-900);color:var(--text-on-blue)}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid var(--gold-500);outline-offset:2px}.btn:disabled,.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none!important}.btn svg{width:18px;height:18px;flex-shrink:0}.btn-primary{background:var(--blue-700);color:var(--text-on-blue);border-color:var(--blue-700)}.btn-primary:hover{background:var(--blue-900);border-color:var(--blue-900);color:var(--text-on-blue)}.btn-gold{background:var(--gold-500);color:var(--text-on-gold);border-color:var(--gold-500)}.btn-gold:hover{background:var(--gold-300);border-color:var(--gold-300);color:var(--text-on-gold)}.btn-outline{background:transparent;border-color:var(--border-strong);color:var(--blue-700)}.btn-outline:hover{background:var(--blue-50);border-color:var(--blue-700);color:var(--blue-700)}.btn-outline-light{background:transparent;border-color:color-mix(in srgb,var(--text-on-blue) 60%,transparent);color:var(--text-on-blue)}.btn-outline-light:hover{background:var(--text-on-blue);color:var(--blue-700)}.btn-ghost{background:transparent;color:var(--text);border-color:transparent}.btn-ghost:hover{background:var(--bg-mute);color:var(--text-hi)}.btn-danger{background:var(--danger-bg);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.btn-danger:hover{background:var(--danger);color:#fff}.btn-whatsapp{background:var(--whatsapp);color:#fff;border-color:var(--whatsapp)}.btn-whatsapp:hover{background:var(--whatsapp-deep);border-color:var(--whatsapp-deep);color:#fff}.btn-lg{min-height:54px;padding:0 34px;font-size:17px}.btn-sm{min-height:40px;padding:0 16px;font-size:14px}.btn-block{width:100%}.cta-underline{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:15px;color:var(--blue-700);text-decoration:underline;text-decoration-color:var(--gold-500);text-decoration-thickness:2px;text-underline-offset:6px}.cta-underline:hover{color:var(--accent-ink)}.cta-underline.on-blue{color:var(--gold-100)}.cta-underline.on-blue:hover{color:#fff}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--r-pill);background:transparent;color:var(--text);border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;position:relative;transition:background-color var(--d) var(--ease-out),color var(--d) var(--ease-out)}.btn-icon:hover{background:var(--bg-mute);color:var(--text-hi)}.btn-icon svg{width:20px;height:20px}.btn-icon.on-strip{color:var(--strip-text)}.btn-icon .count{position:absolute;top:4px;inset-inline-end:2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--gold-500);color:var(--text-on-gold);font-size:11px;font-weight:700;line-height:18px;text-align:center}.card{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-card);overflow:hidden;transition:box-shadow var(--d) var(--ease-out),border-color var(--d) var(--ease-out)}.card:hover{box-shadow:var(--shadow)}.panel{background:var(--bg-elev-1);border:1px solid var(--border);border-radius:var(--r-card);padding:24px}@media (max-width: 640px){.panel{padding:18px}}.form-label{display:block;margin-bottom:6px;font-size:14px;font-weight:700;color:var(--text-hi);letter-spacing:0;text-transform:none}.form-hint{font-size:13px;color:var(--text-lo);margin-top:6px}.form-error{font-size:13px;color:var(--danger);margin-top:6px}.form-control,input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=search],textarea,select{display:block;width:100%;min-height:48px;padding:11px 14px;font-family:inherit;font-size:15px;color:var(--text-hi);background:#fff;border:1px solid var(--border-strong);border-radius:var(--r-input);transition:border-color var(--d-fast) var(--ease-out),box-shadow var(--d-fast) var(--ease-out)}textarea{min-height:110px}.form-control:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:var(--gold-500);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold-500) 22%,transparent)}.form-control::placeholder,input::placeholder,textarea::placeholder{color:var(--text-lo)}.form-control:disabled{opacity:.5;cursor:not-allowed}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23667085' d='M1 1l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:left 14px center;background-size:12px;padding-inline-end:36px;appearance:none}@media (max-width: 768px){input[type=text],input[type=email],input[type=tel],input[type=number],input[type=password],input[type=search],textarea,select{font-size:16px}}.chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 16px;border:1px solid var(--border-strong);border-radius:var(--r-ui);background:#fff;color:var(--text);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;transition:background-color var(--d-fast) var(--ease-out),border-color var(--d-fast) var(--ease-out),color var(--d-fast) var(--ease-out)}.chip:hover{border-color:var(--blue-700);color:var(--blue-700)}.chip.is-active,.chip[aria-pressed=true]{background:var(--blue-700);border-color:var(--blue-700);color:var(--text-on-blue)}.chip .n{font-size:12px;opacity:.75}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--r-pill);background:var(--bg-mute);color:var(--text);border:1px solid var(--border);font-size:12px;font-weight:700}.pill-success{background:var(--success-bg);color:var(--success);border-color:color-mix(in srgb,var(--success) 30%,transparent)}.pill-danger{background:var(--danger-bg);color:var(--danger);border-color:color-mix(in srgb,var(--danger) 30%,transparent)}.pill-solid{background:var(--blue-700);color:var(--text-on-blue);border-color:var(--blue-700)}.karat-chip{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--r-pill);background:var(--gold-50);color:var(--accent-ink);border:1px solid var(--border-gold);font-size:12px;font-weight:700}.badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-ui);background:var(--blue-700);color:var(--text-on-blue);font-size:12px;font-weight:700}.badge-gold{background:var(--gold-500);color:var(--text-on-gold)}.price{font-weight:700;color:var(--text-hi)}.price-lg{font-size:26px}.price-old{color:var(--text-lo);text-decoration:line-through;font-weight:500}.price-unit{font-size:.8em;font-weight:500;color:var(--text-lo)}.spinner{width:36px;height:36px;margin:32px auto;border:2px solid var(--bg-cream-2);border-top-color:var(--blue-700);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:64px 24px;color:var(--text-lo)}.empty-state h3{color:var(--text-hi);margin-bottom:8px}.empty-state .empty-ico{width:56px;height:56px;margin:0 auto 16px;color:var(--gold-500)}.skel{background:linear-gradient(90deg,var(--bg-cream) 0%,var(--bg-mute) 50%,var(--bg-cream) 100%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:var(--r-img)}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.skip-link{position:absolute;inset-inline-start:0;top:-48px;z-index:1000;background:var(--gold-500);color:var(--text-on-gold);padding:10px 16px;font-weight:700;transition:top var(--d-fast)}.skip-link:focus{top:0}.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}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width: 768px){h1{font-size:30px}h2{font-size:24px}h3{font-size:18px}.script-lg,.serif-lg,.sans-lg,.default-lg{font-size:36px}.script-md{font-size:30px}.script-sm{font-size:24px}}@media (max-width: 480px){h1{font-size:26px}h2{font-size:22px}.script-lg,.serif-lg,.sans-lg,.default-lg,.script-md,.script-sm{max-width:100%;overflow-wrap:break-word}}.text-center{text-align:center}.text-hi{color:var(--text-hi)}.text-lo{color:var(--text-lo)}.text-gold{color:var(--accent-ink)}.text-blue{color:var(--blue-700)}.text-on-blue{color:var(--text-on-blue)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.bg-cream{background:var(--bg-cream)}.bg-blue{background:var(--blue-700);color:var(--text-on-blue)}.bg-blue-deep{background:var(--blue-900);color:var(--text-on-blue)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.mt-0{margin-top:0}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-8{margin-top:32px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-8{margin-bottom:32px}