/** Shopify CDN: Minification failed

Line 1146:24 Unexpected "{"
Line 1146:33 Expected ":"

**/
/* body {
  font-family: "Poppins", sans-serif !important;
} */
body {
  font-family: "Noto Sans", sans-serif !important;
}

/* body {
  font-family: "Inter", sans-serif !important;
} */



[data-armada-animation="pulse"]::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 0 0 0 25px rgba(0, 0, 0, 0.30);
  transform: translate(-50%, -50%) scale(1);
  transform-origin: center center;
  opacity: 0.7;
  pointer-events: none;

  animation: hotspotPulse 1.6s ease-out infinite;
}


@keyframes hotspotPulse {
  0% {
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0.7;
  }

  70% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0;
  }

  100% {
    transform: translate(-50%, -50%) scale(2.5);
    opacity: 0;
  }
}


/* Custom width adjustment for Image with text section */
@media (min-width: 1024px) {
  .image-with-text--compact .max-w-content {
    max-width: min(1500px, 92vw);
  }
}

/* =========================
 * Article hero overlap styling
 * ========================= */

/* 整体容器 */
.article-hero {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}

/* 上方图片区域 */
.article-hero__media {
  position: relative;
  width: min(70vw, 1660px);
  max-width: none;
}

/* 图片外面的比例容器 */
.article-hero__media .aspect-natural,
.article-hero__media .aspect-square,
.article-hero__media .aspect-tall,
.article-hero__media .aspect-wide {
  width: 100%;
  max-height: clamp(220px, 40vh, 480px);
  overflow: hidden;
}

/* 文章头图本身 */
.article-hero__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 下方卡片区域 */
.article-hero__card {
  width: min(95%, 1100px);
  box-shadow: 0 20px 45px rgba(15, 23, 42, 0.12);
  margin-top: clamp(8px, 1vw, 16px);
  position: relative;
  z-index: 2;
  background: #cf1f1f;
  border: 1px solid rgba(0, 0, 0, 0.05);
}

/* 让卡片与图片产生重叠效果（现为正常间距） */
.article-hero__card--overlap {
  margin-top: clamp(-40px, -8vw, -20px);
  margin-bottom: clamp(16px, 2vw, 32px);
}

/* 统一文章 hero 区域内的文字样式 */
.article-hero * {
  color: #ffffff;
  font-size: 1.8rem;
  letter-spacing: 0.05em;

}

/* 覆盖文章标题的全大写样式 */
.article-hero [data-aid="article_title"],
.article-hero h1,
.article-hero h2,
.article-hero h3 {
  text-transform: capitalize !important;
  /* 首字母大写 */
}

/* 阴影 */
.article-hero__card {
  box-shadow:
    0 8px 20px rgba(0, 0, 0, 0.15),
    /* 轻微扩散 */
    0 20px 40px rgba(0, 0, 0, 0.25);
  /* 底部重点阴影 */
}

/* 统一整块 hero 区域的最大宽度 */
:root {
  --article-hero-max-width: 1400px;
  --article-hero-overlap: clamp(-26rem, -22vw, -12rem);
}

/* 图片区域宽度 */
.article-hero__media {
  position: relative;
  width: min(100vw - 120px, var(--article-hero-max-width));
  max-width: 100%;
}

/* 红色卡片宽度，和图片保持一致，稍微缩一点边距 */
.article-hero__card {
  width: clamp(320px, 92vw, var(--article-hero-max-width));
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .article-hero__media {
    width: 100vw !important;
    /* 强制占满手机屏幕宽度 */
    margin-left: -16px !important;
    /* 抵消body默认内边距（根据实际页面调整，无则设0） */
    margin-right: -16px !important;
  }

  /* 图片区域：适配手机屏幕，调整高度和圆角 */
  .article-hero__media .aspect-natural,
  .article-hero__media .aspect-square,
  .article-hero__media .aspect-tall,
  .article-hero__media .aspect-wide {
    border-radius: 0 !important;
    max-height: clamp(180px, 30vh, 320px);
    /* 降低手机端图片高度 */
  }

  /* 卡片区域：宽度占满屏幕，调整重叠和内边距 */
  .article-hero__card {
    width: 100%;
    /* 手机端卡片全屏宽度 */
    padding: 12px 16px;
    /* 增加内边距，优化文字显示 */
  }

  .article-hero__card--overlap {
    margin-top: clamp(-30px, -6vw, -15px);
    /* 调整手机端重叠距离 */
    margin-bottom: clamp(12px, 1.5vw, 24px);
  }

  /* 文字样式：适配手机端字号 */
  .article-hero * {
    font-size: 1rem;
    /* 缩小手机端文字大小 */
    letter-spacing: 0.03em;
  }
}


