/* =========================================================
   Pafta: siyanotip (mavi kopya) çizim paftası.
   Her sayfa çerçeveli bir pafta; antet, koordinat cetvelleri,
   cetveller ve notlar mühendislik çiziminin dilinden gelir.
   ========================================================= */

:root {
    --blue:   #1d3f73;
    --blue-2: #17345f;
    --blue-3: #24508c;
    --paper:  #f2f5fa;
    --muted:  #b9c7dd;
    --line:   rgba(242, 245, 250, .22);
    --line-2: rgba(242, 245, 250, .5);
    --red:    #ff6b5a;

    --cond: "Barlow Condensed", "Barlow Condensed Fallback", "Arial Narrow", sans-serif;
    --sans: "Barlow", "Barlow Fallback", system-ui, -apple-system, "Segoe UI", sans-serif;

    --m: clamp(10px, 2.2vw, 28px);
    --ease: cubic-bezier(.45, 0, .2, 1);
}

/* Yazı tipi inene kadar gösterilen yedek yazı, asıl yazıyla aynı genişlikte: yüklenince satırlar kaymaz */
@font-face { font-family: "Barlow Condensed Fallback"; src: local('Arial'), local('ArialMT'), local('Roboto'), local('Helvetica Neue'), local('Helvetica'); size-adjust: 71.7%; }
@font-face { font-family: "Barlow Fallback"; src: local('Arial'), local('ArialMT'), local('Roboto'), local('Helvetica Neue'), local('Helvetica'); size-adjust: 93.8%; }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; background: var(--blue); }
body {
    margin: 0; color: var(--paper);
    font: 400 1.0625rem/1.6 var(--sans);
    background-color: var(--blue);
    background-image:
        linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px),
        linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
    background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
    -webkit-font-smoothing: antialiased;
}
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; }
h1, h2, h3 { margin: 0; line-height: 1.1; font-weight: 600; text-wrap: balance; }
p { margin: 0 0 1em; }
p:last-child { margin-bottom: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
dl, dd { margin: 0; }
table { border-collapse: collapse; width: 100%; }
:focus-visible { outline: 2px solid var(--red); outline-offset: 3px; }

.sr, .hp { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.skip { position: absolute; left: 12px; top: -60px; background: var(--paper); color: var(--blue); padding: 10px 14px; z-index: 300; }
.skip:focus { top: 12px; }

/* ---------- Pafta çerçevesi ---------- */

.sheet {
    position: relative;
    margin: var(--m);
    border: 1px solid var(--line-2);
    outline: 1px solid var(--line);
    outline-offset: 6px;
    padding: 28px 0 0 28px;
    min-height: calc(100vh - 2 * var(--m) - 44px);
    display: flex; flex-direction: column;
}
.ruler { position: absolute; display: flex; font: 500 .75rem var(--cond); color: var(--muted); pointer-events: none; }
.ruler span { flex: 1; display: grid; place-items: center; }
.ruler--top { top: 0; left: 28px; right: 0; height: 28px; border-bottom: 1px solid var(--line); }
.ruler--top span + span { border-left: 1px solid var(--line); }
.ruler--left { top: 28px; left: 0; bottom: 0; width: 28px; flex-direction: column; border-right: 1px solid var(--line); }
.ruler--left span + span { border-top: 1px solid var(--line); }
@media (max-width: 640px) {
    .sheet { padding: 0; outline: 0; }
    .ruler { display: none; }
}

/* ---------- Üst bölüm ---------- */

.p-head {
    display: flex; align-items: stretch; justify-content: space-between;
    border-bottom: 1px solid var(--line-2);
    background: var(--blue);
    position: sticky; top: 0; z-index: 60;
    view-transition-name: masthead;
}
.p-brand { display: flex; align-items: center; gap: 12px; padding: 14px 22px; text-decoration: none; border-right: 1px solid var(--line-2); }
.p-brand img { max-height: 42px; width: auto; }
.p-brand svg { width: 36px; height: 36px; }
.p-brand span { font: 400 1.25rem var(--cond); color: var(--muted); white-space: nowrap; }
.p-brand strong { color: var(--paper); font-weight: 700; }
.p-nav ol { display: flex; height: 100%; }
.p-nav li { display: flex; }
.p-nav li + li { border-left: 1px solid var(--line); }
.p-nav a {
    display: flex; align-items: center; gap: 8px; padding: 0 20px;
    text-decoration: none; font: 500 1.1rem var(--cond); color: var(--muted);
    transition: background-color .2s, color .2s;
}
.p-nav a:hover { color: var(--paper); background: rgba(255, 255, 255, .05); }
.p-nav a[aria-current="page"] { color: var(--blue); background: var(--paper); }
.p-nav-no { font-size: .85rem; opacity: .7; }
.p-toggle { display: none; }

@media (max-width: 960px) {
    .p-toggle {
        display: block; margin-left: auto; padding: 0 20px;
        background: none; border: 0; border-left: 1px solid var(--line-2);
        color: var(--paper); font: 600 1.1rem var(--cond); cursor: pointer;
    }
    .p-toggle[aria-expanded="true"] { background: var(--paper); color: var(--blue); }
    .p-nav { display: none; position: absolute; top: 100%; left: -1px; right: -1px; background: var(--blue-2); border: 1px solid var(--line-2); }
    .p-nav.open { display: block; }
    .p-nav ol { flex-direction: column; }
    .p-nav li + li { border-left: 0; border-top: 1px solid var(--line); }
    .p-nav a { padding: 16px 20px; font-size: 1.3rem; width: 100%; }
    .p-head { flex-wrap: nowrap; }
    .p-brand { border-right: 0; min-width: 0; }
    .p-brand span { overflow: hidden; text-overflow: ellipsis; }
}

.p-main { flex: 1; }

/* ---------- Bloklar ---------- */

.p-block { padding: clamp(32px, 4vw, 56px) clamp(18px, 3.5vw, 48px); border-bottom: 1px solid var(--line); }
.p-block-head { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; flex-wrap: wrap; }
.p-h2 {
    display: inline-block; font: 600 1.5rem/1.15 var(--cond);
    padding-bottom: 6px; border-bottom: 2px solid var(--paper); margin-bottom: 24px;
}
.p-h3 { font: 600 1.2rem var(--cond); margin-bottom: 12px; }
.p-lead { font-size: clamp(1.1rem, 1.6vw, 1.3rem); color: var(--muted); max-width: 58ch; }
.p-small { font-size: .875rem; color: var(--muted); margin: 0; }
.p-empty { color: var(--muted); }
.p-text { max-width: 68ch; font-size: 1.08rem; line-height: 1.75; }
.p-text--lead p:first-child { font-size: 1.25rem; color: var(--paper); }
.p-text p { color: #dde5f1; }
.p-link { font: 600 1.05rem var(--cond); text-decoration: underline; text-decoration-color: var(--red); text-decoration-thickness: 2px; text-underline-offset: 5px; }
.p-link:hover { color: var(--red); }

.p-btn {
    display: inline-flex; align-items: center; justify-content: center; min-height: 48px;
    padding: 10px 22px; border: 1px solid var(--paper); background: transparent; color: var(--paper);
    font: 600 1.1rem var(--cond); text-decoration: none; cursor: pointer;
    transition: background-color .2s, color .2s;
}
.p-btn:hover { background: rgba(255, 255, 255, .1); }
.p-btn--solid { background: var(--paper); color: var(--blue); }
.p-btn--solid:hover { background: #fff; }
.p-cta-row { display: flex; flex-wrap: wrap; gap: 12px; }

.p-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(28px, 5vw, 72px); }
.p-split--contact { grid-template-columns: .9fr 1.1fr; }
@media (max-width: 900px) { .p-split, .p-split--contact { grid-template-columns: 1fr; } }

/* Sayfa başlığı */
.p-pagehead { padding: clamp(36px, 5vw, 72px) clamp(18px, 3.5vw, 48px) clamp(28px, 3vw, 40px); border-bottom: 1px solid var(--line-2); }
.p-pagehead h1 { font: 600 clamp(2.6rem, 6vw, 5.2rem)/1.02 var(--cond); max-width: 20ch; }
.p-pagehead .p-lead { margin-top: 16px; }

/* ---------- Ana sayfa girişi ---------- */

.p-hero { display: grid; grid-template-columns: 1fr 1.05fr; border-bottom: 1px solid var(--line-2); }
.p-hero-text { padding: clamp(36px, 5vw, 80px) clamp(18px, 3.5vw, 48px); display: flex; flex-direction: column; justify-content: center; gap: 24px; border-right: 1px solid var(--line-2); }
.p-hero h1 { font: 600 clamp(2.6rem, 5.6vw, 5rem)/1.02 var(--cond); }
.p-hero .p-lead { margin: 0; }
.p-hero-draw { margin: 0; padding: clamp(18px, 3vw, 40px); display: flex; flex-direction: column; gap: 12px; justify-content: center; }
.p-hero-draw img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; filter: grayscale(1) contrast(1.1); mix-blend-mode: screen; opacity: .85; }
.p-hero-draw figcaption, .p-caption { font-size: .9rem; color: var(--muted); }
.p-hero-draw figcaption a { color: var(--paper); }
@media (max-width: 900px) { .p-hero { grid-template-columns: 1fr; } .p-hero-text { border-right: 0; border-bottom: 1px solid var(--line); } }

/* Çizim çerçevesi ve cephe şeması */
.p-frame { display: block; border: 1px solid var(--line-2); background: rgba(10, 25, 50, .25); padding: 4%; }
.p-frame svg { width: 100%; height: auto; display: block; }
.p-frame--big { margin: 0; }
.elev-p path, .elev-p rect { vector-effect: non-scaling-stroke; fill: none; }
.elev-p .el-ground { stroke: var(--paper); stroke-width: 1.4; }
.elev-p .el-solid { stroke: var(--paper); stroke-width: 1.3; stroke-linejoin: round; }
.elev-p .el-dash { stroke: var(--muted); stroke-width: .9; stroke-dasharray: 4 3; }
.elev-p .el-win rect { stroke: rgba(242, 245, 250, .7); stroke-width: .7; }
.elev-p .el-crane { stroke: var(--red); stroke-width: 1; }
.elev-p .el-dim { stroke: var(--muted); stroke-width: .8; }
.elev-p .el-txt text { fill: var(--muted); font: 500 9px var(--cond); }

@media (prefers-reduced-motion: no-preference) {
    .p-frame .el-solid, .p-frame .el-ground { stroke-dasharray: 3000; stroke-dashoffset: 3000; animation: p-draw 2.2s var(--ease) .2s forwards; }
    .p-frame .el-win, .p-frame .el-dash, .p-frame .el-crane, .p-frame .el-txt, .p-frame .el-dim { opacity: 0; animation: p-fade .6s ease 1.6s forwards; }
    @keyframes p-draw { to { stroke-dashoffset: 0; } }
    @keyframes p-fade { to { opacity: 1; } }
}

/* ---------- Tablolar ---------- */

.p-qty { max-width: 640px; border: 1px solid var(--line-2); }
.p-qty th, .p-qty td { padding: 12px 16px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }
.p-qty th { font: 500 1rem var(--sans); color: var(--muted); width: 55%; border-right: 1px solid var(--line); }
.p-qty td { font: 600 1.5rem var(--cond); }
.p-qty--info td { font: 500 1.1rem var(--sans); }
.p-qty--info th { width: 34%; }
.p-qty a { text-decoration: none; }
.p-qty a:hover { text-decoration: underline; }

.p-table-wrap { overflow-x: auto; border: 1px solid var(--line-2); }
.p-table { min-width: 760px; }
.p-table th, .p-table td { padding: 12px 14px; text-align: left; border-bottom: 1px solid var(--line); border-right: 1px solid var(--line); }
.p-table thead th { font: 600 .95rem var(--cond); color: var(--muted); background: rgba(10, 25, 50, .25); border-bottom: 1px solid var(--line-2); }
.p-table tbody th { font: 600 1.2rem var(--cond); }
.p-table tbody th a { text-decoration: none; }
.p-table tbody tr { transition: background-color .15s; }
.p-table tbody tr:hover { background: rgba(255, 255, 255, .06); }
.p-table tbody tr:hover th a { text-decoration: underline; text-decoration-color: var(--red); }
.p-table .num { text-align: right; font-variant-numeric: tabular-nums; }
.p-no { font: 500 .95rem var(--cond); color: var(--muted); white-space: nowrap; }
.p-mini { display: inline-block; width: 80px; height: 6px; border: 1px solid var(--line-2); vertical-align: middle; margin-right: 8px; }
.p-mini span { display: block; height: 100%; background: var(--paper); }
.p-table small { font: 500 .95rem var(--cond); }

.p-st { white-space: nowrap; }
.p-st--ongoing { color: var(--red); }
.p-st--ongoing::before { content: ""; display: inline-block; width: 7px; height: 7px; background: var(--red); margin-right: 6px; vertical-align: .1em; }
.p-st--planned { color: var(--muted); }

/* ---------- Notlar, değerler, lejant ---------- */

.p-notes { counter-reset: n; display: grid; gap: 14px; }
.p-notes li { counter-increment: n; position: relative; padding-left: 40px; color: #dde5f1; }
.p-notes li::before { content: counter(n); position: absolute; left: 0; top: 0; width: 26px; height: 26px; border: 1px solid var(--line-2); border-radius: 50%; display: grid; place-items: center; font: 600 .9rem var(--cond); color: var(--paper); }
.p-notes strong { color: var(--paper); font-family: var(--cond); font-size: 1.15rem; font-weight: 600; }
.p-notes--big li { font-size: 1.2rem; line-height: 1.6; max-width: 72ch; }

.p-values { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line-2); border-left: 1px solid var(--line-2); }
.p-values > div { padding: 22px; border-right: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2); }
.p-values dt { font: 600 1.4rem var(--cond); margin-bottom: 6px; }
.p-values dd { color: var(--muted); }
@media (max-width: 700px) { .p-values { grid-template-columns: 1fr; } }

.p-legend { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 0; border-top: 1px solid var(--line); }
.p-legend li { display: grid; grid-template-columns: 64px 1fr; gap: 16px; padding: 20px 20px 20px 0; border-bottom: 1px solid var(--line); }
.p-legend-sym { width: 56px; height: 56px; border: 1px solid var(--line-2); display: grid; place-items: center; }
.p-legend-sym .icon { width: 32px; height: 32px; }
.p-legend h3 { font: 600 1.3rem var(--cond); margin-bottom: 4px; }
.p-legend p { color: var(--muted); font-size: .97rem; }
.p-legend--page { grid-template-columns: 1fr; }
.p-legend--page li { grid-template-columns: 80px 1fr; padding: 28px 0; }
.p-legend--page .p-legend-sym { width: 68px; height: 68px; }
.p-legend--page h3 { font-size: 1.8rem; }

/* Akış şeması: kutular oklarla bağlı */
.p-flow { display: grid; grid-template-columns: repeat(5, 1fr); gap: 34px; counter-reset: none; }
.p-flow li { position: relative; border: 1px solid var(--line-2); padding: 18px 16px 20px; background: rgba(10, 25, 50, .22); }
.p-flow li:not(:last-child)::after {
    content: ""; position: absolute; top: 34px; right: -35px; width: 34px; height: 1px; background: var(--paper);
}
.p-flow li:not(:last-child)::before {
    content: ""; position: absolute; top: 30px; right: -36px; border: 5px solid transparent; border-left: 7px solid var(--paper);
}
.p-flow-no { display: inline-grid; place-items: center; width: 32px; height: 32px; background: var(--paper); color: var(--blue); font: 700 1.1rem var(--cond); margin-bottom: 12px; }
.p-flow h3 { font: 600 1.25rem var(--cond); margin-bottom: 8px; }
.p-flow p { color: var(--muted); font-size: .95rem; }
@media (max-width: 1100px) {
    .p-flow { grid-template-columns: 1fr; gap: 26px; max-width: 560px; }
    .p-flow li:not(:last-child)::after { top: auto; bottom: -27px; right: auto; left: 32px; width: 1px; height: 26px; }
    .p-flow li:not(:last-child)::before { top: auto; bottom: -29px; right: auto; left: 28px; border: 5px solid transparent; border-top: 7px solid var(--paper); }
}

/* ---------- Proje kartları (küçük paftalar) ---------- */

.p-tabs { display: flex; flex-wrap: wrap; border: 1px solid var(--line-2); width: fit-content; margin-bottom: 32px; }
.p-tabs a { padding: 10px 18px; text-decoration: none; font: 500 1.1rem var(--cond); color: var(--muted); }
.p-tabs a + a { border-left: 1px solid var(--line-2); }
.p-tabs a:hover { color: var(--paper); }
.p-tabs a[aria-current="page"] { background: var(--paper); color: var(--blue); }

.p-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 24px; }
.p-card { display: block; text-decoration: none; border: 1px solid var(--line-2); transition: border-color .2s, transform .3s var(--ease); background: rgba(10, 25, 50, .2); }
.p-card:hover { border-color: var(--paper); transform: translateY(-3px); }
.p-card-draw { position: relative; aspect-ratio: 4 / 3; overflow: hidden; border-bottom: 1px solid var(--line-2); }
.p-card-draw img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.1); mix-blend-mode: screen; }
.p-card:hover .p-card-draw img { filter: none; mix-blend-mode: normal; }
.ph { position: absolute; inset: 0; display: grid; align-items: end; padding: 10% 6% 4%; }
.ph svg { width: 100%; height: 100%; }
.p-card-tb { display: grid; grid-template-columns: repeat(3, 1fr); }
.p-card-tb > div { padding: 8px 12px; border-right: 1px solid var(--line); border-top: 1px solid var(--line); }
.p-card-tb > div:nth-child(1) { grid-column: 1 / -1; border-top: 0; border-right: 0; }
.p-card-tb > div:last-child { border-right: 0; }
.p-card-tb dt { font: 500 .78rem var(--cond); color: var(--muted); }
.p-card-tb dd { font: 600 1.05rem var(--cond); }
.p-tb-wide dd { font-size: 1.5rem; }

