/* Kayra Patent final UI corrections — 2026-08-19 */

/* Keep the top telephone text regular and make both contact icons 2px larger
   than their 13px markup size across all eight languages. */
.topbar a[href^="tel:"],
.localized-topbar a[href^="tel:"],
.topbar a[href^="tel:"] b,
.topbar a[href^="tel:"] strong,
.localized-topbar a[href^="tel:"] b,
.localized-topbar a[href^="tel:"] strong {
  font-weight: 400 !important;
}

.topbar a[href^="tel:"] svg,
.topbar a[href^="mailto:"] svg,
.localized-topbar a[href^="tel:"] svg,
.localized-topbar a[href^="mailto:"] svg {
  flex: 0 0 15px !important;
  width: 15px !important;
  height: 15px !important;
  color: #e31325 !important;
  stroke: #e31325 !important;
}

/* Sector hub and every sector detail page: desktop hero is exactly 25% lower
   than the former 560px layout. */
@media (min-width: 1121px) {
  .sector-hub-hero,
  .sector-detail-hero {
    height: 420px !important;
    min-height: 420px !important;
    max-height: 420px !important;
  }

  .sector-hub-hero > .container,
  .sector-detail-hero > .container {
    padding-block: 42px !important;
  }
}

/* The last two Corporate-menu cards already have visible links. Their
   duplicate headings are hidden only inside the Turkish mobile drawer. */
@media (max-width: 1120px) {
  .main-nav .profile-mega:not(.contact-mega)
    section:nth-last-child(-n + 2) > strong {
    display: none !important;
    margin: 0 !important;
  }

  .main-nav .profile-mega:not(.contact-mega)
    section:nth-last-child(-n + 2) > a {
    align-self: center !important;
  }
}

/* Turkish mobile carousel: use the same balanced grid, title scale and
   vertical placement as the seven localized home-page carousels. */
@media (max-width: 650px) {
  .home-page .hero .hero-slide .hero-copy {
    box-sizing: border-box !important;
    grid-template-rows: auto auto minmax(42px, 1fr) auto !important;
    align-content: stretch !important;
    align-items: start !important;
    width: calc(100% - 30px) !important;
    height: 100% !important;
    padding: 16px 0 38px !important;
    display: grid !important;
    overflow: hidden !important;
  }

  .home-page .hero .hero-copy > .overline {
    align-self: start !important;
    margin: 0 !important;
    font-size: clamp(10.5px, 2.8vw, 13px) !important;
    line-height: 1.16 !important;
    letter-spacing: 0.075em !important;
  }

  .home-page .hero .hero-copy > h1,
  .home-page .hero .hero-copy > h2 {
    text-align: start !important;
    text-wrap: balance !important;
    align-self: start !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    margin: 7px 0 0 !important;
    font-size: clamp(22px, 5.95vw, 31px) !important;
    line-height: 1.04 !important;
    overflow: visible !important;
  }

  .home-page .hero .hero-copy > p {
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical !important;
    text-align: start !important;
    align-self: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 8px 0 !important;
    font-size: clamp(11.5px, 3.05vw, 14px) !important;
    line-height: 1.42 !important;
    display: -webkit-box !important;
    overflow: hidden !important;
  }

  .home-page .hero .hero-actions {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-self: end !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    display: grid !important;
  }

  /* Add precisely 2px between title, description and CTA in all four boxes. */
  .home-page .pillars .pillar > span:last-child {
    row-gap: 2px !important;
  }
}

@media (max-width: 390px) {
  .home-page .hero .hero-slide .hero-copy {
    width: calc(100% - 22px) !important;
    padding: 13px 0 35px !important;
  }
}