/* Güncel şeffaf PNG logo */
.brand .brand-mark,
.site-header .brand .brand-mark,
.site-header.scrolled .brand .brand-mark,
.footer-grid .brand .brand-mark,
.portal-sidebar .brand .brand-mark {
  width: 218px;
  height: 50px;
  padding: 0;
  border: 0;
  background-color: transparent;
  background-image: url("yetis-logo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
  box-shadow: none;
}

.login-brand {
  width: 238px;
  height: 58px;
  background-color: transparent;
  background-image: url("yetis-logo.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% auto;
}

/* Genel site okunabilirliği */
.desktop-nav a {
  font-size: 14px;
}

.site-header .btn,
.site-header.scrolled .btn {
  font-size: 13px;
}

.eyebrow,
.kicker {
  font-size: 13px;
}

.hero-copy > p {
  max-width: 660px;
  font-size: 19px;
}

.hero .btn,
.hero .text-link {
  font-size: 15px;
}

.selector-card small {
  font-size: 11px;
}

.selector-card strong {
  font-size: 27px;
}

.selector-card p {
  font-size: 15px;
}

.trust-grid span {
  font-size: 14px;
}

.split-heading > p,
.centered > p,
.fleet-copy > p,
.quote-copy > p,
.safety-copy > p {
  font-size: 17px;
}

.service-card p,
.mini-service p {
  font-size: 16px;
}

.service-card > a,
.mini-service .text-link {
  font-size: 15px;
}

.safety-list strong {
  font-size: 16px;
}

.safety-list p {
  font-size: 14px;
}

.board-head small {
  font-size: 11px;
}

.board-score div small,
.board-bars > div > span,
.board-alert strong {
  font-size: 12px;
}

.board-score div strong {
  font-size: 17px;
}

.board-score div p,
.board-alert p {
  font-size: 12px;
}

.process-line h3 {
  font-size: 23px;
}

.process-line p {
  font-size: 15px;
}

.fleet-card span {
  font-size: 11px;
}

.fleet-card strong {
  font-size: 23px;
}

.fleet-card p,
.feature-pills span {
  font-size: 13px;
}

.contact-points small {
  font-size: 11px;
}

.contact-points strong {
  font-size: 16px;
}

label > span {
  font-size: 12px;
}

input,
select,
textarea {
  font-size: 15px;
}

.check-row span {
  font-size: 12px;
}

.footer-grid h4 {
  font-size: 14px;
}

.footer-grid > div:not(.footer-brand) a,
.footer-link,
.footer-grid > div:not(.footer-brand) > span,
.footer-brand p {
  font-size: 14px;
}

.footer-bottom {
  font-size: 12px;
}

/* Yönetim ve tedarikçi panelleri */
.portal-profile strong {
  max-width: 160px;
  font-size: 14px;
}

.portal-profile small {
  font-size: 11px;
}

.portal-sidebar nav button {
  min-height: 48px;
  font-size: 13px;
}

.sidebar-help strong,
.sidebar-help a,
.logout-button {
  font-size: 12px;
}

.sidebar-help small {
  font-size: 11px;
}

.portal-topbar > div:first-of-type small {
  font-size: 10px;
}

.portal-topbar > div:first-of-type strong {
  font-size: 15px;
}

.portal-title p {
  font-size: 14px;
}

.portal-title select {
  font-size: 14px;
}

.summary-card > div:not(.summary-decoration) small,
.summary-card.featured > small {
  font-size: 10px;
}

.summary-card > div:not(.summary-decoration) strong {
  font-size: 30px;
}

.summary-card.featured > strong {
  font-size: 41px;
}

.summary-card > div:not(.summary-decoration) span,
.summary-card.featured > span {
  font-size: 11px;
}

.panel-head h2 {
  font-size: 23px;
}

.panel-head p {
  font-size: 12px;
}

th {
  font-size: 10px;
}

td {
  font-size: 13px;
}

.status-pill,
.table-button {
  font-size: 11px;
}

.empty-state p,
.portal-note p {
  font-size: 12px;
}

.portal-note strong {
  font-size: 13px;
}

.search-box input {
  font-size: 13px;
}

.calculation-box span {
  font-size: 11px;
}

.calculation-box strong {
  font-size: 31px;
}

.calculation-box small,
.switch-row small {
  font-size: 10px;
}

.switch-row strong {
  font-size: 13px;
}

.statement-card-head strong {
  font-size: 14px;
}

.statement-card-head small,
.statement-card-meta strong {
  font-size: 11px;
}

.statement-card-meta small,
.statement-actions button {
  font-size: 10px;
}

.detail-item small {
  font-size: 10px;
}

.detail-item strong {
  font-size: 14px;
}

.demo-hint,
.form-error {
  font-size: 12px;
}

@media (max-width: 1180px) {
  .brand .brand-mark,
  .site-header .brand .brand-mark,
  .site-header.scrolled .brand .brand-mark {
    width: 178px;
    height: 45px;
  }

  .desktop-nav {
    gap: 19px;
  }

  .desktop-nav a {
    font-size: 13px;
  }
}

@media (max-width: 850px) {
  .brand .brand-mark,
  .site-header .brand .brand-mark,
  .site-header.scrolled .brand .brand-mark {
    width: 166px;
    height: 43px;
  }

  .portal-sidebar .brand .brand-mark {
    width: 196px;
    height: 48px;
  }

  .mobile-nav > a:not(.btn) {
    font-size: 15px;
  }
}

@media (max-width: 620px) {
  .brand .brand-mark,
  .site-header .brand .brand-mark,
  .site-header.scrolled .brand .brand-mark {
    width: 148px;
    height: 39px;
  }

  .hero-copy > p {
    font-size: 17px;
  }

  .selector-card strong {
    font-size: 23px;
  }

  .portal-title p {
    font-size: 13px;
    line-height: 1.55;
  }

  th,
  td {
    padding: 14px;
  }

  td {
    font-size: 12px;
  }
}