/* ---------- Proje paftası ---------- */

.p-project { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr); gap: clamp(24px, 4vw, 56px); align-items: start; }
.p-project-draw { display: grid; gap: 10px; }
.p-project-side { display: grid; gap: 28px; }
@media (max-width: 960px) { .p-project { grid-template-columns: 1fr; } }

.p-spec { border: 1px solid var(--line-2); }
.p-spec > div { display: grid; grid-template-columns: 42% 1fr; border-bottom: 1px solid var(--line); }
.p-spec > div:last-child { border-bottom: 0; }
.p-spec dt { padding: 10px 14px; color: var(--muted); border-right: 1px solid var(--line); font-size: .95rem; }
.p-spec dd { padding: 10px 14px; font: 600 1.15rem var(--cond); }

.p-floors { display: grid; gap: 3px; max-width: 220px; margin-bottom: 12px; }
.p-floors span { position: relative; height: 16px; border: 1px dashed var(--line-2); }
.p-floors span.is-built { background: var(--paper); border-style: solid; border-color: var(--paper); }
.p-floors i { position: absolute; right: calc(100% + 8px); top: -2px; font: normal 500 .75rem var(--cond); color: var(--muted); }
.p-floors { margin-left: 26px; }
.p-progress p { color: var(--muted); }
.p-progress strong { color: var(--paper); }

