:root{--bg-primary: #FFFFFF;--bg-secondary: #F7F7F8;--border: #E5E7EB;--border-hover: #DADDE2;--divider: #F0F1F3;--text-primary: #111111;--text-secondary: #6B7280;--text-disabled: #B0B7C3;--accent: #FF6A00;--accent-hover: #E85E00;--accent-active: #CC5200;--accent-light: #FFF3EB;--success: #16A34A;--success-light: #DCFCE7;--error: #DC2626;--error-light: #FEE2E2;--warning: #D97706;--warning-light: #FEF3C7;--info: #2563EB;--info-light: #DBEAFE;--font-base: "Inter", system-ui, -apple-system, sans-serif;--text-h1: 40px;--text-h2: 28px;--text-h3: 22px;--text-body: 16px;--text-caption: 13px;--radius-input: 10px;--radius-btn: 12px;--radius-card: 12px;--radius-modal: 18px;--radius-full: 9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .25s;--ease-out: ease-out;--shadow-toast: 0 4px 16px rgba(0,0,0,.1), 0 1px 4px rgba(0,0,0,.06);--z-sticky: 10;--z-overlay: 50;--z-modal: 60;--z-toast: 100}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-base);font-size:var(--text-body);color:var(--text-primary);background:var(--bg-secondary);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}p{line-height:1.6}a{color:var(--accent);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--accent-hover);text-decoration:underline}img,svg{display:block;max-width:100%}button,input,textarea,select{font-family:var(--font-base);font-size:var(--text-body)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-error{color:var(--error)}.bg-primary{background:var(--bg-primary)}.bg-secondary{background:var(--bg-secondary)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.link{color:var(--accent);text-decoration:none;font-weight:500;transition:color var(--duration-fast) var(--ease-out)}.link:hover{color:var(--accent-hover);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 18px;font-size:var(--text-body);font-weight:600;font-family:var(--font-base);border-radius:var(--radius-btn);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);white-space:nowrap;-webkit-user-select:none;user-select:none;outline:none;line-height:1}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:active:not(:disabled){background:var(--accent-active);border-color:var(--accent-active)}.btn-secondary{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border)}.btn-secondary:hover:not(:disabled){border-color:var(--border-hover);background:var(--bg-secondary)}.btn-secondary:active:not(:disabled){background:var(--bg-secondary);border-color:var(--text-secondary)}.btn-ghost{background:transparent;color:var(--text-secondary);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn--sm{height:36px;padding:0 14px;font-size:var(--text-caption);border-radius:10px}.btn--lg{height:52px;padding:0 24px;font-size:17px}.btn--full{width:100%}.btn--loading{pointer-events:none;opacity:.8}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.btn-spinner--dark{border-color:#00000026;border-top-color:var(--text-primary)}.btn--hover-demo.btn-primary{background:var(--accent-hover);border-color:var(--accent-hover)}.btn--hover-demo.btn-secondary{border-color:var(--border-hover);background:var(--bg-secondary)}.btn--hover-demo.btn-ghost{background:var(--bg-secondary);color:var(--text-primary)}.input{width:100%;height:44px;padding:0 14px;font-size:var(--text-body);font-family:var(--font-base);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-input);outline:none;transition:border-color var(--duration-fast) var(--ease-out);-moz-appearance:none;appearance:none;-webkit-appearance:none}.input::placeholder{color:var(--text-disabled)}.input:hover:not(:disabled):not(:focus){border-color:var(--border-hover)}.input:focus{border-color:var(--text-primary)}.input:disabled{background:var(--bg-secondary);color:var(--text-secondary);cursor:not-allowed;opacity:.6}.input--error{border-color:var(--error)}.input--error:focus{border-color:var(--error)}.input--success{border-color:var(--success)}.input--success:focus{border-color:var(--success)}.input--textarea{height:auto;min-height:100px;padding:12px 14px;resize:vertical;line-height:1.5}.input--with-icon{padding-left:40px}.field-label{display:block;font-size:var(--text-caption);font-weight:600;color:var(--text-primary);margin-bottom:6px}.input-hint{font-size:var(--text-caption);color:var(--text-secondary);margin-top:5px}.input-hint--error{color:var(--error)}.input-hint--success{color:var(--success)}.input-icon-wrap{position:relative;display:block}.input-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.otp-wrap{display:flex;gap:8px}.otp-input{width:44px;height:52px;text-align:center;font-size:20px;font-weight:600;border:1px solid var(--border);border-radius:var(--radius-input);background:var(--bg-primary);outline:none;transition:border-color var(--duration-fast) var(--ease-out);color:var(--text-primary)}.otp-input:focus{border-color:var(--text-primary)}.otp-input::placeholder{color:var(--text-disabled);font-size:24px}.card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-card);transition:border-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);overflow:hidden}.card--product{display:flex;flex-direction:column;cursor:pointer}.card--product:hover{border-color:var(--border-hover);transform:translateY(-2px)}.card--unavailable{opacity:.65}.card--unavailable:hover{transform:none;border-color:var(--border)}.card-image-wrap{position:relative}.card-image{width:100%;height:140px;display:flex;align-items:center;justify-content:center;font-size:40px}.card-badges{position:absolute;top:10px;left:10px;display:flex;gap:4px;flex-wrap:wrap}.card-body{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.card-category{font-size:var(--text-caption);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin:0 0 6px}.card-title{font-size:16px;font-weight:700;color:var(--text-primary);margin:0 0 8px;line-height:1.3}.card-desc{font-size:13px;color:var(--text-secondary);margin:0 0 auto;line-height:1.5;padding-bottom:16px}.card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px solid var(--divider)}.card--order{padding:20px 24px}.card--order:hover{border-color:var(--border-hover)}.order-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.order-id{font-size:14px;font-weight:700;color:var(--text-primary);margin-right:10px}.order-date{font-size:var(--text-caption);color:var(--text-secondary)}.order-card-body{display:flex;align-items:center;justify-content:space-between;gap:12px}.order-product{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.order-product-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.order-product-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.order-product-meta{font-size:var(--text-caption);color:var(--text-secondary)}.order-card-price{text-align:right;flex-shrink:0}.order-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--divider)}.badge{display:inline-flex;align-items:center;padding:3px 8px;font-size:11px;font-weight:700;border-radius:var(--radius-full);letter-spacing:.04em;white-space:nowrap}.badge--top{background:#fff3eb;color:var(--accent)}.badge--sale{background:#fee2e2;color:var(--error)}.badge--official{background:var(--success-light);color:var(--success)}.badge--new{background:var(--info-light);color:var(--info)}.status-badge{display:inline-flex;align-items:center;padding:4px 10px;font-size:var(--text-caption);font-weight:600;border-radius:var(--radius-full);white-space:nowrap}.status-badge--pending{background:var(--warning-light);color:var(--warning)}.status-badge--processing{background:var(--info-light);color:var(--info)}.status-badge--completed{background:var(--success-light);color:var(--success)}.status-badge--cancelled{background:var(--bg-secondary);color:var(--text-secondary)}.status-badge--error{background:var(--error-light);color:var(--error)}.counter-badge{position:absolute;top:2px;right:2px;min-width:18px;height:18px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;padding:0 4px}.tag{display:inline-flex;align-items:center;padding:4px 10px;font-size:var(--text-caption);font-weight:500;color:var(--text-secondary);background:var(--bg-secondary);border-radius:var(--radius-full);border:1px solid var(--border);cursor:default;transition:all var(--duration-fast) var(--ease-out)}.tag:hover{border-color:var(--border-hover);color:var(--text-primary)}.tag--active{background:var(--accent-light);border-color:transparent;color:var(--accent)}.tabs{display:flex;border-bottom:1px solid var(--border);gap:0}.tab{display:inline-flex;align-items:center;padding:12px 18px;font-size:var(--text-body);font-weight:500;color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);outline:none}.tab:hover{color:var(--text-primary)}.tab--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.tab-content{background:var(--bg-primary);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--radius-card) var(--radius-card);padding:20px 24px}.tab-panel{display:none}.tab-panel--active{display:block}.tabs-pill{display:inline-flex;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-btn);padding:3px;gap:2px}.tab-pill{padding:7px 16px;font-size:var(--text-caption);font-weight:500;color:var(--text-secondary);background:none;border:none;border-radius:10px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);outline:none}.tab-pill:hover{color:var(--text-primary)}.tab-pill--active{background:var(--bg-primary);color:var(--text-primary);font-weight:600;border:1px solid var(--border);box-shadow:0 1px 3px #0000000d}.accordion{border-top:1px solid var(--divider)}.accordion-item{border-bottom:1px solid var(--divider)}.accordion-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 0;background:none;border:none;cursor:pointer;font-size:var(--text-body);font-weight:500;color:var(--text-primary);text-align:left;gap:16px;outline:none;transition:color var(--duration-fast) var(--ease-out)}.accordion-trigger:hover{color:var(--accent)}.accordion-arrow{flex-shrink:0;color:var(--text-secondary);transition:transform var(--duration-base) var(--ease-out)}.accordion-item--open .accordion-arrow{transform:rotate(180deg)}.accordion-body{max-height:0;overflow:hidden;transition:max-height var(--duration-slow) var(--ease-out)}.accordion-item--open .accordion-body{max-height:500px}.accordion-body p{padding-bottom:18px;font-size:var(--text-body);color:var(--text-secondary);line-height:1.6}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out);padding:16px}.modal-overlay--active{opacity:1;pointer-events:all}.modal{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-modal);width:100%;max-width:460px;max-height:90vh;overflow-y:auto;transform:translateY(16px) scale(.98);transition:transform var(--duration-base) var(--ease-out)}.modal-overlay--active .modal{transform:translateY(0) scale(1)}.modal--lg{max-width:560px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 0}.modal-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);outline:none}.modal-close:hover{border-color:var(--border-hover);color:var(--text-primary)}.modal-body{padding:20px 24px}.modal-footer{padding:16px 24px 22px;display:flex;align-items:center;justify-content:flex-end;gap:10px;border-top:1px solid var(--divider)}.modal-hint{font-size:var(--text-caption);color:var(--text-secondary);margin-top:12px}.order-summary{background:var(--bg-secondary);border-radius:10px;padding:14px 16px}.order-summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-primary)}.order-summary-divider{height:1px;background:var(--border);margin:10px 0}.order-summary-total{font-weight:700;font-size:16px}.modal-steps{display:flex;align-items:center;gap:0}.step{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-secondary);flex-shrink:0}.step--active{background:var(--accent);border-color:var(--accent);color:#fff}.step--done{background:var(--success);border-color:var(--success);color:#fff}.step-line{flex:1;height:1px;background:var(--border)}.step-line--done{background:var(--success)}.drawer{background:var(--bg-primary);border-radius:var(--radius-modal) var(--radius-modal) 0 0;border:1px solid var(--border);border-bottom:none;position:fixed;bottom:0;left:0;right:0;max-height:80vh;overflow-y:auto;transform:translateY(100%);transition:transform var(--duration-slow) var(--ease-out)}.modal-overlay--active .drawer{transform:translateY(0)}.drawer-handle{width:36px;height:4px;background:var(--border);border-radius:var(--radius-full);margin:12px auto 4px}.drawer-list{display:flex;flex-direction:column;gap:2px;padding:4px 0 8px}.drawer-item{display:flex;align-items:center;gap:12px;padding:13px 4px;font-size:var(--text-body);color:var(--text-primary);background:none;border:none;border-radius:10px;cursor:pointer;text-align:left;transition:background var(--duration-fast) var(--ease-out);outline:none}.drawer-item:hover{background:var(--bg-secondary)}.drawer-item--active{color:var(--accent);font-weight:600;background:var(--accent-light)}.toast-container{position:fixed;top:20px;right:20px;z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:12px;background:var(--bg-primary);border:1px solid var(--border);box-shadow:var(--shadow-toast);min-width:280px;max-width:360px;pointer-events:all;position:relative;transform:translate(120%);opacity:0;transition:transform var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out)}.toast--show{transform:translate(0);opacity:1}.toast--static{transform:none;opacity:1;position:relative;top:auto;right:auto;margin-bottom:8px}.toast--success svg{color:var(--success);flex-shrink:0;margin-top:1px}.toast--error svg{color:var(--error);flex-shrink:0;margin-top:1px}.toast--info svg{color:var(--info);flex-shrink:0;margin-top:1px}.toast-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:1px}.toast-desc{font-size:var(--text-caption);color:var(--text-secondary);line-height:1.4}.toast-close{position:absolute;top:8px;right:10px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;line-height:1;padding:0;outline:none}.toast-close:hover{color:var(--text-primary)}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skeleton{background:linear-gradient(90deg,#f0f1f3 25%,#e5e7eb,#f0f1f3 75%);background-size:600px 100%;animation:shimmer 1.6s ease-in-out infinite;border-radius:6px}.skeleton--image{height:140px;border-radius:0}.skeleton--text{display:block;border-radius:4px}.skeleton--bubble{border-radius:12px}.chat-skeleton{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-card);padding:16px;display:flex;flex-direction:column;gap:16px}.chat-skeleton-msg{display:flex;align-items:flex-end;gap:8px}.chat-skeleton-msg--out{justify-content:flex-end}.table-wrap{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--divider);gap:12px}.table{width:100%;border-collapse:collapse;font-size:14px}.table thead tr{background:var(--bg-secondary)}.table th{padding:11px 16px;text-align:left;font-size:var(--text-caption);font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap}.table td{padding:14px 16px;border-bottom:1px solid var(--divider);color:var(--text-primary);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--duration-fast) var(--ease-out)}.table tbody tr:hover{background:var(--bg-secondary)}.table-product{display:flex;align-items:center;gap:12px}.table-product-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.table-product-name{font-weight:600;color:var(--text-primary);margin-bottom:2px}.table-product-meta{font-size:var(--text-caption);color:var(--text-secondary)}.table-num{font-weight:600;color:var(--text-primary)}.table-actions{display:flex;align-items:center;gap:4px;opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.table tbody tr:hover .table-actions{opacity:1}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-top:1px solid var(--divider)}.table-count{font-size:var(--text-caption);color:var(--text-secondary)}.icon-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out);outline:none}.icon-btn:hover{background:var(--bg-secondary);border-color:var(--border);color:var(--text-primary)}.icon-btn--danger:hover{background:var(--error-light);border-color:transparent;color:var(--error)}.pagination{display:flex;align-items:center;gap:4px}.page-btn{min-width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0 6px;font-size:13px;font-weight:500;color:var(--text-secondary);background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:all var(--duration-fast) var(--ease-out);outline:none}.page-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border);color:var(--text-primary)}.page-btn--active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700}.page-btn:disabled{opacity:.35;cursor:not-allowed}.page-dots{font-size:13px;color:var(--text-secondary);padding:0 4px}.price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.price-current{font-size:18px;font-weight:700;color:var(--text-primary);line-height:1}.price-old{font-size:13px;font-weight:400;color:var(--text-secondary);text-decoration:line-through;line-height:1}.price-period{font-size:var(--text-caption);font-weight:400;color:var(--text-secondary)}.price--lg .price-current{font-size:24px}.price--lg .price-old{font-size:15px}.price--muted{color:var(--text-secondary)}.state-block{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 24px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-card);gap:12px}.state-block--error{border-color:#fecaca;background:#fff8f8}.state-icon{font-size:36px;margin-bottom:4px}.state-title{font-size:16px;font-weight:700;color:var(--text-primary)}.state-desc{font-size:14px;color:var(--text-secondary);line-height:1.5;max-width:240px}.chat-demo{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.chat-header{padding:14px 16px;border-bottom:1px solid var(--border);background:var(--bg-primary)}.chat-info{display:flex;align-items:center;gap:10px}.chat-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;flex-shrink:0}.chat-name{font-size:14px;font-weight:600;color:var(--text-primary)}.chat-status{display:flex;align-items:center;gap:5px;font-size:var(--text-caption);color:var(--success)}.online-dot{width:6px;height:6px;background:var(--success);border-radius:50%}.chat-messages{padding:16px;display:flex;flex-direction:column;gap:12px;min-height:200px;background:var(--bg-secondary)}.msg{display:flex;flex-direction:column;max-width:80%}.msg--in{align-self:flex-start;align-items:flex-start}.msg--out{align-self:flex-end;align-items:flex-end}.msg-bubble{padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.5}.msg--in .msg-bubble{background:var(--bg-primary);border:1px solid var(--border);border-radius:4px 14px 14px;color:var(--text-primary)}.msg--out .msg-bubble{background:var(--accent);color:#fff;border-radius:14px 4px 14px 14px}.msg--sending .msg-bubble{opacity:.65}.msg-meta{font-size:11px;color:var(--text-secondary);margin-top:4px;padding:0 4px}.chat-input-wrap{display:flex;align-items:flex-end;gap:8px;padding:12px 14px;border-top:1px solid var(--border);background:var(--bg-primary)}.chat-input{flex:1;border:1px solid var(--border);border-radius:10px;padding:10px 14px;font-size:14px;font-family:var(--font-base);resize:none;outline:none;background:var(--bg-secondary);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out);line-height:1.5}.chat-input:focus{border-color:var(--border-hover);background:var(--bg-primary)}.chat-send{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:none;border-radius:10px;cursor:pointer;flex-shrink:0;transition:background var(--duration-fast) var(--ease-out);outline:none}.chat-send:hover{background:var(--accent-hover)}.site-header{background:var(--bg-primary);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:var(--z-sticky)}.header-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px}.site-logo{font-size:18px;font-weight:800;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:6px;flex-shrink:0}.site-logo-mark{color:var(--accent)}.header-nav{display:flex;align-items:center;gap:4px}.nav-link{padding:7px 12px;font-size:14px;font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:8px;transition:all var(--duration-fast) var(--ease-out)}.nav-link:hover{color:var(--text-primary);background:var(--bg-secondary);text-decoration:none}.nav-link--active{color:var(--text-primary);font-weight:600}.header-actions{display:flex;align-items:center;gap:8px}.site-footer{background:var(--bg-primary);border-top:1px solid var(--border);padding:48px 0 32px}.footer-inner{max-width:1200px;margin:0 auto;padding:0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand{display:flex;flex-direction:column;gap:12px}.footer-desc{font-size:14px;color:var(--text-secondary);line-height:1.6;max-width:260px}.footer-col-title{font-size:var(--text-caption);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:14px}.footer-links{display:flex;flex-direction:column;gap:10px;list-style:none}.footer-links a{font-size:14px;color:var(--text-secondary);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.footer-links a:hover{color:var(--text-primary);text-decoration:none}.footer-bottom{border-top:1px solid var(--divider);padding-top:24px;display:flex;align-items:center;justify-content:space-between}.footer-copy{font-size:var(--text-caption);color:var(--text-secondary)}.container{max-width:1200px;margin:0 auto;padding:0 24px}@media (max-width: 768px){.footer-grid{grid-template-columns:1fr 1fr}.header-nav{display:none}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr}}.announcement{background:var(--accent-light);border-bottom:1px solid #ffd6b0;padding:10px 24px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:var(--accent-active);font-weight:500}.announcement strong{font-weight:700}.hero{background:var(--bg-primary);border-bottom:1px solid var(--border);padding:64px 0;overflow:hidden}.hero-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:var(--text-caption);font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.hero-eyebrow-dot{width:6px;height:6px;background:var(--accent);border-radius:50%}.hero-title{font-size:44px;font-weight:800;line-height:1.1;color:var(--text-primary);margin-bottom:18px;letter-spacing:-.02em}.hero-title span{color:var(--accent)}.hero-desc{font-size:17px;color:var(--text-secondary);line-height:1.65;margin-bottom:32px;max-width:460px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-stats{display:flex;gap:32px;margin-top:40px;padding-top:32px;border-top:1px solid var(--divider)}.stat-num{font-size:24px;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:4px}.stat-label{font-size:var(--text-caption);color:var(--text-secondary)}.hero-visual{display:flex;flex-direction:column;gap:10px}.hero-card-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.hero-service-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;align-items:center;gap:12px}.hero-service-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.hero-service-name{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.hero-service-price{font-size:var(--text-caption);color:var(--accent);font-weight:600}.hero-wide-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.section{padding:80px 0}.section--alt{background:var(--bg-primary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:32px;gap:16px}.section-title{font-size:var(--text-h2);font-weight:800;color:var(--text-primary);letter-spacing:-.01em;margin:0}.section-subtitle{font-size:var(--text-body);color:var(--text-secondary);margin:6px 0 0}.products-grid,.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-card);padding:24px}.feature-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;font-size:22px;background:var(--accent-light);border-radius:12px;margin-bottom:16px}.feature-title{font-size:16px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.feature-desc{font-size:14px;color:var(--text-secondary);line-height:1.6}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.steps-grid:before{content:"";position:absolute;top:28px;left:calc(12.5% + 16px);right:calc(12.5% + 16px);height:1px;background:var(--border)}.step-item{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px}.step-num{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border);border-radius:50%;font-size:18px;font-weight:800;color:var(--text-primary);margin-bottom:20px;position:relative;z-index:1}.step-item:first-child .step-num{background:var(--accent);border-color:var(--accent);color:#fff}.step-title{font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.step-desc{font-size:13px;color:var(--text-secondary);line-height:1.55}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.review-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-card);padding:24px}.review-text{font-size:14px;color:var(--text-primary);line-height:1.65;margin-bottom:20px}.faq-layout{display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:start}.faq-lead{position:sticky;top:80px}.faq-lead-title{font-size:var(--text-h2);font-weight:800;margin-bottom:12px}.faq-lead-desc{font-size:var(--text-body);color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.cta-section{background:var(--text-primary);padding:80px 0}.cta-inner{text-align:center}.cta-title{font-size:36px;font-weight:800;color:#fff;margin-bottom:14px}.cta-desc{font-size:var(--text-body);color:#fff9;margin-bottom:28px}.btn-white{background:#fff;color:var(--text-primary);border-color:#fff}.catalog-layout{display:grid;grid-template-columns:220px 1fr;gap:24px;padding:40px 0 80px;align-items:start}.filters-sidebar{position:sticky;top:80px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.filter-section{padding:18px 20px;border-bottom:1px solid var(--divider)}.filter-title{font-size:var(--text-caption);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:12px}.filter-list{display:flex;flex-direction:column;gap:2px}.filter-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:14px;color:var(--text-secondary);border:none;background:none;width:100%;text-align:left}.filter-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.filter-item--active{background:var(--accent-light);color:var(--accent);font-weight:600}.filter-count{font-size:12px;color:var(--text-secondary);background:var(--bg-secondary);padding:1px 7px;border-radius:var(--radius-full)}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.catalog-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.catalog-search-wrap{flex:1;min-width:220px}.page-main{padding:40px 0 80px}.breadcrumb{display:flex;align-items:center;gap:6px;font-size:var(--text-caption);color:var(--text-secondary);margin-bottom:28px}.product-layout{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}.product-image-wrap{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.product-image-main{width:100%;height:280px;display:flex;align-items:center;justify-content:center;font-size:72px;background:linear-gradient(135deg,#ff7a1b,#d84c00);color:#fff}.product-image-footer{padding:16px 20px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--border)}.product-title{font-size:30px;font-weight:800;letter-spacing:-.02em;margin-bottom:10px;line-height:1.15}.product-desc{font-size:var(--text-body);color:var(--text-secondary);line-height:1.65;margin-bottom:20px}.product-features{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.product-feature{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--text-primary)}.buy-box{position:sticky;top:80px;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-card);overflow:hidden}.buy-box-top{padding:24px;border-bottom:1px solid var(--divider)}.buy-box-hint{font-size:var(--text-caption);color:var(--text-secondary);margin-top:10px}.buy-box-trust{padding:16px 24px}.trust-item{padding:10px 0;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--divider)}.checkout-inline{margin-top:12px;display:grid;gap:10px}.error-inline{font-size:13px;color:var(--error)}.success-inline{font-size:13px;color:var(--success)}@media (max-width: 1024px){.products-grid,.features-grid,.steps-grid{grid-template-columns:repeat(2,1fr)}.steps-grid:before{display:none}.hero-inner{grid-template-columns:1fr;gap:40px}.hero-visual{display:none}.reviews-grid{grid-template-columns:repeat(2,1fr)}.catalog-layout{grid-template-columns:1fr}.filters-sidebar{position:static}.catalog-grid{grid-template-columns:repeat(2,1fr)}.product-layout{grid-template-columns:1fr}}@media (max-width: 640px){.hero{padding:40px 0}.hero-title{font-size:32px}.section{padding:48px 0}.products-grid,.features-grid,.steps-grid,.reviews-grid,.catalog-grid,.faq-layout{grid-template-columns:1fr}.faq-lead{position:static}.section-header{flex-direction:column;align-items:flex-start}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes glow{0%,to{box-shadow:0 0 #ff6a0066}50%{box-shadow:0 0 12px 4px #ff6a0033}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInFromRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .4s ease-out forwards}.slide-in{animation:slideIn .4s ease-out forwards}.hero--animated{animation:fadeIn .6s ease-out}.hero-eyebrow--slide-in{animation:slideIn .5s ease-out .1s both}.hero-title--fade-in{animation:fadeIn .6s ease-out .2s both}.hero-desc--fade-in-delay{animation:fadeIn .6s ease-out .4s both}.hero-actions--fade-in-delay-2{animation:fadeIn .6s ease-out .6s both}.hero-stats--fade-in-delay-3{animation:fadeIn .6s ease-out .8s both}.hero-visual--stagger>*{animation:slideInFromRight .5s ease-out both}.btn--hover-lift:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.btn--pulse:hover{animation:pulse .6s ease-in-out infinite}.btn--glow{animation:glow 2s ease-in-out infinite}.card--product-hover{transition:all .25s ease-out}.card--product-hover:hover{transform:translateY(-4px);border-color:var(--border-hover);box-shadow:0 8px 24px #0000000f}.card--product-hover .card-image-overlay{opacity:0;position:absolute;top:0;right:0;bottom:0;left:0;background:#1119;display:flex;align-items:center;justify-content:center;transition:opacity .25s ease-out;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card--product-hover:hover .card-image-overlay{opacity:1}.card-image-overlay-text{color:#fff;font-weight:600;font-size:15px;transform:translateY(4px);transition:transform .25s ease-out}.card--product-hover:hover .card-image-overlay-text{transform:translateY(0)}.hero-service-card--hover{transition:all .25s ease-out}.hero-service-card--hover:hover{transform:translateY(-2px);border-color:var(--border-hover);box-shadow:0 4px 16px #0000000f}.hero-wide-card--hover{transition:all .25s ease-out}.hero-wide-card--hover:hover{transform:translate(2px);background:var(--bg-primary)}.feature-card--hover{transition:all .25s ease-out}.feature-card--hover:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:0 8px 24px #0000000d}.feature-icon--animated{transition:transform .25s ease-out}.feature-card--hover:hover .feature-icon--animated{transform:scale(1.1) rotate(5deg)}.step-item--hover{transition:transform .2s ease-out}.step-item--hover:hover{transform:scale(1.05)}.step-num--pulse{animation:pulse 2s ease-in-out infinite}.step-num{transition:all .25s ease-out}.step-item--hover:hover .step-num{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.1)}.review-card--hover{transition:all .25s ease-out}.review-card--hover:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:0 8px 20px #0000000f}.review-quote{font-size:48px;font-weight:700;color:var(--accent-light);line-height:1;margin-bottom:8px;font-family:Georgia,serif}.review-author-avatar{width:40px;height:40px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;transition:transform .25s ease-out}.review-card--hover:hover .review-author-avatar{transform:scale(1.1)}.stat--hover{transition:transform .2s ease-out;cursor:default}.stat--hover:hover{transform:scale(1.05)}.announcement--pulse{animation:pulse 3s ease-in-out infinite}.announcement-icon{display:inline-block;animation:bounce 2s ease-in-out infinite}.status-badge--pulse{animation:pulse 2s ease-in-out infinite}.status-badge-pulse{animation:glow 2s ease-in-out infinite}.product-layout--animated{animation:fadeIn .5s ease-out}.product-image-wrap--hover{transition:all .3s ease-out}.product-image-wrap--hover:hover{border-color:var(--border-hover);transform:translateY(-2px)}.product-title--fade-in{animation:fadeIn .5s ease-out .1s both}.product-desc--fade-in{animation:fadeIn .5s ease-out .2s both}.product-features--stagger>*{opacity:0;animation:slideIn .4s ease-out forwards}.product-features--stagger>*:nth-child(1){animation-delay:.1s}.product-features--stagger>*:nth-child(2){animation-delay:.2s}.product-features--stagger>*:nth-child(3){animation-delay:.3s}.product-features--stagger>*:nth-child(4){animation-delay:.4s}.product-feature--hover{padding:12px;border-radius:10px;transition:all .2s ease-out}.product-feature--hover:hover{background:var(--bg-secondary);transform:translate(4px)}.product-feature-icon{width:28px;height:28px;border-radius:50%;background:var(--success-light);color:var(--success);display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;transition:all .2s ease-out}.product-feature--hover:hover .product-feature-icon{background:var(--success);color:#fff;transform:scale(1.1)}.product-feature-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.product-feature-desc{font-size:13px;color:var(--text-secondary);line-height:1.4}.product-trust--fade-in{animation:fadeIn .5s ease-out .5s both}.trust-badge{display:flex;align-items:center;gap:12px;padding:16px;background:var(--success-light);border:1px solid #86efac;border-radius:12px;margin-top:20px}.trust-badge-icon{font-size:28px}.trust-badge-title{font-size:14px;font-weight:700;color:var(--success);margin-bottom:2px}.trust-badge-desc{font-size:13px;color:var(--text-secondary)}.buy-box--sticky{position:sticky;top:80px}.checkout-form{display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;font-weight:600;color:var(--text-primary)}.form-label-required{color:var(--error);margin-left:2px}.form-hint{font-size:12px;color:var(--text-secondary);margin:0}.input--animated{transition:all .2s ease-out}.input--animated:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.payment-methods{display:flex;flex-direction:column;gap:8px}.payment-method{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-primary);cursor:pointer;transition:all .2s ease-out;text-align:left;width:100%}.payment-method:hover{border-color:var(--border-hover);background:var(--bg-secondary)}.payment-method--active{border-color:var(--accent);background:var(--accent-light)}.payment-method-icon{font-size:20px}.payment-method-info{flex:1}.payment-method-name{font-size:14px;font-weight:600;color:var(--text-primary)}.payment-method-desc{font-size:12px;color:var(--text-secondary)}.payment-method-check{color:var(--accent);font-size:16px;font-weight:700}.btn--animated{transition:all .2s ease-out}.btn--animated:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #ff6a0040}.btn--animated:active:not(:disabled){transform:translateY(0)}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block;margin-right:8px}.error-inline--animated{animation:slideIn .3s ease-out}.buy-box-hint--animated{animation:fadeIn .5s ease-out .3s both}.buy-box-trust-badges{padding:16px 24px;background:var(--bg-secondary);border-top:1px solid var(--divider)}.trust-item--hover{display:flex;align-items:center;gap:10px;padding:10px 0;font-size:13px;color:var(--text-secondary);border-bottom:1px solid var(--divider);transition:all .2s ease-out}.trust-item--hover:last-child{border-bottom:none}.trust-item--hover:hover{color:var(--text-primary);transform:translate(4px)}.trust-item-icon{font-size:16px;flex-shrink:0}.trust-item-text{flex:1}.products-grid--stagger>*{opacity:0;animation:fadeIn .4s ease-out forwards}.products-grid--stagger>*:nth-child(1){animation-delay:.05s}.products-grid--stagger>*:nth-child(2){animation-delay:.1s}.products-grid--stagger>*:nth-child(3){animation-delay:.15s}.products-grid--stagger>*:nth-child(4){animation-delay:.2s}.products-grid--stagger>*:nth-child(5){animation-delay:.25s}.products-grid--stagger>*:nth-child(6){animation-delay:.3s}.products-grid--stagger>*:nth-child(7){animation-delay:.35s}.products-grid--stagger>*:nth-child(8){animation-delay:.4s}.features-grid--hover>*{transition:all .25s ease-out}.reviews-grid--hover>*{transition:all .25s ease-out}.steps-grid--animated>*{opacity:0;animation:fadeIn .5s ease-out forwards}.steps-grid--animated>*:nth-child(1){animation-delay:.1s}.steps-grid--animated>*:nth-child(2){animation-delay:.2s}.steps-grid--animated>*:nth-child(3){animation-delay:.3s}.steps-grid--animated>*:nth-child(4){animation-delay:.4s}.section-header--fade-in{animation:fadeIn .6s ease-out}.section-header-center{text-align:center;margin-bottom:48px;animation:fadeIn .6s ease-out}.cta-section--animated{animation:fadeIn .6s ease-out}.cta-title--fade-in{animation:fadeIn .5s ease-out .1s both}.cta-desc--fade-in{animation:fadeIn .5s ease-out .2s both}.state--pulse{animation:pulse 1.5s ease-in-out infinite}.breadcrumb--fade-in{animation:slideIn .4s ease-out}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color .2s ease-out}.breadcrumb-link:hover{color:var(--accent);text-decoration:none}.breadcrumb-sep{color:var(--border-hover);margin:0 6px}.breadcrumb-current{color:var(--text-primary)}.product-badge-wrap{display:flex;gap:8px;flex-wrap:wrap}.price--animated{animation:fadeIn .5s ease-out}.price-current{transition:color .2s ease-out}.buy-box:hover .price-current{color:var(--accent)}@media (max-width: 768px){.hero-visual--stagger{display:none}.product-layout--animated{grid-template-columns:1fr}.buy-box--sticky{position:static}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.catalog-page{padding:40px 0 80px}.filters-sidebar--animated{animation:slideIn .4s ease-out}.filter-item--hover{transition:all .2s ease-out}.filter-item-content{display:flex;align-items:center;gap:8px}.filter-item-icon{font-size:16px}.filter-summary{background:var(--accent-light);border-top:1px solid #FFD6B0}.filter-summary-text{font-size:12px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.filter-summary-count{font-size:24px;font-weight:800;color:var(--accent)}.catalog-header{margin-bottom:24px}.catalog-title{font-size:32px;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;margin-bottom:6px}.catalog-subtitle{font-size:16px;color:var(--text-secondary)}.search-input-wrap{position:relative;flex:1}.search-input-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-secondary);pointer-events:none}.input--search{padding-left:42px;padding-right:36px}.search-clear-btn{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease-out;display:flex;align-items:center;justify-content:center}.search-clear-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.catalog-count{display:flex;align-items:baseline;gap:6px}.catalog-count-number{font-size:20px;font-weight:700;color:var(--text-primary)}.catalog-count-label{font-size:13px;color:var(--text-secondary)}.card--catalog .card-meta{margin-bottom:8px}.catalog-grid--animated>*{opacity:0;animation:fadeIn .4s ease-out forwards}.state-error-icon,.state-empty-icon{font-size:48px;margin-bottom:12px}.state-error-title,.state-empty-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:6px}.state-error-desc,.state-empty-desc{font-size:14px;color:var(--text-secondary);margin-bottom:16px;line-height:1.6}.state--illustrated{text-align:center;padding:60px 24px}.public-order-page{padding:40px 0 80px}.public-order-layout{display:grid;gap:20px;max-width:900px;margin:0 auto}.order-status-card,.order-chat-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-card);animation:fadeIn .5s ease-out}.order-status-header{padding:24px;border-bottom:1px solid var(--divider);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.order-status-badge{display:flex;align-items:center;gap:12px}.order-status-icon{font-size:32px}.order-status-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);margin-bottom:2px}.order-status-text{font-size:18px;font-weight:700;color:var(--text-primary)}.order-complete-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--success-light);color:var(--success);border-radius:var(--radius-full);font-size:13px;font-weight:700;border:1px solid #86efac}.order-processing-badge{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--info-light);color:var(--info);border-radius:var(--radius-full);font-size:13px;font-weight:700;border:1px solid #93c5fd}.spinner-sm{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}.order-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;padding:24px;border-bottom:1px solid var(--divider)}.order-detail-item{display:flex;flex-direction:column;gap:6px}.order-detail-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary)}.order-detail-value{font-size:16px;font-weight:600;color:var(--text-primary)}.order-detail-value--code{font-family:Courier New,monospace;color:var(--accent)}.order-detail-value--price{font-size:20px;font-weight:800;color:var(--accent)}.order-delivery-section{padding:24px;border-bottom:1px solid var(--divider)}.order-delivery-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.order-delivery-icon{font-size:24px}.order-delivery-title{font-size:16px;font-weight:700;color:var(--text-primary)}.order-delivery-content{padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;white-space:pre-wrap;word-break:break-word;font-size:14px;line-height:1.6;color:var(--text-primary);margin-bottom:12px;font-family:Courier New,monospace}.order-payment-section{padding:24px;border-bottom:1px solid var(--divider)}.order-payment-alert{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--warning-light);border:1px solid #fcd34d;border-radius:12px;margin-bottom:16px}.order-payment-alert-icon{font-size:24px;flex-shrink:0}.order-payment-alert-title{font-size:14px;font-weight:700;color:var(--warning);margin-bottom:2px}.order-payment-alert-desc{font-size:13px;color:var(--text-secondary)}.order-info-section{padding:24px}.order-info-text{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.order-chat-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--divider)}.order-chat-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--text-primary)}.order-chat-status{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--success)}.online-indicator{width:8px;height:8px;border-radius:50%;background:var(--success);animation:pulse 2s ease-in-out infinite}.order-chat-messages{padding:20px 24px;min-height:300px;max-height:500px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.chat-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:40px 20px;color:var(--text-secondary);font-size:14px}.chat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.chat-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.chat-empty-text{font-size:14px;color:var(--text-secondary);line-height:1.6;max-width:300px}.chat-message{display:flex;align-items:flex-start;gap:10px;animation:slideIn .3s ease-out}.chat-message--support{flex-direction:row}.chat-message--customer{flex-direction:row-reverse}.chat-message-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-light);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.chat-message--customer .chat-message-avatar{background:var(--accent)}.chat-message-content{flex:1;max-width:70%}.chat-message--customer .chat-message-content{align-items:flex-end;text-align:right}.chat-message-header{display:flex;align-items:baseline;gap:8px;margin-bottom:4px}.chat-message--customer .chat-message-header{flex-direction:row-reverse}.chat-message-sender{font-size:12px;font-weight:700;color:var(--text-primary)}.chat-message-time,.chat-message-status{font-size:11px;color:var(--text-secondary)}.chat-message-text{padding:10px 14px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;font-size:14px;line-height:1.5;color:var(--text-primary);white-space:pre-wrap;word-break:break-word}.chat-message--customer .chat-message-text{background:var(--accent);border-color:var(--accent);color:#fff}.order-chat-input{display:flex;align-items:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--divider)}.chat-textarea{flex:1;min-height:44px;max-height:120px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);font-family:var(--font-base);font-size:14px;color:var(--text-primary);resize:none;transition:all .2s ease-out;outline:none}.chat-textarea:focus{border-color:var(--accent);background:var(--bg-primary);box-shadow:0 0 0 3px var(--accent-light)}.chat-textarea::placeholder{color:var(--text-disabled)}.chat-send-btn{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--accent);color:#fff;border:none;border-radius:10px;cursor:pointer;transition:all .2s ease-out}.chat-send-btn:hover:not(:disabled){background:var(--accent-hover);transform:translateY(-1px)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.hero-wide-card-title{font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:2px}.hero-wide-card-subtitle{font-size:13px;color:var(--text-secondary)}.review-author{display:flex;align-items:center;gap:12px}.review-author-name{font-size:14px;font-weight:600;color:var(--text-primary)}.review-author-date{font-size:12px;color:var(--text-secondary)}@media (max-width: 768px){.public-order-layout{padding:0 16px}.order-details-grid{grid-template-columns:1fr;gap:16px}.chat-message-content{max-width:85%}.catalog-count{display:none}.catalog-title{font-size:24px}}.react-grid{display:grid;gap:14px}.state{padding:12px;border-radius:10px;border:1px dashed var(--border);background:var(--bg-primary);font-size:14px}.state-loading,.state-empty{color:var(--text-secondary)}.state-error{color:var(--error);border-color:#ffc2c2;background:var(--error-light)}.skeleton{border-radius:10px;background:linear-gradient(90deg,#eef2f6 25%,#e4e9f0 37%,#eef2f6 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.toast-wrap{position:fixed;right:16px;bottom:16px;z-index:var(--z-toast);display:grid;gap:8px}.toast{border-radius:10px;padding:10px 12px;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);min-width:220px;box-shadow:var(--shadow-toast)}.toast-success{border-color:#86efac;background:var(--success-light)}.toast-error{border-color:#fda4af;background:var(--error-light)}.grid-products{display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}@media (max-width: 1024px){.grid-products{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.grid-products{grid-template-columns:1fr}}