html body.cooking-methods-page {
  --cooking-contact-size: 46px;
}

html body.cooking-methods-page .cloud-recipe-page .cloud-os-hero h1,
html body.cooking-methods-page .cloud-recipe-page .split-head h2,
html body.cooking-methods-page .cloud-recipe-page .cloud-output-copy h2,
html body.cooking-methods-page .cloud-recipe-page .governance-section h2 {
  letter-spacing: 0 !important;
  text-wrap: balance !important;
}

html body.cooking-methods-page .cloud-recipe-page .cloud-os-hero h1 {
  max-width: 640px !important;
  font-size: clamp(40px, 4.2vw, 60px) !important;
  line-height: 1.07 !important;
}

html body.cooking-methods-page .cloud-recipe-page .split-head h2,
html body.cooking-methods-page .cloud-recipe-page .cloud-output-copy h2,
html body.cooking-methods-page .cloud-recipe-page .governance-section h2,
html body.cooking-methods-page .cloud-recipe-page .standardized-recipe-section h2 {
  max-width: 840px !important;
  font-size: clamp(30px, 3vw, 44px) !important;
  line-height: 1.14 !important;
}

html body.cooking-methods-page .whatsapp-float,
html body.cooking-methods-page .yao-chat {
  position: fixed !important;
  right: clamp(10px, 1.5vw, 18px) !important;
  bottom: auto !important;
  z-index: 1180 !important;
  transform: none !important;
}

html body.cooking-methods-page .whatsapp-float {
  top: calc(50dvh - var(--cooking-contact-size) - 6px) !important;
}

html body.cooking-methods-page .yao-chat {
  top: calc(50dvh + 6px) !important;
}

html body.cooking-methods-page .whatsapp-float,
html body.cooking-methods-page .yao-chat-toggle {
  display: grid !important;
  width: var(--cooking-contact-size) !important;
  min-width: var(--cooking-contact-size) !important;
  max-width: var(--cooking-contact-size) !important;
  height: var(--cooking-contact-size) !important;
  min-height: var(--cooking-contact-size) !important;
  max-height: var(--cooking-contact-size) !important;
  padding: 0 !important;
  place-items: center !important;
  border-radius: 14px !important;
  transform: none !important;
}

html body.cooking-methods-page .whatsapp-float:hover,
html body.cooking-methods-page .whatsapp-float:focus,
html body.cooking-methods-page .whatsapp-float:active,
html body.cooking-methods-page .yao-chat-toggle:hover,
html body.cooking-methods-page .yao-chat-toggle:focus,
html body.cooking-methods-page .yao-chat-toggle:active {
  transform: none !important;
}

html body.cooking-methods-page .whatsapp-float strong,
html body.cooking-methods-page .yao-chat-toggle strong {
  display: none !important;
}

html body.cooking-methods-page .whatsapp-float-icon {
  width: 26px !important;
  height: 26px !important;
  font-size: 9px !important;
}

html body.cooking-methods-page .yao-chat-toggle span {
  width: 23px !important;
  height: 23px !important;
}

html body.cooking-methods-page .yao-chat-toggle span::after {
  width: 8px !important;
  height: 8px !important;
}

html body.cooking-methods-page .yao-chat-panel {
  position: absolute !important;
  top: 50% !important;
  right: calc(var(--cooking-contact-size) + 10px) !important;
  bottom: auto !important;
  width: min(330px, calc(100vw - 84px)) !important;
  transform: translateY(-50%) !important;
}

html body.cooking-methods-page .mobile-contact-hub {
  display: none !important;
}