.p-checks { display: grid; gap: 8px; }
.p-checks li { display: flex; gap: 12px; align-items: baseline; }
.p-checks li::before { content: ""; flex: none; width: 12px; height: 12px; border: 1px solid var(--paper); transform: translateY(2px); background: linear-gradient(45deg, transparent 45%, var(--paper) 45%, var(--paper) 55%, transparent 55%), linear-gradient(-45deg, transparent 45%, var(--paper) 45%, var(--paper) 55%, transparent 55%); }

.p-photos { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 16px; }
.p-photos a { display: block; aspect-ratio: 4 / 3; overflow: hidden; border: 1px solid var(--line-2); }
.p-photos img { width: 100%; height: 100%; object-fit: cover; }
.p-photos span { display: block; font: 500 .9rem var(--cond); color: var(--muted); margin-top: 6px; }

.p-sheetnav { display: flex; justify-content: space-between; align-items: stretch; border-bottom: 1px solid var(--line); }
.p-sheetnav a { padding: 22px clamp(18px, 3.5vw, 48px); text-decoration: none; font: 600 1.1rem var(--cond); display: flex; align-items: center; }
.p-sheetnav a:hover { background: rgba(255, 255, 255, .06); }
.p-sheetnav-next { flex-direction: column; align-items: flex-end !important; border-left: 1px solid var(--line); }
.p-sheetnav-next span { color: var(--muted); font-weight: 500; font-size: .95rem; }
.p-sheetnav-next strong { font-size: 1.8rem; }

