/* ==========================================================================
   首页区块样式（page-home.css）

   来源：原始 Shopify 页面快照里内联在各个区块中的 <style>。快照把每个 section 的
   样式直接写在区块内部，导致 HTML 里夹着 30 多段零散 CSS；这里统一抽出来，
   只保留一份（完全相同的块已去重），并保持原有先后顺序 —— CSS 层叠顺序敏感，
   调整这些规则的前后位置可能改变最终样式。

   注意：导航栏 / 抽屉菜单 / 搜索弹窗 / 购物车通知等站点头部样式已并入共用文件
   （css/section-header.css 与 css/component-*.css），本文件只保留首页区块自有样式。
   ========================================================================== */

/* ---------- 快照隐藏工具类 ---------- */
.sf-hidden {
  display: none !important
}

/* ---------- 购物车通知 ---------- */
.cart-item__name:hover {
  text-decoration: underline;
  text-underline-offset: .3rem;
  text-decoration-thickness: .2rem
}

cart-remove-button .button:not([disabled]):hover {
  box-shadow: none;
  color: rgb(var(--color-foreground))
}

cart-remove-button .button:not([disabled]):focus-visible {
  box-shadow: none
}

/* ---------- 横幅 ---------- */
@media screen and (max-width:749px) {
  .banner:before {
    display: none !important
  }
}

@media screen and (min-width:750px) {
  .banner--desktop-transparent .banner__box {
    --color-foreground: 255, 255, 255;
    --color-button: 255, 255, 255;
    --color-button-text: 0, 0, 0
  }
}

@media screen and (max-width:749px) {

  .banner--mobile-bottom:after,
  .banner--mobile-bottom .banner__media:after {
    display: none
  }
}

.banner:after,
.banner__media:after {
  content: "";
  position: absolute;
  top: 0;
  background: #000;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%
}

/* ---------- 轮播幻灯片 ---------- */
.slider::-webkit-scrollbar {
  height: .4rem;
  width: .4rem;
  display: none
}

.no-js .slider::-webkit-scrollbar {
  display: initial
}

.slider::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-foreground));
  border-radius: .4rem;
  border: 0
}

.slider::-webkit-scrollbar-track {
  background: rgba(var(--color-foreground), .04);
  border-radius: .4rem
}

.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  border-color: rgb(var(--color-foreground))
}

.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
.slider-counter__link--numbers:hover {
  transform: scale(1.1)
}

.slider-counter__link--numbers:hover {
  color: rgb(var(--color-foreground))
}

.slider-button:not([disabled]):hover {
  color: rgb(var(--color-foreground))
}

.slider-button--next:not([disabled]):hover .icon {
  transform: rotate(-90deg) scale(1.1)
}

.slider-button--prev:not([disabled]):hover .icon {
  transform: rotate(90deg) scale(1.1)
}

/* ---------- 轮播幻灯片 ---------- */
slideshow-component {
  position: relative;
  display: block
}

slideshow-component .slideshow.banner {
  flex-direction: row;
  flex-wrap: nowrap;
  margin: 0
}

.slideshow__slide {
  padding: 0;
  position: relative;
  display: flex;
  flex-direction: column
}

.slideshow__text.banner__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 54.5rem
}

@media screen and (max-width:749px) {
  .banner--mobile-bottom .slideshow__text.banner__box {
    max-width: 100%
  }

  .banner--mobile-bottom .slideshow__text-wrapper {
    flex-grow: 1
  }

  .banner--mobile-bottom .slideshow__text.banner__box {
    height: 100%
  }
}

@media screen and (min-width:750px) {
  .slideshow__text-wrapper.banner__content {
    height: 100%;
    padding: 5rem
  }
}

.slideshow__controls {
  border: .1rem solid rgba(var(--color-foreground), .08)
}

@media screen and (min-width:750px) {
  .slideshow__controls {
    position: relative
  }
}

slideshow-component:not(.page-width) .slider-buttons {
  border-right: 0;
  border-left: 0
}

.slideshow__control-wrapper {
  display: flex
}

.slideshow__autoplay {
  position: absolute;
  right: 0;
  border-left: none
}

