.hpsag-directory-head{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:30px;max-width:1420px;margin:0 auto 18px;padding:34px 46px;border:1px solid var(--ag-line);border-radius:20px;background:#fff;box-shadow:0 12px 32px rgba(16,24,40,.06)}
.hpsag-directory-head>div>p,.hpsag-featured>header>p{margin:0 0 8px;color:var(--ag-orange);font-size:12px;font-weight:900;letter-spacing:.15em}.hpsag-directory-head h1{margin:0;font-size:clamp(38px,4.2vw,62px);line-height:1.05}.hpsag-directory-head h1 span,.hpsag-category-section>h2 span,.hpsag-feature-copy h3 span{color:var(--ag-orange)}.hpsag-directory-head h2{margin:11px 0 0;color:var(--ag-muted);font-size:18px;font-weight:500}.hpsag-directory-head img{display:block;width:100%;max-height:290px;object-fit:contain}
.hpsag-category-section,.hpsag-featured{max-width:1420px;margin:18px auto 0;padding:22px;border:1px solid var(--ag-line);border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(16,24,40,.05)}.hpsag-category-section>h2,.hpsag-featured>header{text-align:center;margin:0 0 18px}.hpsag-category-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.hpsag-category-cards>a{padding:12px;border:1px solid var(--ag-line);border-radius:16px;background:#fff;color:var(--ag-ink)!important;text-decoration:none!important;transition:.2s}.hpsag-category-cards>a:hover{transform:translateY(-3px);border-color:var(--ag-orange);box-shadow:0 12px 25px rgba(255,90,0,.12)}.hpsag-category-cards>a>div{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:var(--ag-peach)}.hpsag-category-cards img{width:100%;height:100%;object-fit:contain}.hpsag-category-cards div>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--ag-orange);color:#fff;font-size:22px;box-shadow:0 8px 20px rgba(0,0,0,.25)}.hpsag-category-cards h3{margin:13px 2px 6px;font-size:20px}.hpsag-category-cards p{min-height:44px;margin:0 2px 10px;color:var(--ag-muted);line-height:1.45}.hpsag-category-cards>a>b{color:var(--ag-orange);font-size:13px}
.hpsag-featured>header h2{margin:0;font-size:clamp(26px,3vw,40px)}.hpsag-featured-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;align-items:stretch}.hpsag-feature-copy{padding:16px;border:1px solid var(--ag-line);border-radius:15px;background:var(--ag-peach)}.hpsag-feature-copy h3{margin:0 0 12px;font-size:24px}.hpsag-feature-copy article{display:grid;grid-template-columns:38px 1fr;gap:10px;margin-bottom:11px;padding:12px;border:1px solid var(--ag-line);border-radius:12px;background:#fff}.hpsag-feature-copy article>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--ag-orange);color:#fff}.hpsag-feature-copy article p{margin:6px 0 0;color:#475467;line-height:1.45}.hpsag-feature-copy>a{display:block;padding:13px;border-radius:10px;background:var(--ag-orange);color:#fff!important;text-align:center;text-decoration:none;font-weight:900}
@media(max-width:900px){.hpsag-directory-head,.hpsag-featured-grid{grid-template-columns:1fr}.hpsag-category-cards{grid-template-columns:repeat(2,1fr)}.hpsag-directory-head{text-align:center;padding:25px}.hpsag-directory-head img{max-height:220px}}@media(max-width:620px){.hpsag-category-cards{grid-template-columns:1fr}.hpsag-category-section,.hpsag-featured{padding:12px}.hpsag-directory-head h1{font-size:36px}}