/* Comparison table card */
.comparison-table-card {
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 0.75rem;
  padding: 1.5rem;
  box-shadow: 0 25px 45px rgba(15, 23, 42, 0.08);
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  min-width: 0;
}

.comparison-table-card__intro {
  display: flex;
  flex-direction: column;
  gap: 0.65rem;
}

.comparison-table-card__eyebrow {
  font-size: 0.85rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #9a1d3a;
  margin: 0;
}

.comparison-table-card__description p {
  margin-bottom: 0.4rem;
}

.comparison-table-card__description p:last-child {
  margin-bottom: 0;
}

.comparison-table-card__table-wrapper {
  overflow-x: auto;
}

.comparison-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 520px;
}

.comparison-table--align-left th,
.comparison-table--align-left td {
  text-align: left;
}

.comparison-table--align-center th,
.comparison-table--align-center td {
  text-align: center;
}

.comparison-table--align-right th,
.comparison-table--align-right td {
  text-align: right;
}

.comparison-table__heading {
  font-size: 0.95rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0.85rem 1rem;
  background: #f5f5f7;
  border-bottom: 1px solid rgba(15, 23, 42, 0.1);
}

.comparison-table__heading--highlight {
  color: #e5252f;
}

.comparison-table__cell {
  font-size: 0.95rem;
  padding: 0.85rem 1rem;
  border-bottom: 1px solid rgba(15, 23, 42, 0.08);
  background: rgba(255, 255, 255, 0.9);
}

.comparison-table__cell--highlight {
  font-weight: 600;
  color: #111827;
  background: rgba(229, 37, 47, 0.06);
}

.comparison-table-card__footer {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
}

.comparison-table-card__footer-text {
  margin: 0;
  font-size: 0.95rem;
}

.comparison-table-card__button {
  width: auto;
}

@media (max-width: 767px) {
  .comparison-table-card {
    padding: 1.25rem;
  }

  .comparison-table {
    min-width: 100%;
  }

  .comparison-table-card__footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .comparison-table-card__button {
    width: 100%;
  }
}

/* Navigation horizontal controls */
@media (min-width: 1024px) {
  :root {
    --navigation-scroll-control-size: 44px;
    --navigation-scroll-control-offset: 14px;
  }
}

.navigation-scroll {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: stretch;
  width: 100%;
  gap: 6px;
  position: relative;
}

.navigation-scroll__viewport {
  overflow-x: hidden;
  overflow-y: visible;
  width: 100%;
}

