@import url("mobile-responsive.css");

:root {
  --bg: #0c1f17;
  --bg-mid: #0f2419;
  --bg-card: #132a1e;
  --green: #3ecf7a;
  --gdim: rgba(62, 207, 122, 0.13);
  --gglo: rgba(62, 207, 122, 0.28);
  --border: rgba(62, 207, 122, 0.16);
  --borderS: rgba(255, 255, 255, 0.07);
  --white: #ffffff;
  --muted: rgba(255, 255, 255, 0.48);
  --muted2: rgba(255, 255, 255, 0.72);
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: "Plus Jakarta Sans", sans-serif;
  background: var(--bg);
  color: #d4e6da;
  overflow-x: hidden;
  line-height: 1.6; /* Added for general text readability */
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image: radial-gradient(circle, rgba(62, 207, 122, 0.09) 1px, transparent 1px);
  background-size: 28px 28px;
  pointer-events: none;
  z-index: 0;
}

/* Utility for Reveal Animations */
.rv,
.rv-l,
.rv-r {
  opacity: 0;
  transition: opacity .75s ease, transform .75s ease;
}

.rv {
  transform: translateY(34px);
}

.rv-l {
  transform: translateX(-38px);
}

.rv-r {
  transform: translateX(38px);
}

.rv.on,
.rv-l.on,
.rv-r.on {
  opacity: 1;
  transform: translate(0);
}


/* ============================================================
   TOPBAR + NAVBAR (canonical — single source of truth)
   ============================================================ */
  .topbar {
    position: relative;
    z-index: 10;
    background: rgba(12, 31, 23, .9);
    border-bottom: 1px solid var(--borderS);
    padding: 8px 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: .76rem;
    color: var(--muted)
  }

  .topbar a {
    color: var(--muted);
    text-decoration: none;
    transition: color .2s
  }

  .topbar a:hover {
    color: var(--green)
  }

  .tbr {
    display: flex;
    gap: 14px;
    align-items: center
  }

  /* TOPBAR styling ends here */
  /* NAV */
  /* NAVBAR styling starts here */
  nav {
    position: sticky;
    top: 0;
    z-index: 999;
    padding: 12px 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(12, 31, 23, .95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--borderS)
  }

  .nlogo {
    display: flex;
    align-items: center;
    text-decoration: none
  }

  .nlogo img {
    height: 40px;
    object-fit: contain
  }

  .nlinks {
    display: flex;
    gap: 29px;
    list-style: none
  }

  .nlinks a {
    color: var(--muted);
    font-size: .92rem;
    font-weight: 500;
    text-decoration: none;
    transition: color .2s
  }

  /* NAVBAR styling ends here */

  .nlinks a:hover,
  .nlinks a.act {
    color: var(--white)
  }

  .locale-control {
    margin-left: 10px;
    flex-shrink: 0;
    position: relative;
    display: inline-flex;
    align-items: center
  }

  .locale-control::before {
    content: '\01F310';
    position: absolute;
    left: 10px;
    pointer-events: none;
    color: var(--green);
    font-size: .82rem
  }

  .locale-control select {
    min-width: 142px;
    padding: 9px 28px 9px 29px;
    border: 1px solid rgba(146, 214, 78, .34);
    border-radius: 999px;
    background: rgba(20, 48, 39, .92);
    color: var(--white);
    font: inherit;
    font-size: .72rem;
    cursor: pointer;
    appearance: auto
  }

  .locale-control select:focus {
    outline: 2px solid var(--green);
    outline-offset: 2px
  }

  /* MOBILE NAV TOGGLE */
  /* NAVBAR responsive code starts here */
  .navburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5px;
    width: 40px;
    height: 40px;
    background: transparent;
    border: 1px solid var(--borderS);
    border-radius: 8px;
    cursor: pointer;
    flex-shrink: 0;
    z-index: 1001
  }

  .navburger span {
    display: block;
    width: 18px;
    height: 2px;
    background: var(--white);
    border-radius: 2px;
    transition: transform .25s, opacity .25s
  }

  .navburger.open span:nth-child(1) {
    transform: translateY(7px) rotate(45deg)
  }

  .navburger.open span:nth-child(2) {
    opacity: 0
  }

  .navburger.open span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg)
  }

