.footer__custom-text-title {
  padding-block-end: 15px;
}
@media (max-width: 959px) {
  .footer__custom-text-title {
    padding-block-start: 15px;
  }
}
.footer__email-subscribe .field {
  margin-block-end: 0;
}
.footer__email-subscribe form {
  width: 100%;
}
.footer .tips-card {
  margin-block: 10px;
}
.footer__image img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  vertical-align: bottom;
}
.footer__localization-form form {
  display: contents;
}
.footer__localization-form form select {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (max-width: 959px) {
  .footer__localization-form .localization__selector {
    width: 100%;
  }
}
.footer__navigation {
  position: relative;
}
.footer__navigation-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer__navigation-title .icon__arrow,
.footer__navigation-title .icon__minus {
  display: none;
}
@media (max-width: 959px) {
  .footer__navigation-title {
    padding-block-start: 15px;
  }
  .footer__navigation-title .icon__arrow {
    display: inline;
  }
  .footer__navigation-title .icon__minus {
    display: none;
  }
}
.footer__navigation-item {
  padding-block-start: 15px;
}
.footer__navigation-item a {
  display: block;
}
.footer__navigation-item a:hover {
  text-decoration: underline;
  text-underline-offset: 6px;
}
@media (max-width: 959px) {
  .footer__navigation-content {
    height: 0;
    padding-block-end: 15px;
    overflow: hidden;
    opacity: 0;
  }
}
.footer__navigation::after {
  position: absolute;
  inset-block-end: 0;
  inset-inline-start: 0;
  display: none;
  width: 100%;
  height: 1px;
  content: "";
  background-color: rgba(var(--color-text), 0.1);
}
@media (max-width: 959px) {
  .footer__navigation::after {
    display: block;
  }
}
@media (max-width: 959px) {
  .footer__navigation[open] .footer__navigation-title .icon__arrow {
    display: none;
  }
  .footer__navigation[open] .footer__navigation-title .icon__minus {
    display: inline;
  }
}
.footer__navigation[open] .footer__navigation-content {
  height: auto;
  opacity: 1;
}
.footer__payment-icons > svg {
  width: auto;
  height: 22px;
}
/* =========================================================
   Footer 支付方式 + 信任徽章
   ========================================================= */

.footer__payment-area {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 30px;
    width: 100%;
}

/* SHOPLINE 原生支付图标 */
.footer__payment-area .footer__payment-icons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
}

/* 右侧 DMCA / Trustpilot */
.footer__trust-badges {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    flex-shrink: 0;
    gap: 10px;
}

/* 两个徽章 */
.footer__trust-badges-items {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.footer__trust-badge {
    display: block;
    width: auto;
    height: 32px;
    object-fit: contain;
}

.footer__trust-badge--dmca {
    max-width: 120px;
}

.footer__trust-badge--trustpilot {
    max-width: 100px;
}

.footer__trust-copyright {
    font-size: 12px;
    line-height: 1.4;
    white-space: nowrap;
    text-align: right;
}
.footer__social-media-title {
  font-weight: bold;
}
.footer__social-media-content {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.footer {
  background-color: rgb(var(--color-background));
}

/* =========================================================
   移动端 Footer
   支付图标独占一整行
   DMCA / 版权放到下面
   ========================================================= */

@media (max-width: 959px) {

    /* Footer 支付区域整体改成上下排列 */
    .footer__payment-area {
        width: 100% !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: stretch !important;
        justify-content: flex-start !important;

        gap: 20px !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       第一行：支付图标
       ===================================================== */

    .footer__payment-area .footer__payment-icons {
        width: 100% !important;
        max-width: 100% !important;

        display: flex !important;

        flex-direction: row !important;
        flex-wrap: wrap !important;

        justify-content: center !important;
        align-items: center !important;

        gap: 8px !important;

        box-sizing: border-box !important;

        flex: none !important;
    }


    /* 每一个 SHOPLINE 原生支付 SVG */
    .footer__payment-area .footer__payment-icons>svg {
        width: 48px !important;
        height: 30px !important;

        min-width: 48px !important;
        max-width: 48px !important;

        flex: 0 0 48px !important;

        display: block !important;
    }


    /* =====================================================
       第二行：DMCA / Trust Badges
       ===================================================== */

    .footer__payment-area .footer__trust-badges {
        width: 100% !important;
        max-width: 100% !important;

        display: flex !important;
        flex-direction: column !important;

        align-items: center !important;
        justify-content: center !important;

        gap: 10px !important;

        flex: none !important;
    }


    /* DMCA 图标 */
    .footer__payment-area .footer__trust-badges-items {
        display: flex !important;

        flex-direction: row !important;
        flex-wrap: wrap !important;

        justify-content: center !important;
        align-items: center !important;

        gap: 8px !important;
    }


    /* =====================================================
       第三行：版权
       ===================================================== */

    .footer__payment-area .footer__trust-copyright {
        width: 100% !important;

        text-align: center !important;

        white-space: normal !important;

        font-size: 11px !important;
    }

}