/* Herbiya homepage "Why Herbiya?" — v1.6.2. Scoped under .hpp-why only. */
.hpp-why{background:#fff;padding:64px 20px;margin:0}
.hpp-why-inner{max-width:1140px;margin:0 auto}
.hpp-why-title{text-align:center;margin:0 0 36px;font-size:clamp(28px,4vw,38px);line-height:1.15;color:#14281a;letter-spacing:-.01em}
.hpp-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.hpp-why-card{background:#f6faf6;border:1px solid #e4efe4;border-radius:20px;padding:34px 26px;text-align:center;transition:transform .28s ease,box-shadow .28s ease,background .28s ease,border-color .28s ease}
.hpp-why-card:hover{transform:translateY(-6px);background:#fff;border-color:#cbe3cb;box-shadow:0 16px 36px rgba(20,90,40,.12)}
.hpp-why-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:#e7f3e7;color:#1e7a34;margin-bottom:20px;transition:background .28s ease,color .28s ease,transform .28s ease}
.hpp-why-card:hover .hpp-why-icon{background:#1e7a34;color:#fff;transform:scale(1.06)}
.hpp-why-icon svg{width:34px;height:34px}
.hpp-why-card h3{margin:0 0 10px;font-size:20px;color:#14281a}
.hpp-why-card p{margin:0;font-size:15px;line-height:1.65;color:#5f6f63}
@media(max-width:820px){
    .hpp-why-grid{grid-template-columns:1fr;max-width:430px;margin:0 auto}
    .hpp-why{padding:48px 16px}
}
@media(prefers-reduced-motion:reduce){
    .hpp-why-card,.hpp-why-icon{transition:none}
    .hpp-why-card:hover{transform:none}
    .hpp-why-card:hover .hpp-why-icon{transform:none}
}