/* PEK Automotive v161: legal, trust, form, cookie and accessibility layer */
.skip-link {
  position: fixed;
  z-index: 3000;
  top: 10px;
  left: 10px;
  padding: 11px 16px;
  border-radius: 8px;
  background: #fff;
  color: #050505;
  font-weight: 800;
  transform: translateY(-160%);
  transition: transform .18s ease;
}
.skip-link:focus { transform: translateY(0); }


.form-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}
.form-status {
  display: none;
  margin-top: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(0,0,0,.14);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.5;
}
.form-status.is-visible { display: block; }
.form-status.is-success { border-color: rgba(31,117,67,.35); background: rgba(31,117,67,.08); color: #195c37; }
.form-status.is-error { border-color: rgba(168,45,45,.35); background: rgba(168,45,45,.07); color: #8e2525; }
.contact-form input[aria-invalid="true"],
.contact-form textarea[aria-invalid="true"] { border-color: #a52f2f !important; }
.privacy-check a, .form-note a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

.media-archive-filter { display: inline-flex; align-items: center; }
.media-archive-filter select {
  height: 48px;
  min-width: 190px;
  padding: 0 42px 0 16px;
  border: 1px solid rgba(255,255,255,.18);
  border-radius: 999px;
  background: #0b0b0b;
  color: #fff;
  font: inherit;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .06em;
  text-transform: uppercase;
}

.legal-main { min-height: 70vh; background: #f6f5f2; }
.legal-shell { width: min(1100px, calc(100% - 48px)); margin: 0 auto; }
.legal-hero {
  padding: clamp(150px, 16vw, 235px) 0 clamp(72px, 8vw, 118px);
  background: #080808;
  color: #fff;
}
.legal-hero h1 {
  margin: 12px 0 18px;
  max-width: 900px;
  font-size: clamp(52px, 7.2vw, 116px);
  line-height: .86;
  letter-spacing: -.06em;
  text-transform: uppercase;
}
.legal-hero p:last-child { max-width: 700px; color: rgba(255,255,255,.68); font-size: clamp(17px, 1.5vw, 22px); }
.legal-content { padding: clamp(70px, 8vw, 130px) 0; background: #f6f5f2; color: #111; }
.legal-copy { max-width: 900px; }
.legal-copy h2 { margin: 54px 0 14px; font-size: clamp(25px, 2.6vw, 38px); letter-spacing: -.035em; }
.legal-copy h2:first-of-type { margin-top: 28px; }
.legal-copy p, .legal-copy li { color: rgba(0,0,0,.68); font-size: 16px; line-height: 1.8; }
.legal-copy a { color: #111; text-decoration: underline; text-underline-offset: 3px; }

.not-found-page {
  min-height: 100svh;
  display: grid;
  align-items: center;
  padding: 160px 24px 100px;
  background: radial-gradient(circle at 70% 25%, rgba(162,132,72,.15), transparent 35%), #070707;
  color: #fff;
}
.not-found-inner { width: min(1100px, 100%); margin: 0 auto; }
.not-found-inner h1 { margin: 14px 0 24px; font-size: clamp(62px, 10vw, 155px); line-height: .82; letter-spacing: -.07em; text-transform: uppercase; }
.not-found-inner > p:not(.section-label) { max-width: 620px; color: rgba(255,255,255,.64); font-size: 18px; }
.not-found-actions { display: flex; align-items: center; gap: 28px; margin-top: 38px; }

.cookie-banner {
  position: fixed;
  z-index: 2500;
  right: 22px;
  bottom: 22px;
  width: min(470px, calc(100% - 32px));
  padding: 24px;
  border: 1px solid rgba(184,155,94,.46);
  background: rgba(8,8,8,.98);
  color: #fff;
  box-shadow: 0 24px 80px rgba(0,0,0,.44);
}
.cookie-banner[hidden] { display: none; }
.cookie-banner h2 { margin: 0 0 10px; font-size: 22px; letter-spacing: -.02em; }
.cookie-banner p { margin: 0; color: rgba(255,255,255,.68); font-size: 13px; line-height: 1.65; }
.cookie-banner a { color: #d4b36e; text-decoration: underline; text-underline-offset: 3px; }
.cookie-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 20px; }
.cookie-actions button {
  min-height: 42px;
  padding: 0 16px;
  border: 1px solid #a28448;
  border-radius: 999px;
  background: #a28448;
  color: #fff;
  font: inherit;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}
.cookie-actions button.secondary { background: transparent; }
.cookie-settings-link { cursor: pointer; }

@media (max-width: 760px) {
  .legal-shell { width: min(100% - 32px, 1100px); }
  .not-found-actions { align-items: flex-start; flex-direction: column; }
  .cookie-banner { right: 16px; bottom: 16px; padding: 20px; }
  .media-archive-filter, .media-archive-filter select { width: 100%; }
}

/* Mobile hero safeguard: keep the full PEK AUTOMOTIVE wordmark inside the viewport. */
@media (max-width: 760px) {
  .home-page .hero h1 {
    max-width: 100%;
    font-size: clamp(43px, 12.4vw, 56px) !important;
    line-height: .9;
  }
  .home-page .hero h1 .title-gold {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    font-size: .9em;
    letter-spacing: -.062em;
  }
}