@media screen and (min-width:750px) {
  .slideshow__autoplay.slider-button {
    position: inherit;
    margin-left: .6rem;
    padding: 0 0 0 .6rem;
    border-left: .1rem solid rgba(var(--color-foreground), .08)
  }
}

.slideshow__autoplay .icon.icon-play,
.slideshow__autoplay .icon.icon-pause {
  display: block;
  position: absolute;
  opacity: 1;
  transform: scale(1);
  transition: transform .15s ease, opacity .15s ease;
  width: .8rem;
  height: 1.2rem
}

.slideshow__autoplay .icon.icon-play {
  height: 1rem
}

.slideshow__autoplay path {
  fill: rgba(var(--color-foreground), .75)
}

.slideshow__autoplay:hover path {
  fill: rgb(var(--color-foreground))
}

@media screen and (forced-colors:active) {

  .slideshow__autoplay path,
  .slideshow__autoplay:hover path {
    fill: CanvasText
  }
}

.slideshow__autoplay:hover svg {
  transform: scale(1.1)
}

.slideshow__autoplay:not(.slideshow__autoplay--paused) .icon-play {
  visibility: hidden;
  opacity: 0;
  transform: scale(.8)
}

/* ---------- 轮播幻灯片 ---------- */
@media screen and (max-width:749px) {

  #Slider-template--15504782885085__1640325989968e98c9::before,
  #Slider-template--15504782885085__1640325989968e98c9 .media::before,
  #Slider-template--15504782885085__1640325989968e98c9:not(.banner--mobile-bottom) .banner__content::before {
    padding-bottom: 40.98360655737705%;
    content: "";
    display: block
  }
}

@media screen and (min-width:750px) {

  #Slider-template--15504782885085__1640325989968e98c9::before,
  #Slider-template--15504782885085__1640325989968e98c9 .media::before {
    padding-bottom: 40.98360655737705%;
    content: "";
    display: block
  }
}

/* ---------- 轮播幻灯片 ---------- */
#Slide-template--15504782885085__1640325989968e98c9-1 .banner__media::after {
  opacity: 0.0
}

/* ---------- 富文本 ---------- */
.rte:after {
  clear: both;
  content: "";
  display: block
}

.rte a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: .2rem
}

/* ---------- 精选商品 ---------- */
.card {
  display: block;
  overflow: hidden;
  text-decoration: none
}

.card-information+.card {
  margin-bottom: 1.3rem
}

@media screen and (min-width:750px) {
  .card-information+.card {
    margin-bottom: 1.7rem
  }
}

.card--text-only:before {
  content: "";
  display: block;
  padding-bottom: 100%
}

.card--product {
  position: relative
}

.card--outline:not(.card--soft) {
  border: calc(.1rem/var(--font-body-scale)) solid rgba(var(--color-foreground), .04)
}

.card--light-border:hover {
  border: .1rem solid rgba(var(--color-foreground), .3);
  box-shadow: none
}

.card-information__text {
  display: block;
  margin: 0;
  padding-right: 1.2rem
}

.card-information__wrapper {
  width: 100%
}

.card-information__wrapper>* {
  line-height: calc(1 + .4/var(--font-body-scale));
  color: rgb(var(--color-foreground))
}

.card-information__wrapper>.price {
  color: rgb(var(--color-foreground))
}

.card-information__wrapper>*:not(.visually-hidden:first-child)+*:not(.rating) {
  margin-top: .7rem
}

.card-information__wrapper .caption {
  letter-spacing: .07rem
}

.card-wrapper {
  color: inherit;
  display: flex;
  flex-direction: column;
  position: relative;
  text-decoration: none
}

.card-wrapper .card-information {
  order: 1
}

.card-wrapper .full-unstyled-link:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.card-wrapper .full-unstyled-link:focus-visible {
  outline: 0;
  box-shadow: none
}

.card-wrapper .full-unstyled-link:focus-visible:after {
  outline: .2rem solid rgba(var(--color-foreground), .5);
  outline-offset: .3rem;
  box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgba(var(--color-foreground), .3)
}

.card-wrapper:focus-within .card {
  box-shadow: none
}

