/* MURAD TURİZM — ziyaret noktaları / yalnızca mvl-* ad alanı kullanılır. */
:root { --mvl-orange: #f26719; --mvl-ink: #172027; --mvl-muted: #6d7882; --mvl-line: #e9ebed; }

/* ANA SAYFA: iki büyük, gerçek ziyaret fotoğraflarından beslenen şehir kartı */
.mh-home .mvl-home { background: #fff; }
.mh-home .mvl-home .mvl-home-head { margin-bottom: 26px; }
.mh-home .mvl-home .mvl-home-head h2 { line-height: 1.16; }
.mvl-home-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.mvl-home-card { position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: 440px; isolation: isolate; overflow: hidden; border-radius: 19px; text-decoration: none !important; color: #fff !important; background: radial-gradient(circle at 85% 10%, #655648 0%, #343333 42%, #171d22 100%); box-shadow: 0 15px 38px rgba(22,28,32,.11); transition: transform .26s ease, box-shadow .26s ease; }
.mvl-home-card--medine { background: radial-gradient(circle at 80% 10%, #525e61 0%, #26383a 46%, #132428 100%); }
.mvl-home-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform .7s cubic-bezier(.2,.7,.3,1); }
.mvl-home-shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(7,14,18,.35) 0%, rgba(7,14,18,.12) 35%, rgba(4,12,18,.9) 100%); }
.mvl-home-card:hover { transform: translateY(-5px); box-shadow: 0 22px 45px rgba(22,28,32,.2); }
.mvl-home-card:hover .mvl-home-photo { transform: scale(1.045); }
.mvl-home-card:focus-visible { outline: 4px solid var(--mvl-orange); outline-offset: 4px; }
.mvl-home-top { display: inline-flex; align-items: center; gap: 11px; padding: 29px 31px; font-size: 11px; font-weight: 800; letter-spacing: .16em; color: #fff; }
.mvl-home-top i { display: grid; place-items: center; width: 35px; height: 35px; border-radius: 50%; background: rgba(255,255,255,.2); font-size: 16px; }
.mvl-home-bottom { display: flex; flex-direction: column; align-items: flex-start; padding: 40px 35px 32px; }
.mvl-home-city { font-size: clamp(30px, 2.55vw, 45px); font-weight: 850; letter-spacing: -.035em; line-height: 1.1; text-wrap: balance; }
.mvl-home-count { display: inline-flex; align-items: center; gap: 9px; margin: 14px 0 6px; font-size: 15px; font-weight: 600; color: #fff; }
.mvl-home-count strong { display: inline-grid; place-items: center; min-width: 37px; height: 32px; padding: 0 8px; border-radius: 9px; background: var(--mvl-orange); color: #fff; font-size: 17px; }
.mvl-home-description { max-width: 440px; min-height: 48px; margin-top: 8px; font-size: 15px; line-height: 1.65; color: rgba(255,255,255,.88); }
.mvl-home-cta { display: flex; align-items: center; gap: 12px; margin-top: 26px; border-radius: 11px; padding: 13px 18px; background: #fff; color: #1f282e; font-weight: 850; font-size: 14px; transition: background .2s ease; }
.mvl-home-cta span { color: var(--mvl-orange); font-size: 17px; }
.mvl-home-card:hover .mvl-home-cta { background: #fff4eb; }

/* YENİ PUBLIC SAYFALAR */
.mvl-page { font-family: inherit; background: #fff; color: var(--mvl-ink); }
.mvl-page *, .mvl-home * { box-sizing: border-box; }
.mvl-page a { text-decoration: none; }
.mvl-page a:focus-visible, .mvl-page button:focus-visible { outline: 3px solid var(--mvl-orange); outline-offset: 4px; }
.mvl-container { width: min(1320px, calc(100% - 48px)); margin: 0 auto; }
.mvl-kicker { display: block; color: #c95013; font-size: 12px; font-weight: 850; letter-spacing: .13em; }
.mvl-eyebrow { display: inline-flex; gap: 9px; align-items: center; font-size: 12px; font-weight: 800; letter-spacing: .16em; }
.mvl-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; font-size: 12px; font-weight: 650; }
.mvl-breadcrumb i { font-size: 10px; opacity: .7; }
.mvl-breadcrumb--light, .mvl-breadcrumb--light a { color: rgba(255,255,255,.89); }
.mvl-breadcrumb--light a:hover { color: #fff; text-decoration: underline; }
.mvl-breadcrumb--dark, .mvl-breadcrumb--dark a { color: #74808b; }
.mvl-breadcrumb--dark span { color: #2b3237; }
.mvl-breadcrumb--dark a:hover { color: var(--mvl-orange); }

/* ŞEHİR ÜST KISIM */
.mvl-city-hero { position: relative; min-height: 430px; isolation: isolate; background: radial-gradient(circle at 72% 18%, #675e53 0%, #34342d 52%, #172027 100%); color: #fff; overflow: hidden; }
.mvl-city-hero--medine { background: radial-gradient(circle at 72% 18%, #586968 0%, #2b4b4a 52%, #172d36 100%); }
.mvl-city-hero-image { position: absolute; inset: 0; z-index: -2; width: 100%; height: 100%; object-fit: cover; }
.mvl-city-hero-filter { position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(8,18,24,.88) 0%, rgba(8,18,24,.76) 45%, rgba(8,18,24,.35) 100%); }
.mvl-city-hero-inner { padding-top: 33px; padding-bottom: 76px; }
.mvl-city-hero-copy { max-width: 720px; padding-top: 52px; }
.mvl-city-hero-copy .mvl-eyebrow { color: #ffb78d; }
.mvl-city-hero h1 { margin: 17px 0 13px; color: #fff; font-size: clamp(37px, 4.3vw, 64px); line-height: 1.08; letter-spacing: -.04em; font-weight: 850; }
.mvl-city-hero h1 em { font-style: normal; color: #ff9a61; }
.mvl-city-hero-copy p { max-width: 615px; margin: 0; font-size: 16px; line-height: 1.78; color: rgba(255,255,255,.87); }
.mvl-city-hero-meta { display: flex; align-items: center; gap: 10px; margin-top: 27px; }
.mvl-city-hero-meta strong { display: grid; place-items: center; min-width: 45px; height: 40px; border-radius: 11px; background: var(--mvl-orange); font-size: 20px; }
.mvl-city-hero-meta span { color: #f5f6f6; font-size: 15px; font-weight: 600; }

/* ŞEHİR KART LİSTESİ */
.mvl-list-section { padding: 70px 0 100px; background: #f8f9fa; }
.mvl-list-head { display: flex; gap: 24px; align-items: end; justify-content: space-between; margin-bottom: 30px; }
.mvl-list-head h2 { font-size: clamp(29px, 3vw, 39px); font-weight: 850; margin: 7px 0 8px; letter-spacing: -.03em; }
.mvl-list-head p { margin: 0; color: var(--mvl-muted); line-height: 1.7; font-size: 15px; }
.mvl-switch-city { display: inline-flex; align-items: center; gap: 9px; color: #c94f10 !important; font-weight: 800; font-size: 14px; white-space: nowrap; padding-bottom: 10px; }
.mvl-places-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 22px; }
.mvl-place-card { border: 1px solid var(--mvl-line); border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 8px 28px rgba(15,22,29,.035); display: flex; flex-direction: column; transition: transform .25s ease, box-shadow .25s ease; }
.mvl-place-card:hover { transform: translateY(-4px); box-shadow: 0 17px 35px rgba(15,22,29,.1); }
.mvl-place-media { display: block; position: relative; width: 100%; aspect-ratio: 16/10; overflow: hidden; background: #222e37; }
.mvl-place-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .5s ease; }
.mvl-place-card:hover .mvl-place-media img { transform: scale(1.055); }
.mvl-image-fallback { height: 100%; display: grid; place-content: center; gap: 10px; text-align: center; background: radial-gradient(circle at center, #465b60, #19252c); color: rgba(255,255,255,.9); }
.mvl-image-fallback i { font-size: 40px; }
.mvl-image-fallback small { font-size: 11px; letter-spacing: .18em; }
.mvl-place-label { position: absolute; bottom: 15px; left: 16px; display: inline-flex; align-items: center; gap: 6px; background: #fff; color: #263039; border-radius: 8px; padding: 7px 11px; font-size: 11px; font-weight: 800; box-shadow: 0 4px 16px rgba(0,0,0,.1); }
.mvl-place-label i { color: var(--mvl-orange); }
.mvl-place-body { padding: 23px 23px 24px; display: flex; flex-direction: column; flex: 1; }
.mvl-place-body h3 { margin: 0 0 12px; font-size: clamp(19px, 1.7vw, 23px); font-weight: 850; line-height: 1.3; letter-spacing: -.02em; }
.mvl-place-body h3 a { color: var(--mvl-ink); }
.mvl-place-body h3 a:hover { color: var(--mvl-orange); }
.mvl-place-body p { margin: 0 0 22px; font-size: 14px; line-height: 1.7; color: var(--mvl-muted); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.mvl-place-more { display: inline-flex; gap: 11px; align-items: center; margin-top: auto; padding-top: 16px; border-top: 1px solid #f0f1f2; font-size: 13px; font-weight: 850; color: #d65312 !important; }
.mvl-empty { max-width: 740px; margin: 20px auto 0; border-radius: 17px; background: #fff; text-align: center; padding: 65px 30px; }
.mvl-empty > i { display: block; font-size: 48px; color: var(--mvl-orange); }
.mvl-empty h3 { font-size: 26px; margin: 12px 0; }
.mvl-empty p { color: var(--mvl-muted); font-size: 15px; line-height: 1.7; }
.mvl-empty a { display: inline-flex; gap: 8px; align-items: center; font-weight: 750; color: var(--mvl-orange); }

/* DETAY SAYFASI */
.mvl-detail-page { background: #fff; }
.mvl-detail-breadcrumb { padding: 35px 0 30px; border-bottom: 1px solid var(--mvl-line); }
.mvl-detail-header { display: flex; justify-content: space-between; gap: 28px; padding: 42px 0 30px; align-items: end; }
.mvl-detail-header > div { max-width: 850px; }
.mvl-detail-header h1 { margin: 9px 0 11px; font-size: clamp(35px, 4vw, 56px); line-height: 1.16; font-weight: 850; letter-spacing: -.04em; }
.mvl-detail-header p { color: var(--mvl-muted); margin: 0; font-size: 17px; line-height: 1.8; }
.mvl-back-link { flex-shrink: 0; padding: 13px 18px; border: 1px solid #e4e7e8; border-radius: 10px; color: #39434a !important; font-weight: 750; font-size: 13px; display: inline-flex; gap: 9px; align-items: center; }
.mvl-back-link:hover { background: #f6f7f8; }
.mvl-detail-gallery { margin: 9px 0 45px; }
.mvl-detail-featured { position: relative; height: clamp(300px, 39vw, 515px); border-radius: 18px; background: #26343a; overflow: hidden; }
.mvl-detail-featured img { width: 100%; height: 100%; object-fit: cover; display: block; }
.mvl-thumbnails { display: flex; gap: 10px; overflow-x: auto; padding: 13px 3px 6px; scrollbar-width: thin; }
.mvl-thumb { padding: 0; width: 104px; height: 69px; flex: 0 0 auto; background: #eef0f2; border-radius: 9px; overflow: hidden; cursor: pointer; border: 3px solid transparent; transition: border-color .2s; }
.mvl-thumb img { width: 100%; height: 100%; display: block; object-fit: cover; }
.mvl-thumb.is-selected { border-color: var(--mvl-orange); }
.mvl-detail-photo-empty { margin-bottom: 38px; min-height: 260px; display: grid; place-content: center; gap: 9px; text-align: center; border-radius: 15px; background: radial-gradient(circle at 70% 30%,#536065,#1b2930); color: #fff; font-weight: 700; }
.mvl-detail-photo-empty i { font-size: 40px; }
.mvl-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 330px; gap: 50px; padding-bottom: 70px; }
.mvl-article { min-width: 0; }
.mvl-content-block { display: grid; grid-template-columns: 55px minmax(0,1fr); gap: 20px; padding: 0 0 34px; margin: 0 0 35px; border-bottom: 1px solid var(--mvl-line); }
.mvl-content-block:last-child { border-bottom: 0; }
.mvl-content-icon { width: 50px; height: 50px; display: grid; place-items: center; border-radius: 13px; background: #fff0e7; color: #d7520d; font-size: 22px; }
.mvl-content-block h2 { margin: 4px 0 17px; font-size: 27px; letter-spacing: -.025em; font-weight: 850; }
.mvl-richtext { white-space: pre-line; overflow-wrap: anywhere; font-size: 16px; line-height: 1.95; color: #4a565f; }
.mvl-guide-block .mvl-content-icon { background: #edf5f2; color: #2d7b64; }
.mvl-sources { padding-left: 20px; color: #55616a; font-size: 14px; line-height: 2; }
.mvl-sources li { margin-bottom: 12px; }
.mvl-sources a { display: inline-block; margin-left: 9px; color: #d35111; font-weight: 750; }
.mvl-detail-side { min-width: 0; }
.mvl-side-card { position: sticky; top: 105px; padding: 27px 25px; background: #f7f8f9; border: 1px solid #ebedef; border-radius: 15px; }
.mvl-side-mini { display: block; font-size: 10px; letter-spacing: .14em; font-weight: 900; color: #c24b0d; }
.mvl-side-card h3 { margin: 11px 0 10px; font-size: 23px; line-height: 1.3; font-weight: 850; }
.mvl-side-card p { margin: 0 0 22px; color: #6d7882; line-height: 1.65; font-size: 14px; }
.mvl-map-button { display: flex; align-items: center; justify-content: center; text-align: center; gap: 9px; background: var(--mvl-orange); color: #fff !important; padding: 14px 12px; border-radius: 9px; font-weight: 850; font-size: 13px; }
.mvl-map-button:hover { background: #dd5711; }
.mvl-side-card .mvl-coordinates { margin-top: 15px; margin-bottom: 11px; font-size: 12px; }
.mvl-side-back { display: inline-flex; align-items: center; gap: 9px; margin-top: 20px; color: #38434b !important; font-size: 13px; font-weight: 750; }
.mvl-related-section { padding: 44px 0 100px; border-top: 1px solid #ebedef; }
.mvl-related-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 25px; }
.mvl-related-head h2 { margin: 8px 0 0; font-size: 29px; font-weight: 850; letter-spacing: -.03em; }
.mvl-related-head > a { color: #d34d09 !important; font-size: 14px; font-weight: 800; }
.mvl-related-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.mvl-related-card { display: flex; gap: 14px; align-items: center; min-width: 0; border: 1px solid #e9eaec; border-radius: 11px; padding: 12px; color: #243039 !important; background: #fff; font-weight: 800; }
.mvl-related-card:hover { border-color: #f6ae85; background: #fffaf6; }
.mvl-related-photo { flex: 0 0 80px; width: 80px; height: 65px; display: grid; place-items: center; background: #f2f3f4; border-radius: 8px; color: #b65a2f; font-size: 24px; overflow: hidden; }
.mvl-related-photo img { width: 100%; height: 100%; object-fit: cover; }
.mvl-related-name { flex: 1; min-width: 0; overflow-wrap: anywhere; font-size: 13px; }
.mvl-related-card > i { color: var(--mvl-orange); }

@media (max-width: 1100px) {
    .mvl-places-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .mvl-detail-layout { grid-template-columns: minmax(0,1fr) 280px; gap: 28px; }
    .mvl-home-card { min-height: 390px; }
    .mvl-home-city { font-size: 32px; }
}
@media (max-width: 760px) {
    .mvl-home-grid { grid-template-columns: 1fr; gap: 17px; }
    .mvl-home-card { min-height: 350px; }
    .mvl-home-top { padding: 22px; }
    .mvl-home-bottom { padding: 33px 24px 24px; }
    .mvl-home-city { font-size: 32px; }
    .mvl-home-description { font-size: 14px; }
    .mvl-container { width: min(100% - 30px,1320px); }
    .mvl-city-hero { min-height: 400px; }
    .mvl-city-hero-inner { padding-bottom: 52px; }
    .mvl-city-hero-copy { padding-top: 42px; }
    .mvl-city-hero h1 { font-size: clamp(34px,8vw,47px); }
    .mvl-city-hero-copy p { font-size: 14px; }
    .mvl-list-section { padding: 44px 0 65px; }
    .mvl-list-head { align-items: flex-start; flex-direction: column; gap: 12px; }
    .mvl-switch-city { padding: 0; }
    .mvl-places-grid { grid-template-columns: 1fr; }
    .mvl-detail-breadcrumb { padding: 25px 0; }
    .mvl-detail-header { padding: 28px 0 23px; align-items: flex-start; flex-direction: column; }
    .mvl-detail-header h1 { font-size: 36px; }
    .mvl-detail-header p { font-size: 15px; }
    .mvl-detail-featured { height: 275px; border-radius: 12px; }
    .mvl-thumb { width: 86px; height: 60px; }
    .mvl-detail-layout { grid-template-columns: 1fr; gap: 5px; padding-bottom: 35px; }
    .mvl-content-block { grid-template-columns: 41px minmax(0,1fr); gap: 13px; padding-bottom: 25px; margin-bottom: 25px; }
    .mvl-content-icon { width: 40px; height: 40px; border-radius: 10px; font-size: 18px; }
    .mvl-content-block h2 { font-size: 23px; }
    .mvl-richtext { font-size: 15px; line-height: 1.85; }
    .mvl-side-card { position: static; }
    .mvl-related-grid { grid-template-columns: 1fr; }
    .mvl-related-section { padding: 36px 0 64px; }
}
@media (prefers-reduced-motion: reduce) {
    .mvl-home-card,.mvl-home-photo,.mvl-place-card,.mvl-place-media img,.mvl-home-cta { transition: none !important; }
}