.lightbox { position: fixed; inset: 0; z-index: 300; display: grid; grid-template-rows: 1fr auto; place-items: center; background: rgba(12, 28, 54, .97); padding: 56px 16px 24px; }
.lightbox img { max-width: min(1400px, 100%); max-height: calc(100vh - 140px); object-fit: contain; border: 1px solid var(--line-2); }
.lightbox p { margin: 14px 0 0; font-family: var(--cond); color: var(--muted); }
.lightbox button { position: absolute; width: 48px; height: 48px; background: var(--blue); border: 1px solid var(--line-2); color: var(--paper); font-size: 1.4rem; cursor: pointer; }
.lb-close { top: 14px; right: 14px; }
.lb-prev { left: 14px; top: 50%; }
.lb-next { right: 14px; top: 50%; }

/* ---------- Form ---------- */

.p-form { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--line-2); border-left: 1px solid var(--line-2); }
.p-cell { display: grid; gap: 2px; padding: 10px 14px 12px; border-right: 1px solid var(--line-2); border-bottom: 1px solid var(--line-2); }
.p-cell--wide { grid-column: 1 / -1; }
.p-cell span { font: 500 .85rem var(--cond); color: var(--muted); }
.p-cell input, .p-cell textarea { width: 100%; font: 500 1.1rem var(--sans); color: var(--paper); background: transparent; border: 0; padding: 4px 0; }
.p-cell input::placeholder, .p-cell textarea::placeholder { color: rgba(185, 199, 221, .55); }
.p-cell:focus-within { background: rgba(255, 255, 255, .06); box-shadow: inset 3px 0 0 var(--red); }
.p-cell input:focus, .p-cell textarea:focus { outline: none; }
.p-cell textarea { resize: vertical; }
.p-form .p-small { grid-column: 1 / -1; padding: 14px 0 0; }
.p-form .p-btn { grid-column: 1 / -1; justify-self: start; margin-top: 14px; }
.p-form > .p-small, .p-form > .p-btn { border: 0; }
.p-form { border-right: 0; }
@media (max-width: 600px) { .p-form { grid-template-columns: 1fr; } }
.p-notice { border: 1px solid var(--paper); padding: 18px 20px; margin-bottom: 20px; }
.p-notice strong { font: 600 1.4rem var(--cond); display: block; margin-bottom: 6px; }
.p-notice--error { border-color: var(--red); }
.p-notice--error ul { padding-left: 18px; list-style: disc; }
.p-map { border: 1px solid var(--line-2); }
.p-map iframe { display: block; width: 100%; height: 400px; border: 0; filter: grayscale(1) invert(1) sepia(1) hue-rotate(180deg) saturate(1.6) brightness(.8); }

