/* IASCL V46.370 — phone hero: give the caption room so the headline, text and button are never clipped,
   and keep the carousel dots below the text. Loaded last on both home pages. */
@media (max-width:760px){
  html:root[dir] body.iascl-home .hero.iascl-live-news-events-hero,
  html:root[dir] body.iascl-home .hero.iascl-v328-unified-hero{
    height:660px !important;
    min-height:660px !important;
  }
  html:root[dir] body.iascl-home .hero.iascl-live-news-events-hero .slides,
  html:root[dir] body.iascl-home .hero.iascl-v328-unified-hero .slides,
  html:root[dir] body.iascl-home .hero.iascl-live-news-events-hero .iascl-live-hero-slide,
  html:root[dir] body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-slide,
  html:root[dir] body.iascl-home .hero.iascl-live-news-events-hero .iascl-live-hero-link,
  html:root[dir] body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-link{
    height:100% !important;
    min-height:0 !important;
  }
  html:root[dir] body.iascl-home .hero.iascl-live-news-events-hero .iascl-live-hero-photo,
  html:root[dir] body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-visual-wrap{
    flex:0 0 300px !important;
    height:300px !important;
  }
  html:root[dir] body.iascl-home .hero.iascl-live-news-events-hero .iascl-live-hero-copy,
  html:root[dir] body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-copy{
    flex:1 1 auto !important;
    height:auto !important;
    min-height:0 !important;
    padding:16px 20px 60px !important;
    justify-content:flex-start !important;
    overflow:hidden !important;
  }
  html:root[dir] body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-link{
    grid-template-rows:300px auto !important;
    grid-template-columns:100% !important;
  }
  html:root[dir] body.iascl-home .hero.iascl-live-news-events-hero .iascl-live-hero-link{
    flex-direction:column !important;
  }
  /* children must not shrink to a single clipped line */
  html:root[dir] body.iascl-home .hero.iascl-live-news-events-hero .iascl-live-hero-copy > *,
  html:root[dir] body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-copy > *{
    flex-shrink:0 !important;
  }
  html:root[dir] body.iascl-home .hero.iascl-live-news-events-hero .iascl-live-hero-copy .slide-title,
  html:root[dir] body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-copy h1{
    font-size:1.2rem !important;
    line-height:1.4 !important;
    max-height:none !important;
    -webkit-line-clamp:3 !important;
  }
  html:root[dir] body.iascl-home .hero.iascl-live-news-events-hero .iascl-live-hero-copy .slide-text,
  html:root[dir] body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-copy p{
    max-height:none !important;
    -webkit-line-clamp:2 !important;
  }
  html:root[dir] body.iascl-home .hero.iascl-live-news-events-hero .dots,
  html:root[dir] body.iascl-home .hero.iascl-v328-unified-hero .dots{
    bottom:12px !important;
  }
}

/* V46.483 — Persian Hero: show the full poster/photo on desktop (same as the English page).
   The image is contained inside its panel instead of being cropped by "cover". */
@media (min-width:761px){
  html body.iascl-home .hero.iascl-v328-unified-hero .slides .iascl-v328-slide{height:100% !important;min-height:0 !important}
  html body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-visual-wrap{background:#06243a !important;align-items:center !important;justify-content:center !important}
  html body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-visual-wrap .iascl-v328-visual{object-fit:contain !important;object-position:center center !important}
}

/* V46.483 — Persian Hero desktop order: text on the right, image on the left. English is unchanged. */
@media (min-width:761px){
  html[dir="rtl"] body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-link{grid-template-columns:minmax(0,42%) minmax(0,58%) !important}
  html[dir="rtl"] body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-copy{grid-column:1 !important;direction:rtl !important;text-align:right !important;padding:32px 88px 48px 40px !important}
  html[dir="rtl"] body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-visual-wrap{grid-column:2 !important}
}

/* V46.483 — Hero split adapts automatically: the picture column is exactly as wide as its 16:9 image needs
   at the current Hero height (never wider than 62% of the Hero), and the text column takes all the rest.
   Result: no side bars, no cropping, and the text gets the maximum room on every screen size. */
@media (min-width:761px){
  body.iascl-home .hero.iascl-v328-unified-hero .slides,
  body.iascl-home .hero.iascl-live-news-events-hero .slides{container-type:size}
  body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-link,
  html[dir="rtl"] body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-link{grid-template-columns:minmax(0,1fr) minmax(0,min(177.78cqh,62cqw)) !important}
  html[dir="ltr"] body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-link{grid-template-columns:minmax(0,1fr) minmax(0,min(177.78cqh,62cqw)) !important}
  body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-visual-wrap{width:100% !important;max-width:none !important;flex:1 1 auto !important;height:100% !important;aspect-ratio:auto !important}
  body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-copy{width:auto !important;max-width:none !important;flex:1 1 auto !important;min-width:0 !important}
}

/* V46.483 — Hero arrows: draw the chevrons with CSS so they are exactly centred in their circles
   (the text glyphs sit off-centre in most fonts). */
.hero .arrow.prev,.hero .arrow.next{font-size:0 !important;line-height:0 !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important}
.hero .arrow.prev::before,.hero .arrow.next::before{content:"";display:block;width:9px;height:9px;border:solid currentColor;border-width:0 2.5px 2.5px 0;box-sizing:border-box}
.hero .arrow.prev::before{transform:translate(2.1px,-.4px) rotate(135deg)}
.hero .arrow.next::before{transform:translate(-2.9px,-.4px) rotate(-45deg)}
@media (min-width:761px){
  html[dir="ltr"] body.iascl-home .hero.iascl-live-news-events-hero .iascl-live-hero-copy{padding-left:84px !important}
}

/* V46.483 — Persian Hero: same logic as the English Hero. The picture panel is a little wider than the
   16:9 picture, so the picture sits centred with a dark margin on each side and the round arrows stay
   in those margins (outer edges of the Hero) instead of covering the picture. */
@media (min-width:761px){
  html[dir="rtl"] body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-link{grid-template-columns:minmax(0,1fr) minmax(0,min(calc(177.78cqh + 136px),62cqw)) !important}
  html[dir="rtl"] body.iascl-home .hero.iascl-v328-unified-hero .iascl-v328-visual-wrap{background:#06243a !important}
}