/** Shopify CDN: Minification failed

Line 20:19 Unexpected "{"
Line 20:28 Expected ":"
Line 27:19 Unexpected "{"
Line 27:28 Expected ":"
Line 31:19 Unexpected "{"
Line 31:28 Expected ":"
Line 36:19 Unexpected "{"
Line 36:28 Expected ":"
Line 42:19 Unexpected "{"
Line 42:28 Expected ":"
... and 2 more hidden warnings

**/
.m-hero-section .container-full{padding-left:0;padding-right:0}.container-full .m-hero--has-overlay:before{border-radius:0 !important}.m-hero{display:block;position:relative;width:100%;overflow:hidden}.m-hero.m-hero--adapt .m-hero__bg{height:0;padding-block-end:calc(100%/(.0001 + var(--aspect-ratio)))}@media screen and (max-width: 767px){.m-hero.m-hero--adapt .m-hero__bg{padding-block-end:calc(100%/(.0001 + var(--aspect-ratio-mobile, var(--aspect-ratio))))}}.m-hero.m-hero--adapt .m-parallax{position:relative}.m-hero.m-hero--adapt .m-parallax__wrapper{position:absolute;inset:0}.m-hero:not(.m-hero--adapt).m-hero--small .m-hero__bg{height:290px}.m-hero:not(.m-hero--adapt).m-hero--medium .m-hero__bg{height:360px}.m-hero:not(.m-hero--adapt).m-hero--large .m-hero__bg{height:420px}.m-hero:not(.m-hero--adapt).m-hero--fullscreen .m-hero__bg{height:100vh}@media screen and (min-width: 768px){.m-hero:not(.m-hero--adapt).m-hero--small .m-hero__bg{height:420px}.m-hero:not(.m-hero--adapt).m-hero--medium .m-hero__bg{height:560px}.m-hero:not(.m-hero--adapt).m-hero--large .m-hero__bg{height:720px}.m-hero:not(.m-hero--adapt).m-hero--fullscreen .m-hero__bg{height:100vh}}.m-hero--has-overlay:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background-color:var(--color-image-overlay);opacity:var(--opacity-image-overlay);border-radius:var(--blocks-radius)}@media screen and (max-width: 767px){.m-hero--has-overlay.m-hero__mobile-no-overlay::before{display:none}}.m-hero__inner{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;padding-top:40px;padding-bottom:40px}@media screen and (min-width: 768px){.m-hero__inner{padding-top:60px;padding-bottom:60px}}@media screen and (min-width: 1280px){.m-hero__inner{padding-top:100px;padding-bottom:100px}}.m-hero__inner[class*="--middle-"]{align-items:center}.m-hero__inner[class*="--top-"]{align-items:flex-start}.m-hero__inner[class*="--bottom-"]{align-items:flex-end}.m-hero__inner--top-center,.m-hero__inner--bottom-center,.m-hero__inner--middle-center{justify-content:center}.m-hero__inner--top-left,.m-hero__inner--bottom-left,.m-hero__inner--middle-left{justify-content:flex-start}.m-hero__inner--top-right,.m-hero__inner--bottom-right,.m-hero__inner--middle-right{justify-content:flex-end}.m-hero__content{width:max-content}@media screen and (min-width: 768px){.m-hero__content{max-width:56rem}}.m-hero__content p{margin-top:0}.m-hero__title,.m-hero__subtitle{padding-left:0;padding-right:0;display:block}.m-hero__title{margin-bottom:24px}@media screen and (max-width: 767px){.m-hero__title{margin-bottom:12px}}.m-hero__subtitle{margin-bottom:16px}@media screen and (max-width: 767px){.m-hero__subtitle{margin-bottom:8px}}.m-hero__text{margin-bottom:24px}@media screen and (max-width: 767px){.m-hero__text{margin-bottom:16px}}.m-hero__btn{display:flex;align-items:center;gap:24px}@media screen and (max-width: 767px){.m-hero__content br{display:none}.m-hero__content .m-hero__btn .sf__btn:not(.m-button--link){padding-top:7px;padding-bottom:7px}.m-hero--large .m-hero__inner,.m-hero--fullscreen .m-hero__inner{padding-top:80px;padding-bottom:80px}.m-hero--content-stack{overflow:visible;margin-bottom:40px}.m-hero--content-stack .m-hero__inner{position:relative !important;z-index:2;padding-top:32px;padding-bottom:0;display:block}.m-hero--content-stack .m-hero__inner:not(.color-scheme-inherit){padding-bottom:32px}.m-hero--content-stack .m-hero__content{width:100%}.m-hero--content-stack .m-hero__title{color:rgb(var(--color-heading))}.m-hero--content-stack .m-hero__subtitle{color:rgb(var(--color-foreground))}.m-hero--content-stack .m-hero__text{color:rgb(var(--color-foreground-secondary))}.m-hero--content-stack.m-hero--has-overlay:before{display:none}}.m-hero--has-link .m-hero__inner{pointer-events:none;z-index:7}.m-hero--has-link .m-hero__btn{pointer-events:auto}.m-video__bg{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none}.m-video__bg iframe,.m-video__bg video{display:block;position:absolute;left:0;top:0;max-width:none;border:none;width:100%;height:100%;object-fit:cover}
/* === Video hero（仅本区块，手机端缩小文案 & 按钮）=== */
@media (max-width: 767.98px) {
  /* 用 section id 精准作用到这个 Hero（替换为你页面里实际的 section.id，下面是模板写法） */
  #m-hero-section-{{ section.id }} .m-hero__content { 
    max-width: min(92vw, 560px);   /* 控制排版宽度，避免一行塞太多字 */
    margin: 0 auto;
    gap: 8px;
  }

  /* 标题/副标题/正文大小（可按需调数值） */
  #m-hero-section-{{ section.id }} .m-hero__title {
    font-size: clamp(20px, 6.8vw, 28px) !important;
    line-height: 1.15;
  }
  #m-hero-section-{{ section.id }} .m-hero__subtitle {
    font-size: clamp(11px, 3.6vw, 14px) !important;
    line-height: 1.25;
    margin-bottom: 4px;
  }
  #m-hero-section-{{ section.id }} .m-hero__text {
    font-size: clamp(12px, 3.6vw, 14px) !important;
    line-height: 1.5;
  }

  /* 按钮行距与间距 */
  #m-hero-section-{{ section.id }} .m-hero__btn {
    gap: 8px;                     /* 两个按钮之间的距离 */
    margin-top: 8px;
    flex-wrap: wrap;
    justify-content: center;
  }

  /* 按钮尺寸（不改 PC 的 m-button 预设，直接覆盖这个模块下的按钮） */
  #m-hero-section-{{ section.id }} .m-button {
    padding: 8px 14px !important; /* 竖向更窄，横向稍减 */
    font-size: 14px !important;
    line-height: 1.2 !important;
    border-radius: 9999px;
  }
}

/* 若想在稍大手机/平板也应用，可把断点改到 991.98px */
