/* cizgi-vitrin-typography-harmony.css
   Vitrin sayfaları (domain, ana sayfa, arama): tokens.css ölçeği ile tipografi uyumu.
   domain-park.css / home.css / search-page.css sonrası yüklenir. */

/* -------------------------------------------------------------------------- */
/* Domain park — ölçü + ağırlık merdiveni (göz yormayan kontrast)               */
/* -------------------------------------------------------------------------- */

.page-domain .hero-domain-kicker,
.page-domain .sales-channels-badge {
  font-size: var(--cizgi-type-ui-caption);
  font-weight: 700;
  letter-spacing: 0.12em;
}

.page-domain .domain-meta-date {
  font-size: var(--cizgi-type-ui-label);
  font-weight: 600;
}

.page-domain .domain-title {
  font-size: var(--cizgi-type-domain-hero);
  line-height: var(--cizgi-line-display);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.page-domain .domain-title .domain-tld {
  font-size: var(--cizgi-type-domain-tld);
  font-weight: 700;
}

.page-domain .domain-hero-intro-card .domain-hero-price__caption {
  font-size: var(--cizgi-type-ui-caption);
  font-weight: 700;
}

.page-domain .domain-hero-price__old {
  font-size: var(--cizgi-type-ui-strong);
  font-weight: 600;
}

.page-domain .domain-hero-price__current {
  font-size: clamp(1.25rem, 0.95rem + 1.2vw, 1.75rem);
  font-weight: 800;
  line-height: var(--cizgi-line-display);
}

.page-domain .domain-step-item i {
  font-size: var(--cizgi-type-heading-sm);
}

.page-domain .domain-step-item span {
  font-size: var(--cizgi-type-ui-label);
  font-weight: 600;
  line-height: var(--cizgi-line-normal);
}

.page-domain .sales-channels-title {
  font-size: var(--cizgi-type-heading-sm);
  font-weight: 800;
  line-height: var(--cizgi-line-tight);
}

.page-domain .sales-channels-desc {
  font-size: var(--cizgi-type-doc-small);
  line-height: var(--cizgi-line-prose);
  font-weight: 500;
}

.page-domain .sales-channels-cta-strip__text {
  font-size: var(--cizgi-type-ui-body);
  font-weight: 600;
}

.page-domain .sales-channels-cta-strip__sub {
  font-size: var(--cizgi-type-doc-caption);
  font-weight: 500;
}

.page-domain .form-main-title {
  font-size: var(--cizgi-type-form-title);
  line-height: var(--cizgi-line-display);
  font-weight: 800;
}

.page-domain .form-price-caption {
  font-size: var(--cizgi-type-ui-label);
  font-weight: 650;
}

.page-domain .form-price-old {
  font-size: var(--cizgi-type-doc-small);
  font-weight: 600;
}

.page-domain .form-price-value {
  font-size: var(--cizgi-type-form-price);
  line-height: var(--cizgi-line-display);
  font-weight: 800;
}

.page-domain .form-domain-sales-slogan {
  font-size: var(--cizgi-type-doc-small);
  line-height: var(--cizgi-line-prose);
  font-weight: 500;
  text-wrap: balance;
}

.page-domain .form-field-label {
  font-size: var(--cizgi-type-ui-caption);
  font-weight: 700;
}

.page-domain .form-action-hint,
.page-domain .form-purchase-paths-note {
  font-size: var(--cizgi-type-doc-caption);
  font-weight: 600;
  line-height: var(--cizgi-line-ui);
}

.page-domain .form-privacy-note,
.page-domain .form-secondary-note {
  font-size: var(--cizgi-type-ui-caption);
  font-weight: 500;
  line-height: var(--cizgi-line-ui);
}

.page-domain .park-features-upgraded .feature-title,
.page-domain .park-showcase-upgraded .section-title,
.page-domain .park-features-upgraded .section-title {
  font-size: var(--cizgi-type-heading-md);
  line-height: var(--cizgi-line-tight);
  font-weight: 800;
}

.page-domain .park-features-upgraded .feature-text {
  font-size: var(--cizgi-type-doc-body);
  line-height: var(--cizgi-line-prose);
  font-weight: 500;
}

.page-domain .park-showcase-upgraded .domain-box-body a {
  font-size: var(--cizgi-type-heading-sm);
  font-weight: 800;
  line-height: var(--cizgi-line-tight);
}

.page-domain .park-cta-title {
  font-size: var(--cizgi-type-cta-band);
  line-height: var(--cizgi-line-tight);
  font-weight: 800;
  text-align: center;
  text-wrap: balance;
}

.page-domain .park-contact-band h2.color-white,
.page-domain .park-contact-band__lead {
  font-size: var(--cizgi-type-heading-sm);
  font-weight: 800;
}

.page-domain .park-contact-band__sub {
  font-size: var(--cizgi-type-doc-small);
  line-height: var(--cizgi-line-prose);
  font-weight: 500;
}

.page-domain .cizgi-custom-captcha-equation {
  font-size: var(--cizgi-type-ui-body);
}

@media (max-width: 575.98px) {
  .page-domain .domain-title {
    font-size: clamp(1.35rem, 0.88rem + 5vw, 1.95rem);
  }

  .page-domain .domain-title .domain-tld {
    font-size: var(--cizgi-type-doc-small);
  }
}

@media (min-width: 800px) {
  .page-domain .make-offer-form .form-main-title {
    font-size: var(--cizgi-type-form-title);
  }
}

@media (max-width: 799.98px) {
  .page-domain .park-cta-title {
    font-size: clamp(1.15rem, 0.92rem + 2.8vw, 1.65rem);
  }
}

/* -------------------------------------------------------------------------- */
/* Ana sayfa — hero slogan + alt metin aynı ölçek ailesi                      */
/* -------------------------------------------------------------------------- */

.page-index .hero-main .slogan-1 {
  font-size: var(--cizgi-type-hero-home);
  line-height: var(--cizgi-line-display);
  font-weight: 800;
}

.page-index .hero-main .slogan-2 {
  font-size: var(--cizgi-type-hero-sub-home);
  line-height: var(--cizgi-line-prose);
  font-weight: 500;
}

.page-index .searchbar .search_input,
.page-index .searchbar input[type="text"] {
  font-size: var(--cizgi-type-search-input);
  font-weight: 600;
}

.page-index .home-partners-intro,
.page-index .hero-main .home-partners-intro {
  font-size: var(--cizgi-type-doc-small);
  line-height: var(--cizgi-line-prose);
  font-weight: 500;
}

.page-index .hero-main .slogan-task {
  font-size: var(--cizgi-type-doc-caption);
  font-weight: 600;
}

/* -------------------------------------------------------------------------- */
/* Arama sayfası                                                              */
/* -------------------------------------------------------------------------- */

.page-search .search-shell-caption {
  font-size: var(--cizgi-type-doc-lead);
  line-height: var(--cizgi-line-prose);
  font-weight: 500;
}

.page-search .search-trust-note {
  font-size: var(--cizgi-type-doc-small);
  line-height: var(--cizgi-line-normal);
  font-weight: 500;
}

.page-search .searchbar .search_input {
  font-size: var(--cizgi-type-search-input);
  font-weight: 700;
}

.page-search .foundDomains {
  font-size: var(--cizgi-type-ui-label);
  font-weight: 700;
}

.page-search .results-context {
  font-size: var(--cizgi-type-doc-lead);
  font-weight: 600;
}

.page-search .results-helper-text,
.page-search .search-empty-hint {
  font-size: var(--cizgi-type-doc-body);
  line-height: var(--cizgi-line-prose);
  font-weight: 500;
}

.page-search .search-warning {
  font-size: var(--cizgi-type-doc-lead);
  font-weight: 700;
}

.page-search .sample-domains-title {
  font-size: var(--cizgi-type-search-section);
  line-height: var(--cizgi-line-tight);
  font-weight: 800;
}

.page-search .domain-title-row .domain-name {
  font-size: var(--cizgi-type-search-card-name);
  font-weight: 800;
}

.page-search .result-badge {
  font-size: var(--cizgi-type-ui-caption);
  font-weight: 700;
}

.page-search .domain-price-row {
  font-size: var(--cizgi-type-doc-body);
}

.page-search .domain-price-row .price {
  font-size: var(--cizgi-type-heading-sm);
  font-weight: 800;
}

.page-search .result-card-note {
  font-size: var(--cizgi-type-doc-small);
  line-height: var(--cizgi-line-prose);
  font-weight: 500;
}

.page-search .search-page-current,
.page-search .search-page-link {
  font-size: var(--cizgi-type-ui-label);
  font-weight: 700;
}

.page-search .search-pagination-status {
  font-size: var(--cizgi-type-doc-caption);
  font-weight: 600;
}

.page-search .search-hero-shell .home-partners-intro {
  font-size: var(--cizgi-type-doc-small);
  line-height: var(--cizgi-line-prose);
  font-weight: 500;
}

@media (max-width: 767.98px) {
  .page-search .searchbar .search_input {
    font-size: var(--cizgi-type-search-input);
  }

  .page-search .domain-title-row .domain-name {
    font-size: var(--cizgi-type-search-card-name);
  }

  .page-search .sample-domains-title {
    font-size: var(--cizgi-type-search-section);
  }
}

@media (max-width: 575.98px) {
  .page-search .search-shell-caption,
  .page-search .search-trust-note,
  .page-search .results-helper-text {
    font-size: var(--cizgi-type-doc-caption);
  }
}

/* -------------------------------------------------------------------------- */
/* 404 — vitrin ile aynı ölçü ailesi                                          */
/* -------------------------------------------------------------------------- */

body.page-404 {
  font-size: var(--cizgi-type-doc-body);
  line-height: var(--cizgi-line-normal);
}

body.page-404 .p404-kicker {
  font-size: var(--cizgi-type-ui-caption);
  font-weight: 700;
  letter-spacing: 0.22em;
}

body.page-404 .p404-title {
  font-size: var(--cizgi-type-heading-lg);
  line-height: var(--cizgi-line-display);
  font-weight: 800;
}

body.page-404 .p404-desc {
  font-size: var(--cizgi-type-doc-lead);
  line-height: var(--cizgi-line-prose);
  font-weight: 500;
}

body.page-404 .p404-search-input {
  font-size: var(--cizgi-type-search-input);
  font-weight: 600;
}

body.page-404 .p404-search-submit {
  font-size: var(--cizgi-type-ui-label);
  font-weight: 800;
}

body.page-404 .p404-home-link {
  font-size: var(--cizgi-type-doc-small);
  font-weight: 600;
}

body.page-404 .p404-foot {
  font-size: var(--cizgi-type-doc-caption);
}

body.page-404 .p404-side-title {
  font-size: var(--cizgi-type-heading-sm);
  font-weight: 800;
}

body.page-404 .p404-side-sub {
  font-size: var(--cizgi-type-doc-small);
  line-height: var(--cizgi-line-normal);
  font-weight: 500;
}

body.page-404 .p404-domain {
  font-size: var(--cizgi-type-doc-body);
  font-weight: 700;
}

body.page-404 .p404-go {
  font-size: var(--cizgi-type-ui-caption);
  font-weight: 700;
}

body.page-404 .p404-empty-title {
  font-size: var(--cizgi-type-doc-body);
  font-weight: 700;
}

body.page-404 .p404-empty-desc {
  font-size: var(--cizgi-type-doc-small);
  line-height: var(--cizgi-line-prose);
}

@media (max-width: 520px) {
  body.page-404 .p404-kicker {
    font-size: var(--cizgi-type-ui-caption);
    letter-spacing: 0.14em;
  }

  body.page-404 .p404-foot {
    font-size: var(--cizgi-type-ui-caption);
  }
}

/* -------------------------------------------------------------------------- */
/* Hakkımızda — belge gövdesi ile hizalı                                      */
/* -------------------------------------------------------------------------- */

.page-about .hero-title {
  font-size: var(--cizgi-type-display);
  line-height: var(--cizgi-line-display);
  font-weight: 800;
  letter-spacing: -0.02em;
}

.page-about .hero-subtitle {
  font-size: var(--cizgi-type-doc-lead);
  line-height: var(--cizgi-line-prose);
}

.page-about .glass-card h2 {
  font-size: var(--cizgi-type-heading-md);
  line-height: var(--cizgi-line-tight);
  font-weight: 700;
}

.page-about .about-prose p {
  font-size: var(--cizgi-type-doc-body);
  line-height: var(--cizgi-line-prose);
  font-weight: 500;
}

.page-about .trust-value {
  font-size: var(--cizgi-type-heading-sm);
  font-weight: 800;
}

.page-about .trust-label {
  font-size: var(--cizgi-type-doc-small);
  font-weight: 600;
}

.page-about .partner-logos-title {
  font-size: var(--cizgi-type-ui-caption);
  font-weight: 700;
  letter-spacing: 0.08em;
}

.page-about .back-to-top {
  font-size: var(--cizgi-type-doc-small);
}

/* -------------------------------------------------------------------------- */
/* Orta genişlik (800–1199px): “PC” düzeni — vitrin + arama + 404            */
/* -------------------------------------------------------------------------- */

@media (min-width: 800px) and (max-width: 1199.98px) {
  .page-index .hero-main-shell {
    width: min(100%, min(960px, calc(100vw - 40px)));
    max-width: 960px;
    padding: 22px 28px 20px;
  }

  .page-index .hero-main .slogan-1 {
    width: min(100%, 32ch);
    max-width: 100%;
    white-space: normal;
  }

  .page-index .searchbar-wrapper {
    max-width: min(700px, calc(100vw - 80px));
  }

  .page-search .absolute-center > .section > .container > .row > .col-12 > .container {
    padding: 36px 28px 30px;
    max-width: min(1140px, calc(100vw - 32px));
  }

  .page-search .search-hero-shell {
    max-width: min(990px, calc(100vw - 48px));
  }

  .page-about .trust-highlights {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .page-about .hero > .container {
    padding-left: 22px;
    padding-right: 22px;
  }
}

/* 404: arama satırında placeholder kesilmesin */
@media (min-width: 600px) and (max-width: 1100px) {
  body.page-404 .p404-search-row {
    flex-wrap: nowrap;
  }

  body.page-404 .p404-search-input {
    font-size: clamp(12px, 1.35vw, 14px);
  }

  body.page-404 .p404-search-input::placeholder {
    font-size: 11px;
    letter-spacing: 0.01em;
  }

  body.page-404 .p404-search-submit {
    padding: 0 12px 0 14px;
    font-size: 11px;
    letter-spacing: 0.06em;
  }

  body.page-404 .p404-search-label {
    max-width: 9.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* 404: domain satırında buton her zaman sağda hizalı */
@media (min-width: 800px) {
  body.page-404 .p404-item {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    column-gap: 12px;
  }

  body.page-404 .p404-go {
    justify-self: end;
    align-self: center;
  }
}