.card__badge {
  bottom: 1rem;
  flex-wrap: wrap;
  left: 1rem;
  position: absolute
}

.card:hover .card-colored .overlay-card {
  background-color: rgba(var(--color-card-hover), .06)
}

@media screen and (min-width:990px) {

  .card .media.media--hover-effect>img:only-child,
  .card-wrapper .media.media--hover-effect>img:only-child {
    transition: transform var(--duration-long) ease
  }

  .card:hover .media.media--hover-effect>img:first-child:only-child,
  .card-wrapper:hover .media.media--hover-effect>img:first-child:only-child {
    transform: scale(1.03)
  }

  .card-wrapper:hover .media.media--hover-effect>img:first-child:not(:only-child) {
    opacity: 0
  }

  .card-wrapper:hover .media.media--hover-effect>img+img {
    opacity: 1;
    transition: transform var(--duration-long) ease;
    transform: scale(1.03)
  }

  .card-wrapper:hover .card-information__text {
    text-decoration: underline;
    text-underline-offset: .3rem
  }

  .card-wrapper:hover .card--search img {
    transform: scale(1.05)
  }

  .card-wrapper:hover .card__text {
    text-decoration: underline;
    text-underline-offset: .3rem
  }

  .card-wrapper:hover .card--soft {
    background-color: rgba(var(--color-card-hover), .06);
    transition: background-color var(--duration-long) ease
  }
}

/* ---------- 精选商品 ---------- */
.price {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 1.6rem;
  letter-spacing: .1rem;
  line-height: calc(1 + .5/var(--font-body-scale))
}

.price .price-item {
  margin: 0 1rem 0 0
}

@media screen and (min-width:750px) {
  .price {
    margin-bottom: 0
  }
}

.price__regular {
  display: block
}

.price__sale {
  display: none
}

.unit-price {
  font-size: 1.1rem;
  line-height: calc(1 + .2/var(--font-body-scale));
  margin-top: .2rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), .7)
}

/* ---------- 精选商品 ---------- */
.product-grid .grid__item {
  padding-bottom: 2rem
}

@media screen and (min-width:750px) {
  .product-grid .grid__item {
    padding-bottom: calc(5rem + var(--page-width-margin))
  }
}

/* ---------- 精选商品 ---------- */
.collection {
  position: relative
}

@media screen and (max-width:749px) {
  .collection .title:not(.title--no-heading) {
    margin-top: -1rem
  }
}

