/* =========================================================
   FOOTER
   - Premium sitemap footer
   - Footer grid / trust / notes
   - Footer mobile accordion
   ========================================================= */

.qtf-sitemap{
  --bg:#0a1022;
  --bg2:#111935;
  --line:rgba(255,255,255,.09);
  --line2:rgba(255,255,255,.13);
  --txt:#f4f7fb;
  --muted:rgba(244,247,251,.74);
  --muted2:rgba(244,247,251,.58);
  --accent:#9b8cff;
  --accent2:#6f84ff;
  --accent3:#7ad8ff;
  --max:1480px;

  color:var(--txt);
  background:
    radial-gradient(900px 340px at 18% -10%, rgba(155,140,255,.16), transparent 58%),
    radial-gradient(960px 380px at 100% 0%, rgba(111,132,255,.12), transparent 56%),
    radial-gradient(780px 320px at 50% 110%, rgba(122,216,255,.05), transparent 60%),
    linear-gradient(180deg, var(--bg), var(--bg2));
  border-top:1px solid rgba(255,255,255,.08);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
}

.qtf-sitemap,
.qtf-sitemap *{
  box-sizing:border-box;
}

.qtf-sitemap a{
  color:inherit;
  text-decoration:none;
}

.qtf-sitemap ul{
  margin:0;
  padding:0;
  list-style:none;
}

.qtf-sitemap p{
  margin:0;
}

.qtf-shell{
  width:min(var(--max), calc(100vw - 32px));
  margin:0 auto;
  padding:34px 0 22px;
}

.qtf-topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:28px;
  padding-bottom:18px;
  border-bottom:1px solid var(--line);
}

.qtf-brand{
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-weight:900;
  font-size:28px;
  letter-spacing:-.02em;
}

.qtf-brand-mark{
  width:44px;
  height:44px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(120% 120% at 30% 20%, rgba(255,255,255,.28), transparent 42%),
    linear-gradient(135deg, var(--accent2), var(--accent));
  color:#fff;
  font-weight:900;
  box-shadow:
    0 10px 24px rgba(111,132,255,.24),
    0 0 0 1px rgba(255,255,255,.10) inset;
}

.qtf-brand-text{
  color:#fff;
}

.qtf-trust{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}

.qtf-trust a,
.qtf-trust span{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:0 14px;
  border:1px solid var(--line2);
  border-radius:999px;
  color:var(--txt);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  font-size:14px;
  font-weight:700;
  transition:border-color .16s ease, background .16s ease, transform .16s ease, color .16s ease;
  -webkit-backdrop-filter:blur(8px);
  backdrop-filter:blur(8px);
}

.qtf-trust a:hover{
  border-color:rgba(155,140,255,.42);
  background:rgba(155,140,255,.10);
  color:#fff;
  transform:translateY(-1px);
}

.qtf-grid{
  display:grid;
  grid-template-columns:repeat(6, minmax(0, 1fr));
  gap:26px;
  align-items:start;
}

.qtf-col{
  min-width:0;
}

.qtf-col-head{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 0 14px;
  margin:0 0 14px;
  border:0;
  border-bottom:1px solid var(--line);
  background:none;
  color:#fff;
  font:800 15px/1.2 Inter,system-ui,sans-serif;
  text-align:left;
  cursor:default;
  letter-spacing:.01em;
}

.qtf-col-caret{
  display:none;
  width:10px;
  height:10px;
  border-right:2px solid var(--accent);
  border-bottom:2px solid var(--accent);
  transform:rotate(45deg);
  transition:transform .18s ease;
  flex:0 0 auto;
}

.qtf-col.is-open .qtf-col-caret{
  transform:rotate(225deg);
}

.qtf-col-body{
  overflow:visible;
}

.qtf-links{
  display:grid;
  gap:12px;
}

.qtf-links a{
  display:block;
  color:var(--muted);
  font-size:15px;
  line-height:1.45;
  transition:color .16s ease, transform .16s ease;
  word-break:break-word;
}

.qtf-links a:hover{
  color:#fff;
  transform:translateX(2px);
}

.qtf-middle{
  margin-top:30px;
  padding-top:22px;
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  flex-wrap:wrap;
}

.qtf-payment img{
  display:block;
  width:240px;
  max-width:100%;
  height:auto;
  opacity:.94;
  filter:brightness(1.03);
}

.qtf-note{
  max-width:760px;
  color:var(--muted2);
  font-size:14px;
  line-height:1.7;
}

.qtf-bottom{
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid var(--line);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  flex-wrap:wrap;
  color:var(--muted2);
  font-size:13px;
}

.qtf-bottom-links{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.qtf-bottom-links a{
  color:var(--muted);
}

.qtf-bottom-links a:hover{
  color:#fff;
}

@media (max-width:1400px){
  .qtf-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:24px 28px;
  }
}

@media (max-width:860px){
  .qtf-shell{
    width:min(100vw - 24px, 760px);
    padding:26px 0 18px;
  }

  .qtf-topbar{
    flex-direction:column;
    align-items:flex-start;
  }

  .qtf-trust{
    justify-content:flex-start;
  }

  .qtf-grid{
    grid-template-columns:1fr;
    gap:0;
  }

  .qtf-col{
    border-bottom:1px solid var(--line);
  }

  .qtf-col-head{
    padding:16px 0;
    margin:0;
    cursor:pointer;
  }

  .qtf-col-caret{
    display:inline-block;
  }

  .qtf-col-body{
    max-height:0;
    overflow:hidden;
    transition:max-height .24s ease;
  }

  .qtf-col.is-open .qtf-col-body{
    max-height:520px;
  }

  .qtf-links{
    padding:0 0 16px;
    gap:11px;
  }

  .qtf-links a{
    font-size:15px;
  }

  .qtf-middle,
  .qtf-bottom{
    align-items:flex-start;
  }
}

@media (prefers-reduced-motion:reduce){
  .qtf-sitemap *{
    transition:none !important;
  }
}

.qtf-sitemap :focus-visible{
  outline:2px solid rgba(155,140,255,.62);
  outline-offset:3px;
  border-radius:8px;
}