*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #ffffff;--fg: #000000;--muted: #8a8a8a;--line: #e6e6e6;--field-bg: #f4f4f4;--pad: 40px}html,body{height:100%}body{background:var(--bg);color:var(--fg);font-family:Helvetica Neue,Helvetica,Arial,Inter,sans-serif;font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;letter-spacing:.02em}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}button{font-family:inherit;cursor:pointer}.header{display:flex;align-items:center;justify-content:flex-end;padding:22px var(--pad);position:sticky;top:0;background:var(--bg);z-index:50}.logo{font-size:26px;font-weight:700;letter-spacing:.04em}.nav{display:flex;gap:34px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.nav a:hover{color:var(--muted)}.catalog{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:0 2px 80px}.card{display:block}.card-img{aspect-ratio:4 / 5;background:var(--field-bg);overflow:hidden}.card-img.placeholder{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:10px;letter-spacing:.14em}.card-meta{padding:12px 4px 0;text-transform:uppercase;letter-spacing:.1em;font-size:11px}.card-title{font-weight:500}.card-price{margin-top:3px}.section-label{text-align:center;font-size:11px;letter-spacing:.16em;text-transform:uppercase;padding:26px 0 30px}.state{text-align:center;color:var(--muted);padding:120px var(--pad);letter-spacing:.14em;text-transform:uppercase;font-size:11px}.product{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:0 2px 100px}.product-photo{aspect-ratio:4 / 5;background:var(--field-bg);overflow:hidden}.product-info{padding:40px 48px}.product-info .back{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:40px;display:inline-block}.product-info .back:hover{color:var(--fg)}.product-title{text-transform:uppercase;letter-spacing:.1em;font-size:14px;font-weight:500;display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.product-desc{margin-top:26px;text-transform:uppercase;letter-spacing:.06em;line-height:1.7;color:#333;font-size:11px}.product-desc p{margin:0 0 12px}.product-desc p:last-child{margin-bottom:0}.product-desc ul,.product-desc ol{margin:0 0 12px;padding-left:1.2em}.product-desc li{margin-bottom:4px}.product-desc a{color:inherit;text-decoration:underline}.product-desc strong{font-weight:700}.product-desc em{font-style:italic}.photo-slider{display:none}@media (max-width: 760px){.product-photo{display:none}.photo-slider{display:block;grid-column:1 / -1;order:1}.photo-slider-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.photo-slider-track::-webkit-scrollbar{display:none}.photo-slider-slide{flex:0 0 100%;scroll-snap-align:start;aspect-ratio:4 / 5;background:var(--field-bg);overflow:hidden}.photo-slider-slide img{width:100%;height:100%;object-fit:cover;display:block}.photo-slider-dots{display:flex;justify-content:center;gap:6px;padding:12px 0}.photo-slider-dot{width:6px;height:6px;border-radius:50%;border:none;background:var(--line);padding:0;cursor:pointer}.photo-slider-dot.active{background:var(--fg)}}.admin{max-width:1100px;margin:0 auto;padding:20px var(--pad) 120px}.admin h1{font-size:18px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:30px}.admin-form{display:grid;gap:18px;margin-bottom:60px;max-width:560px}.field label{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.field input,.field textarea{width:100%;background:var(--field-bg);border:none;padding:14px 16px;font-family:inherit;font-size:12px;letter-spacing:.04em;color:var(--fg);resize:vertical}.field textarea{min-height:120px}.field input:focus,.field textarea:focus{outline:1px solid var(--fg)}.btn{background:var(--fg);color:var(--bg);border:none;padding:15px 20px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.btn:disabled{opacity:.4;cursor:default}.btn.ghost{background:transparent;color:var(--fg);border:1px solid var(--fg)}.btn.danger{background:transparent;color:#c00;border:1px solid #c00;padding:8px 12px}.preview-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.preview-thumb{width:70px;height:88px;background:var(--field-bg);position:relative;overflow:hidden;cursor:grab;border:2px solid transparent;transition:opacity .15s,border-color .15s}.preview-thumb:active{cursor:grabbing}.preview-thumb.dragging{opacity:.35}.preview-thumb.over{border-color:var(--fg)}.preview-thumb span{position:absolute;top:2px;right:2px;background:#000;color:#fff;width:16px;height:16px;font-size:12px;line-height:16px;text-align:center;cursor:pointer}.first-badge{position:absolute;bottom:0;left:0;right:0;background:#000;color:#fff;font-size:8px;text-align:center;letter-spacing:.1em;padding:2px 0}.admin-list{display:grid;gap:2px}.admin-item{display:grid;grid-template-columns:24px 60px 1fr auto;align-items:center;gap:16px;padding:10px;background:var(--field-bg);border-top:2px solid transparent;transition:opacity .15s}.admin-item.dragging{opacity:.35}.admin-item.over{border-top-color:var(--fg)}.admin-item .handle{cursor:grab;color:var(--muted);font-size:18px;text-align:center;-webkit-user-select:none;user-select:none}.admin-item .handle:active{cursor:grabbing}.admin-item .actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.admin-item .thumb{width:60px;height:75px;overflow:hidden;background:#ddd}.admin-item .info{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.admin-item .info .p{color:var(--muted);margin-top:3px}.msg{font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:10px 0}.msg.err{color:#c00}.msg.ok{color:#0a0}@media (max-width: 760px){:root{--pad: 18px}.catalog{grid-template-columns:repeat(2,1fr)}.product{grid-template-columns:1fr}.product-info{padding:30px 18px;order:2}.nav{gap:18px}.logo{font-size:22px}.admin-item .thumb{width:48px;height:60px}}.price-old{color:var(--muted);text-decoration:line-through;margin-right:8px}.price-new{font-weight:500}.badge-sale{display:inline-block;margin-left:8px;padding:1px 6px;background:#c00;color:#fff;font-size:10px;letter-spacing:.08em}.card-img{position:relative}.sale-tag{position:absolute;top:10px;left:10px;background:#c00;color:#fff;padding:3px 8px;font-size:10px;letter-spacing:.1em}.product-price{text-align:right;white-space:nowrap}.login-box{max-width:420px;padding-top:140px}.admin-top{display:flex;align-items:center;justify-content:space-between;max-width:560px;margin-bottom:30px}.admin-top h1{margin-bottom:0}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.discount-hint{font-size:11px;letter-spacing:.08em;color:#333;margin-top:-6px}.hint{font-size:10px;letter-spacing:.08em;color:var(--muted);margin-top:6px}.section-hint{color:var(--muted);text-transform:none;letter-spacing:.04em}.form-actions{display:flex;gap:10px}.form-actions .btn:first-child{flex:1}.btn.small{padding:7px 10px;font-size:10px}.btn.ghost:disabled{opacity:.25}.first-badge.new{background:#0a0}.admin-form .field input[type=file]{padding:10px 12px}.admin-form .preview-row{margin-bottom:10px}@media (max-width: 760px){.admin-item{grid-template-columns:18px 48px 1fr}.admin-item .actions{grid-column:1 / -1;justify-content:flex-start}.field-row{grid-template-columns:1fr}.login-box{padding-top:80px}}.admin-top-actions{display:flex;gap:10px}.favicon-settings{max-width:560px;margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--line)}.favicon-settings-row{display:flex;align-items:center;gap:16px}.favicon-preview{width:40px;height:40px;flex:0 0 40px;background:var(--field-bg);display:flex;align-items:center;justify-content:center;overflow:hidden}.favicon-preview img{width:100%;height:100%;object-fit:contain}.favicon-preview span{font-size:8px;color:var(--muted);text-align:center;letter-spacing:.04em}.favicon-settings-text{flex:1;min-width:0}.favicon-settings-text label{display:block;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.favicon-settings-actions{display:flex;gap:8px;flex-shrink:0}@media (max-width: 760px){.favicon-settings-row{flex-wrap:wrap}.favicon-settings-actions{width:100%}}.stats-page{max-width:760px}.field select{width:100%;padding:10px 12px;background:var(--field-bg);border:1px solid var(--line);font-size:12px;font-family:inherit;color:var(--fg)}.stats-filters{display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap;margin-bottom:30px}.stats-filters .field{min-width:200px}.period-tabs{display:flex;gap:6px}.period-tab{padding:9px 14px;background:var(--field-bg);border:1px solid var(--line);font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;color:var(--fg)}.period-tab.active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.stats-summary{border:1px solid var(--line);padding:24px;margin-bottom:34px}.stats-total{margin-bottom:18px}.stats-total-num{font-size:40px;font-weight:600;line-height:1}.stats-total-label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-top:6px}.stats-chart{width:100%;height:160px;display:block}.chart-axis{stroke:var(--line);stroke-width:1}.chart-area{fill:#0000000d;stroke:none}.chart-line{fill:none;stroke:var(--fg);stroke-width:2}.chart-dot{fill:var(--fg)}.state.small{font-size:11px;padding:30px 0}.stats-top-list{display:flex;flex-direction:column}.stats-top-item{display:grid;grid-template-columns:28px 48px 1fr auto;align-items:center;gap:14px;padding:10px 0;border-bottom:1px solid var(--line);text-decoration:none;color:inherit}.stats-top-item:hover{background:var(--field-bg)}.stats-top-rank{color:var(--muted);font-size:12px;text-align:center}.stats-top-item .thumb{width:48px;height:60px;overflow:hidden;background:#ddd}.stats-top-item .info{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.stats-top-views{font-size:13px;font-weight:600;white-space:nowrap}@media (max-width: 760px){.stats-filters{gap:16px}.stats-top-item{grid-template-columns:22px 40px 1fr auto;gap:10px}}