/* Four-language induction Hero layout — requested 2026-09-17.
   Loaded only by the EN / FR / RU / AR induction product pages.
   The approved V20 product image, field geometry and base styling stay intact.
   All sizes are minimums: larger text may grow instead of being clipped. */

@media (min-width: 981px) {
  body.induction-heating-bowl-page > .induction-product-hero {
    --ih-hero-height: 880px;
    --ih-hero-inset: 80px;
    min-height: var(--ih-hero-height);
    padding-block: var(--ih-hero-inset);
  }

  .induction-product-hero > .container > .breadcrumb {
    line-height: 28px;
  }

  .induction-product-hero .induction-hero-grid {
    min-height: calc(var(--ih-hero-height) - 2 * var(--ih-hero-inset) - 48px);
  }

  .induction-product-hero .induction-hero-copy {
    align-self: start;
  }

  .induction-product-hero .induction-hero-copy > h1 {
    min-block-size: 3.75em;
  }

  .induction-product-hero .induction-hero-copy > p:not(.lead) {
    min-block-size: 1.8em;
  }

  .induction-product-hero .induction-hero-copy > .lead {
    min-block-size: 7.2em;
    margin-bottom: 24px !important;
  }

  .induction-product-hero .product-hero-actions {
    margin-bottom: 24px !important;
  }

  /* Cairo's shaping needs its own measure, not smaller type or a mirrored image. */
  html[lang="ar"] .induction-product-hero .induction-hero-copy > h1 {
    max-inline-size: 9em;
  }
}

@media (min-width: 981px) and (max-width: 1199px) {
  body.induction-heating-bowl-page > .induction-product-hero {
    --ih-hero-inset: 64px;
  }

  .induction-product-hero .induction-hero-copy > p:not(.lead) {
    min-block-size: 3.6em;
  }

  .induction-product-hero .induction-hero-copy > .lead {
    min-block-size: 8.6em;
  }

  .induction-product-hero .product-hero-actions > .btn {
    min-width: 0;
    padding-inline: 20px;
  }
}

/* Mirror the composition for RTL, never the bowl artwork or brand lettering. */
html[lang="ar"] .induction-product-hero {
  background: linear-gradient(248deg, rgba(7,49,30,.98) 0%, rgba(9,72,43,.98) 55%, rgba(10,82,48,.96) 100%), var(--g900);
}

html[lang="ar"] .induction-product-hero .induction-hero-grid-pattern {
  transform: scaleX(-1);
}

html[lang="ar"] .induction-product-hero .induction-hero-glow {
  right: auto;
  left: 1vw;
}

html[lang="ar"] .induction-product-hero .product-hero-actions > .btn-primary > svg {
  transform: scaleX(-1);
}

@media (max-width: 980px) {
  .induction-product-hero .induction-hero-copy {
    margin-inline: auto;
  }

  html[lang="ar"] .induction-product-hero .induction-hero-glow {
    left: -28vw;
  }
}

@media (max-width: 767px) {
  .induction-product-hero .product-hero-actions {
    align-items: stretch;
    gap: 12px !important;
  }

  .induction-product-hero .product-hero-actions > .btn {
    width: 100%;
    min-width: 0;
    min-height: 56px;
    padding-inline: 24px;
  }
}