/* =========================================================
   Aaqib StreamForce - default.css (LIGHT / Minimal / Global)
   Pure HTML + CSS + JS (No Bootstrap)
   ========================================================= */

/* ---------- Fonts ---------- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Sora:wght@400;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');

/* ---------- Reset ---------- */
*,
*::before,
*::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

html, body { height: 100%; }

body, h1,h2,h3,h4,h5,h6, p, figure, blockquote, dl, dd { margin: 0; }

ul, ol { margin: 0; padding: 0; list-style: none; }

img, picture, video, canvas, svg { display: block; max-width: 100%; }

input, button, textarea, select { font: inherit; color: inherit; }

button { border: 0; background: none; cursor: pointer; }

a { color: inherit; text-decoration: none; }

:focus-visible { outline: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* ---------- Variables (LIGHT) ---------- */
:root {
  /* Brand */
  --primary: #0B1220;   /* headings / strong text */
  --secondary: #22D3EE; /* CTA / links / highlight */
  --accent: #F5C451;    /* premium badge / small accents */

  /* UI */
  --bg: #F7FAFF;        /* page background */
  --surface: #FFFFFF;   /* cards */
  --text: #0F172A;      /* normal text */
  --muted: #64748B;     /* muted text */
  --border: #E2E8F0;    /* borders */

  /* State */
  --success: #16A34A;
  --warning: #F59E0B;
  --danger:  #EF4444;
  /* Fonts */
  /* --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; */
  --font-body: Roboto Condensed, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
  --font-heading: "Sora", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-numbers: "Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  /* Layout */
  --container: 1200px;
  --container-narrow: 980px;
  body{
    letter-spacing: 0.5px;
  }

  /* Spacing scale (optional) */
  --space-1: 6px;
  --space-2: 10px;
  --space-3: 14px;
  --space-4: 18px;
  --space-5: 24px;
  --space-6: 32px;

  /* Radius */
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;

  /* Shadow (soft) */
  --shadow-sm: 0 8px 22px rgba(15, 23, 42, 0.08);
  --shadow-md: 0 14px 40px rgba(15, 23, 42, 0.12);

  /* Focus ring */
  --ring: 0 0 0 3px rgba(34, 211, 238, 0.35);

  /* Transition */
  --t-fast: 160ms;
  --t-med: 240ms;
  --ease: cubic-bezier(.2,.8,.2,1);
}

/* ---------- Base ---------- */
body {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,h2,h3,h4,h5,h6 {
  font-family: var(--font-heading);
  line-height: 1.15;
  color: var(--primary);
}

h1 { font-size: clamp(30px, 4vw, 52px); letter-spacing: -0.02em; }
h2 { font-size: clamp(24px, 3vw, 38px); letter-spacing: -0.02em; }
h3 { font-size: clamp(18px, 2vw, 26px); }
p  { color: var(--text); }

small, .small { font-size: 13px; color: var(--muted); }

a { transition: color var(--t-fast) var(--ease); }
a:hover { color: var(--secondary); }

::selection { background: rgba(34, 211, 238, 0.22); }

/* ---------- Layout Helpers ---------- */
.container {
  width: min(var(--container), calc(100% - 32px));
  margin-inline: auto;
}

.container-narrow {
  width: min(var(--container-narrow), calc(100% - 32px));
  margin-inline: auto;
}

.section {
  padding: clamp(40px, 6vw, 80px) 0;
}

/* ---------- Base UI Helpers (minimal) ---------- */
.text-muted { color: var(--muted); }
.bg-surface { background: var(--surface); }
.border { border: 1px solid var(--border); }
.round-sm { border-radius: var(--radius-sm); }
.round-md { border-radius: var(--radius-md); }
.round-lg { border-radius: var(--radius-lg); }
.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-md { box-shadow: var(--shadow-md); }

/* ---------- Base Forms (minimal) ---------- */
.input,
.select,
.textarea {
  width: 100%;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: 12px;
  padding: 12px 14px;
  transition: box-shadow var(--t-fast) var(--ease),
              border-color var(--t-fast) var(--ease);
}

.textarea { min-height: 120px; resize: vertical; }

.input::placeholder,
.textarea::placeholder { color: rgba(100, 116, 139, 0.85); }

.input:focus,
.select:focus,
.textarea:focus {
  border-color: rgba(34, 211, 238, 0.65);
  box-shadow: var(--ring);
}

/* ---------- Responsive ---------- */
@media (max-width: 900px) {
  .container, .container-narrow { width: calc(100% - 24px); }
  .section { padding: 44px 0; }
}


/* Offer and Menu Bar Full CSS */
/* =========================
   Top Offer Bar (Single Offer / Premium)
   ========================= */
.offerbar{
  display:block;
  /* position: sticky; */
  top: 0;
  z-index: 999;
  background: linear-gradient(90deg,
    rgba(34,211,238,0.18),
    rgba(245,196,81,0.18),
    rgba(34,211,238,0.18)
  );
  border-bottom: 1px solid rgba(226,232,240,0.85);
  text-decoration: none;
}
.offerbar__inner{
  position: relative;
  overflow: hidden;
  height: 44px;
  display:flex;
  align-items:center;
}
.offerbar__inner::before,
.offerbar__inner::after{
  content:"";
  position:absolute;
  top:0; bottom:0;
  width: 64px;
  pointer-events:none;
  z-index: 2;
}
.offerbar__inner::before{
  left:0;
  background: linear-gradient(90deg, rgba(247,250,255,1), rgba(247,250,255,0));
}
.offerbar__inner::after{
  right:0;
  background: linear-gradient(270deg, rgba(247,250,255,1), rgba(247,250,255,0));
}

.offerbar__track{
  display:flex;
  align-items:center;
  gap: 28px;
  white-space: nowrap;
  will-change: transform;
  padding-inline: 22px;
  animation: offerbar-marquee 18s linear infinite;
}
.offerbar__item{
  font-family: var(--font-body);
  font-weight: 750;
  font-size: 13px;
  letter-spacing: 0.02em;
  color: var(--primary);
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 8px 12px;
  border-radius: 999px;
  background: rgba(255,255,255,0.70);
  border: 1px solid rgba(226,232,240,0.92);
  box-shadow: 0 10px 22px rgba(15,23,42,0.08);
}
/* Pause on hover (desktop) */
.offerbar:hover .offerbar__track{
  animation-play-state: paused;
}
/* Keyboard focus */
.offerbar:focus-visible{
  outline: none;
  box-shadow: var(--ring);
}
/* Right-to-left movement */
@keyframes offerbar-marquee{
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@media (max-width: 520px){
  .offerbar__inner{ height: 42px; }
  .offerbar__item{ font-size: 12px; padding: 7px 10px; }
}
/* =========================
   Premium Navbar 2026 ($3000)
   FAST + scalable + icons
   ========================= */
.navx{
  position: sticky;
  top:0px; /* offerbar = 44px, else 0 */
  z-index: 998;
  background: rgba(247,250,255,0.98);
  border-bottom: 1px solid rgba(226,232,240,0.9);
  transition: box-shadow var(--t-fast) var(--ease);
}
.navx.is-scrolled{
  box-shadow: 0 10px 26px rgba(15,23,42,0.08);
}
.navx__wrap{
  height: 78px;
  display:flex;
  align-items:center;
  justify-content: space-between;
  gap: 14px;
}
/* Left */
.navx__left{
  display:flex;
  align-items:center;
  gap: 18px;
  min-width: 0;
}
/* Logo */
.nav-logo{
  display:flex;
  align-items:center;
  gap: 12px;
  text-decoration:none;
}
.nav-logo__img{
  width: 60px;
  height: 60px;
  object-fit: contain;
  display:block;
}
/* Desktop links wrapper */
.navx__links{
  margin-left: 18px;
  display:flex;
  align-items:center;
  gap: 6px;
  padding: 6px 8px;
  border-radius: 999px;
  border: 1px solid rgba(226,232,240,0.92);
  background: #fff;
  flex: 0 1 auto;
}
/* Link base */
.navx__link{
  display:inline-flex;
  align-items:center;
  gap: 9px;
  padding: 10px 12px;
  border-radius: 999px;
  font-weight: 600;
  letter-spacing: 0.5px;
  font-size: 17px;
  color: var(--primary);
  text-decoration: none;
  transition: background var(--t-fast) var(--ease),
              transform var(--t-fast) var(--ease);
}
/* Icons */
.navx__ico{
  width: 18px;
  height: 18px;
  display:inline-grid;
  place-items:center;
  opacity: 0.92;
}
.navx__ico svg{
  width: 18px; height: 18px;
  fill: #000cb4;
}
/* Hover */
.navx__link:hover{
  background: rgba(34,211,238,0.12);
  transform: translateY(-1px);
}
/* Active link highlight */
.navx__link.is-active{
  background: rgba(245,196,81,0.20);
  border: 1px solid rgba(245,196,81,0.28);
}
/* Dropdown */
.navx__drop{ position: relative; }
.navx__dropBtn{ background: transparent; border: 0; cursor: pointer; }
.navx__chev{ font-size: 18px; opacity: 0.85; }

.navx__menu{
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  min-width: 320px;
  padding: 10px;
  border-radius: 18px;
  background: #fff;
  border: 1px solid rgba(226,232,240,0.95);
  box-shadow: 0 18px 45px rgba(15,23,42,0.14);
  display:none;
}
.navx__drop.open .navx__menu{ display:block; }
.navx__menuItem{
  display:flex;
  flex-direction: column;
  gap: 3px;
  padding: 11px 12px;
  border-radius: 14px;
  text-decoration:none;
  transition: background var(--t-fast) var(--ease);
}
.navx__menuItem:hover{ background: rgba(15,23,42,0.04); }
.navx__menuTitle{ font-weight: 600; color: var(--primary); font-size: 16px; letter-spacing: 0.5px; }
.navx__menuDesc{ color: var(--muted); font-size: 14px; }
.navx__menuHr{
  height: 1px;
  background: rgba(226,232,240,0.95);
  margin: 8px 8px;
}
.navx__menuItem--highlight{
  background: rgba(34,211,238,0.10);
  border: 1px solid rgba(34,211,238,0.22);
}
/* Right */
.navx__right{
  display:flex;
  align-items:center;
  gap: 10px;
}
/* Seller CTA (Desktop) */
.navx__ctaSeller{
  display:inline-flex;
  align-items:center;
  gap: 10px;
  padding: 9px 10px;
  border-radius: 14px;
  font-weight: 600;
  font-size: 17px;
  letter-spacing: 1px;
  color: #06101A;
  text-decoration: none;
  color: white;
  /* background: linear-gradient(135deg, #a57b1a 0%, #04798b 60%, #005035 100%); */
  background: linear-gradient(92deg, #2355a7 0%, #11427e 35%, #087f91 70%, #2355a7 100%);
  /* background-color: darkblue; */
  border: 1px solid rgba(245,196,81,0.30);
  box-shadow: 0 12px 26px rgba(245,196,81,0.18);
  transition: transform var(--t-fast) var(--ease), box-shadow var(--t-fast) var(--ease);
}
.navx__ctaSeller:hover{
  transform: translateY(-2px);
  box-shadow: 0 16px 34px rgba(34,211,238,0.20);
}
.navx__ctaIco{
  width: 18px; height: 18px;
  display:inline-grid; place-items:center;
}
.navx__ctaIco svg{ width:18px; height:18px; fill: currentColor; }
/* Premium Burger (unique) */
.navx__burger{
  width: 46px;
  height: 46px;
  border-radius: 16px;
  border: 1px solid rgba(226,232,240,0.95);
  background: #fff;
  display:none;
  align-items:center;
  justify-content:center;
  box-shadow: 0 10px 22px rgba(15,23,42,0.06);
}
.navx__burgerIcon{
  width: 20px;
  height: 20px;
  position: relative;
  display:block;
}
.navx__burgerIcon::before,
.navx__burgerIcon::after{
  content:"";
  position:absolute;
  left:0; right:0;
  height: 2px;
  border-radius: 999px;
  background: var(--primary);
}
.navx__burgerIcon::before{ top:6px; }
.navx__burgerIcon::after{ bottom:6px; }
.navx__burgerIcon{
  background: var(--primary);
  height: 2px;
  border-radius: 999px;
}
/* Backdrop */
.navx__backdrop{
  position: fixed;
  inset: 0;
  background: rgba(2,6,23,0.28);
  z-index: 997;
}
/* Mobile Bottom Sheet */
.navx__mobile{ display:none; }
/* Mobile FULL SCREEN overlay */
.navx.mobile-open .navx__mobile{
  display:block;
  position: fixed;
  inset: 0;                
  background: rgba(247,250,255,0.99);
  z-index: 998;
  border-radius: 0;       
  border-top: 0;
  animation: navxFullIn 1s var(--ease) both;
}
@keyframes navxFullIn{
  from{ transform: translateY(12px); opacity: 0.1; }
  to{ transform: translateY(0); opacity: 1; }
}
/* Full screen scroll area */
.navx__mobileScroll{
  max-height: calc(100vh - 64px);  /* full height minus top bar */
  overflow: auto;
  padding-bottom: 16px;
}
/* Slide-up animation (light) */
@keyframes navxSheetIn{
  from{ transform: translateY(18px); opacity: 0.6; }
  to{ transform: translateY(0); opacity: 1; }
}
.navx__mobileWrap{ padding: 14px 0 18px; }
.navx__mobileTop{
  display:flex;
  align-items:center;
  justify-content: space-between;
  padding: 10px 0 12px;
}
.navx__mobileTitle{
  font-family: var(--font-heading);
  font-weight: 900;
  color: var(--primary);
}
.navx__close{
  width: 44px; height: 44px;
  border-radius: 14px;
  border: 1px solid rgba(226,232,240,0.95);
  background: #fff;
}
/* Scrollable menu area */
.navx__mobileScroll{
  max-height: calc(78vh - 1px);
  overflow: auto;
  padding-bottom: 8px;
}
.navx__mobileLinks{
  display:grid;
  gap: 8px;
  margin-top: 6px;
}
.navx__mobileLinks a,
.navx__mobileDetails summary{
  display:flex;
  align-items:center;
  justify-content: space-between;
  padding: 12px 12px;
  border-radius: 14px;
  background: #fff;
  border: 1px solid rgba(226,232,240,0.92);
  font-weight: 600;
  font-size: 18px;
  letter-spacing: 0.5px;
  color: var(--primary);
  text-decoration:none;
}
 /* Mobile link layout fix: icon+text together left */
.navx__mobileLinks a{
  display:flex;
  align-items:center;
  justify-content: flex-start;  /* IMPORTANT */
  gap: 10px;                   /* icon + text spacing */
  font-size: 17px;
  letter-spacing: 0.5px;
}
/* Summary keep space-between because it has chevron on right */
.navx__mobileDetails summary{
  display:flex;
  align-items:center;
  justify-content: space-between;
}
.navx__mobileDetails summary{ cursor: pointer; }
.navx__mobileDetails summary::-webkit-details-marker{ display:none; }
.navx__mSumLeft{ display:flex; align-items:center; gap: 10px; }
.navx__mIco{ width: 18px; height: 18px; display:inline-grid; place-items:center; opacity: 0.92; fill: #000cb4; }
.navx__mIco svg{ width: 18px; height: 18px;}
.navx__mChev{ opacity: .8; }
.navx__mobileSub{
  padding: 8px 0 0;
  display:grid;
  gap: 8px;
}
.navx__mobileSub a{
  font-weight: 800;
  color: var(--text);
  background: rgba(15,23,42,0.03);
}
/* Active link highlight in mobile too */
.navx__mobileLinks a.is-active{
  background: rgba(245,196,81,0.18);
  border-color: rgba(245,196,81,0.28);
}
/* Mobile CTA only inside menu */
.navx__mobileCTA{
  margin-top: 12px;
  display:grid;
  gap: 10px;
}
.navx__ctaSeller--block{
  width: 100%;
  justify-content: center;
}
/* Support */
.navx__mobileSupport{
  margin-top: 12px;
  display:grid;
  gap: 8px;
  color: var(--muted);
  font-size: 13px;
}
.navx__mobileSupport a{
  background: transparent;
  border: 0;
  padding: 0;
  color: var(--muted);
  text-decoration:none;
}
.navx__mobileSupport a:hover{ color: var(--secondary); }
/* Responsive: hide desktop links + hide desktop CTA + show burger */
@media (max-width: 980px){
  .navx__links{ display:none; }
  .navx__ctaSeller{ display:none; }
  .navx__ctaSellermbl{ display:flex; }
  .navx__burger{ display:inline-flex; }
}
@media (max-width: 520px){
  .nav-logo__img{ width: 42px; height: 42px; }
  .navx__wrap{ height: 72px; }
}
/* If a page has NO offerbar, set in page css:
   .navx{ top:0; }
*/
/* Full Footer CSS */
/* =========================================================
   Footer 2026 (Premium Dark, Not Black) — Updated
   ========================================================= */
.ft2026{
  position: relative;
  overflow: hidden;
  padding: 46px 0 22px;
  color: rgba(244,247,255,0.90);
  background:
    radial-gradient(1000px circle at 12% 18%, rgba(56,189,248,0.18), transparent 55%),
    radial-gradient(1000px circle at 86% 22%, rgba(245,196,81,0.14), transparent 60%),
    linear-gradient(135deg, #1E3A8A 0%, #0F766E 45%, #312E81 100%);
}
.ft2026::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(700px circle at 50% -10%, rgba(255,255,255,0.08), transparent 60%),
    linear-gradient(120deg, rgba(255,255,255,0.05), transparent 40%);
  pointer-events:none;
}
.ft2026__wrap{ position: relative; }
/* Top layout */
.ft2026__top{
  display: grid;
  grid-template-columns: 1.05fr 1fr;
  gap: 18px;
  align-items: start;
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(255,255,255,0.12);
}
/* Brand */
.ft2026__brand{
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 14px;
  align-items: start;
  background-color: rgba(0, 139, 139, 0.362);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 20px;
}
.ft2026__logo{
  width: 130px; /* bigger logo */
  height: auto;
  display: block;
  filter: drop-shadow(0 18px 40px rgba(0,0,0,0.24));
}
.ft2026__name{
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: 0.5px;
  font-size: 20px;
  color: rgba(255,255,255,0.96);
  text-transform: uppercase;
}
.ft2026__about{
  margin-top: 10px;
  padding: 12px 12px;
  border-radius: 18px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
}
.ft2026__aboutTitle{
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.02em;
  color: rgba(255,255,255,0.94);
}
.ft2026__aboutText{
  margin-top: 6px;
  font-size: 18px;
  line-height: 1.5;
  color: rgba(234,240,255,0.78);
  max-width: 62ch;
}
.ft2026__brandCta{
  margin-top: 12px;
  width: 100%;
}
/* CTA */
.ft2026__btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 11px 14px;
  border-radius: 14px;
  font-weight: 900;
  font-size: 13px;
  letter-spacing: 0.02em;
  text-decoration: none;
  transition: transform var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease);
  user-select: none;
  width: 100%;
}
.ft2026__btn--whatsapp{
  color: #fff;
  background: #008f34;
  border: 1px solid rgba(37,211,102,0.25);
  box-shadow: 0 16px 34px rgba(37,211,102,0.16);
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 20px;
}
.ft2026__btn:hover{ transform: translateY(-1px); opacity: 0.98; }
/* Columns */
.ft2026__cols{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.ft2026__colTitle{
  font-weight: 600;
  color: rgba(255,255,255,0.94);
  font-size: 17px;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
}
.ft2026__list{
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 8px;
}
.ft2026__link{
  color: rgba(234,240,255,0.80);
  text-decoration: none;
  font-size: 15px;
  line-height: 1.6;
  transition: opacity var(--t-fast) var(--ease);
}
.ft2026__link:hover{ opacity: 0.88; }
.ft2026__contact{ display: grid; gap: 10px; }
.ft2026__contactItem{ display: grid; gap: 4px; }
.ft2026__contactLabel{
  font-size: 11.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(234,240,255,0.62);
  font-weight: 900;
}
.ft2026__text{ color: rgba(234,240,255,0.80); font-size: 13px; }
/* Social icons (images) */
.ft2026__social{
  margin-top: 6px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.ft2026__soc{
  width: 40px;
  height: 40px;
  border-radius: 14px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
  display: grid;
  place-items: center;
  transition: transform var(--t-fast) var(--ease), opacity var(--t-fast) var(--ease);
  overflow: hidden;
}
.ft2026__soc img{
  width: 18px;
  height: 18px;
  object-fit: contain;
  display: block;
}
.ft2026__soc:hover{ transform: translateY(-1px); opacity: 0.92; }
/* Payments */
.ft2026__pay{
  margin-top: 18px;
  padding: 18px;
  border-radius: 20px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.12);
}
.ft2026__payTitle{
  text-align: center; /* centered as requested */
  font-weight: 600;
  color: rgba(255,255,255,0.94);
  font-size: 19px;
  letter-spacing: 1px;
  margin-bottom: 12px;
}
.ft2026__payRow{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.ft2026__payItem{
  padding: 10px 12px;
  border-radius: 16px;
  background: rgba(7, 11, 22, 0.18);
  border: 1px solid rgba(255,255,255,0.12);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.ft2026__payImg{
  width: 70px;   /* small normal */
  height: 24px;
  object-fit: contain;
  display: block;
  filter: brightness(1.02);
}
.ft2026__payNote{
  margin-top: 10px;
  text-align: center;
  font-size: 17px;
  line-height: 1.65;
  color: rgba(234,240,255,0.72);
}
/* Bottom */
.ft2026__bottom{
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(255,255,255,0.12);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}
.ft2026__copy{
  margin: 0;
  font-size: 16px;
  color: rgba(234,240,255,0.72);
}
.ft2026__bottomLinks{
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.ft2026__dot{ color: rgba(234,240,255,0.55); }
/* Responsive */
@media (max-width: 1100px){
  .ft2026__top{ grid-template-columns: 1fr; }
  .ft2026__cols{ grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px){
  .ft2026__brand{ grid-template-columns: 1fr; }
  .ft2026__logo{ width: 150px; }
  .ft2026__cols{ grid-template-columns: 1fr; }
  .ft2026__btn--whatsapp{ width: 100%; }
  .ft2026__pay{ padding: 14px; }
  .ft2026__payItem{ width: 100%; }
  .ft2026__payImg{ width: 88px; height: 28px; }
  .ft2026__bottom{
    text-align: center;
  }
  .ft2026__bottomLinks{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}