/* ---------- 精选商品 ---------- */
.rating-star:before {
  content: "★★★★★";
  background: linear-gradient(90deg, var(--color-icon) var(--percent), rgba(var(--color-foreground), .15) var(--percent));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

/* ---------- 视频 ---------- */
.video-section.page-width {
  margin-top: 5rem;
  margin-bottom: 5rem
}

@media screen and (min-width:750px) {
  .video-section.page-width {
    margin-top: calc(5rem + var(--page-width-margin));
    margin-bottom: calc(5rem + var(--page-width-margin))
  }
}

.video-section__media {
  position: relative;
  padding-bottom: 56.25%
}

.video-section__media.deferred-media {
  overflow: visible
}

.video-section__poster.deferred-media__poster:focus {
  outline-offset: 0.3rem
}

.video-section__poster {
  position: absolute
}

/* ---------- 视频 ---------- */
.deferred-media__poster {
  background-color: transparent;
  border: none;
  cursor: pointer;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%
}

.deferred-media:not([loaded]) template {
  z-index: -1
}

.deferred-media__poster:focus {
  outline-offset: -.3rem
}

.deferred-media__poster-button {
  background-color: rgb(var(--color-background));
  border: .1rem solid rgba(var(--color-foreground), .1);
  border-radius: 50%;
  color: rgb(var(--color-foreground));
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6.2rem;
  width: 6.2rem;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(1);
  transition: transform var(--duration-short) ease, color var(--duration-short) ease;
  z-index: 1
}

.deferred-media__poster-button:hover {
  transform: translate(-50%, -50%) scale(1.1)
}

.deferred-media__poster-button .icon {
  width: 2rem;
  height: 2rem
}

.deferred-media__poster-button .icon-play {
  margin-left: .2rem
}

/* ---------- 富文本 ---------- */
.rich-text {
  margin: auto;
  text-align: center
}

.rich-text.rich-text--full-width {
  max-width: initial;
  width: 100%
}

.rich-text__blocks {
  margin: auto
}

.rich-text__blocks * {
  overflow-wrap: break-word
}

.rich-text--full-width .rich-text__blocks {
  width: calc(100% - 8rem/var(--font-body-scale))
}

.rich-text:not(.color-background-1) {
  padding-top: 5rem;
  padding-bottom: 5rem
}

@media screen and (min-width:750px) {
  .rich-text:not(.color-background-1) {
    padding-top: calc(5rem + var(--page-width-margin));
    padding-bottom: calc(5rem + var(--page-width-margin))
  }

  .rich-text__blocks {
    max-width: 50rem
  }

  .rich-text--full-width .rich-text__blocks {
    width: calc(100% - 15rem)
  }
}

@media screen and (min-width:990px) {
  .rich-text__blocks {
    max-width: 78rem
  }
}

.rich-text__blocks>* {
  margin-top: 0;
  margin-bottom: 0
}

.rich-text__blocks>*+* {
  margin-top: 2rem
}

/* ---------- 多列图文 ---------- */
@media screen and (min-width:750px) {
  .multicolumn.no-heading:not(.background-secondary) {
    margin-top: calc(6rem + var(--page-width-margin))
  }
}

@media screen and (max-width:749px) {
  .multicolumn .title-wrapper-with-link {
    margin-bottom: 3rem
  }
}

.multicolumn-list {
  margin-bottom: 0;
  padding: 0
}

.multicolumn:not(.background-secondary) {
  margin: 5rem 0
}

@media screen and (min-width:750px) {
  .multicolumn:not(.background-secondary) {
    margin: calc(5rem + var(--page-width-margin))0
  }
}

.multicolumn-list h3 {
  line-height: calc(1 + .5/max(1, var(--font-heading-scale)))
}

.multicolumn-list h3,
.multicolumn-list p {
  margin: 0
}

.multicolumn-card__info>:nth-child(2) {
  margin-top: 1rem
}

@media screen and (max-width:749px) {
  .multicolumn .page-width {
    padding: 0
  }

  .multicolumn-list {
    margin: 0;
    width: 100%
  }

  .multicolumn-list__item {
    margin: 0 0 1rem;
    padding: 0
  }

  .multicolumn-list:not(.slider) {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

@media screen and (min-width:750px) {
  .multicolumn-list__item {
    padding-bottom: 0
  }

  .grid--2-col-tablet .multicolumn-list__item {
    max-width: 50%
  }

  .background-none .grid--2-col-tablet .multicolumn-list__item {
    margin-top: 4rem
  }

  .grid--2-col-tablet .multicolumn-list__item:nth-of-type(-n+2) {
    margin-top: 0
  }
}

.multicolumn-card__info {
  padding: 2.5rem
}

.background-none .multicolumn-card__info {
  padding-top: 0;
  padding-left: 0;
  padding-right: 0
}

@media screen and (min-width:750px) {
  .background-none .multicolumn-list .multicolumn-card__info {
    padding-left: 1.5rem;
    padding-right: 1.5rem
  }
}

/* ---------- 轮播幻灯片 ---------- */
slider-component {
  position: relative;
  display: block
}

.slider__slide {
  flex-shrink: 0
}

.slider--everywhere {
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 1rem
}

@media (prefers-reduced-motion) {
  .slider--everywhere {
    scroll-behavior: auto
  }
}

.slider.slider--everywhere .slider__slide {
  margin-bottom: 0;
  padding-bottom: 0;
  scroll-snap-align: center
}

.slider {
  scrollbar-color: rgb(var(--color-foreground)) rgba(var(--color-foreground), .04);
  -ms-overflow-style: none;
  scrollbar-width: none
}

.slider::-webkit-scrollbar {
  height: .4rem;
  width: .4rem;
  display: none
}

.no-js .slider::-webkit-scrollbar {
  display: initial
}

.slider::-webkit-scrollbar-thumb {
  background-color: rgb(var(--color-foreground));
  border-radius: .4rem;
  border: 0
}

.slider::-webkit-scrollbar-track {
  background: rgba(var(--color-foreground), .04);
  border-radius: .4rem
}

.slider-counter {
  margin: 0 1.2rem;
  display: flex;
  min-width: 2rem
}

@media screen and (max-width:749px) {
  .slider-counter--dots {
    margin: 0
  }
}

.slider-counter__link {
  padding: 1rem
}

@media screen and (max-width:749px) {
  .slider-counter__link {
    padding: .7rem
  }
}

.slider-counter__link--dots .dot {
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: .1rem solid rgba(var(--color-foreground), .5);
  padding: 0;
  display: block
}

.slider-counter__link--active.slider-counter__link--dots .dot {
  background-color: rgb(var(--color-foreground))
}

@media screen and (forced-colors:active) {
  .slider-counter__link--active.slider-counter__link--dots .dot {
    background-color: CanvasText
  }
}

.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot {
  border-color: rgb(var(--color-foreground))
}

.slider-counter__link--dots .dot {
  transition: transform .2s ease-in-out
}

.slider-counter__link--dots:not(.slider-counter__link--active):hover .dot,
.slider-counter__link--numbers:hover {
  transform: scale(1.1)
}

.slider-counter__link--numbers:hover {
  color: rgb(var(--color-foreground))
}

.slider-buttons {
  display: flex;
  align-items: center;
  justify-content: center
}

.slider-button {
  color: rgba(var(--color-foreground), .75);
  background: transparent;
  border: none;
  cursor: pointer;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center
}

.slider-button:not([disabled]):hover {
  color: rgb(var(--color-foreground))
}

.slider-button .icon {
  height: .6rem
}

.slider-button--next .icon {
  transform: rotate(-90deg)
}

.slider-button--prev .icon {
  transform: rotate(90deg)
}

.slider-button--next:not([disabled]):hover .icon {
  transform: rotate(-90deg) scale(1.1)
}

.slider-button--prev:not([disabled]):hover .icon {
  transform: rotate(90deg) scale(1.1)
}

/* ---------- 横幅 ---------- */
.banner {
  display: flex;
  position: relative;
  flex-direction: column
}

@media only screen and (min-width:750px) {
  .banner--medium.banner--desktop-transparent .banner__box {
    max-width: 68rem
  }
}

@media screen and (max-width:749px) {
  .banner--medium.banner--mobile-bottom:not(.banner--adapt) .banner__media {
    height: 34rem
  }
}

@media screen and (min-width:750px) {
  .banner {
    flex-direction: row
  }

  .banner--medium:not(.banner--adapt) {
    min-height: 56rem
  }

  .banner__content.banner__content--middle-center {
    align-items: center;
    justify-content: center
  }
}

@media screen and (max-width:749px) {
  .banner:not(.banner--stacked) {
    flex-direction: row;
    flex-wrap: wrap
  }
}

.banner__media {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%
}

@media screen and (min-width:750px) {
  .banner__media {
    height: 100%
  }
}

.banner--adapt_image.banner--mobile-bottom .banner__media:not(.placeholder) {
  height: auto
}

@media screen and (max-width:749px) {
  .banner--mobile-bottom .banner__media {
    position: relative
  }

  .banner:before {
    display: none !important
  }
}

.banner__content {
  padding: 0;
  display: flex;
  position: relative;
  width: 100%;
  align-items: center;
  justify-content: center;
  z-index: 2
}

@media screen and (min-width:750px) {
  .banner__content {
    padding: 5rem
  }
}

@media screen and (max-width:749px) {
  .banner--mobile-bottom:not(.banner--stacked) .banner__content {
    order: 2
  }
}

.banner__box {
  border: 0;
  padding: 4rem 3.5rem;
  position: relative;
  height: fit-content;
  align-items: center;
  text-align: center;
  width: 100%;
  word-wrap: break-word
}

@media screen and (min-width:750px) {
  .banner--desktop-transparent .banner__box {
    background-color: transparent;
    --color-foreground: 255, 255, 255;
    --color-button: 255, 255, 255;
    --color-button-text: 0, 0, 0;
    max-width: 89rem;
    padding: 0
  }
}

@media screen and (max-width:749px) {

  .banner--mobile-bottom:after,
  .banner--mobile-bottom .banner__media:after {
    display: none
  }
}

.banner:after,
.banner__media:after {
  content: "";
  position: absolute;
  top: 0;
  background: #000;
  opacity: 0;
  z-index: 1;
  width: 100%;
  height: 100%
}

@media screen and (min-width:750px) {
  .banner__box {
    width: auto;
    min-width: 45rem
  }
}

@media screen and (min-width:1400px) {
  .banner__box {
    max-width: 90rem
  }
}

/* ---------- 横幅 ---------- */
#Banner-template--15504782885085__1640325701f9069438::after {
  opacity: 0.0
}

/* ---------- 页脚 ---------- */
.footer:not(.color-background-1) {
  border-top: none
}

.footer__content-top {
  padding-bottom: 5rem;
  padding-top: 5rem;
  display: block
}

@media screen and (max-width:749px) {
  .footer__content-top {
    padding-bottom: 3rem;
    padding-left: calc(4rem/var(--font-body-scale));
    padding-right: calc(4rem/var(--font-body-scale))
  }
}

.footer__content-bottom {
  border-top: solid .1rem rgba(var(--color-foreground), .08);
  padding-top: 3rem;
  padding-bottom: 3rem
}

.footer__content-bottom-wrapper {
  display: flex;
  width: 100%
}

@media screen and (max-width:749px) {
  .footer__content-bottom {
    flex-wrap: wrap;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    row-gap: 1.5rem
  }

  .footer__content-bottom-wrapper {
    flex-wrap: wrap;
    row-gap: 1.5rem
  }
}

.footer__column {
  width: 100%;
  align-items: flex-end
}

.footer__column--info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-left: 2rem;
  padding-right: 2rem
}

@media screen and (min-width:750px) {
  .footer__column--info {
    padding-left: 0;
    padding-right: 0;
    align-items: flex-end
  }
}

.footer-block--newsletter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end
}

