/* The hero keeps a compact landscape player, including on phones. */
:is(.isgucu-detail, .destek-detail, .fazlamesai-detail, .yillikizin-detail, .kidem-detail, .ihbar-detail, .kotuniyet-detail, .isguvencesi-detail, .bostagecen-detail, .maluliyet-detail, .askerdonus-detail, .olum-detail, .ayrimcilik-detail, .sendikal-detail, .arac-detail, .faiz-detail) .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: 38px; }
.hero-benefits { display: grid; gap: 16px; list-style: none; padding: 0; margin: 24px 0 0; }
.hero-benefits .benefit { gap: 12px; }
.hero-benefits .benefit h2 { margin-bottom: 4px; }
.hero-benefits .benefit p { line-height: 1.65; }
.hero-media { min-width: 0; }
.hero-media > .actions { justify-content: center; margin-top: 20px; }
.hero-media > .platforms { text-align: center; margin-top: 12px; }
.hero-film { min-width: 0; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: #fff; box-shadow: 0 18px 48px rgba(17,28,49,.09); }
.hero-film-player { position: relative; padding-bottom: 44px; background: #eef4f4; }
.hero-film-player::before { content: ""; display: block; padding-top: 60.9375%; }
.hero-film-player iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; display: block; }
.hero-film figcaption { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 18px; }
.hero-film figcaption strong { display: block; font-size: .9rem; line-height: 1.5; }
.hero-film figcaption span { display: block; margin-top: 3px; font-size: .72rem; line-height: 1.6; color: var(--muted); }
.hero-film figcaption a { flex-shrink: 0; padding: 10px 0 10px 8px; color: var(--primary); font-size: .75rem; font-weight: 800; }
.hero-film figcaption a:hover { text-decoration: underline; }
.module-context-photo { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); align-items: center; overflow: hidden; margin-bottom: 28px; border: 1px solid var(--line); border-radius: 14px; background: #fff; }
.module-context-photo img { width: 100%; height: auto; }
.module-context-photo figcaption { padding: 16px; }
.module-context-photo strong { display: block; font-size: .9rem; line-height: 1.5; }
.module-context-photo span { display: block; margin-top: 7px; font-size: .75rem; line-height: 1.65; color: var(--muted); }
@media (max-width: 1000px) and (min-width: 761px) {
  :is(.isgucu-detail, .destek-detail, .fazlamesai-detail, .yillikizin-detail, .kidem-detail, .ihbar-detail, .kotuniyet-detail, .isguvencesi-detail, .bostagecen-detail, .maluliyet-detail, .askerdonus-detail, .olum-detail, .ayrimcilik-detail, .sendikal-detail, .arac-detail, .faiz-detail) .hero-grid { gap: 24px; }
  .hero-film figcaption { display: block; }
  .hero-film figcaption a { display: inline-block; padding: 8px 0 0; }
}
@media (max-width: 760px) {
  :is(.isgucu-detail, .destek-detail, .fazlamesai-detail, .yillikizin-detail, .kidem-detail, .ihbar-detail, .kotuniyet-detail, .isguvencesi-detail, .bostagecen-detail, .maluliyet-detail, .askerdonus-detail, .olum-detail, .ayrimcilik-detail, .sendikal-detail, .arac-detail, .faiz-detail) .hero-grid { grid-template-columns: 1fr; gap: 24px; }
  :is(.isgucu-detail, .destek-detail, .fazlamesai-detail, .yillikizin-detail, .kidem-detail, .ihbar-detail, .kotuniyet-detail, .isguvencesi-detail, .bostagecen-detail, .maluliyet-detail, .askerdonus-detail, .olum-detail, .ayrimcilik-detail, .sendikal-detail, .arac-detail, .faiz-detail) .hero-media { order: -1; }
  .hero-benefits { margin-top: 20px; gap: 16px; }
  .hero-film { border-radius: 13px; }
  .hero-film figcaption { gap: 10px; padding: 12px; }
  .hero-film figcaption strong { font-size: .8rem; }
  .hero-film figcaption span { font-size: .68rem; }
  .hero-film figcaption a { font-size: .7rem; }
  .module-context-photo figcaption { padding: 12px; }
  .module-context-photo strong { font-size: .8rem; }
  .module-context-photo span { font-size: .7rem; }
}

:is(.destek-detail, .fazlamesai-detail, .yillikizin-detail, .kidem-detail, .ihbar-detail, .kotuniyet-detail, .isguvencesi-detail, .bostagecen-detail, .maluliyet-detail, .askerdonus-detail, .olum-detail, .ayrimcilik-detail, .sendikal-detail, .arac-detail, .faiz-detail) .module-title-row h1 { font-size: clamp(1.1rem, 1.72vw, 1.52rem); }

/* Four steps in the single-screen vehicle and interest calculators. */
:is(.arac-detail, .faiz-detail) .gallery-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:760px){:is(.arac-detail, .faiz-detail) .gallery-steps{grid-template-columns:repeat(2,minmax(0,1fr))}:is(.arac-detail, .faiz-detail) .gallery-steps .workflow-tab{border-right:1px solid var(--line);border-bottom:0}:is(.arac-detail, .faiz-detail) .gallery-steps .workflow-tab:nth-child(2n){border-right:0}:is(.arac-detail, .faiz-detail) .gallery-steps .workflow-tab:nth-child(-n+2){border-bottom:1px solid var(--line)}}