@layer reset,base,tokens,layout,components,utilities,theme;@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-arabic-400.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tajawal-arabic-500.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-arabic-700.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FEFF}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tajawal-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@layer tokens{:root{color-scheme:light;--brand-primary: #0066cc;--brand-primary-hover: #005bb8;--brand-primary-active: #004ea3;--brand-accent: #cc0066;--brand-accent-strong: #a8004f;--bg-canvas: #ffffff;--bg-subtle: #f8fafc;--bg-muted: #f1f5f9;--surface-card: #ffffff;--surface-raised: #ffffff;--text-strong: #0f172a;--text-default: #1e293b;--text-muted: #475569;--text-subtle: #64748b;--text-on-brand: #ffffff;--text-link: #004ea3;--text-link-hover: #00397a;--border-subtle: #e2e8f0;--border-default: #cbd5e1;--border-interactive: #7d8da7;--border-strong: #475569;--success: #15803d;--success-bg: #f0fdf4;--success-text: #166534;--warning: #b45309;--warning-bg: #fffbeb;--warning-text: #92400e;--danger: #b91c1c;--danger-bg: #fef2f2;--info: #1d4ed8;--info-bg: #eff6ff;--disabled-fill: #e2e8f0;--disabled-text: #94a3b8;--focus-ring: #0066cc;--focus-ring-on-brand: #ffffff;--hover-overlay: color-mix(in oklab, var(--text-strong) 4%, transparent);--active-overlay: color-mix(in oklab, var(--text-strong) 8%, transparent);--selected-bg: #eff6ff;--gradient-brand-subtle: linear-gradient(180deg, #f8fafc 0%, #eef2f7 100%);--gradient-cta-sheen: linear-gradient(180deg, #0a6fd4 0%, #0066cc 100%);--font-sans: "Tajawal", system-ui, "Segoe UI", Tahoma, Arial, sans-serif;--font-size-display: clamp(2.5rem, 1.5rem + 4.6vw, 4.5rem);--font-size-h1: clamp(2.25rem, 1.5rem + 3vw, 3.5rem);--font-size-h2: clamp(1.75rem, 1.3rem + 1.9vw, 2.5rem);--font-size-h3: 1.5rem;--font-size-h4: 1.25rem;--font-size-lead: 1.25rem;--font-size-body: 1rem;--font-size-body-sm: .9375rem;--font-size-label: .875rem;--font-size-caption: .8125rem;--line-height-display: 1.3333;--line-height-h1: 1.4286;--line-height-h2: 1.5;--line-height-h3: 1.5;--line-height-lead: 1.8;--line-height-body: 1.75;--line-height-tight: 1.5;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--letter-spacing-latin-caps: .02em;--letter-spacing-arabic: 0;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 2.5rem;--space-8: 3rem;--space-9: 4rem;--space-10: 5rem;--space-11: 6rem;--space-12: 8rem;--space-section-y: clamp(4rem, 2rem + 6vw, 8rem);--space-gutter: clamp(1rem, .5rem + 2vw, 2rem);--container-max: 75rem;--container-narrow: 48rem;--measure-arabic: 70ch;--measure-latin: 65ch;--tap-target-min: 44px;--header-height: 4.5rem;--header-h: calc(var(--header-height) + 1px);--control-height-sm: 2.25rem;--control-height-md: var(--tap-target-min);--control-height-lg: 3.25rem;--chip-sm: 2.25rem;--chip-md: 3rem;--chip-lg: 3.5rem;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-pill: 9999px;--shadow-xs: 0 1px 2px 0 rgba(15, 23, 42, .06);--shadow-sm: 0 1px 3px 0 rgba(15, 23, 42, .08), 0 1px 2px -1px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px -2px rgba(15, 23, 42, .1), 0 2px 6px -2px rgba(15, 23, 42, .06);--shadow-lg: 0 12px 28px -6px rgba(15, 23, 42, .14), 0 6px 12px -6px rgba(15, 23, 42, .08);--shadow-xl: 0 24px 56px -12px rgba(15, 23, 42, .18), 0 10px 20px -10px rgba(15, 23, 42, .1);--shadow-brand: 0 8px 24px -6px rgba(0, 102, 204, .28);--duration-instant: 80ms;--duration-fast: .15s;--duration-base: .22s;--duration-slow: .32s;--duration-slower: .48s;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-decelerate: cubic-bezier(0, 0, 0, 1);--ease-accelerate: cubic-bezier(.3, 0, 1, 1);--z-base: 0;--z-sticky: 100;--z-header: 200;--z-menu: 300;--z-skiplink: 400}}@layer theme{[data-theme=dark]{color-scheme:dark;--bg-canvas: #0b1220;--bg-subtle: #111a2b;--bg-muted: #16213a;--surface-card: #19233c;--surface-raised: #1e2a45;--text-strong: #f1f5f9;--text-default: #e2e8f0;--text-muted: #a3b0c2;--text-subtle: #94a3b8;--text-on-brand: #ffffff;--text-link: #5aa9ff;--text-link-hover: #8cc2ff;--brand-primary-active: #7ab4ff;--brand-accent: #ff5ba0;--brand-accent-strong: #ff7db4;--border-subtle: #1f2a3d;--border-default: #2a3850;--border-interactive: #5b6a82;--border-strong: #8493a8;--success: #4ade80;--success-bg: color-mix(in oklab, #4ade80 14%, transparent);--success-text: #86efac;--warning: #fbbf24;--warning-bg: color-mix(in oklab, #fbbf24 14%, transparent);--warning-text: #fcd34d;--danger: #f87171;--danger-bg: color-mix(in oklab, #f87171 14%, transparent);--info: #60a5fa;--info-bg: color-mix(in oklab, #60a5fa 14%, transparent);--disabled-fill: #1f2a3d;--disabled-text: #64748b;--focus-ring: #5aa9ff;--selected-bg: color-mix(in oklab, #5aa9ff 16%, transparent);--gradient-brand-subtle: linear-gradient(180deg, #0e1830 0%, #0b1322 100%);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .4);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .5), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .55), 0 2px 6px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 12px 28px -6px rgba(0, 0, 0, .6), 0 6px 12px -6px rgba(0, 0, 0, .45);--shadow-xl: 0 24px 56px -12px rgba(0, 0, 0, .66), 0 10px 20px -10px rgba(0, 0, 0, .5);--shadow-brand: 0 8px 24px -6px rgba(0, 102, 204, .5)}}@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}img,svg,video,picture{display:block;max-inline-size:100%;block-size:auto}button,input,textarea,select{font:inherit;color:inherit;letter-spacing:inherit}}@layer base{html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-block-start:var(--header-h);tab-size:4}body{font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--text-default);background-color:var(--bg-canvas);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;min-block-size:100dvh;overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{color:var(--text-strong);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);text-wrap:balance;letter-spacing:var(--letter-spacing-arabic)}p{text-wrap:pretty}bdi{overflow-wrap:anywhere}a{color:var(--text-link);text-decoration-thickness:1px;text-underline-offset:.2em}a:hover{color:var(--text-link-hover)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;border-radius:var(--radius-xs)}:focus:not(:focus-visible){outline:none}main:focus{outline:none}::selection{background-color:var(--selected-bg);background-color:color-mix(in oklab,var(--brand-primary) 18%,transparent);color:var(--text-strong)}@media(prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}body{transition:background-color var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard)}}}@layer layout{.u-container{inline-size:100%;max-inline-size:var(--container-max);margin-inline:auto;padding-inline:var(--space-gutter)}.u-measure{max-inline-size:var(--measure-arabic)}}@layer utilities{.u-visually-hidden{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.u-bidi-ltr{unicode-bidi:isolate;direction:ltr}[dir=rtl] .u-mirror{transform:scaleX(-1)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition:none;scroll-behavior:auto}}@media(forced-colors:active){.c-btn{border-color:ButtonText}:focus-visible{outline-color:Highlight}}}@layer components{.c-catalog{padding-block-start:var(--space-8)}.c-catalog__title{font-size:var(--font-size-h1);line-height:var(--line-height-h1)}.c-catalog__intro{margin-block-start:var(--space-3);color:var(--text-muted);font-size:var(--font-size-lead);line-height:var(--line-height-lead)}.c-catalog__grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr;gap:var(--space-5)}@media(min-width:48rem){.c-catalog__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:75rem){.c-catalog__grid{grid-template-columns:repeat(3,1fr)}}.c-detail{padding-block-start:var(--space-6)}.c-detail__back{margin-block-end:var(--space-5)}.c-detail__back-link{display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:var(--tap-target-min);color:var(--text-link);text-decoration:none;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.c-detail__back-link:hover{color:var(--text-link-hover);text-decoration:underline}.c-detail__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.c-detail__cat{font-size:var(--font-size-caption);color:var(--text-subtle)}.c-detail__title{margin-block-start:var(--space-3);font-size:var(--font-size-h1);line-height:var(--line-height-h1)}.c-detail__summary{margin-block-start:var(--space-3);color:var(--text-muted);font-size:var(--font-size-lead);line-height:var(--line-height-lead)}.c-detail__grid{display:grid;grid-template-columns:1fr;gap:var(--space-7);margin-block-start:var(--space-7);align-items:start}@media(min-width:64rem){.c-detail__grid{grid-template-columns:2fr 1fr}}.c-detail__body{display:flex;flex-direction:column;gap:var(--space-4)}.c-detail__h2{margin-block-start:var(--space-4);font-size:var(--font-size-h3);line-height:var(--line-height-h3)}.c-detail__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.c-detail__list-item{display:flex;align-items:start;gap:var(--space-2)}.c-detail__check{flex-shrink:0;color:var(--success);margin-block-start:var(--space-1)}.c-detail__panel{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-xl);background-color:var(--surface-raised);box-shadow:var(--shadow-sm);position:sticky;inset-block-start:calc(var(--header-h) + var(--space-4))}.c-detail__note{display:flex;align-items:start;gap:var(--space-2);font-size:var(--font-size-caption);color:var(--text-muted)}.c-inquiry{padding-block-start:var(--space-8);max-inline-size:var(--container-narrow)}.c-inquiry__title{font-size:var(--font-size-h1);line-height:var(--line-height-h1)}.c-inquiry__intro{margin-block-start:var(--space-3);color:var(--text-muted)}.c-inquiry__sent{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);text-align:center;padding-block:var(--space-10)}.c-inquiry__sent-icon{color:var(--success);inline-size:var(--chip-lg);block-size:var(--chip-lg);padding:var(--space-3);border-radius:var(--radius-pill);background-color:var(--success-bg)}.c-form{display:flex;flex-direction:column;gap:var(--space-5);margin-block-start:var(--space-7)}.c-form__field{display:flex;flex-direction:column;gap:var(--space-2)}.c-form__label{font-weight:var(--font-weight-medium);color:var(--text-strong);font-size:var(--font-size-body-sm)}.c-form__input{min-block-size:var(--control-height-md);padding-block:var(--space-2);padding-inline:var(--space-4);border:1px solid var(--border-interactive);border-radius:var(--radius-sm);background-color:var(--surface-card);color:var(--text-default)}.c-form__input--area{min-block-size:var(--space-12);resize:vertical}.c-form__actions{display:flex;flex-direction:column;gap:var(--space-3)}.c-form__note{display:flex;align-items:start;gap:var(--space-2);font-size:var(--font-size-caption);color:var(--text-muted)}.c-cart{padding-block-start:var(--space-8);max-inline-size:var(--container-narrow)}.c-cart__title{font-size:var(--font-size-h1);line-height:var(--line-height-h1)}.c-cart__shell-banner{display:flex;align-items:center;gap:var(--space-2);margin-block-start:var(--space-4);padding-block:var(--space-3);padding-inline:var(--space-4);border-radius:var(--radius-md);background-color:var(--warning-bg);color:var(--warning-text);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium)}.c-cart__empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding-block:var(--space-10);text-align:center;color:var(--text-muted)}.c-cart__empty-icon{color:var(--text-subtle)}.c-cart__lines{list-style:none;padding:0;margin:0;margin-block-start:var(--space-6);display:flex;flex-direction:column}.c-cart__line{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding-block:var(--space-4);border-block-end:1px solid var(--border-subtle)}.c-cart__line-info{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.c-cart__line-name{color:var(--text-strong);font-weight:var(--font-weight-medium);text-decoration:none}.c-cart__line-name:hover{color:var(--text-link);text-decoration:underline}.c-cart__line-qty{font-size:var(--font-size-label);color:var(--text-muted)}.c-cart__quote-note{font-size:var(--font-size-label);color:var(--brand-primary-active);font-weight:var(--font-weight-medium)}.c-cart__summary{margin-block-start:var(--space-6);padding:var(--space-6);border:1px solid var(--border-default);border-radius:var(--radius-xl);background-color:var(--surface-raised);display:flex;flex-direction:column;gap:var(--space-4)}.c-cart__total{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);font-weight:var(--font-weight-bold);color:var(--text-strong)}.c-cart__total-amount{display:inline-flex;align-items:baseline;gap:var(--space-1);font-size:var(--font-size-h3)}.c-cart__total-currency{font-size:var(--font-size-label);color:var(--text-muted);font-weight:var(--font-weight-medium)}.c-cart__partial-note,.c-cart__disabled-note{display:flex;align-items:start;gap:var(--space-2);font-size:var(--font-size-caption);color:var(--text-muted)}.c-notfound{padding-block:var(--space-11);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.c-notfound__title{font-size:var(--font-size-h1);line-height:var(--line-height-h1)}.c-notfound__message{color:var(--text-muted);font-size:var(--font-size-lead);line-height:var(--line-height-lead)}.c-notfound__actions{margin-block-start:var(--space-3)}}