/* Otopark detay sayfası — sunucu tarafında oluşturulan içerik ve doğal fotoğraf oranları. */
.parking-page{--parking-muted:#586779;--parking-line:#dce3ed}
.parking-page h2{font-size:clamp(27px,3vw,38px);line-height:1.2;letter-spacing:-.035em;margin:12px 0 20px}
.parking-page h3{line-height:1.35;letter-spacing:-.015em}
.parking-page [id]{scroll-margin-top:110px}
.parking-page figure{margin:0;min-width:0}
.parking-page figcaption{font-size:12px;line-height:1.6;color:var(--parking-muted);padding:12px 0}
.parking-textlink{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:14px;font-weight:700;text-underline-offset:4px}
.parking-textlink:hover{text-decoration:underline}
.parking-textlink .icon{flex-shrink:0;width:17px;height:17px}
.parking-nav{border-block:1px solid var(--parking-line);background:#f8fafc}
.parking-nav .container{display:flex;flex-wrap:wrap;gap:4px 30px;padding-block:15px}
.parking-nav a{font-size:13px;font-weight:600;padding-block:8px;color:var(--parking-muted)}
.parking-nav a:hover{color:var(--blue)}
.parking-split{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:start;margin-bottom:32px}
.parking-section-lead{color:var(--parking-muted);font-size:16px;line-height:1.8;margin-top:10px}
.parking-table-wrap{overflow-x:auto;border:1px solid var(--parking-line);border-radius:16px;background:#fff}
.parking-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.7;min-width:850px}
.parking-table caption{text-align:left;padding:18px 22px;font-weight:700;color:var(--navy);background:#eef3fa;font-size:15px}
.parking-table th,.parking-table td{padding:18px 22px;text-align:left;vertical-align:top;border-bottom:1px solid var(--parking-line)}
.parking-table thead th{font-size:12px;font-weight:700;color:var(--parking-muted);background:#f8fafc}
.parking-table tbody th{width:18%;color:var(--navy)}
.parking-table tbody td:nth-child(2){width:22%;font-weight:600;color:var(--blue)}
.parking-table tbody td{color:var(--parking-muted)}
.parking-table tbody tr:last-child>*{border:0}
.parking-note{margin-top:24px;padding:22px 26px;border-left:3px solid var(--blue);background:#f2f6fb;color:#475569;font-size:14px;line-height:1.8}
.parking-note strong{color:var(--navy)}
.parking-note a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}
.parking-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;margin:38px 0 58px}
.parking-feature-photo img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover;border-radius:16px}
.parking-feature-copy h3{font-size:25px;margin-top:0}
.parking-feature-grid--reverse .parking-feature-photo{order:2}
.parking-feature-grid--reverse .parking-feature-copy{order:1}
.parking-marking{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center;border-top:1px solid var(--parking-line);padding-top:44px}
.parking-marking h3{font-size:25px;margin-top:0}
.parking-process-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.parking-process-photo{position:sticky;top:120px}
.parking-process-photo img{display:block;width:100%;height:auto;border-radius:16px}
.parking-steps{list-style:none;counter-reset:parking-step;margin:0;padding:0}
.parking-steps li{position:relative;padding:0 0 27px 62px;counter-increment:parking-step}
.parking-steps li::before{content:counter(parking-step,decimal-leading-zero);position:absolute;left:0;top:0;width:40px;height:40px;display:grid;place-items:center;border:1px solid #dce5f2;border-radius:50%;background:#f3f6fb;color:var(--blue);font-size:13px;font-weight:700}
.parking-steps h3{font-size:19px;margin:5px 0 9px}
.parking-steps p{font-size:14.5px;color:var(--parking-muted);line-height:1.8;margin:0}
.parking-pricing{background:#edf3fa}
.parking-updated{color:var(--parking-muted);font-size:12px}
.parking-price-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.parking-price-card{padding:26px;border:1px solid #d4dfed;border-radius:16px;background:#fff}
.parking-price-card h3{font-size:16px;margin:0 0 20px;color:var(--navy)}
.parking-price-card p{font-size:14px;margin:0 0 10px;color:var(--blue)}
.parking-price-card strong{font-size:clamp(25px,3vw,36px);letter-spacing:-.045em}
.parking-price-card small{color:var(--parking-muted);font-size:12px}
.parking-price-note{font-size:12.5px;line-height:1.8;color:var(--parking-muted);margin:18px 0 26px}
.parking-budget{display:grid;grid-template-columns:1fr .75fr;gap:60px;border:1px solid #cedbed;background:#f8fbff;border-radius:16px;padding:30px;margin:30px 0}
.parking-budget h3{font-size:24px;margin:14px 0}
.parking-budget p{font-size:14px;line-height:1.8;color:var(--parking-muted);margin:0}
.parking-budget dl{margin:0;align-self:center}
.parking-budget dl>div{display:flex;justify-content:space-between;gap:20px;font-size:13px;padding:12px 0;border-bottom:1px solid var(--parking-line)}
.parking-budget dd{margin:0;white-space:nowrap;font-weight:700;color:var(--navy)}
.parking-budget dl>.parking-budget__total{font-size:15px;border:0}
.parking-cost-details{grid-template-columns:1fr 1fr;gap:60px}
.parking-problems{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.parking-problems>div{background:#fff;border:1px solid var(--parking-line);border-radius:16px;padding:26px}
.parking-problems h3{font-size:19px;margin:0 0 12px;color:var(--navy)}
.parking-problems p{font-size:14.5px;color:var(--parking-muted);line-height:1.8;margin:0}
.parking-maintenance{max-width:850px;margin:36px auto 0}
.parking-maintenance h3{font-size:24px}
.parking-contact{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;padding:clamp(26px,4vw,52px);background:#183969;color:#fff;border-radius:22px}
.parking-contact .eyebrow{color:#bdcfef}.parking-contact .eyebrow::before{background:#bdcfef}
.parking-contact h2{color:#fff;font-size:clamp(25px,3vw,35px)}
.parking-contact p{font-size:14px;line-height:1.8;color:#d0dcef}
.parking-contact aside{padding-left:36px;border-left:1px solid #526c92;align-self:center}
.parking-contact aside b{font-size:21px}.parking-contact aside a{font-size:13px;display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:underline;text-underline-offset:4px}
.parking-contact .btns{align-items:center;gap:24px}
.parking-phone{color:#fff;display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600}
.parking-editorial{margin-top:22px;color:var(--parking-muted);font-size:11px;line-height:1.7}
.parking-editorial a{text-decoration:underline;text-underline-offset:3px}
.parking-page a:focus-visible,.parking-table-wrap:focus-visible{outline:3px solid #7196d0;outline-offset:4px}
@media(max-width:1000px){.parking-split,.parking-process-layout{gap:36px}.parking-feature-grid{gap:32px}.parking-contact{gap:36px}.parking-price-card{padding:20px}}
@media(max-width:850px){.parking-split,.parking-process-layout,.parking-marking{grid-template-columns:1fr;gap:22px}.parking-feature-grid{grid-template-columns:1fr;gap:20px}.parking-feature-grid--reverse .parking-feature-photo,.parking-feature-grid--reverse .parking-feature-copy{order:initial}.parking-process-photo{position:static}.parking-process-photo img{max-height:420px;object-fit:cover}.parking-budget{grid-template-columns:1fr;gap:18px}.parking-price-cards{grid-template-columns:1fr}.parking-price-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.parking-price-card h3,.parking-price-card p{margin:0}.parking-price-card small{grid-column:1/-1}.parking-contact{grid-template-columns:1fr;gap:28px}.parking-contact aside{border-left:0;border-top:1px solid #526c92;padding:24px 0 0}.parking-nav .container{gap:0 22px}.parking-cost-details{grid-template-columns:1fr}}
@media(max-width:520px){.parking-page .section{padding-block:44px}.parking-nav a{font-size:12px}.parking-problems{grid-template-columns:1fr}.parking-steps li{padding-left:52px}.parking-steps h3{font-size:18px}.parking-note{padding:18px}.parking-price-card{display:block}.parking-price-card h3{margin-bottom:12px}.parking-price-card p{margin-bottom:8px}.parking-budget{padding:20px}.parking-budget dl>div{gap:10px}.parking-budget dl>.parking-budget__total{font-size:14px}.parking-contact h2 br{display:none}.parking-page [id]{scroll-margin-top:90px}.parking-table{font-size:13px;min-width:780px}}