/* Footer destinations: large touch targets, visible labels and crisp inline icons. */
.site-foot .foot-grid { grid-template-columns: 1.1fr 1.2fr 1fr 1.3fr; gap: 32px; }
.site-foot .foot-grid > div { min-width: 0; }
.site-foot .foot-h { display: flex; align-items: center; gap: 10px; }
.site-foot .foot-h::before { content: ""; width: 4px; height: 16px; border-radius: 4px; background: #72c3ac; }
.site-foot .foot-social { gap: 10px; }
.site-foot .foot-action {
    --action-accent: #1877f2;
    display: flex; align-items: center; gap: 12px; position: relative;
    width: 100%; min-height: 70px; padding: 12px 14px; border: 1px solid #556079;
    border-radius: 16px; background: linear-gradient(125deg, #293750, #202d46);
    color: #fff; text-decoration: none; line-height: 1.3;
    box-shadow: 0 4px 12px #06102226; transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.site-foot .foot-action__icon {
    display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px;
    border-radius: 12px; color: #fff; background: var(--action-accent); box-shadow: 0 3px 10px #0002;
}
.site-foot .foot-action__icon svg { display: block; width: 23px; height: 23px; fill: currentColor; }
.site-foot .foot-action__copy { flex: 1; min-width: 0; }
.site-foot .foot-action__copy strong { display: block; font-size: .95rem; font-weight: 700; color: inherit; }
.site-foot .foot-action__copy small { display: block; margin-top: 3px; color: #d0d8e6; font-size: .77rem; line-height: 1.35; }
.site-foot .foot-action__arrow { flex: 0 0 16px; width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; opacity: .8; }
.site-foot .foot-action--youtube { --action-accent: #e31b23; }
.site-foot .foot-action--instagram .foot-action__icon { background: linear-gradient(135deg, #7044ca, #ce2c81 55%, #e79b37); }
.site-foot .foot-grid p.foot-support { margin-top: 20px; }
.site-foot .foot-action--support { --action-accent: #f0cd84; border-color: #b69a63; background: linear-gradient(120deg, #f6dfa9, #e7bf74); color: #19253b; }
.site-foot .foot-action--support .foot-action__icon { color: #634616; background: #fff6dc; }
.site-foot .foot-action--support .foot-action__icon svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.site-foot .foot-action--support .foot-action__copy small { color: #57421f; }
.site-foot .foot-action:hover { transform: translateY(-2px); border-color: #a9c7ef; background: #33435e; }
.site-foot .foot-action--support:hover { border-color: #fff0c9; background: #ffe9b9; }
.site-foot .foot-action:focus-visible { outline: 3px solid #fff; outline-offset: 4px; }
.site-foot .foot-action .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.site-foot .foot-grid a[href^="mailto:"] { overflow-wrap: anywhere; }
.site-foot .foot-grid .muted { color: #c1cbdb; }
@media (max-width: 1050px) { .site-foot .foot-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 36px; } }
@media (max-width: 560px) {
    .site-foot .foot-grid { grid-template-columns: minmax(0, 1fr); gap: 32px; }
    .site-foot .foot-action { min-height: 72px; padding: 13px 16px; gap: 14px; }
    .site-foot .foot-action__copy strong { font-size: 1rem; }
    .site-foot .foot-action__copy small { font-size: .83rem; }
}
@media (prefers-reduced-motion: reduce) { .site-foot .foot-action { transition: none; } .site-foot .foot-action:hover { transform: none; } }
