/*
Theme Name: AIR POM
Theme URI: https://agingindependence.sg/
Author: Aging Independence Resources
Description: A custom Gutenberg block theme for the POM elder-monitoring landing page.
Version: 4.0.12
Requires at least: 6.6
Requires PHP: 8.1
Text Domain: air-pom
*/

:root {
  /* Typography (Figma: Poppins throughout, weight varies by role) */
  --air-font: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Core palette — hex values verified against Figma export */
  --air-ink: #111111;
  --air-near-black: #0d0d0d;
  --air-cream: #fff9f3;
  --air-cream-alt: #fff4ed;
  --air-sand: #f8eadc;
  --air-sand-alt: #faeee2;
  --air-tan: #e8c7a8;
  --air-coral: #f06a5c;
  --air-coral-tint: #ffe0d7;
  --air-gold: #f6b949;
  --air-charcoal: #1a1a1a;
  --air-line: #dfd6cc;

  /* Radius — Figma uses two card tiers plus pill buttons, not one flat value */
  --air-radius: 22px; /* kept for anything not yet re-mapped below */
  --air-radius-card: 24px; /* benefit cards, dark capability cards */
  --air-radius-lg: 32px; /* large feature panels (product visuals, buy image, price figure) */
  --air-radius-pill: 999px; /* buttons — Figma buttons are true pills, 53px tall */
  --air-button-height: 53px;

  --air-shadow: 0 18px 45px rgb(46 27 16 / 10%);
}

body { font-family: var(--air-font); }

