.brandbar{display:flex;align-items:center;gap:12px;padding:12px var(--gutter);background:linear-gradient(135deg,var(--cyan) 0%,var(--cyan-dark) 100%);color:#fff;position:sticky;top:0;z-index:5}.brandbar__mark{width:48px;height:48px;flex:none;display:grid;place-items:center;background:var(--surface);border-radius:var(--r-md);box-shadow:var(--shadow-sm)}.brandbar__text{flex:1;min-width:0}.brandbar__title{font-size:var(--fs-lg);font-weight:800}.brandbar__sub{font-size:var(--fs-xs);color:#ffffffd9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chip{flex:none;display:inline-flex;align-items:center;gap:3px;font-size:.6875rem;font-weight:800;padding:4px 10px;border-radius:var(--r-pill)}.chip--verified{background:#ffffff2e;border:1px solid rgba(255,255,255,.28);color:#fff}.content{flex:1;padding:var(--gutter);padding-bottom:calc(var(--bottom-bar-h) + var(--gutter));display:flex;flex-direction:column;gap:14px}.banner{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:16px;color:#fff;min-height:132px;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.banner--cyan{background:linear-gradient(135deg,var(--cyan) 0%,var(--cyan-dark) 100%)}.banner--coral{background:linear-gradient(135deg,var(--coral) 0%,var(--coral-dark) 100%)}.banner--ink{background:linear-gradient(135deg,#2c3438 0%,var(--cap-black) 100%)}.banner__ghost{position:absolute;inset-inline-end:-14px;top:-10px;opacity:.16;transform:rotate(-10deg)}.banner__tag{font-size:.625rem;font-weight:800;letter-spacing:.4px;padding:3px 10px;border-radius:var(--r-pill);background:#fff3;border:1px solid rgba(255,255,255,.25)}.banner__title{font-size:var(--fs-lg);font-weight:800;margin-top:8px}.banner__desc{font-size:var(--fs-xs);color:#ffffffd9;max-width:78%}.banner__dots{display:flex;gap:5px;margin-top:auto;padding-top:10px}.banner__dot{width:6px;height:6px;padding:0;border-radius:var(--r-pill);background:#ffffff73;transition:width .2s ease,background .2s ease}.banner__dot.is-active{width:16px;background:#fff}.pills{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter)}.pills::-webkit-scrollbar{display:none}.pill{flex:none;height:34px;padding:0 15px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);color:var(--muted);font-size:var(--fs-sm);font-weight:700;transition:background .15s ease,color .15s ease,border-color .15s ease}.pill.is-active{background:var(--cap-black);border-color:var(--cap-black);color:#fff}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.scard{width:100%;display:flex;flex-direction:column;gap:3px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);text-align:start;transition:transform .12s ease,box-shadow .12s ease}.scard:active{transform:scale(.98);box-shadow:var(--shadow-md)}.scard__art{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:var(--r-md);margin-bottom:8px}.scard__art--cyan{background:var(--cyan-100);color:var(--cyan-dark)}.scard__art--cyanDark{background:#d3eef5;color:#17798f}.scard__art--cyanLight{background:#e7f8fd;color:#3fb6d4}.scard__art--coral{background:var(--coral-100);color:var(--coral-dark)}.scard__art--gold{background:#fbf3dc;color:#a5851f}.scard__art--ink{background:#ebeef0;color:var(--cap-black)}.scard__rating{position:absolute;top:7px;inset-inline-end:7px;display:inline-flex;align-items:center;gap:2px;font-size:.625rem;font-weight:800;color:var(--ink);background:#fffffff0;padding:2px 6px;border-radius:var(--r-pill);box-shadow:var(--shadow-sm)}.scard__rating svg{color:var(--gold)}.scard__name{font-size:var(--fs-sm);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scard__meta{font-size:var(--fs-xs);color:var(--muted-2)}.scard__foot{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}.scard__price{font-size:var(--fs-md);font-weight:800}.scard__price small,.orderfoot__price small,.btn__right small,.summary strong small{font-size:.625rem;font-weight:700;color:var(--muted)}.scard__add{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:var(--r-sm);background:var(--cyan);color:#fff}.sheet{position:fixed;inset:0;z-index:40;display:flex;flex-direction:column;justify-content:flex-end}.sheet__backdrop{position:absolute;inset:0;width:100%;background:#141a1c73;animation:fade .18s ease}.sheet__panel{position:relative;background:var(--surface);border-radius:var(--r-sheet) var(--r-sheet) 0 0;padding:8px var(--gutter) calc(var(--gutter) + var(--alijny-inset-bottom));max-height:82vh;display:flex;flex-direction:column;animation:rise .24s cubic-bezier(.22,1,.36,1)}.sheet__panel--tall{max-height:92vh}.sheet__handle{width:40px;height:4px;border-radius:var(--r-pill);background:var(--line-strong);margin:0 auto 10px;flex:none}.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.sheet__title{font-size:var(--fs-lg);font-weight:800}.sheet__body{overflow-y:auto;-webkit-overflow-scrolling:touch}@keyframes rise{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.iconbtn{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:var(--r-pill);background:#f2f4f5;color:var(--muted)}.iconbtn--danger{background:transparent;color:var(--muted-2)}.iconbtn--danger:active{color:var(--coral-dark);background:var(--coral-050)}.hero{height:116px;display:grid;place-items:center;border-radius:var(--r-lg);margin-bottom:14px}.hero--cyan{background:var(--cyan-100);color:var(--cyan-dark)}.hero--cyanDark{background:#d3eef5;color:#17798f}.hero--cyanLight{background:#e7f8fd;color:#3fb6d4}.hero--coral{background:var(--coral-100);color:var(--coral-dark)}.hero--gold{background:#fbf3dc;color:#a5851f}.hero--ink{background:#ebeef0;color:var(--cap-black)}.orderhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.tagchip{font-size:.625rem;font-weight:800;color:var(--cyan-dark);background:var(--cyan-050);border:1px solid var(--cyan-200);padding:3px 9px;border-radius:var(--r-pill)}.orderhead__rating{display:inline-flex;align-items:center;gap:4px;font-size:var(--fs-sm);font-weight:700}.orderhead__rating svg{color:var(--gold)}.orderhead__rating small{color:var(--muted-2);font-weight:600}.orderhead__name{font-size:var(--fs-xl);font-weight:800}.orderhead__desc{font-size:var(--fs-sm);color:var(--muted);margin-top:4px;margin-bottom:14px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.spec{display:flex;align-items:center;gap:8px;padding:10px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md)}.spec strong{display:block;font-size:var(--fs-xs);font-weight:800}.spec span{font-size:.625rem;color:var(--muted)}.spec__icon{flex:none;color:var(--cyan-dark)}.spec__icon--ok{color:var(--success)}.field{margin-top:16px}.field__label{display:block;font-size:var(--fs-sm);font-weight:800;margin-bottom:8px}.field__hint{color:var(--muted-2);font-weight:600}.input{width:100%;height:48px;padding:0 14px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color .15s ease,box-shadow .15s ease}.input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px var(--cyan-100)}.input--area{height:auto;padding:12px 14px;resize:none;line-height:1.6}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip-select{height:38px;padding:0 15px;border-radius:var(--r-sm);background:var(--bg);border:1px solid var(--line);color:var(--muted);font-size:var(--fs-sm);font-weight:700;transition:all .15s ease}.chip-select.is-active{background:var(--cyan);border-color:var(--cyan);color:#fff;box-shadow:var(--shadow-cyan)}.orderfoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:14px;border-top:1px solid var(--line)}.orderfoot__label{display:block;font-size:.625rem;font-weight:800;color:var(--muted-2);letter-spacing:.4px}.orderfoot__price{font-size:var(--fs-2xl);font-weight:800}.basket{display:flex;flex-direction:column;gap:8px}.basket__item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:var(--r-md)}.basket__art{width:44px;height:44px;flex:none;display:grid;place-items:center;border-radius:var(--r-sm)}.basket__art--cyan{background:var(--cyan-100);color:var(--cyan-dark)}.basket__art--cyanDark{background:#d3eef5;color:#17798f}.basket__art--cyanLight{background:#e7f8fd;color:#3fb6d4}.basket__art--coral{background:var(--coral-100);color:var(--coral-dark)}.basket__art--gold{background:#fbf3dc;color:#a5851f}.basket__art--ink{background:#ebeef0;color:var(--cap-black)}.basket__info{flex:1;min-width:0}.basket__info strong{display:block;font-size:var(--fs-sm);font-weight:700}.basket__meta,.basket__notes{display:block;font-size:var(--fs-xs);color:var(--muted-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.basket__notes{color:var(--muted);font-style:italic}.basket__side{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.basket__price{font-size:var(--fs-sm);font-weight:800;color:var(--cyan-dark)}.summary{margin-top:14px;padding:12px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md)}.summary__row{display:flex;align-items:center;justify-content:space-between;padding:4px 0;font-size:var(--fs-sm);color:var(--muted)}.summary__row--total{margin-top:4px;padding-top:10px;border-top:1px dashed var(--line-strong);color:var(--ink)}.summary__row--total strong{font-size:var(--fs-xl);font-weight:800}.success{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:18px;gap:8px}.success__badge{width:68px;height:68px;display:grid;place-items:center;border-radius:var(--r-pill);background:var(--success-bg);color:var(--success);border:2px solid #bdeedd}.success__title{font-size:var(--fs-xl);font-weight:800;margin-top:6px}.success__sub{font-size:var(--fs-sm);color:var(--muted);max-width:30ch}.orderref{display:flex;align-items:center;gap:10px;margin-top:12px;padding:8px 16px;border-radius:var(--r-pill);background:var(--cyan-050);border:1px dashed var(--cyan-200)}.orderref__label{font-size:var(--fs-xs);color:var(--muted)}.orderref__value{font-size:var(--fs-lg);font-weight:800;color:var(--cyan-dark);direction:ltr;letter-spacing:.5px}.alert{display:flex;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;border-radius:var(--r-md);background:var(--coral-050);border:1px solid var(--coral-100);color:var(--coral-dark);font-size:var(--fs-sm);font-weight:700}.alert svg{flex:none}.spinner{width:16px;height:16px;border-radius:var(--r-pill);border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn:disabled{opacity:.65;pointer-events:none}.card{width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:14px;box-shadow:var(--shadow-sm)}.card--timeline{margin:18px 0;text-align:start}.card__title{font-size:var(--fs-xs);font-weight:800;color:var(--muted-2);letter-spacing:.4px;margin-bottom:14px}.timeline{display:flex;flex-direction:column;gap:18px;border-inline-start:2px solid var(--line);padding-inline-start:18px}.timeline__row{position:relative}.timeline__row strong{display:block;font-size:var(--fs-sm);font-weight:800;color:var(--muted)}.timeline__row span{font-size:var(--fs-xs);color:var(--muted-2)}.timeline__row.is-active strong{color:var(--ink)}.timeline__dot{position:absolute;inset-inline-start:-25px;top:4px;width:14px;height:14px;border-radius:var(--r-pill);background:var(--line-strong);border:3px solid var(--surface)}.timeline__row.is-active .timeline__dot{background:var(--cyan);box-shadow:0 0 0 3px var(--cyan-100)}.bottombar{position:fixed;inset-inline:0;bottom:0;z-index:20;padding:10px var(--gutter) calc(10px + var(--alijny-inset-bottom));background:#fafafaf0;backdrop-filter:blur(12px);border-top:1px solid var(--line)}.btn{width:100%;height:52px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:var(--r-md);font-size:var(--fs-md);font-weight:800;transition:transform .12s ease}.btn:active{transform:scale(.985)}.btn--primary{background:linear-gradient(135deg,var(--cyan) 0%,var(--cyan-dark) 100%);color:#fff;box-shadow:var(--shadow-cyan)}.btn--dark{background:var(--cap-black);color:#fff;margin-top:14px}.btn--inline{width:auto;height:48px;padding:0 20px}.btn--split{justify-content:space-between;padding:0 16px}.btn__left,.btn__right{display:inline-flex;align-items:center;gap:7px}.btn__right small{color:#ffffffbf}.btn__count{min-width:20px;height:20px;display:grid;place-items:center;padding:0 5px;border-radius:var(--r-pill);background:var(--coral);color:#fff;font-size:.625rem;font-weight:800}.btn__chevron{transform:scaleX(-1)}:dir(ltr) .btn__chevron{transform:none}:root{--cyan: #32c5e3;--cyan-light: #72e0fa;--cyan-dark: #1ea6c3;--coral: #ff7582;--coral-dark: #e85f6d;--cap-black: #1a1a1a;--gold: #d4af37;--cyan-050: #f1fbfd;--cyan-100: #dcf5fa;--cyan-200: #b8ebf4;--coral-050: #fff1f2;--coral-100: #ffe0e3;--bg: #fafafa;--surface: #ffffff;--ink: #1a1a1a;--ink-2: #3f4548;--muted: #6b7280;--muted-2: #9aa3ab;--line: #e8ebed;--line-strong: #d7dcdf;--success: #12b886;--success-bg: #e6f8f2;--warning: #f59f0b;--font: "Noto Naskh Arabic", "Segoe UI", system-ui, -apple-system, "Helvetica Neue", sans-serif;--fs-xs: .6875rem;--fs-sm: .75rem;--fs-md: .8125rem;--fs-lg: .9375rem;--fs-xl: 1.125rem;--fs-2xl: 1.375rem;--r-sm: 10px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-sheet: 28px;--r-pill: 999px;--shadow-sm: 0 2px 8px rgba(26, 43, 48, .06);--shadow-md: 0 6px 18px rgba(26, 43, 48, .08);--shadow-cyan: 0 8px 20px rgba(50, 197, 227, .28);--alijny-inset-top: 0px;--alijny-inset-bottom: 0px;--alijny-inset-left: 0px;--alijny-inset-right: 0px;--gutter: 16px;--bottom-bar-h: 64px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-md);line-height:1.6;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}input,textarea,select{font:inherit;color:inherit}input,textarea{font-size:1rem}h1,h2,h3,p{margin:0}ul{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.app{min-height:100%;display:flex;flex-direction:column;padding-top:var(--alijny-inset-top);padding-bottom:var(--alijny-inset-bottom)}