@media (max-width: 1023px) {
  .navigation-scroll {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .navigation-scroll__viewport {
    overflow: visible;
  }
}

.navigation-scroll__list {
  scroll-behavior: smooth;
  white-space: nowrap;
}

.navigation-scroll__list--scrollable {
  justify-content: flex-start !important;
}

.navigation-scroll__list [data-aid="navigation-list-item"] {
  flex: 0 0 auto;
}

.navigation-scroll__list .break-anywhere,
.navigation-scroll__list summary span,
.navigation-scroll__list summary a {
  white-space: nowrap;
  word-break: normal;
  overflow-wrap: normal;
}

@media (min-width: 1024px) {
  .navigation-scroll__list [data-aid="navigation-list-item"] .nav-link {
    border-bottom: 2px solid #ffffff;
    color: #141414;
    transition: color 0.25s ease, border-color 0.25s ease;
  }

  .navigation-scroll__list [data-aid="navigation-list-item"] .nav-link h5,
  .navigation-scroll__list [data-aid="navigation-list-item"] .nav-link svg {
    color: inherit;
    transition: color 0.25s ease;
  }

  .navigation-scroll__list [data-aid="navigation-list-item"] .nav-link--active {
    color: #c93614;
    border-color: #c93614;
  }

  .navigation-scroll__list [data-aid="navigation-list-item"] .nav-link:not(.nav-link--active):hover,
  .navigation-scroll__list [data-aid="navigation-list-item"] .nav-link:not(.nav-link--active):focus-visible {
    color: #c93614;
    border-color: #c93614;
  }

  .navigation-scroll__list [data-aid="navigation-list-item"] .nav-link:focus-visible {
    outline: none;
  }
}

.navigation-scroll__control {
  display: none;
  align-items: center;
  justify-content: center;
  width: 42px;
  background: #fff;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 4px;
  box-shadow: 0 12px 24px rgba(15, 23, 42, 0.12);
  transition: opacity 0.2s ease;
}

.navigation-scroll__control svg {
  width: 15 px;
  height: 15 px;
}

.navigation-scroll__control[disabled] {
  visibility: hidden;
  pointer-events: none;
}

.navigation-scroll__control--visible {
  display: flex !important;
}

@media (max-width: 1023px) {
  .navigation-scroll {
    grid-template-columns: 1fr;
    gap: 0;
  }

  .navigation-scroll__viewport {
    overflow: visible;
  }
}

@media (min-width: 1024px) {
  .navigation-scroll {
    display: flex;
    align-items: center;
    gap: 0;
    padding-inline: calc(var(--navigation-scroll-control-size, 44px) + var(--navigation-scroll-control-offset, 14px));
  }

  .navigation-scroll__viewport {
    overflow: hidden;
  }

  .navigation-scroll__list {
    scroll-padding-inline: calc(var(--navigation-scroll-control-size, 44px) + var(--navigation-scroll-control-offset, 14px));
  }

  .navigation-scroll__control {
    display: flex;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: var(--navigation-scroll-control-size, 44px);
    height: var(--navigation-scroll-control-size, 44px);
    border-radius: 999px;
    z-index: 3;
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
  }

  .navigation-scroll__control--prev {
    left: var(--navigation-scroll-control-offset, 14px);
  }

  .navigation-scroll__control--next {
    right: var(--navigation-scroll-control-offset, 14px);
  }

  .navigation-scroll__control--visible {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .main-navigation {
    overflow: visible !important;
  }
}

@media (max-width: 1023px) {
  [data-armada-selector="navigation-item-drawer"] {
    position: fixed;
    inset: 0;
    height: 100vh;
    overflow-y: auto;
    z-index: 999;
  }
}


@media (max-width: 1023px) {
  #main-navigation {
    position: fixed !important;
    top: var(--header-bottom-position, 110px) !important; /* 默认回退 110px，确保不压住头部区域 */
    left: 0 !important;
    right: 0 !important;
    height: calc(100vh - var(--header-bottom-position, 110px)) !important;
    transform: none !important;
    translate: none !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    z-index: 1000 !important;
    bottom: auto !important;
  }

  body:has(#main-navigation:not(.invisible)) {
    overflow: hidden;
  }
}

@media (max-width: 1023px) {
  [data-armada-selector="navigation-item-drawer"] {
    position: fixed;
    top: var(--header-bottom-position, 110px);
    left: 0;
    right: 0;
    height: calc(100vh - var(--header-bottom-position, 110px));
    padding-top: 12px;
    overflow-y: auto;
    z-index: 999;
  }
}



/* Ensure animated buttons don't create full-page clickable overlays */
.armament-button {
  position: relative !important;
  display: inline-block;
}

/* Hotspot modal base layout */
.hotspot-modal-card {
  padding: 0 !important;
  border-radius: 22px;
  overflow: hidden;
}

.hotspot-modal-text {
  padding: clamp(18px, 3vw, 32px);
  background: rgba(0, 0, 0, 0.65);
  color: #f6f6f9;
}

.hotspot-modal-text .ship-heading-with-text-and-cta__text :is(p, li) {
  color: rgba(246, 246, 249, 0.85);
}

.hotspot-modal-media {
  align-self: stretch;
}

.hotspot-modal-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}



/* —— 统一两个按钮的大小 —— */
.intercom-lightweight-app-launcher.intercom-launcher,
.custom-whatsapp {
  width: 60px !important;
  height: 60px !important;
  border-radius: 50% !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: fixed !important;
  right: 24px !important;
  /* 两个按钮右侧对齐 */
  z-index: 999999 !important;
}

