@font-face{font-family:Manrope;src:url('/font.woff2') format('woff2');font-display:swap}
:root{--bg:#f5f6f8;--ink:#172334;--soft:#697586;--line:#e2e6ed;--red:#a30000;--green:#177652}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{color:var(--red)}button,input,textarea,select{font:inherit}button,.button{border:1px solid transparent;border-radius:8px;padding:11px 19px;background:var(--red);color:white;font-weight:700;cursor:pointer;display:inline-block;white-space:nowrap}button:hover,.button:hover{filter:brightness(.93);color:white}button:disabled{opacity:.6;cursor:wait}.secondary{background:white;color:var(--ink);border-color:#cfd5dd}.secondary:hover{color:var(--ink)}.quiet{background:transparent;color:inherit;padding:8px 12px}.quiet:hover{color:var(--red)}.danger{color:var(--red)}input,textarea,select{width:100%;border:1px solid #cfd5df;border-radius:7px;background:white;color:var(--ink);padding:10px 12px;min-height:43px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #506a8b;outline-offset:1px}label{display:grid;gap:6px;font-size:13px;font-weight:600}h1{font-size:30px;letter-spacing:-.8px;margin:5px 0 6px;line-height:1.3}h2{font-size:18px;margin:0 0 20px;letter-spacing:-.2px}p{margin:7px 0 15px}.muted,.hint{color:var(--soft)}.hint{font-size:12px;font-weight:400}.hint a{text-decoration:underline}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.4px;color:#788293}.top{background:#1b1715;color:#f8f8f8;padding:18px max(24px,calc((100% - 1180px)/2));display:flex;align-items:center;gap:40px;min-height:90px}.brand{font-size:24px;font-weight:800;font-style:italic;letter-spacing:-1px}.brand span{display:block;font-size:10px;font-weight:500;font-style:normal;letter-spacing:.3px;color:#c5bfba}.top nav{display:flex;gap:24px;margin-left:auto}.top nav a{color:#ccc5bf;padding:10px 0;font-weight:600}.top nav a[aria-current]{color:#fff;border-bottom:2px solid #d6a666}.top form{margin:0}.top i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#e3ae68;vertical-align:top;margin-left:5px}.container{max-width:1180px;padding:36px 24px 24px;margin:auto}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 0 25px}.heading p{margin:6px 0}.count{font-size:16px;color:#8b95a3;vertical-align:middle;letter-spacing:0}.panel,.table-wrap{background:white;border:1px solid var(--line);border-radius:12px;margin-bottom:22px}.panel{padding:25px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left}th{background:#fafbfc;color:#768190;font-size:11px;text-transform:uppercase;letter-spacing:.8px;font-weight:600;padding:15px 20px}td{padding:15px 20px;border-top:1px solid #edf0f3;vertical-align:middle}tbody tr:hover{background:#fcfcfd}.product-link{display:flex;gap:16px;align-items:center;min-width:250px;font-weight:650}.product-link img{width:50px;height:58px;object-fit:contain;border:1px solid #edf0f3;border-radius:5px;background:white}.product-link small{display:block;color:var(--soft);font-size:11px;font-weight:400;margin-top:5px}.money{white-space:nowrap;font-variant-numeric:tabular-nums}.badge{display:inline-block;padding:4px 9px;border-radius:20px;background:#eef0f3;color:#697586;font-size:11px;white-space:nowrap}.green{background:#eaf5ee;color:var(--green)}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:15px;align-items:end;margin-bottom:12px}.filters button{min-height:43px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.panel>label{margin-bottom:18px}.check{display:flex;align-items:center;font-weight:500;gap:9px;margin:20px 0 0}.check input{width:17px;min-height:17px;height:17px;accent-color:var(--ink)}.row-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px}.row-head h2{margin:0}.row-card{border:1px solid var(--line);border-radius:9px;padding:18px;margin-top:14px;background:#fcfcfd}.row-head button{padding:6px 10px;font-size:12px}.photo-row{display:grid;grid-template-columns:86px 1fr auto;gap:18px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:12px;margin:12px 0}.photo-row img{width:86px;height:100px;object-fit:contain}.photo-row label{margin-bottom:7px}.photo-actions{display:flex;gap:6px}.photo-actions button{padding:7px 10px}.upload{padding:18px;background:#f8fafc;border:1px dashed #cbd2db;border-radius:8px;margin-top:20px}.upload input{border:0;background:none;padding:6px 0;min-height:0}.savebar{position:sticky;bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;background:#1b1715;color:white;border-radius:10px;box-shadow:0 6px 24px #0002}.savebar span{font-size:12px;color:#d0cbc6}.back{color:var(--soft);font-size:12px}.notice,.error{padding:15px 18px;border-radius:9px;margin-bottom:24px}.notice{background:#e8f5ec;color:#176d43;border:1px solid #c9e8d3}.error{background:#fff0ed;color:#9f281c;border:1px solid #f4c9c1;white-space:pre-wrap;overflow-wrap:anywhere}.stats{display:flex;gap:65px;margin-bottom:30px}.stats strong{font-size:32px;display:block}.stats span{color:var(--soft);font-size:12px}.publication{display:flex;gap:20px;align-items:center;padding:20px 0;border-top:1px solid var(--line)}.publication div{flex:1}.publication p{font-size:12px;color:var(--soft);margin:5px 0 0}.publication strong{font-size:13px}.publication a{font-size:12px;text-decoration:underline}.tabs{display:flex;gap:25px;margin-bottom:22px;border-bottom:1px solid var(--line)}.tabs a{padding:12px 0}.tabs [aria-current]{border-bottom:2px solid var(--red);font-weight:700}.form-actions{display:flex;gap:25px;align-items:center;margin-top:22px}.admin-footer{max-width:1180px;margin:auto;padding:20px 24px 35px;font-size:11px;color:#919aa8}.empty{padding:20px}.login{display:grid;place-items:center;min-height:100vh;background:#efeeec}.login-card{width:420px;max-width:calc(100% - 32px);background:white;border-radius:14px;padding:36px;box-shadow:0 12px 60px #1b17150d}.login-card h1{font-size:26px;margin-top:14px}.login-card form{display:grid;gap:18px;margin-top:28px}.login-card button{margin-top:8px}@media(max-width:760px){.top{flex-wrap:wrap;gap:12px;padding:15px 20px}.top nav{order:3;width:100%;gap:25px}.top form{margin-left:auto}.container{padding:25px 16px}.heading{align-items:flex-start;flex-direction:column;gap:14px}h1{font-size:26px}.filters{grid-template-columns:1fr 1fr}.filters>label:first-child{grid-column:1/-1}.grid{grid-template-columns:1fr}.panel{padding:18px}.photo-row{grid-template-columns:65px 1fr}.photo-row img{width:65px;height:90px}.photo-actions{grid-column:1/-1;justify-content:flex-end}.savebar{bottom:5px;padding:12px}.savebar span{display:none}.savebar button{width:100%}.stats{gap:22px;flex-wrap:wrap}.stats strong{font-size:25px}.publication{flex-wrap:wrap}.row-head{align-items:flex-start}.top nav a{font-size:12px}.publication div{min-width:150px}.table-wrap{border-radius:8px}td,th{padding:12px}}
.tire-group{border:1px solid var(--line);border-radius:9px;padding:18px;margin-top:18px;background:#fcfcfd}.tire-group-fields{margin-bottom:18px}.tire-table-wrap{overflow-x:auto;margin:0 0 12px}.tire-table{table-layout:fixed}.tire-table th,.tire-table td{padding:8px 6px}.tire-table th{font-size:10px;letter-spacing:0;text-transform:none;background:none}.tire-table th:last-child{width:44px}.tire-table td{border-color:var(--line)}.tire-table .quiet{font-size:22px;padding:2px 10px}.tire-table input:not([type=radio]):not([type=hidden]){font-size:13px;min-height:39px;padding:8px 10px}.tire-table tbody tr:hover{background:none}@media(max-width:760px){.tire-group{padding:12px}.tire-table{min-width:530px}.tire-group>.row-head{gap:8px}.tire-group .row-head strong{font-size:13px}}
.tire-table th:last-child{width:44px}.tire-table select{padding:8px;min-height:39px;font-size:12px}@media(max-width:760px){.tire-table{min-width:650px}}
.season-switch{display:flex;padding:3px;background:#e9edf2;border:1px solid #dbe1e9;border-radius:9px;gap:2px}.season-choice{position:relative;display:block;flex:1;cursor:pointer;font-size:12px;text-align:center;line-height:1.4}.season-choice input{position:absolute;inset:0;width:100%;height:100%;min-height:0;margin:0;opacity:0;cursor:pointer;z-index:2}.season-choice span{display:block;padding:7px 9px;border-radius:6px;color:#7b8491;transition:background .15s,color .15s,box-shadow .15s}.season-choice input:checked+span{background:white;color:#263549;box-shadow:0 1px 4px #15243824;font-weight:800}.season-choice input[value=summer]:checked+span{color:#9d5d0e}.season-choice input[value=winter]:checked+span{color:#216699}.season-choice input:focus-visible+span{outline:2px solid #506a8b;outline-offset:1px}

.tire-table th:nth-child(2){width:165px}.tire-table th:nth-child(3){width:148px}.tire-table th:last-child{width:44px}
.copy-tire-info{justify-self:start;padding:3px 0;font-size:11px;text-decoration:underline;color:var(--soft)}
.editor .grid>label{align-content:start}
.photo-panel .row-head h2{margin-bottom:8px}.photo-panel .row-head{margin-bottom:16px}.photo-panel .hint{margin:0}.photo-slots{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-bottom:16px}.photo-slot{min-width:0;border:1.5px dashed #cdd5df;border-radius:12px;background:#fafbfd;padding:10px;transition:border-color .18s,background .18s,box-shadow .18s,opacity .18s}.photo-slot--car{background:#f2f5f8}.photo-slot-head{display:flex;justify-content:space-between;font-size:11px;font-weight:700;color:#68778a;margin:0 0 8px}.photo-drop{display:grid;place-items:center;width:100%;height:155px;position:relative;border:0;border-radius:7px;padding:0;background:transparent;color:var(--soft);white-space:normal;overflow:hidden}.photo-drop:hover{background:#edf1f7;color:var(--ink);filter:none}.photo-drop img{width:100%;height:100%;object-fit:contain;max-height:155px;animation:photo-appear .22s ease-out}.photo-empty{display:grid;gap:6px;text-align:center;font-size:11px;font-weight:600}.photo-empty small{font-size:9px;font-weight:400}.photo-plus{font-size:30px;line-height:1;font-weight:400;color:#8494a8}.photo-slot-footer{display:flex;justify-content:space-between;align-items:center;margin-top:7px;height:28px}.photo-slot-footer button{font-size:11px;padding:3px 5px}.photo-slot-footer .danger{font-size:19px}.photo-loading{position:absolute;inset:0;display:grid;place-content:center;gap:10px;background:#f5f7fad9;font-size:11px;color:#34455c}.photo-loading::before{content:'';width:22px;height:22px;justify-self:center;border:2px solid #d3dbe6;border-top-color:#536b89;border-radius:50%;animation:photo-spin .7s linear infinite}.photo-error{display:block;font-size:10px;color:var(--red);overflow-wrap:anywhere}.photo-slot.is-over{border-color:#536b89;background:#eaf0f8;box-shadow:0 0 0 3px #536b8920}.photo-slot.is-dragging{opacity:.4}.photo-slot.has-error{border-color:#ba3c32}.photo-slot[draggable=true].has-photo{cursor:grab}.sensor-fields{display:grid;grid-template-columns:130px 190px 1fr;gap:18px}.sensor-panel .hint{margin:12px 0 0}.photo-drop [hidden],.photo-slot [hidden]{display:none!important}@keyframes photo-spin{to{transform:rotate(360deg)}}@keyframes photo-appear{from{opacity:.3;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(max-width:760px){.photo-slots{grid-template-columns:repeat(5,150px);overflow-x:auto;padding:3px 0 10px}.photo-drop{height:140px}.sensor-fields{grid-template-columns:1fr 1fr}.sensor-fields label:last-child{grid-column:1/-1}}
.slot-canvas{display:block;width:100%;height:100%;object-fit:contain;max-height:180px;user-select:none}.photo-drop{height:180px;overflow:hidden}.photo-drop:has(canvas:not([hidden])){background:#252c36;cursor:default}.photo-slot.is-crop-panning .photo-drop{cursor:grabbing}.photo-slot-footer{gap:2px}.photo-slot-footer .quiet{font-size:10px;padding:3px}.photo-slot-footer .danger{font-size:18px}.photo-slot:has(canvas:not([hidden])) .photo-drop:hover{filter:none}.photo-slot:has(canvas:not([hidden])) .photo-drop img{display:none}
.slot-canvas{width:100%;height:auto;aspect-ratio:18/13;max-height:none;object-fit:initial}
.slot-canvas{aspect-ratio:auto}.photo-drop{height:190px}
.photo-slots{align-items:start}.photo-slot{position:relative;padding:0;aspect-ratio:1;overflow:hidden;min-height:0}.photo-slot .photo-drop{position:absolute;inset:0;width:100%;height:100%;border-radius:10px}.photo-slot .photo-drop img{width:100%;height:100%;max-height:none;object-fit:contain}.photo-slot .slot-canvas{width:100%;height:100%;max-height:none}.photo-slot .photo-empty{gap:0}.photo-slot .photo-plus{font-size:32px}.photo-delete{position:absolute;top:7px;right:7px;z-index:3;width:26px;height:26px;display:grid;place-items:center;padding:0;border:1px solid #ffffff90;border-radius:50%;background:#ffffffeb;color:#a30000;font-size:20px;line-height:1;opacity:0;pointer-events:none;transition:opacity .15s,background .15s;box-shadow:0 1px 6px #0002}.photo-slot:hover .photo-delete,.photo-slot:focus-within .photo-delete{opacity:1;pointer-events:auto}.photo-delete:hover{background:white;color:#a30000}.photo-slot .photo-error:not(:empty){position:absolute;bottom:0;left:0;right:0;z-index:3;padding:6px;background:#fff0edee}.photo-slot.is-loading .photo-delete{opacity:0;pointer-events:none}@media(hover:none){.photo-slot.has-photo .photo-delete{opacity:1;pointer-events:auto}}
.wheel-main-grid>label:has([name=name]),.wheel-main-grid>label:has([name=model_key]){grid-column:1/-1}.catalog-crumbs{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--soft);margin:0 0 23px}.catalog-crumbs [aria-current]{color:var(--ink)}.catalog-tiles{display:grid;gap:16px}.catalog-brand-tiles{grid-template-columns:repeat(6,minmax(0,1fr))}.catalog-model-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-tile{display:flex;flex-direction:column;align-items:center;text-align:center;background:white;border:1px solid var(--line);border-radius:11px;padding:20px 14px;transition:transform .15s,box-shadow .15s}.catalog-tile:hover{box-shadow:0 6px 18px #18283d0c;transform:translateY(-2px);color:var(--ink)}.catalog-tile-image{display:flex;align-items:center;justify-content:center;width:100%;height:75px;margin-bottom:14px}.catalog-tile-image img{max-width:86px;max-height:65px;object-fit:contain}.catalog-model-tiles .catalog-tile-image{height:105px}.catalog-model-tiles .catalog-tile-image img{max-width:100%;max-height:105px}.catalog-tile strong{font-size:14px}.catalog-tile small{color:var(--soft);font-size:11px;margin-top:5px}.catalog-search{display:flex;align-items:end;gap:12px;margin-bottom:22px}.catalog-search label{max-width:460px;flex:1}@media(max-width:1000px){.catalog-brand-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.catalog-model-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.catalog-brand-tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-model-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-tile{padding:16px 10px}.catalog-tile-image img{max-width:60px;max-height:50px}.catalog-model-tiles .catalog-tile-image{height:80px}.catalog-tile strong{font-size:12px}}
.order-controls{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--soft);font-size:12px;margin:0 0 12px}.order-controls a{text-decoration:underline}.order-status{color:var(--green)}.order-status.order-error{color:var(--red)}.sort-column{width:44px;padding-right:0!important}.sort-handle{display:grid;place-items:center;width:26px;height:38px;background:transparent;color:#97a3b1;border:0;padding:0;font-size:21px;letter-spacing:-5px;cursor:grab;touch-action:none}.sort-handle:hover{color:var(--ink);background:#edf1f5;filter:none}.sort-handle:focus-visible{outline:2px solid #506a8b;outline-offset:2px}.sortable-products .is-reordering{background:#edf3fa;box-shadow:inset 0 2px #a5b9cf,inset 0 -2px #a5b9cf}.sortable-products.is-saving .sort-handle{opacity:.4;cursor:wait}.sorting-products,.sorting-products *{cursor:grabbing!important;user-select:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.heading-actions{display:flex;align-items:center;gap:14px}.delete-product-form{margin:0}.delete-confirm{width:460px;max-width:calc(100vw - 32px);border:0;border-radius:12px;padding:28px;color:var(--ink);box-shadow:0 15px 70px #0003}.delete-confirm::backdrop{background:#15203399}.delete-confirm h2{margin-bottom:12px}.delete-confirm-name{font-size:16px;font-weight:700;overflow-wrap:anywhere}.delete-confirm .form-actions{gap:12px}.trash-url{display:block;color:var(--soft);font-size:11px;margin-top:5px}@media(max-width:760px){.heading-actions{flex-wrap:wrap}.top nav{gap:17px;flex-wrap:wrap}}
