:root{--c-primary:#0f6e6b;--c-primary-hover:#0c5b58;--c-primary-soft:#e6f2f1;--c-bg:#f6f7f8;--c-surface:#ffffff;--c-border:#e2e5e8;--c-text:#1c2426;--c-text-muted:#6b7780;--c-success:#1f7a4d;--c-success-soft:#e8f5ee;--c-warn:#a4681a;--c-warn-soft:#fdf3e3;--c-danger:#b3261e;--c-danger-soft:#fdeceb;--c-info:#1d5b96;--c-info-soft:#e9f1f9;--r-card:8px;--r-control:6px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--fs-body:13px;--fs-small:12px;--fs-title:16px;--fs-display:22px;--sidebar-w:240px;--cart-w:340px;--topbar-h:56px;--shadow-1:0 1px 2px rgba(28,36,38,0.06);--shadow-2:0 6px 18px rgba(28,36,38,0.12)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--c-bg);color:var(--c-text);font-family:Vazirmatn,IRANSans,Segoe UI,Tahoma,sans-serif;font-size:var(--fs-body);line-height:1.7}.num{direction:ltr;unicode-bidi:-webkit-isolate;unicode-bidi:isolate;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit}a{color:var(--c-primary)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:var(--topbar-h);background:var(--c-surface);border-bottom:1px solid var(--c-border);display:flex;align-items:center;gap:var(--s-4);padding:0 var(--s-4);position:-webkit-sticky;position:sticky;top:0;z-index:20}.topbar__brand{font-weight:700;font-size:var(--fs-title);color:var(--c-primary)}.topbar__spacer{flex:1 1}.three-panel{flex:1 1;display:grid;grid-template-columns:var(--sidebar-w) 1fr var(--cart-w);grid-gap:var(--s-3);gap:var(--s-3);padding:var(--s-3);align-items:start}@media (max-width:1100px){.three-panel{grid-template-columns:1fr}.panel--cart,.panel--sidebar{position:static;max-height:none}}.panel{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);box-shadow:var(--shadow-1)}.panel--cart,.panel--sidebar{position:-webkit-sticky;position:sticky;top:calc(var(--topbar-h) + var(--s-3));max-height:calc(100vh - var(--topbar-h) - var(--s-6));overflow:auto}.panel__header{border-bottom:1px solid var(--c-border);font-weight:600}.panel__body,.panel__header{padding:var(--s-3) var(--s-4)}.btn{border:1px solid var(--c-border);background:var(--c-surface);color:var(--c-text);border-radius:var(--r-control);padding:6px 14px;transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:var(--c-bg)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.btn--primary:hover:not(:disabled){background:var(--c-primary-hover)}.btn--ghost{border-color:transparent;background:transparent;color:var(--c-text-muted)}.btn--block{width:100%}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px}.field{display:block;margin-bottom:var(--s-3)}.field__label{display:block;font-size:var(--fs-small);color:var(--c-text-muted);margin-bottom:var(--s-1)}.field__input{width:100%;border:1px solid var(--c-border);border-radius:var(--r-control);padding:7px 10px;background:var(--c-surface)}.field__input:focus{border-color:var(--c-primary);outline:none;box-shadow:0 0 0 2px var(--c-primary-soft)}.field__input--invalid{border-color:var(--c-danger)}.field__error{color:var(--c-danger)}.field__error,.field__hint{font-size:var(--fs-small);margin-top:var(--s-1)}.field__hint{color:var(--c-text-muted)}.segmented{display:flex;gap:var(--s-1);background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--r-control);padding:2px}.segmented button{flex:1 1;border:none;background:transparent;border-radius:4px;padding:5px 10px;color:var(--c-text-muted)}.segmented button[aria-pressed=true]{background:var(--c-surface);color:var(--c-primary);font-weight:600;box-shadow:var(--shadow-1)}.badge{display:inline-block;border-radius:999px;padding:2px 10px;font-size:var(--fs-small);font-weight:600}.badge--success{background:var(--c-success-soft);color:var(--c-success)}.badge--warn{background:var(--c-warn-soft);color:var(--c-warn)}.badge--danger{background:var(--c-danger-soft);color:var(--c-danger)}.badge--info{background:var(--c-info-soft);color:var(--c-info)}.toolbar{display:flex;gap:var(--s-2);align-items:center;flex-wrap:wrap;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-border)}.search{flex:1 1;min-width:220px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--s-3);gap:var(--s-3);padding:var(--s-4)}.card{border:1px solid var(--c-border);border-radius:var(--r-card);overflow:hidden;display:flex;flex-direction:column;background:var(--c-surface);transition:box-shadow .14s ease,transform .14s ease}.card:hover{box-shadow:var(--shadow-2);transform:translateY(-1px)}.card__media{aspect-ratio:4/3;background:var(--c-bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.card__media img{width:100%;height:100%;object-fit:cover}.card__body{padding:var(--s-3);display:flex;flex-direction:column;gap:var(--s-1);flex:1 1}.card__title{font-weight:600;line-height:1.5}.card__meta{color:var(--c-text-muted);font-size:var(--fs-small)}.card__footer{padding:var(--s-3);border-top:1px solid var(--c-border);display:flex;gap:var(--s-2);align-items:center}.price{display:flex;flex-direction:column;gap:2px}.price__was{color:var(--c-text-muted);text-decoration:line-through;font-size:var(--fs-small)}.price__now{font-weight:700}.rows{display:flex;flex-direction:column}.row{display:grid;grid-template-columns:56px 1fr auto auto;grid-gap:var(--s-3);gap:var(--s-3);align-items:center;padding:var(--s-3) var(--s-4);border-bottom:1px solid var(--c-border)}.row__thumb{width:56px;height:56px;border-radius:var(--r-control);background:var(--c-bg);object-fit:cover}.cart-line{display:grid;grid-template-columns:44px 1fr auto;grid-gap:var(--s-2);gap:var(--s-2);padding:var(--s-3) 0;border-bottom:1px solid var(--c-border);align-items:start}.stepper{display:inline-flex;align-items:center;border:1px solid var(--c-border);border-radius:var(--r-control);overflow:hidden}.stepper button{border:none;background:var(--c-surface);width:28px;height:28px;color:var(--c-primary)}.stepper button:disabled{color:var(--c-text-muted);cursor:not-allowed}.stepper span{min-width:32px;text-align:center}.summary{padding-top:var(--s-3);display:flex;flex-direction:column;gap:var(--s-1)}.summary__row{display:flex;justify-content:space-between}.summary__row--total{font-size:var(--fs-title);font-weight:700;border-top:1px solid var(--c-border);padding-top:var(--s-2);margin-top:var(--s-2)}.scrim{background:rgba(28,36,38,.45);z-index:40}.modal,.scrim{position:fixed;inset:0}.modal{z-index:41;display:flex;align-items:center;justify-content:center;padding:var(--s-4);pointer-events:none}.modal__panel{pointer-events:auto;border-radius:var(--r-card);width:min(720px,100%);max-height:90vh}.modal__panel,.slideover{background:var(--c-surface);box-shadow:var(--shadow-2);overflow:auto}.slideover{position:fixed;top:0;bottom:0;left:0;width:min(460px,100%);z-index:41;padding:var(--s-4)}.steps{display:flex;gap:var(--s-2);color:var(--c-text-muted);font-size:var(--fs-small);margin-bottom:var(--s-3)}.steps b{color:var(--c-primary)}.skeleton{background:linear-gradient(90deg,#eceff1 25%,#f5f7f8 37%,#eceff1 63%);background-size:400% 100%;animation:shimmer 1.2s ease-in-out infinite;border-radius:var(--r-control)}@keyframes shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}.card{transition:none}}.state{padding:var(--s-6);text-align:center;color:var(--c-text-muted)}.state__title{font-weight:600;color:var(--c-text);margin-bottom:var(--s-1)}.toasts{position:fixed;bottom:var(--s-4);left:var(--s-4);display:flex;flex-direction:column;gap:var(--s-2);z-index:60}.toast{background:var(--c-text);color:#fff;border-radius:var(--r-control);padding:8px 14px;box-shadow:var(--shadow-2)}.toast--danger{background:var(--c-danger)}.toast--success{background:var(--c-success)}.offline-banner{background:var(--c-danger-soft);color:var(--c-danger);text-align:center;padding:var(--s-1) var(--s-3);font-size:var(--fs-small);font-weight:600}.focus{max-width:640px;margin:var(--s-6) auto;background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r-card);padding:var(--s-6);text-align:center;box-shadow:var(--shadow-1)}.countdown{font-size:44px;font-weight:700;letter-spacing:2px;color:var(--c-primary);margin:var(--s-3) 0}.countdown--low{color:var(--c-danger)}.codebox{background:var(--c-primary-soft);border-radius:var(--r-card);padding:var(--s-4);margin:var(--s-4) 0}.codebox__code{font-size:30px;font-weight:700;letter-spacing:4px;color:var(--c-primary)}.itable{width:100%;border-collapse:collapse;margin:var(--s-3) 0}.itable td,.itable th{border-bottom:1px solid var(--c-border);padding:6px 8px;text-align:right}.notice{border-radius:var(--r-card);padding:var(--s-3);font-size:var(--fs-small);text-align:right;margin:var(--s-3) 0}.notice--warn{background:var(--c-warn-soft);color:var(--c-warn)}.notice--danger{background:var(--c-danger-soft);color:var(--c-danger)}.notice--info{background:var(--c-info-soft);color:var(--c-info)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}@media print{.no-print,.panel--cart,.panel--sidebar,.toasts,.topbar{display:none!important}.focus{border:none;box-shadow:none;margin:0}}