/* 首页专用模块、配置与移动端轮播 */ /* 首页模块布局与响应式细节 */

[id="home-intro"] .hero img {
  object-fit: contain;
  object-position: right center;
}

[id="home-intro"] .hero__image:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 30%;
  background: linear-gradient(0deg, #000000b3 10.86%, #0000 73.72%);
  z-index: 2;
  content: "";
}

@media (max-width: 768px) {
  [id="home-intro"] .home-section-background {
    --color-background-gradient: #1a1a1a !important;
  }
  [id="home-intro"] .hero__image {
    margin-top: 32px;
  }
  [id="home-intro"] .d1 {
    margin-bottom: 16px;
  }
  [id="home-intro"] .h3 {
    text-shadow: -0.65px 0.6px 0.3px rgba(0, 0, 0, 0.83);
    color: #fffc;
  }
}

@media (min-width: 1024px) {
  [id="home-intro"] .hero:after {
    opacity: 1;
    background: linear-gradient(90deg, #1a1a1ab3, #0000 36.135%);
  }
}

@media (max-width: 768px) {
  [id="home-intro"] .hero__content {
    text-align: center;
    margin: 0 auto;
  }
}

[id="home-intro"] .group.group.group {
  margin-top: 34px;
}

@media (max-width: 768px) {
  [id="home-intro"] .group.group.group {
    margin-top: 32px;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

@media (max-width: 768px) {
  [id="home-products"][id="home-products"][id="home-products"] .shopify-section-wrapper {
    padding: 64px 16px;
  }
  [id="home-products"][id="home-products"][id="home-products"] .blockCarousel__inner {
    margin: 0;
  }
}

@media (max-width: 768px) {
  [id="home-spotlight"] .hero__image {
    margin-bottom: 32px;
  }
  [id="home-spotlight"] .hero__content__inner > .group:first-child {
    margin-top: 0;
    margin-bottom: 0;
  }
  [id="home-spotlight"] .eyebrow {
    margin: 0;
  }
  [id="home-spotlight"] .h1 {
    margin-bottom: 16px;
    margin-top: 16px;
  }
  [id="home-spotlight"] .cta {
    margin: 32px auto !important;
  }
}

@media (max-width: 768px) {
  [id="home-gallery"][id="home-gallery"][id="home-gallery"] .shopify-section-wrapper {
    padding: 64px 16px;
    margin: 0;
  }
}

@media (max-width: 768px) {
  [id^="home-watch-"][id^="home-watch-"][id^="home-watch-"] .hero__content {
    margin: auto auto 64px;
  }
  [id^="home-watch-"][id^="home-watch-"][id^="home-watch-"] .group {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
  }
}

/* 首页轮播与圆点 */

.home-carousel-pagination {
  display: none;
}

@media (max-width: 767px) {
  [carousel].home-carousel-mobile {
    overflow: hidden;
  }
  .home-carousel-mobile > .swiper-pagination {
    display: none;
  }
  .home-carousel-pagination:not([hidden]) {
    display: flex;
    justify-content: center;
    gap: 0;
    padding-top: 12px;
    color: #1a1a1a;
  }
  .home-carousel-dot {
    display: grid;
    place-items: center;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
  }
  .home-carousel-dot::before {
    content: "";
    width: 7px;
    height: 7px;
    box-sizing: border-box;
    border: 1px solid currentColor;
    border-radius: 50%;
  }
  .home-carousel-dot[aria-current="true"]::before {
    background: currentColor;
  }
  .home-carousel-dot:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 1px;
  }
}

/* 首屏模块 */

#home-intro strong {
  color: var(--color-text-button);
}

/* 首页商品轮播 */

#home-products .blockCarousel__inner {
  @media (min-width: 769px) {
    margin: 0 21px;
  }
}

#home-products .swiper-button-prev {
  left: -5px;
}

#home-products .swiper-button-next {
  right: -5px;
}

/* Spotlight 模块 */

#home-spotlight .hero__image img {
  object-fit: contain;
}

#home-spotlight .cta {
  @media (max-width: 768px) {
    margin-top: 16px;
    margin-bottom: 36px;
  }
}

/* 三图模块 */

[id="home-gallery"] {
  --color-background: #ebd99d;
  --color-background-gradient: #ebd99d;
  --grid-size: repeat(3, 1fr);
  --grid-size-mobile: repeat(1, 1fr);
  background: var(--color-background);
}

/* 观看平台模块 */

#home-watch .hero {
  background: linear-gradient(90deg, #1a1a1a 50%, #6a6660 100%);
}

#home-watch .swiper-wrapper {
  gap: 0;
}

#home-watch .logogroup {
  box-shadow: 12px 0px 15px rgba(0, 0, 0, 0.25);
  z-index: 2;
}

/* 首页各模块参数 */

body .home-intro-background {
  --text-alignment: left;
  --color-background-gradient: linear-gradient(
    90deg,
    rgba(26, 26, 26, 1) 25.02%,
    rgba(26, 26, 26, 1) 76%,
    rgba(0, 0, 0, 0) 150%
  );
}

