@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#487629;--ink:#17251c;--paper:#f7f8f2;--muted:#687367}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit}header{max-width:1400px;margin:auto;padding:25px 6%;display:flex;align-items:center;gap:40px;border-bottom:1px solid #dfe4d9}.brand{text-decoration:none;font-weight:800;font-size:22px;line-height:1.1;white-space:nowrap}.brand span{color:var(--green)}.brand small{display:block;font-size:9px;letter-spacing:4px;margin-top:7px}nav{display:flex;gap:25px;margin-left:auto}nav a{text-decoration:none;font-size:14px}nav a:hover{text-decoration:underline}.button{display:inline-block;background:var(--green);color:white;text-decoration:none;border-radius:8px;padding:13px 21px;font-weight:600;font-size:14px;border:0;cursor:pointer}.button:hover{background:#365a1e}main{max-width:1400px;margin:auto}section{padding:60px 6%}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding-top:65px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2px;color:var(--green)}h1,h2,h3{font-family:Manrope,sans-serif;line-height:1.14;letter-spacing:-1px}h1{font-size:clamp(36px,4.4vw,62px);margin:20px 0}h1 em{font-style:normal;color:var(--green)}h2{font-size:32px}h3{font-size:20px}.intro{font-size:18px;max-width:560px}.muted{font-size:13px;color:var(--muted)}.actions{display:flex;align-items:center;gap:25px;margin:30px 0}.textlink{font-weight:600;font-size:14px}.hero-image{position:relative;background:#e5ebdf;border-radius:22px;overflow:hidden;height:460px}.hero-image img{width:100%;height:100%;object-fit:contain}.image-label{position:absolute;bottom:0;background:#17251ce8;color:white;width:100%;padding:20px;font-size:11px;letter-spacing:1px}.image-label span{display:block;font-size:17px;letter-spacing:0;margin-top:7px}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:30px;gap:20px}.section-head h2{margin-bottom:0}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:white;border:1px solid #e3e7dc;border-radius:14px;overflow:hidden}.photo{display:block;width:100%;height:240px;object-fit:contain;background:#f0f2eb}.card-body{padding:20px}.card h3{font-size:17px;letter-spacing:-.3px;min-height:40px;margin:10px 0}.card button{background:none;border:0;cursor:pointer;text-align:left;padding:0;color:inherit;font:inherit;width:100%}.tag{font-size:11px;color:var(--green);font-weight:600}.price{font-size:22px;font-weight:700}.old{font-size:13px;color:var(--muted);margin-left:7px}.ref{font-size:11px;float:right;color:var(--muted);margin-top:10px}.card-link{display:block;font-size:13px;margin-top:15px;color:var(--green)}.split{background:#e9efdf;display:grid;grid-template-columns:1fr 1fr;gap:80px;margin:30px 6% 70px;border-radius:20px;padding:45px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:24px;border-bottom:1px solid #cdd8c3;padding:15px 0}.steps b{font-size:22px;color:var(--green)}.steps h3{margin:0}.steps p{font-size:14px;margin-bottom:10px}.page-top{padding-bottom:25px}.page-top p{max-width:650px}.narrow{max-width:850px;margin:auto;min-height:65vh}.narrow h1{font-size:48px}.narrow h2{font-size:25px;margin-top:40px}.filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px}.filters label{font-size:13px;font-weight:600}input,select{width:100%;margin-top:8px;padding:13px;background:white;border:1px solid #d7dece;border-radius:8px;font:inherit;color:var(--ink)}.catalogue{padding-top:20px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.guide{padding:30px;border:1px solid #dce3d4;border-radius:15px;text-decoration:none;background:white}.guide h2{font-size:27px}.guide:hover{border-color:var(--green)}.contact-box{border:1px solid #dce3d4;padding:30px;border-radius:15px;background:white;margin-top:30px}.contact-box h2{margin-top:0}footer{padding:45px 6%;background:#e9efdf;text-align:center;font-size:14px}dialog{border:0;border-radius:18px;padding:35px;max-width:750px;width:90%;max-height:90vh;overflow:auto}dialog::backdrop{background:#17251caa}.close{position:absolute;right:16px;top:12px;background:white;border:0;padding:8px;font-size:22px;cursor:pointer}.detail-image{width:100%;max-height:380px;object-fit:contain}.detail-thumbs{display:flex;gap:10px;overflow:auto;margin:10px 0}.detail-thumbs button{background:white;border:1px solid #dce3d4;border-radius:5px;cursor:pointer}.detail-thumbs img{width:60px;height:60px;object-fit:contain}button:focus-visible,a:focus-visible{outline:3px solid #9dba78;outline-offset:3px}
@media(max-width:950px){header{gap:20px;flex-wrap:wrap}nav{order:3;width:100%;justify-content:center;margin:0}header>.button{margin-left:auto}.hero{gap:30px}.hero-image{height:350px}.grid{grid-template-columns:repeat(3,1fr)}.guide-grid{grid-template-columns:1fr}.split{gap:35px}.photo{height:200px}}
@media(max-width:600px){header{padding:20px 5%;gap:15px}.brand{font-size:19px}nav{gap:25px}.button{padding:12px 15px}.hero{grid-template-columns:1fr;padding-top:30px;gap:20px}.hero h1{font-size:42px}.hero-image{height:310px}.actions{gap:18px;flex-wrap:wrap}section{padding:35px 5%}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.photo{height:165px}.card-body{padding:13px}.card h3{font-size:15px;min-height:50px}.price{font-size:19px}.ref{float:none;display:block;margin-top:4px}.split{grid-template-columns:1fr;margin:20px 5% 40px;padding:25px}.section-head{align-items:start}.section-head h2{font-size:27px}.section-head>a{font-size:13px;min-width:95px}.filters{grid-template-columns:1fr 1fr;gap:12px}.filters label:first-child{grid-column:1/-1}.narrow h1{font-size:38px}.guide{padding:25px}dialog{padding:28px 20px}}

nav{flex-wrap:wrap}#article-grid .card h2{font-size:26px}#article-grid button{width:auto;padding:8px 0}#article-full{line-height:1.7}