/* BUTTONS */
.btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: .875rem;
  font-weight: 700;
  padding: 11px 22px;
  border-radius: 8px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  transition: all .22s;
}

.btn.bg {
  background: var(--green);
  color: #061309;
}

.btn.bg:hover {
  background: #55e08e;
  box-shadow: 0 0 26px var(--gglo);
  transform: translateY(-1px);
}

.btn.bo {
  background: transparent;
  color: var(--white);
  border: 1.5px solid rgba(255, 255, 255, 0.2);
}

.btn.bo:hover {
  border-color: var(--green);
  color: var(--green);
}

.btn.bgh {
  background: rgba(62, 207, 122, .1);
  color: var(--green);
  border: 1px solid var(--border);
}

.btn.bgh:hover {
  background: rgba(62, 207, 122, .2);
}

/* SECTIONS */
section {
  padding: 88px 60px;
  position: relative;
  z-index: 1;
}

.con {
  max-width: 1260px;
  margin: 0 auto;
}

.slbl {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--green);
  margin-bottom: 10px;
}

.slbl::before {
  content: "";
  width: 22px;
  height: 1.5px;
  background: var(--green);
  flex-shrink: 0;
}

.stitle {
  font-size: clamp(1.85rem, 3.4vw, 2.85rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: -.025em;
  margin-bottom: 14px;
  color: var(--white);
}

.ssub {
  color: var(--muted2);
  font-size: .96rem;
  line-height: 1.76;
  max-width: 560px;
}

/* Breadcrumb */
.breadcrumb {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .72rem;
  color: var(--muted);
  margin-bottom: 20px;
  animation: fdU .7s .1s both;
}

.breadcrumb a {
  color: var(--muted);
  text-decoration: none;
  transition: color .2s;
}

.breadcrumb a:hover {
  color: var(--green);
}

.breadcrumb span {
  color: var(--green);
}

/* Large Badge */
.lbadge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(62, 207, 122, .12);
  border: 1px solid rgba(62, 207, 122, .28);
  border-radius: 100px;
  padding: 6px 16px 6px 10px;
  font-size: .72rem;
  font-weight: 700;
  color: var(--green);
  letter-spacing: .06em;
  text-transform: uppercase;
  margin-bottom: 24px;
  animation: fdU .7s .15s both;
}

.ldot {
  width: 7px;
  height: 7px;
  background: var(--green);
  border-radius: 50%;
  animation: pls 2s infinite;
}

@keyframes pls {
  0%,
  100% {
  opacity: 1;
  transform: scale(1);
  }
  50% {
  opacity: .35;
  transform: scale(1.8);
  }
}

/* Check List */
.cklist {
  list-style: none;
  margin: 18px 0;
}

.cklist li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: var(--muted2);
  font-size: .875rem;
  line-height: 1.65;
  margin-bottom: 10px;
}

.ck {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: rgba(62, 207, 122, .12);
  border: 1px solid var(--green);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  color: var(--green);
  font-size: .56rem;
  margin-top: 2px;
}

/* Register Form */
.regsec {
  background: var(--bg-card);
  border-top: 1px solid var(--borderS);
  border-bottom: 1px solid var(--borderS);
  text-align: center;
}

.rform {
  display: flex;
  gap: 10px;
  max-width: 560px;
  margin: 26px auto 0;
  flex-wrap: wrap;
  justify-content: center;
}

.rform input,
.rform select {
  flex: 1;
  min-width: 200px;
  background: var(--bg);
  border: 1px solid var(--borderS);
  border-radius: 8px;
  padding: 12px 14px;
  color: var(--white);
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: .875rem;
  outline: none;
  transition: border-color .2s;
}

.rform input:focus,
.rform select:focus {
  border-color: var(--green);
}

.rform select option {
  background: var(--bg);
}

.rform input::placeholder {
  color: var(--muted);
}