/* Çağrı: revizyon bulutu gibi kesikli kırmızı çerçeve */
.p-cta { margin: clamp(32px, 4vw, 56px) clamp(18px, 3.5vw, 48px); padding: clamp(24px, 4vw, 48px); border: 2px dashed var(--red); border-radius: 28px; }
.p-cta h2 { font: 600 clamp(2rem, 4vw, 3.2rem)/1.05 var(--cond); margin-bottom: 10px; }
.p-cta p { color: var(--muted); margin-bottom: 22px; }

/* ---------- Antet ---------- */

.p-titleblock {
    display: grid; grid-template-columns: 1.4fr 1.4fr 1.2fr .6fr .6fr .7fr;
    border-top: 2px solid var(--paper);
    background: var(--blue-2);
}
.p-titleblock > div { padding: 12px 16px; border-right: 1px solid var(--line-2); display: flex; flex-direction: column; gap: 2px; }
.p-titleblock > div:nth-child(6) { border-right: 0; }
.tb-l { font: 500 .78rem var(--cond); color: var(--muted); }
.p-titleblock strong { font: 600 1.25rem var(--cond); }
.tb-firm span:last-child { color: var(--muted); font-size: .9rem; }
.tb-contact a { text-decoration: none; font-size: .95rem; }
.tb-contact a:hover { text-decoration: underline; }
.p-titleblock .tb-copy { grid-column: 1 / -1; border-top: 1px solid var(--line); border-right: 0; font-size: .82rem; color: var(--muted); }
@media (max-width: 1000px) {
    .p-titleblock { grid-template-columns: 1fr 1fr 1fr; }
    .tb-firm, .tb-contact { grid-column: span 3; border-right: 0 !important; border-bottom: 1px solid var(--line); }
    .tb-sheet { grid-column: span 3; border-right: 0 !important; border-bottom: 1px solid var(--line); }
}

