/* v4.20 Wegweiser (Startseite) und Shop-Hinweis (Artikel) */
.hub{padding:44px 0 8px}
.hub h2{margin:0 0 6px;font-size:clamp(1.4rem,3vw,1.9rem)}
.hub .hub-sub{margin:0 0 20px;color:var(--ink-soft)}
.hub-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.hub-card{display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;background:var(--card);border:1px solid var(--border);border-radius:16px;text-decoration:none;color:var(--ink);position:relative;transition:transform .15s,box-shadow .15s,border-color .15s}
.hub-card:hover,.hub-card:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow);border-color:var(--gold-soft)}
.hub-card:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}
.hub-ico{font-size:1.6rem;line-height:1}
.hub-card b{font-size:1.05rem}
.hub-card span.d{font-size:.88rem;color:var(--ink-soft);line-height:1.45;flex:1}
.hub-card::after{content:"→";align-self:flex-end;color:var(--primary);font-weight:700}
[dir=rtl] .hub-card::after{content:"←"}
.hub-card.shop{background:linear-gradient(160deg,#fff,#FBF1DC);border-color:var(--gold-soft)}
.promo-box{margin:30px 0 8px;padding:18px 20px;background:linear-gradient(160deg,#fff,#FBF1DC);border:1px solid var(--gold-soft);border-radius:16px}
.promo-box .pb-top{display:flex;align-items:center;gap:10px;margin-bottom:6px}
.promo-box h2{margin:0;font-size:1.05rem}
.promo-box .pb-tag{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border:1px solid var(--border);border-radius:99px;padding:2px 8px;background:var(--card)}
.promo-box p{margin:0 0 12px;color:var(--ink-soft);font-size:.93rem}
.promo-box a.pb-btn{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:99px;background:var(--gold);color:#fff;font-weight:700;text-decoration:none;font-size:.92rem}
.promo-box a.pb-btn::after{content:"→";margin-inline-start:8px}
[dir=rtl] .promo-box a.pb-btn::after{content:"←"}
.promo-box a.pb-btn:hover{background:#a1742f}
@media print{.promo-box,.hub{display:none}}
@media(max-width:560px){.hub{padding-top:30px}.hub-grid{grid-template-columns:1fr 1fr;gap:10px}.hub-card{padding:14px 13px 12px}.hub-card b{font-size:.98rem}.hub-card span.d{font-size:.8rem}}
