:root{--bg-app:#f8fafc;--bg-elevated:#fff;--bg-inset:#f1f5f9;--bg-glass:hsla(0,0%,100%,.8);--bg-glass-border:hsla(0,0%,100%,.5);--text-1:#0f172a;--text-2:#475569;--text-3:#94a3b8;--text-off:#cbd5e1;--brand:#0d9488;--brand-light:#14b8a6;--brand-pale:#f0fdfa;--brand-glow:rgba(13,148,136,.2);--brand-gradient:linear-gradient(135deg,#0d9488,#14b8a6);--accent:#f59e0b;--accent-light:#fbbf24;--accent-pale:#fef3c7;--ok:#10b981;--ok-bg:#d1fae5;--ok-glow:rgba(16,185,129,.2);--warn:#f59e0b;--warn-bg:#fef3c7;--warn-glow:rgba(245,158,11,.2);--err:#ef4444;--err-bg:#fee2e2;--err-glow:rgba(239,68,68,.2);--info:#3b82f6;--info-bg:#dbeafe;--info-glow:rgba(59,130,246,.2);--line:#e2e8f0;--line-subtle:#f1f5f9;--line-strong:#cbd5e1;--line-brand:#0d9488;--bg-surface:var(--bg-card);--bg-surface-2:var(--bg-inset);--bg-surface-3:#e2e8f0;--bg-surface-rgb:255,255,255;--bg-surface-2-rgb:241,245,249;--text-primary:var(--text-1);--text-secondary:var(--text-2);--text-tertiary:var(--text-3);--lines-light:var(--line-subtle);--lines-base:var(--line);--brand-rgb:13,148,136;--ok-rgb:16,185,129;--success:var(--ok);--warning:var(--warn);--error:var(--err);--shell-sidebar-fallback-bg:#001529;--shell-sidebar-fallback-border:hsla(0,0%,100%,.12);--shell-sidebar-rail-text:hsla(0,0%,100%,.85);--shell-sidebar-rail-text-dim:hsla(0,0%,100%,.55);--shell-sidebar-rail-text-strong:hsla(0,0%,100%,.95);--shell-sidebar-rail-icon:hsla(0,0%,100%,.65);--shell-sidebar-rail-divider:hsla(0,0%,100%,.12);--shell-sidebar-rail-group-label:hsla(0,0%,100%,.5);--shell-sidebar-rail-item-hover-bg:hsla(0,0%,100%,.08);--shell-sidebar-rail-avatar-bg:hsla(0,0%,100%,.12);--shell-sidebar-rail-control-bg:hsla(0,0%,100%,.08);--shell-sidebar-rail-control-bg-hover:hsla(0,0%,100%,.12);--sh-none:none;--sh-xs:0 1px 2px 0 rgba(0,0,0,.05);--sh-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--sh-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--sh-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--sh-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--sh-float:0 10px 40px -10px rgba(0,0,0,.2);--sh-brand-glow:0 4px 20px -2px var(--brand-glow);--t-fast:150ms cubic-bezier(0.4,0,0.2,1);--t-norm:250ms cubic-bezier(0.4,0,0.2,1);--t-smooth:350ms cubic-bezier(0.4,0,0.2,1);--t-spring:500ms cubic-bezier(0.34,1.56,0.64,1)}.mb-pdd,.mb-pdd__trigger{position:relative}.mb-pdd__trigger{display:flex;align-items:center;gap:10px;padding:4px 10px 4px 4px;border:none;border-radius:12px;background:transparent;cursor:pointer;transition:background .2s ease;font-family:inherit}.mb-pdd__trigger:hover{background:rgba(0,0,0,.04)}.mb-pdd__trigger-avatar{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--bg-card);flex-shrink:0;overflow:hidden}.mb-pdd__trigger-avatar--has-image{background:transparent}.mb-pdd__trigger-avatar--letter{background:var(--mb-pdd-avatar-bg,var(--brand))}.mb-pdd__trigger-avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover}.mb-pdd__trigger-info{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.mb-pdd__trigger-name{font-size:13px;font-weight:600;color:var(--text-1)}.mb-pdd__trigger-email,.mb-pdd__trigger-name{line-height:1.2;white-space:nowrap;max-width:140px;overflow:hidden;text-overflow:ellipsis}.mb-pdd__trigger-email{font-size:11px;color:var(--text-2)}.mb-pdd__backdrop{position:fixed;inset:0;z-index:999}.mb-pdd__panel{position:absolute;top:calc(100% + 8px);right:0;width:320px;background:var(--bg-card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--sh-lg);z-index:1000;overflow:hidden;animation:mbProfileSlideIn .18s ease-out}@keyframes mbProfileSlideIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mb-pdd__profile-card{padding:20px 20px 16px;display:flex;gap:14px;align-items:flex-start}.mb-pdd__profile-avatar{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:17px;color:var(--bg-card);flex-shrink:0;overflow:hidden}.mb-pdd__profile-avatar--has-image{background:transparent}.mb-pdd__profile-avatar--letter{background:var(--mb-pdd-avatar-bg,var(--brand))}.mb-pdd__profile-avatar-img{width:100%;height:100%;border-radius:14px;object-fit:cover}.mb-pdd__profile-info{flex:1 1;min-width:0}.mb-pdd__profile-name-row{display:flex;align-items:center;gap:5px;line-height:1.3}.mb-pdd__profile-name{font-size:15px;font-weight:700;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.mb-pdd__profile-verified{color:var(--ok,#16a34a);flex-shrink:0;display:flex;align-items:center}.mb-pdd__profile-card-email{font-size:12px;color:var(--text-2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-pdd__profile-badge{display:inline-flex;align-items:center;flex-shrink:0;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;line-height:1.4}.mb-pdd__badge--admin{background:var(--brand-pale,#eff6ff);color:var(--brand)}.mb-pdd__badge--user{background:var(--ok-pale,#f0fdf4);color:var(--ok,#16a34a)}.mb-pdd__divider{height:1px;background:var(--line-subtle);margin:0}.mb-pdd__finance-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;padding:12px 16px}.mb-pdd__finance-card{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;background:var(--bg-inset);border:1px solid transparent;cursor:pointer;transition:all .15s ease;text-decoration:none;color:inherit}.mb-pdd__finance-card:hover{background:var(--bg-inset);border-color:var(--line);transform:translateY(-1px)}.mb-pdd__finance-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-3);display:flex;align-items:center;gap:4px}.mb-pdd__finance-value{font-size:14px;font-weight:700;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-pdd__balance--positive{color:var(--ok,#16a34a)}.mb-pdd__balance--low{color:var(--warning)}.mb-pdd__balance--negative{color:var(--err)}.mb-pdd__tariff-value{color:var(--brand)}.mb-pdd__section-header{padding:10px 20px 4px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--text-3);display:flex;align-items:center;gap:6px}.mb-pdd__account-list{padding:4px 8px}.mb-pdd__account-item{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;cursor:pointer;transition:background .15s;border:none;background:none;width:100%;text-align:left;font-family:inherit}.mb-pdd__account-item:hover{background:var(--bg-inset)}.mb-pdd__account-avatar{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:11px;color:var(--bg-card);flex-shrink:0;background:var(--mb-pdd-avatar-bg,var(--brand))}.mb-pdd__account-info{flex:1 1;min-width:0}.mb-pdd__account-name{font-size:13px;font-weight:500;color:var(--text-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mb-pdd__account-email{font-size:11px;color:var(--text-2)}.mb-pdd__account-remove{opacity:0;color:var(--line-strong);cursor:pointer;transition:all .15s;padding:4px;border:none;background:none;font-size:14px;line-height:1;border-radius:6px;display:flex;align-items:center;justify-content:center}.mb-pdd__account-item:hover .mb-pdd__account-remove{opacity:1}.mb-pdd__account-remove:hover{color:var(--err);background:var(--err-bg)}.mb-pdd__add-account{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:0 8px 4px;border-radius:10px;cursor:pointer;transition:background .15s;border:1px dashed var(--line);background:none;width:calc(100% - 16px);text-align:left;color:var(--text-2);font-size:13px;font-family:inherit}.mb-pdd__add-account:hover{background:var(--bg-inset);border-color:var(--line-strong);color:var(--text-1)}.mb-pdd__add-account-icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--bg-inset);font-size:16px;color:var(--text-2);flex-shrink:0}.mb-pdd__section-label{padding:8px 20px 2px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--text-off)}.mb-pdd__menu-links{padding:4px 8px}.mb-pdd__menu-link{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;cursor:pointer;transition:background .15s;text-decoration:none;color:var(--text-1);font-size:13px;font-weight:500;border:none;background:none;width:100%;text-align:left;font-family:inherit}.mb-pdd__menu-link:hover{background:var(--bg-inset);color:var(--text-1)}.mb-pdd__menu-link-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--text-3);flex-shrink:0}.mb-pdd__menu-link:hover .mb-pdd__menu-link-icon{color:var(--text-2)}.mb-pdd__menu-link--lock{margin-bottom:4px}.mb-pdd__external-badge{margin-left:auto;font-size:10px;color:var(--line-strong);padding:2px 6px;border-radius:4px;background:var(--bg-inset);border:1px solid var(--line-subtle)}.mb-pdd__logout-section{padding:4px 8px 8px}.mb-pdd__logout-btn{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;cursor:pointer;transition:all .15s;color:var(--err);font-size:13px;font-weight:500;border:none;background:none;width:100%;text-align:left;font-family:inherit}.mb-pdd__logout-btn:hover{background:var(--err-bg)}.mb-pdd__logout-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--err);flex-shrink:0}.mb-pdd__panel-inner{max-height:calc(100vh - 80px);overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.mb-pdd__panel-inner::-webkit-scrollbar{width:4px}.mb-pdd__panel-inner::-webkit-scrollbar-track{background:transparent}.mb-pdd__panel-inner::-webkit-scrollbar-thumb{background:var(--line);border-radius:4px}@media (max-width:1024px){.mb-pdd__trigger-email{display:none}}@media (max-width:768px){.mb-pdd__trigger-info{display:none}.mb-pdd__panel{position:fixed;top:auto;bottom:0;left:0;right:0;width:100%;border-radius:16px 16px 0 0;animation:mbProfileSlideUp .25s ease-out}.mb-pdd__panel,.mb-pdd__panel-inner{max-height:85vh}}@keyframes mbProfileSlideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:13px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;height:auto;display:block}button{cursor:pointer;border:none;background:none}button,input,select,textarea{font-family:inherit;font-size:inherit}a{color:inherit;text-decoration:none}ol,ul{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}:root{--brand:#2563eb;--brand-dark:#1d4ed8;--brand-light:#dbeafe;--brand-50:#eff6ff;--brand-100:#dbeafe;--brand-600:#2563eb;--brand-700:#1d4ed8;--accent:#059669;--accent-dark:#047857;--accent-light:#ecfdf5;--danger:#ef4444;--danger-light:#fee2e2;--danger-dark:#dc2626;--warning:#f59e0b;--warning-light:#fef3c7;--warning-pressed:#d97706;--accent-violet:#7c3aed;--accent-violet-mid:#8b5cf6;--accent-indigo:#6366f1;--bg:#f8fafc;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-hover:#f1f5f9;--bg-active:#e2e8f0;--bg-overlay:rgba(15,23,42,.5);--bg-card:#fff;--text:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-inverse:#fff;--text-link:#2563eb;--on-brand:var(--text-inverse);--border:#e2e8f0;--border-light:#f1f5f9;--border-focus:#3b82f6;--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--header-height:52px;--header-height-mobile:48px;--city-bar-height:32px;--storefront-sticky-top:calc(var(--city-bar-height) + var(--header-height) + 8px);--sidebar-width:240px;--container-max:1400px;--container-max-lite:1400px;--container-max-pro:1660px;--container-padding:16px;--bottom-bar-height:60px;--transition-fast:150ms ease;--transition:200ms ease;--transition-slow:300ms ease;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-toast:500;--z-header:250;--z-bottom-bar:250;--z-cart-drawer-overlay:350;--primary-color:var(--brand);--primary-hover:var(--brand-dark);--light-color:var(--bg-secondary);--text-color:var(--text);--border-color:var(--border);--radius:var(--radius-lg);--shadow:var(--shadow-sm)}@media (max-width:480px){:root{--city-bar-height:28px}}[data-theme=dark],[data-theme=pro],html.dark-theme{--brand:#3b82f6;--brand-dark:#2563eb;--brand-light:rgba(59,130,246,.15);--brand-50:rgba(59,130,246,.15);--accent:#10b981;--accent-dark:#10b981;--accent-light:rgba(16,185,129,.15);--warning-pressed:#d97706;--accent-violet:#a78bfa;--accent-violet-mid:#8b5cf6;--accent-indigo:#818cf8;--bg:#09090b;--bg-primary:#18181b;--bg-secondary:#27272a;--bg-tertiary:#27272a;--bg-hover:#27272a;--bg-active:#3f3f46;--bg-card:#18181b;--text:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--text-inverse:#fff;--text-link:#60a5fa;--border:hsla(0,0%,100%,.08);--border-light:#18181b;--border-focus:#3b82f6;--shadow-xs:0 1px 2px rgba(0,0,0,.4);--shadow-sm:0 1px 3px rgba(0,0,0,.45);--shadow-md:0 4px 12px rgba(0,0,0,.45);--shadow-lg:0 10px 24px rgba(0,0,0,.5)}[data-ui-mode=lite]{--container-max:var(--container-max-lite)}[data-ui-mode=pro]{--container-max:var(--container-max-pro)}[data-density=compact]{--spacing-xs:2px;--spacing-sm:4px;--spacing-md:8px;--spacing-lg:12px;--spacing-xl:16px;--font-size-base:12px;--radius:5px;--radius-lg:7px}[data-density=comfortable]{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:24px;--font-size-base:14px}[data-density=compact] body{font-size:var(--font-size-base)}[data-density=compact] h1{font-size:16px}[data-density=compact] h2{font-size:14px}[data-density=compact] h3{font-size:13px}[data-density=compact] .btn,[data-density=compact] button{padding-top:4px;padding-bottom:4px;font-size:12px}[data-density=compact] [class*=card]{padding:8px!important}[data-density=compact] td,[data-density=compact] th{padding:4px 8px;font-size:11px}.h1{font-size:28px;letter-spacing:-.02em}.h1,.h2{font-weight:700}.h2{font-size:22px;letter-spacing:-.01em}.h3{font-size:18px}.h3,.h4{font-weight:600}.body-lg,.h4{font-size:16px}.body{font-size:14px}.body-sm{font-size:13px}.caption{font-size:12px;color:var(--text-muted)}@media (min-width:768px){.h1{font-size:32px}.h2{font-size:26px}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--brand-light);color:var(--brand-dark)}[data-theme=dark] ::selection,[data-theme=pro] ::selection{background:rgba(59,130,246,.3);color:#fff}:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes slideInUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes popIn{0%{transform:scale(.8);opacity:0}70%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}@keyframes cartBounce{0%{transform:scale(1)}30%{transform:scale(1.25)}50%{transform:scale(.95)}70%{transform:scale(1.1)}to{transform:scale(1)}}.animate-fadeIn{animation:fadeIn var(--transition) ease forwards}.animate-fadeInUp{animation:fadeInUp var(--transition-slow) ease forwards}.animate-slideInRight{animation:slideInRight var(--transition-slow) ease forwards}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.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}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 25%,var(--bg-hover) 50%,var(--bg-tertiary) 75%);background-size:200% 100%;animation:shimmer 1.5s ease infinite;border-radius:var(--radius-md)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.badge-brand{background:var(--brand-light);color:var(--brand-dark)}.badge-accent{background:var(--accent-light);color:var(--accent-dark)}.badge-danger{background:var(--danger-light);color:var(--danger-dark)}.badge-warning{background:var(--warning-light);color:var(--warning)}.badge-muted{background:var(--bg-tertiary);color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition);white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--brand);color:#fff}.btn-primary:hover:not(:disabled){background:var(--brand-dark)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover:not(:disabled){background:var(--accent-dark)}.btn-outline{background:transparent;border:1px solid var(--border);color:var(--text)}.btn-outline:hover:not(:disabled){background:var(--bg-hover);border-color:var(--text-muted)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-dark)}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.btn-block{width:100%}.btn-icon{padding:8px;border-radius:var(--radius-md)}.input{width:100%;padding:10px 14px;font-size:14px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text);transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(59,130,246,.15)}.input::placeholder{color:var(--text-muted)}.input:disabled{opacity:.6;cursor:not-allowed}.input-sm{padding:6px 10px;font-size:13px}.input-lg{padding:14px 18px;font-size:16px}textarea.input{min-height:80px;resize:vertical}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%239CA3AF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:4px}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.price{font-weight:700;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.price-old{font-weight:400;color:var(--text-muted);text-decoration:line-through;font-size:.85em}.price-sale{color:var(--danger)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .6s linear infinite}.spinner-sm{width:14px;height:14px;border-width:2px}.spinner-lg{width:32px;height:32px;border-width:3px}.toast-container{position:fixed;bottom:calc(var(--bottom-bar-height) + 16px);left:50%;transform:translateX(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;pointer-events:none}@media (min-width:769px){.toast-container{bottom:24px;right:24px;left:auto;transform:none;align-items:flex-end}}@media (max-width:768px){:root{--container-padding:10px;--radius:7px;--radius-lg:10px}}@media (min-width:1600px){:root{--container-padding:20px}}body.no-scroll{overflow:hidden;touch-action:none}html{-webkit-overflow-scrolling:touch;text-rendering:optimizeSpeed}@media (max-width:768px){.page,[class*=page]{padding-left:10px!important;padding-right:10px!important}[role=button],a,button,input,label,select{touch-action:manipulation}[role=button],button{min-height:36px}header+main,header~main{padding-top:0}[class*=catCard],[class*=proRow],[class*=productCard]{content-visibility:auto;contain-intrinsic-size:0 220px}table{font-size:12px}td,th{padding:6px 8px}h1{font-size:18px}h2{font-size:16px}h3{font-size:14px}}@font-face{font-family:Inter;font-display:swap}.skeleton-shimmer{background:linear-gradient(90deg,var(--bg-secondary,#f0f0f0) 25%,var(--border,#e8e8e8) 50%,var(--bg-secondary,#f0f0f0) 75%);background-size:800px 100%;animation:shimmer 1.4s ease-in-out infinite}[class*=drawer],[class*=floating],[class*=modal]{will-change:transform}img{contain:layout}:root{font-synthesis:none;-webkit-font-smoothing:antialiased}@media (max-width:768px){main{padding-bottom:calc(56px + env(safe-area-inset-bottom, 0px))}}