/* ============================================================
   FOOTER (canonical — single source of truth)
   ============================================================ */
  footer {
    background: rgba(9, 24, 17, .97);
    border-top: 1px solid var(--borderS);
    padding: 64px 60px 32px;
    position: relative;
    z-index: 1
  }

  .fgrid {
    display: grid;
    grid-template-columns: 1.7fr 1fr 1fr 1fr;
    gap: 44px;
    margin-bottom: 44px
  }

  .flogo img {
    height: 42px;
    margin-bottom: 12px;
    display: block
  }

  .fabout {
    color: var(--muted);
    font-size: .84rem;
    line-height: 1.7;
    margin-bottom: 18px
  }

  .socs {
    display: flex;
    gap: 7px
  }

  .soc {
    width: 33px;
    height: 33px;
    border-radius: 8px;
    background: var(--bg-card);
    border: 1px solid var(--borderS);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .76rem;
    font-weight: 700;
    text-decoration: none;
    color: var(--muted);
    transition: all .2s
  }

  .soc:hover {
    color: var(--green);
    border-color: var(--green);
    background: rgba(62, 207, 122, .08)
  }

  .fcol h4 {
    font-size: .74rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    color: var(--white);
    margin-bottom: 14px
  }

  .flinks {
    list-style: none
  }

  .flinks li {
    margin-bottom: 8px
  }

  .flinks a {
    color: var(--muted);
    font-size: .875rem;
    text-decoration: none;
    transition: color .2s
  }

  .flinks a:hover {
    color: var(--green)
  }

  .fcontact p {
    color: var(--muted);
    font-size: .82rem;
    line-height: 1.6;
    margin-bottom: 5px
  }

  .fcontact a {
    color: var(--muted);
    text-decoration: none;
    transition: color .2s
  }

  .fcontact a:hover {
    color: var(--green)
  }

  .fbot {
    border-top: 1px solid var(--borderS);
    padding-top: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px
  }

  .fbot p {
    color: var(--muted);
    font-size: .74rem
  }

  .fblinks {
    display: flex;
    gap: 14px
  }

  .fblinks a {
    color: var(--muted);
    font-size: .74rem;
    text-decoration: none;
    transition: color .2s
  }

  .fblinks a:hover {
    color: var(--green)
  }

/* Media Queries */
@media(max-width:1200px) {
  .plan-grid {
  grid-template-columns: repeat(3, 1fr);
  overflow-x: auto;
  }
}

@media(max-width:1060px) {
  .feat-showcase.four {
  grid-template-columns: repeat(2, 1fr);
  }

  .slides-grid {
  grid-template-columns: 1fr 1fr;
  }

  .tgrid {
  grid-template-columns: 1fr 1fr;
  }
}

@keyframes fdU {
  from {
  opacity: 0;
  transform: translateY(22px);
  }
  to {
  opacity: 1;
  transform: translateY(0);
  }
}


@media(max-width:860px) {
  .page-hero {
  flex-direction: column;
  padding: 100px 20px 60px;
  min-height: auto;
  text-align: center;
  }

  .ph-right {
  width: 90%;
  max-width: 500px;
  }

  .ph-sub {
  max-width: 100%;
  }

  .ph-btns {
  justify-content: center;
  }

  .hl-grid {
  grid-template-columns: 1fr;
  padding: 0 20px;
  }

  .hl-item {
  border-right: none;
  border-bottom: 1px solid var(--borderS);
  }

  .hl-item:last-child {
  border-bottom: none;
  }

  .feat-showcase,
  .feat-showcase.four {
  grid-template-columns: 1fr;
  }

  .show,
  .app-cta-grid {
  grid-template-columns: 1fr;
  gap: 30px;
  }

  .show.rev {
  direction: ltr;
  }

  .slides-grid {
  grid-template-columns: 1fr;
  }

  .sgrid {
  grid-template-columns: repeat(2, 1fr);
  }

  .tgrid {
  grid-template-columns: 1fr;
  }

  .pgrid,
  .cta2-grid {
  grid-template-columns: 1fr;
  }

  .tmgrid {
  max-width: 360px;
  }

  .plan-grid {
  display: block;
  overflow-x: auto;
  }
}


/* ============================================================
   TOPBAR + NAVBAR + FOOTER — RESPONSIVE BREAKPOINTS
   (consolidated from about.html; single source of truth)
   ============================================================ */

/* Large tablets / small laptops */
@media(max-width:1200px) {

  nav,
  .topbar,
  section,
  footer {
  padding-left: 36px;
  padding-right: 36px
  }
}

