/**

 * ======= sanxio store-front home blocks start ===========

 * 与主站 unified 区块同款：依赖 home-sections.css + home-premium.css（body.sanxio-home-premium-page）

 */

body.sx-store-advanced--home .sca-viewport {

  padding-top: var(--sanxio-gap-md);

}

body.sx-store-advanced--home .sca-home {

  display: flex;

  flex-direction: column;

  gap: var(--sanxio-content-gap);

  min-width: 0;

}

body.sx-store-advanced--home .sca-feed {

  display: flex;

  flex-direction: column;

  gap: var(--sanxio-content-gap);

}



/* 非 unified 兜底（当前 Feed 块均已 unified） */

body.sx-store-advanced--home .sca-block:not(.sanxio-home-section-card--unified-list):not(.sanxio-home-section-card--unified-carousel) {

  background: var(--md3-color-surface);

  border-radius: var(--md3-shape-lg, 16px);

  border: 1px solid var(--md3-color-outline-variant);

  overflow: hidden;

  box-shadow: 0 1px 4px color-mix(in srgb, var(--md3-color-on-surface) 4%, transparent);

}



body.sx-store-advanced--home .sca-block:not(.sanxio-home-section-card--unified-list):not(.sanxio-home-section-card--unified-carousel) .sca-block__head {

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: var(--sanxio-gap-md);

  padding: var(--sanxio-gap-md) var(--sanxio-card-px);

  border-bottom: none;

  background: var(--md3-color-surface-container-low);

}



/* unified 组头由 home-premium 绘制顶线/竖条；勿用旧 sca 头底与胶囊「更多」 */

body.sx-store-advanced--home .sca-block.sanxio-home-section-card--unified-list .sca-block__head,

body.sx-store-advanced--home .sca-block.sanxio-home-section-card--unified-carousel .sca-block__head {

  margin-bottom: 0;

}



body.sx-store-advanced--home .sanxio-home-section-card--unified-list .sca-block__more,

body.sx-store-advanced--home .sanxio-home-section-card--unified-carousel .sca-block__more {

  display: none;

}



body.sx-store-advanced--home .sca-block__title {

  margin: 0;

  font-size: 17px;

  font-weight: 700;

  letter-spacing: -0.02em;

  line-height: 1.3;

}



body.sx-store-advanced--home .sanxio-home-section-card--unified-list .sca-block__title,

body.sx-store-advanced--home .sanxio-home-section-card--unified-carousel .sca-block__title {

  font-size: var(--text-lg, 16px);

  font-weight: 700;

  letter-spacing: 0;

}



body.sx-store-advanced--home .sca-block__more {

  flex-shrink: 0;

  font-size: 13px;

  font-weight: 600;

  color: var(--md3-color-primary);

  text-decoration: none;

  white-space: nowrap;

  padding: 6px 12px;

  border-radius: 999px;

  background: color-mix(in srgb, var(--md3-color-primary) 10%, transparent);

  transition: background 0.2s ease, color 0.2s ease;

}

body.sx-store-advanced--home .sca-block__more:hover {

  background: color-mix(in srgb, var(--md3-color-primary) 16%, transparent);

}



/* unified 内容轨：与主站组头下缘对齐 */

body.sx-store-advanced--home .sca-block.sanxio-home-section-card--unified-list .sca-block__body,

body.sx-store-advanced--home .sca-block.sanxio-home-section-card--unified-carousel .sca-block__body {

  padding: 0 var(--sx-home-rail-end, 0) var(--sanxio-gap-sm, 8px) var(--sx-home-rail-start, 0);

  margin-top: 0;

  box-sizing: border-box;

}



body.sx-store-advanced--home .sca-block--story.sanxio-home-section-card--unified-list .sca-block__body {

  padding: var(--sanxio-gap-sm, 8px) var(--sanxio-card-px, 12px) var(--sanxio-gap-sm, 8px);

}



body.sx-store-advanced--home .sanxio-home-section-card--unified-list .sca-list,

body.sx-store-advanced--home .sanxio-home-section-card--unified-list .sca-block__grid {

  padding-left: 0;

  padding-right: 0;

  box-sizing: border-box;

}



