@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800&family=Lalezar&display=swap");:root{--y-red-50:#fbeeec;--y-red-100:#f5dad6;--y-red-200:#e9b4ad;--y-red-300:#dc8d83;--y-red-400:#ce6255;--y-red-500:#c0392b;--y-red-600:#a93227;--y-red-700:#8e2c22;--y-red-800:#742620;--y-red-900:#59211c;--y-primary:#c0392b;--y-primary-600:#a93227;--y-primary-700:#8e2c22;--y-primary-on-dark:#e2604f;--y-primary-tint:rgba(192,57,43,.08);--y-primary-tint-strong:rgba(192,57,43,.14);--y-secondary:#f39c12;--y-secondary-600:#d9850a;--y-secondary-text:#9c640c;--y-secondary-tint:rgba(243,156,18,.15);--y-ink:#1a1a2e;--y-n-50:#f6f1ec;--y-n-100:#ede6df;--y-n-200:#ded4ca;--y-n-300:#c4b9ae;--y-n-400:#9e948b;--y-n-500:#7a716a;--y-n-600:#5f574f;--y-n-700:#4a433d;--y-n-800:#34302c;--y-n-900:#22201e;--y-paper:#fff8f0;--y-paper-2:#fbf2e8;--y-surface:#fff;--y-surface-2:#fdf7ef;--y-surface-sunken:#f5ede3;--y-text-1:#211f2e;--y-text-2:#5c5660;--y-text-3:#8a8390;--y-text-on-primary:#fff;--y-muted:#6b6b7a;--y-border:rgba(26,26,46,.1);--y-border-strong:rgba(26,26,46,.16);--y-border-soft:rgba(26,26,46,.06);--y-success:#27ae60;--y-success-text:#157a32;--y-success-tint:rgba(39,174,96,.14);--y-warn:#e67e22;--y-warn-text:#a85a17;--y-warn-tint:rgba(230,126,34,.15);--y-error:#e74c3c;--y-error-text:#b03024;--y-error-tint:rgba(231,76,60,.12);--y-info:#2d7dd2;--y-info-text:#1d6fb8;--y-info-tint:rgba(45,125,210,.12);--y-scrim:rgba(20,16,28,.48);--y-scrim-soft:rgba(20,16,28,.32);--y-glass:rgba(255,248,240,.72);--y-radius-xs:6px;--y-radius-sm:10px;--y-radius-md:14px;--y-radius-lg:18px;--y-radius-xl:24px;--y-radius-2xl:30px;--y-radius-full:999px;--y-radius-card:14px;--y-radius-sheet:24px;--y-radius-button:999px;--y-space-0:0px;--y-space-1:4px;--y-space-2:8px;--y-space-3:12px;--y-space-4:16px;--y-space-5:24px;--y-space-6:32px;--y-space-7:48px;--y-space-8:64px;--y-space-9:80px;--y-shadow-xs:0 1px 2px rgba(26,26,46,.06);--y-shadow-sm:0 1px 2px rgba(26,26,46,.05),0 2px 6px rgba(26,26,46,.07);--y-shadow-md:0 2px 4px rgba(26,26,46,.05),0 8px 18px rgba(26,26,46,.1);--y-shadow-lg:0 6px 12px rgba(26,26,46,.07),0 18px 36px rgba(26,26,46,.13);--y-shadow-xl:0 12px 24px rgba(26,26,46,.1),0 30px 60px rgba(26,26,46,.18);--y-shadow-primary:0 6px 18px rgba(192,57,43,.28);--y-elev-1:var(--y-shadow-sm);--y-elev-2:var(--y-shadow-md);--y-elev-3:var(--y-shadow-lg);--y-elev-4:var(--y-shadow-xl);--y-z-base:1;--y-z-sticky:20;--y-z-nav:30;--y-z-overlay:40;--y-z-sheet:45;--y-z-modal:50;--y-z-toast:60;--y-font-display:"Lalezar","Cairo",system-ui,sans-serif;--y-font-ui:"Cairo",system-ui,-apple-system,"Segoe UI",sans-serif;--y-font-mono:ui-monospace,"SF Mono",Menlo,monospace;--y-fs-display:clamp(40px,7vw,64px);--y-lh-display:1.08;--y-fs-h1:clamp(30px,4.5vw,40px);--y-lh-h1:1.14;--y-fs-h2:clamp(24px,3.4vw,30px);--y-lh-h2:1.2;--y-fs-h3:22px;--y-lh-h3:1.25;--y-fs-h4:18px;--y-lh-h4:1.3;--y-fs-title:17px;--y-lh-title:1.35;--y-fs-body-lg:18px;--y-lh-body-lg:1.6;--y-fs-body:16px;--y-lh-body:1.55;--y-fs-body-sm:14px;--y-lh-body-sm:1.5;--y-fs-caption:13px;--y-lh-caption:1.4;--y-fs-overline:12px;--y-lh-overline:1.2;--y-fw-regular:400;--y-fw-medium:500;--y-fw-semibold:600;--y-fw-bold:700;--y-fw-heavy:800;--y-dur-instant:90ms;--y-dur-fast:130ms;--y-dur-base:200ms;--y-dur-moderate:260ms;--y-dur-slow:320ms;--y-ease-standard:cubic-bezier(0.2,0,0,1);--y-ease-out:cubic-bezier(0.05,0.7,0.1,1);--y-ease-in:cubic-bezier(0.3,0,0.8,0.15);--y-ease-spring:cubic-bezier(0.34,1.56,0.64,1);--y-ease-snap:cubic-bezier(0.25,1,0.5,1);--y-motion:var(--y-dur-base) var(--y-ease-standard);--y-focus-ring:0 0 0 3px rgba(192,57,43,.35);--y-focus-ring-gold:0 0 0 3px rgba(243,156,18,.5)}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}html{text-size-adjust:100%}body{font-family:var(--y-font-ui);background:var(--y-paper);color:var(--y-text-1);font-size:var(--y-fs-body);line-height:var(--y-lh-body);min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}:lang(ar),[dir=rtl]{letter-spacing:0}button,input,select,textarea{font-family:inherit}img,svg,video{max-inline-size:100%}a{color:inherit}::selection{background:rgba(192,57,43,.16);color:var(--y-text-1)}:focus-visible{outline:2px solid var(--y-primary);outline-offset:2px}*{scrollbar-width:thin;scrollbar-color:var(--y-n-300) transparent}.y-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--y-space-2);min-height:48px;padding-inline:var(--y-space-5);border:none;border-radius:var(--y-radius-button);background:var(--y-primary);color:var(--y-text-on-primary);font-family:var(--y-font-ui);font-weight:var(--y-fw-bold);font-size:16px;line-height:1;text-decoration:none;cursor:pointer;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:transform var(--y-dur-fast) var(--y-ease-standard),box-shadow var(--y-dur-base) var(--y-ease-standard),background var(--y-dur-base) var(--y-ease-standard),opacity var(--y-dur-base) var(--y-ease-standard)}@media (hover:hover){.y-btn:hover{box-shadow:var(--y-shadow-primary)}.y-btn--ghost:hover,.y-btn--secondary:hover{box-shadow:none;background:var(--y-primary-tint)}}.y-btn:active{transform:scale(.965)}.y-btn:disabled,.y-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none}.y-btn--secondary{background:transparent;color:var(--y-primary);box-shadow:inset 0 0 0 1.5px var(--y-primary)}.y-btn--ghost{background:transparent;color:var(--y-text-1)}.y-btn--danger{background:var(--y-error)}.y-btn--success{background:var(--y-success)}.y-btn--sm{min-height:40px;font-size:14px;padding-inline:var(--y-space-4)}.y-btn--lg{min-height:54px;font-size:17px;padding-inline:var(--y-space-6)}.y-btn--block{display:flex;inline-size:100%}.y-btn--icon{padding-inline:0;min-inline-size:48px}.y-btn--loading{color:transparent!important;position:relative;pointer-events:none}.y-btn--loading:after{content:"";position:absolute;inline-size:18px;block-size:18px;border-radius:50%;border:2px solid;border-block-start-color:transparent;color:var(--y-text-on-primary);animation:y-spin .7s linear infinite}.y-btn--ghost.y-btn--loading:after,.y-btn--secondary.y-btn--loading:after{color:var(--y-primary)}.y-card{background:var(--y-surface);border-radius:var(--y-radius-card);padding:var(--y-space-4);box-shadow:var(--y-shadow-sm)}.y-card--flat{box-shadow:none;border:1px solid var(--y-border)}.y-card--interactive{transition:transform var(--y-dur-base) var(--y-ease-standard),box-shadow var(--y-dur-base) var(--y-ease-standard);cursor:pointer}@media (hover:hover){.y-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--y-shadow-md)}}.y-input{inline-size:100%;min-height:48px;padding:var(--y-space-3) var(--y-space-4);border:1.5px solid var(--y-border-strong);border-radius:var(--y-radius-sm);font-family:var(--y-font-ui);font-size:16px;background:var(--y-surface);color:var(--y-text-1);transition:border-color var(--y-dur-fast) var(--y-ease-standard),box-shadow var(--y-dur-fast) var(--y-ease-standard)}.y-input::placeholder{color:var(--y-text-3)}.y-input:focus{outline:none;border-color:var(--y-primary);box-shadow:var(--y-focus-ring)}.y-input[aria-invalid=true]{border-color:var(--y-error)}.y-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px rgba(231,76,60,.3)}.y-field{display:grid;grid-gap:6px;gap:6px}.y-field-label{font-size:var(--y-fs-body-sm);color:var(--y-text-2)}.y-field-error,.y-field-label{font-weight:var(--y-fw-semibold)}.y-field-error{color:var(--y-error-text)}.y-field-error,.y-field-hint{font-size:var(--y-fs-caption)}.y-field-hint{color:var(--y-text-3)}.y-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:var(--y-radius-full);font-size:13px;font-weight:var(--y-fw-semibold);line-height:1.3;background:var(--y-secondary-tint);color:var(--y-secondary-text)}.y-badge--primary{background:var(--y-primary-tint-strong);color:var(--y-primary-700)}.y-badge--success{background:var(--y-success-tint);color:var(--y-success-text)}.y-badge--warn{background:var(--y-warn-tint);color:var(--y-warn-text)}.y-badge--danger{background:var(--y-error-tint);color:var(--y-error-text)}.y-badge--info{background:var(--y-info-tint);color:var(--y-info-text)}.y-badge--neutral{background:rgba(26,26,46,.07);color:var(--y-text-2)}.y-chip{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding-inline:var(--y-space-4);border-radius:var(--y-radius-full);border:1.5px solid var(--y-border-strong);background:var(--y-surface);color:var(--y-text-1);font-family:var(--y-font-ui);font-size:14px;font-weight:var(--y-fw-semibold);cursor:pointer;transition:background var(--y-dur-fast) var(--y-ease-standard),border-color var(--y-dur-fast) var(--y-ease-standard),transform var(--y-dur-fast) var(--y-ease-standard)}.y-chip:active{transform:scale(.96)}.y-chip.is-on,.y-chip[aria-pressed=true]{background:var(--y-primary);border-color:var(--y-primary);color:#fff}.y-avatar{display:inline-flex;align-items:center;justify-content:center;inline-size:44px;block-size:44px;border-radius:50%;background:var(--y-primary);color:#fff;font-family:var(--y-font-display);font-size:20px;line-height:1;flex-shrink:0;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}.y-avatar img{inline-size:100%;block-size:100%;object-fit:cover}.y-rating{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:var(--y-radius-full);background:rgba(243,156,18,.14);color:var(--y-secondary-text);font-size:13px;font-weight:var(--y-fw-bold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.y-rating svg,.y-stars{color:var(--y-secondary)}.y-stars{display:inline-flex;gap:2px}.y-stars .off{color:var(--y-n-300)}.y-price{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:var(--y-fw-bold)}.y-price-was{color:var(--y-text-3);text-decoration:line-through;font-weight:var(--y-fw-regular);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.y-skeleton{position:relative;overflow:hidden;background:rgba(26,26,46,.06);border-radius:var(--y-radius-sm)}.y-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.55),transparent);transform:translateX(-100%);animation:y-shimmer 1.4s ease-in-out infinite}[dir=rtl] .y-skeleton:after{animation-name:y-shimmer-rtl}.y-skeleton--text{block-size:12px;margin-block:4px}.y-skeleton--title{block-size:20px;inline-size:60%}.y-skeleton--line{block-size:12px}.y-skeleton--circle{border-radius:50%}.y-toast{display:inline-flex;align-items:center;gap:var(--y-space-2);background:var(--y-ink);color:var(--y-paper);border-radius:var(--y-radius-md);padding:var(--y-space-3) var(--y-space-4);font-size:14px;font-weight:var(--y-fw-semibold);box-shadow:var(--y-shadow-lg);animation:y-toast-in var(--y-dur-moderate) var(--y-ease-out)}.y-empty{display:grid;place-items:center;justify-items:center;grid-gap:var(--y-space-3);gap:var(--y-space-3);text-align:center;padding:var(--y-space-7) var(--y-space-4);color:var(--y-text-2)}.y-empty-icon{display:grid;place-items:center;inline-size:64px;block-size:64px;border-radius:50%;background:var(--y-primary-tint);color:var(--y-primary);-webkit-margin-after:var(--y-space-1);margin-block-end:var(--y-space-1)}.y-empty-title{font-family:var(--y-font-display);font-weight:400;font-size:22px;color:var(--y-text-1)}.y-empty-body{font-size:var(--y-fs-body-sm);color:var(--y-text-2);max-inline-size:34ch}.y-spinner{display:inline-block;inline-size:1.15em;block-size:1.15em;border-radius:50%;border:2px solid;border-block-start-color:transparent;vertical-align:-.2em;animation:y-spin .7s linear infinite}.y-display{font-family:var(--y-font-display);font-weight:400;line-height:var(--y-lh-display)}.y-divider{border:none;-webkit-border-before:1px solid var(--y-border);border-block-start:1px solid var(--y-border);margin-block:var(--y-space-4)}@keyframes y-steam{0%{transform:translateY(0) scaleX(1);opacity:0}20%{opacity:.8}to{transform:translateY(-18px) scaleX(1.4);opacity:0}}.y-steam span{display:inline-block;inline-size:3px;block-size:10px;border-radius:3px;background:currentColor;animation:y-steam 1.8s ease-out infinite}.y-steam span:nth-child(2){animation-delay:.35s}.y-steam span:nth-child(3){animation-delay:.7s}@keyframes y-spin{to{transform:rotate(1turn)}}@keyframes y-shimmer{to{transform:translateX(100%)}}@keyframes y-shimmer-rtl{to{transform:translateX(100%)}}@keyframes y-toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes y-fade-in{0%{opacity:0}to{opacity:1}}@keyframes y-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.y-animate-in{animation:y-rise var(--y-dur-moderate) var(--y-ease-out) both}.y-dark{background:var(--y-ink);color:var(--y-paper)}.y-dark .y-btn{background:var(--y-primary-on-dark)}[dir=rtl] .y-rtlflip{transform:scaleX(-1)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.y-steam span{opacity:.6}.y-skeleton:after,.y-steam span{animation:none}.y-btn:active,.y-chip:active{transform:none}}