/* ---------- Katalog, sanal tur, serbest sayfa ---------- */
#liste, #mesaj, #katalog-tur { scroll-margin-top: 84px; }
.p-showcase { display: grid; gap: clamp(32px, 4vw, 48px); }
.p-cat { display: grid; grid-template-columns: 1fr auto; gap: 20px 40px; align-items: end; padding: clamp(20px, 3vw, 32px); border: 1px solid var(--line-2); background: rgba(10, 25, 50, .22); }
.p-cat .p-h2 { margin-bottom: 12px; }
.p-cat p { color: var(--muted); margin: 0; }
@media (max-width: 760px) { .p-cat { grid-template-columns: 1fr; } }
.p-tour-block .p-small { margin: -10px 0 14px; }
.p-tour { position: relative; aspect-ratio: 16 / 9; border: 1px solid var(--line-2); background: var(--blue-2); }
.p-tour iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
@media (max-width: 700px) { .p-tour { aspect-ratio: 4 / 5; } }

.p-text h2, .p-text h3 { font-family: var(--cond); font-weight: 600; margin: 1.4em 0 .4em; color: var(--paper); }
.p-text h2 { font-size: 1.7rem; }
.p-text h3 { font-size: 1.35rem; }
.p-text ul { padding-left: 1.2em; list-style: square; margin: 0 0 1em; }
.p-text a { color: var(--paper); text-decoration-color: var(--red); text-underline-offset: 3px; }
.p-page-figure { margin: 0; }
.p-page-figure img { width: 100%; border: 1px solid var(--line-2); }
.p-notice:focus { outline: none; }