body.sx-store-advanced--home .sanxio-home-section-card--unified-list .sca-rail-scroll {

  padding-left: 0;

  padding-right: 0;

  margin-left: 0;

  margin-right: 0;

}



body.sx-store-advanced--home .sca-block:not(.sanxio-home-section-card--unified-list):not(.sanxio-home-section-card--unified-carousel) .sca-block__body {

  padding: var(--sanxio-card-py) var(--sanxio-card-px);

}



body.sx-store-advanced--home .sca-block--products .sca-block__empty {

  padding: var(--sanxio-content-gap) var(--sanxio-card-px);

}



body.sx-store-advanced--home .sca-rail-scroll {

  display: flex;

  gap: var(--sanxio-gap-sm);

  overflow-x: auto;

  scroll-snap-type: x mandatory;

  padding-bottom: 4px;

  margin: 0 calc(-1 * var(--sanxio-gap-sm));

  padding-left: var(--sanxio-gap-sm);

  padding-right: var(--sanxio-gap-sm);

  -webkit-overflow-scrolling: touch;

}

body.sx-store-advanced--home .sca-rail-scroll .sca-card {

  flex: 0 0 min(72vw, 220px);

  scroll-snap-align: start;

}

@media (min-width: 768px) {

  body.sx-store-advanced--home .sca-block__grid {

    display: grid;

    grid-template-columns: repeat(2, 1fr);

    gap: var(--sanxio-gap-md);

  }

  body.sx-store-advanced--home .sca-block--story .sca-block__body {

    padding: var(--sanxio-content-gap) var(--sanxio-card-px);

  }

}

@media (min-width: 1024px) {

  body.sx-store-advanced--home .sca-block__grid {

    grid-template-columns: repeat(4, 1fr);

  }

}

body.sx-store-advanced--home .sca-story {

  display: grid;

  gap: var(--sanxio-content-gap);

}

@media (min-width: 768px) {

  body.sx-store-advanced--home .sca-story {

    grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);

    align-items: center;

    gap: var(--sanxio-content-gap);

  }

}

body.sx-store-advanced--home .sca-story__media {

  border-radius: var(--md3-shape-md, 12px);

  overflow: hidden;

  border: 1px solid var(--md3-color-outline-variant);

  background: var(--md3-color-surface-container);

}

body.sx-store-advanced--home .sca-story__media img {

  width: 100%;

  border-radius: 0;

  object-fit: cover;

  aspect-ratio: 4 / 3;

  max-height: none;

  display: block;

  vertical-align: middle;

}

@media (min-width: 768px) {

  body.sx-store-advanced--home .sca-story__media img {

    aspect-ratio: 16 / 10;

    min-height: 200px;

  }

}

body.sx-store-advanced--home .sca-story__copy {

  display: flex;

  flex-direction: column;

  align-items: flex-start;

  gap: var(--sanxio-gap-md);

}

body.sx-store-advanced--home .sca-story__intro {

  margin: 0;

  color: var(--md3-color-on-surface-variant);

  font-size: 14px;

  line-height: 1.65;

  display: -webkit-box;

  -webkit-line-clamp: 5;

  -webkit-box-orient: vertical;

  overflow: hidden;

}

body.sx-store-advanced--home .sca-story__copy .md3-btn {

  margin-top: var(--sanxio-gap-sm);

}

body.sx-store-advanced--home .sca-block__empty {

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  gap: var(--sanxio-gap-sm);

  padding: var(--sanxio-content-gap) var(--sanxio-card-px);

  text-align: center;

  color: var(--md3-color-on-surface-variant);

  font-size: 14px;

}

body.sx-store-advanced--home .sca-block__empty .material-symbols-outlined {

  font-size: 36px;

  opacity: 0.55;

}

body.sx-store-advanced--home .sca-block__empty p {

  margin: 0;

}

body.sx-store-advanced--home .sca-feed-empty {

  text-align: center;

  padding: 48px var(--sanxio-card-px);

  background: var(--md3-color-surface);

  border-radius: var(--md3-shape-lg, 16px);

  border: 1px solid var(--md3-color-outline-variant);

}

body.sx-store-advanced--home .sca-feed-empty .material-symbols-outlined {

  font-size: 40px;

  color: var(--md3-color-on-surface-variant);

}

/**

 * ======= sanxio store-front home blocks end ===========

 */