/* Footer Style 12 — Social Stats */
.epf-12 {
    --epf-bg: #000000;
    --epf-fg: #ffffff;
    --epf-muted: #8b8b8b;
    --epf-line: rgba(255, 255, 255, .15);
    --epf-accent: #c8f572;
    --epf-on-accent: #000000;
    padding: 50px 0 0;
}

.epf-12__top { display: flex; justify-content: space-between; align-items: stretch; gap: 40px; margin-bottom: 30px; }
.epf-12__intro { flex: 1; padding-top: 8px; }
.epf-12__quick { display: flex; flex-wrap: wrap; gap: 10px 26px; margin-bottom: 22px; }
.epf-12__quick a { font-size: 16px; font-weight: 700; }
.epf-12__desc { max-width: 800px; font-size: 16px; font-style: italic; color: color-mix(in srgb, var(--epf-fg) 88%, transparent); }

.epf-12__card {
    display: flex; flex-direction: column; justify-content: center; gap: 10px;
    width: 220px; flex-shrink: 0; padding: 24px 28px; border-radius: 4px;
    background: var(--epf-accent); color: var(--epf-on-accent);
}
.epf-12__card-name { font-size: 42px; font-weight: 900; line-height: 1; letter-spacing: -2px; color: inherit !important; }
.epf-12__card-name:hover { opacity: .85; }
.epf-12__card-tag { font-family: Georgia, 'Times New Roman', serif; font-size: 15px; font-style: italic; line-height: 1.35; }

.epf-12__bar { padding: 20px 0; margin-bottom: 34px; border-top: 1px solid var(--epf-accent); border-bottom: 1px solid var(--epf-accent); }
.epf-12__cats { display: flex; flex-wrap: wrap; gap: 12px 40px; }
.epf-12__cats a { font-size: 15px; font-weight: 800; text-transform: uppercase; letter-spacing: .5px; }

.epf-12__stats { display: grid; grid-template-columns: repeat(var(--epf-n, 4), minmax(0, 1fr)); gap: 2px; margin-bottom: 46px; }
.epf-12__stat { display: flex; align-items: center; gap: 15px; padding: 20px 24px; color: #ffffff !important; background: #1f2937; }
.epf-12__stat:hover { filter: brightness(1.12); }
.epf-12__stat i { font-size: 28px; line-height: 1; }
.epf-12__stat span { display: flex; flex-direction: column; line-height: 1.3; }
.epf-12__stat strong { font-size: 14px; font-weight: 700; }
.epf-12__stat small { font-size: 12px; opacity: .9; }
.epf-12__stat--fb { background: #6d8ff7; }
.epf-12__stat--tw { background: #0d1b1f; }
.epf-12__stat--ig { background: #c13584; }
.epf-12__stat--yt { background: #ef4f55; }
.epf-12__stat--tk { background: #25262b; }

.epf-12__bottom { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding-bottom: 24px; }


@media (max-width: 1024px) {
    .epf-12__top { flex-direction: column; }
    .epf-12__card { width: auto; text-align: center; align-items: center; }
    .epf-12__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
    .epf-12__stat { border-radius: 6px; }
}
@media (max-width: 600px) {
    .epf-12__stats { grid-template-columns: minmax(0, 1fr); }
    .epf-12__cats { gap: 12px 24px; }
    .epf-12__bottom { flex-direction: column; align-items: flex-start; }
    
}