:root{font-family:Arial,sans-serif;color:#202728;background:#fff;--green:#008345;--line:#e2e9e4}
*{box-sizing:border-box}
body{margin:0}
a{color:#14673d}
a:hover{text-decoration:underline}
.wrap{max-width:1240px;margin:auto;padding-inline:24px}
.top,footer{background:#f3f6f3;padding-block:14px}
.top .wrap,footer .wrap{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
header{display:flex;gap:16px;align-items:center;padding-block:22px;flex-wrap:wrap}
.brand{font-size:28px;font-weight:800;text-decoration:none;letter-spacing:-.05em;color:#126339}
header form{display:flex;flex:1;min-width:220px}
input{padding:12px;border:1px solid var(--line);border-radius:5px 0 0 5px;flex:1;min-width:0;font:inherit}
.button,button,.outline{display:inline-block;padding:12px 18px;border:1px solid var(--green);border-radius:5px;background:var(--green);color:#fff;text-decoration:none;font:inherit;cursor:pointer}
form button{border-radius:0 5px 5px 0}
.outline{background:transparent;color:#14673d}
nav{display:flex;gap:18px;padding-block:10px 16px;flex-wrap:wrap}
main{min-height:60vh;padding-block:22px 54px}
h1{font-size:clamp(30px,5vw,48px);line-height:1.12;margin:0 0 20px}
.hero{padding:clamp(26px,6vw,75px);background:#eaf5ed;border-radius:14px;margin-bottom:36px}
.hero h1{max-width:740px}
.hero p{max-width:580px;line-height:1.55;margin-bottom:24px}
.hero a{margin:0 6px 8px 0}
.tiles,.products{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:12px;margin:18px 0}
.tiles a,.products article{padding:16px;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}
.tiles a,.products article a{font-weight:600;text-decoration:none}
.tiles a:hover,.products article a:hover{text-decoration:underline}
.products small{display:block;margin-top:10px;color:#56655b}
.pagination{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.hero{display:flex;align-items:stretch;padding:0;min-height:clamp(410px,42vw,580px);background:#244533 url('/assets/hero.webp') center/cover no-repeat;color:white;overflow:hidden}
.hero-copy{padding:clamp(24px,4vw,56px);width:min(100%,580px);background:linear-gradient(90deg,rgba(14,42,29,.86),rgba(14,42,29,.65) 78%,transparent);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.hero h1{font-size:clamp(30px,3.5vw,49px);font-weight:600;max-width:490px}
.hero .outline{background:#008345;color:#fff}
.crumbs{font-size:.94rem;color:#536359}
.product-photo{margin:0 0 18px;max-width:480px;padding:16px;border:1px solid var(--line);border-radius:10px}
.product-photo img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:600px){.hero{background-position:64% center}.hero-copy{background:linear-gradient(90deg,#153b2ce8,#153b2c80)}}
.top nav,.catalog-bar nav{padding:0;gap:clamp(10px,2vw,22px);align-items:center}
.top{font-size:14px;background:#f5f6f5}
.top a,.catalog-bar nav a{color:#27342d;text-decoration:none}
.top a:hover,.catalog-bar nav a:hover{text-decoration:underline}
.region{font-weight:600}
.pending{color:#616d64}
.brand img{display:block;width:clamp(125px,18vw,195px);height:auto;max-height:64px;object-fit:contain}
header form input{background:#f5f7f5}
.catalog-bar{display:flex;gap:18px;align-items:center;padding-block:0 10px}
.catalog-bar nav{flex:1;min-width:0;flex-wrap:nowrap;overflow-x:auto;padding-block:9px;white-space:nowrap}
.catalog-bar details{position:relative;flex-shrink:0}
.catalog-bar summary{list-style:none;cursor:pointer;color:white;background:var(--green);border-radius:7px;padding:10px 15px}
.catalog-dropdown{position:absolute;z-index:4;top:calc(100% + 8px);left:0;width:min(340px,calc(100vw - 48px));max-height:60vh;overflow:auto;background:white;border:1px solid var(--line);border-radius:8px;box-shadow:0 8px 25px #1235;padding:8px}
.catalog-dropdown a{display:block;padding:8px 12px}
.archived-content{max-width:1000px;line-height:1.65;overflow-wrap:anywhere}
.archived-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}
.archived-content td,.archived-content th{border:1px solid var(--line);padding:6px 10px}
@media(max-width:680px){.top nav{order:3;width:100%;overflow:auto;flex-wrap:nowrap;white-space:nowrap}.top .wrap{gap:8px}header{padding-block:13px}.catalog-bar{gap:10px}.catalog-bar summary{padding:9px}.top{padding-block:8px}}
.archived-content img{max-width:100%;height:auto;border-radius:8px}.archived-content figure{margin:20px 0}
.cart-line{display:grid;grid-template-columns:1fr 85px auto;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.cart-line input{width:100%}.cart-line button{padding:8px 12px}button[hidden]{display:none}@media(max-width:600px){.cart-line{grid-template-columns:1fr auto}.cart-line a{grid-column:1/-1}}

.product-gallery img{display:block;width:100%;height:150px;object-fit:contain}.product-gallery .tiles{grid-template-columns:repeat(auto-fit,minmax(min(100%,155px),1fr))}

.archive-price{display:grid;gap:4px;width:fit-content;max-width:100%;padding:12px 16px;margin:0 0 18px;border:1px solid #d2dacd;border-radius:8px;background:#f4f7f3;color:#26372c}.archive-price strong{font-size:1.4rem}.archive-price small{color:#45554b}