/* ---------- Sayfa geçişleri ----------
   Çizici (plotter): yeni pafta soldan sağa, kırmızı bir tarama çizgisinin
   arkasından basılır. Geri giderken sağdan sola. */
@view-transition { navigation: auto; }
.p-plotter { position: fixed; top: 0; left: 0; width: 3px; height: 100vh; opacity: 0; pointer-events: none; view-transition-name: plotter; }

@media (prefers-reduced-motion: no-preference) {
    ::view-transition-old(root) { animation: p-hold 1s linear both; }
    ::view-transition-new(root) { animation: p-print 1s var(--ease) both; }
    ::view-transition-group(plotter) { animation: p-sweep 1s var(--ease) both; background: var(--red); box-shadow: 0 0 14px 3px rgba(255, 107, 90, .75); }
    html:active-view-transition-type(back)::view-transition-new(root) { animation-name: p-print-back; }
    html:active-view-transition-type(back)::view-transition-group(plotter) { animation-name: p-sweep-back; }
    ::view-transition-group(*) { animation-duration: 1s; animation-timing-function: var(--ease); }
    ::view-transition-group(masthead) { animation-duration: .2s; }

    @keyframes p-hold { to { opacity: .35; } }
    @keyframes p-print { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0); } }
    @keyframes p-print-back { from { clip-path: inset(0 0 0 100%); } to { clip-path: inset(0); } }
    @keyframes p-sweep { from { transform: translateX(0); } to { transform: translateX(100vw); } }
    @keyframes p-sweep-back { from { transform: translateX(100vw); } to { transform: translateX(0); } }

    @supports not (view-transition-name: none) {
        .p-main { animation: p-fallback .7s var(--ease) both; }
        @keyframes p-fallback { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0); } }
    }
}

