/* Mercia Cleaning Supplies homepage feature V27; intentionally scoped */
.ms27{padding:clamp(3rem,6vw,6.5rem) 0;background:#f4f8fb;color:#092341}
.ms27 *{box-sizing:border-box}
.ms27-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-bottom:2rem}
.ms27-overline{display:block;font-size:.85rem;font-weight:800;letter-spacing:.13em;color:#00788c;margin-bottom:.55rem}
.ms27 h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(2rem,3.6vw,3.3rem);letter-spacing:-.04em;line-height:1.12;color:#092341;margin:0 0 .75rem;font-weight:800}
.ms27 h2 span{color:#047b91}
.ms27-lead{font-size:1.09rem;line-height:1.6;color:#334a5c;max-width:650px;margin:0}
.ms27-top-link{color:#006579!important;white-space:nowrap;font-size:1rem;font-weight:800;text-decoration:none!important;padding-bottom:.35rem;border-bottom:2px solid #0a9eb1}
.ms27-top-link:hover{color:#003e51!important}
.ms27-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.1rem}
.ms27-category{display:block;background:white;border:1px solid #d9e5ed;border-radius:14px;overflow:hidden;text-decoration:none!important;color:#092341!important;box-shadow:0 4px 18px rgba(5,30,56,.04);transition:box-shadow .18s,transform .18s}
.ms27-category:hover,.ms27-category:focus-visible{box-shadow:0 18px 30px rgba(5,30,56,.14);transform:translateY(-3px)}
.ms27-category:focus-visible,.ms27-button:focus-visible,.ms27-top-link:focus-visible{outline:3px solid #00b3c4;outline-offset:3px}
.ms27-image{aspect-ratio:1.55;background:#e4eef4;overflow:hidden}
.ms27-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.ms27-category:hover img{transform:scale(1.025)}
.ms27-category-text{padding:1.1rem 1.15rem 1.35rem}
.ms27-category h3{font-size:1.16rem;font-weight:800;color:#092341;margin:0 0 .4rem;line-height:1.3}
.ms27-category p{font-size:.94rem;line-height:1.5;color:#43576a;margin:0 0 .9rem;min-height:2.9em}
.ms27-category-text>span{display:inline-flex;align-items:center;gap:.3rem;font-size:.91rem;color:#007a8e;font-weight:800}
.ms27-bottom{background:#06233e;color:white;margin-top:1.6rem;border-radius:12px;padding:1.25rem 1.6rem;display:flex;align-items:center;justify-content:space-between;gap:1.3rem}
.ms27-bottom p{color:#e7f2f8;margin:0;line-height:1.5;font-size:1rem;max-width:600px}
.ms27-button{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;background:#0aaab8;color:#06233e!important;border-radius:7px;padding:.85rem 1.25rem;text-decoration:none!important;font-weight:800;white-space:nowrap;min-height:46px}
.ms27-button:hover{background:#44cddb;color:#06233e!important}
.ms27-note{font-size:.76rem;color:#597080;margin:1rem 0 0}
@media(max-width:1000px){.ms27-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ms27-category p{min-height:0}}
@media(max-width:640px){.ms27-heading{display:block}.ms27-top-link{display:inline-block;margin-top:1rem}.ms27-grid{gap:.8rem}.ms27-category-text{padding:.8rem}.ms27-category h3{font-size:1rem}.ms27-category p{font-size:.83rem}.ms27-bottom{display:block}.ms27-button{margin-top:1rem;width:100%;white-space:normal;text-align:center}.ms27-image{aspect-ratio:1.25}}
@media(max-width:440px){.ms27-grid{grid-template-columns:1fr}.ms27-image{aspect-ratio:1.8}}
@media(prefers-reduced-motion:reduce){.ms27-category,.ms27-image img{transition:none}}