body .home-intro-hero {
  --overlay-color: transparent;
  --overlay-opacity: 0.25;
  --overlay-color-mobile: transparent;
  --overlay-opacity-mobile: 0.25;
  --mobile-ratio: 0.6730851519041506;
  --desktop-ratio: 0.4554398148148148;
  --content-background: transparent;
  --content-background-mobile: var(--content-background);
  --text-alignment: left;
  --text-alignment-mobile: center;
  --content-color: #ffffff;
  --content-color-mobile: var(--content-color);
}

body .home-intro-image {
  --image-position: 50% 50%;
  --image-aspect-ratio: 1.4856961220597584;
}

body .home-intro-title {
  --text-color-override: #ffffff;
}

body .home-intro-actions {
  --group-gap: 20px;
  --group-tablet-gap: 15px;
  --group-mobile-gap: 0px;
  --group-alignment: start;
  --group-vertical-alignment: start;
  --group-wrap: no-wrap;
  --group-alignment-tablet: inherit;
  --group-vertical-alignment-tablet: inherit;
  --group-wrap-tablet: inherit;
  --group-alignment-mobile: center;
  --group-vertical-alignment-mobile: center;
  --group-wrap-mobile:;
}

body .home-products-background {
  --text-alignment:;
}

body .home-product-image {
  --image-position: center center;
  --image-aspect-ratio: 1;
}

body .home-spotlight-background {
  --text-alignment: left;
  --color-background-gradient: linear-gradient(0deg, #1a1a1a 9.39%, #6a6660 100%);
}

body .home-spotlight-hero {
  --overlay-color: transparent;
  --overlay-opacity: 0.25;
  --overlay-color-mobile: transparent;
  --overlay-opacity-mobile: 0.25;
  --mobile-ratio: 0.75;
  --desktop-ratio: 0.42857142857142855;
  --content-background: transparent;
  --content-background-mobile: var(--content-background);
  --text-alignment: left;
  --text-alignment-mobile: center;
  --content-color: #ffffff;
  --content-color-mobile: var(--content-color);
}

body .home-square-image {
  --image-position: 50% 50%;
  --image-aspect-ratio: 1;
}

body .home-spotlight-content {
  --group-gap: 0px;
  --group-tablet-gap: 0px;
  --group-mobile-gap: 0px;
  --group-alignment: end;
  --group-vertical-alignment: space-between;
  --group-wrap: no-wrap;
  --group-alignment-tablet: start;
  --group-vertical-alignment-tablet: inherit;
  --group-wrap-tablet: inherit;
  --group-alignment-mobile: center;
  --group-vertical-alignment-mobile: inherit;
  --group-wrap-mobile:;
}

body .home-spotlight-copy {
  --group-gap: 0px;
  --group-tablet-gap: 0px;
  --group-mobile-gap: 0px;
  --group-alignment: start;
  --group-vertical-alignment: start;
  --group-wrap: no-wrap;
  --group-alignment-tablet: inherit;
  --group-vertical-alignment-tablet: inherit;
  --group-wrap-tablet: inherit;
  --group-alignment-mobile: inherit;
  --group-vertical-alignment-mobile: center;
  --group-wrap-mobile:;
}

body .home-spotlight-note {
  --text-color-override: #d1d1d1;
}

body .home-gallery-background {
  --color-background: #ebd99d;
  --color-background-gradient: #ebd99d;
  --grid-size: repeat(3, 1fr);
  --grid-size-mobile: repeat(1, 1fr);
}

body .home-gallery-frame {
  --desktop-ratio: 1;
  --mobile-ratio: 1;
  --image-bg-color: #1a1a1a;
}

body .home-watch-background {
  --color-background: #1a1a1a;
  --color-background-gradient: #1a1a1a;
  --grid-size: repeat(2, 1fr);
  --grid-size-mobile: repeat(1, 1fr);
}

body .home-watch-hero {
  --overlay-color: transparent;
  --overlay-opacity: 0.25;
  --overlay-color-mobile: transparent;
  --overlay-opacity-mobile: 0.25;
  --mobile-ratio: 0.8946135831381732;
  --desktop-ratio: 0.8946135831381732;
  --content-background: transparent;
  --content-background-mobile: var(--content-background);
  --text-alignment: right;
  --text-alignment-mobile: center;
  --content-color: inherit;
  --content-color-mobile: var(--content-color);
}

body .home-watch-image {
  --image-position: 50% 50%;
  --image-aspect-ratio: 1.117801047120419;
}

body .home-watch-actions {
  --group-gap: 20px;
  --group-tablet-gap: 15px;
  --group-mobile-gap: 10px;
  --group-alignment: start;
  --group-vertical-alignment: end;
  --group-wrap: no-wrap;
  --group-alignment-tablet: inherit;
  --group-vertical-alignment-tablet: inherit;
  --group-wrap-tablet: inherit;
  --group-alignment-mobile: center;
  --group-vertical-alignment-mobile: center;
  --group-wrap-mobile:;
}