/* SHOPSTYLE — хаб «Покупателям» (/pokupatelyam/). Грузится только на этой странице (inc/enqueue.php: page-<slug>.css).
   Палитра и Jost — из style.css (--ss-*).
   Разметка — Gutenberg: p.ss-hub-intro; группа .ss-hub → 4 группы .ss-hub-tile,
   внутри p.ss-hub-num, h3, p, p.ss-hub-more > a (ссылка растянута на всю плитку через ::after). */
.ss-hub-intro{max-width:640px;margin:0 auto 40px;text-align:center;font-size:15px;line-height:1.6;color:var(--ss-muted)}
.ss-hub-intro a{color:var(--ss-text);border-bottom:1px solid var(--ss-line)}
.ss-hub-intro a:hover{color:var(--ss-accent);border-color:var(--ss-accent)}
.ss-hub{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:60px}
.ss-hub-tile{position:relative;display:flex;flex-direction:column;min-height:220px;padding:32px 32px 28px;border:1px solid var(--ss-line);background:transparent;color:var(--ss-text);text-decoration:none;transition:border-color .25s,background .25s}
.ss-hub-tile:hover{border-color:var(--ss-accent);background:rgba(255,255,255,.35);color:var(--ss-text)}
.ss-hub-tile h3{margin:18px 0 8px;font-size:22px;font-weight:400;text-transform:uppercase;letter-spacing:.06em;line-height:1.2}
.ss-hub-tile p{margin:0 0 20px;font-size:14px;line-height:1.6;color:var(--ss-muted);max-width:420px}
.ss-hub-tile .ss-hub-num{margin:0 0 auto;font-size:12px;letter-spacing:.14em;color:var(--ss-muted)}
.ss-hub-tile .ss-hub-more{margin:0;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ss-text)}
.ss-hub-tile .ss-hub-more a,.ss-hub-tile .ss-hub-more a:hover{color:inherit;text-decoration:none;border:0}
.ss-hub-tile .ss-hub-more a::after{content:"";position:absolute;inset:0}
.ss-hub-more::after{content:"\2192";margin-left:8px;transition:margin .25s}
.ss-hub-tile:hover .ss-hub-more{color:var(--ss-accent)}
.ss-hub-tile:hover .ss-hub-more::after{margin-left:14px}
@media (max-width:767px){
.ss-hub{grid-template-columns:1fr;gap:12px;margin-bottom:40px}
.ss-hub-tile{min-height:0;padding:24px 20px}
.ss-hub-tile h3{font-size:18px;margin-top:14px}
.ss-hub-intro{margin-bottom:28px;font-size:14px}
}
/* правки 08.09: плитки одной высоты, заголовки на одной линии (auto-margin у номера давал разный отступ) */
.ss-hub{align-items:stretch}
.ss-hub-tile{height:100%;min-height:220px}
.ss-hub-tile .ss-hub-num{margin:0 0 8px}
.ss-hub-tile p:not(.ss-hub-more):not(.ss-hub-num){margin-bottom:auto;padding-bottom:20px}