.yibo_foot {
  position: relative;
  overflow: hidden;
  color: var(--color-second);
  padding: var(--component-gap-md) 0;
  background: var(--color-primary);
}

.yibo_foot a {
  color: inherit;
  line-height: 1.1;
}

.yibo_foot-bg,
.yibo_foot-bg-overlay,
.yibo_foot-watermark {
  position: absolute;
  inset: 0;
}

.yibo_foot-bg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.yibo_foot-bg-overlay {
  width: 100%;
  height: 100%;
}

.yibo_foot-watermark {
  left: 0;
  top: 0;
  width: 20%;
  /* aspect-ratio: 435/200; */
  pointer-events: none;
}

.yibo_foot-watermark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: left;
}

.yibo_foot .container {
  position: relative;
  z-index: 2;
}

.yibo_foot-main,
.yibo_foot-brand,
.yibo_foot-navs,
.yibo_foot-subscribe,
.yibo_foot-bottom,
.yibo_foot-links a,
.yibo_foot-contact-list li,
.yibo_foot-socials,
.yibo_foot-backtop {
  display: flex;
}

.yibo_foot-mobile-toggle {
  display: none;
}

.yibo_foot-mobile-panel {
  display: block;
}

.yibo_foot-main {
  justify-content: space-between;
  gap: calc(var(--component-gap-sm) * 2.1);
}

.yibo_foot-brand {
  flex: 0 1 calc(34% - var(--text-gap));
  flex-direction: column;
}

.yibo_foot-logo {
  display: inline-flex;
  align-items: center;
}

.yibo_foot-logo img {
  display: block;
  width: auto;
  height: clamp(40px, 3.4375vw, 66px);
}

.yibo_foot-title,
.yibo_foot-column-title {
  line-height: 1.25;
}

.yibo_foot-title {
  font-size: var(--text-size);
  font-weight: 700;
  color: var(--color-second);
  margin-top: var(--text-gap);
}

.yibo_foot-desc {
  margin-top: calc(var(--text-gap-sm) * 1.2);
  color: rgba(var(--color-second-rgb), 0.88);
  font-size: var(--text-size-md);
  line-height: 1.41;
  margin-top: var(--text-gap-xs);
}

.yibo_foot-contact-list {
  margin-top: var(--text-gap);
}

.yibo_foot-contact-list,
.yibo_foot-links {
  display: flex;
  flex-direction: column;
  gap: calc(var(--text-gap) * 0.92);
}

.yibo_foot-contact-list li {
  align-items: flex-start;
  gap: var(--text-gap);
  color: var(--color-second);
  font-size: var(--text-size-md);
  line-height: 138.5%;
}

.yibo_foot-contact-list li a {
  line-height: 138.5%;
}

.yibo_foot-contact-icon i.iconfont{
  font-size: var(--text-size-md);
}

.yibo_foot-navs {
  flex: 0 1 calc(48% - var(--text-gap));
  gap: calc(var(--component-gap-sm) * 1.55);
}

.yibo_foot-column {
  min-width: 0;
}

.yibo_foot-column-title {
  margin-bottom: calc(var(--text-gap) * 1.25);
  font-size: var(--text-size);
  font-weight: 700;
  color: var(--color-second);
}

.yibo_foot-links a {
  align-items: center;
  gap: calc(var(--text-gap-md) / 2);
  color: #E1DEDE;
  font-weight: 500;
  font-size: clamp(14px, 0.9375vw, 18px);
  line-height: 1.28;
  transition: transform 0.25s ease, color 0.25s ease;
}

.yibo_foot-links a:hover {
  color: var(--color-second);
  transform: translateX(2px);
}

.yibo_foot-subscribe {
  align-items: center;
  justify-content: space-between;
  gap: var(--text-gap);
  margin-top: calc(var(--component-gap-sm) * 5);
}

.yibo_foot-subscribe-label {
  color: var(--color-second);
  font-size: clamp(10px, 0.625vw, 12px);;
  line-height: 1.2;
  letter-spacing: 0.08em;
}

.yibo_foot-subscribe .social_media_list{
  align-items: center;
  gap: var(--text-gap-lg);
  margin-left: var(--component-gap-sm);
}

