/* =========================================================================
   SCOPO — Montaj hattı · template-parts/montaj-premium.php
   Değişkenler header-premium.css :root'tan gelir.
   ========================================================================= */
.mp{
  --mp-gece: #03070f; --mp-lac: #0b1a33; --mp-porselen: #f1ece3; --mp-murekkep: #0a1424; --mp-krem: #e8d2a6;
  --mp-gen: min(1680px, 100%); --mp-gut: clamp(20px, 3.2vw, 64px);
  position: relative; display: block; overflow: clip; background: var(--mp-gece); color: var(--sx-text-strong); font-family: var(--sx-sans);
}
.mp *, .mp *::before, .mp *::after{ box-sizing: border-box; }
body:has(.mp), body:has(.mp) main{ background: #03070f; }
body:has(.mp) #smooth-content::before{ display: none; }
.mp a{ text-decoration: none; }
.mp a:focus-visible{ outline: 2px solid var(--sx-brass-light); outline-offset: 3px; }
.mp-kap{ width: var(--mp-gen); margin: 0 auto; padding-inline: var(--mp-gut); }
.mp-bol{ padding-block: clamp(72px, 8vw, 130px); }
.mp-etiket{ display: flex; align-items: center; gap: 12px; margin: 0 0 18px; font: 500 11px/1 var(--sx-mono); letter-spacing: .24em; text-transform: uppercase; color: var(--sx-brass-light); }
.mp-etiket span{ display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; box-shadow: 0 0 0 1px rgba(232, 210, 166, .35) inset; letter-spacing: 0; color: var(--sx-brass); }
.mp-etiket-a{ color: #8a6526; } .mp-etiket-a span{ color: #8a6526; box-shadow: 0 0 0 1px rgba(138, 101, 38, .4) inset; }
.mp em{ display: block; font-style: normal; padding-bottom: .08em; background: linear-gradient(100deg, var(--sx-brass-light) 0%, var(--sx-brass) 50%, var(--sx-brass-deep) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.mp .mp-baslik{ margin: 0; color: var(--sx-text-strong); text-transform: none; text-wrap: balance; font: 700 clamp(44px, 4.8vw, 88px)/.95 var(--sx-display) !important; letter-spacing: -.05em !important; }
.mp .mp-orta{ font-size: clamp(36px, 4.2vw, 74px) !important; }
.mp .mp-koyu{ color: var(--mp-murekkep); }
.mp .mp-koyu em{ background-image: linear-gradient(100deg, #b98f4e, #8a6526 60%, #6e4b17); }
.mp-lead{ max-width: 520px; margin: 0; font: 400 16px/1.65 var(--sx-sans); color: rgba(240, 243, 248, .72); text-wrap: pretty; }
.mp-lead-koyu{ color: rgba(10, 20, 36, .7); }
.mp-butonlar{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.mp-btn{ display: inline-flex; align-items: center; min-height: 52px; padding: 0 28px; border-radius: 999px; background: linear-gradient(100deg, var(--sx-brass-light), var(--sx-brass)); color: #0a1424 !important; font: 600 15px/1 var(--sx-sans); transition: transform .4s var(--sx-ease), box-shadow .4s var(--sx-ease); }
.mp-btn:hover{ transform: translateY(-2px); box-shadow: 0 14px 34px rgba(201, 164, 107, .28); }
.mp-btn-cizgi{ background: none; color: var(--sx-text-strong) !important; box-shadow: 0 0 0 1px rgba(232, 210, 166, .4) inset; }

/* 01 Patlatılmış görünüm sahnesi */
.mp-sahne{ position: relative; background-color: var(--mp-lac); background-image: linear-gradient(rgba(232, 210, 166, .06) 1px, transparent 1px), linear-gradient(90deg, rgba(232, 210, 166, .06) 1px, transparent 1px), linear-gradient(rgba(232, 210, 166, .03) 1px, transparent 1px), linear-gradient(90deg, rgba(232, 210, 166, .03) 1px, transparent 1px); background-size: 96px 96px, 96px 96px, 24px 24px, 24px 24px; }
.mp-sahne-ic{ position: relative; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(24px, 4vw, 80px); align-items: center; height: 100vh; height: 100svh; min-height: 720px; width: var(--mp-gen); margin: 0 auto; padding: calc(var(--sx-bar-h) + var(--sx-top) + clamp(44px, 7vh, 80px)) var(--mp-gut) 28px; }
/* Arka plan: zemine işlenmiş tek kabartma SCOPO (zeminle aynı renk, kenar ışığı ve gölge); üzerinden ara ara pirinç ışık geçer */
.mp-arka{ position: absolute; left: 0; right: 0; bottom: -4vw; z-index: 0; display: grid; place-items: center; pointer-events: none; }
.mp-arka-k{ grid-area: 1 / 1; font: 800 clamp(160px, 25vw, 440px)/1 var(--sx-display); letter-spacing: -.04em; color: #0b1a33; text-shadow: -1px -1px 0 rgba(232, 210, 166, .14), 2px 2px 3px rgba(0, 0, 0, .55); white-space: nowrap; }
.mp-arka-isik{ color: transparent; text-shadow: none; background: linear-gradient(100deg, transparent 42%, rgba(232, 210, 166, .16) 50%, transparent 58%) 0 0 / 300% 100% no-repeat; -webkit-background-clip: text; background-clip: text; animation: mp-isik 9s ease-in-out infinite; }
@keyframes mp-isik{ 0%, 20%{ background-position: 120% 0; } 70%, 100%{ background-position: -20% 0; } }
.mp-sol, .mp-cizim-kap{ position: relative; z-index: 1; }
.mp-sol .mp-lead{ margin-top: 20px; font-size: 15px; }
.mp-liste{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; margin: 26px 0 0; padding: 0; list-style: none; border-top: 1px solid rgba(232, 210, 166, .2); max-width: 560px; }
.mp-liste li{ display: grid; grid-template-columns: 26px minmax(0, 1fr); column-gap: 10px; align-items: baseline; padding: 9px 4px 9px 0; border-bottom: 1px solid rgba(232, 210, 166, .14); color: rgba(240, 243, 248, .4); transition: color .4s; }
.mp-liste li span{ grid-row: span 2; display: grid; place-items: center; width: 22px; height: 22px; box-shadow: 0 0 0 1px rgba(232, 210, 166, .35) inset; font: 600 11px/1 var(--sx-mono); color: rgba(232, 210, 166, .6); transition: background .4s, color .4s; }
.mp-liste li b{ font: 600 14px/1.2 var(--sx-sans); }
.mp-liste li small{ font: 400 12px/1.3 var(--sx-sans); opacity: .8; }
.mp-liste li.is-on{ color: var(--sx-text-strong); }
.mp-liste li.is-on span{ background: var(--sx-brass); color: #0a1424; box-shadow: none; }
.mp-liste li.mp-test.is-on span{ background: #3fa36b; color: #fff; }
.mp-ipucu{ margin: 22px 0 0; font: 500 11px/1 var(--sx-mono); letter-spacing: .14em; text-transform: uppercase; color: rgba(232, 210, 166, .6); }
.mp-ipucu::after{ content: ""; display: inline-block; width: 1px; height: 16px; margin-left: 12px; vertical-align: middle; background: currentColor; animation: mp-ipucu 1.6s infinite; transform-origin: 0 0; }
@keyframes mp-ipucu{ 0%{ transform: scaleY(0); } 50%{ transform: scaleY(1); } 100%{ transform: scaleY(0); transform-origin: 0 100%; } }
.mp-cizim-kap{ position: relative; height: 100%; min-height: 0; }
.mp-cizim{ position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.mp-eksen{ fill: none; stroke: var(--mp-krem); stroke-opacity: .35; stroke-width: 1; stroke-dasharray: 22 6 4 6; }
.mp-hat{ stroke: var(--mp-krem); stroke-opacity: .85; stroke-width: 1.4; }
.mp-ince{ fill: none; stroke: #3a2a10; stroke-opacity: .55; stroke-width: 1; }
.mp-ince-acik{ stroke: var(--mp-krem); stroke-opacity: .35; }
.mp-yay{ fill: none; stroke: #d5dbe4; stroke-width: 3; stroke-linejoin: round; filter: drop-shadow(0 0 1px rgba(0, 0, 0, .6)); }
.mp-conta{ fill: #121820; stroke: var(--mp-krem); stroke-opacity: .7; stroke-width: 1.2; }
.mp-kabartma{ font: 800 19px/1 var(--sx-display); letter-spacing: .08em; fill: #2e3d56; }
.mp-kab-golge{ fill: #05080f; opacity: .85; }
.mp-kab-isik{ fill: #e8d2a6; opacity: .45; }
.mp-kilavuz{ fill: none; stroke: var(--mp-krem); stroke-opacity: .5; stroke-width: 1; stroke-dasharray: 3 3; }
.mp-et{ font: 500 14px/1 var(--sx-mono); fill: #f1ece3; letter-spacing: .02em; }
.mp-et-h{ fill: var(--sx-brass-light); font-weight: 700; }
.mp-tik{ fill: none; stroke: #ffe2a8; stroke-width: 2.5; filter: drop-shadow(0 0 6px rgba(233, 162, 74, .9)); }
.mp-gost-c{ fill: rgba(3, 7, 15, .6); stroke: var(--mp-krem); stroke-opacity: .6; stroke-width: 1.2; }
.mp-gost-yay{ fill: none; stroke: rgba(232, 210, 166, .2); stroke-width: 6; stroke-linecap: round; }
.mp-gost-dolu{ fill: none; stroke: #3fa36b; stroke-width: 6; stroke-linecap: round; }
.mp-gost-ibre{ stroke: #ffe2a8; stroke-width: 3; stroke-linecap: round; }
.mp-muhur{ position: absolute; right: 4%; top: 12%; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 14px 22px; border: 3px double var(--sx-brass-light); border-radius: 10px; color: var(--sx-brass-light); transform: rotate(-10deg) scale(2.2); opacity: 0; pointer-events: none; }
.mp-muhur span{ font: 800 28px/1 var(--sx-display); letter-spacing: .12em; text-transform: uppercase; }
.mp-muhur b{ font: 600 12px/1 var(--sx-mono); letter-spacing: .18em; text-transform: uppercase; }
.mp-muhur.is-on{ animation: mp-muhur .5s cubic-bezier(.3, 1.6, .5, 1) forwards; }
@keyframes mp-muhur{ 60%{ opacity: 1; transform: rotate(-10deg) scale(.92); } to{ opacity: .95; transform: rotate(-10deg) scale(1); } }
.mp-adim{ position: absolute; left: 0; bottom: 0; margin: 0; font: 500 12px/1 var(--sx-mono); letter-spacing: .06em; color: rgba(232, 210, 166, .75); }

/* 02 Cıvata: istasyon fotoğrafları altıgen somunlarda; bölüm görününce sırayla dönerek cıvataya vidalanır (kaydırmaya bağlı değil) */
.mp-bant-b{ position: relative; z-index: 2; padding: clamp(80px, 9vw, 140px) 0 clamp(90px, 9vw, 150px); background: var(--mp-porselen); color: var(--mp-murekkep); border-radius: 40px 40px 0 0; overflow: hidden; }
.mp-bant-bas{ display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 32px; align-items: end; margin-bottom: clamp(48px, 6vw, 96px); }
.mp-civata{ position: relative; width: var(--mp-gen); margin: 0 auto; padding: 0 var(--mp-gut); --so: clamp(130px, 11.5vw, 190px); }
.mp-cubuk{ position: absolute; left: 0; right: 0; top: calc(var(--so) * .5 - 13px); height: 26px; background: linear-gradient(180deg, #6e4b17, #e8d2a6 35%, #fff1c8 50%, #c9a46b 70%, #6e4b17); box-shadow: 0 0 0 1px rgba(10, 20, 36, .5), 0 10px 18px rgba(10, 20, 36, .18); }
.mp-cubuk i{ position: absolute; inset: 0; background: repeating-linear-gradient(100deg, rgba(58, 42, 16, .55) 0 2px, transparent 2px 9px); }
.mp-cubuk::after{ content: ""; position: absolute; right: -2px; top: -16px; width: 34px; height: 58px; background: linear-gradient(90deg, #6e4b17, #e8d2a6 40%, #9c7a43); clip-path: polygon(0 18%, 100% 0, 100% 100%, 0 82%); }
.mp-somunlar{ position: relative; display: flex; justify-content: space-between; gap: 10px; margin: 0; padding: 0; list-style: none; }
.mp-somun{ position: relative; flex: 1; display: flex; flex-direction: column; align-items: center; min-width: 0; transform: translateX(calc(110vw + var(--i) * 4vw)); transition: transform 1.5s cubic-bezier(.2, .8, .2, 1) calc(var(--i) * .32s); }
.mp-somun-cer{ position: relative; width: var(--so); aspect-ratio: 1 / .88; padding: 7px; background: linear-gradient(135deg, #7a5620, #ecd096 30%, #fff1c8 45%, #c9a46b 60%, #6e4b17); clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); transform: rotate(900deg); transition: transform 1.5s cubic-bezier(.2, .8, .2, 1) calc(var(--i) * .32s); filter: drop-shadow(0 14px 18px rgba(10, 20, 36, .3)); cursor: pointer; }
.mp-somun-ic{ position: relative; width: 100%; height: 100%; overflow: hidden; clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); background: #0b1a33; }
.mp-somun-ic img{ position: absolute; left: -18%; top: -18%; width: 136%; height: 136%; max-width: none; object-fit: cover; transform: rotate(-900deg); transition: transform 1.5s cubic-bezier(.2, .8, .2, 1) calc(var(--i) * .32s); }
.mp-somun-cer::after{ content: ""; position: absolute; inset: 0; clip-path: inherit; box-shadow: inset 0 0 0 3px #ffe2a8; opacity: 0; pointer-events: none; }
.mp-somun-y{ max-width: 22ch; margin-top: 22px; text-align: center; color: #3b4553; font: 400 13.5px/1.45 var(--sx-sans); opacity: 0; transform: translateY(10px); transition: opacity .5s, transform .6s var(--sx-ease); transition-delay: calc(1.4s + var(--i) * .32s); }
.mp-somun-y span{ display: block; font: 600 11px/1 var(--sx-mono); letter-spacing: .08em; color: #8a6526; }
.mp-somun-y b{ display: block; margin: 6px 0 4px; color: var(--mp-murekkep); font: 700 18px/1.15 var(--sx-display); letter-spacing: -.02em; }
.mp-civata.is-on .mp-somun{ transform: none; }
.mp-civata.is-on .mp-somun-cer{ transform: none; }
.mp-civata.is-on .mp-somun-ic img{ transform: none; }
.mp-civata.is-on .mp-somun-y{ opacity: 1; transform: none; }
.mp-civata.is-on .mp-somun-cer::after{ animation: mp-somun-tik .6s ease-out forwards; animation-delay: calc(1.3s + var(--i) * .32s); }
@keyframes mp-somun-tik{ 0%{ opacity: 1; } 100%{ opacity: 0; } }
.mp-civata.is-bitti .mp-somun-cer, .mp-civata.is-bitti .mp-somun-ic img{ transition-delay: 0s; transition-duration: .7s; }
.mp-civata.is-bitti .mp-somun:hover .mp-somun-cer{ transform: rotate(60deg) scale(1.1); }
.mp-civata.is-bitti .mp-somun:hover .mp-somun-ic img{ transform: rotate(-60deg) scale(1.05); }
.mp-somun-cer:focus-visible{ outline: none; filter: drop-shadow(0 0 6px rgba(185, 143, 78, .95)); }
/* İstasyon penceresi: büyük fotoğraf + açıklama */
.mp-pencere{ position: fixed; inset: 0; width: min(1100px, 92vw); height: fit-content; max-height: 90vh; margin: auto; padding: 0; border: 0; background: none; overflow: visible; }
.mp-pencere::backdrop{ background: rgba(3, 7, 15, .86); backdrop-filter: blur(6px); }
.mp-pencere[open]{ animation: mp-pencere .45s var(--sx-ease); }
@keyframes mp-pencere{ from{ opacity: 0; transform: translateY(18px) scale(.97); } }
.mp-pencere-ic{ position: relative; display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); background: var(--mp-porselen); color: var(--mp-murekkep); box-shadow: 0 40px 80px rgba(0, 0, 0, .5); clip-path: polygon(0 0, calc(100% - 34px) 0, 100% 34px, 100% 100%, 17px 100%, 0 calc(100% - 17px)); }
.mp-pencere-f{ margin: 0; aspect-ratio: 1; max-height: 80vh; overflow: hidden; background: #0b1a33; }
.mp-pencere-f img{ display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; }
.mp-pencere-y{ display: flex; flex-direction: column; justify-content: center; gap: 14px; padding: clamp(24px, 4vw, 56px); }
.mp-pencere-y h3{ margin: 0; text-transform: none; font: 700 clamp(30px, 3.2vw, 52px)/1 var(--sx-display) !important; letter-spacing: -.04em; color: var(--mp-murekkep); }
.mp-pencere-y p{ margin: 0; color: #3b4553; font: 400 17px/1.6 var(--sx-sans); }
.mp-pencere-y p.mp-pencere-no{ color: #8a6526; font: 600 12px/1 var(--sx-mono); letter-spacing: .14em; }
.mp-pencere-gez{ display: flex; gap: 10px; margin-top: 18px; }
.mp-pencere-gez button{ display: grid; place-items: center; width: 48px; height: 48px; border: 0; border-radius: 50%; background: none; box-shadow: 0 0 0 1px rgba(10, 20, 36, .3) inset; color: var(--mp-murekkep); cursor: pointer; transition: background .3s, color .3s; }
.mp-pencere-gez button:hover{ background: var(--mp-murekkep); color: #f1ece3; }
.mp-pencere-gez svg{ width: 20px; height: 20px; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.mp-pencere-kapat{ position: absolute; top: 14px; right: 46px; width: 40px; height: 40px; border: 0; border-radius: 50%; background: var(--mp-murekkep); color: #f1ece3; font: 400 24px/1 var(--sx-sans); cursor: pointer; }
.mp-civata.is-bitti 
/* 03 Hatlar */
.mp-hatlar-ic{ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 96px); align-items: center; }
.mp-hatlar .mp-lead{ margin-top: 22px; }
.mp-mon{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin: 34px 0 0; padding: 0; list-style: none; }
.mp-mon li{ position: relative; padding: 16px 14px 18px; box-shadow: 0 0 0 1px rgba(232, 210, 166, .25) inset; }
.mp-mon b{ display: block; font: 500 11px/1 var(--sx-mono); letter-spacing: .16em; color: rgba(232, 210, 166, .7); }
.mp-mon span{ display: block; margin-top: 8px; font: 700 clamp(34px, 3.4vw, 56px)/1 var(--sx-display); letter-spacing: -.04em; color: var(--sx-text-strong); }
.mp-mon i{ position: absolute; left: 14px; right: 14px; bottom: 10px; height: 2px; background: var(--sx-brass); transform-origin: 0 50%; transform: scaleX(0); transition: transform 1s var(--sx-ease) calc(var(--n, 0) * .15s); }
.mp-mon.is-on i{ transform: none; }
.mp-hatlar-g{ display: grid; grid-template-columns: 1.2fr .8fr; gap: 16px; align-items: end; }
.mp-tabela, .mp-klip{ margin: 0; overflow: hidden; box-shadow: 0 0 0 1px rgba(232, 210, 166, .35); }
.mp-tabela{ aspect-ratio: 1; } .mp-klip{ aspect-ratio: 9 / 14; }
.mp-tabela img, .mp-klip video{ display: block; width: 100%; height: 100%; object-fit: cover; }

/* Kapanış */
.mp-cta{ text-align: center; background: radial-gradient(50% 110% at 50% 110%, rgba(201, 164, 107, .2), transparent 72%); }
.mp-cta-ic{ display: flex; flex-direction: column; align-items: center; }
.mp-cta .mp-lead{ margin-top: 18px; }

/* kısa ekranlar: sol sütun sahneye sığsın, menüye yapışmasın */
@media (min-width: 1000px) and (max-height: 920px){
  .mp .mp-sahne .mp-baslik{ font-size: clamp(40px, 6.4vh, 72px) !important; }
  .mp-sol .mp-lead{ margin-top: 14px; font-size: 14px; }
  .mp-liste{ margin-top: 16px; }
  .mp-liste li{ padding: 6px 4px 6px 0; }
  .mp-liste li small{ display: none; }
  .mp-ipucu{ margin-top: 14px; }
}
@media (max-width: 999.98px){
  .mp-sahne-ic{ grid-template-columns: 1fr; height: auto; min-height: 0; }
  .mp-cizim-kap{ height: 110vw; }
  .mp-liste{ grid-template-columns: 1fr 1fr; }
  .mp-bant-b{ border-radius: 24px 24px 0 0; }
  .mp-civata{ --so: 36vw; }
  .mp-pencere-ic{ grid-template-columns: 1fr; }
  .mp-pencere-f{ max-height: 46vh; }
  .mp-pencere-y{ padding: 22px 22px 26px; }
  .mp-somunlar{ flex-wrap: wrap; justify-content: center; row-gap: 34px; }
  .mp-somun{ flex: 0 0 44%; }
  .mp-cubuk{ display: none; }
  .mp-bant-bas, .mp-hatlar-ic{ grid-template-columns: 1fr; }
  .mp-mon{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce){
  .mp *, .mp *::before, .mp *::after{ animation: none !important; transition: none !important; }
}