:root{--ink:#17221e;--muted:#66716c;--paper:#f6f3ed;--card:#fff;--green:#173f35;--gold:#cc9348;--line:#dedbd3;--danger:#a73b31;--shadow:0 18px 50px rgba(32,40,35,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.5 Inter,Segoe UI,Arial,sans-serif}.topbar{height:82px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:rgba(246,243,237,.92);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.brand{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none;font-weight:700}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.brand-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-family:Georgia,serif}.top-actions{display:flex;gap:10px}.btn{min-height:44px;padding:0 18px;border-radius:99px;border:1px solid transparent;font-weight:700;cursor:pointer;transition:.2s}.btn:focus-visible,.icon-btn:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(204,147,72,.45);outline-offset:2px}.btn.primary{background:var(--green);color:#fff}.btn.primary:hover{background:#205346}.btn.secondary{background:transparent;border-color:var(--line);color:var(--ink)}main{max-width:1440px;margin:auto;padding:0 clamp(20px,5vw,72px) 72px}.hero{min-height:355px;display:flex;align-items:center;justify-content:space-between;gap:48px;border-bottom:1px solid var(--line)}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.18em;color:#8c632c}.hero h1{font:clamp(42px,6vw,76px)/.98 Georgia,serif;margin:14px 0 20px;letter-spacing:-.045em}.hero h1 em{font-weight:400;color:var(--green)}.hero>div:first-child>p:last-child{max-width:650px;color:var(--muted);font-size:18px}.summary{display:grid;grid-template-columns:repeat(3,1fr);min-width:min(420px,40vw);padding:28px;background:var(--green);color:white;border-radius:28px;box-shadow:var(--shadow)}.summary div{padding:8px 18px;border-right:1px solid rgba(255,255,255,.18)}.summary div:last-child{border:0}.summary strong,.summary span{display:block}.summary strong{font:36px Georgia,serif}.summary span{color:#c9d6d1;font-size:12px}.toolbar{margin:32px 0 24px;display:flex;gap:12px;align-items:center}.search{flex:1;position:relative}.search svg{position:absolute;left:16px;top:14px;width:20px;fill:none;stroke:var(--muted);stroke-width:2}.search input,select,input,textarea{width:100%;min-height:48px;border:1px solid var(--line);background:#fff;border-radius:12px;padding:0 14px;color:var(--ink);font:inherit}.search input{padding-left:48px}.toolbar select{width:210px}.result-count{white-space:nowrap;color:var(--muted);font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.card{background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 4px 20px rgba(27,39,33,.04);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.image-wrap{aspect-ratio:4/3;background:#e9e5dc;overflow:hidden;position:relative}.image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.badge{position:absolute;top:12px;left:12px;padding:6px 10px;background:rgba(255,255,255,.9);border-radius:99px;font-size:11px;font-weight:800}.card-body{padding:18px}.meta{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.card h3{margin:8px 0 7px;font:22px/1.15 Georgia,serif}.desc{color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.specs{display:flex;gap:8px;margin:14px 0}.specs span{background:var(--paper);padding:5px 8px;border-radius:7px;font-size:11px}.card-foot{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:14px}.price{font-weight:800}.edit{border:0;background:none;color:var(--green);font-weight:800;min-height:44px;cursor:pointer}dialog{width:min(720px,calc(100% - 28px));border:0;border-radius:24px;padding:0;box-shadow:0 30px 100px rgba(0,0,0,.25)}dialog::backdrop{background:rgba(16,26,22,.62);backdrop-filter:blur(3px)}dialog form{padding:28px}.dialog-head,.dialog-actions{display:flex;justify-content:space-between;align-items:center}.dialog-head h2{margin:4px 0 22px;font:32px Georgia,serif}.icon-btn{width:44px;height:44px;border:0;background:var(--paper);border-radius:50%;font-size:24px;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid label{font-size:13px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{margin-top:7px}.form-grid textarea{padding:12px;resize:vertical}.wide{grid-column:1/-1}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:22px}#toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:#fff;padding:13px 18px;border-radius:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.2s;z-index:10}#toast.show{opacity:1;transform:none}.empty{grid-column:1/-1;text-align:center;padding:80px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1050px){.product-grid{grid-template-columns:repeat(3,1fr)}.hero{display:block;padding:70px 0}.summary{margin-top:36px;min-width:0}.toolbar{flex-wrap:wrap}.search{min-width:100%}}@media(max-width:760px){.topbar{height:auto;padding:14px 18px}.top-actions .secondary{display:none}.hero{padding:48px 0}.hero h1{font-size:44px}.summary{padding:18px;border-radius:20px}.summary strong{font-size:28px}.summary div{padding:6px 10px}.toolbar select{width:calc(50% - 6px)}.result-count{width:100%}.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.card-body{padding:14px}.card h3{font-size:18px}}@media(max-width:480px){.brand>span:last-child{display:none}.product-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