/* ---------- Dokunmatik ekranlar: parmakla rahat dokunulacak alanlar (en az 44px) ---------- */
@media (max-width: 960px), (pointer: coarse) {
    .p-link { display: inline-flex; align-items: center; min-height: 44px; }
    .tb-contact a, .p-qty a, .p-hero-draw figcaption a { display: inline-flex; align-items: center; min-height: 44px; }
    .p-table tbody th a { display: flex; align-items: center; min-height: 44px; }
    .p-cell input, .p-cell textarea { min-height: 44px; }
}
:root { --mbar-bg: #17345f; --mbar-fg: #f2f5fa; --mbar-accent: #f2f5fa; --mbar-accent-fg: #1d3f73; --mbar-line: rgba(242, 245, 250, .5); --mbar-radius: 0; }

/* Proje cetveli telefonda: her satır alt alta bir künye kartı */
@media (max-width: 700px) {
    .p-table-wrap { overflow: visible; border: 0; }
    .p-table { min-width: 0; }
    .p-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
    .p-table, .p-table tbody { display: block; }
    .p-table tr { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line-2); margin-bottom: 12px; }
    .p-table th, .p-table td { display: block; border: 0; border-top: 1px solid var(--line); padding: 8px 12px; text-align: left !important; }
    .p-table tbody th { grid-column: 1 / -1; order: -1; border-top: 0; background: rgba(10, 25, 50, .25); font-size: 1.35rem; }
    .p-table td.p-no { order: -2; grid-column: 1 / -1; border-top: 0; padding-bottom: 0; background: rgba(10, 25, 50, .25); }
    .p-table td::before { content: attr(data-label); display: block; font: 500 .78rem var(--cond); color: var(--muted); margin-bottom: 2px; }
    .p-table td.p-no::before { display: none; }
    .p-table tbody tr:hover { background: none; }
}