html { scroll-behavior: smooth; }
body { margin: 0; overflow-x: hidden; }
.air-page { overflow: clip; }
.air-page mark { background: none; color: var(--air-coral); }
.air-hero-title mark { color: var(--air-gold); }
.air-section { padding: clamp(5rem, 9vw, 9rem) max(24px, calc((100vw - 1080px) / 2)); }
.air-section > h2 { font-size: clamp(2rem, 4vw, 3.75rem); font-weight: 700; margin: 0 0 1.25rem; }
.air-lead { max-width: 690px; color: #5f5852; font-size: 1.08rem; }
.air-eyebrow { color: var(--air-coral); font-size: 0.7rem; font-weight: 800; letter-spacing: 0.18em; }

.air-hero {
  background-image: linear-gradient(190.705deg, rgb(0 0 0 / 0%) 48.022%, rgb(0 0 0 / 60%) 88.478%), url("assets/images/hero-group31.png");
  background-position: center -18px;
  background-size: auto 1098px;
  color: #fff;
  height: 1080px;
  min-height: 1080px;
  overflow: hidden;
  position: relative;
}
.air-hero::before { background: url("assets/images/hero-untitled-design.png") 0 11.35px / 100% auto no-repeat; content: ""; height: 516px; left: 21px; position: absolute; top: 564px; width: 394px; z-index: 2; }
.air-hero > .wp-block-template-part { margin: 0 !important; max-width: none !important; width: 100% !important; }
.air-header { align-items: center; box-sizing: content-box; gap: 0 !important; height: 78px; margin: 0 auto; max-width: 1073px; padding: 16px 0 0; position: relative; width: min(calc(100% - 48px), 1073px); z-index: 5; }
.air-logo { flex: 0 0 223px; height: 78px; margin: 0; overflow: hidden; width: 223px; }
.air-logo img { display: block; height: 78.13px; max-width: none; object-fit: cover; transform: translate(-17px, -0.25px); width: 240px; }
.air-header .wp-block-navigation { color: #fff; }
.air-header .wp-block-navigation { flex: 0 0 397px; margin-left: 115px; }
.air-header .wp-block-navigation__container { gap: 28px; }
.air-header .wp-block-navigation-item { font-size: 14px; font-weight: 600; line-height: 24px; text-shadow: 0 1px 2px rgb(0 0 0 / 35%); }
.air-header .wp-block-navigation-item__content { text-decoration: none; }
.air-header .wp-block-navigation-item__content:hover { color: var(--air-gold); }
.air-header-buy { margin: 0 0 0 auto; }
.air-header-buy .wp-block-button__link { align-items: center; box-sizing: border-box; display: inline-flex; font-size: 14px; font-weight: 600; gap: 12px; height: 53px; justify-content: flex-start; line-height: 24px; padding: 0 31px 0 27px; width: 178px; }
.air-header-buy .air-icon-bag { flex-shrink: 0; height: 24px; width: 24px; }
.air-header .wp-block-navigation-item.air-mobile-buy { display: none; }

/* WooCommerce pages use a light canvas, so retain contrast for the shared header. */
body.woocommerce-cart .air-header,
body.woocommerce-checkout .air-header,
body.woocommerce-account .air-header {
  background: var(--air-charcoal);
  box-sizing: border-box;
  max-width: none;
  padding-left: max(24px, calc((100vw - 1072px) / 2));
  padding-right: max(24px, calc((100vw - 1072px) / 2));
  width: 100%;
}
.air-hero-content { height: 100%; inset: 0; margin: 0 !important; max-width: none !important; padding: 0; position: absolute; width: 100% !important; }
.air-hero-content > * { margin-left: 0 !important; margin-right: 0 !important; }
.air-hero-title { font-size: 75.4662px; font-weight: 700; left: calc(50% - 536.5px); letter-spacing: -0.967936px; margin: 0; position: absolute; text-shadow: 0 0 60px #000; top: 692px; width: 922px; }
.air-hero-title-desktop { display: block; }
.air-hero-line-one, .air-hero-line-two, .air-hero-line-three { display: block; }
.air-hero-line-one { line-height: 60.748px; margin-bottom: 6.515px; }
.air-hero-line-two, .air-hero-line-three { line-height: 76.369px; }
.air-hero-title-desktop mark { color: var(--air-gold); }
.air-hero-title-mobile { display: none; }
.air-hero-copy { font-size: 16px; font-weight: 500; left: calc(50% - 536.5px); line-height: 1.295; margin: 0; max-width: 681px; position: absolute; top: 953px; width: 681px; }
.air-hero-actions { align-items: center; flex-wrap: nowrap !important; gap: 37px; left: calc(50% + 198.5px); margin: 0; position: absolute; top: 969px; width: 358px; }
.air-hero-actions p { margin: 0; }
.air-hero-actions a { color: #fff; font-size: 16.134px; font-weight: 600; line-height: 24.202px; text-decoration: none; }
.air-hero-buy .wp-block-button__link { align-items: center; box-sizing: border-box; display: flex; height: 53px; justify-content: space-between; padding: 0 8px 0 26px; width: 170px; }
.air-hero-arrow { flex: 0 0 39px; height: 39px; position: relative; width: 39px; }
.air-hero-arrow img { display: block; position: absolute; }
.air-hero-arrow-circle { inset: 0; }
.air-hero-arrow-icon { height: 24px; left: 7.5px; top: 7.5px; transform: rotate(45deg); width: 24px; }
.air-hero-actions p a { align-items: center; display: flex; gap: 7px; white-space: nowrap; }
.air-hero-scroll-arrow { font-family: "Segoe UI", sans-serif; font-weight: 600; }
.air-clippings { background: var(--air-cream); padding-bottom: 80px; padding-top: 80px; }
.air-clippings-intro { margin: 0 auto 48px; max-width: 572px; transform: translateX(-14%); }
.air-clippings-intro h2 { font-size: 32.269px; font-weight: 600; letter-spacing: -0.807px; line-height: 40.336px; margin: 0 0 10px; }
.air-clippings-intro p { color: rgb(17 17 17 / 72%); font-size: 16.134px; line-height: 24.202px; margin: 0; }
.air-clippings-top, .air-clippings-bottom { display: grid; gap: 18px; width: 100%; }
.air-clippings-top { align-items: end; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.air-clippings-bottom { align-items: start; grid-template-columns: 1.12fr 1fr 1fr; margin-top: 12px; }
.air-clipping { background: #fff; border: 1px solid rgb(17 17 17 / 12%); border-radius: 9px; box-shadow: 0 10px 18px rgb(46 27 16 / 12%); margin: 0; overflow: hidden; transform-origin: center; }
.air-clipping img { display: block; height: 100%; object-fit: cover; object-position: center top; width: 100%; }
.air-clipping-study { height: 270px; transform: rotate(6deg); }
.air-clipping-independent { height: 310px; transform: rotate(-1.5deg); }
.air-clipping-stomp { height: 280px; transform: rotate(3deg); }
.air-clipping-shower { height: 270px; transform: rotate(-3.5deg); }
.air-clipping-chua { height: 205px; transform: rotate(-1.2deg); }
.air-clipping-times { height: 205px; transform: rotate(1.2deg); }
.air-clipping-bukit-batok { height: 205px; transform: rotate(1.2deg); }
.air-support { align-items: flex-start; background: var(--air-cream); display: flex; flex-direction: column; gap: 56.47px; padding-bottom: 0; padding-inline: max(24px, calc((100% - 1250.42px) / 2 + 88.739px)); padding-top: 80px; }
.air-support > h2, .air-support > .air-lead { align-self: flex-start; margin-left: 0 !important; margin-right: 0 !important; max-width: 826.89px; }
.air-support > h2 { font-size: 40.336px; font-weight: 600; letter-spacing: -0.8067px; line-height: 45px; }
.air-support > .air-lead { color: rgb(17 17 17 / 75%); font-size: 20.168px; line-height: 32px; margin-top: -32.28px; }
.air-video-image { background: var(--air-tan); border-radius: 32.269px; height: 672.09px; margin: 0; overflow: hidden; position: relative; width: 100%; }
.air-video-image img { display: block; height: 100%; object-fit: cover; width: 100%; }
.air-play { align-items: center; background: var(--air-coral); border-radius: 50%; color: #fff; display: flex; font-size: 0; height: 96.81px; justify-content: center; left: 50%; padding: 0; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 96.81px; }
.air-play::before { border-bottom: 14.12px solid transparent; border-left: 20.17px solid #fff; border-top: 14.12px solid transparent; content: ""; display: block; margin-left: 5px; }
.air-benefit-grid { align-items: flex-start; display: grid !important; gap: 32.27px; grid-template-columns: repeat(3, minmax(0, 1fr)); height: 619px; margin: 0; padding-top: 40.34px; width: 100%; }
.air-benefit-grid > .air-card { width: auto; }
.air-card { background: #fff; border-radius: 24.202px; box-shadow: 0 24.202px 60.504px -20.168px rgb(17 17 17 / 12%); min-height: 577.3px; overflow: hidden; padding: 0; }
.air-card figure { margin: 0; }
.air-card img { aspect-ratio: 1; display: block; object-fit: cover; width: 100%; }
.air-card h3, .air-card p { margin-left: 28.235px; margin-right: 28.235px; }
.air-card h3 { font-size: 24.202px; font-weight: 600; letter-spacing: -0.242px; line-height: 31px; margin-bottom: 12.1px; margin-top: 28.235px; }
.air-card p { color: rgb(17 17 17 / 70%); font-size: 16.008px; line-height: 28px; margin-bottom: 28.235px; margin-top: 0; }
.air-support > .wp-block-buttons { display: flex; justify-content: center; margin: 0; width: 100%; }
.air-support > .wp-block-buttons .wp-block-button__link { font-size: 16.134px; font-weight: 600; line-height: 24px; padding: 14.118px 28.235px; }

.air-product { background: #090909; padding-inline: max(24px, calc((100% - 1250.42px) / 2 + 88.739px)); }
.air-product > .air-eyebrow { color: var(--air-gold); font-size: 12.101px; font-weight: 600; letter-spacing: 1.694px; line-height: 12.101px; margin: 0 0 17px; }
.air-product > h2 { font-size: 56.47px; font-weight: 600; letter-spacing: -1.412px; line-height: 59.859px; margin: 0; max-width: 1019px; }
.air-product-visuals { display: grid !important; gap: 21px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin: 38px 0 22px; }
.air-product-visuals .wp-block-column { align-items: center; background: #0d0d0d; border: 1px solid rgb(255 255 255 / 10%); border-radius: 32.269px; display: flex; height: 425px; min-height: 0; overflow: hidden; }
.air-product-visuals figure { height: 100%; margin: 0; width: 100%; }
.air-product-visuals img { display: block; height: 100%; max-height: none; object-fit: cover; width: 100%; }
.air-product-visuals .wp-block-column:last-child img { object-fit: contain; transform: scale(1.2); }
.air-stats { display: grid !important; gap: 16.998px; grid-template-columns: repeat(7, minmax(0, 1fr)); margin: 28px 0 7rem; max-width: 100%; width: 100%; }
.air-stats .wp-block-column { align-items: center; backdrop-filter: blur(4.363px); background: #0d0d0d; border: 1.091px solid rgb(246 185 73 / 30%); border-radius: 18.68px; box-sizing: border-box; display: flex; flex-direction: column; height: 143.86px; justify-content: center; padding: 16px 10px; text-align: center; }
.air-stats strong, .air-stats span { display: block; }
.air-stats strong { color: var(--air-gold); font-size: 34.613px; font-weight: 600; letter-spacing: -2.066px; line-height: 1; }
.air-stats span { color: rgb(255 255 255 / 70%); font-size: 16.884px; line-height: 20.551px; margin-top: 8px; }
.air-capability-title mark { color: var(--air-coral); }
.air-capability-grid { display: grid !important; gap: 1.2rem; grid-template-columns: repeat(3, 1fr) !important; }
.air-dark-card { background: var(--air-charcoal); border: 1px solid rgb(255 255 255 / 8%); border-radius: var(--air-radius-card); display: flex; flex-direction: column; gap: 0.5rem; padding: clamp(1.25rem, 1.68vw, 2.02rem); }
.air-dark-card figure { margin: 0; }
.air-dark-card img { aspect-ratio: 4 / 3; border-radius: 10px; object-fit: cover; width: 100%; }
.air-dark-card h3 { font-size: clamp(1.4rem, 1.55vw, 1.875rem); font-weight: 600; letter-spacing: -0.01em; line-height: 1.2; margin: 0; padding-top: 12.101px; text-transform: capitalize; }
.air-dark-card em { color: var(--air-coral); font-size: clamp(1rem, 1vw, 1.2rem); font-style: italic; line-height: 1.5; }
.air-dark-card p { color: rgb(255 255 255 / 72%); font-size: clamp(0.95rem, 0.9vw, 1.1rem); line-height: 1.75; margin: 0; }

.air-app { background: var(--air-cream); }
.air-app > h2 { margin-bottom: 64px; }
.air-app > .wp-block-buttons { justify-content: flex-start; }
.air-app-layout { align-items: center; gap: 5rem; }
.air-app-steps { display: flex; flex-direction: column; gap: 88px; max-width: 504.2px; padding: 0; }
.air-app-step { opacity: 0.4; transition: opacity 400ms ease; }
.air-app-step.is-active { opacity: 1; }
.air-app-layout hr { display: none; }
.air-next-step { align-items: flex-start; display: flex; flex-direction: column; gap: 12.1px; width: 100%; }
.air-step-number { color: var(--air-coral); font-size: 14px; font-weight: 600; letter-spacing: 1.694px; line-height: 12px; margin: 0; text-transform: uppercase; }
.air-next-step h3 { font-size: 40.336px; font-weight: 500; letter-spacing: -0.807px; line-height: 45px; margin: 0; }
.air-next-step > p:last-child { color: rgb(17 17 17 / 75%); font-size: 20.168px; line-height: 32px; margin: 0; padding-top: 8.067px; }
.air-phone-frame { aspect-ratio: 9 / 19.5; margin: 0 auto; max-width: 320px; position: relative; width: 100%; }
.air-phone-frame img { filter: drop-shadow(0 20px 24px rgb(0 0 0 / 18%)); height: 100%; left: 0; object-fit: contain; opacity: 0; position: absolute; top: 0; transition: opacity 500ms ease; width: 100%; }
.air-phone-frame img.is-active { opacity: 1; }

.air-pricing { background: var(--air-sand); padding-inline: max(24px, calc((100vw - 1250.42px) / 2 + 88.739px)); }
.air-price-grid { align-items: stretch; display: grid !important; gap: 31px; grid-template-columns: repeat(2, 522px); margin: 48px 0 0; max-width: none; width: 1075px; }
.air-price-card { background: #fff; border: 1.101px solid rgb(17 17 17 / 8%); border-radius: 35.239px; box-sizing: border-box; display: flex; flex-direction: column; min-height: 1120px; overflow: hidden; position: relative; }
.air-price-card.is-featured { border: 2.202px solid var(--air-coral); box-shadow: 0 26.429px 66.073px -22.024px rgb(17 17 17 / 12%); overflow: visible; }
.air-price-card.is-featured .air-price-media { border-radius: 32.5px 32.5px 0 0; overflow: hidden; }
.air-price-media { flex: 0 0 auto; line-height: 0; margin: 0 !important; width: 100%; }
.air-price-media img { display: block; height: auto; max-width: none; object-fit: cover; width: 100%; }
.air-price-kicker { display: none; }
.air-price-body { box-sizing: border-box; display: flex; flex: 1; flex-direction: column; margin: 0 !important; padding: 35.239px; }
.air-price-tagline { color: rgb(17 17 17 / 70%); font-size: 18.721px; line-height: 31px; margin: 0; min-height: 31px; }
.air-price-amount { color: var(--air-ink); font-size: 39.644px; font-weight: 600; letter-spacing: -0.793px; line-height: 59px; margin: 17.619px 0 0; }
.air-price-sale { align-items: center; display: flex; flex-wrap: wrap; gap: 10px; }
.air-price-current { white-space: nowrap; }
.air-price-regular { color: rgb(17 17 17 / 45%); font-size: 0.38em; font-weight: 400; letter-spacing: 0; line-height: 1; text-decoration: line-through; white-space: nowrap; }
.air-price-promo { background: #b9f2c8; border-radius: 999px; color: #173d25; font-size: 0.27em; font-weight: 700; letter-spacing: 0.08em; line-height: 1; padding: 0.55em 0.8em; text-transform: uppercase; white-space: nowrap; }
.air-price-terms { color: var(--air-ink); font-size: 18.32px; font-weight: 600; line-height: 21px; margin: 4.405px 0 0; }
.air-price-list { list-style: none; margin: 26.429px 0 0; padding: 0; }
.air-price-list li { align-items: flex-start; color: rgb(17 17 17 / 85%); display: flex; font-size: 18.721px; gap: 13.21px; line-height: 31px; padding-top: 13.215px; }
.air-price-list li:first-child { padding-top: 0; }
.air-price-list li::before { align-items: center; background: var(--air-coral); border-radius: 50%; color: #fff; content: "✓"; display: flex; flex: 0 0 22.02px; font-size: 13.215px; height: 22.02px; justify-content: center; line-height: 22.02px; margin-top: 2.202px; width: 22.02px; }
.air-price-actions { display: flex; flex-direction: column; gap: 12.833px; margin-top: auto; padding-top: 35.239px; }
.air-price-actions .wp-block-button, .air-price-actions .wp-block-button__link { width: 100%; }
.air-price-actions .wp-block-button__link { font-size: 17.619px; height: 61.67px; line-height: 26px; padding: 15.417px 30.834px; }
.air-btn-outline { align-items: center; border: 1.101px solid rgb(17 17 17 / 20%); border-radius: 999px; box-sizing: border-box; color: var(--air-ink); display: flex; font-family: var(--air-font); font-size: 16.518px; font-weight: 600; height: 61.67px; justify-content: center; line-height: 25px; text-decoration: none; }
.air-badge { align-items: center; background: var(--air-gold); border-radius: 999px; color: var(--air-ink); display: flex; font-size: 12.113px; font-weight: 600; height: 27.81px; justify-content: center; letter-spacing: 1.696px; line-height: 18px; position: absolute; right: 17px; text-align: center; text-transform: uppercase; top: -13px; width: 131.43px; z-index: 2; }

.air-proof { background: var(--air-cream); }
.air-proof > h2 { font-size: 40.336px; font-weight: 600; letter-spacing: -0.807px; line-height: 45px; margin: 0; }
.air-proof-stats { display: grid !important; gap: 32.269px; grid-template-columns: repeat(3, minmax(0, 1fr)); margin: 40.336px 0 64.538px; width: 100%; }
.air-proof-stats strong, .air-proof-stats span { display: block; }
.air-proof-stats .wp-block-column { border-top: 1.008px solid #d9d9d9; box-sizing: border-box; height: 115.134px; margin: 0 !important; padding-top: 16.134px; }
.air-proof-stats strong { color: var(--air-coral); font-size: 72.6px; font-weight: 600; letter-spacing: -1.45px; line-height: 68.97px; }
.air-proof-stats span { color: rgb(17 17 17 / 70%); font-size: 16.134px; line-height: 29px; }
.air-quote { margin: 0 auto; max-width: 900px; }
.air-quote figure.wp-block-media-text__media { aspect-ratio: 1; background: var(--air-tan); border-radius: 50%; box-sizing: border-box; padding: 4%; }
.air-quote img { aspect-ratio: 1; border-radius: 50%; display: block; height: 100%; object-fit: cover; width: 100%; }
.air-quote blockquote { border: 0; margin: 0; padding: 0; }
.air-quote blockquote p { font-size: clamp(1.5rem, 3vw, 2.5rem); font-weight: 700; line-height: 1.05; }
.air-quote cite { color: var(--air-coral); font-size: 0.7rem; font-style: normal; letter-spacing: 0.14em; text-transform: uppercase; }

.air-faq { background: var(--air-cream); }
.air-faq summary { cursor: pointer; font-weight: 700; list-style: none; }
.air-faq summary::after { color: var(--air-coral); content: "+"; float: right; font-size: 1.35rem; }
.air-faq details[open] summary::after { content: "×"; }
.air-faq details p { color: #625b55; max-width: 680px; }

@media (min-width: 901px) and (max-width: 2560px) {
  .air-section { padding: clamp(4.5rem, 7vw, 6.5rem) max(32px, calc((100vw - 960px) / 2)); }
  .air-hero { background-position: center; background-size: auto 900px; height: 900px; min-height: 900px; }
  .air-hero::before { height: 500px; left: 16px; top: 400px; width: min(29vw, 330px); }
  .air-hero-title { font-size: clamp(54px, 5.25vw, 67px); left: clamp(280px, 28vw, 360px); top: 510px; width: calc(100% - clamp(280px, 28vw, 360px) - 32px); }
  .air-hero-line-one { line-height: 1; margin-bottom: 4px; }
  .air-hero-line-two, .air-hero-line-three { line-height: 1.02; }
  .air-hero-copy { font-size: 15px; left: clamp(280px, 28vw, 360px); max-width: 490px; top: 760px; width: calc(100% - clamp(280px, 28vw, 360px) - 32px); }
  .air-hero-actions { gap: 26px; left: auto; right: 32px; top: 800px; }
  .air-video-image { height: 580px; }
  .air-benefit-grid { height: 540px; }
  .air-card { min-height: 480px; }
  .air-card h3 { font-size: 20px; line-height: 26px; margin-top: 22px; }
  .air-card p { font-size: 14px; line-height: 23px; }
  .air-product > h2 { font-size: 50px; line-height: 1.08; }
  .air-product-visuals .wp-block-column { height: 380px; }
  .air-stats .wp-block-column { justify-content: flex-start; padding: 27px 10px 16px; }
  .air-stats strong { font-size: 32px; }
  .air-stats span { font-size: 15px; line-height: 20px; }
  .air-next-step h3 { font-size: 34px; line-height: 40px; }
  .air-next-step > p:last-child { font-size: 18px; line-height: 29px; }
  .air-price-grid { gap: 24px; grid-template-columns: repeat(2, minmax(0, 1fr)); margin-inline: auto; width: min(100%, 1000px); }
  .air-price-card { min-height: 900px; }
  .air-price-body { padding: 28px; }
  .air-price-tagline { font-size: 16px; line-height: 26px; }
  .air-price-amount { font-size: 34px; line-height: 48px; margin-top: 14px; }
  .air-price-terms { font-size: 16px; }
  .air-price-list { margin-top: 22px; }
  .air-price-list li { font-size: 16px; gap: 10px; line-height: 26px; padding-top: 10px; }
  .air-price-list li::before { flex-basis: 20px; font-size: 12px; height: 20px; line-height: 20px; width: 20px; }
  .air-price-actions { padding-top: 28px; }
  .air-price-actions .wp-block-button__link, .air-btn-outline { font-size: 15px; height: 54px; line-height: 22px; }
  .air-proof-stats strong { font-size: 62px; line-height: 1; }
}

.air-buy { background: var(--air-cream); padding-top: 2rem; }
.air-buy-grid { gap: 4rem; }
.air-buy-gallery { position: sticky; top: 2rem; }
.air-buy-main { aspect-ratio: 0.94 / 1; border-radius: var(--air-radius-lg); overflow: hidden; position: relative; }
.air-buy-slide { height: 100%; left: 0; opacity: 0; position: absolute; top: 0; transition: opacity 400ms ease; width: 100%; }
.air-buy-slide.is-active { opacity: 1; }
img.air-buy-slide { display: block; object-fit: cover; }
.air-buy-main .air-play { border: 0; cursor: pointer; left: 50%; padding: 0 0 0 4px; position: absolute; top: 50%; transform: translate(-50%, -50%); z-index: 1; }
.air-buy-thumbs { display: grid; gap: 0.75rem; grid-template-columns: repeat(4, 1fr); margin-top: 0.75rem; }
.air-buy-thumb { aspect-ratio: 1; background: none; border: 2px solid transparent; border-radius: 14px; cursor: pointer; overflow: hidden; padding: 0; }
.air-buy-thumb.is-active { border-color: var(--air-coral); }
.air-buy-thumb img { display: block; height: 100%; object-fit: cover; width: 100%; }
/* Device tiles (main + thumb) — tan background matches Figma's exact
   rgba(232,199,168,0.4), with product photos layered/offset per count.
   The 2-device offsets are the real values from the Figma spec; the
   3-device spread is my own extrapolation since no spec was given for
   it — flag if you have the real numbers and I'll swap them in. */
.air-buy-devices, .air-buy-thumb-devices { align-items: center; background: rgb(232 199 168 / 40%); display: flex; justify-content: center; }
.air-device-stack { align-items: center; display: flex; height: 62%; justify-content: center; position: relative; width: 74%; }
.air-device-stack img { height: 100%; left: 50%; object-fit: contain; position: absolute; top: 50%; transform: translate(-50%, -50%); width: auto; }
.air-device-stack[data-count="2"] img:nth-child(1) { transform: translate(-50%, -50%) translateX(-10%); }
.air-device-stack[data-count="2"] img:nth-child(2) { transform: translate(-50%, -50%) translateX(10%); }
.air-device-stack[data-count="3"] img:nth-child(1) { transform: translate(-50%, -50%) translateX(-20%); }
.air-device-stack[data-count="3"] img:nth-child(2) { transform: translate(-50%, -50%) translateX(0); }
.air-device-stack[data-count="3"] img:nth-child(3) { transform: translate(-50%, -50%) translateX(20%); }
.air-buy h2 { font-size: clamp(2rem, 4vw, 3.6rem); }
.air-choice, .air-order { border: 1px solid var(--air-line); border-radius: 14px; margin: 0.8rem 0; padding: 1.2rem; }
.air-choice { align-items: flex-start; background: none; cursor: pointer; display: flex; font: inherit; justify-content: space-between; text-align: left; transition: border-color 200ms ease; width: 100%; }
.air-choice:hover { border-color: rgb(240 106 92 / 40%); }
.air-choice.is-selected { border-color: var(--air-coral); }
.air-choice-text { display: flex; flex: 1; flex-direction: column; margin-left: 0.9rem; }
.air-choice strong { font-weight: 600; }
.air-choice-price { align-items: flex-end; display: flex; flex-shrink: 0; flex-direction: column; gap: 4px; margin-left: 1rem; white-space: nowrap; }
.air-choice-sale { align-items: center; display: flex; gap: 7px; }
.air-choice-current { white-space: nowrap; }
.air-choice-regular { color: rgb(17 17 17 / 45%); font-size: 0.75em; font-weight: 400; text-decoration: line-through; }
.air-choice-promo { background: #b9f2c8; border-radius: 999px; color: #173d25; font-size: 0.55em; font-weight: 700; letter-spacing: 0.06em; padding: 0.45em 0.65em; text-transform: uppercase; }
.air-choice-save { color: #F06A5C; font-size: 0.8rem; font-style: normal; margin-top: 0.2rem; }
.air-choice-desc { color: #6a625b; display: block; font-size: 0.85rem; line-height: 1.5; margin-top: 0.35rem; }
.air-choice-desc b { color: var(--air-ink); display: block; font-size: 0.85rem; margin-top: 0.9rem; }
.air-choice-divider { border: 0; border-top: 1px solid var(--air-line); margin: 0.9rem 0; }
.air-choice-list { list-style: none; margin: 0.6rem 0 0; padding: 0; }
.air-choice-list li { padding: 0.3rem 0 0.3rem 1.1rem; position: relative; }
.air-choice-list li::before { color: var(--air-coral); content: "•"; left: 0; position: absolute; }
.air-whatsapp-line { align-items: center; display: flex; gap: 0.5rem; }
.air-whatsapp-line a { color: inherit; font-weight: 600; text-decoration: underline; }
.air-icon-whatsapp { flex-shrink: 0; height: 1.15em; width: 1.15em; }
.air-whatsapp-cta { color: #F06A5C; font-size: 0.85rem; margin-top: 0.9rem; }
.air-radio-dot { border: 1.5px solid #b9b0a5; border-radius: 50%; display: inline-block; flex-shrink: 0; height: 1rem; margin-top: 0.2rem; position: relative; width: 1rem; }
.air-choice.is-selected .air-radio-dot { border-color: var(--air-coral); }
.air-choice.is-selected .air-radio-dot::after { background: var(--air-coral); border-radius: 50%; content: ""; height: 0.55rem; left: 50%; position: absolute; top: 50%; transform: translate(-50%, -50%); width: 0.55rem; }
.air-order { background: #f8e9dc; border: 0; border-radius: 24px; margin-top: 2.5rem; padding: 24px; }
.air-order h3 { color: var(--air-ink); font-size: 24px; line-height: 1.3; margin: 0 0 24px; }
.air-order-summary { display: flex; flex-direction: column; gap: 16px; margin: 0; }
.air-order-summary > div, .air-order-payment { align-items: center; display: flex; justify-content: space-between; }
.air-order-summary dt, .air-order-payment > span { color: #78726d; font-size: 18px; font-weight: 400; }
.air-order-summary dd { color: var(--air-ink); font-size: 18px; font-weight: 600; margin: 0; text-align: right; }
.air-order-info-wrap { display: inline-block; margin-left: 4px; position: relative; vertical-align: 2px; }
.air-order-info { align-items: center; background: var(--air-ink); border-radius: 50%; color: #fff; cursor: help; display: inline-flex; font-size: 11px; font-style: normal; font-weight: 700; height: 16px; justify-content: center; line-height: 1; width: 16px; }
.air-order-tooltip { background: var(--air-ink); border-radius: 10px; bottom: calc(100% + 10px); box-shadow: 0 12px 28px rgb(17 17 17 / 20%); color: #fff; display: flex; flex-direction: column; font-size: 13px; font-weight: 400; gap: 8px; left: 0; line-height: 1.45; opacity: 0; padding: 14px 16px; pointer-events: none; position: absolute; text-align: left; transform: translateY(4px); transition: opacity 160ms ease, transform 160ms ease; visibility: hidden; width: min(360px, calc(100vw - 48px)); z-index: 10; }
.air-order-tooltip::after { border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid var(--air-ink); bottom: -7px; content: ""; left: 9px; position: absolute; }
.air-order-info-wrap:hover .air-order-tooltip, .air-order-info:focus-visible + .air-order-tooltip { opacity: 1; pointer-events: auto; transform: translateY(0); visibility: visible; }
.air-order-payment { border-top: 1px solid rgb(17 17 17 / 12%); margin-top: 18px; padding-top: 18px; }
.air-order-payment strong { color: var(--air-ink); font-size: 25px; line-height: 1; }
.air-order-note { color: #78726d; font-size: 15px; line-height: 1.45; margin: 30px 0; }
.air-order .wp-block-shortcode { width: 100%; }
.air-order .wp-block-shortcode > .wp-block-button__link { align-items: center; background: #4BC400 !important; box-sizing: border-box; color: #fff !important; display: flex; height: 62px; justify-content: center; width: 100%; }
.air-order .wp-block-shortcode > .wp-block-button__link:hover { background: #3EA300 !important; color: #fff !important; }

.air-footer { align-items: flex-start; background: var(--air-ink); box-sizing: border-box; display: flex; flex-direction: column; min-height: 591px; padding: 80.672px max(24px, calc((100vw - 1250.42px) / 2)) 40.336px; }
.air-footer-group { box-sizing: border-box; height: 281.11px; margin: 0; max-width: 1250.42px; padding: 0 88.739px; position: relative; width: 100%; }
.air-footer-grid { display: grid !important; gap: 64.53px; grid-template-columns: 390.46px repeat(3, 162.96px); height: 199.9px; margin: 0; width: 1072.94px; }
.air-footer-grid > .wp-block-column { margin: 0 !important; }
.air-footer-grid > .wp-block-column:first-child { display: flex; flex-direction: column; gap: 23.7px; padding-bottom: 26.36px; }
.air-footer-grid > .wp-block-column:not(:first-child) { display: flex; flex-direction: column; gap: 16.13px; padding-bottom: 28.276px; }
.air-footer-logo { height: 68.07px; margin: 0; width: 209.11px; }
.air-footer-logo img { display: block; height: 68px; object-fit: contain; width: 209.11px; }
.air-footer-grid > .wp-block-column:first-child > p { color: rgb(255 255 255 / 60%); font-size: 17.143px; line-height: 28px; margin: 0; max-width: 344.5px; }
.air-footer h6 { color: var(--air-coral); font-size: 12.101px; font-weight: 600; letter-spacing: 1.694px; line-height: 12px; margin: 0; text-transform: uppercase; }
.air-footer-grid ul { display: flex; flex-direction: column; gap: 10.08px; margin: 0; }
.air-footer-grid li { color: rgb(255 255 255 / 70%); font-size: 17.143px; line-height: 28px; margin: 0; }
.air-footer p, .air-footer li { color: #bcb8b3; }
.air-footer-group > .wp-block-separator { border: 0; border-top: 1.008px solid rgb(255 255 255 / 10%); height: 0; margin: 36px 0 0; max-width: 1072.94px; width: 100%; }
.air-footer #legal { align-items: flex-start; border: 0; box-sizing: border-box; display: flex; justify-content: space-between; margin: 0; max-width: 1072.94px; padding-top: 24.202px; width: 100%; }
.air-footer #legal p { color: rgb(255 255 255 / 50%); font-size: 13.109px; line-height: 20px; margin: 0; }
.air-footer-disclaimers { margin: 24px 88.739px 0; max-width: 1072.94px; }
.air-footer-disclaimers p { color: rgb(255 255 255 / 62%); font-size: 12.101px; line-height: 18px; margin: 0; }
.air-footer-disclaimers p + p { margin-top: 10px; }
.air-footer-disclaimers strong { color: rgb(255 255 255 / 82%); font-weight: 600; }
.air-footer ul { list-style: none; padding: 0; }
.air-footer a { color: inherit; text-decoration: none; }
.air-footer a:hover { color: #F6B949; }

.air-motion-ready .air-reveal { opacity: 0; transform: translateY(24px); transition: opacity 700ms ease, transform 700ms ease; }
.air-motion-ready .air-reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 900px) {
  .air-header { box-sizing: border-box; height: auto; margin: 0; max-width: none; padding: 20px 20px 0; width: auto; }
  body.woocommerce-cart .air-header,
  body.woocommerce-checkout .air-header,
  body.woocommerce-account .air-header { padding: 20px; }
  .air-logo { height: auto; overflow: visible; width: 180px; }
  .air-logo img { height: auto; max-width: 100%; transform: none; width: 100%; }
  .air-header .wp-block-navigation { color: #fff; margin-left: auto; }
  .air-header .wp-block-navigation__responsive-container-open { color: #fff; }
  .air-header .wp-block-navigation__responsive-container.is-menu-open { background: var(--air-cream); color: var(--air-ink); padding: 7.5rem 20px 2rem; }
  .air-header .wp-block-navigation__responsive-container-close { right: 20px; top: 28px; }
  .air-header .wp-block-navigation__responsive-container-content { align-items: stretch; padding: 0; }
  .air-header .wp-block-navigation__responsive-dialog,
  .air-header .wp-block-navigation__responsive-container-content,
  .air-header .wp-block-navigation__container { width: 100%; }
  .air-header .wp-block-navigation__container { align-items: stretch; gap: 1.1rem; }
  .air-header .wp-block-navigation-item { font-size: clamp(2rem, 7.5vw, 2.4rem); font-weight: 700; }
  .air-header .wp-block-navigation-item.air-mobile-buy { background: var(--air-coral); border-radius: 999px; display: block; font-size: 0.95rem; margin-top: 2rem; padding: 0.95rem 1.5rem; text-align: center; }
  .air-header .air-mobile-buy a { color: #fff; display: block; }
  .air-header .air-header-buy { display: none !important; }
  .air-hero { background-position: 70% center; background-size: cover; height: auto; min-height: max(100svh, 220vw); }
  .air-hero::before { display: none; }
  .air-hero-content { display: flex; flex-direction: column; height: auto; inset: auto; margin: 0; min-height: calc(max(100svh, 220vw) - 84px); padding: 66px 20px 38px; position: relative; width: auto; }
  .air-hero-title { font-size: clamp(2.625rem, 10.45vw, 2.875rem); left: auto; line-height: 0.88; max-width: 350px; position: relative; text-shadow: 0 0 30px #000; top: auto; transform: none; width: auto; }
  .air-hero-title-desktop { display: none; }
  .air-hero-title-mobile { display: inline; }
  .air-hero-title-mobile mark { color: var(--air-gold); }
  /* ⚠ Clean Code: these display rules duplicate the pair above. */
  .air-hero-title-desktop { display: none; }
  .air-hero-title-mobile { display: inline; }
  .air-hero-copy { font-size: clamp(0.95rem, 4vw, 1.1rem); left: auto; margin-top: auto; max-width: 100%; position: relative; top: auto; width: auto; }
  .air-hero-actions { left: auto; margin-bottom: 11px; margin-top: 1.5rem; position: relative; top: auto; width: auto; }
  .air-benefit-grid, .air-product-visuals, .air-buy-grid { flex-direction: column; }
  .air-price-grid { grid-template-columns: minmax(0, 522px); justify-content: center; max-width: 522px; width: 100%; }
  .air-price-card { min-height: 0; }
  .air-capability-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .air-stats { display: grid; grid-template-columns: repeat(3, 1fr); width: 100%; }
  .air-app-layout { flex-direction: column; position: static; }
  .air-phone-stack { width: 100%; }
  .air-phone-frame { max-width: 260px; }
  .air-buy-gallery { position: static; }
  .air-footer { padding-inline: 24px; }
  .air-footer-group { height: auto; min-height: 202px; padding: 0; }
  .air-footer-grid { display: grid; gap: 2rem; grid-template-columns: repeat(2, 1fr); height: auto; width: 100%; }
  .air-footer-group > .wp-block-separator,
  .air-footer #legal { max-width: none; width: 100%; }
  .air-footer-disclaimers { margin-left: 0; margin-right: 0; }
  .air-footer-grid > .wp-block-column:first-child { grid-column: 1 / -1; }
}

@media (max-width: 600px) {
  .air-section { padding: 4.5rem 20px; }
  .air-hero-title { line-height: 0.98; }
  .air-hero-copy { font-size: 1rem; }
  .air-hero-actions { align-items: flex-start; flex-direction: column; gap: 0.8rem; }
  .air-video-image img { aspect-ratio: 4 / 3; }
  .air-benefit-grid { gap: 1rem; }
  .air-capability-grid { grid-template-columns: 1fr !important; }
  .air-product-visuals .wp-block-column { min-height: 300px; }
  .air-stats { grid-template-columns: repeat(2, 1fr); }
  .air-phone-frame { max-width: 220px; }
  .air-proof-stats { grid-template-columns: 1fr; }
  .air-quote { grid-template-columns: 100% !important; }
  .air-quote figure { margin: 0 auto 2rem; max-width: 180px; }
  .air-choice { font-size: 0.85rem; }
  .air-footer > .wp-block-group { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .air-reveal { opacity: 1 !important; transform: none !important; transition: none !important; }
  .air-app-step, .air-phone-frame img { transition-duration: 1ms; }
}

/* Buttons — radius, background, and font-weight now come from theme.json's
   styles.elements.button (updated to match Figma). This just nudges height
   to the exact 53px measured across every button in the design. */
.wp-block-button__link {
  min-height: var(--air-button-height);
}

:where(a, button, summary):focus-visible { outline: 3px solid var(--air-gold); outline-offset: 4px; }

/* Client feedback updates */
.air-header { transition: background 220ms ease, backdrop-filter 220ms ease, box-shadow 220ms ease; }
.air-header.is-scrolled { -webkit-backdrop-filter: blur(5.077px); backdrop-filter: blur(5.077px); background: rgb(255 249 243 / 70%); border-radius: 563.564px; box-shadow: 0 24.202px 60.504px -20.168px rgb(17 17 17 / 12%); box-sizing: border-box; height: 77.04px; left: 50%; max-width: 1249.65px; padding: 0 20px; position: fixed; top: 0; transform: translateX(-50%); width: min(100%, 1249.65px); }
.air-header.is-scrolled .air-logo { flex: 0 0 199px; height: 65px; margin-left: 0; overflow: visible; width: 199px; }
.air-header.is-scrolled .air-logo img { content: url("assets/images/logo.png"); height: 65px; object-fit: contain; transform: none; width: 199px; }
.air-header.is-scrolled .wp-block-navigation { color: var(--air-ink); margin-left: 193px; }
.air-header.is-scrolled .wp-block-navigation-item__content { color: var(--air-ink); }
.air-header.is-scrolled .wp-block-navigation-item { text-shadow: none; }
.air-header.is-scrolled .air-header-buy { margin-left: auto; }
.air-header.is-scrolled .air-header-buy .wp-block-button__link { font-size: 14px; gap: 12px; white-space: nowrap; }
.air-page a, .air-page button { transition: color 180ms ease, background-color 180ms ease, border-color 180ms ease, transform 180ms ease; }
.air-page a:hover, .air-page button:hover { color: #F6B949; }
.air-page .wp-block-button__link:hover, .air-page .air-btn-outline:hover { color: #F6B949; }
.air-comparison { background: var(--air-sand); }
.air-comparison > h2 { color: var(--air-ink); font-size: 40.336px; letter-spacing: -1.008px; line-height: 1.15; margin: 0 0 40.336px; }
.air-comparison-scroll { overflow-x: auto; width: 100%; }
.air-device-comparison { border-collapse: collapse; color: var(--air-ink); min-width: 760px; table-layout: fixed; width: 100%; }
.air-device-comparison .air-comparison-feature-col { width: 35%; }
.air-device-comparison thead th { box-sizing: border-box; font-size: 14px; font-weight: 600; height: 172px; padding: 18px 8px 16px; text-align: center; vertical-align: bottom; }
.air-device-comparison thead th:first-child { text-align: left; }
.air-device-comparison thead img { display: block; height: 92px; margin: 0 auto 12px; object-fit: contain; width: 100%; }
.air-device-comparison thead .is-pom { background: var(--air-coral); border-radius: 8px 8px 0 0; color: #fff; }
.air-device-comparison tbody th, .air-device-comparison tbody td { border-top: 1px solid rgb(17 17 17 / 20%); box-sizing: border-box; height: 70px; padding: 10px 8px; }
.air-device-comparison tbody th { font-size: 15px; font-weight: 400; line-height: 1.3; padding-left: 0; text-align: left; }
.air-device-comparison tbody td { color: #777; font-size: 22px; font-weight: 500; text-align: center; }
.air-device-comparison .is-pom { background: var(--air-coral); border-color: rgb(255 255 255 / 25%); }
.air-device-comparison tbody tr:last-child .is-pom { border-radius: 0 0 8px 8px; }
.air-comparison-check { align-items: center; background: var(--air-coral); border-radius: 50%; color: #fff; display: inline-flex; font-size: 14px; font-weight: 700; height: 28px; justify-content: center; line-height: 1; width: 28px; }
.is-pom .air-comparison-check { background: #fff7ef; color: var(--air-coral); }
.air-testimonial-carousel { align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; gap: 40.34px; margin: 0; max-width: 1072.94px; min-height: 294.45px; padding: 24.202px 0 0; position: relative; width: 100%; }
.air-testimonial { align-items: center; display: none; gap: clamp(2rem, 5vw, 5rem); grid-template-columns: minmax(150px, 22%) 1fr; margin: 0; max-width: none; width: 100%; }
.air-testimonial.is-active { display: grid; }
.air-testimonial > img { aspect-ratio: 1; background: var(--air-tan); border-radius: 50%; object-fit: cover; padding: 4%; width: 100%; }
.air-testimonial blockquote { margin: 0; }
.air-testimonial blockquote p { color: #2b2521; font-size: 32.269px; font-weight: 500; letter-spacing: -0.645px; line-height: 40.336px; margin: 0 0 20.168px; }
.air-testimonial cite { color: var(--air-coral); font-size: 12.101px; font-style: normal; font-weight: 600; letter-spacing: 1.694px; line-height: 18px; text-transform: uppercase; }
.air-testimonial-controls { display: flex; gap: 0.5rem; justify-content: flex-end; margin-top: 0; width: 100%; }
.air-testimonial-controls button { background: transparent; border: 1px solid var(--air-line); border-radius: 50%; color: var(--air-ink); cursor: pointer; height: 2.5rem; width: 2.5rem; }
.air-whatsapp-float { align-items: center; background: #25D366; border-radius: 50%; bottom: 1.5rem; box-shadow: 0 8px 24px rgb(0 0 0 / 20%); color: #fff; display: flex; height: 3.8rem; justify-content: center; position: fixed; right: 1.5rem; width: 3.8rem; z-index: 20; }
.air-whatsapp-float:hover { color: #fff !important; transform: translateY(-3px); }
.air-whatsapp-float .air-icon-whatsapp { height: 1.8rem; width: 1.8rem; }

@media (max-width: 900px) {
  .air-header.is-scrolled { border-radius: 0; left: 0; padding-left: 20px; padding-right: 20px; transform: none; width: 100%; }
  .air-testimonial { grid-template-columns: 1fr; }
  .air-testimonial > img { margin: 0 auto; max-width: 180px; }
}

@media (max-width: 600px) {
  .air-comparison > h2 { font-size: 32px; }
  .air-device-comparison { min-width: 700px; }
  .air-device-comparison thead th { height: 148px; }
  .air-device-comparison thead img { height: 76px; }
  .air-device-comparison tbody th { font-size: 14px; }
}

@media (max-width: 900px) {
  .air-clippings { padding-bottom: 64px; padding-top: 64px; }
  .air-clippings-intro { max-width: 100%; transform: none; }
  .air-clippings-top { gap: 12px; }
  .air-clippings-bottom { gap: 12px; }
  .air-clipping-study { height: 220px; }
  .air-clipping-independent { height: 250px; }
  .air-clipping-stomp { height: 230px; }
  .air-clipping-shower { height: 220px; }
  .air-clipping-chua, .air-clipping-times, .air-clipping-bukit-batok { height: 170px; }
  .air-support { gap: 32px; padding: 64px 24px; }
  .air-support > h2 { font-size: clamp(2rem, 5vw, 2.5rem); line-height: 1.15; }
  .air-support > .air-lead { font-size: 1rem; line-height: 1.65; margin-top: -16px; }
  .air-video-image { aspect-ratio: 16 / 10; height: auto; }
  .air-benefit-grid { gap: 24px; grid-template-columns: 1fr; height: auto; padding-top: 0; }
  .air-card { min-height: 0; }
}

@media (max-width: 600px) {
  .air-clippings { padding-bottom: 56px; padding-top: 56px; }
  .air-clippings-intro { margin-bottom: 32px; }
  .air-clippings-intro h2 { font-size: 28px; line-height: 1.2; }
  .air-clippings-top, .air-clippings-bottom { gap: 14px; grid-template-columns: 1fr; margin-top: 14px; }
  .air-clipping { height: auto; transform: none; }
  .air-clipping img { aspect-ratio: 16 / 10; height: auto; object-fit: cover; }
}

@media (max-width: 600px) {
  .air-hero { background-image: linear-gradient(190.705deg, rgb(0 0 0 / 0%) 48.022%, rgb(0 0 0 / 60%) 88.478%), url("assets/images/hero-mobile-figma.png"); background-position: center; background-size: cover; min-height: 100svh; }
  .air-hero::after { background: linear-gradient(180deg, rgb(0 0 0 / 47%) 0%, rgb(0 0 0 / 8%) 37%, rgb(0 0 0 / 62%) 100%); content: ""; inset: 0; pointer-events: none; position: absolute; z-index: 1; }
  .air-header { box-sizing: border-box; height: 74px; max-width: 414px; padding: 0; position: relative; width: 100%; z-index: 3; }
  .air-logo { height: 70px; left: -7px; margin: 0; position: absolute; top: 2px; width: min(214px, 51.69vw); }
  .air-logo img { height: 100%; width: 100%; }
  .air-header .wp-block-navigation { flex: 0 0 auto; height: 74px; margin-left: auto; position: static; }
  .air-header .wp-block-navigation__responsive-container-open { align-items: flex-start; box-sizing: border-box; display: flex; flex-direction: column; gap: 6px; height: 26px; justify-content: flex-start; padding: 8px; position: absolute; right: 0; top: 24px; width: 40px; }
  .air-header .wp-block-navigation__responsive-container-open svg { display: none; }
  .air-header .wp-block-navigation__responsive-container-open::before { background: #fff; box-shadow: 0 8px #fff; content: ""; display: block; flex: 0 0 2px; height: 2px; width: 24px; }
  .air-hero-content { display: block; inset: 0; min-height: 0; padding: 0 13px; position: absolute; width: auto; z-index: 2; }
  .air-hero::before { display: none; }
  .air-hero-title { font-size: clamp(2rem, 10.26vw, 42.482px); left: 13px; line-height: 0.99; max-width: 341px; position: absolute; top: 80px; width: calc(100% - 26px); z-index: 3; }
  .air-hero-copy { bottom: 72px; color: #fff; font-size: clamp(0.76rem, 3.99vw, 16.5px); font-weight: 400; left: 13px; line-height: 1.58; margin: 0; max-width: 403px; position: absolute; text-shadow: 0 1px 10px rgb(0 0 0 / 65%); width: calc(100% - 26px); z-index: 3; }
  .air-hero-actions { align-items: center; bottom: 16px; flex-direction: row; gap: 15px; left: 13px; margin: 0; position: absolute; width: auto; z-index: 3; }
  .air-hero-buy .wp-block-button__link { font-size: clamp(10px, 3.32vw, 13.75px); height: min(51px, 12.32vw); padding: 0 min(7.333px, 1.77vw) 0 min(25.667px, 6.2vw); width: min(154px, 37.2vw); }
  .air-hero-arrow { flex-basis: min(36.67px, 8.86vw); height: min(36.67px, 8.86vw); width: min(36.67px, 8.86vw); }
  .air-hero-arrow-icon { height: min(12.83px, 3.1vw); left: 32%; top: 32%; width: min(12.83px, 3.1vw); }
  .air-hero-actions p a { font-size: clamp(10px, 3.32vw, 13.75px); gap: min(7.33px, 1.77vw); line-height: 1; }
  .air-hero-scroll-arrow { font-size: clamp(12px, 3.1vw, 14px); }
}

@media (max-width: 600px) {
  .air-header.is-scrolled { backdrop-filter: blur(0.961px); background: rgb(255 249 243 / 94%); border-radius: 0; box-shadow: none; box-sizing: border-box; height: min(60px, 14.493vw); left: 0; max-width: 414px; padding: 0; top: 0; width: 100%; }
  .air-header.is-scrolled .air-logo { background: transparent; border-radius: 0; height: min(38.98px, 9.415vw); left: min(7px, 1.691vw); top: calc(50% - min(19.49px, 4.708vw)); width: min(111.49px, 26.93vw); }
  .air-header.is-scrolled .air-logo img { height: 100%; left: 0; max-width: none; position: absolute; top: 0; width: 100%; filter: brightness(0) saturate(100%) invert(58%) sepia(57%) saturate(622%) hue-rotate(319deg) brightness(100%) contrast(89%); }
  .air-header.is-scrolled .wp-block-navigation { height: min(60px, 14.493vw); }
  .air-header.is-scrolled .wp-block-navigation__responsive-container-open { gap: min(6px, 1.449vw); height: min(26px, 6.28vw); padding: min(8px, 1.932vw); right: min(20px, 4.831vw); top: calc(50% - min(13px, 3.14vw)); width: min(40px, 9.662vw); }
  .air-header.is-scrolled .wp-block-navigation__responsive-container-open::before { background: var(--air-ink); box-shadow: 0 min(8px, 1.932vw) var(--air-ink); height: min(2px, 0.483vw); width: min(24px, 5.797vw); }
  .air-header .wp-block-navigation__responsive-container.is-menu-open { background: #FFF9F3; color: #111111; display: flex; height: 100dvh; inset: 0; max-width: none; overflow-y: auto; padding: 0; position: fixed; width: 100vw; z-index: 1000; }
  .air-header .wp-block-navigation__responsive-container.is-menu-open::before { background: url("assets/images/logo-white.png") left center / contain no-repeat; content: ""; filter: brightness(0) saturate(100%) invert(58%) sepia(57%) saturate(622%) hue-rotate(319deg) brightness(100%) contrast(89%); height: 20px; left: 20px; position: absolute; top: 22px; width: 66px; }
  .air-header .wp-block-navigation__responsive-container-close { color: #111111; height: 24px; right: 16px; top: 20px; width: 24px; }
  .air-header .wp-block-navigation__responsive-container-close svg { height: 20px; width: 20px; }
  .air-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content { align-items: stretch; box-sizing: border-box; min-height: 100%; padding: 96px 15px 0; width: 100%; }
  .air-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { align-items: flex-start !important; display: flex !important; flex-direction: column !important; flex-wrap: nowrap !important; gap: 12px; width: 100% !important; }
  .air-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item { display: block; flex: 0 0 auto; width: 100%; }
  .air-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item { font-size: 28px; font-weight: 600; line-height: 1.28; }
  .air-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item a { color: #111111; }
  .air-header .wp-block-navigation__responsive-container.is-menu-open li.air-mobile-buy { display: block; height: auto; margin-top: 24px; padding: 0; width: 100%; }
  .air-header .wp-block-navigation__responsive-container.is-menu-open li.air-mobile-buy > a,
  .air-header .wp-block-navigation__responsive-container.is-menu-open a.air-mobile-buy { align-items: center; background: #F06A5C !important; border-radius: var(--air-radius-pill); box-sizing: border-box; color: #fff !important; display: flex; font-size: 16px; font-weight: 600; height: 52px; justify-content: center; padding: 14px 28px; text-align: center; width: 100%; }
}