.custom-whatsapp,
.intercom-lightweight-app-launcher.intercom-launcher {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: fixed !important;
  right: 24px !important;
  z-index: 999999;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

/* WhatsApp 在上面 */
.custom-whatsapp {
  bottom: 88px !important;
}

/* Intercom 在下面 */
.intercom-lightweight-app-launcher.intercom-launcher {
  bottom: 24px !important;
}




/* WhatsApp 图标较复杂，需要更大尺寸 */
.custom-whatsapp svg {
  width: 60px !important;
  height: 60px !important;
}

/* Intercom 图标本身很大，但图案中间较小，需要放大一点 */
.intercom-lightweight-app-launcher svg {
  width: 30px !important;
  height: 30px !important;
}

.collection-split-card__media img {
  width: 400px !important;
  height: auto !important;
  object-fit: contain !important;
  margin-left: auto;
  margin-right: auto;
}

#shopify-section-hotspot-section armada-modal[data-modal-color-scheme] .m-auto {
  background-color: #fff;
}


[data-aid="gallery-grid"]>li {
  width: calc(50% - 12px);
  max-width: calc(50% - 12px);
}

.gallery-card__media {
  aspect-ratio: 2 / 1;
}

.gallery-card__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/*
   HOTSPOT 弹窗整体主题样式 
 */

/* --- 文字区 + 背景颜色统一为白色 --- */
armada-modal[data-modal-id^="hotspot"] .m-auto,
armada-modal[data-modal-id^="hotspot"] .m-auto [data-color-scheme] {
  background-color: #fff !important;
  color: #000 !important;
}

armada-modal[data-modal-id^="hotspot"] .m-auto h4,
armada-modal[data-modal-id^="hotspot"] .m-auto h5,
armada-modal[data-modal-id^="hotspot"] .m-auto h6,
armada-modal[data-modal-id^="hotspot"] .m-auto p {
  color: #000 !important;
}

/* --- 主按钮：红底白字（禁用动画） --- */
armada-modal[data-modal-id^="hotspot"] .armament-button {
  background-color: #cf1f1f !important;
  border-color: #cf1f1f !important;
  color: #fff !important;
}

armada-modal[data-modal-id^="hotspot"] .armament-button[data-armada-animation$="button-primary"] {
  background-color: #cf1f1f !important;
  border-color: #cf1f1f !important;
  color: #fff !important;
}

armada-modal[data-modal-id^="hotspot"] .armament-button[data-armada-animation$="button-primary"]::after {
  background-color: #cf1f1f !important;
  transform: scaleX(1) !important;
}

armada-modal[data-modal-id^="hotspot"] .armament-button[data-armada-animation$="button-primary"]:hover,
armada-modal[data-modal-id^="hotspot"] .armament-button[data-armada-animation$="button-primary"]:focus {
  background-color: #cf1f1f !important;
  color: #fff !important;
}

armada-modal[data-modal-id^="hotspot"] .armament-button[data-armada-animation$="button-primary"]:hover::after,
armada-modal[data-modal-id^="hotspot"] .armament-button[data-armada-animation$="button-primary"]:focus::after {
  transform: scaleX(1) !important;
}

/* --- 卡片主体容器（白底 + 圆角 + 阴影）--- */
armada-modal[data-modal-id^="hotspot"] .m-auto {
  background-color: #fff !important;
  max-height: 600px;
  max-width: min(960px, 92vw);
  margin: 40px auto !important;
  position: relative;
  overflow: visible;
}

armada-modal[data-modal-id^="hotspot"] .m-auto>.grid {
  align-items: stretch;
}

/* 标题、正文、按钮字号整体小一点 */
armada-modal[data-modal-id^="hotspot"] .m-auto h4,
armada-modal[data-modal-id^="hotspot"] .m-auto h5 {
  font-size: 18px !important;
}

armada-modal[data-modal-id^="hotspot"] .m-auto p {
  font-size: 13px !important;
  line-height: 1.5 !important;
}

armada-modal[data-modal-id^="hotspot"] .m-auto .armament-button {
  padding: 10px 20px !important;
  font-size: 13px !important;
}

/* 图片高度限制一下，避免过高 */
armada-modal[data-modal-id^="hotspot"] .m-auto img {
  width: 100%;
  max-height: 50vh;
  height: auto;
  object-fit: contain;
}

