.admin-page{min-height:100vh;background:linear-gradient(160deg,#f8fafc,#f1f5f9,#e2e8f0);padding-bottom:48px}.admin-header{background:linear-gradient(135deg,#1e293b,#334155);color:#fff;padding:14px 24px 18px;margin-bottom:20px;box-shadow:0 4px 20px #0000001f}.admin-back{display:inline-flex;align-items:center;gap:8px;color:#94a3b8;text-decoration:none;font-size:.88rem;margin-bottom:8px;padding:4px 0;border-radius:8px;transition:color .2s}.admin-back:hover{color:#fff}.admin-header-title{font-size:1.5rem;font-weight:700;letter-spacing:-.02em;margin-bottom:6px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.admin-header-badge{display:inline-flex;align-items:center;padding:4px 10px;background:#fff3;border:1px solid rgba(255,255,255,.4);border-radius:8px;font-size:.8rem;font-weight:600;letter-spacing:.02em}.admin-header-desc{color:#94a3b8;font-size:.9rem;max-width:520px;margin:0;line-height:1.4}.admin-section-switcher{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.15)}.admin-section-switcher-label{font-size:.85rem;color:#94a3b8;font-weight:500}.admin-section-pills{display:flex;gap:8px;flex-wrap:wrap}.admin-section-btn{padding:10px 18px;border:1px solid rgba(255,255,255,.35);border-radius:10px;background:#ffffff14;color:#cbd5e1;font-size:.9rem;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s,border-color .2s,color .2s}.admin-section-btn:hover,.admin-section-btn:focus{background:#ffffff2e;border-color:#ffffff80;color:#fff;outline:none}.admin-section-btn.active{background:#e41c2a;border-color:#e41c2a;color:#fff;box-shadow:0 2px 8px #e41c2a59}.admin-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:10px}.admin-header-user{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.admin-logout{padding:8px 16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.3);color:#fff;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .2s,border-color .2s}.admin-logout:hover{background:#ffffff38;border-color:#ffffff80}.admin-user-info{font-size:.9rem;color:#e2e8f0;font-weight:500}.admin-user-role{font-size:.75rem;color:#94a3b8}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.admin-login-card{background:#fff;border-radius:20px;padding:40px;max-width:400px;width:100%;box-shadow:0 25px 50px -12px #0003,0 0 0 1px #0000000a;border:1px solid #e2e8f0}.admin-login-card h1{font-size:1.5rem;font-weight:600;color:#1e293b;margin-bottom:8px}.admin-login-card>p{color:#64748b;font-size:.95rem;margin-bottom:24px}.admin-login-card form{display:flex;flex-direction:column;gap:16px}.admin-login-input{padding:14px 16px;font-size:1rem}.admin-login-error{color:#ef4444;font-size:.9rem;margin:0}.admin-login-success{color:#16a34a;font-size:.9rem;margin:0}.admin-login-btn{width:100%;padding:14px;font-size:1rem}.admin-forgot-link{display:block;margin-top:16px;background:none;border:none;color:#64748b;font-size:.9rem;cursor:pointer;padding:0;text-decoration:underline}.admin-forgot-link:hover{color:#3b82f6}.admin-reset-block{margin-top:24px;padding-top:24px;border-top:1px solid #e2e8f0}.admin-reset-title{font-size:1rem;font-weight:600;color:#1e293b;margin-bottom:4px}.admin-reset-hint{font-size:.85rem;color:#64748b;margin-bottom:12px}.admin-reset-block form{display:flex;flex-direction:column;gap:12px}.admin-reset-actions{display:flex;gap:12px}.admin-reset-actions .btn-save{flex:1}.admin-reset-link-wrap{display:block;margin-top:8px;font-size:.85rem;word-break:break-all}.admin-reset-link{color:#2563eb;text-decoration:underline}.admin-reset-link:hover{color:#1d4ed8}.admin-login-back{display:inline-block;margin-top:24px;color:#64748b;text-decoration:none;font-size:.9rem}.admin-login-back:hover{color:#3b82f6}.admin-panel{display:flex;min-height:100vh;background:#f1f5f9}.admin-sidebar-dark{width:260px;flex-shrink:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#1e293b,#0f172a);color:#e2e8f0;padding:20px 0 24px}.admin-sidebar-brand{padding:0 20px 20px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:16px}.admin-sidebar-logo{display:block;font-size:1.4rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.02em}.admin-sidebar-logo:hover{color:#fff;opacity:.9}.admin-sidebar-tagline{display:block;font-size:.75rem;color:#94a3b8;margin-top:4px}.admin-sidebar-dark .admin-nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;margin:0 12px 2px;border-radius:10px;color:#cbd5e1;font-size:.95rem;font-weight:500;border:none;background:transparent;cursor:pointer;text-align:left;width:calc(100% - 24px);transition:background .2s,color .2s}.admin-sidebar-dark .admin-nav-item:before{display:none}.admin-sidebar-dark .admin-nav-item:hover{background:#ffffff14;color:#fff}.admin-sidebar-dark .admin-nav-item.active{background:#e41c2a40;color:#fff}.admin-sidebar-dark .admin-nav-group-title{color:#94a3b8;padding:12px 20px 6px;margin-top:8px}.admin-nav-group-collapsible{display:flex;flex-direction:column;gap:0}.admin-nav-group-toggle{display:flex;align-items:center;gap:12px;width:100%;padding:12px 20px;margin:0 12px;border:none;border-radius:10px;background:transparent;color:#cbd5e1;font-size:.9rem;font-weight:600;text-align:left;cursor:pointer;transition:background .2s,color .2s}.admin-nav-group-toggle:hover{background:#ffffff0f;color:#fff}.admin-nav-group-toggle .admin-nav-icon{font-size:1rem;flex-shrink:0}.admin-nav-group-chevron{margin-left:auto;font-size:.7rem;opacity:.8;transition:transform .2s}.admin-nav-group-toggle.open .admin-nav-group-chevron{transform:rotate(0)}.admin-nav-group-content{overflow:hidden;max-height:0;opacity:0;transition:max-height .25s ease-out,opacity .2s}.admin-nav-group-content.open{max-height:320px;opacity:1;transition:max-height .3s ease-in,opacity .2s;padding-top:4px}.admin-sidebar-dark .admin-nav-group .admin-nav-item{padding-left:44px;font-size:.9rem}.admin-sidebar-divider{height:1px;background:#ffffff14;margin:8px 16px 16px}.admin-sidebar-footer{margin-top:auto;padding:16px 20px 0;border-top:1px solid rgba(255,255,255,.08)}.admin-sidebar-link{display:inline-flex;align-items:center;color:#94a3b8;text-decoration:none;font-size:.9rem;transition:color .2s}.admin-sidebar-link:hover{color:#fff}.admin-main{flex:1;min-width:0;display:flex;flex-direction:column}.admin-topbar{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 28px;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000a}.admin-topbar-left,.admin-topbar-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.admin-topbar-user{font-size:.95rem;font-weight:500;color:#334155}.admin-topbar-role{font-size:.8rem;color:#64748b;padding:4px 10px;background:#f1f5f9;border-radius:8px}.admin-topbar .admin-section-btn{padding:8px 16px;border:1px solid #e2e8f0;border-radius:10px;background:#fff;color:#64748b;font-size:.9rem;font-weight:500}.admin-topbar .admin-section-btn:hover,.admin-topbar .admin-section-btn:focus{background:#f8fafc;border-color:#cbd5e1;color:#334155}.admin-topbar .admin-section-btn.active{background:#e41c2a;border-color:#e41c2a;color:#fff}.admin-topbar .admin-logout{padding:8px 16px;background:#fff;border:1px solid #e2e8f0;color:#475569;border-radius:10px;font-size:.9rem}.admin-topbar .admin-logout:hover{background:#fef2f2;border-color:#e41c2a;color:#e41c2a}.admin-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px;margin-bottom:28px}.admin-dashboard-card{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000f;cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s;text-align:center}.admin-dashboard-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014;border-color:#e41c2a}.admin-dashboard-card-icon{font-size:2rem;line-height:1}.admin-dashboard-card-value{font-size:1.75rem;font-weight:700;color:#1e293b}.admin-dashboard-card-label{font-size:.9rem;color:#64748b;font-weight:500}.admin-dashboard-actions{display:flex;flex-wrap:wrap;gap:12px}.admin-dashboard-btn{padding:12px 24px;background:linear-gradient(180deg,#e41c2a,#c41826);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.admin-dashboard-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #e41c2a59}.admin-dashboard-btn-secondary{background:#fff;color:#475569;border:1px solid #e2e8f0}.admin-dashboard-btn-secondary:hover{background:#f8fafc;border-color:#e41c2a;color:#e41c2a;box-shadow:0 2px 8px #0000000f}.admin-content{flex:1;min-width:0;padding:28px;overflow:auto}.admin-nav-group{display:flex;flex-direction:column;gap:2px}.admin-nav-group-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b;padding:10px 14px 6px;margin-top:6px;display:flex;align-items:center;gap:8px}.admin-nav-group-title:first-child{margin-top:0}.admin-nav-icon{font-size:1rem;line-height:1;opacity:.9}.admin-nav-item{width:100%;padding:12px 18px 12px 44px;text-align:left;border:none;background:transparent;border-radius:12px;font-size:.95rem;font-weight:500;color:#475569;cursor:pointer;transition:background .2s,color .2s;position:relative}.admin-nav-item:before{content:"";position:absolute;left:14px;top:50%;transform:translateY(-50%);width:4px;height:0;border-radius:2px;background:#3b82f6;transition:height .2s}.admin-nav-item:hover{background:#f1f5f9;color:#1e293b}.admin-nav-item.active{background:linear-gradient(135deg,#eff6ff,#dbeafe);color:#1d4ed8}.admin-nav-item.active:before{height:20px}.admin-nav-item-sub{padding-left:44px;font-size:.9rem}.admin-nav-item-sub:before{display:none}.admin-section{margin-bottom:32px;background:#fff;border-radius:16px;padding:24px 28px;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a;border:1px solid #e2e8f0}.admin-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px 20px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #e2e8f0}.admin-section-summary{font-size:.9rem;color:#64748b;margin:0}.admin-section-summary strong{color:#1e293b;font-weight:600}.admin-section-title{font-size:1.3rem;font-weight:700;color:#1e293b;margin-bottom:20px;letter-spacing:-.02em;padding-left:12px;border-left:4px solid #E41C2A}.admin-section-head .admin-section-title{margin-bottom:0}.admin-section-desc{color:#64748b;font-size:.9rem;margin:-8px 0 20px;line-height:1.45}.admin-form-section .admin-section-title{margin-bottom:16px}.admin-collapsible-block{margin-top:16px;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden;background:#fff}.admin-collapsible-block+.admin-collapsible-block{margin-top:12px}.admin-collapsible-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border:none;background:#f8fafc;font-size:1rem;font-weight:600;color:#1e293b;cursor:pointer;text-align:left;transition:background .2s ease}.admin-collapsible-toggle:hover{background:#f1f5f9}.admin-collapsible-toggle.open{background:#fff;border-bottom:1px solid #e2e8f0}.admin-collapsible-chevron{font-size:.75rem;color:#64748b;flex-shrink:0;margin-left:8px}.admin-collapsible-content{padding:20px;background:#fff}.admin-collapsible-content .admin-filters{margin-bottom:16px}.admin-collapsible-content .admin-form-card{padding:0;border:none;background:transparent}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:16px}.admin-stats-card{background:#fff;border-radius:14px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.admin-stats-card h3{font-size:1rem;font-weight:600;color:#334155;margin-bottom:8px}.admin-stats-count{font-size:1.75rem;font-weight:700;color:#e41c2a;margin:0 0 4px}.admin-stats-hint{font-size:.8rem;color:#64748b;margin:0 0 12px}.admin-stats-recent{font-size:.8rem;color:#475569;border-top:1px solid #eee;padding-top:10px;max-height:200px;overflow-y:auto}.admin-stats-recent strong{display:block;margin-bottom:6px}.admin-stats-row{display:flex;justify-content:space-between;gap:8px;padding:4px 0;border-bottom:1px solid #f1f5f9}.admin-stats-row:last-child{border-bottom:none}.admin-form-card{background:#fff;border-radius:16px;padding:28px;box-shadow:0 1px 3px #0000000f,0 4px 12px #0000000a;border:1px solid #e2e8f0;max-width:560px}.admin-form-card label{display:block;margin-bottom:20px;font-weight:500;font-size:.9rem;color:#334155}.admin-form-card .admin-input{margin-top:8px}.admin-label-with-btn .admin-input-row{display:flex;gap:10px;align-items:center;margin-top:8px}.admin-label-with-btn .admin-input-row .admin-input{flex:1;margin-top:0}.admin-btn-sm{padding:8px 14px;font-size:.85rem;white-space:nowrap}.admin-form-actions{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e2e8f0}.admin-backup-card{max-width:560px;display:flex;flex-direction:column;gap:24px}.admin-backup-actions,.admin-backup-restore{display:flex;flex-direction:column;gap:8px}.admin-backup-label{font-weight:600;font-size:.95rem;color:#334155}.admin-backup-file{padding:8px 0;font-size:.9rem;cursor:pointer}.admin-backup-hint{font-size:.85rem;color:#64748b;margin:0;line-height:1.45}.admin-btn{padding:12px 24px;border-radius:10px;font-size:.95rem;font-weight:600;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;transition:background .2s,box-shadow .2s}.admin-btn-primary{background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 1px 3px #2563eb4d;align-self:flex-start}.admin-btn-primary:hover,.admin-btn-primary:focus{background:linear-gradient(180deg,#2563eb,#1d4ed8);box-shadow:0 2px 8px #2563eb66;outline:none}.admin-import-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:12px}.admin-import-upload{margin:0}.admin-import-result{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:.95rem}.admin-import-result.success{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.admin-import-result.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.admin-import-errors{margin:8px 0 0;padding-left:20px;font-size:.9rem}.admin-table-wrap tr[draggable=true]{cursor:grab}.admin-table-wrap tr[draggable=true]:active{cursor:grabbing}.admin-dragging{opacity:.5;background:#f1f5f9}.admin-drop-over{background:#dbeafe!important;outline:2px dashed #3b82f6}.admin-drop-row.admin-drop-root{background:#f8fafc;font-style:italic;color:#64748b}.admin-drop-row.admin-drop-root.admin-drop-over{background:#dbeafe!important}.admin-drag-drop-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 16px;margin-bottom:12px;background:#eff6ff;border:1px dashed #3b82f6;border-radius:8px}.admin-drag-drop-label{font-size:.9rem;font-weight:600;color:#1e40af;margin-right:8px}.admin-drag-drop-target{padding:6px 12px;border:1px solid #93c5fd;background:#fff;border-radius:6px;font-size:.85rem;cursor:pointer;color:#1e40af}.admin-drag-drop-target:hover{background:#dbeafe;border-color:#3b82f6}.admin-code{font-size:.85rem;background:#f1f5f9;padding:4px 8px;border-radius:6px;color:#475569}.btn-delete{margin-left:8px;padding:8px 16px;background:#fff;border:1px solid #fecaca;color:#ef4444;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .15s,color .15s}.btn-delete:hover{background:#ef4444;color:#fff}.admin-modal-sm{max-width:480px}.admin-filters{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-bottom:20px;padding:18px 20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.admin-filter-input{flex:1;min-width:200px;max-width:320px;margin:0!important}.admin-filter-select{min-width:160px;margin:0!important}.admin-sort{display:flex;align-items:center;gap:8px}.admin-sort-label{font-size:.85rem;color:#64748b;white-space:nowrap}.admin-select-with-add{margin-bottom:20px}.admin-select-with-add>label{display:block;margin-bottom:8px}.btn-inline-add{margin-top:8px;padding:8px 14px;background:#f1f5f9;border:1px dashed #94a3b8;border-radius:8px;color:#475569;font-size:.9rem;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.btn-inline-add:hover{background:#e2e8f0;border-color:#64748b;color:#334155}.admin-inline-form{margin-top:12px;padding:16px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;display:flex;flex-direction:column;gap:10px}.admin-inline-form .admin-input{margin-top:0}.btn-inline-save{align-self:flex-start}.admin-code-sm{font-size:.75rem;margin-left:8px;color:#94a3b8}.admin-table-wrap{background:#fff;border-radius:14px;overflow:hidden;border:1px solid #e2e8f0;box-shadow:0 1px 3px #0000000d}.admin-table{width:100%;border-collapse:collapse}.admin-table thead{background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.admin-table tbody tr:nth-child(2n){background:#fafbfc}.admin-table tbody tr:hover{background:#f0f9ff}.admin-table th{text-align:left;padding:16px 20px;font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;border-bottom:1px solid #e2e8f0}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:not(:last-child) td{border-bottom:1px solid #f1f5f9}.admin-table td{padding:16px 20px;font-size:.95rem;color:#334155;vertical-align:middle}.admin-thumb{width:56px;height:56px;-o-object-fit:cover;object-fit:cover;border-radius:10px;border:1px solid #e2e8f0;box-shadow:0 1px 2px #0000000d}.admin-no-photo{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#f1f5f9;border-radius:10px;color:#94a3b8;font-size:1.5rem;font-weight:300}.admin-table td:nth-child(2){font-weight:500;color:#1e293b}.admin-table td:nth-child(3){color:#64748b}.btn-edit{padding:8px 18px;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:500;box-shadow:0 1px 3px #2563eb4d;transition:transform .15s,box-shadow .15s}.btn-edit:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.btn-edit:active{transform:translateY(0)}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;display:flex;align-items:center;justify-content:center;padding:24px;animation:adminFadeIn .2s ease-out}@keyframes adminFadeIn{0%{opacity:0}to{opacity:1}}.admin-modal{background:#fff;border-radius:20px;max-width:580px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;animation:adminSlideIn .25s ease-out}@keyframes adminSlideIn{0%{opacity:0;transform:scale(.96) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.admin-modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;background:linear-gradient(180deg,#f8fafc,#fff);border-bottom:1px solid #e2e8f0}.admin-modal-header h2{font-size:1.35rem;font-weight:600;margin:0;color:#1e293b}.admin-modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f1f5f9;border:none;border-radius:10px;font-size:1.5rem;cursor:pointer;color:#64748b;line-height:1;transition:background .15s,color .15s}.admin-modal-close:hover{background:#e2e8f0;color:#1e293b}.admin-modal-body{padding:28px;overflow:auto}.admin-modal-body label{display:block;margin-bottom:20px;font-weight:500;font-size:.9rem;color:#334155}.admin-input{width:100%;padding:12px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;margin-top:8px;background:#fff;transition:border-color .15s,box-shadow .15s}.admin-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.admin-input::-moz-placeholder{color:#94a3b8}.admin-input::placeholder{color:#94a3b8}.admin-preview{display:block;max-width:140px;max-height:140px;-o-object-fit:cover;object-fit:cover;border-radius:12px;margin-top:10px;border:1px solid #e2e8f0;box-shadow:0 2px 8px #0000000f}.admin-photo-block{margin-bottom:20px}.admin-photo-label{display:block;font-weight:500;font-size:.9rem;color:#334155;margin-bottom:4px}.admin-photo-hint{font-size:.8rem;color:#64748b;margin:0 0 10px;line-height:1.4}.admin-photo-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:8px}.admin-file-label{display:inline-flex;align-items:center;padding:10px 16px;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:transform .15s,box-shadow .15s}.admin-file-label:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.admin-file-input{position:absolute;width:.1px;height:.1px;opacity:0;overflow:hidden;z-index:-1}.admin-photo-or{font-size:.9rem;color:#64748b}.admin-input-url{flex:1;min-width:180px}.admin-variants-block{margin-top:28px;padding-top:24px;border-top:1px solid #e2e8f0}.admin-variants-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;flex-wrap:wrap;gap:12px}.admin-variants-head span{font-weight:500;font-size:.9rem;color:#334155}.btn-add-variant{padding:10px 18px;background:linear-gradient(180deg,#22c55e,#16a34a);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:500;box-shadow:0 1px 3px #22c55e4d;transition:transform .15s,box-shadow .15s}.btn-add-variant:hover{transform:translateY(-1px);box-shadow:0 4px 12px #22c55e59}.admin-variant-list{display:flex;flex-direction:column;gap:12px;margin-bottom:0}.admin-variant-row--card{display:flex;flex-direction:column;gap:12px;padding:14px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.admin-variant-row-name{width:100%;min-width:0}.admin-variant-row-name .admin-variant-label{display:block;font-size:.9rem;font-weight:600;color:#334155;margin-bottom:6px}.admin-variant-row-name .admin-input-full{width:100%;min-width:0;box-sizing:border-box}.admin-variant-row-bottom{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 16px;width:100%;min-width:0}.admin-variant-field{display:flex;flex-direction:column;gap:4px;min-width:0}.admin-variant-field-label{font-size:.85rem;font-weight:600;color:#64748b;white-space:nowrap}.admin-variant-field .admin-input-num{width:88px;min-width:72px;box-sizing:border-box}.admin-variant-row-action{flex-shrink:0;margin-left:auto}.admin-variant-row-action .btn-remove-variant{margin-top:0}.btn-remove-variant{padding:8px 12px;min-width:70px;display:flex;align-items:center;justify-content:center;border:1px solid #fecaca;color:#ef4444;background:#fff;border-radius:10px;cursor:pointer;font-size:.85rem;font-weight:500;line-height:1;flex-shrink:0;transition:background .15s,color .15s,border-color .15s}.btn-remove-variant:hover{background:#ef4444;color:#fff;border-color:#ef4444}.admin-modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:1px solid #e2e8f0;background:#f8fafc}.btn-cancel{padding:10px 20px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:500;color:#64748b;transition:background .15s,border-color .15s,color .15s}.btn-cancel:hover{background:#f8fafc;border-color:#cbd5e1;color:#334155}.btn-save{padding:10px 24px;background:linear-gradient(180deg,#3b82f6,#2563eb);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:500;box-shadow:0 1px 3px #2563eb4d;transition:transform .15s,box-shadow .15s}.btn-save:hover{transform:translateY(-1px);box-shadow:0 4px 12px #2563eb59}.btn-save:active{transform:translateY(0)}@media (max-width: 768px){.admin-panel{flex-direction:column}.admin-sidebar-dark{width:100%;flex-direction:row;flex-wrap:wrap;padding:12px 16px;gap:4px}.admin-sidebar-brand{width:100%;padding:0 0 12px;margin-bottom:12px}.admin-sidebar-divider{display:none}.admin-sidebar-dark .admin-nav-item{margin:0 4px 0 0;width:auto;padding:10px 14px;font-size:.85rem}.admin-nav-group-collapsible{width:100%}.admin-nav-group-toggle{margin:0 4px 0 0;width:auto;min-width:0;padding:10px 14px;font-size:.85rem}.admin-nav-group-content.open{max-height:240px}.admin-sidebar-dark .admin-nav-group .admin-nav-item{padding-left:14px;width:auto;margin:0 4px 4px 0}.admin-sidebar-footer{width:100%;margin-top:12px;padding-top:12px}.admin-topbar{padding:12px 16px;flex-wrap:wrap}.admin-topbar-right{width:100%;justify-content:flex-start}.admin-content{padding:16px}.admin-table th,.admin-table td{padding:12px 14px;font-size:.85rem}.admin-thumb,.admin-no-photo{width:44px;height:44px}.admin-variant-row--card{padding:12px;gap:10px}.admin-variant-row-bottom{gap:10px 12px}.admin-variant-field .admin-input-num{width:72px;min-width:64px}.admin-form-card{padding:20px}}/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.static{position:static}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.table{display:table}.min-h-screen{min-height:100vh}.w-full{width:100%}.border-collapse{border-collapse:collapse}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.bg-\[\#E41C2A\]{background-color:#e41c2a}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.break-words{overflow-wrap:break-word}@media (hover:hover){.hover\:opacity-95:hover{opacity:.95}}.focus\:border-transparent:focus{border-color:#0000}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-\[\#E41C2A\]:focus{--tw-ring-color:#e41c2a}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-60:disabled{opacity:.6}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;font-size:16px;line-height:1.5;color:#333}body.cart-open{overflow:hidden;touch-action:none;overscroll-behavior:none}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.header{background:#e41c2a;box-shadow:0 2px 8px #00000026;position:sticky;top:0;z-index:100;padding-top:env(safe-area-inset-top)}.header-inner{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.logo{font-size:1.35rem;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.02em;padding:8px 0}.logo:hover,.logo:focus{color:#fff;opacity:.95;outline:none}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.header-menu-wrap{position:relative}.header-menu-btn{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:10px;cursor:pointer;-webkit-tap-highlight-color:transparent}.header-menu-btn:hover,.header-menu-btn:focus{background:#ffffff4d;border-color:#ffffffb3;outline:none}.header-menu-icon{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px}.header-menu-icon span{display:block;width:22px;height:2px;background:#fff;border-radius:1px}.header-menu-box{position:absolute;top:100%;right:0;margin-top:8px;min-width:180px;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;overflow:hidden;z-index:50}.header-menu-link{display:block;padding:14px 20px;color:#333;text-decoration:none;font-weight:500;border-bottom:1px solid #f0f0f0}.header-menu-link:last-child{border-bottom:none}.header-menu-link:hover,.header-menu-link:focus{background:#f5f5f5;color:#e41c2a;outline:none}.header-menu-link.active{color:#e41c2a;font-weight:600}.cart-btn{min-height:44px;padding:10px 16px;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:10px;cursor:pointer;font-weight:500;display:flex;flex-direction:column;align-items:flex-end;line-height:1.35;-webkit-tap-highlight-color:transparent}.cart-btn:hover,.cart-btn:focus{background:#ffffff4d;border-color:#ffffffb3;color:#fff;outline:none}.cart-btn-text{font-size:.9rem}.cart-btn-action{font-size:.75rem;opacity:.9}.main{display:flex;flex:1;max-width:1200px;margin:0 auto;width:100%;min-width:0;position:relative}.sidebar-toggle{display:none}.sidebar-wrap{display:flex;flex-shrink:0}.sidebar-backdrop{display:none}.sidebar{width:240px;flex-shrink:0;background:#fff;box-shadow:1px 0 4px #0000000f;padding:16px 0;display:flex;flex-direction:column;gap:0}.sidebar-section{padding-bottom:12px}.sidebar-section-categories{border-top:1px solid #eee;padding-top:12px;margin-top:4px}.sidebar-title{padding:0 16px 10px;font-size:.9rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #eee;margin-bottom:0}.sidebar-list{list-style:none}.sidebar-item{width:100%;min-height:44px;padding:12px 16px;text-align:left;border:none;background:none;cursor:pointer;font-size:.95rem;color:#333;-webkit-tap-highlight-color:transparent;display:flex;align-items:center}.sidebar-item:hover,.sidebar-item:focus{background:#f5f5f5;color:#1890ff;outline:none}.sidebar-item.active{background:#e6f7ff;color:#1890ff;font-weight:500}.sidebar-item-category{padding-left:24px;font-size:.9rem}.content{flex:1;padding:20px;min-width:0}.platform-app.platform-home{background:#f1f5f9}.platform-main{flex:1;width:100%;max-width:100%;margin:0;display:block}.platform-content{width:100%;max-width:1200px;margin:0 auto;padding:0 20px 40px;min-width:0}.platform-hero{background:linear-gradient(145deg,#e41c2a,#b81520,#8b0f16);padding:40px 20px 48px;text-align:center;position:relative;overflow:hidden}.platform-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.platform-hero-text{font-size:1.85rem;font-weight:800;color:#fff;margin:0 0 10px;letter-spacing:-.03em;text-shadow:0 2px 4px rgba(0,0,0,.2);position:relative}.platform-hero-sub{font-size:1rem;color:#fffffff2;position:relative;max-width:420px;margin:0 auto 28px}.platform-search{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;max-width:520px;margin:0 auto;position:relative}.platform-search-input{flex:1;min-width:220px;padding:14px 18px 14px 44px;border:none;border-radius:14px;font-size:1rem;box-shadow:0 4px 20px #00000026;background:#fff}.platform-search-input::-moz-placeholder{color:#94a3b8}.platform-search-input::placeholder{color:#94a3b8}.platform-search-input:focus{outline:none;box-shadow:0 4px 24px #0003}.platform-search-wrap{position:relative;flex:1;min-width:220px}.platform-search-wrap:before{content:"🔍";position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:1.1rem;z-index:1;pointer-events:none}.platform-search-wrap .platform-search-input{width:100%}.platform-search-btn{padding:14px 28px;background:#fff;color:#e41c2a;border:none;border-radius:14px;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 4px 20px #00000026;-webkit-tap-highlight-color:transparent;transition:transform .15s,box-shadow .15s}.platform-search-btn:hover,.platform-search-btn:focus{background:#fff;color:#c41826;transform:translateY(-1px);box-shadow:0 6px 24px #0003;outline:none}.platform-categories{padding:20px 0;background:#fff;box-shadow:0 2px 12px #0000000f;overflow-x:auto;-webkit-overflow-scrolling:touch}.platform-categories-inner{display:flex;gap:12px;padding:0 20px;min-width:-moz-min-content;min-width:min-content;max-width:1200px;margin:0 auto}.platform-cat-tile{flex-shrink:0;padding:14px 22px;border:none;border-radius:14px;background:#f1f5f9;font-size:.95rem;font-weight:600;color:#475569;cursor:pointer;-webkit-tap-highlight-color:transparent;white-space:nowrap;transition:background .2s,color .2s,transform .15s,box-shadow .15s;box-shadow:0 1px 3px #0000000f}.platform-cat-tile:hover,.platform-cat-tile:focus{background:#e2e8f0;color:#1e293b;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;outline:none}.platform-cat-tile.active{background:#e41c2a;color:#fff;box-shadow:0 4px 16px #e41c2a66}.platform-section{padding:36px 0 0}.platform-section-head{margin-left:0;margin-right:0}.platform-section-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px;flex-wrap:wrap}.platform-section-title{font-size:1.5rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.03em;padding-bottom:8px;border-bottom:3px solid #E41C2A;display:inline-block}.platform-section-link{padding:10px 20px;background:#fff;border:2px solid #E41C2A;border-radius:12px;color:#e41c2a;font-size:.9rem;font-weight:700;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s,color .2s,transform .15s}.platform-section-link:hover,.platform-section-link:focus{background:#e41c2a;color:#fff;transform:translateY(-1px);outline:none}.platform-section-link:after{content:" →";font-weight:700;opacity:.9}.platform-section-grid{margin-top:0}.shop-trust{background:#fff;padding:20px 20px 24px;box-shadow:0 2px 12px #0000000f}.shop-trust-inner{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center;gap:24px 40px}.shop-trust-item{display:flex;align-items:center;gap:12px;font-size:.95rem;font-weight:500;color:#334155}.shop-trust-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#fef2f2,#fee2e2);border-radius:12px;font-size:1.25rem;color:#e41c2a;flex-shrink:0}.shop-footer{margin-top:48px;background:#0f172a;color:#94a3b8;padding:0}.shop-footer-inner{max-width:1200px;margin:0 auto;padding:40px 20px 24px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px 24px}.shop-footer-col{display:flex;flex-direction:column;gap:10px}.shop-footer-col strong{color:#f1f5f9;font-size:1rem;font-weight:600}.shop-footer-brand .shop-footer-logo{font-size:1.35rem;color:#fff}.shop-footer-brand p,.shop-footer-info p{font-size:.9rem;line-height:1.5;margin:0;color:#94a3b8}.shop-footer-links{display:flex;flex-direction:column;gap:8px}.shop-footer-links a{color:#94a3b8;text-decoration:none;font-size:.95rem;transition:color .2s}.shop-footer-links a:hover,.shop-footer-links a:focus{color:#fff;outline:none}.shop-footer-bottom{border-top:1px solid #334155;padding:16px 20px}.shop-footer-copy{max-width:1200px;margin:0 auto;font-size:.85rem;color:#64748b;text-align:center}.platform-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:16px;font-size:.9rem;color:#64748b}.platform-breadcrumb-link{background:none;border:none;padding:0;color:#e41c2a;cursor:pointer;font-weight:500;-webkit-tap-highlight-color:transparent}.platform-breadcrumb-link:hover,.platform-breadcrumb-link:focus{text-decoration:underline;outline:none}.platform-breadcrumb-sep{color:#94a3b8}.platform-breadcrumb-current{color:#334155;font-weight:500}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0;white-space:nowrap}.catalog-intro{margin-bottom:16px}.catalog-intro-text{color:#64748b;font-size:.95rem;margin:0 0 12px}.catalog-search-form{display:flex;gap:10px;flex-wrap:wrap;align-items:center;max-width:420px}.catalog-search-input{flex:1;min-width:180px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem}.catalog-search-input:focus{outline:none;border-color:#e41c2a}.catalog-search-btn{padding:10px 18px;background:#e41c2a;color:#fff;border:none;border-radius:10px;font-weight:500;cursor:pointer;-webkit-tap-highlight-color:transparent}.catalog-search-btn:hover,.catalog-search-btn:focus{background:#c41826;outline:none}.catalog-placeholder{display:flex;align-items:center;justify-content:center;min-height:280px;color:#64748b;font-size:1.05rem;padding:20px;text-align:center}.catalog-placeholder-mobile{display:none}.catalog-empty{color:#64748b;padding:20px 0;font-size:1rem}.catalog-view-bar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.catalog-view-label{font-size:.9rem;color:#64748b;font-weight:500}.catalog-view-btns{display:flex;gap:6px}.catalog-view-btn{display:flex;align-items:center;gap:8px;min-height:40px;padding:8px 14px;border:1px solid #e2e8f0;background:#fff;border-radius:10px;font-size:.9rem;color:#475569;cursor:pointer;-webkit-tap-highlight-color:transparent}.catalog-view-btn:hover,.catalog-view-btn:focus{border-color:#e41c2a;color:#e41c2a;outline:none}.catalog-view-btn.active{border-color:#e41c2a;background:#fef2f2;color:#e41c2a;font-weight:500}.catalog-view-icon{font-size:1.1rem;line-height:1}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.products-grid--large{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:24px}.products-grid--list{grid-template-columns:1fr;gap:12px}.product-card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 1px 4px #00000014;transition:box-shadow .2s}.product-card:hover{box-shadow:0 4px 12px #0000001a}.product-card-image-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:180px;padding:0;border:none;background:#f8fafc;cursor:pointer;border-radius:12px;overflow:hidden;margin-bottom:14px;border:1px solid #eee;-webkit-tap-highlight-color:transparent}.product-card-image{max-width:100%;max-height:180px;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:8px;display:block;transition:transform .2s}.product-card-image-wrap:hover .product-card-image,.product-card-image-wrap:focus .product-card-image{transform:scale(1.05)}.product-card-image-wrap:focus{outline:2px solid #E41C2A;outline-offset:2px}.platform-content .products-grid{gap:24px}.platform-content .product-card{border-radius:16px;padding:0;overflow:hidden;box-shadow:0 2px 12px #00000014;transition:box-shadow .25s,transform .2s;border:1px solid #e2e8f0}.platform-content .product-card:hover{box-shadow:0 12px 28px #0000001f;transform:translateY(-2px)}.platform-content .product-card-image-wrap{height:200px;margin-bottom:0;border-radius:0;border:none;background:linear-gradient(180deg,#f8fafc,#f1f5f9)}.platform-content .product-card-image{max-height:200px;border-radius:0}.platform-content .product-card .product-name,.platform-content .product-card .product-type,.platform-content .product-card .product-variants{padding:0 20px}.platform-content .product-card .product-name{padding-top:16px;font-size:1.05rem;margin-bottom:4px;color:#0f172a}.platform-content .product-card .product-type{padding-bottom:12px;font-size:.8rem;color:#64748b}.platform-content .product-card .product-variants{padding-bottom:20px}.platform-content .product-card .variant-row{margin:0 20px 12px;padding:12px 14px;border-radius:12px;background:#f8fafc;border:1px solid #e2e8f0;min-width:0}.platform-content .product-card .variant-label-meta strong{color:#e41c2a;font-size:1.05rem}.platform-content .product-card .btn-qty-plus{background:#e41c2a;box-shadow:0 2px 8px #e41c2a59}.platform-content .product-card .btn-qty-plus:hover,.platform-content .product-card .btn-qty-plus:focus{background:#c41826;box-shadow:0 4px 12px #e41c2a66}.product-image-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000e0;z-index:300;display:flex;align-items:center;justify-content:center;padding:16px;cursor:pointer}.product-image-overlay-close{position:absolute;top:12px;right:12px;min-width:48px;min-height:48px;border:none;background:#fff3;color:#fff;font-size:1.75rem;line-height:1;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;padding:0;-webkit-tap-highlight-color:transparent}.product-image-overlay-close:hover,.product-image-overlay-close:focus{background:#ffffff59;outline:none}.product-image-expanded{max-width:90vw;max-height:90vh;max-height:90dvh;-o-object-fit:contain;object-fit:contain;border-radius:8px;box-shadow:0 8px 32px #0006;cursor:default}.product-name{font-size:1.1rem;margin-bottom:6px;color:#333;font-weight:600;line-height:1.35}.product-type{font-size:.85rem;color:#64748b;margin-bottom:14px}.product-variants{display:flex;flex-direction:column;gap:12px}.variant-row{display:flex;flex-direction:column;gap:10px;padding:14px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc;box-shadow:0 1px 3px #0000000a}.variant-row:last-child{margin-bottom:0}.variant-row-name{width:100%;min-width:0}.variant-row-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:10px;width:100%;min-width:0}.variant-label{font-size:1rem;color:#555;min-width:0;word-break:break-word;overflow-wrap:break-word}.variant-label-name{font-weight:500;line-height:1.4}.variant-row-bottom .variant-label-meta{flex:1 1 140px;min-width:0}.variant-label-meta{font-size:.95rem;color:#666;line-height:1.4}.variant-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn-qty{min-width:40px;min-height:40px;width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;font-size:1.25rem;font-weight:600;line-height:1;color:#fff;transition:transform .15s,box-shadow .15s;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.btn-qty-minus{background:#e41c2a;box-shadow:0 2px 6px #e41c2a59}.btn-qty-minus:hover:not(:disabled),.btn-qty-minus:focus:not(:disabled){background:#c41824;transform:scale(1.05);box-shadow:0 3px 10px #e41c2a66;outline:none}.btn-qty-minus:disabled{background:#cbd5e1;color:#94a3b8;box-shadow:none;cursor:not-allowed}.btn-qty-plus{background:#22c55e;box-shadow:0 2px 6px #22c55e59}.btn-qty-plus:hover,.btn-qty-plus:focus{background:#16a34a;transform:scale(1.05);box-shadow:0 3px 10px #22c55e66;outline:none}.variant-qty{min-width:70px;text-align:center;font-size:.95rem}.variant-total{font-weight:600;color:#333;font-size:1rem}.btn-add{min-height:40px;padding:8px 16px;background:#52c41a;color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;-webkit-tap-highlight-color:transparent}.btn-add:hover,.btn-add:focus{background:#73d13d;outline:none}.product-card--large{padding:24px}.product-card--large .product-card-image-wrap{height:220px;margin-bottom:18px}.product-card--large .product-card-image{max-height:220px}.product-card--large .product-name{font-size:1.2rem;margin-bottom:8px}.product-card--large .product-type{font-size:.9rem;margin-bottom:16px}.product-card--large .variant-row{padding:16px}.product-card--list{display:flex;flex-wrap:wrap;gap:16px;padding:16px;align-items:flex-start}.product-card--list .product-card-image-wrap{width:120px;min-width:120px;height:120px;margin-bottom:0;flex-shrink:0}.product-card--list .product-card-image{max-height:120px;max-width:120px}.product-card--list .product-name{font-size:1.05rem;margin-bottom:4px;flex:1 1 100%}.product-card--list .product-type{font-size:.8rem;margin-bottom:8px;flex:1 1 100%}.product-card--list .product-variants{flex:1 1 100%;min-width:0}.product-card--list .variant-row{padding:10px 12px}.product-card--list .variant-row-bottom .variant-label-meta{flex:1 1 120px}@media (min-width: 640px){.product-card--list{flex-wrap:nowrap}.product-card--list .product-card-image-wrap{width:140px;min-width:140px;height:140px}.product-card--list .product-card-image{max-height:140px;max-width:140px}.product-card--list .product-name,.product-card--list .product-type{flex:0 0 auto;max-width:200px}.product-card--list .product-variants{flex:1;min-width:0}}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:200;display:flex;justify-content:flex-end;-webkit-tap-highlight-color:transparent}.cart-drawer{width:100%;max-width:400px;background:#fff;box-shadow:-4px 0 24px #0003;display:flex;flex-direction:column;max-height:100vh;max-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;border-bottom:1px solid #eee;flex-shrink:0}.cart-header h3{font-size:1.2rem;font-weight:600}.cart-close{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;background:none;border:none;font-size:1.75rem;cursor:pointer;color:#666;border-radius:10px;-webkit-tap-highlight-color:transparent}.cart-close:hover,.cart-close:focus{background:#f1f5f9;color:#333;outline:none}.cart-tabs{display:flex;border-bottom:1px solid #eee;padding:0 12px;gap:4px;flex-shrink:0}.cart-tab{min-height:48px;padding:12px 16px;border:none;background:none;font-size:.95rem;font-weight:500;color:#64748b;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px;-webkit-tap-highlight-color:transparent}.cart-tab:hover,.cart-tab:focus{color:#334155;outline:none}.cart-tab.active{color:#e41c2a;border-bottom-color:#e41c2a}.cart-supplier{padding:12px 16px;font-size:.9rem;color:#475569;background:#f8fafc;border-bottom:1px solid #eee}.cart-supplier-wholesale{background:#f0fdf4;color:#166534;border-bottom-color:#bbf7d0}.cart-supplier-retail{background:#fef2f2;color:#b91c1c;border-bottom-color:#fecaca}.cart-checkout-form{padding:16px;border-top:1px solid #eee;background:#f8fafc}.cart-checkout-note{font-size:.9rem;color:#166534;background:#f0fdf4;padding:10px 14px;border-radius:10px;margin:0 0 16px;border:1px solid #bbf7d0}.cart-form-group{margin-bottom:14px}.cart-form-group:last-child{margin-bottom:0}.cart-form-group label,.cart-form-label{display:block;font-size:.9rem;font-weight:600;color:#334155;margin-bottom:6px}.cart-form-input{width:100%;min-height:44px;padding:10px 14px;border:1px solid #e2e8f0;border-radius:10px;font-size:1rem;background:#fff}.cart-form-input:focus{outline:none;border-color:#e41c2a}.cart-form-input::-moz-placeholder{color:#94a3b8}.cart-form-input::placeholder{color:#94a3b8}.cart-required{color:#e41c2a}.cart-radio-group{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px}.cart-radio-label{display:flex;align-items:center;gap:8px;font-size:.95rem;font-weight:500;color:#334155;cursor:pointer}.cart-radio-label input{width:18px;height:18px;accent-color:#E41C2A;cursor:pointer}.cart-pay-btn{background:linear-gradient(180deg,#e41c2a,#c41826);box-shadow:0 2px 8px #e41c2a59}.cart-pay-btn:hover,.cart-pay-btn:focus{box-shadow:0 4px 12px #e41c2a73}.cart-block-message{padding:12px 16px;font-size:.85rem;color:#b91c1c;background:#fef2f2;border-bottom:1px solid #fecaca}.cart-list{flex:1;overflow:auto;padding:16px;list-style:none;-webkit-overflow-scrolling:touch}.cart-empty{color:#999;padding:24px 0;font-size:1rem}.cart-item{padding:14px 0;border-bottom:1px solid #f0f0f0;display:grid;grid-template-columns:1fr auto;gap:8px}.cart-item-name{grid-column:1 / -1;font-weight:500;font-size:.95rem;line-height:1.4}.cart-item-qty{font-size:.85rem;color:#666}.cart-item-price{font-weight:600;font-size:1rem}.cart-item-editable{grid-template-columns:1fr;gap:10px}.cart-item-editable .cart-item-name{grid-column:1}.cart-item-qty-edit{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cart-qty-btn{min-width:40px;min-height:40px;width:40px;height:40px;border:none;border-radius:10px;cursor:pointer;font-size:1.1rem;font-weight:600;color:#fff;line-height:1;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.cart-qty-btn:hover,.cart-qty-btn:focus{transform:scale(1.05);outline:none}.cart-qty-minus{background:#e41c2a}.cart-qty-plus{background:#22c55e}.cart-qty-input{width:52px;min-height:40px;height:40px;text-align:center;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem}.cart-history{flex:1;overflow:auto;padding:16px;-webkit-overflow-scrolling:touch}.cart-order-list{list-style:none;padding:0;margin:0}.cart-order-item{padding:14px 0;border-bottom:1px solid #f0f0f0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}.cart-order-meta{display:flex;flex-direction:column;gap:4px}.cart-order-date{font-size:.85rem;color:#64748b}.cart-order-supplier{font-weight:600;color:#333;font-size:.95rem}.cart-order-total{font-size:1.05rem;font-weight:600;color:#e41c2a}.cart-order-invoice-btn{min-height:44px;padding:10px 16px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;font-size:.9rem;cursor:pointer;color:#475569;font-weight:500;-webkit-tap-highlight-color:transparent}.cart-order-invoice-btn:hover,.cart-order-invoice-btn:focus{background:#e2e8f0;color:#334155;outline:none}.cart-footer{padding:20px;border-top:1px solid #eee;display:flex;flex-wrap:wrap;gap:12px;align-items:center;flex-shrink:0}.cart-invoice-btn{min-height:48px;padding:14px 22px;background:linear-gradient(180deg,#25d366,#128c7e);color:#fff;border:none;border-radius:12px;cursor:pointer;font-weight:600;font-size:1rem;box-shadow:0 2px 8px #25d36659;-webkit-tap-highlight-color:transparent}.cart-invoice-btn:hover,.cart-invoice-btn:focus{transform:translateY(-1px);box-shadow:0 4px 12px #25d36673;outline:none}.cart-invoice-btn:disabled,.cart-invoice-btn[aria-disabled=true]{opacity:.7;cursor:not-allowed;transform:none}.cart-clear-btn{min-height:44px;padding:12px 18px;background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;font-size:.95rem;color:#64748b;font-weight:500;-webkit-tap-highlight-color:transparent}.cart-clear-btn:hover,.cart-clear-btn:focus{background:#f8fafc;color:#334155;outline:none}@media (max-width: 768px){.header-inner{padding:10px 12px;gap:8px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.logo{font-size:1.2rem}.header-menu-btn{min-width:48px;min-height:48px}.cart-btn{min-height:48px;padding:12px 14px;flex:1;min-width:0;justify-content:center;align-items:center}.cart-btn-text{font-size:.85rem}.cart-btn-action{font-size:.7rem}.main{flex-direction:column;padding:0;align-items:stretch}.sidebar-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:12px 16px;padding-left:max(16px,env(safe-area-inset-left));background:#fff;border:none;border-bottom:1px solid #eee;font-size:1rem;font-weight:600;color:#333;cursor:pointer;-webkit-tap-highlight-color:transparent;box-shadow:0 1px 4px #0000000f;z-index:50}.sidebar-toggle:hover,.sidebar-toggle:focus{background:#f8fafc;outline:none}.sidebar-toggle-icon{font-size:.85rem;color:#64748b}.sidebar-wrap{position:relative;flex:0 0 0;width:0;overflow:visible}.sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:140;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.sidebar-wrap-open .sidebar-backdrop{opacity:1;visibility:visible}.sidebar{position:fixed;top:0;left:0;right:0;width:100%;max-height:85vh;max-height:85dvh;z-index:150;padding:16px 0;padding-bottom:max(16px,env(safe-area-inset-bottom));box-shadow:0 8px 24px #00000026;overflow-y:auto;-webkit-overflow-scrolling:touch;transform:translateY(-100%);transition:transform .25s ease-out}.sidebar-wrap-open .sidebar{transform:translateY(0)}.sidebar-section{padding-bottom:8px}.sidebar-section-categories{padding-top:8px;margin-top:0}.sidebar-title{padding:0 12px 8px;font-size:.8rem}.sidebar-item{min-height:48px;padding:14px 16px;font-size:.95rem}.sidebar-item-category{padding-left:20px}.content{padding:16px 12px;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-bottom:max(16px,env(safe-area-inset-bottom))}.catalog-placeholder{min-height:240px;padding:24px 16px;font-size:1rem}.catalog-placeholder-desktop{display:none}.catalog-placeholder-mobile{display:block}.catalog-view-bar{margin-bottom:12px;gap:8px}.catalog-view-btn{min-height:44px;padding:8px 12px}.catalog-view-text{display:inline}.products-grid,.products-grid--large{grid-template-columns:1fr;gap:16px}.product-card--large .product-card-image-wrap{height:180px}.product-card--large .product-card-image{max-height:180px}.product-card--list .product-card-image-wrap{width:100px;min-width:100px;height:100px}.product-card--list .product-card-image{max-height:100px;max-width:100px}.product-card{padding:16px;border-radius:12px}.product-card-image-wrap{height:160px;margin-bottom:12px}.product-card-image{max-height:160px}.product-name{font-size:1.05rem}.product-type{font-size:.8rem;margin-bottom:12px}.variant-row{padding:12px;gap:8px}.variant-label-name,.variant-label-meta{font-size:1rem}.btn-qty{min-width:44px;min-height:44px;width:44px;height:44px;font-size:1.3rem}.variant-qty{font-size:.9rem}.variant-total{font-size:.95rem}.cart-drawer{max-width:100%;border-radius:16px 16px 0 0;padding-bottom:max(20px,env(safe-area-inset-bottom))}.cart-overlay{align-items:flex-end}.cart-header{padding:16px}.cart-tab{min-height:52px;padding:14px 16px;font-size:1rem}.cart-item{padding:12px 0}.cart-item-editable .cart-item-qty-edit{margin-top:4px}.cart-qty-btn{min-width:44px;min-height:44px;width:44px;height:44px}.cart-qty-input{min-height:44px;width:56px;font-size:1rem}.cart-footer{padding:16px;gap:10px}.cart-invoice-btn,.cart-clear-btn{min-height:48px;flex:1;min-width:120px;justify-content:center}.product-image-overlay-close{top:8px;right:8px;min-width:48px;min-height:48px;font-size:2rem}}@media (max-width: 768px){.platform-content{padding:0 12px 24px}.platform-hero{padding:20px 12px 24px}.platform-hero-text{font-size:1.35rem;margin-bottom:16px}.platform-hero-sub{font-size:.9rem}.platform-search{max-width:100%}.platform-search-input{min-width:0}.platform-categories-inner{padding:0 12px}.platform-section{padding-top:24px}.platform-section-title{font-size:1.2rem}.shop-trust{padding:16px 12px 20px}.shop-trust-inner{flex-direction:column;align-items:center;gap:16px}.shop-trust-item{font-size:.9rem}.shop-footer-inner{grid-template-columns:1fr;padding:32px 16px 20px;gap:24px;text-align:center}.shop-footer-links{align-items:center}.shop-footer-bottom{padding:12px 16px}.shop-footer-copy{font-size:.8rem}}@media (max-width: 480px){.header-inner{padding:8px 10px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.content{padding:12px 10px;padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.platform-content,.platform-hero,.platform-categories-inner{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.product-card{padding:14px}.variant-row{padding:10px}.cart-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}