/* ---- GO VOYAGE MOBILE MENU ---- */
.gv-menu{
  --blue:#0B3AA9;
  --pillText:#0B3AA9;
  --shadow:0 14px 30px rgba(0,0,0,.10);
  background:var(--blue);
  color:#fff;
  position:relative;
  padding-bottom: 0px; /* mailbar için */
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial;
  height: max-content;
}

.gv-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:18px 16px 10px;
}

.gv-back{
  width:44px;height:44px;
  border:0;
  background:transparent;
  color:#fff;
  display:grid;
  place-items:center;
  border-radius:14px;
}
.gv-back svg{width: 40px;height: 40px;fill:#fff;position: relative;left: 10px;z-index: 2;}

.gv-brand{flex:1; text-align:center; display:flex; flex-direction:column; align-items:center; gap:8px;}
.gv-logo{
  font-weight:900;
  letter-spacing:.3px;
  font-size:42px;
  line-height:1;
  text-transform:none;
}
@media (max-width:380px){
  .gv-logo{font-size:36px;}
}

.gv-ig{
  display:flex;
  align-items:center;
  gap:10px;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  opacity:.95;
}
.gv-ig svg{width: 22px;height: 22px;fill:#fff;opacity: 100%;position: relative;top: 2px;}
.gv-ig span{font-size: 16px;letter-spacing:.2px;}

.gv-lang{
  width:44px;height:44px;
  display:grid;
  place-items:center;
  text-decoration:none;
  border-radius:14px;
}
.gv-flag{
  width:28px;height:18px;
  border-radius:4px;
  box-shadow:0 0 0 2px rgba(255,255,255,.25) inset;
  background:
    linear-gradient(0deg, transparent 46%, #fff 46% 54%, transparent 54%),
    linear-gradient(90deg, transparent 46%, #fff 46% 54%, transparent 54%),
    linear-gradient(45deg, #C8102E 0 10%, transparent 10% 40%, #C8102E 40% 60%, transparent 60% 90%, #C8102E 90%),
    linear-gradient(-45deg, #C8102E 0 10%, transparent 10% 40%, #C8102E 40% 60%, transparent 60% 90%, #C8102E 90%),
    #012169;
}

.gv-body{
  display:flex;
  justify-content:center;
  padding:12px 16px 0;
  background: white;
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
  margin-top: 10px;
  height: 100%;
}

.gv-card{
  width:min(560px, 100%);
  border-radius:40px;
}

.gv-pill{
  display:flex;
  align-items:center;
  justify-content:center;
  height: 54px;
  margin: 12px 0;
  background:#fff;
  color: var(--pillText) !important;
  text-decoration:none;
  font-weight:900;
  font-size: 18px;
  border-radius:26px;
  box-shadow: var(--shadow);
  font-family: var(--font-heading-family);
}
@media (max-width:420px){
  .gv-pill{height:68px; font-size:30px; border-radius:24px;}
}

.gv-bottom{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:14px;
  padding:10px 4px 6px;
}

.gv-icons{display:flex; gap:14px;}
.gv-i{
  width:26px;height:26px;
  border-radius:6px;
  transform: rotate(0deg);
  position:relative;
}
.gv-i::before{ /* ok ucu hissi */
  content:"";
  position:absolute;
  inset:0;
  clip-path: polygon(18% 18%, 62% 18%, 62% 38%, 82% 38%, 82% 82%, 18% 82%);
  border-radius:6px;
  background: currentColor;
}
.gv-i1{color:#1E4FB5;}
.gv-i2{color:#E94B5B;}
.gv-i3{color:#3CC1A5;}
.gv-i4{color:#F2A33B;}

.gv-note{
  margin:0;
  text-align:center;
  color:#0a0a0a;
  background:transparent;
  font-size: 18px;
  line-height:1.35;
  font-weight: 400;
  opacity:.95;
  font-family: var(--font-heading-family);
}

/* Mail bar */
.gv-mailbar{
  height: 6%;
  color: #fff !important;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  text-decoration:none;
  font-weight: 300;
  font-size:22px;
  box-shadow:0 20px 50px rgba(0,0,0,.25);
  border:1px solid rgba(255,255,255,.12);
  font-family: var(--font-heading-family);
  width: 100%;
  border-top-left-radius: 50px;
  border-top-right-radius: 60px;
  position: absolute;
  bottom: 0;
  background: #0b3aa9;
}
.gv-mailbar svg{width:30px;height:30px; fill:#fff;}
@media (min-width:768px){
  .gv-mailbar{left:50%; right:auto; transform:translateX(-50%); width:min(560px, calc(100% - 32px));}
}

.gv-lang img{
	width: 70%;
	border-radius: 5px;
	position: relative;
	left: -20px;
	z-index: 2;
}

.gv-icons{
	width: 35%;
	text-align: center;
	margin: 0 auto;
}

.gv-brand img {
    width: 15%;
    margin-top: 0px;
}

@media screen and (max-width: 768px){
	.gv-brand img{
		width: 80%;
		margin-top: 0px;
	}
}