/* --- 关闭按钮（X）：移入白色区域、无背景、红色 X --- */
armada-modal[data-modal-id^="hotspot"] [data-armada-selector-alt="modal-close-button"] {
  position: absolute !important;
  top: 16px !important;
  right: 20px !important;
  transform: none !important;

  background: transparent !important;
  /* 去掉圆底 */
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
}



/* 只留红色 X 图标 */
armada-modal[data-modal-id^="hotspot"] [data-armada-selector-alt="modal-close-button"] .fill-current {
  fill: #cf1f1f !important;
}

/* Hotspot 弹窗文字区 — 根据宽度自动缩放字体 */
armada-modal[data-modal-id^="hotspot"] .m-auto p,
armada-modal[data-modal-id^="hotspot"] .m-auto h4,
armada-modal[data-modal-id^="hotspot"] .m-auto h5 {
  font-size: clamp(14px, 1.5vw, 18px) !important;
  line-height: 1.3 !important;
}

/* ====== Hotspot 弹窗：手机端单独样式（垂直布局）====== */
@media (max-width: 768px) {

  /* 1. 整个白色卡片：更窄、更贴合手机屏幕 */
  armada-modal[data-modal-id^="hotspot"] .m-auto {
    max-width: calc(100vw - 24px) !important;
    /* 两侧各留 12px */
    width: 100% !important;
    margin: 12px auto !important;
    /* 上下居中一点点就行 */
    max-height: 65vh !important;
  }

  /* 2. 内部从左右两列 → 一列垂直布局 */
  armada-modal[data-modal-id^="hotspot"] .m-auto>.grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    /* 只保留一列 */
    row-gap: 16px !important;
    /* 上下间距 */
    padding: 16px !important;
    /* 内边距收紧一点 */
  }

  /* 3. 图片全宽显示，竖向排在文字下面 */
  armada-modal[data-modal-id^="hotspot"] .m-auto img {
    width: 100% !important;
    height: auto !important;
    display: block;
  }

  /* 4. 按钮占满一行，看起来更像手机端按钮 */
  armada-modal[data-modal-id^="hotspot"] .m-auto .armament-button {
    width: 100% !important;
    text-align: center !important;
    justify-content: center;
  }

  /* 5. 关闭按钮稍微往里收一点，避免贴边 */
  armada-modal[data-modal-id^="hotspot"] [data-armada-selector-alt="modal-close-button"] {
    top: 12px !important;
    right: 12px !important;
  }

  /* 6. 字体在手机上稍微小一点，避免一屏塞不下太多行 */
  armada-modal[data-modal-id^="hotspot"] .m-auto h4,
  armada-modal[data-modal-id^="hotspot"] .m-auto p {
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
}

@media (max-width: 768px) {
  armada-modal[data-modal-id^="hotspot"] .m-auto {
    margin: 10px auto !important;
    width: 50vw;
    /* 更贴边一点，整体缩小 */
  }

  armada-modal[data-modal-id^="hotspot"] .m-auto img {
    max-width: 45vh;
    max-height: 30vh;
    /* 窗口很窄时图片再矮一点 */
    margin: 0 auto;
  }
}


/* 视频卡片位置 */
/* Video hero – 平板 (769–1023px) */
@media (min-width: 769px) and (max-width: 1023px) {

  /* 图文组件顶部留白（正常生效，和 margin-top 叠加，不冲突） */
  #shopify-section-template--25084488876347__ship_image_with_text_LT47tt .image-with-text--compact {
    padding-top: 300px !important;
  }

  /* 把 transform 换成 margin-top（真实布局位移） */
  [data-aid="video-hero"]~div.flex.items-center.justify-center.flex-col {
    /* transform: translateY(220px) !important; 删掉这行 */
    margin-top: 230px !important;
    /* 220px（原下移距离）+ 10px（原margin-top），直接下移且占真实空间 */
    max-width: 100% !important;
    padding: 1rem 1.2rem !important;
  }
}

/* 主页视频卡片中的位置 */
@media (max-width: 768px) {

  /* Video hero 标题/按钮卡片容器（视频节点之后的 caption 容器） */
  [data-aid="video-hero"]~div.flex.items-center.justify-center.flex-col {
    transform: translateY(80px);
    max-width: 100%;
    padding: 0.8rem 1rem;
  }

  /* ③ 标题缩小一点，让卡片更轻盈 */
  [data-aid="video-hero-heading"] {
    font-size: 1.2rem;
    line-height: 1.35;
    margin-bottom: 0.3rem;
  }

  #shopify-section-template--25084488876347__ship_image_with_text_LT47tt .image-with-text--compact {
    padding-top: 120px !important;
  }

  /* 调整按钮字体大小的位置 */
  [data-armada-button-text] {
    font-size: 0.65rem !important;
    /* 自行调整，比如 0.7rem / 12px */
    line-height: 1.1 !important;
  }
}