.footer-block--newsletter:only-child {
  margin-top: 0
}

.footer-block--newsletter>* {
  flex: 1 1 100%
}

@media screen and (min-width:750px) {
  .footer-block--newsletter {
    flex-wrap: nowrap;
    justify-content: space-between
  }
}

.footer-block__heading {
  margin-bottom: 2rem;
  margin-top: 0;
  font-size: calc(var(--font-heading-scale)*1.6rem)
}

@media screen and (min-width:990px) {
  .footer-block__heading {
    font-size: calc(var(--font-heading-scale)*1.8rem)
  }
}

.footer-block__newsletter {
  text-align: center
}

.newsletter-form__field-wrapper {
  max-width: 36rem
}

@media screen and (min-width:750px) {
  .footer__content-bottom {
    border-top-width: .1rem
  }
}

.footer__localization {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  padding: 1rem 1rem 0
}

.localization-form {
  flex-direction: column;
  margin: 0 auto
}

.localization-form:only-child {
  display: inline-flex;
  flex-wrap: wrap;
  flex: initial;
  padding: 1rem 0
}

.localization-form:only-child .localization-form__select {
  margin: 1rem 1rem .5rem;
  flex-grow: 1;
  width: auto
}

.footer__localization h2 {
  margin: 1rem 1rem .5rem;
  color: rgba(var(--color-foreground), .75)
}

