
.vk-ft{background:#0A0A0A;border-top:1px solid #1A1A1A;font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}
.vk-ft::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)' opacity='.03'/%3E%3C/svg%3E");pointer-events:none;z-index:0}
.vk-ft>*{position:relative;z-index:1}
.vk-ft__accent{height:2px;background:linear-gradient(90deg,transparent 5%,#AAFF00 50%,transparent 95%);opacity:.25}
.vk-ft__top{display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr;gap:52px;padding:68px 44px 60px;max-width:1200px;margin:0 auto}
.vk-ft__brand{display:flex;flex-direction:column}
.vk-ft__logo{display:inline-block;margin-bottom:18px;text-decoration:none}
.vk-ft__logo img{height:48px;width:auto;background:#fff;border-radius:6px;padding:4px 10px;display:block;transition:opacity .2s}
.vk-ft__logo:hover img{opacity:.85}
.vk-ft__logo-text{font:900 28px/1 'Bebas Neue',sans-serif;letter-spacing:.06em;color:#fff;display:none}
.vk-ft__logo-dot{color:#AAFF00}
.vk-ft__desc{font:400 12.5px/1.8 'Inter',sans-serif;color:#555;max-width:310px;margin:0 0 16px}
.vk-ft__addr{font-style:normal;font:600 10px/1 'Inter',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#333;margin-bottom:24px;display:flex;align-items:center;gap:6px}
.vk-ft__addr::before{content:'';width:12px;height:1px;background:#333}
.vk-ft__soc{display:flex;gap:8px;flex-wrap:wrap}
.vk-ft__soc a{width:38px;height:38px;background:#111;border:1px solid #1A1A1A;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#555;text-decoration:none;transition:all .25s}
.vk-ft__soc a:hover{background:#AAFF00;color:#000;border-color:#AAFF00;transform:translateY(-3px);box-shadow:0 8px 24px rgba(170,255,0,.2)}
.vk-ft__col{display:flex;flex-direction:column}
.vk-ft__col-title{font:800 10px/1 'Inter',sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#fff;margin:0 0 20px;padding-bottom:14px;border-bottom:1px solid #1A1A1A;position:relative}
.vk-ft__col-title::after{content:'';position:absolute;bottom:-1px;left:0;width:20px;height:1px;background:#AAFF00;transition:width .3s}
.vk-ft__col:hover .vk-ft__col-title::after{width:36px}
.vk-ft__links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}
.vk-ft__links a{font:500 12px/1.4 'Inter',sans-serif;color:#555;text-decoration:none;display:inline-flex;align-items:center;gap:0;transition:color .2s,gap .2s,transform .2s;/* 12px/1.4 is a 17px target; pad it to the 24px minimum */padding:4px 2px;min-height:24px}
.vk-ft__links a::before{content:'';width:0;height:1px;background:#AAFF00;transition:width .2s;flex-shrink:0}
.vk-ft__links a:hover{color:#AAFF00;gap:8px;transform:translateX(2px)}
.vk-ft__links a:hover::before{width:10px}
.vk-ft__trust{border-top:1px solid #1A1A1A;border-bottom:1px solid #1A1A1A;padding:36px 44px;background:linear-gradient(180deg,#080808,#0A0A0A)}
.vk-ft__trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:1200px;margin:0 auto}
.vk-ft__trust-item{display:flex;align-items:flex-start;gap:14px;padding:20px 18px;background:#0C0C0C;border:1px solid #161616;border-radius:12px;transition:border-color .3s,transform .25s,box-shadow .3s}
.vk-ft__trust-item:hover{border-color:rgba(170,255,0,.18);transform:translateY(-2px);box-shadow:0 8px 28px rgba(0,0,0,.4)}
.vk-ft__trust-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(170,255,0,.06);border:1px solid rgba(170,255,0,.1);border-radius:10px;color:#AAFF00;flex-shrink:0;transition:background .3s,box-shadow .3s}
.vk-ft__trust-item:hover .vk-ft__trust-icon{background:rgba(170,255,0,.1);box-shadow:0 0 16px rgba(170,255,0,.1)}
.vk-ft__trust-icon svg{width:18px;height:18px}
.vk-ft__trust-info{display:flex;flex-direction:column;gap:4px}
.vk-ft__trust-info strong{font:700 11.5px/1.2 'Inter',sans-serif;color:#ddd;letter-spacing:.02em}
.vk-ft__trust-info span{font:400 10.5px/1.4 'Inter',sans-serif;color:#444}
.vk-ft__warn{background:#060606;border-bottom:1px solid #1A1A1A;padding:18px 44px}
.vk-ft__warn-in{max-width:1200px;margin:0 auto;display:flex;align-items:flex-start;gap:14px;padding:14px 18px;background:rgba(255,68,68,.03);border:1px solid rgba(255,68,68,.08);border-radius:8px}
.vk-ft__warn-icon{color:#ff4444;flex-shrink:0;margin-top:1px;width:18px;height:18px}
.vk-ft__warn-text{font:400 10.5px/1.7 'Inter',sans-serif;color:#444;margin:0}
.vk-ft__warn-text strong{color:#ff4444;font-weight:700}
.vk-ft__bot{display:flex;align-items:center;justify-content:space-between;padding:20px 44px;gap:16px;flex-wrap:wrap;max-width:1200px;margin:0 auto}
.vk-ft__copy{font:400 11px/1 'Inter',sans-serif;color:#333;letter-spacing:.03em;margin:0}
.vk-ft__badges{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.vk-ft__badge{display:flex;align-items:center;gap:5px;font:700 9px/1 'Inter',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#333;transition:color .2s}
.vk-ft__badge:hover{color:#555}
.vk-ft__badge svg{width:12px;height:12px;flex-shrink:0}
.vk-ft__btt{position:fixed;bottom:24px;right:24px;width:44px;height:44px;background:#111;border:1px solid #1A1A1A;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#AAFF00;cursor:pointer;z-index:90;opacity:0;pointer-events:none;transform:translateY(12px);transition:all .3s}
.vk-ft__btt.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.vk-ft__btt:hover{background:#AAFF00;color:#000;border-color:#AAFF00;box-shadow:0 0 24px rgba(170,255,0,.25);transform:translateY(-2px)}
.vk-ft__btt svg{width:18px;height:18px}
@media(max-width:1024px){
  .vk-ft__top{grid-template-columns:1fr 1fr;gap:36px;padding:52px 28px 48px}
  .vk-ft__brand{grid-column:1/-1}
  .vk-ft__desc{max-width:100%}
  .vk-ft__trust-grid{grid-template-columns:repeat(2,1fr)}
  .vk-ft__trust,.vk-ft__warn{padding-left:28px;padding-right:28px}
  .vk-ft__bot{padding-left:28px;padding-right:28px}
}
@media(max-width:768px){
  .vk-ft__top{grid-template-columns:1fr;padding:44px 20px 0;gap:0}
  .vk-ft__brand{padding-bottom:28px;border-bottom:1px solid #1A1A1A}
  .vk-ft__col{border-bottom:1px solid #1A1A1A}
  .vk-ft__col-title{margin:0;padding:18px 0;border-bottom:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;-webkit-tap-highlight-color:transparent;user-select:none}
  .vk-ft__col-title::after{content:'';width:9px;height:9px;border-right:1.5px solid #444;border-bottom:1.5px solid #444;transform:rotate(45deg);transition:transform .3s;position:static;background:none;flex-shrink:0;border-radius:0}
  .vk-ft__col-title.is-open::after{transform:rotate(-135deg)}
  .vk-ft__links{max-height:0;overflow:hidden;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding .4s;padding:0}
  .vk-ft__links.is-open{max-height:500px;padding:0 0 18px}
  .vk-ft__trust,.vk-ft__warn{padding-left:20px;padding-right:20px}
  .vk-ft__trust-grid{grid-template-columns:1fr 1fr;gap:10px}
  .vk-ft__bot{flex-direction:column;align-items:flex-start;padding:16px 20px}
}
@media(max-width:480px){
  .vk-ft__top{padding:36px 18px 0}
  .vk-ft__trust,.vk-ft__warn{padding-left:18px;padding-right:18px}
  .vk-ft__trust-grid{grid-template-columns:1fr}
  .vk-ft__bot{padding:14px 18px}
  .vk-ft__btt{bottom:16px;right:16px;width:40px;height:40px}
}
.vk-ft__soc a:focus-visible,.vk-ft__links a:focus-visible,.vk-ft__logo:focus-visible,.vk-ft__col-title:focus-visible,.vk-ft__btt:focus-visible{outline:2px solid #AAFF00;outline-offset:2px;border-radius:4px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;transition-duration:.01ms !important}}

/* ---- card acceptance marks -------------------------------------------
   Asked for by the payment processor's underwriter, so they have to be
   findable: the row sits at the top of the bottom bar, before the trust
   badges, and keeps the same left alignment as the copyright line it sits
   above. See inc/card-brands.php for why it is not behind the payments gate. */
.vk-ft__cards {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  width: 100%;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.vk-ft__cards-label {
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--vk-text-faint);
}

.vk-ft__cards-list {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.vk-ft__card {
  margin: 0;
  padding: 0;
  line-height: 0;
}

@media (max-width: 767px) {
  .vk-ft__cards { gap: 10px; justify-content: flex-start; }
}