/* === Featured blog posts 区域尺寸缩小（桌面端）=== */
@media (min-width: 1000px) {

  /* 1. 缩小这个 section 的上下 padding，让区域整体没那么高 */
  section[data-aid="blog-posts"].theme-section-padding {
    padding-top: 40px;
    /* 可根据需要调，比如 24px/32px */
    padding-bottom: 40px;
  }

  /* 2. 控制轮播整体宽度，不要铺太满 */
  slider-engine.blog-posts-slider--template--25084488876347__blog-posts {
    max-width: 1200px;
    /* 这里就是组件最大宽度，可改 800/900 等 */
    margin-left: auto;
    margin-right: auto;
  }

  /* 3. 调小卡片高度：图片比例 + 文本间距 */
  /* 图片区域从正方形改为 4:3，整体视觉更扁一点 */
  slider-engine.blog-posts-slider--template--25084488876347__blog-posts [data-name="slide"] .aspect-square {
    aspect-ratio: 4 / 3;
  }

  /* 文字区的上内边距缩小，减少竖向空间 */
  slider-engine.blog-posts-slider--template--25084488876347__blog-posts article[data-aid="image-and-text-card"] .text-body.pt-xl {
    padding-top: 16px;
    /* 默认 pt-xl 比较大，这里压一压 */
  }

  /* 标题字体稍微缩小一点，避免撑高 */
  slider-engine.blog-posts-slider--template--25084488876347__blog-posts h3[data-aid="image-text-card-heading"] {
    font-size: 1rem;
    line-height: 0.9;
  }
}

/* Footer 标题字体调大 */
footer h5.font-heading.heading-font-styles {
  font-size: 25px !important;
  /* 想更大可改成 20 或 22 */
  line-height: 1.4 !important;
}

/* 只修改导航选项标题的字体大小 */
.navigation-scroll__viewport h5.font-heading {
  font-size: 16px !important;
  /* 原本14px → 16px */
  white-space: normal !important;
  /* 允许换行 */
  line-height: 1.4 !important;
  /* 行高更舒适 */
}



/* Article content 文字放大 */
.article-main-content .rte {
  font-size: 1.3rem;
  /* 根据需要调整 */
  line-height: 1.9;
}

/* 图片放大并居中 */
.article-main-content .rte img {
  display: block;
  max-width: 90%;
  /* 控制放大比例，可调 */
  margin: 2rem auto;
  /* 居中 */
}

.rte p strong {
  display: block !important;
  text-align: center !important;
  width: 100%;
}



/* 默认状态：按钮背景、文字、边框 */
a[data-aid="button-2"] {
  background-color: #cf1f2f !important;
  /* 默认背景 */
  border-color: #cf1f2f !important;
}

/* 默认文字颜色 */
a[data-aid="button-2"] span[data-armada-button-text] {
  color: #ffffff !important;
}

/* 外层细边框颜色 */
a[data-aid="button-2"] .border {
  border-color: #ffffff !important;
}

/* 关键点：覆盖主题的动画层 ::after，避免变黑 */
a[data-aid="button-2"][data-armada-animation$="button-primary"]::after {
  background-color: #cf1f2f !important;
  /* 跟默认背景保持一致 */
}

/* 让博客轮播在大屏幕时更宽 */
@media (min-width: 1000px) {
  .slider-engine.blog-posts-slider {
    max-width: 1200px !important;
    /* 或者 1400、1600 都可以 */
  }
}

/* Gallery 01 移动端固定正方形图像区域 */
#shopify-section-template--25084488876347__gallery-01 .gallery-card img {
  width: 100% !important;
  height: 200px !important;
  object-fit: cover !important;
  object-position: center !important;
}

