.header .gnav .list02 {
  align-items: center;
}

.header .youtube {
  display: block;
  position: absolute;
  width: 26px;
  height: 18px;
  top: 50%;
  right: 163px;
  transform: translate(0,-50%);
}
.header .youtube i{
  width: 26px;
  height: 18px;
}
.header .youtube i  img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: .3s;
}
.header .youtube i  .blk{
  opacity: 1;
}
.header .youtube i  .wht{
  opacity: 0;
}
.header .youtube.is-active i .wht{
  opacity: 1;
}

.header .insta {
  display: block;
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  right: 117px;
  transform: translate(0,-50%);
}
.header .insta i{
  width: 24px;
  height: 24px;
}
.header .insta i  img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  transition: .3s;
}
.header .insta i  .blk{
  opacity: 1;
}
.header .insta i  .wht{
  opacity: 0;
}
.header .insta.is-active i .wht{
  opacity: 1;
}


.lang {
  width: 170px;
  border: 1px solid #000;
  position: fixed;
  right:  40px;
  bottom: 40px;
  background: #fff;
  cursor: pointer;
  z-index: 100;
}
.lang::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 10px;
  width: 4px;
    height: 4px;
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: translate(0,-50%)rotate(135deg);
    transform: translate(0,-50%)rotate(135deg);
}

.lang select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: none;
outline: none;
background: transparent;
width: 170px; 
height: 40px; 
padding: 0px 15px; 
font-family: "Montserrat", sans-serif; 
font-weight: 600;
  cursor: pointer;
}

@media only screen and (max-width: 767px){
  .lang {
  	right: 10px;
    bottom: 10px;
  }
}
/* Make TEAM RIDER logo visible on mobile dark background */
@media screen and (max-width: 768px) {
  .team-rider-logo {
    filter: invert(1) brightness(200%) !important;
  }
}
/* === UAG Black Friday Popup === */
#bf-popup[aria-hidden="true"] { display:none; }
#bf-popup[aria-hidden="false"] { display:block; }

#bf-popup .bf-overlay {
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.55);
  z-index:9998;
}

#bf-popup .bf-modal {
  position:fixed;
  top:50%; left:50%;
  transform:translate(-50%,-50%);
  background:#111;
  color:#d4af37;
  border-radius:12px;
  padding:18px 20px;
  width:320px;
  text-align:center;
  box-shadow:0 8px 25px rgba(0,0,0,.5);
  border:1px solid rgba(212,175,55,.4);
  z-index:9999;
  animation:bf-pop .25s ease-out;
  font-family:Helvetica, Arial, sans-serif;
}

#bf-popup .bf-heading { font-size:1.25rem; font-weight:700; margin-bottom:4px; }
#bf-popup .bf-dates { font-size:0.9rem; opacity:0.9; margin-bottom:6px; }
#bf-popup .bf-sub { font-size:0.85rem; opacity:0.9; margin-bottom:6px; }

#bf-popup .bf-codebar {
  display:inline-flex;
  align-items:center;
  gap:8px;
  justify-content:center;
  background:#1a1a1a;
  border:1px dashed rgba(212,175,55,.5);
  border-radius:8px;
  padding:6px 10px;
  margin:6px 0;
}
#bf-popup .bf-code { color:#ffd700; font-size:1rem; font-weight:700; }
#bf-popup .bf-copybtn {
  font-size:0.8rem;
  border:1px solid rgba(212,175,55,.5);
  background:#222;
  color:#ffd700;
  padding:4px 8px;
  border-radius:6px;
  cursor:pointer;
}
#bf-popup .bf-jp { font-size:0.8rem; margin-top:6px; line-height:1.4; opacity:0.9; }
#bf-popup .bf-noshow { font-size:0.7rem; opacity:0.7; margin-top:6px; display:flex; justify-content:center; }

#bf-popup .bf-close {
  position:absolute;
  top:6px; right:8px;
  background:none;
  border:none;
  color:#d4af37;
  font-size:22px;
  cursor:pointer;
}

@keyframes bf-pop {
  from { opacity:0; transform:translate(-50%,-48%) scale(.95); }
  to   { opacity:1; transform:translate(-50%,-50%) scale(1); }
}

/* === Stylish UAG Bottom Banner (Premium Gold) === */
#uag-bf-bottom-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 12px 16px;
  background: #0d0d0d;
  text-align: center;
  cursor: pointer;
  z-index: 99999;
  border-top: 1px solid rgba(255, 215, 0, 0.5);
  box-shadow: 0 -4px 12px rgba(255, 215, 0, 0.12);
}

#uag-bf-bottom-banner .uag-bf-bottom-text {
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.4px;
  background: linear-gradient(90deg, #e6c36a, #f9e9a3, #dab45a);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: uagGlow 2.5s ease-in-out infinite;
}

@keyframes uagGlow {
  0%   { text-shadow: 0 0 4px rgba(255,215,0,0.2); }
  50%  { text-shadow: 0 0 12px rgba(255,215,0,0.5); }
  100% { text-shadow: 0 0 4px rgba(255,215,0,0.2); }
}

#uag-bf-bottom-banner:hover { background:#1a1a1a; }

@media (max-width: 480px) {
  #uag-bf-bottom-banner { padding: 10px 12px; }
  #uag-bf-bottom-banner .uag-bf-bottom-text { font-size:0.85rem; }
}