/* ==========================================================
   Air Hair Dryer Landing Page — Brand Overrides & Shared Styles
   This CSS is conditionally loaded only on page.air-landing template.
   ========================================================== */

/* --- Font family for Air landing --- */
body {
  font-family: 'MiSansLatin', 'Poppins', sans-serif;
}

/* --- Air brand gradient override --- */
.air-gradient-text,
.neo-color-text,
.neo-color {
  background: linear-gradient(180deg, #CFC2FF, #8C6DFB) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

/* --- Air landing: remove bold from titles & highlights --- */
.neo-title,
.neo-title .neo-color,
.neo-title .air-ion-compare__title-accent,
.neo-sub-title,
.neo-video-title,
.amf-title,
.amf-title .amf-accent,
.amf-card-text,
.amf-card-text .amf-accent,
.air-gradient-text,
.asy__title,
.air-portable-title,
.air-portable-bottom__title,
.air-drying-speed-title,
.air-ion-compare__title,
.acs__title,
h1, h2, h3, h4 {
  font-weight: normal !important;
}

/* --- Air landing typography (design: 4000px viewport) --- */
/* 主标题普通文字: 100px @4000px → 2.5vw */
.neo-title,
.amf-title {
  font-size: clamp(24px, 2.5vw, 100px) !important;
}

/* 主标题高亮文字: 150px @4000px → 3.75vw */
.neo-title .neo-color,
.neo-title .air-ion-compare__title-accent,
.amf-title .amf-accent,
.air-gradient-text {
  font-size: clamp(36px, 3.75vw, 150px) !important;
}

/* 副标题: 48px @4000px → 1.2vw */
.neo-sub-title,
.amf-subtitle,
.asy__subtitle {
  font-size: clamp(14px, 1.2vw, 48px) !important;
}

/* --- Air feature title gradient (scroll animation handled in section) --- */
[data-scroll-gradient] .neo-title .neo-color,
[data-scroll-gradient] .neo-feature-item .feature-title div,
[data-scroll-gradient] .neo-feature-item .feature-title span {
  background: linear-gradient(
    to bottom,
    #000 0%, #000 50%,
    #CFC2FF 55%, #8C6DFB 100%
  ) !important;
  background-size: 100% 200% !important;
  background-position: top !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
  transition: background-position 1s cubic-bezier(0.4, 0, 0.2, 1);
}

[data-scroll-gradient].in-view .neo-title .neo-color,
[data-scroll-gradient].in-view .neo-feature-item .feature-title div,
[data-scroll-gradient].in-view .neo-feature-item .feature-title span {
  background-position: bottom !important;
}

/* --- Air absolute tabs gradient --- */
.absolute-tabs-content .tab-number {
  background: linear-gradient(180deg, #CFC2FF, #8C6DFB) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  color: transparent !important;
}

/* --- Air comparison table highlight --- */
.neo-vs-container-2 {
  background: linear-gradient(176deg, #FFEEFA 44.78%, #FFF 49%, #EDF5FF 170%) !important;
}

/* --- Air comparison table header gradient --- */
.neo-vs-container-2 .neo-vs-title {
  background: linear-gradient(180deg, #CFC2FF 5.46%, #9B88DF 68.98%);
  color: #fff;
  border-radius: 32px 32px 0 0;
}

/* --- Page background subtle gradient --- */
.main-content {
  background: linear-gradient(114deg, #FFF 4.87%, #F3F8FC 20.64%, #FFF8FC 34.25%, #F7FBFF 55.79%, #FFF 80.34%);
}


/* --- Mobile overrides --- */
@media screen and (max-width: 768px) {
  /* 移动端主标题普通文字 */
  .neo-title,
  .amf-title {
    font-size: clamp(20px, 6.4vw, 32px) !important;
  }

  /* 移动端主标题高亮文字 */
  .neo-title .neo-color,
  .neo-title .air-ion-compare__title-accent,
  .amf-title .amf-accent,
  .air-gradient-text {
    font-size: clamp(28px, 9.6vw, 48px) !important;
  }

  /* 移动端副标题 */
  .neo-sub-title {
    font-size: clamp(12px, 3.4vw, 16px) !important;
  }

  .bottom-tabs-overlay .tab-number,
  .absolute-tabs-content .tab-number {
    background: linear-gradient(180deg, #CFC2FF, #8C6DFB) !important;
    -webkit-background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    background-clip: text !important;
    color: transparent !important;
  }
}

/* --- Unified Title & Subtitle Spacing (Matches Screenshot Reference) --- */
.amf-title,
.air-born-light__hero-title,
.air-portable-title,
.air-portable-bottom__title,
.air-drying-speed-title,
.air-ion-compare__title,
.neo-video-title,
.air-3d-carousel__header .neo-title,
.asy__title,
.acs__title,
.neo-vs-header .neo-title {
  margin-bottom: 0 !important;
}

.amf-subtitle,
.air-born-light__hero-desc,
.air-portable-subtitle,
.air-portable-bottom__desc,
.air-drying-speed-note,
.air-ion-compare__subtitle,
.neo-video-header .neo-sub-title,
.air-3d-carousel__header .neo-sub-title,
.asy__subtitle,
.acs__desc,
.neo-vs-header .neo-sub-title {
  margin-top: clamp(8px, 1.475vw, 16px) !important;
}

/* Also adjust the hero banner subheading (located above the title) for consistency */
.image-banner--subHeading {
  margin-bottom: clamp(8px, 1.2vw, 16px) !important;
}

/* 统一 Section 顶部间距（以 features 160px/80px 为基准） */
.air-portable-section,
.air-drying-speed-section,
.air-ion-compare,
.neo-video-section,
.air-3d-carousel,
.asy,
.acs,
.neo-vs-section {
  margin-top: 160px !important;
}

@media screen and (max-width: 768px) {
  .air-portable-section,
  .air-drying-speed-section,
  .air-ion-compare,
  .neo-video-section,
  .air-3d-carousel,
  .asy,
  .acs,
  .neo-vs-section {
    margin-top: 80px !important;
  }
}

.neo-vs-header {
    padding: 0 15px;
}

@media screen and (min-width: 600px) {
    .neo-vs-header {
        padding: 0 20px !important;
    }
}

@media screen and (min-width: 1200px) {
    .neo-vs-header {
        padding: 0 50px !important;
    }
}

.neo-title {
    font-weight: bold;
    margin-bottom: clamp(25px, 5vw, 50px);
    margin-top: clamp(60px, 10vw, 180px);
    font-size: clamp(18px, 3vw, 45px);
    line-height: 1.5;
}

.neo-sub-title {
    font-size: clamp(12px, 1.5vw, 18px);
    color: #000;
    max-width: 1000px;
    margin: 0 auto;
    line-height: 1.5;
}

.neo-color-text {
    background: linear-gradient(91.41deg, #7B62E7 2.29%, #6A94FB 29.52%, #727BF1 60.67%);
    -webkit-background-clip: text;
    /* 关键：裁剪背景到文字 */
    -webkit-text-fill-color: transparent;
    /* 让文字本身透明 */
    background-clip: text;
    /* 新版标准 */
    color: transparent;
    /* 兼容 */
}

.neo-color {
    background: linear-gradient(91.41deg, #7B62E7 2.29%, #6A94FB 29.52%, #727BF1 60.67%);
    -webkit-background-clip: text;
    /* 关键：裁剪背景到文字 */
    -webkit-text-fill-color: transparent;
    /* 让文字本身透明 */
    background-clip: text;
    /* 新版标准 */
    color: transparent;
    /* 兼容 */
}

.media-b-r {
    border-radius: clamp(10px, 1.5vw, 20px);
}
.btn-primary-1 {
    background: linear-gradient(91.41deg, #7B62E7 2.29%, #6A94FB 29.52%, #727BF1 60.67%);
    -webkit-background-clip: text;
    /* 关键：裁剪背景到文字 */
    -webkit-text-fill-color: transparent;
    /* 让文字本身透明 */
    background-clip: text;
    /* 新版标准 */
    color: transparent;
    /* 兼容 */
    border-color: #727BF1;
}
.neo-special-btn-primary-1 {
    -webkit-text-fill-color: inherit !important;
}
.btn-primary-2 {
    background-origin: border-box !important;
}

#neo_heading {
    font-size: 40px;
}
.neo_heading_2 {
    font-size: 35px;
}
.neo_heading_3 {
    font-size: 14px;
}
@media screen and (max-width: 1200px) {
    #neo_heading {
        font-size: 30px;
    }
    .neo_heading_2 {
        font-size: 25px;
    }
}
@media screen and (max-width: 768px) {
    #neo_heading {
        font-size: 20px;
    }
    .neo_heading_2 {
        font-size: 17px;
    }
    .neo_heading_3 {
        font-size: 10px;
    }
}