:root{--foreground:var(--color-text);--card:var(--color-surface);--card-foreground:var(--color-text);--popover:var(--color-surface);--popover-foreground:var(--color-text);--primary:var(--color-primary);--primary-foreground:var(--color-primary-contrast);--secondary:var(--color-secondary,var(--color-primary));--secondary-foreground:var(--color-primary-contrast);--muted:color-mix(in lab,var(--color-text) 6%,var(--color-bg));--muted-foreground:var(--color-muted-text);--accent:var(--color-secondary,var(--color-primary));--accent-foreground:var(--color-primary-contrast);--destructive:var(--color-danger);--border:color-mix(in lab,var(--color-text) 12%,transparent);--input:var(--border);--ring:var(--color-primary);--chart-1:var(--color-primary);--chart-2:var(--color-secondary,var(--color-success,#0ea5e9));--chart-3:var(--color-success,#16a34a);--chart-4:var(--color-warning,#f59e0b);--chart-5:var(--color-danger,#ef4444);--sidebar:var(--color-surface);--sidebar-foreground:var(--color-text);--sidebar-primary:var(--color-primary);--sidebar-primary-foreground:var(--color-primary-contrast);--sidebar-accent:var(--accent);--sidebar-accent-foreground:var(--accent-foreground);--sidebar-border:var(--border);--sidebar-ring:var(--ring);--radius:var(--radius-md)}html{font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing)}*{border-color:var(--border);outline-color:color-mix(in lab,var(--ring) 50%,transparent)}body{background:var(--background);color:var(--foreground);font-family:var(--font-base),system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";accent-color:var(--primary);min-height:100vh}.rtl{direction:rtl}.sticky-shadow{--_shadow-color:color-mix(in lab,var(--foreground) 10%,transparent);box-shadow:0 1px 0 0 var(--_shadow-color)}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}@layer menutk-reset, menutk-base, menutk-components, menutk-utilities, menutk-theme, menutk-user;:root{--color-primary:#E0852B;--color-primary-contrast:#ffffff;--color-secondary:#2D6A8A;--color-primary-soft:#FFF1E0;--color-primary-soft-border:#FCDDB6;--color-primary-soft-strong:#FCDDB6;--color-primary-soft-text:#8C4F12;--color-bg:#FBF8F3;--color-surface:#ffffff;--color-surface-2:#F5F0E7;--color-border:#ECE4D5;--color-border-strong:#D5C8B0;--color-text:#1A1612;--color-muted-text:#6B6259;--color-subtle-text:#9D9389;--color-success:#3F7A4D;--color-warning:#C77D11;--color-danger:#B8331E;--color-info:#2D6A8A;--color-overlay:rgba(26,22,18,.55);--color-skeleton-base:#ECE4D5;--color-skeleton-highlight:#FBF8F3;--font-base:var(--font-tajawal),system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-headings:var(--font-tajawal),system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-size:16px;--line-height:1.6;--letter-spacing:0;--radius-none:0;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(26,22,18,.04);--shadow-sm:0 1px 3px rgba(26,22,18,.05),0 1px 2px rgba(26,22,18,.03);--shadow-md:0 4px 12px rgba(26,22,18,.06),0 2px 4px rgba(26,22,18,.04);--shadow-lg:0 12px 28px -8px rgba(26,22,18,.10),0 4px 8px -2px rgba(26,22,18,.04);--shadow-xl:0 24px 48px -12px rgba(26,22,18,.18),0 8px 16px -4px rgba(26,22,18,.08);--density:comfortable;--corner-style:rounded;--page-max-width:1100px;--page-padding-x:1rem;--page-padding-y:1.25rem;--section-gap:1.25rem;--grid-gap:1rem;--z-header:20;--z-overlay:40;--z-modal:50;--z-floating:60;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;--text-lg:24px;--text-xl:clamp(28px,4vw,36px);--text-2xl:clamp(36px,6vw,52px);--text-3xl:clamp(48px,8vw,72px);--tracking-tight:-0.01em;--tracking-normal:0em;--tracking-wide:0.04em;--tracking-wider:0.08em;--rhythm-chapter:clamp(56px,9vw,120px);--rhythm-section:clamp(28px,5vw,56px);--rhythm-card:clamp(20px,3vw,32px);--image-ratio:3/2;--image-overlay-warm:linear-gradient(180deg,transparent 55%,color-mix(in oklab,var(--color-primary) 6%,transparent));--card-bg:var(--color-surface);--card-border:1px solid var(--color-border);--card-shadow:var(--shadow-xs);--card-shadow-hover:var(--shadow-md);--card-radius:var(--radius-xl);--card-padding:1rem;--motion-fast:150ms;--motion-base:200ms;--motion-slow:320ms;--ease-out:cubic-bezier(.22,.61,.36,1);--color-text-strong:var(--color-text);--color-on-dark:#ffffff;--color-surface-3:color-mix(in oklab,var(--color-text) 4%,var(--color-surface-2));--shadow-glow:0 0 0 3px color-mix(in oklab,var(--color-primary) 25%,transparent);--color-primary-strong:color-mix(in oklab,var(--color-primary) 90%,black);--color-info-soft:color-mix(in oklab,var(--color-info) 12%,white);--color-primary-hover:var(--color-primary-strong);--color-primary-active:color-mix(in oklab,var(--color-primary-strong) 80%,black);--color-focus-ring:color-mix(in oklab,var(--color-primary) 65%,white);--color-focus-ring-soft:color-mix(in oklab,var(--color-primary) 28%,transparent);--color-focus-ring-danger:color-mix(in oklab,var(--color-danger) 60%,white);--color-divider:var(--color-border);--color-selected:var(--color-primary-soft);--color-selected-soft:color-mix(in oklab,var(--color-primary-soft) 60%,white);--shadow-focus:0 0 0 3px var(--color-focus-ring-soft);--color-success-soft:color-mix(in oklab,var(--color-success) 12%,white);--color-warning-soft:color-mix(in oklab,var(--color-warning) 12%,white);--color-danger-soft:color-mix(in oklab,var(--color-danger) 12%,white);--brand-primary:var(--color-primary);--accent:var(--color-secondary);--background:var(--color-bg);--surface:var(--color-surface);--text:var(--color-text);--text-muted:var(--color-muted-text);--border:var(--color-border)}@layer menutk-reset{*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{min-height:100%}}@layer menutk-base{body,html{background:var(--color-bg);color:var(--color-text);font-family:var(--font-base);font-size:var(--font-size);line-height:var(--line-height);letter-spacing:var(--letter-spacing);color-scheme:light}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);color:var(--color-text);margin-top:0}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}::-moz-selection{background:var(--color-primary);color:var(--color-primary-contrast)}::selection{background:var(--color-primary);color:var(--color-primary-contrast)}input[type=checkbox],input[type=radio],input[type=range]{accent-color:var(--color-primary)}[data-menutk-container]{max-width:var(--page-max-width);margin-inline:auto;padding-inline:var(--page-padding-x);padding-block:var(--page-padding-y)}}@layer menutk-components{.card,.card-surface{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.surface-sm{border-radius:var(--radius-sm)}.surface-lg{border-radius:var(--radius-lg)}.surface-xl{border-radius:var(--radius-xl)}.section{margin-block:var(--section-gap)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .875rem;border-radius:var(--radius-md);border:1px solid transparent;font-weight:600;line-height:1.2;transition:transform .08s ease,opacity .2s ease,background-color .2s ease,color .2s ease,border-color .2s ease,filter .2s ease,box-shadow .2s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-decoration:none;white-space:nowrap}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.btn-primary{background:var(--color-primary);color:var(--color-primary-contrast);border-color:var(--color-primary)}.btn-primary:hover{filter:brightness(.97)}.btn-primary:focus-visible{outline:2px solid color-mix(in oklab,var(--color-primary) 60%,white);outline-offset:2px}.btn-secondary{background:var(--color-secondary);color:#ffffff;border-color:var(--color-secondary)}.btn-secondary:hover{filter:brightness(.97)}.btn-outline-primary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-ghost{background:transparent;color:var(--color-text);border-color:transparent}.btn-ghost:hover{background:var(--color-surface-2)}.btn-soft-primary{background:var(--color-primary-soft);color:var(--color-primary-soft-text);border-color:var(--color-primary-soft-border)}.btn-soft-primary:hover{filter:brightness(.98)}@supports (color:color-mix(in oklab,white,black)){.btn-primary{border-color:color-mix(in oklab,var(--color-primary) 86%,black)}.btn-primary:focus-visible{outline-color:color-mix(in oklab,var(--color-primary) 60%,white)}.btn-outline-primary:hover{background:color-mix(in oklab,var(--color-primary) 10%,transparent)}.btn-soft-primary{background:color-mix(in oklab,var(--color-primary) 12%,white);color:color-mix(in oklab,var(--color-primary) 85%,black);border-color:color-mix(in oklab,var(--color-primary) 20%,white)}}.badge,.chip{display:inline-flex;align-items:center;padding:.25rem .5rem;border-radius:var(--radius-pill);font-size:11px;line-height:1;border:1px solid var(--color-border)}.badge,.badge--neutral,.chip{background:var(--color-surface-2);color:var(--color-muted-text)}.badge-primary{background:var(--color-primary-soft);color:var(--color-primary-soft-text);border-color:var(--color-primary-soft-border)}.badge-success{background:#ecfdf3;border-color:#bbf7d0;color:#166534}.badge-warning{background:#fffbeb;border-color:#fde68a;color:#92400e}.badge-danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}@supports (color:color-mix(in oklab,white,black)){.badge-primary{background:color-mix(in oklab,var(--color-primary) 14%,white);color:color-mix(in oklab,var(--color-primary) 80%,black);border-color:color-mix(in oklab,var(--color-primary) 22%,white)}.badge-success{background:color-mix(in oklab,var(--color-success) 12%,white);border-color:color-mix(in oklab,var(--color-success) 20%,white)}.badge-warning{background:color-mix(in oklab,var(--color-warning) 12%,white);border-color:color-mix(in oklab,var(--color-warning) 20%,white)}.badge-danger{background:color-mix(in oklab,var(--color-danger) 12%,white);border-color:color-mix(in oklab,var(--color-danger) 20%,white)}}.alert{padding:.75rem .875rem;border-radius:var(--radius-md);border:1px solid var(--color-border);background:#f8fafc;color:var(--color-text)}.alert-success{background:#eefbf1;border-color:#d9f4e0}.alert-warning{background:#fff6e6;border-color:#ffe7bf}.alert-danger{background:#ffeef0;border-color:#ffd6db}.alert-info{background:#e0f2fe;border-color:#bae6fd}@supports (color:color-mix(in oklab,white,black)){.alert-success{background:color-mix(in oklab,var(--color-success) 12%,white);border-color:color-mix(in oklab,var(--color-success) 20%,white)}.alert-warning{background:color-mix(in oklab,var(--color-warning) 12%,white);border-color:color-mix(in oklab,var(--color-warning) 20%,white)}.alert-danger{background:color-mix(in oklab,var(--color-danger) 12%,white);border-color:color-mix(in oklab,var(--color-danger) 20%,white)}.alert-info{background:color-mix(in oklab,var(--color-info) 12%,white);border-color:color-mix(in oklab,var(--color-info) 20%,white)}}.input,.select,.textarea{width:100%;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:.55rem .7rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.input::-moz-placeholder,.textarea::-moz-placeholder{color:var(--color-muted-text);opacity:.8}.input::placeholder,.textarea::placeholder{color:var(--color-muted-text);opacity:.8}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary) 60%,white)}@supports (color:color-mix(in oklab,white,black)){.input:focus,.select:focus,.textarea:focus{box-shadow:0 0 0 3px color-mix(in oklab,var(--color-primary) 25%,transparent)}}.catbar{background:var(--color-surface);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}.sticky-shadow{box-shadow:0 1px 0 rgba(26,22,18,.04)}.overlay{background:var(--color-overlay);z-index:var(--z-overlay)}.modal,.overlay{position:fixed;inset:0}.modal{display:flex;align-items:center;justify-content:center;padding:1rem;z-index:var(--z-modal)}.modal__panel{max-width:480px;width:100%;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.section-title{font-weight:800;color:var(--color-text);font-size:var(--text-lg);letter-spacing:var(--tracking-tight);line-height:1.2}.skeleton{position:relative;overflow:hidden;background:var(--color-skeleton-base);border-radius:inherit}.skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,var(--color-skeleton-highlight),transparent);animation:skeleton-shimmer 1.1s linear infinite}.cart-fab{position:fixed;inset-inline:auto;inset-block-end:calc(1rem + env(safe-area-inset-bottom, 0px));z-index:var(--z-floating,60);border-radius:var(--radius-pill,999px);box-shadow:var(--shadow-lg)}@media (min-width:640px){.cart-fab{inset-block-end:calc(1.25rem + env(safe-area-inset-bottom, 0px))}}}@layer menutk-utilities{.text-primary{color:var(--color-primary)!important}.text-muted{color:var(--color-muted-text)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-danger{color:var(--color-danger)!important}.text-info{color:var(--color-info)!important}.bg-primary{background:var(--color-primary)!important;color:var(--color-primary-contrast)!important}.border-primary{border-color:var(--color-primary)!important}.max-w-page{max-width:var(--page-max-width);margin-inline:auto}.scrollbar-none{scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}.media-4-3{aspect-ratio:4/3}.shadow-var-sm{box-shadow:var(--shadow-sm)}.shadow-var-md{box-shadow:var(--shadow-md)}.shadow-var-lg{box-shadow:var(--shadow-lg)}.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}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn95{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes slideUp2{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes skeleton-shimmer{to{transform:translateX(100%)}}@keyframes kenBurns{0%{transform:scale(1)}to{transform:scale(1.05)}}.animate-in{animation:fadeIn .18s ease both}.fade-in{animation-name:fadeIn}.zoom-in-95{animation-name:zoomIn95;animation-duration:.18s;animation-timing-function:ease;animation-fill-mode:both}.slide-in-from-bottom-2{animation-name:slideUp2;animation-duration:.18s;animation-timing-function:ease;animation-fill-mode:both}.card-reveal{animation-name:slideUp2;animation-duration:.35s;animation-timing-function:var(--ease-out,cubic-bezier(0,0,.2,1));animation-fill-mode:both}.stagger-item{animation-delay:calc(var(--stagger-i, 0) * 50ms)}@media (prefers-reduced-motion:no-preference){.ken-burns{animation:kenBurns 12s ease-in-out infinite alternate;transform-origin:center center}}.cart-fab-safe{padding-bottom:calc(5rem + env(safe-area-inset-bottom, 0px))}}@layer menutk-theme{html[data-density=compact] .btn{padding:.4rem .7rem}html[data-density=compact] .input,html[data-density=compact] .select,html[data-density=compact] .textarea{padding:.45rem .6rem}html[data-density=cozy] .btn{padding:.46rem .78rem}html[data-density=cozy] .input,html[data-density=cozy] .select,html[data-density=cozy] .textarea{padding:.5rem .65rem}html[data-corner=sharp] .btn,html[data-corner=sharp] .card,html[data-corner=sharp] .card-surface,html[data-corner=sharp] .input,html[data-corner=sharp] .select,html[data-corner=sharp] .surface,html[data-corner=sharp] .textarea{border-radius:6px}html[data-corner=squircle] .btn,html[data-corner=squircle] .card,html[data-corner=squircle] .card-surface,html[data-corner=squircle] .input,html[data-corner=squircle] .select,html[data-corner=squircle] .surface,html[data-corner=squircle] .textarea{border-radius:20px}[data-theme-scope]{--tw-ring-color:var(--color-primary)}[data-theme-scope] .text-gray-900{color:var(--color-text)!important}[data-theme-scope] .text-gray-800{color:color-mix(in oklab,var(--color-text) 92%,black)!important}[data-theme-scope] .text-gray-700{color:color-mix(in oklab,var(--color-text) 80%,black)!important}[data-theme-scope] .text-gray-600{color:color-mix(in oklab,var(--color-text) 65%,black)!important}[data-theme-scope] .text-gray-500{color:var(--color-muted-text)!important}[data-theme-scope] a{color:var(--color-primary)}[data-theme-scope] .bg-white{background:var(--color-surface)!important}[data-theme-scope] .bg-gray-50{background:#f9fafb!important}[data-theme-scope] .bg-gray-100{background:#f3f4f6!important}@supports (color:color-mix(in oklab,white,black)){[data-theme-scope] .bg-gray-50{background:color-mix(in oklab,var(--color-surface) 96%,black)!important}[data-theme-scope] .bg-gray-100{background:color-mix(in oklab,var(--color-surface) 92%,black)!important}}[data-theme-scope] .border-gray-100{border-color:color-mix(in oklab,var(--color-border) 70%,transparent)!important}[data-theme-scope] .border-gray-200{border-color:color-mix(in oklab,var(--color-border) 85%,transparent)!important}[data-theme-scope] .border-gray-300{border-color:var(--color-border)!important}[data-theme-scope] .focus\:ring-2:focus{box-shadow:0 0 0 2px var(--tw-ring-color)}[data-theme-scope] .container{max-width:var(--page-max-width);padding-inline:var(--page-padding-x)}}@layer menutk-user{}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}