.yibo_foot-subscribe .social_media_list .social_media_list_link .social-icon::before{
  font-size: var(--text-size);
  color: var(--color-second);
}

.yibo_foot-subscribe .social_media_list .social_media_list_link:hover .social-icon::before {
  color: var(--color-second);
  transform: translateY(-2px);
}



.yibo_foot-backtop {
  margin-left: auto;
  align-items: center;
  gap: var(--text-gap-sm);
  color: rgba(var(--color-second-rgb), 0.88);
  font-size: clamp(10px, 0.625vw, 12px);;
  line-height: 1.2;
}

.yibo_foot-backtop-icon {
  width: clamp(20px, 1.875vw, 36px);;
  height: clamp(20px, 1.875vw, 36px);;
  border-radius: 50%;
  background: var(--color-second);
  color: var(--color-primary);
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.yibo_foot-divider {
  height: 1px;
  background: rgba(var(--color-second-rgb), 0.24);
  margin-top: var(--text-gap);
}

.yibo_foot-bottom {
  align-items: center;
  justify-content: space-between;
  gap: calc(var(--text-gap) * 1.5);
  margin-top: var(--text-gap);
  color: rgba(var(--color-second-rgb), 0.6);
  font-size: var(--text-size-md);
  line-height: 1.42;
}

.yibo_foot-policies {
  display: flex;
  align-items: center;
  gap: calc(var(--component-gap-sm) * 1.05);
}

@media (max-width: 1500px) {
  .yibo_foot-main {
    gap: calc(var(--component-gap-sm) * 1.5);
  }

  .yibo_foot-navs {
    gap: calc(var(--component-gap-sm) * 1.15);
  }
}

@media (max-width: 1200px) {
  .yibo_foot {
    padding-top: calc(var(--component-gap-sm) * 2.15);
  }

  .yibo_foot-bg {
    background-position: 90% 0;
  }

  .yibo_foot-main {
    flex-direction: column;
    gap: 0;
  }

  .yibo_foot-brand,
  .yibo_foot-navs {
    flex-basis: auto;
  }

  .yibo_foot-navs {
    width: 100%;
    justify-content: space-between;
  }

  .yibo_foot-watermark {
    width: calc(var(--component-gap-sm) * 7.2);
    height: calc(var(--component-gap-sm) * 9.2);
  }
}

@media (max-width: 1200px) {
  .yibo_foot {
    padding-top: calc(var(--component-gap-sm) * 1.6);
    padding-bottom: calc(var(--component-gap-sm) * 1.35);
  }




  .yibo_foot-brand,
  .yibo_foot-navs {
    width: 100%;
  }

  .yibo_foot-mobile-group {
    width: 100%;
    border-bottom: 1px solid rgba(var(--color-second-rgb), 0.18);
  }

  .yibo_foot-mobile-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--text-gap);
    padding: var(--text-gap-sm) 0;
    border: 0;
    background: transparent;
    color: var(--color-second);
    font-size: var(--text-size-lg);
    font-weight: 700;
    text-align: left;
  }

  .yibo_foot-mobile-toggle i {
    transition: transform 0.3s ease;
  }

  .yibo_foot-mobile-group.is-open .yibo_foot-mobile-toggle i {
    transform: rotate(180deg);
  }

  .yibo_foot-mobile-panel {
    display: none;
    padding-bottom: var(--text-gap);
    overflow: hidden;
  }

  .yibo_foot-mobile-group.is-open .yibo_foot-mobile-panel {
    display: block;
  }

  .yibo_foot-title,
  .yibo_foot-column-title {
    display: none;
  }

  .yibo_foot-contact-list {
    margin-top: 0;
  }

  .yibo_foot-navs,
  .yibo_foot-subscribe,
  .yibo_foot-bottom {
    flex-direction: column;
    align-items: flex-start;
  }

  .yibo_foot-backtop {
    margin-left: 0;
  }

  .yibo_foot-policies {
    flex-wrap: wrap;
    gap: var(--text-gap);
  }

  .yibo_foot-watermark {
    display: none;
  }
  .yibo_foot-subscribe {
    margin-top: var(--component-gap-sm);
  }
  .yibo_foot-navs {
    gap: 0;
  }
}