@media screen and (min-width:750px) {
  .footer__localization {
    padding: .4rem 0;
    justify-content: flex-start
  }

  .localization-form {
    padding: 1rem 2rem 1rem 0
  }

  .localization-form:first-of-type {
    padding-left: 0
  }

  .localization-form:only-child {
    justify-content: start;
    width: auto;
    margin: 0 0 0-1rem
  }

  .localization-form:only-child .localization-form__select {
    margin: 1rem
  }
}

.localization-form__select {
  box-shadow: 0 0 0 .1rem rgba(var(--color-foreground), .55);
  position: relative;
  margin-bottom: 1.5rem;
  border: .1rem solid transparent;
  padding-left: 1rem;
  text-align: left
}

.localization-form__select .icon-caret {
  position: absolute;
  content: "";
  height: .6rem;
  right: 1.5rem;
  top: calc(50% - .2rem)
}

.localization-selector.link {
  text-decoration: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  color: rgb(var(--color-foreground));
  padding-right: 4rem;
  padding-bottom: 1.5rem
}

.disclosure .localization-form__select {
  padding-top: 1.5rem
}

.localization-selector+.disclosure__list {
  margin-left: 1rem;
  opacity: 1;
  animation: animateLocalization var(--duration-default) ease
}

@media screen and (min-width:750px) {
  .footer__payment {
    margin-top: 1.5rem
  }
}

