:root{--bg: #fafdfd;--surface: #ffffff;--surface-2: #f3f8f8;--surface-3: #e9f1f1;--border: rgba(17, 24, 39, .08);--border-strong: rgba(17, 24, 39, .16);--mint: #5fe8dc;--mint-strong: #2fd4c6;--mint-soft: rgba(47, 212, 198, .14);--mint-border: rgba(47, 212, 198, .4);--violet: #7c6ef6;--violet-soft: rgba(124, 110, 246, .12);--violet-border: rgba(124, 110, 246, .35);--ink: #111827;--ink-hover: #273043;--text: #111827;--text-2: #4b5563;--text-3: #8a94a4;--on-mint: #0b1220;--green: #059669;--green-soft: rgba(16, 185, 129, .13);--green-border: rgba(16, 185, 129, .35);--red: #dc2626;--red-soft: rgba(239, 68, 68, .1);--red-border: rgba(239, 68, 68, .35);--blue: #2563eb;--tone-gold-bg: #fdf1cf;--tone-gold-tx: #92600e;--tone-gold-bd: rgba(146, 96, 14, .22);--tone-blue-bg: #dceafe;--tone-blue-tx: #1d4fd8;--tone-blue-bd: rgba(29, 79, 216, .22);--tone-green-bg: #d3f5e4;--tone-green-tx: #067a51;--tone-green-bd: rgba(6, 122, 81, .22);--tone-red-bg: #fde2e2;--tone-red-tx: #b91c1c;--tone-red-bd: rgba(185, 28, 28, .22);--btn-primary-bg: #111827;--btn-primary-tx: #ffffff;--btn-primary-hover: #273043;--radius-card: 16px;--radius-input: 10px;--sidebar-w: 230px;--content-max: 1100px;--landing-max: 1180px;--font-title: "Sora", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--t: .16s ease;--shadow-card: 0 8px 30px rgba(17, 24, 39, .06);--shadow-lift: 0 14px 40px rgba(17, 24, 39, .1);--shadow-pop: 0 18px 60px rgba(17, 24, 39, .18);--footer-bg: #0b0f17;--scrollbar: rgba(17, 24, 39, .18)}[data-theme=dark]{--bg: #0e1420;--surface: #161d2b;--surface-2: #1c2434;--surface-3: #242e40;--border: rgba(255, 255, 255, .08);--border-strong: rgba(255, 255, 255, .16);--mint-soft: rgba(47, 212, 198, .16);--violet-soft: rgba(124, 110, 246, .18);--ink: #111827;--ink-hover: #273043;--text: #f2f5f9;--text-2: #a7b0be;--text-3: #6e7889;--green: #34d399;--green-soft: rgba(52, 211, 153, .14);--green-border: rgba(52, 211, 153, .35);--red: #f87171;--red-soft: rgba(248, 113, 113, .13);--red-border: rgba(248, 113, 113, .35);--blue: #60a5fa;--tone-gold-bg: rgba(245, 196, 66, .15);--tone-gold-tx: #f5ce6d;--tone-gold-bd: rgba(245, 196, 66, .3);--tone-blue-bg: rgba(96, 165, 250, .15);--tone-blue-tx: #93bffb;--tone-blue-bd: rgba(96, 165, 250, .3);--tone-green-bg: rgba(52, 211, 153, .15);--tone-green-tx: #6fe3b6;--tone-green-bd: rgba(52, 211, 153, .3);--tone-red-bg: rgba(248, 113, 113, .15);--tone-red-tx: #fca5a5;--tone-red-bd: rgba(248, 113, 113, .3);--btn-primary-bg: #f2f5f9;--btn-primary-tx: #111827;--btn-primary-hover: #ffffff;--shadow-card: 0 8px 30px rgba(0, 0, 0, .35);--shadow-lift: 0 14px 40px rgba(0, 0, 0, .45);--shadow-pop: 0 18px 60px rgba(0, 0, 0, .6);--footer-bg: #080b12;--scrollbar: rgba(255, 255, 255, .16)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background var(--t),color var(--t)}h1,h2,h3,h4{font-family:var(--font-title);font-weight:700;margin:0;line-height:1.22;color:var(--text)}p{margin:0}a{color:var(--violet);text-decoration:none;transition:color var(--t)}a:hover{color:var(--mint-strong)}img{max-width:100%;display:block}button{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}::selection{background:#2fd4c659}:focus-visible{outline:2px solid var(--mint-strong);outline-offset:2px;border-radius:4px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.accent{color:var(--violet)}.muted{color:var(--text-2);font-weight:400}.star-glyph{color:var(--mint-strong);flex-shrink:0}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar) transparent}*::-webkit-scrollbar{height:8px;width:8px}*::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:99px}*::-webkit-scrollbar-track{background:transparent}.full-loader{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--text-2);font-size:14px}.full-loader__star{color:var(--mint-strong);animation:star-pulse 1.4s ease-in-out infinite}@keyframes star-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.82);opacity:.55}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:10px 18px;border-radius:99px;font-weight:600;font-size:14px;font-family:var(--font-body);border:1px solid transparent;transition:background var(--t),border-color var(--t),color var(--t),transform var(--t),box-shadow var(--t);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:var(--btn-primary-bg);color:var(--btn-primary-tx)}.btn--primary:hover:not(:disabled){background:var(--btn-primary-hover);color:var(--btn-primary-tx);box-shadow:var(--shadow-lift)}.btn--ghost{background:var(--surface);border-color:var(--border-strong);color:var(--text)}.btn--ghost:hover:not(:disabled){border-color:var(--mint-border);color:var(--mint-strong)}.btn--danger{background:var(--red-soft);border-color:var(--red-border);color:var(--red)}.btn--danger:hover:not(:disabled){background:var(--tone-red-bg);color:var(--red)}.btn--lg{padding:14px 26px;font-size:15.5px}.btn--sm{padding:6px 12px;font-size:13px;gap:6px}.btn--block{width:100%}.btn--icon-danger{color:var(--red)}.btn--icon-danger:hover:not(:disabled){border-color:var(--red-border);color:var(--red)}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:99px;font-weight:600;font-size:13.5px;border:1.5px solid transparent;transition:background var(--t),color var(--t),border-color var(--t),box-shadow var(--t);white-space:nowrap}.pill--ink{background:#111827;color:#fff}.pill--ink:hover{background:#273043;color:#fff;box-shadow:0 6px 18px #11182740}.pill--outline{border-color:#0b12208c;color:var(--on-mint)}.pill--outline:hover{background:#0b122014;color:var(--on-mint)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);transition:background var(--t),color var(--t),border-color var(--t),transform var(--t);flex-shrink:0}.theme-toggle:hover{color:var(--mint-strong);border-color:var(--mint-border);transform:rotate(-12deg)}.theme-toggle--onmint{background:#ffffff59;border-color:#0b122040;color:var(--on-mint)}.theme-toggle--onmint:hover{background:#fff9;color:var(--on-mint);border-color:#0b122066}.landing{min-height:100vh;display:flex;flex-direction:column}.landing-header{position:sticky;top:0;z-index:60;background:var(--mint);box-shadow:0 1px #0b12201f}.landing-header__inner{max-width:var(--landing-max);margin:0 auto;padding:12px 24px;display:flex;align-items:center;gap:22px}.landing-brand{display:inline-flex;align-items:center;gap:6px;color:var(--on-mint)}.landing-brand:hover{color:var(--on-mint)}.landing-brand__word{font-family:var(--font-title);font-weight:800;font-size:21px;letter-spacing:.16em;color:inherit}.landing-brand__glyph{display:inline-flex;color:inherit}.landing-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto}.landing-nav__link{padding:8px 15px;border-radius:99px;font-weight:600;font-size:13.5px;color:var(--on-mint);white-space:nowrap;transition:background var(--t),color var(--t)}.landing-nav__link:hover{background:#0b12201a;color:var(--on-mint)}.landing-nav__link--active,.landing-nav__link--active:hover{background:#111827;color:#fff;cursor:default}.landing-header__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.landing-chip{font-size:12.5px;font-weight:600;color:var(--on-mint);border:1.5px solid rgba(11,18,32,.3);border-radius:99px;padding:6px 13px;white-space:nowrap}.landing-header__user{display:flex;align-items:center;gap:8px}.landing-header__avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid rgba(11,18,32,.25)}.landing-header__avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:#111827;color:#fff;font-weight:700;font-family:var(--font-title);font-size:13px}.rail{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:50;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-lift);padding:12px 10px;display:flex;flex-direction:column;align-items:center;gap:8px;width:74px}.rail__clock{display:flex;flex-direction:column;align-items:center;gap:1px;padding-bottom:8px;margin-bottom:2px;border-bottom:1px solid var(--border);width:100%}.rail__clock-label{font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--text-3)}.rail__clock-time{font-size:12px;font-weight:600;color:var(--text)}.rail__btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;color:var(--text-2);background:transparent;transition:background var(--t),color var(--t),transform var(--t)}.rail__btn:hover{background:var(--mint-soft);color:var(--mint-strong);transform:translateY(-1px)}.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--mint) 0%,rgba(95,232,220,.35) 42%,var(--bg) 100%)}[data-theme=dark] .hero{background:linear-gradient(180deg,rgba(47,212,198,.35) 0%,rgba(47,212,198,.12) 45%,var(--bg) 100%)}.hero__pattern{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(45deg,rgba(11,18,32,.05) 0 1.5px,transparent 1.5px 26px),repeating-linear-gradient(-45deg,rgba(11,18,32,.05) 0 1.5px,transparent 1.5px 26px);mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 70%);-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.9),transparent 70%)}[data-theme=dark] .hero__pattern{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.05) 0 1.5px,transparent 1.5px 26px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0 1.5px,transparent 1.5px 26px)}.hero__inner{position:relative;max-width:880px;margin:0 auto;padding:72px 24px 56px;display:flex;flex-direction:column;align-items:center;text-align:center}.hero__title{font-size:clamp(30px,5vw,48px);font-weight:800;letter-spacing:-.015em;max-width:720px}.hero__subtitle{margin-top:16px;font-size:clamp(14.5px,1.8vw,17px);color:var(--text-2);max-width:580px}[data-theme=light] .hero__subtitle,:root:not([data-theme=dark]) .hero__subtitle{color:#29323f}.hero-search{margin-top:34px;width:100%;max-width:640px;display:flex;align-items:center;gap:8px;background:#fff;border:1px solid rgba(17,24,39,.1);border-radius:99px;padding:7px 7px 7px 20px;box-shadow:var(--shadow-lift)}[data-theme=dark] .hero-search{background:var(--surface);border-color:var(--border-strong)}.hero-search__icon{display:inline-flex;color:var(--text-3);flex-shrink:0}.hero-search__input{flex:1;min-width:0;border:none;background:transparent;font-family:var(--font-body);font-size:14.5px;color:var(--text);padding:8px 0}.hero-search__input::placeholder{color:var(--text-3)}.hero-search__input:focus{outline:none}.hero-search__btn{background:#111827;color:#fff;border-radius:99px;padding:11px 24px;font-weight:700;font-size:14px;flex-shrink:0;transition:background var(--t),box-shadow var(--t),transform var(--t)}.hero-search__btn:hover{background:#273043;box-shadow:0 8px 22px #1118274d}.hero-search__btn:active{transform:translateY(1px)}.hero-chips{margin-top:18px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center}.hero-chip{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:99px;padding:6px 14px 6px 6px;font-size:13px;font-weight:600;color:var(--text-2);box-shadow:var(--shadow-card)}.hero-chip__mono{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 7px;border-radius:99px;background:var(--ink);color:#fff;font-family:var(--font-title);font-weight:700;font-size:11px;letter-spacing:.04em}[data-theme=dark] .hero-chip__mono{background:var(--mint-strong);color:#0b1220}.hero-steps{margin-top:54px;display:flex;align-items:stretch;justify-content:center;gap:0;width:100%;max-width:760px}.hero-step{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;padding:0 10px}.hero-step__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--surface);border:1px solid var(--border);color:var(--mint-strong);box-shadow:var(--shadow-card)}.hero-step__title{font-family:var(--font-title);font-weight:700;font-size:14.5px;color:var(--text)}.hero-step__desc{font-size:12.5px;color:var(--text-2);max-width:190px}.hero-steps__link{flex:0 0 58px;border-top:2px dashed var(--border-strong);margin-top:26px}.landing-section{width:100%;max-width:var(--landing-max);margin:0 auto;padding:56px 24px 8px}.landing-section__title{text-align:center;font-size:clamp(24px,3.4vw,34px);font-weight:800;letter-spacing:-.01em}.landing-section__subtitle{text-align:center;margin:12px auto 0;color:var(--text-2);font-size:15px;max-width:560px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{border-radius:var(--radius-card);border:1px solid var(--border);padding:28px 26px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-card);transition:transform var(--t),box-shadow var(--t)}.feature-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift)}.feature-card--blue{background:linear-gradient(150deg,#dcecfd,#f2f9ff 70%)}.feature-card--violet{background:linear-gradient(150deg,#e5e1fd,#f6f4ff 70%)}.feature-card--mint{background:linear-gradient(150deg,#ccf6f1,#effffd 70%)}[data-theme=dark] .feature-card--blue{background:linear-gradient(150deg,#60a5fa29,#60a5fa0d 70%)}[data-theme=dark] .feature-card--violet{background:linear-gradient(150deg,#7c6ef633,#7c6ef60f 70%)}[data-theme=dark] .feature-card--mint{background:linear-gradient(150deg,#2fd4c62e,#2fd4c60d 70%)}.feature-card__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:16px;background:#ffffffbf;border:1px solid rgba(17,24,39,.06);color:#111827}[data-theme=dark] .feature-card__icon{background:#ffffff14;border-color:var(--border);color:var(--text)}.feature-card__title{font-size:18px;font-weight:800}.feature-card__desc{color:var(--text-2);font-size:13.5px;flex:1}[data-theme=light] .feature-card__desc,:root:not([data-theme=dark]) .feature-card__desc{color:#3c4656}.feature-card__cta{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:13.5px;color:var(--text);border-bottom:2px solid currentColor;padding-bottom:2px;transition:color var(--t),gap var(--t)}.feature-card__cta:hover{color:var(--violet);gap:9px}.featured{padding-bottom:8px}.featured__grid{margin-top:34px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.product-card{display:flex;flex-direction:column;gap:9px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:12px 12px 15px;box-shadow:var(--shadow-card);transition:transform var(--t),box-shadow var(--t),border-color var(--t)}.product-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:var(--mint-border)}.product-card__img-wrap{width:100%;aspect-ratio:1 / 1;border-radius:12px;overflow:hidden;background:var(--surface-2)}.product-card__img-wrap img{width:100%;height:100%;object-fit:cover}.product-card__img-empty{width:100%;height:100%;display:inline-flex;align-items:center;justify-content:center;color:var(--text-3)}.product-card__name{font-size:13px;font-weight:500;color:var(--text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.product-card__price{font-family:var(--font-mono);font-weight:700;font-size:15px;color:var(--violet)}.featured__more{margin-top:26px;display:flex;justify-content:center}.delivery__steps{margin-top:40px;display:flex;align-items:flex-start;justify-content:center;gap:6px}.delivery-step{flex:1;max-width:240px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.delivery-step__icon{display:inline-flex;align-items:center;justify-content:center;width:84px;height:84px;border-radius:50%;border:1px solid var(--border);box-shadow:var(--shadow-card)}.delivery-step__icon--mint{background:#ccf6f1;color:#0f766e}.delivery-step__icon--blue{background:#dcecfd;color:#1d4ed8}.delivery-step__icon--violet{background:#e5e1fd;color:#5b4bd6}.delivery-step__icon--sun{background:#fdf1cf;color:#b45309}[data-theme=dark] .delivery-step__icon--mint{background:#2fd4c629;color:#55e0d1}[data-theme=dark] .delivery-step__icon--blue{background:#60a5fa29;color:#8ab8fa}[data-theme=dark] .delivery-step__icon--violet{background:#7c6ef62e;color:#a49af9}[data-theme=dark] .delivery-step__icon--sun{background:#f5c44226;color:#f5ce6d}.delivery-step__title{font-size:15.5px;font-weight:800}.delivery-step__desc{font-size:13px;color:var(--text-2)}.delivery__chevrons{display:inline-flex;color:var(--text-3);margin-top:30px;flex-shrink:0}.landing-footer{margin-top:72px;background:var(--footer-bg);color:#cbd2dc}.landing-footer__inner{max-width:var(--landing-max);margin:0 auto;padding:48px 24px 34px;display:flex;gap:48px;flex-wrap:wrap;justify-content:space-between}.landing-footer__brand{max-width:300px}.landing-footer__brand .landing-brand__word{color:#fff;font-size:22px}.landing-footer__glyph{display:inline-flex;color:var(--mint);margin-left:6px;vertical-align:baseline}.landing-footer__tagline{margin-top:14px;font-size:13px;color:#8b93a2;line-height:1.6}.landing-footer__cols{display:flex;gap:56px;flex-wrap:wrap}.landing-footer__col{display:flex;flex-direction:column;gap:10px;min-width:130px}.landing-footer__head{font-family:var(--font-title);font-weight:700;font-size:13px;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.landing-footer__link{font-size:13.5px;color:#aab2c0;text-align:left;width:fit-content;transition:color var(--t)}.landing-footer__link:hover{color:var(--mint)}.landing-footer__link--muted{color:#5d6572;cursor:default}.landing-footer__link--muted:hover{color:#5d6572}.landing-footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding:18px 24px;max-width:var(--landing-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#77808f}.guide-steps{display:flex;flex-direction:column;gap:18px}.guide-step{display:flex;gap:14px;align-items:flex-start}.guide-step__num{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--mint-soft);color:var(--mint-strong);font-family:var(--font-title);font-weight:700;font-size:13.5px;flex-shrink:0;margin-top:1px}.guide-step__title{font-size:14.5px;margin-bottom:4px}.guide-step p{font-size:13.5px;color:var(--text-2);line-height:1.6}.modal-rich{display:flex;flex-direction:column;gap:14px;font-size:13.5px;line-height:1.6}.modal-rich--center{align-items:center;text-align:center;padding:8px 0}.ship-options{display:flex;flex-direction:column;gap:10px}.ship-option{display:flex;gap:12px;align-items:flex-start;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.ship-option__icon{display:inline-flex;color:var(--mint-strong);margin-top:2px;flex-shrink:0}.ship-option__title{display:block;font-weight:700;color:var(--text);font-size:13.5px}.ship-option__desc{display:block;color:var(--text-2);font-size:13px}.soon-badge{display:inline-flex;align-items:center;padding:7px 16px;border-radius:99px;background:var(--violet-soft);color:var(--violet);font-weight:700;font-size:13px;border:1px solid var(--violet-border)}.app{min-height:100vh}.brand{display:flex;align-items:center;gap:10px;color:var(--text)}.brand:hover{color:var(--text)}.brand__glyph{display:inline-flex}.brand__word{font-family:var(--font-title);font-weight:800;font-size:19px;letter-spacing:.18em;margin-right:-.18em;color:var(--text)}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-w);background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:22px 14px 14px;gap:22px;z-index:30}.sidebar .brand{padding:0 8px}.sidebar__nav{flex:1;display:flex;flex-direction:column;gap:22px;overflow-y:auto}.sidebar__theme{display:flex;align-items:center;gap:10px;padding:0 6px}.sidebar__theme-label{font-size:12.5px;color:var(--text-3);font-weight:500}.nav-section{display:flex;flex-direction:column;gap:3px}.nav-section__label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--text-3);padding:0 10px;margin-bottom:6px}.nav-link{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:99px;color:var(--text-2);font-weight:500;font-size:14px;transition:background var(--t),color var(--t)}.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link--active,.nav-link--active:hover{background:var(--ink);color:#fff}[data-theme=dark] .nav-link--active,[data-theme=dark] .nav-link--active:hover{background:#f2f5f9;color:#111827}.nav-link--disabled{color:var(--text-3);cursor:default}.nav-link--disabled:hover{background:none;color:var(--text-3)}.nav-link--disabled .star-glyph{color:var(--text-3)}.user-card{display:flex;align-items:center;gap:10px;padding:10px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-card)}.user-card__avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;flex-shrink:0}.user-card__avatar--fallback{display:inline-flex;align-items:center;justify-content:center;background:var(--mint-soft);color:var(--mint-strong);font-weight:700;font-family:var(--font-title)}.user-card__meta{min-width:0;flex:1;display:flex;flex-direction:column}.user-card__name{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-card__role{font-size:11.5px;color:var(--text-3)}.user-card__logout{color:var(--text-3);padding:6px;border-radius:8px;display:inline-flex;transition:color var(--t),background var(--t)}.user-card__logout:hover{color:var(--red);background:var(--red-soft)}.topbar{display:none;position:sticky;top:0;z-index:30;background:color-mix(in srgb,var(--surface) 88%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:12px 16px;align-items:center;justify-content:space-between;gap:12px}.topbar__nav{display:flex;align-items:center;gap:4px;overflow-x:auto}.topbar__link{padding:7px 13px;border-radius:99px;color:var(--text-2);font-weight:500;font-size:13.5px;white-space:nowrap}.topbar__link:hover{color:var(--text)}.topbar__link--active,.topbar__link--active:hover{background:var(--ink);color:#fff}[data-theme=dark] .topbar__link--active,[data-theme=dark] .topbar__link--active:hover{background:#f2f5f9;color:#111827}.topbar__logout{color:var(--text-3);padding:7px;border-radius:8px;display:inline-flex}.topbar__logout:hover{color:var(--red)}.content{margin-left:var(--sidebar-w);min-height:100vh}.content__inner{max-width:var(--content-max);margin:0 auto;padding:40px 32px 80px}.page{display:flex;flex-direction:column;gap:26px}.page--wide{max-width:none}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.page-title{font-size:27px;font-weight:800;letter-spacing:-.01em}.page-subtitle{margin-top:6px;color:var(--text-2);font-size:14px}.back-link{display:inline-flex;align-items:center;gap:7px;color:var(--text-2);font-size:13.5px;font-weight:500;width:fit-content}.back-link:hover{color:var(--violet)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:22px;box-shadow:var(--shadow-card)}.card__title{font-size:16px;margin-bottom:16px;display:flex;align-items:baseline;gap:8px}.card--danger-zone{border-color:var(--red-border)}.card--danger-zone .btn{margin-top:12px}.orders-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}.order-card{display:flex;flex-direction:column;gap:12px;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:18px;box-shadow:var(--shadow-card);transition:border-color var(--t),transform var(--t),box-shadow var(--t)}.order-card:hover{border-color:var(--mint-border);transform:translateY(-2px);box-shadow:var(--shadow-lift)}.order-card__top{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-card__id{font-size:15px;font-weight:600;color:var(--violet)}.order-card__meta{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:13px}.order-card__sep{color:var(--text-3)}.order-card__bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border);padding-top:12px}.order-card__total{font-size:16px;font-weight:600}.order-card__tracking{font-size:12px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;max-width:45%;white-space:nowrap}.order-card--skeleton{pointer-events:none}.badge{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:99px;font-size:12.5px;font-weight:600;white-space:nowrap;border:1px solid transparent}.badge--sm{padding:3px 10px;font-size:11.5px}.badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge--gold{background:var(--tone-gold-bg);color:var(--tone-gold-tx);border-color:var(--tone-gold-bd)}.badge--blue{background:var(--tone-blue-bg);color:var(--tone-blue-tx);border-color:var(--tone-blue-bd)}.badge--green{background:var(--tone-green-bg);color:var(--tone-green-tx);border-color:var(--tone-green-bd)}.badge--red{background:var(--tone-red-bg);color:var(--tone-red-tx);border-color:var(--tone-red-bd)}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:72px 24px;background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-card)}.empty-state__glyph{color:var(--text-3);margin-bottom:6px}.empty-state__title{font-size:18px}.empty-state__text{color:var(--text-2);font-size:14px;max-width:420px;margin-bottom:12px}.skeleton{background:linear-gradient(100deg,var(--surface-3) 40%,var(--surface-2) 50%,var(--surface-3) 60%);background-size:200% 100%;animation:skeleton-shine 1.4s linear infinite;border-radius:8px}@keyframes skeleton-shine{to{background-position:-200% 0}}.skeleton--badge{width:110px;height:22px;border-radius:99px}.skeleton--line{height:14px;width:100%}.skeleton--short{width:60%}.skeleton--title{height:30px;width:260px}.skeleton--block{height:220px;border-radius:var(--radius-card)}.field{display:flex;flex-direction:column;gap:6px;min-width:0}.field label{font-size:12.5px;font-weight:600;color:var(--text-2)}.field--grow{flex:1}.field--price{width:130px}.field--qty{width:84px}.field-row{display:flex;gap:14px}.field-row>.field{flex:1}.field-row>.field--price,.field-row>.field--qty{flex:0 0 auto}.input{width:100%;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-input);color:var(--text);padding:10px 13px;font-size:14px;font-family:var(--font-body);transition:border-color var(--t),box-shadow var(--t),background var(--t)}[data-theme=dark] .input{background:var(--surface-2)}.input::placeholder{color:var(--text-3)}.input:hover{border-color:var(--text-3)}.input:focus{outline:none;border-color:var(--mint-strong);box-shadow:0 0 0 3px var(--mint-soft)}.input.mono{font-family:var(--font-mono)}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.switch{display:flex;align-items:flex-start;gap:12px;cursor:pointer;margin:16px 0}.switch input{position:absolute;opacity:0;pointer-events:none}.switch__track{flex-shrink:0;width:40px;height:22px;border-radius:99px;background:var(--surface-3);border:1px solid var(--border-strong);position:relative;transition:background var(--t),border-color var(--t);margin-top:1px}.switch__track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:var(--text-3);transition:transform var(--t),background var(--t)}.switch input:checked+.switch__track{background:var(--mint-soft);border-color:var(--mint-border)}.switch input:checked+.switch__track:after{transform:translate(18px);background:var(--mint-strong)}.switch input:focus-visible+.switch__track{outline:2px solid var(--mint-strong);outline-offset:2px}.switch__label{font-size:13.5px;color:var(--text-2)}.new-order{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start}.new-order__items{display:flex;flex-direction:column;gap:16px;min-width:0}.item-form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow-card)}.item-form-card__head{display:flex;align-items:center;justify-content:space-between}.item-form-card__index{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--violet)}.item-form-card__upload{border-top:1px solid var(--border);padding-top:14px}.upload-preview{display:flex;align-items:center;gap:14px}.upload-preview img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--border-strong)}.upload-preview__actions{display:flex;gap:8px}.new-order__add{align-self:flex-start}.new-order__recap{position:sticky;top:24px}.recap-card__note{margin:14px 0 16px;font-size:12.5px;color:var(--text-3);line-height:1.55}.totals{display:flex;flex-direction:column;gap:9px}.totals__row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;font-size:14px;color:var(--text-2)}.totals__row .mono{color:var(--text)}.totals__row--discount,.totals__row--discount .mono{color:var(--green)}.totals__row--strong{border-top:1px solid var(--border);padding-top:10px;color:var(--text);font-weight:600}.totals__row--grand{color:var(--text);font-weight:600}.totals__row--grand .mono{color:var(--violet);font-size:20px;font-weight:700}.totals__row--note{font-size:13px;color:var(--green)}.detail-grid{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start}.detail-grid__main{display:flex;flex-direction:column;gap:20px;min-width:0}.detail-grid__side{display:flex;flex-direction:column;gap:20px;position:sticky;top:24px}.action-card--highlight{border-color:var(--mint-border);background:linear-gradient(180deg,var(--mint-soft),transparent 55%),var(--surface)}.action-card--success{border-color:var(--green-border)}.action-card--danger{border-color:var(--red-border)}.action-card__amount{font-size:32px;font-weight:700;color:var(--violet);margin:4px 0 10px}.action-card__tracking{font-size:17px;margin:6px 0 14px;color:var(--text);word-break:break-all}.action-card .btn--block{margin-top:14px}.action-card .btn--block+.btn--block{margin-top:10px}.items-list{display:flex;flex-direction:column}.item-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--border)}.item-row:last-child{border-bottom:none;padding-bottom:0}.item-row:first-child{padding-top:0}.item-row__thumb{width:52px;height:52px;border-radius:10px;object-fit:cover;border:1px solid var(--border);flex-shrink:0}.item-row__thumb--empty{display:inline-flex;align-items:center;justify-content:center;background:var(--surface-2);color:var(--text-3)}.item-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.item-row__name{color:var(--text);font-weight:500;font-size:14px;display:inline-flex;align-items:center;gap:6px;overflow:hidden}.item-row__name:hover{color:var(--violet)}.item-row__name svg{color:var(--text-3);flex-shrink:0}.item-row__variants{font-size:12.5px;color:var(--text-3)}.item-row__price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.item-row__price .mono{font-size:14px}.item-row__qty{font-size:12px;color:var(--text-3)}.coupon-block{margin-top:16px;border-top:1px solid var(--border);padding-top:16px;display:flex;flex-direction:column;gap:10px}.coupon-block__applied{display:flex;flex-wrap:wrap;gap:8px}.coupon-chip{background:var(--tone-green-bg);color:var(--tone-green-tx);border:1px solid var(--tone-green-bd);border-radius:99px;padding:3px 12px;font-size:12px;font-weight:500}.coupon-block__form{display:flex;gap:10px}.coupon-block__form .input{flex:1}.address-form{display:flex;flex-direction:column;gap:14px;margin-top:14px}.address-form .btn{align-self:flex-start}.address-view{display:flex;flex-direction:column;gap:4px;font-size:14px}.info-list{display:flex;flex-direction:column;gap:10px}.info-list__row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:13.5px}.info-list__row>span:first-child{color:var(--text-2)}.timeline{display:flex;flex-direction:column}.timeline__step{display:flex;gap:14px;position:relative;padding-bottom:26px}.timeline__step:last-child{padding-bottom:0}.timeline__step:not(:last-child):before{content:"";position:absolute;left:12px;top:26px;bottom:2px;width:2px;background:var(--border-strong);border-radius:2px}.timeline__step--done:not(:last-child):before{background:var(--green-border)}.timeline__dot{width:25px;height:25px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--surface-2);border:1.5px solid var(--border-strong);color:var(--text-3);z-index:1;transition:background var(--t),border-color var(--t),color var(--t)}.timeline__num{font-family:var(--font-mono);font-size:11px;font-weight:500}.timeline__step--done .timeline__dot{background:var(--tone-green-bg);border-color:var(--tone-green-bd);color:var(--tone-green-tx)}.timeline__step--current .timeline__dot{background:var(--mint-soft);border-color:var(--mint-strong);color:var(--mint-strong);box-shadow:0 0 0 4px var(--mint-soft)}.timeline__body{display:flex;flex-direction:column;gap:2px;padding-top:2px}.timeline__title{font-family:var(--font-title);font-weight:600;font-size:13.5px;color:var(--text-2)}.timeline__step--done .timeline__title{color:var(--tone-green-tx)}.timeline__step--current .timeline__title{color:var(--text)}.timeline__desc{font-size:12px;color:var(--text-3);line-height:1.45}.timeline--cancelled{opacity:.45}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px 18px;display:flex;flex-direction:column;gap:4px;box-shadow:var(--shadow-card)}.stat-card__value{font-size:24px;font-weight:600}.stat-card__label{font-size:12.5px;color:var(--text-2)}.stat-card--accent{border-color:var(--violet-border)}.stat-card--accent .stat-card__value{color:var(--violet)}.board{display:flex;gap:14px;overflow-x:auto;padding-bottom:14px;align-items:flex-start}.board-col{flex:0 0 250px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);display:flex;flex-direction:column;max-height:68vh;box-shadow:var(--shadow-card)}.board-col__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 15px;border-bottom:1px solid var(--border)}.board-col__title{font-family:var(--font-title);font-weight:700;font-size:12.5px}.board-col__count{font-size:11.5px;background:var(--surface-3);border-radius:99px;padding:2px 9px;color:var(--text-2)}.board-col__list{padding:12px;display:flex;flex-direction:column;gap:10px;overflow-y:auto}.board-col__empty{color:var(--text-3);font-size:12.5px;text-align:center;padding:18px 0}.mini-card{text-align:left;background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:12px 13px;display:flex;flex-direction:column;gap:6px;transition:border-color var(--t),transform var(--t),box-shadow var(--t)}.mini-card:hover{border-color:var(--mint-border);transform:translateY(-1px);box-shadow:var(--shadow-card)}.mini-card__top{display:flex;align-items:center;justify-content:space-between;gap:8px}.mini-card__id{color:var(--violet);font-weight:600;font-size:13px}.mini-card__total{font-size:13px}.mini-card__client{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-card__meta{display:flex;align-items:center;gap:10px;font-size:11.5px;color:var(--text-3)}.staff-inline-form{display:flex;align-items:flex-end;gap:12px;margin-top:14px;flex-wrap:wrap}.staff-divider{display:flex;align-items:center;gap:12px;margin:18px 0 4px;color:var(--text-3);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.staff-divider:before,.staff-divider:after{content:"";flex:1;height:1px;background:var(--border)}.featured-manager{max-width:720px}.featured-manager__hint{font-size:13px;margin-bottom:16px}.featured-manager__empty{font-size:13.5px;padding:10px 0}.featured-manager__list{display:flex;flex-direction:column;margin-bottom:8px}.featured-row{display:flex;align-items:center;gap:12px;padding:11px 0;border-bottom:1px solid var(--border)}.featured-row__thumb{width:44px;height:44px;border-radius:10px;object-fit:cover;border:1px solid var(--border);flex-shrink:0}.featured-row__thumb--empty{background:var(--surface-2)}.featured-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.featured-row__name{font-size:13.5px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-row__name:hover{color:var(--violet)}.featured-row__price{font-size:12.5px;color:var(--text-2)}.featured-form{margin-top:18px;padding-top:18px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:14px}.featured-form__img-row{display:flex;gap:10px}.featured-form__img-row .input{flex:1}.featured-form__preview{width:84px;height:84px;object-fit:cover;border-radius:12px;border:1px solid var(--border-strong)}.featured-form__submit{align-self:flex-start}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0f178c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;z-index:100;animation:fade-in .15s ease}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-pop);width:100%;max-width:520px;max-height:min(86vh,720px);display:flex;flex-direction:column;animation:modal-in .18s ease}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.98)}}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px 0;flex-shrink:0}.modal__title{font-size:16px}.modal__close{color:var(--text-3);padding:6px;border-radius:8px;display:inline-flex;transition:color var(--t),background var(--t)}.modal__close:hover{color:var(--text);background:var(--surface-2)}.modal__body{padding:14px 20px 20px;color:var(--text-2);font-size:14px;overflow-y:auto}.modal__body strong{color:var(--text)}.modal__footer{display:flex;justify-content:flex-end;gap:10px;padding:0 20px 20px;flex-shrink:0}.toast-stack{position:fixed;bottom:22px;right:22px;display:flex;flex-direction:column;gap:10px;z-index:200;max-width:min(380px,calc(100vw - 44px))}.toast{display:flex;align-items:center;gap:11px;background:var(--surface);border:1px solid var(--border-strong);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow-pop);font-size:13.5px;animation:toast-in .2s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.toast__icon{display:inline-flex;flex-shrink:0}.toast--success{border-color:var(--green-border)}.toast--success .toast__icon{color:var(--green)}.toast--error{border-color:var(--red-border)}.toast--error .toast__icon{color:var(--red)}.toast--info .toast__icon{color:var(--blue)}.toast__message{flex:1}.toast__close{color:var(--text-3);padding:4px;display:inline-flex;border-radius:6px}.toast__close:hover{color:var(--text)}@media (max-width: 1240px){.rail{display:none}}@media (max-width: 1100px){.featured__grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 1000px){.new-order,.detail-grid{grid-template-columns:1fr}.new-order__recap,.detail-grid__side{position:static}.features{grid-template-columns:1fr}.landing-nav{display:none}}@media (max-width: 900px){.featured__grid{grid-template-columns:repeat(3,1fr)}.delivery__steps{flex-direction:column;align-items:center;gap:20px}.delivery__chevrons{margin-top:0;transform:rotate(90deg)}.delivery-step{max-width:340px}}@media (max-width: 860px){.sidebar{display:none}.topbar{display:flex}.content{margin-left:0}.content__inner{padding:24px 16px 64px}.page-title{font-size:22px}.field-row{flex-wrap:wrap}.field-row>.field{flex:1 1 140px}.field-row>.field--price{flex:1 1 110px}.field-row>.field--qty{flex:0 1 84px}.board-col{flex-basis:230px}.staff-inline-form .btn,.staff-inline-form .field{width:100%}.landing-header__inner{padding:10px 16px;gap:12px}.landing-chip{display:none}.hero__inner{padding:48px 18px 44px}.hero-steps{flex-direction:column;align-items:center;gap:22px;margin-top:40px}.hero-steps__link{display:none}.hero-search{flex-wrap:wrap;border-radius:22px;padding:10px}.hero-search__icon{display:none}.hero-search__input{flex:1 1 100%;padding:8px 10px}.hero-search__btn{flex:1 1 100%}.landing-section{padding:44px 16px 8px}.landing-footer__inner{flex-direction:column;gap:32px}.featured-form__img-row{flex-wrap:wrap}}@media (max-width: 640px){.featured__grid{grid-template-columns:repeat(2,1fr);gap:12px}}.cart-bubble{position:absolute;top:-6px;right:-7px;min-width:17px;height:17px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:99px;background:var(--violet);color:#fff;font-size:10px;font-weight:600;line-height:1;box-shadow:0 0 0 2px var(--surface)}.cart-badge{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color var(--t),background var(--t),transform var(--t),color var(--t)}.cart-badge:hover{border-color:var(--border-strong);color:var(--text);transform:translateY(-1px)}.cart-badge--landing{background:#ffffffd9;color:var(--on-mint)}[data-theme=dark] .cart-badge--landing{background:var(--surface);color:var(--text)}.rail__btn--cart{position:relative}.rail__btn--cart .cart-bubble{top:-4px;right:-4px}.nav-link__count{margin-left:auto;min-width:19px;padding:1px 6px;border-radius:99px;background:var(--violet-soft);border:1px solid var(--violet-border);color:var(--violet);font-size:10.5px;font-weight:600;text-align:center}.topbar__link--cart{position:relative;display:inline-flex;align-items:center}.topbar__link--cart .cart-bubble{top:-2px;right:-8px}.shop-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.shop-header{position:sticky;top:0;z-index:40;background:var(--surface);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.shop-header__inner{max-width:var(--landing-max);margin:0 auto;padding:10px 22px;display:flex;align-items:center;justify-content:space-between;gap:14px}.shop-header__right{display:flex;align-items:center;gap:10px}.shop-page__content{flex:1;width:100%;max-width:var(--landing-max);margin:0 auto;padding:26px 22px 80px}.product-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:36px;margin-top:18px;align-items:start}.gallery{display:flex;flex-direction:column;gap:12px;position:sticky;top:86px}.gallery__main{aspect-ratio:1 / 1;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface-2);overflow:hidden;display:flex;align-items:center;justify-content:center}.gallery__main img{width:100%;height:100%;object-fit:cover}.gallery__main--skeleton{border:none}.gallery__main-empty{color:var(--text-3)}.gallery__thumbs{display:flex;flex-wrap:wrap;gap:8px;max-height:176px;overflow-y:auto;padding:2px}.gallery__thumb{width:62px;height:62px;flex-shrink:0;border-radius:10px;border:2px solid var(--border);background:var(--surface-2);overflow:hidden;padding:0;transition:border-color var(--t),transform var(--t),opacity var(--t);opacity:.8}.gallery__thumb img{width:100%;height:100%;object-fit:cover}.gallery__thumb:hover{opacity:1;transform:translateY(-1px)}.gallery__thumb--active{border-color:var(--mint-strong);opacity:1}.gallery__thumb--skeleton{border:none}.product-info{display:flex;flex-direction:column;gap:16px;min-width:0}.product-info__meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.platform-chip{display:inline-flex;align-items:center;padding:4px 11px;border-radius:99px;background:var(--violet-soft);border:1px solid var(--violet-border);color:var(--violet);font-size:12px;font-weight:600;letter-spacing:.02em}.product-info__shop{color:var(--text-2);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:260px}.product-info__sales{color:var(--text-3);font-size:12px}.product-info__name{font-size:24px;line-height:1.3;overflow-wrap:anywhere}.price-row{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}.price-row__cny{font-size:28px;font-weight:600;color:var(--text)}.price-row__eur{font-size:18px;font-weight:500;color:var(--violet)}.price-row__original{font-size:15px;color:var(--text-3);text-decoration:line-through}.price-row__note{margin-top:-8px;color:var(--text-3);font-size:12.5px}.option-group{display:flex;flex-direction:column;gap:9px;padding:2px;border-radius:12px;transition:box-shadow var(--t)}.option-group--pending .option-group__label{color:var(--violet)}.option-group__label{font-size:12.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);display:flex;align-items:baseline;gap:8px}.option-group__value{text-transform:none;letter-spacing:0;font-weight:500;color:var(--text-2);font-size:13px}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.opt-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:99px;border:1.5px solid var(--border);background:var(--surface);color:var(--text-2);font-size:13.5px;font-weight:500;max-width:100%;transition:border-color var(--t),background var(--t),color var(--t),transform var(--t)}.opt-chip span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.opt-chip:hover{border-color:var(--border-strong);color:var(--text);transform:translateY(-1px)}.opt-chip--active{border-color:var(--mint-strong);background:var(--mint-soft);color:var(--text)}.opt-chip--img{padding-left:6px}.opt-chip__img{width:30px;height:30px;border-radius:99px;overflow:hidden;flex-shrink:0;border:1px solid var(--border);background:var(--surface-2)}.opt-chip__img img{width:100%;height:100%;object-fit:cover}.qty-stepper{display:inline-flex;align-items:center;gap:4px;border:1.5px solid var(--border);border-radius:99px;padding:4px;background:var(--surface);width:max-content}.qty-stepper__btn{width:32px;height:32px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-2);transition:background var(--t),color var(--t)}.qty-stepper__btn:hover:not(:disabled){background:var(--surface-2);color:var(--text)}.qty-stepper__btn:disabled{opacity:.35;cursor:not-allowed}.qty-stepper__value{min-width:34px;text-align:center;font-size:14.5px;font-weight:600}.qty-stepper--sm .qty-stepper__btn{width:26px;height:26px}.qty-stepper--sm .qty-stepper__value{min-width:26px;font-size:13px}.product-info__hint{color:var(--violet);font-size:13px;font-weight:500}.product-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}.product-actions .btn{display:inline-flex;align-items:center;gap:8px}.product-actions__main{flex:1 1 220px}.product-actions__buy{flex:1 1 190px}.fee-banner{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:var(--mint-soft);border:1px solid var(--mint-border);color:var(--text-2);font-size:13px;line-height:1.5}.fee-banner__icon{color:var(--mint-strong);flex-shrink:0;margin-top:1px}.product-fail{max-width:480px;margin:60px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;padding:36px 24px;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card)}.product-fail__glyph{width:66px;height:66px;border-radius:20px;display:flex;align-items:center;justify-content:center;background:var(--red-soft);border:1px solid var(--red-border);color:var(--red)}.product-fail__title{font-size:20px}.product-fail__text{color:var(--text-2);font-size:14px}.product-fail__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}.cart-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:26px;align-items:start}.cart-list{display:flex;flex-direction:column;gap:12px}.cart-row{display:flex;align-items:center;gap:14px;padding:14px;border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-card)}.cart-row__thumb{width:76px;height:76px;border-radius:12px;overflow:hidden;flex-shrink:0;border:1px solid var(--border);background:var(--surface-2)}.cart-row__thumb img{width:100%;height:100%;object-fit:cover}.cart-row__thumb-empty{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-3)}.cart-row__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cart-row__name{color:var(--text);font-weight:600;font-size:14.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-row__name:hover{color:var(--violet)}.cart-row__opts{color:var(--text-3);font-size:12.5px}.cart-row__price{font-size:14px;font-weight:600;color:var(--text)}.cart-row__price-eur{color:var(--violet);font-weight:500}.cart-row__controls{display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex-shrink:0}.cart-recap{position:sticky;top:86px}.cart-recap__login-note{margin-top:10px;text-align:center;color:var(--text-3);font-size:12.5px}.cart-empty{margin-top:30px}.btn--discord{background:#5865f2;color:#fff;border:none;display:inline-flex;align-items:center;justify-content:center;gap:9px}.btn--discord:hover{background:#6a76f5;color:#fff}@media (max-width: 900px){.product-layout{grid-template-columns:1fr;gap:22px}.gallery{position:static}.cart-layout{grid-template-columns:1fr}.cart-recap{position:static}}@media (max-width: 640px){.shop-header__inner{padding:10px 14px}.shop-page__content{padding:20px 14px 64px}.product-info__name{font-size:20px}.price-row__cny{font-size:24px}.gallery__thumb{width:52px;height:52px}.cart-row{flex-wrap:wrap}.cart-row__body{flex:1 1 60%}.cart-row__controls{flex-direction:row;align-items:center;width:100%;justify-content:space-between}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}