﻿/* Comfortable reading sizes across the customer journey. */
body{font-size:16px;line-height:1.7}
.home-page .home-intro{font-size:18px;line-height:1.85;max-width:530px}
.home-page .home-heading p,.home-page .home-business p,.home-page .home-card p,.home-page .home-step p,.home-page .home-subcontact,.home-page .home-help,.home-page .home-cta p{font-size:16px;line-height:1.8}
.home-page .home-button,.home-page .home-textlink,.home-page .home-trust{font-size:15px}
.home-page .home-brand,.home-page .home-eyebrow{font-size:12px}
.home-page .home-tag{font-size:11px}
.home-page .home-stage-note{font-size:12px;letter-spacing:.04em}
.home-page .home-card h3{font-size:22px}
.home-page .home-step strong{font-size:19px}
.catalogue-page .brand-card p,.catalogue-page .sku-meta,.catalogue-page .sku-name-th,.catalogue-page .catalogue-links,.detail-copy p,.detail-section p,.related-card span{font-size:16px}
.catalogue-page .sku-name{font-size:19px;line-height:1.55}
.quote-form label,.quote-form input,.quote-form select,.quote-form textarea,.quote-item p{font-size:16px}
.site-footer p,.site-footer a{font-size:14px;line-height:1.8}
.home-page .home-card-bottom .quote-add{width:100%;min-height:44px;font-size:15px}
.home-page .home-card-bottom{gap:14px}
.home-page .home-card-bottom .home-textlink{min-height:40px;display:inline-flex;align-items:center}
.home-page .home-stage{min-height:0;aspect-ratio:1/1.04}
.home-page .home-stage:before{width:96%;height:auto;aspect-ratio:1;top:0;left:2%;box-shadow:0 0 0 9px var(--home-cream),0 0 0 10px #e0e3d5}
.home-page .home-stage .sack1,.home-page .home-stage .sack2{width:31%;height:53%;top:26%!important}
.home-page .home-stage .sack1{left:8%}
.home-page .home-stage .sack2{right:8%}
.home-page .home-stage .sack3{width:40%;height:66%;left:30%;top:13%!important}
.home-page .home-stage-note{bottom:0;max-width:95%}
.home-page .home-weight{top:0;right:0}
.home-services{background:#fff;border-bottom:1px solid #e0e4d6}
.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.service-card{display:flex;gap:20px;padding:28px;background:#f8f7f0;border:1px solid #e0dfca;border-radius:14px;align-items:flex-start}
.service-card h3{font-size:22px;line-height:1.5;margin:0 0 10px;color:#31543f}
.service-card p{font-size:16px;line-height:1.85;margin:0;color:#526153}
.service-icon{display:grid;place-items:center;flex:none;width:52px;height:52px;border-radius:50%;background:#e5ebd2;color:#52652e}
.service-icon svg{width:28px;height:28px}
.rail-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:18px}
.rail-controls[hidden]{display:none}
.rail-controls span{font-size:15px;margin-right:auto}
.rail-controls button{width:46px;height:46px;border:1px solid #b5c1a3;background:white;border-radius:50%;color:#173f32;font-size:22px;cursor:pointer}
.rail-controls button:disabled{opacity:.35;cursor:default}
.home-page .home-alternatives [data-product-rail]{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;padding:4px 2px 18px;scrollbar-width:thin;scrollbar-color:#8c9c72 #e9edde}
.home-page [data-product-rail]>.home-card{flex:0 0 calc((100% - 72px)/4);scroll-snap-align:start}
button:focus-visible,[data-product-rail]:focus-visible{outline:3px solid #71844d;outline-offset:4px}
@media(max-width:1050px){.home-page [data-product-rail]>.home-card{flex-basis:calc((100% - 48px)/3)}}
@media(max-width:800px){.home-page .home-intro{font-size:17px}.home-page .home-stage{margin:30px 0 12px}.home-page .home-stage-note{font-size:10px}.service-grid{grid-template-columns:1fr}.service-card{padding:22px;gap:16px}.service-card h3{font-size:20px}.service-icon{width:44px;height:44px}.home-page [data-product-rail]>.home-card{flex-basis:80%;padding:15px}.home-page .home-alternatives .home-card h3{font-size:21px}.home-page .home-alternatives .home-tag{font-size:11px}.home-page .home-alternatives .home-photo{height:260px}.home-page h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.home-page .home-stage .sack1,.home-page .home-stage .sack2{width:38%;height:65%;top:22%!important}
.home-page .home-stage .sack1{left:3%}.home-page .home-stage .sack2{right:3%}
.home-page .home-stage .sack3{width:48%;height:78%;left:26%;top:8%!important}
.home-page .home-card-bottom .quote-add{border:1px solid #bccaaa;border-radius:6px;background:#edf2e4;color:#234631;font-family:inherit;font-weight:600;text-decoration:none;padding:10px 14px;cursor:pointer}
.home-page .home-card-bottom .quote-add:hover{background:#dfe9d0}
