/* Hub FB — katalog rolek, filmów i fotorelacji z Facebooka regionu. Design System RK. */
.rk-fbhub{display:grid;gap:clamp(22px,3vw,38px);color:var(--rk-page-text,#17343e)}
.rk-fbhubIntro p{margin:0;max-width:74ch;color:var(--rk-page-muted,#5c7077);font-size:15px;line-height:1.6}
.rk-fbhubFilters{display:grid;gap:12px}
.rk-fbhubTabs{display:flex;gap:6px;flex-wrap:wrap;padding:6px;border:1px solid var(--rk-page-line,#d8e1e3);border-radius:16px;background:var(--rk-page-surface-soft,#eef3f3);width:fit-content;max-width:100%}
.rk-fbhubTabs a{padding:10px 16px;border-radius:11px;color:#31545a;font-weight:800;font-size:13px;text-decoration:none}
.rk-fbhubTabs a:hover{background:rgba(255,255,255,.7)}
.rk-fbhubTabs a.is-active{background:var(--rk-page-accent,#0a6871);color:#fff}
.rk-fbhubPlaces{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rk-fbhubPlaces span{color:var(--rk-page-muted,#5c7077);font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.rk-fbhubPlaces a{padding:6px 12px;border:1px solid var(--rk-page-line,#d8e1e3);border-radius:999px;background:var(--rk-page-surface,#fff);color:#31545a;font-size:13px;font-weight:700;text-decoration:none}
.rk-fbhubPlaces a:hover{border-color:var(--rk-page-accent,#0a6871)}
.rk-fbhubPlaces a.is-active{border-color:var(--rk-page-accent,#0a6871);background:var(--rk-page-accent,#0a6871);color:#fff}
.rk-fbhubDay{display:grid;gap:14px}
.rk-fbhubDay>h2{margin:0;padding-bottom:10px;border-bottom:1px solid var(--rk-page-line,#d8e1e3);color:var(--rk-page-heading,#0b2c37);font-family:var(--rk-font-display);font-size:clamp(18px,2vw,22px);line-height:1.2}
.rk-fbhubGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.rk-fbCard{min-width:0}
.rk-fbCard>a{display:grid;grid-template-rows:auto 1fr;height:100%;overflow:hidden;border:1px solid var(--rk-page-line,#d8e1e3);border-radius:16px;background:var(--rk-page-surface,#fff);color:inherit;text-decoration:none;transition:border-color .16s ease,transform .16s ease}
.rk-fbCard>a:hover,.rk-fbCard>a:focus-visible{border-color:var(--rk-page-accent,#0a6871);transform:translateY(-2px);outline:0}
.rk-fbCard__thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(155deg,#0a5262,#092d3c)}

.rk-fbCard__thumb img{display:block;width:100%;height:100%;object-fit:cover}
.rk-fbCard__ph{position:absolute;inset:0;display:grid;place-items:center;color:rgba(255,255,255,.55);font-family:var(--rk-font-display);font-size:54px;font-weight:900}
.rk-fbCard__badge{position:absolute;left:10px;bottom:10px;padding:5px 10px;border-radius:999px;background:rgba(5,43,55,.88);color:#fff;font-family:var(--rk-font-meta);font-size:11px;font-style:normal;font-weight:800;line-height:1}
.rk-fbCard__body{display:grid;align-content:start;gap:7px;padding:14px}
.rk-fbCard__body small{color:#16804f;font-family:var(--rk-font-meta);font-size:10.5px;font-weight:780;letter-spacing:.07em;line-height:1.3;text-transform:uppercase}
.rk-fbCard__body strong{display:-webkit-box;overflow:hidden;color:var(--rk-page-heading,#0b2c37);-webkit-box-orient:vertical;-webkit-line-clamp:3;font-family:var(--rk-font-display);font-size:15.5px;line-height:1.3}
.rk-fbCard__body em{color:var(--rk-page-accent,#0a6871);font-family:var(--rk-font-meta);font-size:12.5px;font-style:normal;font-weight:700}
.rk-fbhubPager{display:flex;gap:12px;justify-content:center}
.rk-fbhubPager a{padding:10px 18px;border:1px solid var(--rk-page-line,#d8e1e3);border-radius:12px;background:var(--rk-page-surface,#fff);color:var(--rk-page-accent,#0a6871);font-weight:800;text-decoration:none}
.rk-fbhubEmpty{padding:34px;border:1px dashed var(--rk-page-line-strong,#bccdd0);border-radius:16px;color:var(--rk-page-muted,#5c7077);text-align:center}
@media(max-width:1100px){.rk-fbhubGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.rk-fbhubGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rk-fbCard__body{padding:11px}.rk-fbCard__body strong{font-size:14px}.rk-fbhubTabs{width:100%}.rk-fbhubTabs a{flex:1 1 auto;text-align:center}}
@media(max-width:420px){.rk-fbhubGrid{grid-template-columns:1fr}}