/* 天天给我争权限，服了😫 */
@media (max-width: 767px) {
  body #shopify-section-template--25084488876347__gallery-01 .gallery-card img {
    width: 100% !important;
    height: 146px !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  body #shopify-section-template--25084488876347__gallery-01 .gallery-card {
    min-height: 186px;
    display: flex;
    flex-direction: column;
  }

  #shopify-section-template--25084488876347__gallery-01 [data-aid="gallery-card-heading"] {
    font-size: 0.7rem !important;
    /* 建议值：12px，可自行调节 */
    line-height: 1.2 !important;
    padding-top: 0.25rem !important;
    text-align: center !important;
    /* 保证移动端视觉更整齐（可选） */
  }

}


@media (max-width: 767px) {

  /* gallery 容器仍然用 flex */
  #shopify-section-template--25084488876347__gallery-00 [data-aid="gallery-grid"] {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
  }

  /* === 每行 3 个，并确保卡片高度够容纳放大的图标 === */
  #shopify-section-template--25084488876347__gallery-00 [data-aid="gallery-card"] {
    flex: 0 0 calc(33.33% - 12px) !important;
    max-width: calc(33.33% - 12px) !important;
    margin: 0px !important;

    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90px !important;
  }

  /* 图标可以放大，这里 100px 是安全值 */
  #shopify-section-template--25084488876347__gallery-00 [data-aid="gallery-card"] img {
    max-width: 60px !important;
    /* 可以调 80~110 */
    height: auto;
    object-fit: contain !important;
    /* ⭐ 避免拉伸裁剪 */
  }

  /* 压缩外边距，使整体更紧凑 */
  #shopify-section-template--25084488876347__gallery-00 .theme-section-padding {
    padding: 8px 8px !important;
  }
}



body #shopify-section-template--25084488876347__gallery-00 .max-w-margin {
  padding: 149px;
  padding-top: 0;
  padding-right: 149px;
  padding-bottom: 0;
  padding-left: 149px;
}

@media (max-width: 768px) {

  body .image-text-carousel__text-inner,
  [data-aid="image-text-carousel-section"] .md\:w-1\/2.bg-page {
    min-height: 230px !important;
  }
}

/* 默认状态：按钮背景、文字、边框 */
a[data-aid="button-2"] {
  background-color: #cf1f2f !important;
  /* 默认背景 */
  border-color: #cf1f2f !important;
}

/* 默认文字颜色 */
a[data-aid="button-2"] span[data-armada-button-text] {
  color: #ffffff !important;
}

/* 外层细边框颜色 */
a[data-aid="button-2"] .border {
  border-color: #ffffff !important;
}

/* 关键点：覆盖主题的动画层 ::after，避免变黑 */
a[data-aid="button-2"][data-armada-animation$="button-primary"]::after {
  background-color: #cf1f2f !important;
  /* 跟默认背景保持一致 */
}

/* 悬停状态：背景、文字、边框 */
a[data-aid="button-2"]:hover {
  background-color: #cf1f2f !important;
  /* hover 背景 */
  border-color: #cf1f2f !important;
}

/* 悬停时的文字颜色 */
a[data-aid="button-2"]:hover span[data-armada-button-text] {
  color: #cf1f2f !important;
}

/* 悬停时动画层的颜色（真正盖在最上面的那层） */
a[data-aid="button-2"][data-armada-animation$="button-primary"]:hover::after {
  background-color: #cf1f2f !important;
  /* 和 hover 背景保持一致 */
}

/* 悬停时外层边框颜色 */
a[data-aid="button-2"]:hover .border {
  border-color: #cf1f2f !important;
}

/* 让博客轮播在大屏幕时更宽 */
@media (min-width: 1000px) {
  .slider-engine.blog-posts-slider {
    max-width: 1200px !important;
    /* 或者 1400、1600 都可以 */
  }
}

 body #shopify-section-{{ section.id }} .gallery-card { width: calc(25% - 24px); }





/* 首页 image-text-carousel 模块：右边文字强制改成白色 */
section[data-aid="image-text-carousel-section"] .text-body,
section[data-aid="image-text-carousel-section"] .text-body * {
  color: #ffffff !important;
}


/* Reposition Linguise language switcher and allow dropdown to overflow */
.linguise_switcher_wrapper {
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 99999 !important;
  overflow: visible !important;
}

/* Override inline positioning on the UL element itself */
.linguise_switcher_wrapper ul.linguise_switcher {

  top: 20px !important;
  right: 120px !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 100000 !important;
  overflow: visible !important;
}