/* Nav collapses to hamburger before links start wrapping/overlapping */
@media(max-width:1080px) {
  .nlinks {
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: min(320px, 82vw);
  background: #0a1a12;
  border-left: 1px solid var(--borderS);
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  padding: 90px 28px 28px;
  transform: translateX(100%);
  transition: transform .3s ease;
  z-index: 1000;
  overflow-y: auto
  }

  .nlinks.open {
  transform: translateX(0);
  box-shadow: -20px 0 50px rgba(0, 0, 0, .5)
  }

  .nlinks li {
  width: 100%;
  border-bottom: 1px solid var(--borderS)
  }

  .nlinks a {
  display: block;
  padding: 14px 4px;
  font-size: 1rem
  }

  /* new  */
  
  .navburger {
  display: flex
  }

  #navCta {
  display: none
  }

  .locale-control {
  margin-left: auto
  }

  .navburger.hide-cta-shown {
  display: flex
  }
}

/* Tablets */
@media(max-width:860px) {

  nav,
  .topbar,
  section,
  footer {
  padding-left: 20px;
  padding-right: 20px
  }

  .topbar {
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  text-align: center;
  font-size: .7rem
  }

  .tbr {
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px
  }

  .fgrid {
  grid-template-columns: 1fr 1fr;
  gap: 28px
  }
}

/* Large phones */
@media(max-width:600px) {

  nav,
  .topbar,
  section,
  footer {
  padding-left: 16px;
  padding-right: 16px
  }

  nav {
  padding-top: 10px;
  padding-bottom: 10px
  }

  .nlogo img {
  height: 32px
  }

  .fgrid {
  grid-template-columns: 1fr;
  gap: 30px;
  text-align: left
  }

  .socs {
  justify-content: flex-start
  }

  .fbot {
  flex-direction: column;
  align-items: flex-start;
  text-align: left
  }

  .fblinks {
  flex-wrap: wrap;
  gap: 10px 16px
  }
}

/* Small phones */
@media(max-width:420px) {
  .topbar {
  font-size: .66rem
  }
}

