/* базові */
*,
*::before,
*::after{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
:root{
  --ff-base:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --ff-ui:"Teko","Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --f1-red:#E20A0A;
  --f1-dark:#0F1622;
  --f1-dark-2:#121A26;
  --f1-ink:#0B0F15;
  --f1-white:#FFFFFF;
  --f1-blue:#111827;
}
body{color:#0e1320;font-family:var(--ff-base)}
h1,h2,h3,h4{font-family:var(--ff-ui);font-weight:600;line-height:1.15}
.f1-btn,.f1-nav__link,.f1-tab,.f1-linkbtn,.f1-card__title{font-family:var(--ff-ui)}
.f1-btn,.f1-tab,.f1-nav__link,.f1-linkbtn{font-variant-numeric:lining-nums tabular-nums}

/* header */
.f1-header{position:sticky;top:0;z-index:1000;background:#fff}
.f1-top{
  max-width:1300px;margin:0 auto;padding:10px 20px 16px;background:#fff;
  position:relative;display:flex;align-items:center;justify-content:space-between
}
.f1-logo{
  display:flex;align-items:baseline;gap:6px;text-decoration:none;position:relative;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial;z-index:2
}

.nav-item{
    color: #fff;
    text-decoration: none;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 8px;
    opacity: .95;
    transition: opacity .2s ease;
}

a.nav-link {
    text-decoration: none;
    color: #fff;
}

.f1-logo__fast{font-weight:900;color:#E31515;letter-spacing:.5px}
.f1-logo__one{font-weight:900;color:#141B29}
.f1-actions{display:flex;align-items:center;gap:10px;position:relative;z-index:2}
.f1-actions a{text-decoration:none}
.f1-cta{display:inline-block;text-decoration:none}
.f1-btn{border:none;border-radius:8px;padding:8px 14px;font-weight:800;letter-spacing:.2px;cursor:pointer;transition:transform .15s ease,filter .2s ease,box-shadow .2s ease}
.f1-btn--primary{background:var(--f1-red);color:var(--f1-white)}
.f1-btn--dark{background:#1d2635;color:var(--f1-white)}
.f1-btn:hover{transform:translateY(-1px);filter:brightness(1.03)}
.f1-btn:focus-visible{outline:2px solid #ff5a5a;outline-offset:2px;box-shadow:0 0 0 3px rgba(226,10,10,.25)}

.f1-burger{display:none;width:38px;height:38px;border-radius:10px;border:1px solid #e8ecf3;background:#fff;position:relative}
.f1-burger span{position:absolute;left:8px;right:8px;height:2.5px;background:#111c2f;border-radius:2px;transition:.25s}
.f1-burger span:nth-child(1){top:11px}
.f1-burger span:nth-child(2){top:18px}
.f1-burger span:nth-child(3){top:25px}
.f1-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.f1-burger.open span:nth-child(2){opacity:0}
.f1-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* nav */
.f1-nav{min-height:44px;padding:8px 20px;display:flex;gap:28px;align-items:center;justify-content:center;background:var(--f1-red);box-shadow:inset 0 -1px 0 rgba(0,0,0,.08)}
.f1-nav__link{color:#fff;text-decoration:none;font-weight:700;display:flex;align-items:center;gap:8px;opacity:.95;transition:opacity .2s ease}
.f1-nav__link:hover{opacity:1}
.f1-nav__link svg{width:18px;height:18px;fill:#fff;display:block}

/* drawer */
.f1-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .25s;z-index:999}
.f1-backdrop.show{opacity:1;pointer-events:auto}
.f1-drawer{
  position:fixed;left:-280px;top:0;width:280px;height:100vh;color:#fff;z-index:1000;
  display:flex;flex-direction:column;transition:left .28s ease;box-shadow:8px 0 28px rgba(0,0,0,.35);
  background:var(--f1-dark-2);
  background-image:radial-gradient(transparent 60%,rgba(255,255,255,.02) 60%),linear-gradient(180deg,#1A2232 0%,#271412 100%)
}
.f1-drawer.open{left:0}
.f1-drawer__head{display:flex;align-items:center;justify-content:space-between;padding:14px 14px;border-bottom:1px solid rgba(255,255,255,.06)}
.f1-close{background:transparent;border:none;color:#cfd4df;font-size:22px;cursor:pointer}
.f1-logo--drawer .f1-logo__fast{color:#FF2D2D}
.f1-logo--drawer .f1-logo__one{color:#fff}
.f1-drawer__links{display:flex;flex-direction:column;padding:12px}
.f1-drawer__link{color:#f0f4ff;text-decoration:none;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;transition:background .2s ease}
.f1-drawer__link:hover{background:rgba(255,255,255,.06)}
.f1-drawer__cta{margin-top:auto;padding:12px;border-top:1px solid rgba(255,255,255,.06);display:flex;gap:8px}
.f1-drawer .f1-btn{flex:1}

/* лежачий флаг */
.f1-flag-floor{
  position:absolute;left:clamp(10px,9.5vw,90px);bottom:0px;width:clamp(380px,36vw,820px);height:auto;z-index:2;pointer-events:none;
  transform-origin:left bottom;transform:perspective(760px) rotateX(0deg);
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.2));
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 8%,#000 92%,transparent 100%);
  opacity:.96
}

/* hero банер */
.f1-hero{max-width:1300px;margin:12px auto 16px;padding:0 20px}
.f1-hero__link{display:block;border-radius:14px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.18);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.f1-hero__img{display:block;width:100%;height:auto}
.f1-hero__link:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(0,0,0,.24);filter:brightness(1.02)}

/* каталог */
.f1-catalog{max-width:1300px;margin:16px auto 24px;padding:0 20px}
.f1-catalog__bar{display:flex;gap:16px;align-items:center}
.f1-search{position:relative;flex:1 1 auto}
.f1-search__input{
  width:100%;height:46px;border:1px solid #e7ebf3;border-radius:10px;padding:0 48px;background:#fff;font-size:15px;color:#1c2432;box-shadow:0 2px 0 rgba(0,0,0,.02) inset
}
.f1-search__input::placeholder{color:#9aa4b3}
.f1-search__submit{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:28px;height:28px;border:0;background:transparent;font-size:18px;cursor:pointer;color:#6b7280}
.f1-actions-links{display:flex;gap:10px;flex:0 0 auto}
.f1-linkbtn{display:inline-flex;align-items:center;gap:10px;background:#0d1522;color:#fff;text-decoration:none;border-radius:8px;padding:10px 14px;font-weight:700;transition:transform .15s ease,filter .15s ease}
.f1-linkbtn__icon{font-size:16px;line-height:1}
.f1-linkbtn:hover{transform:translateY(-1px);filter:brightness(1.03)}

.f1-tabs{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px;background:#f3f5f9;border:1px solid #e8ecf3;border-radius:10px;padding:10px}
.f1-tab{display:inline-block;padding:12px 18px;border-radius:8px;text-decoration:none;color:#091423;font-weight:700;background:#fff;border:1px solid transparent;transition:background .15s ease,color .15s ease,border-color .15s ease}
.f1-tab:hover{border-color:#d9dfeb}
.f1-tab.is-active{background:#1f2937;color:#fff;border-color:#1f2937}

.f1-grid{margin-top:14px;display:grid;grid-template-columns:repeat(8,1fr);gap:16px}
.f1-card{position:relative;display:block;border-radius:10px;overflow:hidden;background:#0b1320;box-shadow:0 6px 18px rgba(0,0,0,.12);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}
.f1-card__thumb,.f1-card__thumb img{display:block;width:100%;height:auto}
.f1-card__cap{
  position:absolute;left:8px;right:8px;bottom:8px;background:#1a2333;color:#e8eefc;border-radius:10px;padding:10px 12px;
  display:flex;align-items:center;justify-content:space-between;gap:10px;box-shadow:0 6px 16px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.06);
  transform:translateY(110%);opacity:0;transition:transform .18s ease,opacity .18s ease
}
.f1-card__title{font-weight:800;font-size:14px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.f1-card__play{flex:0 0 auto;width:34px;height:34px;border-radius:50%;background:radial-gradient(65% 65% at 30% 30%,rgba(255,255,255,.2) 0,rgba(255,255,255,0) 70%),linear-gradient(145deg,#ff2b2b 0,#b20000 100%);box-shadow:0 6px 16px rgba(226,10,10,.35),inset 0 1px 0 rgba(255,255,255,.25);position:relative}
.f1-card__play::before{content:"";position:absolute;inset:0;margin:auto;width:0;height:0;border-left:9px solid #1c2432;border-top:6px solid transparent;border-bottom:6px solid transparent;transform:translateX(2px)}
.f1-card:hover{transform:translateY(-2px);box-shadow:0 10px 26px rgba(0,0,0,.18);filter:brightness(1.02)}
.f1-card:hover .f1-card__cap,.f1-card:focus-visible .f1-card__cap{transform:translateY(0);opacity:1}

/* VIP секція */
.f1-vip{position:relative;width:100%;min-height:420px;isolation:isolate;overflow:hidden}
.f1-vip::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(2,8,23,0) 45%,rgba(2,8,23,.75) 64%,rgba(2,8,23,.92) 100%),var(--vip-bg) center/cover no-repeat;
  z-index:-1
}
.f1-vip__inner{max-width:1300px;margin:0 auto;padding:40px 20px 48px;display:flex;flex-direction:column;align-items:flex-end}
.f1-vip__head{max-width:560px;text-align:left;color:#eaf3ff;margin-bottom:18px}
.f1-vip__title{font-family:var(--ff-ui,inherit);font-weight:800;font-size:clamp(28px,4.2vw,56px);line-height:1.05;letter-spacing:.2px;margin:0 0 10px}
.f1-vip__subtitle{margin:0;font-size:clamp(15px,1.6vw,20px);color:#cfe3ff;opacity:.95}
.f1-vip__perks{width:100%;max-width:560px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.f1-vip__perk{display:flex;gap:10px;align-items:flex-start;padding:12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;backdrop-filter:blur(2px)}
.f1-vip__icon{width:48px;height:48px;border-radius:50%;flex:0 0 48px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.06));box-shadow:0 8px 18px rgba(0,0,0,.25)}
.f1-vip__icon svg{width:100%;height:100%}
.f1-vip__text h3{margin:0 0 4px;font-weight:800;font-size:16px;color:#fff}
.f1-vip__text p{margin:0;font-size:14px;color:#d6e6ff;opacity:.9}
.f1-vip__cta{width:100%;max-width:560px;margin-top:18px;display:flex;justify-content:flex-start}
.f1-vip__cta .f1-btn{padding:12px 18px;font-size:16px;text-decoration:none}

/* брейкпоінти */
@media (max-width:1200px){.f1-grid{grid-template-columns:repeat(6,1fr)}}
@media (max-width:992px){
  .f1-catalog__bar{flex-wrap:wrap}
  .f1-actions-links{width:100%;justify-content:flex-end}
  .f1-grid{grid-template-columns:repeat(5,1fr)}
}
@media (max-width:860px){
  .f1-nav{display:none}
  .f1-burger{display:inline-block}
  .f1-actions{gap:8px}
  .f1-btn{padding:7px 12px}
  .f1-top{padding-bottom:14px; background: #a9a9a9;}
  .f1-flag-floor{display:none}
  .f1-vip__inner{align-items:center;padding:28px 16px 36px}
  .f1-vip::before{background:linear-gradient(0deg,rgba(2,8,23,.92) 0,rgba(2,8,23,.75) 36%,rgba(2,8,23,0) 70%),var(--vip-bg) center/cover no-repeat}
  .f1-vip__head{text-align:center;margin-bottom:14px}
  .f1-vip__perks{grid-template-columns:1fr;max-width:620px}
  .f1-vip__cta{justify-content:center}
}
@media (max-width:768px){
  .f1-grid{grid-template-columns:repeat(4,1fr)}
  .f1-vip{min-height:auto}
  .f1-vip::before{background:linear-gradient(180deg,rgba(2,8,23,.94) 0,rgba(2,8,23,.82) 42%,rgba(2,8,23,0) 86%),var(--vip-bg) center/cover no-repeat}
  .f1-vip__inner{width:100%;max-width:980px;margin-inline:auto;padding:24px 12px}
  .f1-vip__head{width:100%;max-width:700px;text-align:center;margin-bottom:12px;padding:0 6px}
  .f1-vip__title{font-size:28px;margin:0 0 6px}
  .f1-vip__subtitle{font-size:13px}
  .f1-vip__perks{width:100%;max-width:700px;margin:0 auto;padding:0 6px;display:flex;flex-direction:column;gap:12px}
  .f1-vip__perk{width:100%;padding:12px;border-radius:10px}
  .f1-vip__icon{width:42px;height:42px;flex:0 0 42px}
  .f1-vip__text h3{font-size:15px}
  .f1-vip__text p{font-size:13px;word-break:break-word}
  .f1-vip__cta{width:100%;max-width:700px;margin-top:14px;padding:0 6px;display:flex;justify-content:center}
  .f1-vip__cta .f1-btn{width:100%;text-align:center;padding:12px 16px;font-size:15px}
}
@media (max-width:576px){
  .f1-catalog{padding:0 12px}
  .f1-linkbtn{padding:9px 12px}
  .f1-tabs{gap:8px;padding:8px}
  .f1-tab{padding:10px 14px}
  .f1-grid{grid-template-columns:repeat(3,1fr);gap:12px}
  .f1-card__cap{left:6px;right:6px;bottom:6px;border-radius:9px;padding:9px 10px}
  .f1-card__title{font-size:13px}
  .f1-card__play{width:30px;height:30px}
  .f1-card__play::before{border-left-width:8px;border-top-width:5px;border-bottom-width:5px}
  .f1-hero{padding:0 12px;margin:10px auto 14px}
  .f1-hero__link{border-radius:12px}
}
@media (max-width:480px){
    .f1-btn--dark{display:none}
  .f1-top{padding:8px 12px 12px}
  .f1-btn{padding:6px 10px;border-radius:7px}
  .f1-burger{width:36px;height:36px;border-radius:9px}
}
@media (max-width:420px){.f1-grid{grid-template-columns:repeat(2,1fr)}}

.f1-article{
  --a-text: #e8eefc;
  --a-muted:#b7c5de;
  --a-card: #0f1728;
  --a-card-2:#111b2c;
  --a-stroke: rgba(255,255,255,.08);
  --a-shadow: 0 10px 26px rgba(0,0,0,.22);

  max-width: 1200px;
  margin: 18px auto 28px;
  padding: 22px 20px;
  color: var(--a-text);
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,0));
  border-radius: 14px;
}

/* заголовки у F1-акценті */
.f1-article h1,
.f1-article h2,
.f1-article h3,
.f1-article h4{
  font-family: var(--ff-ui, "Teko", sans-serif);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: .2px;
  color:#fff;
  margin: 0 0 .6em;
}
.f1-article h1{ font-size: clamp(28px, 4.2vw, 42px) }
.f1-article h2{ font-size: clamp(22px, 3.2vw, 30px); margin-top: 1.1em }
.f1-article h3{ font-size: clamp(18px, 2.4vw, 24px); margin-top: 1em }

.f1-article p{
  margin: 0 0 1.05em;
  font-size: clamp(15px, 1.15vw, 17px);
  line-height: 1.7;
  color: var(--a-text);
}
.f1-article em{opacity:.9}
.f1-article strong{color:#fff}

.f1-article a{
  color:#8fd0ff;
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 2px;
}
.f1-article a:hover{ color:#c8e6ff }

/* списки з червоним маркером під бренд */
.f1-article ul,
.f1-article ol{ margin:.2em 0 1.1em 0; padding-left:1.2em }
.f1-article li{ margin:.42em 0 }
.f1-article ul li::marker{ color: var(--f1-red) }

/* цитата — темна картка */
.f1-article blockquote{
  margin: 1.1em 0;
  background: var(--a-card);
  border:1px solid var(--a-stroke);
  border-left:4px solid var(--f1-red);
  border-radius:12px;
  padding:14px 16px;
  box-shadow: var(--a-shadow);
  color:#fff;
}

/* зображення й підпис по центру */
.f1-article figure{ margin: 18px auto 16px; text-align:center }
.f1-article img{
  display:block; max-width:100%; height:auto; margin-inline:auto;
  border-radius:12px;
  box-shadow: 0 14px 34px rgba(0,0,0,.28);
}
.f1-article figcaption{ margin-top:8px; font-size:14px; color:var(--a-muted) }

/* таблиця як картка сайту */
.f1-article table{
  width:100%;
  border-collapse: collapse;
  margin:14px 0 18px;
  border-radius:12px;
  overflow:hidden;
  background: var(--a-card-2);
  box-shadow: var(--a-shadow);
  color: var(--a-text);
}
.f1-article thead th{
  background: linear-gradient(180deg,#1b2638,#141f2f);
  color:#fff;
  padding:12px;
  text-align:left;
  border-bottom:1px solid var(--a-stroke);
  font-weight:800;
  letter-spacing:.2px;
}
.f1-article tbody td{
  padding:12px;
  border-bottom:1px solid var(--a-stroke);
}
.f1-article tbody tr:last-child td{ border-bottom:0 }
.f1-article tbody tr:nth-child(even){ background: rgba(255,255,255,.03) }

/* адаптив статті */
@media (max-width: 860px){
  .f1-article{ padding:18px 14px; border-radius:12px }
  .f1-article h1{ font-size:32px }
  .f1-article h2{ font-size:26px }
  .f1-article h3{ font-size:22px }
}

/* адаптив таблиці: горизонтальний скрол всередині самої таблиці */
@media (max-width: 640px){
  .f1-article table{
    display:block;
    overflow-x:auto;
    -webkit-overflow-scrolling: touch;
    white-space:nowrap;
  }
  .f1-article thead, 
  .f1-article tbody, 
  .f1-article tr, 
  .f1-article th, 
  .f1-article td{ border-color: var(--a-stroke) }
}

/* FIX: контраст для блоку статті, незалежний від фону сторінки */
.f1-article{
  --a-text:#eaf3ff;
  --a-muted:#b7c5de;
  --a-bg:#0f1728;            /* темний фон-картка */
  --a-stroke:rgba(255,255,255,.08);

  max-width:1200px;
  margin:18px auto 28px;
  padding:22px 20px;
  background:var(--a-bg);            /* <-- твердий фон */
  border:1px solid var(--a-stroke);
  border-radius:14px;
  box-shadow:0 10px 26px rgba(0,0,0,.22);
  color:var(--a-text);
  opacity:1; filter:none;            /* ігноруємо випадкові фільтри предків */
}

/* типографіка */
.f1-article h1,.f1-article h2,.f1-article h3,.f1-article h4{
  font-family:var(--ff-ui,"Teko",sans-serif);
  font-weight:700; line-height:1.1; letter-spacing:.2px; color:#fff; margin:0 0 .6em;
}
.f1-article h1{font-size:clamp(28px,4.2vw,42px)}
.f1-article h2{font-size:clamp(22px,3.2vw,30px);margin-top:1.1em}
.f1-article h3{font-size:clamp(18px,2.4vw,24px);margin-top:1em}

.f1-article p,
.f1-article li{color:var(--a-text);font-size:clamp(15px,1.15vw,17px);line-height:1.7}
.f1-article ul,.f1-article ol{margin:.2em 0 1.1em 0;padding-left:1.2em}
.f1-article ul li::marker{color:var(--f1-red)}
.f1-article a{color:#8fd0ff;text-underline-offset:3px;text-decoration-thickness:2px}
.f1-article a:hover{color:#c8e6ff}
.f1-article em{opacity:.95}
.f1-article strong{color:#fff}

/* цитата */
.f1-article blockquote{
  margin:1.1em 0;background:#0e1a2b;border:1px solid var(--a-stroke);
  border-left:4px solid var(--f1-red);border-radius:12px;padding:14px 16px;color:#fff
}

/* зображення */
.f1-article figure{margin:18px auto 16px;text-align:center}
.f1-article img{display:block;max-width:100%;height:auto;margin-inline:auto;border-radius:12px;box-shadow:0 14px 34px rgba(0,0,0,.28)}
.f1-article figcaption{margin-top:8px;font-size:14px;color:var(--a-muted)}

/* таблиця */
.f1-article table{
  width:100%;border-collapse:collapse;margin:14px 0 18px;background:#111b2c;
  border:1px solid var(--a-stroke);border-radius:12px;overflow:hidden;box-shadow:0 10px 26px rgba(0,0,0,.22);color:var(--a-text)
}
.f1-article thead th{
  background:linear-gradient(180deg,#1b2638,#141f2f);color:#fff;padding:12px;text-align:left;
  border-bottom:1px solid var(--a-stroke);font-weight:800;letter-spacing:.2px
}
.f1-article tbody td{padding:12px;border-bottom:1px solid var(--a-stroke)}
.f1-article tbody tr:last-child td{border-bottom:0}
.f1-article tbody tr:nth-child(even){background:rgba(255,255,255,.03)}

/* адаптив */
@media (max-width:860px){
  .f1-article{padding:18px 14px;border-radius:12px}
  .f1-article h1{font-size:32px}
  .f1-article h2{font-size:26px}
  .f1-article h3{font-size:22px}
}
@media (max-width:640px){
  .f1-article table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}
}

.f1-footer{
  --ink: var(--f1-white, #fff);
  --muted: #c1c9d7;
  --bg:    #0F1622;
  --bg2:   #111b2c;
  --stroke: rgba(255,255,255,.06);

  background: var(--bg);
  color: var(--ink);
  border-top: 1px solid var(--stroke);
  margin-top: 28px;
}

.f1-footer__inner{
  max-width: 1300px;
  margin: 0 auto;
  padding: 28px 20px 18px;
  display: grid;
  grid-template-columns: 280px repeat(3, minmax(220px, 1fr));
  gap: 26px 28px;
}

.f1-footer__brand{
  display:inline-flex; gap:6px; align-items:baseline; text-decoration:none;
  font-family: var(--ff-ui, "Teko", sans-serif);
}
.f1-footer__brand-fast{font-weight:900;color:#E20A0A;letter-spacing:.5px}
.f1-footer__brand-one{font-weight:900;color:#ffffff}

.f1-footer__langs{
  margin-top:16px; display:flex; gap:6px; list-style:none; padding:0;
}
.f1-footer__langs a{
  display:inline-flex; align-items:center; justify-content:center;
  min-width:42px; height:32px; padding:0 10px;
  border-radius:8px; border:1px solid var(--stroke);
  color:#eaf3ff; text-decoration:none; background:var(--bg2);
  font-weight:700; letter-spacing:.2px;
  transition:transform .15s ease, filter .15s ease, border-color .15s ease;
}
.f1-footer__langs a:hover{ transform:translateY(-1px); filter:brightness(1.05) }
.f1-footer__langs a.is-active{ border-color:#E20A0A; box-shadow:0 0 0 2px rgba(226,10,10,.18) inset }

.f1-footer__col h3{
  margin:0 0 12px; font-family:var(--ff-ui,"Teko",sans-serif);
  font-size:22px; letter-spacing:.2px; font-weight:800; color:#fff;
}
.f1-footer__list{ list-style:none; padding:0; margin:0; display:grid; gap:8px }
.f1-footer__list a{
  color:#cfe3ff; text-decoration:none; opacity:.92;
  transition:opacity .15s ease, color .15s ease;
}
.f1-footer__list a:hover{ opacity:1; color:#ffffff }

.f1-footer__badges{ display:flex; flex-wrap:wrap; gap:10px; margin-top:10px }
.f1-footer__badges img{
  height:28px; width:auto; display:block; background:#0d1522;
  padding:6px 8px; border-radius:8px; border:1px solid var(--stroke);
}

.f1-footer__bottom{
  border-top:1px solid var(--stroke);
  display:flex; align-items:center; justify-content:space-between;
  gap:16px; padding:14px 20px; max-width:1300px; margin:0 auto;
}
.f1-footer__copy{ color:#c9d3e6; font-size:14px }
.f1-footer__age{
  width:34px; height:34px; border-radius:50%;
  display:grid; place-items:center; font-weight:800;
  color:#aeb9ce; border:1px solid var(--stroke); background:#0d1522;
}

/* дрібні акценти */
.f1-dot{ color:#3ddc84; margin-right:6px }

/* адаптив */
@media (max-width: 1024px){
  .f1-footer__inner{
    grid-template-columns: repeat(2, minmax(240px, 1fr));
  }
}
@media (max-width: 700px){
  .f1-footer__inner{
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 24px 14px 12px;
  }
  .f1-footer__brandcol{ order:-1 }
  .f1-footer__langs{ flex-wrap:wrap }
  .f1-footer__bottom{
    padding:12px 14px;
    flex-direction:column;
    align-items:center;
    text-align:center;
  }
}