/* İç sayfalarda ana içeriği ilk ekranda tutan ortak, kompakt başlık düzeni. */
:where(
  .auth-page-head,
  .checkout-page-head,
  .cart-page-head,
  .action-page-head,
  .corporate-page-head,
  .blog-list-head,
  .contact-page-head,
  .account-page-head,
  .subaccount-head,
  .search-page-head
) {
  padding-block: 16px 13px !important;
}

:is(
  .auth-page-head,
  .checkout-page-head,
  .cart-page-head,
  .action-page-head
) > h1,
.cart-page-head h1,
.corporate-title-row h1,
.blog-list-title h1,
.contact-page-intro h1,
.account-page-title h1,
.subaccount-title-row h1,
.search-hero-card h1,
.category-intro h1 {
  margin-top: 0 !important;
  font-size: clamp(29px, 2.7vw, 40px) !important;
  line-height: 1.04 !important;
  letter-spacing: -0.035em !important;
}

:is(.auth-page-head, .checkout-page-head, .action-page-head) > p,
.corporate-title-row p,
.blog-list-title p,
.contact-page-intro p,
.account-page-title p:not(.account-kicker),
.subaccount-title-row p:not(.account-kicker),
.search-hero-card p,
.category-intro-row p {
  margin-top: 6px !important;
  font-size: 13px !important;
  line-height: 1.5 !important;
}

.corporate-title-row,
.blog-list-title,
.contact-page-intro,
.search-hero-card,
.category-intro-row {
  min-height: 0 !important;
  margin-top: 0 !important;
  border-radius: 20px !important;
  padding: 16px 18px !important;
}

.category-intro {
  padding-top: 14px !important;
}

.account-kicker {
  margin-bottom: 5px !important;
  font-size: 10px !important;
}

.account-page-title,
.subaccount-title-row {
  align-items: center !important;
}

.blog-detail-head {
  padding-block: 14px 12px !important;
}

.blog-detail-hero-card {
  margin-top: 0 !important;
  border-radius: 24px !important;
  padding: 16px !important;
}

.checkout-flow-head {
  display: grid;
  grid-template-columns: minmax(320px, 0.82fr) minmax(460px, 1.18fr);
  grid-template-rows: auto auto auto;
  align-items: center;
  column-gap: clamp(26px, 4vw, 58px);
  row-gap: 2px;
}

.checkout-flow-head > h1 {
  grid-column: 1;
  grid-row: 1;
}

.checkout-flow-head > p:not(.checkout-guest-note) {
  grid-column: 1;
  grid-row: 2;
}

.checkout-flow-head > .checkout-guest-note {
  grid-column: 1;
  grid-row: 3;
  width: fit-content;
  max-width: 100%;
  margin-top: 7px !important;
  padding: 6px 9px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
  line-height: 1.4 !important;
}

.checkout-flow-head > .checkout-progress {
  grid-column: 2;
  grid-row: 1 / span 3;
  width: 100%;
  margin: 0;
}

.checkout-flow-head .checkout-progress li {
  gap: 4px;
}

.checkout-flow-head .checkout-progress li:not(:last-child)::after {
  top: 12px;
  left: 34px;
  right: 8px;
}

.checkout-flow-head .checkout-progress span {
  width: 24px;
  height: 24px;
  font-size: 9px;
}

.checkout-flow-head .checkout-progress strong {
  font-size: 9px;
}

@media (max-width: 960px) {
  .checkout-flow-head {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    row-gap: 0;
  }

  .checkout-flow-head > h1,
  .checkout-flow-head > p:not(.checkout-guest-note),
  .checkout-flow-head > .checkout-guest-note,
  .checkout-flow-head > .checkout-progress {
    grid-column: 1;
    grid-row: auto;
  }

  .checkout-flow-head > .checkout-progress {
    margin-top: 12px;
  }
}

@media (max-width: 700px) {
  :where(
    .auth-page-head,
    .checkout-page-head,
    .cart-page-head,
    .action-page-head,
    .corporate-page-head,
    .blog-list-head,
    .contact-page-head,
    .account-page-head,
    .subaccount-head,
    .search-page-head
  ) {
    padding-block: 13px 10px !important;
  }

  :is(
    .auth-page-head,
    .checkout-page-head,
    .cart-page-head,
    .action-page-head
  ) > h1,
  .cart-page-head h1,
  .corporate-title-row h1,
  .blog-list-title h1,
  .contact-page-intro h1,
  .account-page-title h1,
  .subaccount-title-row h1,
  .search-hero-card h1,
  .category-intro h1 {
    font-size: clamp(27px, 8vw, 34px) !important;
  }

  .corporate-title-row,
  .blog-list-title,
  .contact-page-intro,
  .search-hero-card,
  .category-intro-row {
    border-radius: 18px !important;
    padding: 14px !important;
  }

  .account-page-title,
  .subaccount-title-row,
  .cart-page-head {
    align-items: flex-start !important;
  }
}