@media (max-width: 980px) {
  html body.cooking-methods-page .cloud-recipe-page .cloud-os-hero {
    min-height: auto !important;
    gap: 28px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-os-hero h1 {
    max-width: 560px !important;
    font-size: clamp(34px, 7.2vw, 44px) !important;
  }
}

@media (max-width: 760px) {
  html body.cooking-methods-page {
    --cooking-contact-size: 42px;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-os-hero,
  html body.cooking-methods-page .cloud-recipe-page .section {
    width: calc(100% - 32px) !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-os-hero {
    padding-top: 50px !important;
    padding-bottom: 34px !important;
    gap: 18px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-os-hero .cloud-hero-visual {
    min-height: 0 !important;
    height: 164px !important;
    border-radius: 18px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-os-hero .cloud-hero-visual video {
    height: 100% !important;
    min-height: 0 !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-os-hero h1 {
    max-width: 292px !important;
    margin-top: 0 !important;
    margin-bottom: 16px !important;
    font-size: 30px !important;
    line-height: 1.08 !important;
  }

  html[lang="en"] body.cooking-methods-page .cloud-recipe-page .cloud-os-hero h1,
  html[lang="fr"] body.cooking-methods-page .cloud-recipe-page .cloud-os-hero h1,
  html[lang="es"] body.cooking-methods-page .cloud-recipe-page .cloud-os-hero h1 {
    max-width: 270px !important;
    font-size: 27px !important;
    line-height: 1.1 !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-hero-metrics {
    margin-top: 0 !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-hero-metrics span {
    min-height: 0 !important;
    padding: 13px 0 !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-hero-metrics strong {
    font-size: 20px !important;
    line-height: 1.12 !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-hero-metrics small {
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cooking-pressure-transfer,
  html body.cooking-methods-page .cloud-recipe-page .ai-loop-section,
  html body.cooking-methods-page .cloud-recipe-page .cloud-output-system-section,
  html body.cooking-methods-page .cloud-recipe-page .governance-section,
  html body.cooking-methods-page .cloud-recipe-page .standardized-recipe-section,
  html body.cooking-methods-page .cloud-recipe-page .cooking-solutions-transfer {
    padding-top: 42px !important;
    padding-bottom: 42px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .split-head {
    gap: 12px !important;
    margin-bottom: 22px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .split-head h2,
  html body.cooking-methods-page .cloud-recipe-page .cloud-output-copy h2,
  html body.cooking-methods-page .cloud-recipe-page .governance-section h2,
  html body.cooking-methods-page .cloud-recipe-page .standardized-recipe-section h2 {
    max-width: 300px !important;
    font-size: 25px !important;
    line-height: 1.14 !important;
  }

  html[lang="en"] body.cooking-methods-page .cloud-recipe-page .split-head h2,
  html[lang="en"] body.cooking-methods-page .cloud-recipe-page .cloud-output-copy h2,
  html[lang="fr"] body.cooking-methods-page .cloud-recipe-page .split-head h2,
  html[lang="fr"] body.cooking-methods-page .cloud-recipe-page .cloud-output-copy h2,
  html[lang="es"] body.cooking-methods-page .cloud-recipe-page .split-head h2,
  html[lang="es"] body.cooking-methods-page .cloud-recipe-page .cloud-output-copy h2 {
    font-size: 24px !important;
    line-height: 1.16 !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .pain-grid article {
    min-width: min(252px, 80vw) !important;
    border-radius: 17px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .pain-grid article img {
    height: 120px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .pain-swipe-hint,
  html body.cooking-methods-page .cloud-recipe-page .rail-hint {
    margin-top: 12px !important;
    font-size: 12px !important;
    opacity: 0.78 !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .story-section-layout,
  html body.cooking-methods-page .cloud-recipe-page .story-section-layout-reverse {
    gap: 18px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .ai-loop-grid {
    gap: 10px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .ai-loop-grid article {
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: start !important;
    min-height: 0 !important;
    padding: 16px !important;
    border-radius: 17px !important;
    text-align: left !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .ai-loop-grid article span {
    grid-row: 1 / span 2 !important;
    width: 34px !important;
    height: 34px !important;
    margin: 0 !important;
    font-size: 12px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .ai-loop-grid article h3 {
    grid-column: 2 !important;
    margin: 0 0 6px !important;
    font-size: 18px !important;
    line-height: 1.18 !important;
    text-align: left !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .ai-loop-grid article p,
  html body.cooking-methods-page .cloud-recipe-page .governance-grid article p {
    grid-column: 2 !important;
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-align: left !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .story-media-panel {
    min-height: 0 !important;
    padding: 0 !important;
    border-radius: 18px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .story-media-panel img {
    height: 220px !important;
    object-fit: cover !important;
    border-radius: 18px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .story-media-caption {
    right: 14px !important;
    bottom: 14px !important;
    left: 14px !important;
    padding: 12px 14px !important;
    border-radius: 14px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-output-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-output-copy,
  html body.cooking-methods-page .cloud-recipe-page .cloud-output-gallery,
  html body.cooking-methods-page .cloud-recipe-page .cloud-output-stage {
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-output-copy h2 {
    max-width: 100% !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-output-copy > p {
    font-size: 14px !important;
    line-height: 1.55 !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-output-tabs {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow-x: auto !important;
    padding: 0 0 4px !important;
    scroll-snap-type: x proximity !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-output-tabs button {
    flex: 0 0 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 0 13px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    scroll-snap-align: start !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-output-stage figure img {
    height: 248px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cloud-output-stage figcaption {
    font-size: 13px !important;
    line-height: 1.45 !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .governance-grid {
    gap: 10px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .governance-grid article {
    min-height: 0 !important;
    padding: 17px !important;
    border-radius: 17px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .governance-grid h3,
  html body.cooking-methods-page .cloud-recipe-page .governance-section .governance-grid h3 {
    margin-bottom: 7px !important;
    font-size: 19px !important;
    line-height: 1.18 !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .recipe-filters {
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    overflow-x: auto !important;
    margin-bottom: 20px !important;
    padding-bottom: 4px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .recipe-filters button {
    flex: 0 0 auto !important;
    min-height: 34px !important;
    padding: 0 13px !important;
    font-size: 13px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .recipe-grid {
    gap: 10px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .recipe-card {
    display: grid !important;
    grid-template-columns: 112px minmax(0, 1fr) !important;
    min-height: 0 !important;
    overflow: hidden !important;
    border-radius: 16px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .recipe-card img {
    width: 112px !important;
    height: 128px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .recipe-card div {
    padding: 13px 14px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .recipe-card span {
    margin-bottom: 6px !important;
    font-size: 10.5px !important;
    line-height: 1.2 !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .recipe-card h3 {
    margin: 0 0 6px !important;
    font-size: 17px !important;
    line-height: 1.16 !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .recipe-card p {
    display: -webkit-box !important;
    overflow: hidden !important;
    font-size: 13px !important;
    line-height: 1.42 !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cooking-solutions-transfer .split-head {
    gap: 14px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .cooking-solutions-transfer .button.text {
    min-height: 38px !important;
    padding: 0 13px !important;
    font-size: 13px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .compact-rail article {
    min-width: 238px !important;
    min-height: 176px !important;
    padding: 18px !important;
    border-radius: 18px !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .compact-rail article h3 {
    font-size: 20px !important;
    line-height: 1.12 !important;
  }

  html body.cooking-methods-page .cloud-recipe-page .compact-rail article p {
    font-size: 13.5px !important;
    line-height: 1.45 !important;
  }

  html body.cooking-methods-page .whatsapp-float,
  html body.cooking-methods-page .yao-chat {
    right: -4px !important;
  }

  html body.cooking-methods-page .whatsapp-float-icon {
    width: 24px !important;
    height: 24px !important;
  }

  html body.cooking-methods-page .yao-chat-toggle span {
    width: 21px !important;
    height: 21px !important;
  }

  html body.cooking-methods-page .yao-chat-panel {
    right: calc(var(--cooking-contact-size) + 8px) !important;
    width: min(300px, calc(100vw - 72px)) !important;
  }
}

@media (max-width: 390px) {
  html body.cooking-methods-page .cloud-recipe-page .cloud-os-hero h1 {
    max-width: 276px !important;
    font-size: 29px !important;
  }

  html[lang="en"] body.cooking-methods-page .cloud-recipe-page .cloud-os-hero h1,
  html[lang="fr"] body.cooking-methods-page .cloud-recipe-page .cloud-os-hero h1,
  html[lang="es"] body.cooking-methods-page .cloud-recipe-page .cloud-os-hero h1 {
    max-width: 258px !important;
    font-size: 26px !important;
  }
}