.ref-shell{--ref-ink:#0b0f14;--ref-ink-2:#141b24;--ref-surface:#1a22308c;--ref-brass:#b8863c;--ref-brass-light:#d4af37;--ref-brass-deep:#8c5f22;--ref-text:#e8e6e1;--ref-text-dim:#8a9199;--ref-line:#b8863c47;--ref-ease:cubic-bezier(.16, 1, .3, 1);background:var(--ref-ink);min-height:100dvh;color:var(--ref-text);isolation:isolate;position:relative;overflow-x:hidden}.ref-shell *{box-sizing:border-box}.ref-atmosphere{z-index:0;pointer-events:none;background:var(--ref-ink);position:fixed;inset:0}.ref-atmosphere.is-dim .ref-atmosphere-canvas{opacity:.72}.ref-atmosphere-static{background:radial-gradient(ellipse 70% 55% at 50% 35%, #b8863c24, transparent 70%), radial-gradient(ellipse 50% 40% at 80% 80%, #8c5f221a, transparent 65%), var(--ref-ink);position:absolute;inset:0}.ref-atmosphere-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.ref-atmosphere-canvas{display:none}}.ref-content{z-index:1;flex-direction:column;align-items:stretch;gap:0;width:min(100%,420px);margin:0 auto;padding:clamp(40px,8vh,72px) 20px clamp(48px,10vh,80px);display:flex;position:relative}.ref-brand{text-align:center;flex-direction:column;align-items:center;margin-bottom:36px;display:flex}.ref-brand-mark{object-fit:contain;filter:drop-shadow(0 8px 24px #b8863c40);width:72px;height:72px;margin-bottom:18px}.ref-brand-name{font-family:var(--font-display), Tajawal, sans-serif;letter-spacing:-.02em;color:var(--ref-text);font-size:clamp(36px,9vw,44px);font-weight:800;line-height:1.1}.ref-brand-tag{color:var(--ref-text-dim);letter-spacing:.02em;margin-top:12px;font-size:15px}.ref-brand-tag-en{font-family:var(--font-mono), monospace;letter-spacing:.14em;text-transform:uppercase;opacity:.42;direction:ltr;unicode-bidi:isolate;margin-top:6px;font-size:10px;display:block}.ref-stack{flex-direction:column;gap:12px;display:flex}.ref-phone{border:1px solid var(--ref-line);background:var(--ref-surface);-webkit-backdrop-filter:blur(14px);transition:border-color .28s var(--ref-ease), box-shadow .28s var(--ref-ease);border-radius:18px;padding:14px 14px 12px}.ref-phone.is-preferred{background:linear-gradient(165deg,#b8863c29,#1a22308c);border-color:#d4af3780;box-shadow:0 12px 32px #b8863c2e}.ref-phone-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding-inline:4px;display:flex}.ref-phone-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ref-act{appearance:none;color:var(--ref-text);min-height:48px;font-family:var(--font-body), sans-serif;cursor:pointer;transition:transform .28s var(--ref-ease), border-color .28s var(--ref-ease), background .28s var(--ref-ease), box-shadow .28s var(--ref-ease);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#0b0f1459;border:1px solid #e8e6e124;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 12px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.ref-act.is-primary{background:linear-gradient(165deg, var(--ref-brass-light) 0%, var(--ref-brass) 48%, var(--ref-brass-deep) 100%);color:#0b0f14;border-color:#0000;box-shadow:0 8px 20px #b8863c40}.ref-act:hover{border-color:#d4af378c}.ref-act:active{transform:scale(.98)}.ref-act:focus-visible{outline:2px solid var(--ref-brass-light);outline-offset:2px}.ref-act-icon{flex-shrink:0;width:18px;height:18px}.ref-btn{appearance:none;border:1px solid var(--ref-line);background:var(--ref-surface);-webkit-backdrop-filter:blur(14px);color:var(--ref-text);min-height:56px;font-family:var(--font-body), sans-serif;cursor:pointer;transition:transform .28s var(--ref-ease), border-color .28s var(--ref-ease), background .28s var(--ref-ease), box-shadow .28s var(--ref-ease);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:16px;justify-content:center;align-items:center;gap:10px;padding:14px 18px;font-size:16px;font-weight:700;line-height:1.3;text-decoration:none;display:flex}.ref-btn:hover{border-color:#d4af378c;box-shadow:0 10px 28px #00000047}.ref-btn:active{transform:scale(.98)}.ref-btn:focus-visible{outline:2px solid var(--ref-brass-light);outline-offset:3px}.ref-btn-primary{background:linear-gradient(165deg, var(--ref-brass-light) 0%, var(--ref-brass) 48%, var(--ref-brass-deep) 100%);color:#0b0f14;border-color:#0000;min-height:64px;font-size:17px;box-shadow:0 12px 32px #b8863c47}.ref-btn-primary:hover{box-shadow:0 16px 40px #b8863c61}.ref-btn-ghost{background:0 0;border-color:#e8e6e12e;margin-top:8px;font-weight:600}.ref-btn-ghost:hover{border-color:var(--ref-brass);background:#b8863c14}.ref-btn-row{text-align:start;justify-content:space-between}.ref-btn-meta{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.ref-btn-label{color:var(--ref-text-dim);font-size:12px;font-weight:500}.ref-btn-value{font-family:var(--font-mono), monospace;letter-spacing:.04em;direction:ltr;unicode-bidi:isolate;font-size:16px;font-weight:500}.ref-chip{color:var(--ref-brass-light);background:#b8863c2e;border:1px solid #b8863c59;border-radius:999px;flex-shrink:0;padding:5px 10px;font-size:11px;font-weight:700}.ref-divider{background:linear-gradient(90deg, transparent, var(--ref-line), transparent);border:0;height:1px;margin:22px 0 18px}.ref-social{justify-content:center;gap:14px;margin-top:4px;display:flex}.ref-social-btn{border:1px solid var(--ref-line);background:var(--ref-surface);-webkit-backdrop-filter:blur(12px);width:52px;height:52px;color:var(--ref-text);transition:transform .28s var(--ref-ease), border-color .28s var(--ref-ease), background .28s var(--ref-ease);-webkit-tap-highlight-color:transparent;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.ref-social-btn:hover{border-color:var(--ref-brass-light);background:#b8863c1f}.ref-social-btn:active{transform:scale(.96)}.ref-social-btn:focus-visible{outline:2px solid var(--ref-brass-light);outline-offset:3px}.ref-social-btn svg{fill:currentColor;width:22px;height:22px}.ref-foot{text-align:center;color:var(--ref-text-dim);opacity:.7;margin-top:28px;font-size:12px}.ref-foot a{color:var(--ref-brass-light);text-decoration:none}.ref-catalog-shell .ref-content{width:min(100%,560px);padding-top:0}.ref-cat-bar{z-index:5;padding:14px 0 12px;-webkit-backdrop-filter:blur(10px);background:linear-gradient(#0b0f14f5 60%,#0b0f1400);justify-content:space-between;align-items:center;gap:12px;margin:0 -4px;padding-inline:4px;display:flex;position:sticky;top:0}.ref-cat-back,.ref-cat-pdf{appearance:none;border:1px solid var(--ref-line);background:var(--ref-surface);color:var(--ref-text);min-height:44px;font-family:var(--font-body), sans-serif;cursor:pointer;transition:transform .28s var(--ref-ease), border-color .28s var(--ref-ease), background .28s var(--ref-ease);-webkit-tap-highlight-color:transparent;border-radius:12px;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.ref-cat-pdf{background:linear-gradient(165deg, var(--ref-brass-light), var(--ref-brass));color:#0b0f14;border-color:#0000}.ref-cat-back:hover,.ref-cat-pdf:hover{border-color:var(--ref-brass-light)}.ref-cat-back:active,.ref-cat-pdf:active{transform:scale(.98)}.ref-cat-back:focus-visible,.ref-cat-pdf:focus-visible{outline:2px solid var(--ref-brass-light);outline-offset:2px}.ref-cat-brand{font-family:var(--font-display), Tajawal, sans-serif;letter-spacing:-.02em;font-size:18px;font-weight:800}.ref-cat-head{text-align:center;margin:12px 0 20px}.ref-cat-head h1{font-family:var(--font-display), Tajawal, sans-serif;font-size:clamp(24px,5vw,30px);font-weight:800;line-height:1.25}.ref-cat-head p{color:var(--ref-text-dim);margin-top:8px;font-size:14px}.ref-cat-search{border:1px solid var(--ref-line);width:100%;min-height:48px;color:var(--ref-text);font-family:var(--font-body), sans-serif;transition:border-color .28s var(--ref-ease);background:#1a2230a6;border-radius:14px;outline:none;margin-bottom:14px;padding:12px 16px;font-size:15px}.ref-cat-search::placeholder{color:var(--ref-text-dim)}.ref-cat-search:focus{border-color:var(--ref-brass)}.ref-chips{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;gap:8px;margin-bottom:18px;padding-bottom:4px;display:flex;overflow-x:auto}.ref-chips::-webkit-scrollbar{display:none}.ref-chip-btn{appearance:none;color:var(--ref-text-dim);min-height:40px;font-family:var(--font-body), sans-serif;cursor:pointer;transition:background .28s var(--ref-ease), border-color .28s var(--ref-ease), color .28s var(--ref-ease), transform .28s var(--ref-ease);-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #e8e6e124;border-radius:999px;flex-shrink:0;padding:0 16px;font-size:13px;font-weight:600}.ref-chip-btn.is-active{border-color:var(--ref-brass);color:var(--ref-brass-light);background:#b8863c33}.ref-chip-btn:active{transform:scale(.97)}.ref-chip-btn:focus-visible{outline:2px solid var(--ref-brass-light);outline-offset:2px}.ref-list{border-top:1px solid #b8863c29;margin:0;padding:0;list-style:none}.ref-row{min-height:72px;color:inherit;transition:background .25s var(--ref-ease);border-bottom:1px solid #b8863c1f;justify-content:space-between;align-items:center;gap:14px;padding:16px 2px;text-decoration:none;display:flex}.ref-row:hover{background:#b8863c0f}.ref-row:focus-visible{outline:2px solid var(--ref-brass-light);outline-offset:-2px}.ref-row-main{flex:1;min-width:0}.ref-row-name{font-size:15px;font-weight:600;line-height:1.45}.ref-row-meta{color:var(--ref-text-dim);flex-wrap:wrap;gap:8px 12px;margin-top:4px;font-size:12px;display:flex}.ref-row-sku{font-family:var(--font-mono), monospace;letter-spacing:.03em;direction:ltr;unicode-bidi:isolate}.ref-row-price{font-family:var(--font-mono), monospace;color:var(--ref-brass-light);direction:ltr;unicode-bidi:isolate;flex-shrink:0;font-size:14px;font-weight:500}.ref-empty{text-align:center;color:var(--ref-text-dim);padding:48px 16px;font-size:15px}.ref-count{color:var(--ref-text-dim);margin:0 0 10px;font-size:12px}.ref-print-only{display:none}@media print{@page{margin:14mm}body{color:#0f1419!important;background:#fff!important}.ref-shell{min-height:auto;color:#0f1419!important;background:#fff!important}.ref-atmosphere,.ref-cat-bar,.ref-cat-search,.ref-chips,.ref-count,.ref-foot,.no-print{display:none!important}.ref-print-only{border-bottom:1px solid #c8c4bc;margin-bottom:18px;padding-bottom:12px;display:block!important}.ref-print-only h1{font-family:var(--font-display), Tajawal, sans-serif;margin:0 0 4px;font-size:22px}.ref-print-only p{color:#4a5560;margin:0;font-size:12px}.ref-content{width:100%;max-width:none;padding:0}.ref-cat-head{display:none}.ref-list{border-top:1px solid #c8c4bc}.ref-row{break-inside:avoid;color:#0f1419;border-bottom:1px solid #e5e2dc;min-height:auto;padding:8px 0}.ref-row-price{color:#0f1419}.ref-print-section{font-family:var(--font-display), Tajawal, sans-serif;color:#8c5f22;border-bottom:1px solid #d4af37;margin:18px 0 8px;padding-bottom:4px;font-size:14px;font-weight:700;display:block}}