:root{--green:#1f6f43;--green-dark:#154d2f;--green-light:#e8f2ec;--sand:#f4efe4;--text:#1b1f1d;--muted:#66706b;--border:#dde3df;--bg:#fff;--surface:#f8faf9;--danger:#b42318;--radius:10px;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background:var(--bg);margin:0}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;display:block}h1,h2,h3{line-height:1.2}.app{flex-direction:column;min-height:100vh;display:flex}main{flex:1}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 16px}.page{padding-top:32px;padding-bottom:64px}.narrow{max-width:720px}.section{padding-top:48px;padding-bottom:48px}.section-head{justify-content:space-between;align-items:baseline;display:flex}.muted{color:var(--muted)}.small{font-size:.875rem}.error{color:var(--danger)}.site-header{border-bottom:1px solid var(--border);background:var(--bg);z-index:10;position:sticky;top:0}.header-inner{align-items:center;gap:24px;height:64px;display:flex}.logo{color:var(--green);letter-spacing:-.02em;font-size:1.35rem;font-weight:800}.main-nav{flex:1;gap:20px;display:flex}.main-nav a{color:var(--text)}.main-nav a.active{color:var(--green);font-weight:600}.header-actions{align-items:center;gap:16px;display:flex}.cart-link{color:var(--text);position:relative}.badge{background:var(--green);color:#fff;border-radius:999px;margin-left:4px;padding:1px 7px;font-size:.75rem}.menu-toggle{cursor:pointer;background:0 0;border:0;font-size:1.4rem;display:none}@media (width<=760px){.header-inner{gap:12px}.menu-toggle{order:3;display:block}.main-nav{background:var(--bg);border-bottom:1px solid var(--border);flex-direction:column;padding:16px;display:none;position:absolute;top:64px;left:0;right:0}.main-nav.open{display:flex}.header-actions{margin-left:auto}}.btn{background:var(--green);color:#fff;border:2px solid var(--green);border-radius:var(--radius);cursor:pointer;padding:10px 20px;font-size:1rem;font-weight:600;display:inline-block}.btn:hover{background:var(--green-dark);border-color:var(--green-dark);text-decoration:none}.btn:disabled{opacity:.6;cursor:default}.btn-outline{color:var(--green);background:0 0}.btn-outline:hover{background:var(--green-light);color:var(--green-dark)}.btn-small{padding:6px 14px;font-size:.9rem}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;text-decoration:underline}.form{flex-direction:column;gap:16px;display:flex}.field{flex-direction:column;flex:1;gap:6px;margin-bottom:12px;display:flex}.field label{font-size:.9rem;font-weight:600}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.row>*{flex:1;min-width:160px}input,select,textarea{font:inherit;border:1px solid var(--border);background:#fff;border-radius:8px;width:100%;padding:9px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--green);outline-offset:1px}input[type=checkbox]{width:auto}.qty{width:72px}.chip{border:1px solid var(--border);cursor:pointer;font:inherit;text-transform:capitalize;background:#fff;border-radius:999px;padding:6px 14px}.chip.active{background:var(--green);border-color:var(--green);color:#fff}.chip.active .muted{color:#d6eadf}.filters{flex-wrap:wrap;gap:8px;margin:16px 0 24px;display:flex}.hero{background:linear-gradient(135deg, var(--green-light), var(--sand));padding:80px 0}.hero h1{max-width:14em;margin:0 0 16px;font-size:clamp(2rem,5vw,3.2rem)}.hero p{color:#3a4440;max-width:36em;font-size:1.15rem}.hero-actions{flex-wrap:wrap;gap:12px;margin:24px 0 8px;display:flex}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.product-card{border:1px solid var(--border);border-radius:var(--radius);color:var(--text);transition:box-shadow .15s,transform .15s;overflow:hidden}.product-card:hover{text-decoration:none;transform:translateY(-2px);box-shadow:0 6px 20px #00000014}.product-card-body{padding:12px 16px 16px}.product-card h3{margin:0 0 4px;font-size:1rem}.price{color:var(--green-dark);font-weight:700}.price.big{margin-bottom:12px;font-size:1.6rem}.product-img{aspect-ratio:1;object-fit:cover;background:var(--surface);width:100%}.product-img.placeholder{text-align:center;color:var(--green);background:radial-gradient(circle at 30% 30%, #fff, var(--green-light));place-items:center;padding:16px;font-weight:700;display:grid}.product-img.large{border-radius:var(--radius)}.product-detail{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}@media (width<=760px){.product-detail{grid-template-columns:1fr;gap:24px}}.step-list{counter-reset:step;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:32px;padding:0;list-style:none;display:grid}.step-list li{background:var(--surface);border-radius:var(--radius);counter-increment:step;flex-direction:column;gap:6px;padding:20px;display:flex}.step-list li:before{content:counter(step);background:var(--green);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px 20px}.card-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card ul{margin:8px 0;padding-left:20px}.table{border-collapse:collapse;width:100%;margin-bottom:24px}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 8px}.table-wrap{overflow-x:auto}.cart-summary{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.pill{text-transform:uppercase;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:.75rem;font-weight:600}.pill-paid,.pill-accepted,.pill-completed,.pill-delivered{background:var(--green-light);color:var(--green-dark);border-color:#0000}.pill-quoted{color:#7a5a00;background:#fff4d6;border-color:#0000}.pill-cancelled,.pill-declined,.pill-refunded{color:var(--danger);background:#fde8e7;border-color:#0000}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.gallery-grid figure{margin:0}.gallery-grid img{border-radius:var(--radius);aspect-ratio:4/3;object-fit:cover;width:100%}.gallery-grid figcaption{padding-top:8px;font-size:.9rem}.faq{border-bottom:1px solid var(--border);padding:14px 0}.faq summary{cursor:pointer;font-weight:600}.auth-page{justify-content:center;display:flex}.site-footer{background:var(--surface);border-top:1px solid var(--border);padding:40px 0 24px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;margin-bottom:24px;display:grid}.footer-grid h4{margin:0 0 8px}.footer-grid a{color:var(--muted);padding:2px 0;display:block}@media (width<=760px){.footer-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.table thead{display:none}.table tr{border-bottom:1px solid var(--border);padding:8px 0;display:block}.table td{border:0;padding:4px 0;display:block}}
