/* Shared photographic hero, matching the Aracını Sat landing page. */
.page-hero { position: relative; isolation: isolate; overflow: hidden; background: var(--dark); color: #fff; margin-bottom: 24px; }
.page-hero-photo, .page-hero-shade { position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; }
.page-hero-photo { object-fit: cover; object-position: center 52%; }
.page-hero--trade .page-hero-photo, .page-hero--finance .page-hero-photo { object-position: center 32%; }
.page-hero-shade { background: linear-gradient(90deg,rgba(15,21,21,.95) 0%,rgba(15,21,21,.82) 27%,rgba(15,21,21,.2) 66%,rgba(15,21,21,.45) 100%),linear-gradient(0deg,rgba(15,21,21,.65),transparent 65%); }
.page-hero-inner { display: flex; align-items: center; min-height: 340px; padding-block: 28px; }
.page-hero-copy { min-width: 0; max-width: 620px; }
.page-hero .listing-breadcrumb, .page-hero .offer-breadcrumbs, .page-hero .studio-breadcrumb { display: flex; gap: 12px; padding: 0; margin-bottom: 18px; color: #c3c8c5; font-size: 12px; }
.page-hero nav a:hover { color: var(--accent); }
.page-hero .eyebrow { color: var(--accent); font-size: 12px; line-height: 1.6; letter-spacing: 1.3px; margin-bottom: 8px; }
.page-hero h1 { font-size: clamp(44px,4.2vw,60px); font-weight: 500; line-height: 1.04; letter-spacing: -2px; margin: 8px 0 12px; }
.page-hero h1 em { color: var(--accent); font-style: normal; }
.page-hero-description { color: #d0d6d2; font-size: 15px; line-height: 1.6; margin-top: 12px; max-width: 450px; }
@media (max-width: 800px) {
    .page-hero-inner { min-height: 320px; padding-block: 24px; }
    .page-hero-copy { max-width: 520px; }
    .page-hero h1 { font-size: 48px; letter-spacing: -1.8px; }
    .page-hero-description br { display: none; }
}
@media (max-width: 600px) {
    .page-hero-inner { min-height: 300px; padding-block: 22px; }
    .page-hero-photo { object-position: 65% center; }
    .page-hero--trade .page-hero-photo, .page-hero--finance .page-hero-photo { object-position: 60% center; }
    .page-hero-shade { background: linear-gradient(90deg,rgba(15,21,21,.9),rgba(15,21,21,.55)),linear-gradient(0deg,rgba(15,21,21,.7),transparent 80%); }
    .page-hero .eyebrow { font-size: 11px; }
    .page-hero h1 { font-size: clamp(38px,10vw,48px); letter-spacing: -1.5px; }
    .page-hero-description { font-size: 14px; }
}