.footer__copyright {
  text-align: center;
  margin-top: 1.5rem
}

@media screen and (min-width:750px) {
  .footer__copyright {
    text-align: right
  }
}

@keyframes appear-down {
  0% {
    opacity: 0;
    margin-top: -1rem
  }

  to {
    opacity: 1;
    margin-top: 0
  }
}

@media screen and (min-width:750px) {

  .footer-block__details-content .list-menu__item--link:hover,
  .copyright__content a:hover {
    color: rgb(var(--color-foreground));
    text-decoration: underline;
    text-underline-offset: .3rem
  }

  .footer-block__details-content .list-menu__item--active:hover {
    text-decoration-thickness: .2rem
  }
}

.copyright__content a {
  color: currentColor;
  text-decoration: none
}

@keyframes animateLocalization {
  0% {
    opacity: 0;
    transform: translateY(0)
  }

  to {
    opacity: 1;
    transform: translateY(-1rem)
  }
}

.footer .disclosure__link:hover {
  color: rgb(var(--color-foreground))
}

/* ---------- 页脚 ---------- */
.newsletter-form {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative
}

@media screen and (min-width:750px) {
  .newsletter-form {
    align-items: flex-start;
    margin: 0 auto;
    max-width: 36rem
  }
}

.newsletter-form__field-wrapper {
  width: 100%
}

.newsletter-form__field-wrapper .field__input {
  padding-right: 5rem
}

.newsletter-form__button {
  width: 4.4rem;
  margin: 0
}

.newsletter-form__button .icon {
  width: 1.5rem
}

/* ---------- 页脚 ---------- */
.list-payment {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -0.5rem 0;
  padding-top: 1rem;
  padding-left: 0
}

@media screen and (min-width:750px) {
  .list-payment {
    justify-content: flex-end;
    margin: -0.5rem;
    padding-top: 0
  }
}

.list-payment__item {
  align-items: center;
  display: flex;
  padding: 0.5rem
}

/* ---------- 页脚 ---------- */
.list-social {
  flex-wrap: wrap
}

@media only screen and (max-width:749px) {
  .list-social {
    justify-content: center
  }
}

.list-social__link:hover .icon {
  transform: scale(1.07)
}

/* ---------- 页脚 ---------- */
.rte:after {
  clear: both;
  content: "";
  display: block
}

.rte>p:first-child {
  margin-top: 0
}

.rte>p:last-child {
  margin-bottom: 0
}

.rte a:hover {
  color: rgb(var(--color-link));
  text-decoration-thickness: .2rem
}

/* ---------- 页脚 ---------- */
.disclosure {
  position: relative
}

.disclosure__button {
  align-items: center;
  cursor: pointer;
  display: flex;
  height: 4rem;
  padding: 0 1.5rem;
  font-size: 1.3rem;
  background-color: transparent
}

.disclosure__list {
  border: 1px solid rgba(var(--color-foreground), .2);
  font-size: 1.4rem;
  margin-top: -.5rem;
  min-height: 8.2rem;
  max-height: 19rem;
  max-width: 22rem;
  min-width: 12rem;
  width: max-content;
  overflow-y: auto;
  padding-bottom: .5rem;
  padding-top: .5rem;
  position: absolute;
  bottom: 100%;
  transform: translateY(-1rem);
  z-index: 2;
  background-color: rgb(var(--color-background))
}