.brand-collection{padding-top:28px;padding-bottom:48px;color:#343434;line-height:1.65}
.brand-collection .brand-hero{padding:clamp(24px,4vw,56px);background:#f3f6f1;border-radius:14px;border-top:5px solid #5c9753}
.brand-collection h1{font-size:clamp(32px,4vw,54px);line-height:1.12;margin:8px 0 20px;letter-spacing:-.025em}
.brand-collection h2{font-size:clamp(25px,2.6vw,34px);line-height:1.25;margin:0 0 18px}
.brand-collection .brand-line h3,.brand-collection .brand-guide h3{font-size:21px;line-height:1.3;margin:0 0 12px}
.brand-collection .brand-eyebrow{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:#416e39;margin:0 0 8px}
.brand-collection .brand-intro{max-width:920px;font-size:17px}
.brand-collection .brand-intro p:last-child{margin-bottom:0}
.brand-collection .brand-hero{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:24px}
.brand-collection .brand-hero-copy{min-width:0}
.brand-collection .brand-hero-image img{width:100%;height:auto;display:block;mix-blend-mode:multiply}
.brand-collection .brand-line-image{display:flex;height:150px;align-items:center;margin-bottom:20px}
.brand-collection .brand-line-image img{width:100%;height:100%;object-fit:contain}
.brand-collection .brand-table-wrap{overflow-x:auto;border:1px solid #ddd;border-radius:8px}
.brand-collection .brand-comparison{border-collapse:collapse;width:100%;min-width:640px}
.brand-collection .brand-comparison th,.brand-collection .brand-comparison td{padding:16px;text-align:left;vertical-align:top;border-bottom:1px solid #ddd}
.brand-collection .brand-comparison thead{background:#f3f6f1}
.brand-collection .brand-comparison tbody tr:last-child>*{border-bottom:0}
.brand-collection .brand-comparison a{color:#345f2b;text-decoration:underline}
.brand-collection .brand-jumps{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.brand-collection .brand-jumps a{padding:10px 16px;border:1px solid #527c48;border-radius:6px;font-weight:600;color:#34552c;background:white;text-decoration:none}
.brand-collection .brand-jumps a:first-child{background:#416e39;color:white}
.brand-collection .brand-section{margin-top:48px;scroll-margin-top:140px}
.brand-collection .brand-lines{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.brand-collection .brand-line{border:1px solid #deded8;border-radius:10px;padding:22px;background:#fff}
.brand-collection .brand-line p:last-child{margin-bottom:0}
.brand-collection .brand-line a,.brand-collection .brand-guide a,.brand-collection .brand-copy a,.brand-collection .brand-faq a{color:#345f2b;text-decoration:underline;text-underline-offset:3px}
.brand-collection .brand-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:24px}
.brand-collection .brand-products>product-card{display:block;min-width:0;width:100%}
.brand-collection .brand-products .product-card{height:100%}
.brand-collection .brand-copy{max-width:900px}
.brand-collection .brand-guide{background:#f7f7f4;padding:32px;border-radius:12px}
.brand-collection .brand-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.brand-collection .brand-guide-grid p:last-child{margin-bottom:0}
.brand-collection .brand-faq{max-width:960px}
.brand-collection .brand-faq details{border-bottom:1px solid #ddd;padding:16px 0}
.brand-collection .brand-faq summary{font-weight:700;font-size:18px;cursor:pointer;padding:4px 0}
.brand-collection .brand-faq details>div{padding-top:12px}
.brand-collection a:focus-visible,.brand-collection summary:focus-visible{outline:3px solid #416e39;outline-offset:4px}
@media(max-width:1100px){.brand-collection .brand-lines{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:989px){.brand-collection .brand-hero{grid-template-columns:1fr}.brand-collection .brand-hero-image{max-width:520px;margin:auto}}
@media(max-width:767px){.brand-collection .brand-products{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-collection .brand-guide-grid{grid-template-columns:1fr}.brand-collection .brand-guide{padding:22px}.brand-collection .brand-section{margin-top:32px}}
@media(max-width:480px){.brand-collection .brand-lines,.brand-collection .brand-products{grid-template-columns:1fr}.brand-collection .brand-jumps{display:grid;grid-template-columns:1fr}.brand-collection .brand-jumps a{text-align:center}}