.oa-transfer, .oa-transfer * { box-sizing: border-box; }
.oa-transfer { --tr-orange: #fb7410; --tr-orange-dark: #e96300; --tr-ink: #112035; --tr-muted: #657187; --tr-soft: #fcfaf7; color: var(--tr-ink); font-family: 'Montserrat', sans-serif; }
.oa-transfer .oa-transfer__container {
  width: min(1200px, calc(100% - 32px));
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
}
.oa-transfer__section { padding: 96px 0; }
.oa-transfer .oa-transfer__heading { margin: 0 0 18px; color: var(--tr-ink); font: 700 clamp(26px, 2.6vw, 35px)/1.17 'Montserrat', sans-serif; letter-spacing: -.025em; }
.oa-transfer__heading span { color: var(--tr-orange); }
.oa-transfer .oa-transfer__subheading { max-width: 780px; margin: 0; color: var(--tr-muted); font-size: 15px; line-height: 1.65; }
.oa-transfer__section-head { margin-bottom: 38px; }

body.oa-transfer-page .oa-request { padding-bottom: 60px; }

.oa-transfer__hero { position: relative; isolation: isolate; height: auto; min-height: 550px; overflow: hidden; background: #f3f4f5; }
.oa-transfer__hero::before { content: ''; position: absolute; z-index: -2; inset: 0; background: url('/img/oa-transfer-hero.webp') center right / cover no-repeat; }
.oa-transfer__hero::after { content: ''; position: absolute; z-index: -1; inset: 0; background: linear-gradient(90deg, #f3f4f5 0%, #f3f4f5 32%, rgba(243,244,245,.96) 40%, rgba(243,244,245,.48) 61%, rgba(243,244,245,0) 77%); }
.oa-transfer__hero-inner { display: flex; min-height: 550px; align-items: center; }
.oa-transfer__hero-copy { width: min(58%, 700px); padding: 50px 0; }
.oa-transfer .oa-transfer__hero-title { margin: 0 0 18px; color: var(--tr-ink); font: 700 clamp(30px, 3vw, 45px)/1.16 'Montserrat', sans-serif; letter-spacing: -.035em; }
.oa-transfer__hero-title span { display: block; color: var(--tr-orange); }
.oa-transfer .oa-transfer__hero-description { max-width: 650px; margin: 0 0 15px; color: var(--tr-ink); font-size: 16px; line-height: 1.58; font-weight: 500; }
.oa-transfer .oa-transfer__hero-description:last-child { margin-bottom: 0; }
.oa-transfer__hero-location { white-space: nowrap; }
.oa-transfer__hero-location::before { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 6px 2px 2px; border-radius: 50%; background: var(--tr-orange); }
.oa-transfer .oa-transfer__hero-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; margin-top: 13px; padding: 14px 25px; border: 1px solid var(--tr-orange); border-radius: 6px; background: var(--tr-orange); color: #fff; font-size: 15px; line-height: 1.3; font-weight: 700; text-align: center; text-decoration: none; transition: background-color .2s ease, border-color .2s ease; }
.oa-transfer .oa-transfer__hero-button:hover { border-color: var(--tr-orange-dark); background: var(--tr-orange-dark); color: #fff; text-decoration: none; }

.oa-transfer__fleet { padding-bottom: 48px; background: #fff; }
.oa-transfer__fleet-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; }
.oa-transfer__vehicle { display: grid; grid-template-columns: minmax(0, 38%) minmax(0, 1fr); min-width: 0; min-height: 270px; overflow: hidden; border: 1px solid #e4e8ed; border-radius: 14px; background: #fff; box-shadow: none; }
.oa-transfer__vehicle-photo { position: relative; min-width: 0; min-height: 270px; overflow: hidden; background: #eaf0f4; }
.oa-transfer__vehicle-photo img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; }
.oa-transfer__vehicle-content { display: flex; flex-direction: column; align-items: flex-start; min-width: 0; padding: clamp(25px, 3vw, 44px); }
.oa-transfer__vehicle-kicker { display: inline-flex; margin: 0 0 14px; padding: 0; background: none; color: #b5540e; font-size: 12px; font-weight: 700; }
.oa-transfer .oa-transfer__vehicle-name { margin: 0 0 14px; color: var(--tr-ink); font-size: clamp(19px, 1.8vw, 23px); line-height: 1.28; font-weight: 700; }
.oa-transfer__vehicle-content p { max-width: 700px; margin: 0 0 20px; color: var(--tr-muted); font-size: 15px; line-height: 1.65; }
.oa-transfer__vehicle-messengers { display: flex; align-items: center; gap: 14px; margin-top: auto; }
.oa-transfer .oa-transfer__vehicle-messenger { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 10px; text-decoration: none; transition: transform .2s ease; }
.oa-transfer .oa-transfer__vehicle-messenger:hover { transform: translateY(-2px); }
.oa-transfer__vehicle-messenger img { display: block; width: 48px; height: 48px; object-fit: contain; }

.oa-transfer__guarantees { padding-top: 56px; background: #fff; }
.oa-transfer__guarantees-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.oa-transfer__guarantee { display: flex; align-items: flex-start; gap: 17px; min-width: 0; padding: 22px 24px; border: 1px solid #f2ece8; border-radius: 12px; background: #fcfaf7; }
.oa-transfer__guarantee-marker { display: inline-flex; align-items: center; gap: 3px; flex: 0 0 41px; width: 41px; margin-top: 7px; }
.oa-transfer__guarantee-marker > span { display: block; flex: 0 0 8px; width: 8px; height: 8px; border-radius: 50%; background: var(--tr-orange); }
.oa-transfer__guarantee-copy { min-width: 0; }
.oa-transfer .oa-transfer__guarantee h3 { margin: 0 0 9px; color: var(--tr-ink); font-size: 17px; line-height: 1.35; font-weight: 700; }
.oa-transfer__guarantee p { margin: 0; color: var(--tr-muted); font-size: 13px; line-height: 1.65; }

.oa-transfer a:focus-visible, .oa-transfer button:focus-visible, .oa-transfer input:focus-visible { outline: 2px solid var(--tr-ink); outline-offset: 2px; }

@media (max-width: 1199px) {
  .oa-transfer__hero-copy { width: min(66%, 660px); }
  .oa-transfer__fleet-grid { gap: 20px; }
  .oa-transfer__vehicle { grid-template-columns: minmax(0, 38%) minmax(0, 1fr); }
  .oa-transfer__vehicle-photo { min-height: 240px; }
  .oa-transfer__vehicle-content { padding: 26px; }
}
@media (max-width: 991px) {
  body.oa-transfer-page,
  body.oa-transfer-page #wrapper,
  body.oa-transfer-page .path,
  body.oa-transfer-page .header-image {
    background-color: #f3f4f5;
  }
  .oa-transfer__section { padding: 76px 0; }
  .oa-transfer__fleet { padding-bottom: 42px; }
  .oa-transfer__guarantees { padding-top: 50px; }
  .oa-transfer__hero { height: auto; min-height: 520px; }
  .oa-transfer__hero-inner { height: auto; min-height: 520px; }
  .oa-transfer__hero-copy { width: 69%; }
  .oa-transfer__hero::before { background-position: 68% center; opacity: 1; }
  .oa-transfer__hero::after { background: linear-gradient(90deg, #f3f4f5 0%, rgba(243,244,245,.97) 35%, rgba(243,244,245,.8) 53%, rgba(243,244,245,.25) 76%, rgba(243,244,245,0) 100%); }
  .oa-transfer .oa-transfer__hero-title { font-size: 35px; }
  .oa-transfer .oa-transfer__hero-description { font-size: 14px; }
}

@media (max-width: 767px) {
  body.oa-transfer-page,
  body.oa-transfer-page #wrapper,
  body.oa-transfer-page .path,
  body.oa-transfer-page .header-image {
    background-color: #f6f7f8;
  }

  .oa-transfer__section { padding: 64px 0; }

  .oa-transfer__hero {
    height: auto;
    min-height: 0;
    background-color: #f6f7f8;
  }

  .oa-transfer__hero-inner {
    min-height: 0;
  }

  .oa-transfer__hero::before {
    background-position: 78% 100%;
    background-size: cover;
    opacity: .9;
  }

  .oa-transfer__hero::after {
    background: linear-gradient(
      180deg,
      rgba(246,247,248,.98) 0%,
      rgba(246,247,248,.95) 42%,
      rgba(246,247,248,.84) 58%,
      rgba(246,247,248,.24) 74%,
      rgba(246,247,248,0) 100%
    );
  }

  .oa-transfer__hero-copy {
    width: 100%;
    padding: 54px 0 250px;
  }

  body.oa-transfer-page .oa-request { padding-bottom: 48px; }

  .oa-transfer .oa-transfer__hero-description {
    font-size: 14px;
    line-height: 1.6;
  }

  .oa-transfer__fleet { padding-bottom: 32px; }

  .oa-transfer__guarantees { padding-top: 42px; }

  .oa-transfer .oa-transfer__hero-title {
    font-size: clamp(28px, 6.4vw, 37px);
  }

  .oa-transfer__fleet-grid { grid-template-columns: 1fr; }

  .oa-transfer__vehicle {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .oa-transfer__vehicle-photo {
    min-height: 0;
    aspect-ratio: 1.55;
  }

  .oa-transfer__vehicle-content { padding: 23px; }

  .oa-transfer__guarantees-grid {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .oa-transfer__guarantee {
    padding: 20px 19px;
    gap: 15px;
  }
}
@media (max-width: 567px) {
  .oa-transfer__section { padding: 52px 0; }
  .oa-transfer .oa-transfer__heading { font-size: 25px; }
  .oa-transfer .oa-transfer__subheading { font-size: 13px; }

  .oa-transfer__hero::before {
    background-size: auto 290px;
    background-position: right bottom;
    opacity: 1;
  }

  .oa-transfer__hero::after {
    background: linear-gradient(
      180deg,
      rgba(246,247,248,1) 0%,
      rgba(246,247,248,1) 35%,
      rgba(246,247,248,.98) 48%,
      rgba(246,247,248,.88) 59%,
      rgba(246,247,248,.55) 72%,
      rgba(246,247,248,.15) 88%,
      rgba(246,247,248,0) 100%
    );
  }

  .oa-transfer__hero-copy {
    padding: 45px 0 210px;
  }

  .oa-transfer .oa-transfer__hero-description {
    font-size: 13px;
  }

  .oa-transfer .oa-transfer__hero-title {
    font-size: clamp(24px, 7.2vw, 29px);
  }

  .oa-transfer .oa-transfer__hero-button {
    min-height: 46px;
    padding: 12px 19px;
    font-size: 13px;
  }

  .oa-transfer__vehicle-photo { aspect-ratio: 1.4; }
  .oa-transfer__vehicle-content p { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .oa-transfer .oa-transfer__vehicle-messenger, .oa-transfer .oa-transfer__hero-button { transition: none; }
}