@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');
:root{--green:#2f5b3d;--leaf:#6b8e23;--gold:#a46a1a;--ivory:#f4f0e6;--brown:#3a2a12;--white:#fff;--line:#ddd7c8}
*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--brown);font-family:Montserrat,Arial,sans-serif}header{height:86px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:10px 6%;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.logo{width:145px;height:62px;object-fit:contain}nav{display:flex;gap:26px;align-items:center}nav a{color:var(--green);text-decoration:none;font-size:13px;font-weight:600}nav a.active{color:var(--gold)}nav .admin{border:1px solid var(--gold);padding:10px 15px}.hero{min-height:590px;padding:75px 8%;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;background:linear-gradient(120deg,#f4f0e6,#fff)}.hero h1,.pagehead h1,.brandhero h1,.adminbar h1{font:700 clamp(42px,5vw,68px) Cinzel,serif;line-height:1.1;color:var(--green);margin:14px 0}.hero h1 em{color:var(--gold);font-style:normal}.hero p,.lead{font-size:16px;line-height:1.8;max-width:650px}.eyebrow{font-size:10px;letter-spacing:3px;font-weight:700;color:var(--gold)}.hero-art{display:flex;justify-content:center}.hero-art img{width:min(360px,90%);height:430px;object-fit:contain}.btn{display:inline-block;background:var(--green);color:#fff;border:0;padding:14px 23px;font-weight:700;letter-spacing:1px;cursor:pointer;text-decoration:none}.secondary{background:#777}.section{padding:70px 8%}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.card{background:#fff;border:1px solid var(--line);position:relative;overflow:hidden;transition:.2s}.card:hover{transform:translateY(-3px)}.photo{height:280px;display:flex;align-items:center;justify-content:center;background:#fff}.photo img{width:100%;height:100%;object-fit:contain}.cardbody{padding:18px}.card h3{font:600 21px Cinzel,serif;color:var(--green);margin:4px 0 8px}.meta{font-size:12px;color:#777}.price{font-size:23px;font-weight:800;color:var(--green);margin-top:12px}.old{text-decoration:line-through;color:#888;font-size:14px;margin-left:7px}.offer{position:absolute;top:14px;right:14px;background:#b12a20;color:#fff;padding:8px 11px;font-weight:800;font-size:11px;letter-spacing:.5px;z-index:2}.badge{position:absolute;top:14px;left:14px;background:var(--gold);color:#fff;padding:7px 10px;font-size:10px;font-weight:800;z-index:2}.pagehead{padding:75px 8%;background:var(--green);color:#fff}.pagehead h1{color:#fff}.pagehead p{color:#e7eee5}.brandhero{padding:75px 8%;text-align:center;background:linear-gradient(120deg,#173a27,#2f5b3d);color:#fff}.brandhero h1{color:#fff}.brandhero p{font-size:17px}.brandbig{margin-top:30px;width:320px;background:#fff;padding:15px}.brandgrid,.contact{display:grid;grid-template-columns:1fr 1fr;gap:40px}.contact form,.panel{background:#fff;padding:28px;border:1px solid var(--line)}input,textarea{width:100%;padding:13px;border:1px solid #ccc;margin-top:7px;margin-bottom:15px;font-family:inherit}label{font-size:12px;font-weight:700}.adminwrap{padding:50px 6%}.adminbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.adminlayout{display:grid;grid-template-columns:1fr 1.2fr;gap:25px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:15px}.adminitem{border-bottom:1px solid var(--line);padding:15px 0;display:flex;gap:15px;align-items:center}.adminitem img{width:70px;height:70px;object-fit:contain;background:#fff}.adminitem b{color:var(--green)}.smallbtn{border:1px solid var(--green);background:#fff;padding:7px 10px;cursor:pointer;font-size:11px}footer{background:#173a27;color:#fff;padding:35px 8%;display:flex;justify-content:space-between;font-size:12px}footer b{font:700 18px Cinzel,serif;color:#d4a017}footer div{display:flex;flex-direction:column;gap:6px}.footer-address{max-width:430px;line-height:1.6;color:#e7eee5}.footer-address a{color:#fff;text-decoration:none}.admin-address{font-size:12px;color:#777}
@media(max-width:800px){nav{gap:10px}nav a{font-size:10px}.hero,.brandgrid,.contact,.adminlayout{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.adminbar{align-items:flex-start;gap:20px;flex-direction:column}}@media(max-width:500px){.grid{grid-template-columns:1fr}.twocol{grid-template-columns:1fr}.hero{padding:50px 6%}.section{padding:50px 6%}header{padding:8px 4%}.logo{width:120px}}