@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@500;600;700;800&family=Fraunces:opsz,wght@9..144,500;9..144,700&display=swap";:root{--paper: #f8f1e6;--paper-strong: #fffaf1;--ink: #18251f;--muted: #6d756d;--moss: #0f6b55;--moss-dark: #064d3e;--cedar: #8b492d;--sand: #decaad;--line: rgba(24, 37, 31, .14);--shadow: 0 24px 70px rgba(57, 41, 25, .16);font-family:Bricolage Grotesque,Avenir Next,sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 12% 4%,rgba(15,107,85,.16),transparent 28rem),linear-gradient(135deg,#fbf5ea,#f2e2cc 48%,#f8f1e6)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.site-shell{min-height:100vh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f1e6db;border-bottom:1px solid var(--line)}.header-inner{max-width:1240px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.03em}.brand-mark{width:42px;height:42px;border-radius:16px;background:var(--ink);color:var(--paper);display:grid;place-items:center;overflow:hidden;box-shadow:0 12px 30px #18251f38}.brand-mark img{width:100%;height:100%;object-fit:cover}.brand small{display:block;color:var(--muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.header-nav{display:flex;align-items:center;gap:10px}.header-nav a{padding:10px 14px;border-radius:999px;color:#2f3a33}.header-nav a:hover{background:#0f6b551a;color:var(--moss-dark)}main{width:100%;flex:1}.page{max-width:1240px;margin:0 auto;padding:34px 24px 64px}.hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px;align-items:stretch;margin-bottom:28px}.hero-panel{border:1px solid var(--line);background:#fffaf1c7;border-radius:34px;padding:clamp(28px,6vw,64px);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero-panel:after{content:"";position:absolute;inset:auto -10% -38% 36%;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(139,73,45,.26),transparent 68%);pointer-events:none}.eyebrow{color:var(--cedar);font-size:.78rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{margin:0;letter-spacing:-.045em}h1{font-family:Fraunces,Georgia,serif;font-size:clamp(2.6rem,7vw,6.2rem);line-height:.9;max-width:900px}h2{font-size:clamp(1.8rem,4vw,3.2rem)}p{color:var(--muted);line-height:1.6}.hero-copy{max-width:720px;font-size:1.08rem}.search-card{background:var(--ink);color:var(--paper);border-radius:30px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;min-height:310px;box-shadow:var(--shadow)}.search-card p{color:#f8f1e6b8}.search-form{display:grid;gap:12px}.search-form input,.search-form select,.field input,.field textarea{border:1px solid var(--line);background:#fffaf1f5;color:var(--ink);border-radius:18px;padding:13px 15px;outline:none;width:100%}.search-form button,.primary-button,.secondary-button,.danger-button{border:0;border-radius:999px;padding:13px 18px;font-weight:800;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.search-form button,.primary-button{background:var(--moss);color:#fff;box-shadow:0 14px 28px #0f6b5538}.secondary-button{background:#18251f14;color:var(--ink)}.danger-button{background:#8b2e2e;color:#fff}.search-form button:hover,.primary-button:hover,.secondary-button:hover,.danger-button:hover{transform:translateY(-1px)}.category-rail{display:flex;gap:10px;overflow-x:auto;padding:6px 0 22px}.category-pill,.size-pill{flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:#fffaf1bf;padding:9px 13px;font-weight:800;color:#35443c}.category-pill.active{background:var(--ink);color:var(--paper)}.catalog-toolbar{display:flex;justify-content:space-between;align-items:end;gap:16px;margin:20px 0}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.product-card{border:1px solid var(--line);background:#fffaf1cc;border-radius:26px;overflow:hidden;min-height:100%;display:flex;flex-direction:column;box-shadow:0 10px 34px #34271914;transition:transform .2s ease,box-shadow .2s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-media{aspect-ratio:1 / .9;background:linear-gradient(145deg,#e5d4ba,#fff8ee);display:grid;place-items:center;padding:18px}.product-media img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-body{padding:18px;display:flex;flex-direction:column;gap:12px;flex:1}.product-kicker{color:var(--muted);font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.product-name{font-size:1.06rem;line-height:1.12;font-weight:900;letter-spacing:-.025em}.size-row{display:flex;flex-wrap:wrap;gap:7px;min-height:30px}.size-pill{padding:6px 10px;font-size:.84rem;background:#eaf7f0;color:var(--moss-dark);border-color:#0f6b553d}.price-row{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:10px}.price{font-size:1.34rem;font-weight:900;color:var(--moss-dark)}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;background:#8b492d1f;color:var(--cedar);font-weight:900;font-size:.78rem}.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.75fr);gap:28px;align-items:start}.gallery{background:#fffaf1c7;border:1px solid var(--line);border-radius:34px;padding:18px;box-shadow:var(--shadow)}.gallery-main{min-height:520px;display:grid;place-items:center;background:linear-gradient(145deg,#eadac2,#fff9ef);border-radius:26px;overflow:hidden}.gallery-main img{width:100%;height:100%;max-height:620px;object-fit:contain;mix-blend-mode:multiply}.thumbs{display:flex;gap:10px;margin-top:12px;overflow-x:auto}.thumb{width:86px;height:72px;border:2px solid transparent;border-radius:16px;background:#fffaf1;padding:6px}.thumb.active{border-color:var(--moss)}.detail-panel,.admin-card{background:#fffaf1db;border:1px solid var(--line);border-radius:30px;padding:24px;box-shadow:0 16px 46px #34271914}.detail-code{font-family:SFMono-Regular,Consolas,monospace;color:var(--muted);font-size:.82rem}.admin-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:22px}.admin-nav{position:sticky;top:88px;align-self:start;display:grid;gap:8px}.admin-nav a{padding:12px 14px;border-radius:16px;font-weight:800;color:#465247}.admin-nav a.active,.admin-nav a:hover{background:var(--ink);color:var(--paper)}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric{border:1px solid var(--line);border-radius:22px;padding:18px;background:#fffaf1cc}.metric strong{display:block;font-size:2rem;letter-spacing:-.05em}.table-list{display:grid;gap:10px}.table-row{display:grid;grid-template-columns:84px minmax(0,1fr) auto;gap:14px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:20px;background:#fffaf1c2}.table-row img{width:84px;height:70px;object-fit:contain;border-radius:14px;background:#f4e6d0}.field{display:grid;gap:7px;margin-bottom:14px}.field label{font-weight:900}.image-admin-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.image-admin-card{border:1px solid var(--line);border-radius:18px;padding:10px;background:#fffaf1;display:grid;gap:8px}.image-admin-card img{width:100%;aspect-ratio:1;object-fit:contain;background:#f2e2cc;border-radius:14px}.empty-state{border:1px dashed rgba(24,37,31,.24);border-radius:26px;padding:34px;text-align:center;background:#fffaf180}.footer{border-top:1px solid var(--line);padding:26px 24px;color:var(--muted);text-align:center}@media(max-width:980px){.hero,.product-detail,.admin-shell{grid-template-columns:1fr}.product-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-nav{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.header-inner{padding:12px 16px;align-items:flex-start}.header-nav{display:none}.page{padding:22px 14px 46px}.hero-panel,.search-card,.detail-panel,.admin-card{border-radius:24px;padding:20px}.product-grid{grid-template-columns:1fr}.catalog-toolbar{display:grid}.gallery-main{min-height:340px}.metric-grid,.image-admin-grid{grid-template-columns:1fr}.table-row{grid-template-columns:64px minmax(0,1fr)}.table-row .row-action{grid-column:1 / -1}}