/* Review-build overflow guard for Safari and narrow screens. */
html, body { max-width: 100%; overflow-x: hidden }
img, video, iframe { max-width: 100%; height: auto }
/* === FINAL GLOBAL HEADER + PREMIUM PAGE FIX === */
.fishinity-global-topbar{min-height:38px;display:flex;align-items:center;justify-content:space-between;padding:7px 64px!important;background:#071d14!important;border-bottom:1px solid rgba(255,255,255,.07)!important}
.fishinity-global-topbar .topbar-contact,.fishinity-global-topbar .tbr{display:flex;align-items:center;gap:15px;flex-wrap:wrap}
.fishinity-global-topbar a,.fishinity-global-topbar span{font-size:.78rem;color:rgba(255,255,255,.58);text-decoration:none}
.fishinity-global-topbar a:hover,.fishinity-global-topbar .top-login{color:var(--green)!important}
.fishinity-global-nav{min-height:76px;padding:12px 64px!important;display:flex!important;align-items:center!important;gap:28px!important;background:rgba(7,29,20,.96)!important;border-bottom:1px solid rgba(255,255,255,.07)!important;backdrop-filter:blur(18px)}
.fishinity-global-nav .nlogo{display:flex!important;align-items:center!important;flex:0 0 auto!important;width:170px!important;min-width:170px!important;text-decoration:none!important}
.fishinity-global-nav .nlogo img{display:block!important;width:auto!important;height:44px!important;max-width:165px!important;object-fit:contain!important}
.fishinity-global-nav .nlinks{display:flex!important;align-items:center!important;gap:19px!important;margin:0!important;padding:0!important;list-style:none!important;flex:1 1 auto!important}
.fishinity-global-nav .nlinks a{font-size:.91rem!important;font-weight:650!important;letter-spacing:-.01em!important;white-space:nowrap!important;color:rgba(255,255,255,.58)!important;text-decoration:none!important}
.fishinity-global-nav .nlinks a:hover,.fishinity-global-nav .nlinks a.active,.fishinity-global-nav .nlinks a.act{color:var(--green)!important}
.fishinity-global-nav #navCta{flex:0 0 auto!important;padding:11px 23px!important}
.fishinity-global-nav .locale-control{flex:0 0 auto!important;margin-left:0!important}
.fishinity-global-nav .locale-control select{min-width:150px!important;height:44px!important;border-radius:22px!important;padding:0 38px 0 38px!important;background:#0b2b1e!important;border:1px solid rgba(62,207,122,.38)!important;color:#fff!important;font-weight:650!important}
@media(max-width:1320px){.fishinity-global-nav{gap:18px!important;padding-left:34px!important;padding-right:34px!important}.fishinity-global-nav .nlogo{width:145px!important;min-width:145px!important}.fishinity-global-nav .nlinks{gap:14px!important}.fishinity-global-nav .nlinks a{font-size:.84rem!important}}
@media(max-width:1180px){.fishinity-global-topbar{padding-left:24px!important;padding-right:24px!important}.fishinity-global-nav{padding-left:24px!important;padding-right:24px!important}.fishinity-global-nav .nlinks{position:fixed!important;top:0!important;right:0!important;height:100vh!important;width:min(360px,86vw)!important;background:#071d14!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important;padding:90px 28px 28px!important;transform:translateX(100%)!important;transition:.3s!important;z-index:1000!important;overflow-y:auto!important}.fishinity-global-nav .nlinks.open{transform:translateX(0)!important}.fishinity-global-nav .nlinks li{width:100%!important;border-bottom:1px solid rgba(255,255,255,.07)!important}.fishinity-global-nav .nlinks a{display:block!important;width:100%!important;padding:13px 4px!important;font-size:1rem!important}.fishinity-global-nav .navburger{display:flex!important}.fishinity-global-nav #navCta{display:none!important}.fishinity-global-nav .locale-control{margin-left:auto!important}}
@media(max-width:700px){.fishinity-global-topbar{display:none!important}.fishinity-global-nav{min-height:68px!important;padding:10px 18px!important}.fishinity-global-nav .nlogo{width:132px!important;min-width:132px!important}.fishinity-global-nav .nlogo img{height:38px!important}.fishinity-global-nav .locale-control select{min-width:120px!important}}

/* Franchise premium polish */
.franchise-wrap,.builder-wrap{max-width:1240px!important;padding:86px 28px 110px!important}
.franchise-hero,.builder-hero{position:relative!important;max-width:1040px!important;padding:72px 44px!important;border:1px solid rgba(62,207,122,.18)!important;border-radius:32px!important;background:radial-gradient(circle at 75% 15%,rgba(62,207,122,.16),transparent 34%),linear-gradient(145deg,rgba(24,68,46,.65),rgba(9,31,22,.94))!important;box-shadow:0 30px 90px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.04)!important;overflow:hidden!important}
.franchise-hero:after,.builder-hero:after{content:'';position:absolute;width:340px;height:340px;border:1px solid rgba(62,207,122,.14);border-radius:50%;right:-130px;bottom:-190px;box-shadow:0 0 0 44px rgba(62,207,122,.025),0 0 0 88px rgba(62,207,122,.018);pointer-events:none}
.franchise-hero h1,.builder-hero h1{font-size:clamp(2.8rem,6vw,5.4rem)!important;line-height:.98!important;position:relative;z-index:1}
.franchise-hero p,.builder-hero p{font-size:1.03rem!important;max-width:760px!important;position:relative;z-index:1}
.franchise-actions,.builder-actions{position:relative;z-index:1;margin-top:30px!important}
.franchise-hero-pills,.builder-hero-pills{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:28px;position:relative;z-index:1}
.franchise-hero-pills span,.builder-hero-pills span{padding:9px 14px;border-radius:999px;border:1px solid rgba(62,207,122,.22);background:rgba(3,20,13,.38);color:rgba(255,255,255,.74);font-size:.78rem;font-weight:700}
.franchise-section,.builder-section{margin-top:92px!important;position:relative}
.franchise-heading,.builder-heading{max-width:820px!important;margin-bottom:32px!important}
.franchise-heading h2,.builder-heading h2{font-size:clamp(2rem,3.6vw,3.05rem)!important;line-height:1.08!important;margin-top:8px!important}
.franchise-heading p,.builder-heading p{font-size:.98rem!important}
.franchise-grid,.builder-grid{gap:20px!important}
.franchise-card,.builder-card{position:relative!important;overflow:hidden!important;min-height:210px!important;padding:28px!important;border-radius:22px!important;border:1px solid rgba(62,207,122,.14)!important;background:linear-gradient(155deg,rgba(23,58,40,.96),rgba(11,34,24,.96))!important;box-shadow:0 14px 40px rgba(0,0,0,.18)!important;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease!important}
.franchise-card:before,.builder-card:before{content:'';position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,var(--green),transparent 75%)}
.franchise-card:after,.builder-card:after{content:'';position:absolute;width:120px;height:120px;border-radius:50%;right:-60px;top:-60px;background:rgba(62,207,122,.055)}
.franchise-card:hover,.builder-card:hover{transform:translateY(-6px)!important;border-color:rgba(62,207,122,.36)!important;box-shadow:0 24px 60px rgba(0,0,0,.28)!important}
.franchise-card h3,.builder-card h3{font-size:1.1rem!important;margin-bottom:11px!important;position:relative;z-index:1}
.franchise-card p,.builder-card p,.franchise-card li,.builder-step p{font-size:.88rem!important;line-height:1.72!important;position:relative;z-index:1}
.builder-process{gap:18px!important}.builder-step{padding:22px!important;border:1px solid rgba(62,207,122,.14)!important;border-left:3px solid var(--green)!important;border-radius:18px!important;background:linear-gradient(155deg,rgba(23,58,40,.8),rgba(11,34,24,.9))!important}.builder-step strong{display:block;margin-bottom:8px;font-size:1rem!important}.builder-note{padding:24px!important;border-radius:20px!important;background:rgba(62,207,122,.055)!important;border-color:rgba(62,207,122,.2)!important}.franchise-faq details,.builder-faq details{background:rgba(19,42,30,.72)!important;border:1px solid rgba(255,255,255,.07)!important;border-radius:16px!important;padding:18px 20px!important;margin-bottom:10px!important}.franchise-faq summary,.builder-faq summary{font-size:.95rem!important}.franchise-footer,.builder-footer{margin-top:34px!important}
@media(max-width:900px){.franchise-hero,.builder-hero{padding:54px 26px!important;border-radius:26px!important}.franchise-wrap,.builder-wrap{padding:58px 20px 80px!important}}
@media(max-width:600px){.franchise-hero,.builder-hero{padding:42px 20px!important}.franchise-card,.builder-card{min-height:0!important}.franchise-section,.builder-section{margin-top:64px!important}}
/* === END FINAL FIX === */



/* FISHINITY GLOBAL LANGUAGE SELECTOR */
.fishinity-language-wrap {
  position: relative;
  display: inline-flex;
  align-items: center;
  min-width: 150px;
}

.fishinity-language-wrap::before {
  content: "🌐";
  position: absolute;
  left: 14px;
  z-index: 2;
  pointer-events: none;
  font-size: 14px;
}

.fishinity-language-select {
  width: 100%;
  appearance: none;
  -webkit-appearance: none;
  background:
    linear-gradient(135deg, rgba(62,207,122,.08), rgba(15,36,25,.96));
  color: #ffffff;
  border: 1px solid rgba(62,207,122,.38);
  border-radius: 24px;
  padding: 11px 38px 11px 38px;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  outline: none;
  min-height: 44px;
}

.fishinity-language-select:hover,
.fishinity-language-select:focus {
  border-color: #3ecf7a;
  box-shadow: 0 0 0 3px rgba(62,207,122,.08);
}

.fishinity-language-wrap::after {
  content: "⌄";
  position: absolute;
  right: 14px;
  top: 50%;
  transform: translateY(-55%);
  pointer-events: none;
  color: #ffffff;
  font-size: 16px;
}

.fishinity-language-select option {
  background: #0c1f17;
  color: #ffffff;
}

@media (max-width:1080px) {
  .fishinity-language-wrap {
    min-width: 135px;
  }
}

/* === FISHINITY CANONICAL GLOBAL HEADER === */

.fishinity-global-topbar{
  width:100%;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:0 64px;
  background:#091d14;
  border-bottom:1px solid rgba(255,255,255,.07);
  font-family:"Plus Jakarta Sans",sans-serif;
  font-size:12px;
  color:rgba(255,255,255,.55);
  position:relative;
  z-index:1002;
}

.fishinity-global-topbar a{
  color:rgba(255,255,255,.55);
  text-decoration:none;
  transition:.2s ease;
}

.fishinity-global-topbar a:hover,
.fishinity-global-topbar .top-login{
  color:#3ecf7a;
}

.fishinity-global-socials{
  display:flex;
  align-items:center;
  gap:16px;
}

.fishinity-global-nav{
  min-height:76px;
  width:100%;
  display:flex;
  align-items:center;
  gap:28px;
  padding:0 64px;
  background:rgba(9,29,20,.97);
  border-bottom:1px solid rgba(255,255,255,.07);
  position:sticky;
  top:0;
  z-index:1001;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.fishinity-global-nav .nlogo{
  display:flex;
  align-items:center;
  flex:0 0 auto;
  margin-right:18px;
  text-decoration:none;
}

.fishinity-global-nav .nlogo img{
  height:42px;
  width:auto;
  display:block;
  object-fit:contain;
}

.fishinity-global-links{
  list-style:none;
  display:flex;
  align-items:center;
  gap:23px;
  margin:0;
  padding:0;
  flex:1;
}

.fishinity-global-links a{
  color:rgba(255,255,255,.56);
  text-decoration:none;
  font-size:14px;
  font-weight:650;
  white-space:nowrap;
  transition:.2s ease;
}

.fishinity-global-links a:hover,
.fishinity-global-links a.active{
  color:#3ecf7a;
}

.fishinity-global-links a.active{
  border-bottom:2px solid #3ecf7a;
  padding-bottom:5px;
}

.fishinity-header-actions{
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:26px;
  flex:0 0 auto;
}

.fishinity-main-login{
  min-width:92px;
  height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.16);
  border-radius:10px;
  color:#fff!important;
  text-decoration:none;
  font-size:14px;
  font-weight:750;
  background:transparent;
  transition:.2s ease;
}

.fishinity-main-login:hover{
  border-color:#3ecf7a;
  color:#3ecf7a!important;
}

.fishinity-global-lang{
  position:relative;
  display:flex;
  align-items:center;
  min-width:172px;
}

.fishinity-global-lang::before{
  content:"🌐";
  position:absolute;
  left:15px;
  z-index:3;
  pointer-events:none;
  font-size:14px;
}

.fishinity-global-lang select{
  appearance:none!important;
  -webkit-appearance:none!important;
  width:100%!important;
  min-width:172px!important;
  height:44px!important;
  padding:0 38px 0 41px!important;
  border-radius:24px!important;
  border:1px solid rgba(62,207,122,.38)!important;
  background:#0b281c!important;
  color:#fff!important;
  font-family:"Plus Jakarta Sans",sans-serif!important;
  font-size:13px!important;
  font-weight:650!important;
  outline:none!important;
  cursor:pointer!important;
}

.fishinity-global-lang::after{
  content:"⌄";
  position:absolute;
  right:15px;
  top:50%;
  transform:translateY(-58%);
  color:#fff;
  pointer-events:none;
  font-size:16px;
}

.fishinity-global-lang select option{
  background:#0c1f17!important;
  color:#fff!important;
}

.fishinity-global-burger{
  display:none;
}

@media(max-width:1180px){
  .fishinity-global-nav{
    padding:0 28px;
    gap:18px;
  }
  .fishinity-global-topbar{
    padding:0 28px;
  }
  .fishinity-global-links{
    gap:15px;
  }
  .fishinity-global-links a{
    font-size:13px;
  }
}

@media(max-width:980px){
  .fishinity-global-links{
    display:none;
  }

  .fishinity-global-topbar{
    padding:8px 20px;
    gap:12px;
    flex-wrap:wrap;
  }

  .fishinity-global-socials{
    gap:10px;
    flex-wrap:wrap;
  }

  .fishinity-global-nav{
    padding:0 20px;
  }

  .fishinity-global-lang{
    min-width:140px;
  }

  .fishinity-global-lang select{
    min-width:140px!important;
  }
}