/* ============================================================================
   PROJELER SAYFASI (.co-proj) — v330 mockup'ındaki "Projeler" sayfası birebir.
   Tüm kurallar .co-proj kapsayıcısıyla sınırlıdır; site genelini etkilemez.
   Kaynak: ANA_SAYFA_PREMIUM_KAMPANYA_HERO_v330.html içindeki gömülü projeler sayfası.
   ========================================================================== */
.co-proj {
    --bg:        #F5F4F2;
    --surface:   #ECEAE6;
    --surface-2: #E5E2DC;
    --ink:       #2F2C28;
    --muted:     #787169;
    --line:      #D6D1C8;
    --red:       #D71920;
    --sage:      #DDE3DA;
    --font:      Futura, "Futura PT", "Avenir Next", Avenir, "Century Gothic", "Tw Cen MT", Arial, sans-serif;

    background: var(--bg);
    color: var(--ink);
    font-family: var(--font);
    -webkit-font-smoothing: antialiased;
}
.co-proj * { box-sizing: border-box; }
.co-proj a { color: inherit; text-decoration: none; }
.co-proj img { display: block; width: 100%; }
.co-proj button { font: inherit; }

.co-proj .projects-hero {
  position:relative;min-height:620px;overflow:hidden;background:#D9DDD7
}
.co-proj .projects-hero img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%}
.co-proj .projects-hero::after {
  content:"";position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(28,27,24,.76) 0%,rgba(28,27,24,.34) 42%,rgba(28,27,24,.08) 72%,rgba(28,27,24,0) 100%)
}
.co-proj .projects-hero-copy {
  position:relative;z-index:2;min-height:620px;padding:74px 5vw 58px;
  display:flex;flex-direction:column;justify-content:flex-end;color:#FFF
}
.co-proj .projects-hero-kicker {font-size:10px;font-weight:600;letter-spacing:.16em;color:rgba(255,255,255,.72);margin-bottom:14px}
.co-proj .projects-hero h1 {
  margin:0 0 18px;max-width:850px;font-size:clamp(56px,7.4vw,118px);
  line-height:.84;letter-spacing:-.065em;font-weight:500
}
.co-proj .projects-hero p {margin:0;max-width:620px;font-size:14px;line-height:1.65;color:rgba(255,255,255,.78)}
.co-proj .projects-count {position:absolute;z-index:3;right:5vw;bottom:60px;color:#FFF;text-align:right}
.co-proj .projects-count strong {display:block;font-size:46px;font-weight:500;letter-spacing:-.05em}
.co-proj .projects-count span {font-size:10px;letter-spacing:.14em;color:rgba(255,255,255,.7)}
.co-proj .projects-intro {padding:76px 5vw 40px}
.co-proj .projects-intro-inner {max-width:1720px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}
.co-proj .projects-intro h2 {margin:0;font-size:clamp(38px,4.4vw,68px);line-height:.95;letter-spacing:-.05em;font-weight:500}
.co-proj .projects-intro p {margin:0;max-width:610px;justify-self:end;font-size:14px;line-height:1.7;color:var(--muted)}
.co-proj .project-filters {
  max-width:1720px;margin:34px auto 0;padding-top:22px;border-top:1px solid var(--line);
  display:flex;flex-wrap:wrap;gap:10px
}
.co-proj .project-filter {
  border:1px solid var(--line);background:transparent;color:var(--ink);padding:11px 17px;
  border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.035em;cursor:pointer;
  transition:.22s ease
}
.co-proj .project-filter:hover,
.co-proj .project-filter.active {background:var(--ink);border-color:var(--ink);color:#FFF}
.co-proj .projects-grid {max-width:1720px;margin:0 auto;padding:26px 5vw 100px;display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
.co-proj .project-card {
  position:relative;overflow:hidden;background:#DDD;cursor:pointer;min-height:460px;
  grid-column:span 6
}
.co-proj .project-card.wide {grid-column:span 12;min-height:620px}
.co-proj .project-card.tall {min-height:660px}
.co-proj .project-card img {width:100%;height:100%;object-fit:cover;transition:transform .75s cubic-bezier(.2,.7,.2,1)}
.co-proj .project-card::after {
  content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(25,23,21,.76),rgba(25,23,21,0) 58%)
}
.co-proj .project-card:hover img {transform:scale(1.035)}
.co-proj .project-meta {position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#FFF;display:flex;align-items:flex-end;justify-content:space-between;gap:22px}
.co-proj .project-meta span {display:block;font-size:10px;letter-spacing:.14em;color:rgba(255,255,255,.68);margin-bottom:8px}
.co-proj .project-meta h3 {margin:0;font-size:clamp(24px,2.2vw,38px);font-weight:500;letter-spacing:-.035em}
.co-proj .project-arrow {width:44px;height:44px;border:1px solid rgba(255,255,255,.45);border-radius:50%;display:grid;place-items:center;font-size:17px;transition:.22s ease}
.co-proj .project-card:hover .project-arrow {background:#FFF;color:var(--ink);transform:rotate(45deg)}
.co-proj .project-products {padding:88px 5vw;background:var(--surface)}
.co-proj .project-products-inner {max-width:1720px;margin:0 auto}
.co-proj .project-products-head {display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:30px}
.co-proj .project-products-head h2 {margin:0;font-size:clamp(34px,4vw,60px);line-height:.96;letter-spacing:-.05em;font-weight:500}
.co-proj .project-products-head p {margin:0 0 5px;max-width:470px;font-size:13px;line-height:1.6;color:var(--muted)}
.co-proj .product-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.co-proj .product-card {position:relative;background:#F5F4F2;min-height:390px;padding:16px;overflow:hidden}
.co-proj .product-image {height:270px;background:#FFF;display:grid;place-items:center;overflow:hidden}
.co-proj .product-image img {height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease}
.co-proj .product-card:hover .product-image img {transform:scale(1.035)}
.co-proj .product-info {padding:18px 3px 4px}
.co-proj .product-info span {font-size:9px;letter-spacing:.14em;color:#908A82}
.co-proj .product-info h3 {margin:7px 0 0;font-size:16px;font-weight:600}
.co-proj .product-card i {position:absolute;right:18px;bottom:18px;width:32px;height:32px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-style:normal}
.co-proj .projects-process {padding:90px 5vw;background:var(--ink);color:#FFF}
.co-proj .projects-process-inner {max-width:1720px;margin:0 auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}
.co-proj .projects-process h2 {margin:0;font-size:clamp(38px,4.4vw,68px);line-height:.95;letter-spacing:-.05em;font-weight:500}
.co-proj .process-list {display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid rgba(255,255,255,.18);border-left:1px solid rgba(255,255,255,.18)}
.co-proj .process-item {padding:26px;min-height:180px;border-right:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18)}
.co-proj .process-item span {font-size:10px;letter-spacing:.14em;color:rgba(255,255,255,.48)}
.co-proj .process-item h3 {font-size:17px;margin:24px 0 8px;font-weight:500}
.co-proj .process-item p {font-size:11.5px;line-height:1.55;color:rgba(255,255,255,.66);margin:0}
.co-proj .project-modal {
  position:fixed;inset:0;z-index:500;display:none;background:rgba(24,22,20,.72);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);padding:34px
}
.co-proj .project-modal.active {display:grid;place-items:center}
.co-proj .project-modal-panel {width:min(1240px,100%);max-height:92vh;overflow:auto;background:var(--bg);display:grid;grid-template-columns:1.18fr .82fr}
.co-proj .project-modal-media {min-height:660px}
.co-proj .project-modal-media img {width:100%;height:100%;object-fit:cover}
.co-proj .project-modal-content {padding:46px;display:flex;flex-direction:column}
.co-proj .project-modal-close {align-self:flex-end;border:0;background:transparent;font-size:30px;cursor:pointer;margin-bottom:auto}
.co-proj .project-modal-kicker {font-size:10px;letter-spacing:.15em;color:var(--red);font-weight:600}
.co-proj .project-modal-content h2 {font-size:48px;line-height:.96;letter-spacing:-.05em;font-weight:500;margin:13px 0 20px}
.co-proj .project-modal-content p {font-size:13px;line-height:1.7;color:var(--muted)}
.co-proj .project-modal-facts {display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}
.co-proj .project-modal-facts div {padding:14px 0;border-top:1px solid var(--line)}
.co-proj .project-modal-facts span {display:block;font-size:9px;letter-spacing:.12em;color:#918B83;margin-bottom:6px}
.co-proj .project-modal-facts strong {font-size:12px}
@media(max-width:1000px) {
.co-proj .projects-intro-inner,
.co-proj .projects-process-inner {grid-template-columns:1fr;gap:24px}
.co-proj .projects-intro p {justify-self:start}
.co-proj .project-card,
.co-proj .project-card.wide {grid-column:span 12}
.co-proj .product-grid {grid-template-columns:repeat(2,1fr)}
.co-proj .project-modal-panel {grid-template-columns:1fr}
.co-proj .project-modal-media {min-height:420px}
}
@media(max-width:760px) {
.co-proj .projects-hero,
.co-proj .projects-hero-copy {min-height:520px}
.co-proj .projects-count {display:none}
.co-proj .projects-grid {padding-left:20px;padding-right:20px}
.co-proj .project-card,
.co-proj .project-card.wide,
.co-proj .project-card.tall {min-height:430px}
.co-proj .product-grid {grid-template-columns:1fr}
.co-proj .process-list {grid-template-columns:1fr}
.co-proj .project-modal {padding:10px}
.co-proj .project-modal-content {padding:28px}
}
@media(max-width:520px) {
.co-proj .projects-hero h1 {font-size:58px}
.co-proj .project-products-head {display:block}
.co-proj .project-products-head p {margin-top:14px}
}
.co-proj .projects-hero > img {
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  object-position:center center !important;
  image-rendering:auto !important;
  transform:none !important;
}
.co-proj .projects-intro {
  padding-top:58px !important;
  padding-bottom:28px !important;
}
.co-proj .projects-intro-inner {
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr) !important;
  gap:48px !important;
  align-items:center !important;
}
.co-proj .projects-intro h2 {
  max-width:680px !important;
  font-size:clamp(34px,3.8vw,58px) !important;
  line-height:.94 !important;
  letter-spacing:-.045em !important;
}
.co-proj .projects-intro p {
  max-width:560px !important;
  font-size:13px !important;
  line-height:1.6 !important;
}
.co-proj .project-filters {
  margin-top:26px !important;
}
@media(max-width:1000px) {
.co-proj .projects-intro-inner {
    grid-template-columns:1fr !important;
    gap:18px !important;
  }
}
.co-proj .project-products .product-card {
  display:flex;
  flex-direction:column;
}
.co-proj .project-products .product-info {
  position:relative;
  padding-bottom:54px !important;
}
.co-proj .project-product-price {
  position:absolute;
  left:3px;
  right:46px;
  bottom:5px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding-top:12px;
  border-top:1px solid rgba(47,44,40,.12);
}
.co-proj .project-product-price .price-label {
  font-size:9px !important;
  line-height:1;
  font-weight:600;
  letter-spacing:.13em !important;
  text-transform:uppercase;
  color:#938D84 !important;
}
.co-proj .project-product-price .price-value {
  font-family:var(--font);
  font-size:18px;
  line-height:1;
  font-weight:600;
  letter-spacing:-.025em;
  color:var(--ink);
  white-space:nowrap;
}
.co-proj .project-products .product-card:hover .price-value {
  color:var(--red);
}
@media(max-width:520px) {
.co-proj .project-product-price .price-value {
    font-size:16px;
  }
}
.co-proj .project-add-cart {
  width:100%;
  height:42px;
  margin-top:12px;
  border:1px solid #2F2C28;
  background:transparent;
  color:#2F2C28;
  font-family:inherit;
  font-size:10px;
  font-weight:700;
  letter-spacing:.08em;
  cursor:pointer;
  transition:.2s ease;
}
.co-proj .project-add-cart:hover,
.co-proj .project-add-cart.added {
  background:#2F2C28;
  color:#fff;
}
.co-proj .projects-process {
  padding:92px 5vw 96px;
  background:#24211E;
  color:#F7F5F1;
  overflow:hidden;
}
.co-proj .projects-process-inner {
  max-width:1720px;
  margin:0 auto;
  display:block;
}
.co-proj .projects-process-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:48px;
  margin-bottom:52px;
}
.co-proj .projects-process-kicker {
  margin:0 0 14px;
  color:#BEB7AD;
  font-size:10px;
  font-weight:600;
  letter-spacing:.17em;
  text-transform:uppercase;
}
.co-proj .projects-process h2 {
  margin:0;
  font-size:clamp(40px,4.5vw,70px);
  line-height:.94;
  letter-spacing:-.052em;
  font-weight:500;
}
.co-proj .projects-process-question {
  width:min(430px,100%);
  margin:0 0 4px;
  color:rgba(247,245,241,.67);
  font-size:13px;
  line-height:1.6;
}
.co-proj .process-track {
  position:relative;
}
.co-proj .process-list {
  position:relative;
  display:grid !important;
  grid-template-columns:repeat(7,minmax(0,1fr)) !important;
  border:0 !important;
  border-top:1px solid rgba(255,255,255,.16) !important;
}
.co-proj .process-list::before {
  content:"";
  position:absolute;
  z-index:0;
  top:73px;
  left:7.14%;
  right:7.14%;
  height:1px;
  background:rgba(255,255,255,.22);
}
.co-proj .process-item {
  position:relative;
  z-index:1;
  min-width:0;
  min-height:236px;
  padding:27px 14px 20px !important;
  border:0 !important;
  border-right:1px solid rgba(255,255,255,.13) !important;
  background:transparent;
}
.co-proj .process-item:first-child {
  border-left:1px solid rgba(255,255,255,.13) !important;
}
.co-proj .process-icon {
  width:92px;
  height:92px;
  margin:0 auto 22px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:50%;
  background:#24211E;
  color:#F7F5F1;
  display:grid;
  place-items:center;
  transition:background .24s ease,color .24s ease,border-color .24s ease,transform .24s ease;
}
.co-proj .process-icon svg {
  width:34px;
  height:34px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.45;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.co-proj .process-item:hover .process-icon {
  background:#F7F5F1;
  border-color:#F7F5F1;
  color:#24211E;
  transform:translateY(-3px);
}
.co-proj .process-step {
  display:block;
  margin-bottom:10px;
  color:rgba(247,245,241,.43) !important;
  font-size:9px !important;
  font-weight:600;
  letter-spacing:.16em !important;
  text-align:center;
}
.co-proj .process-item h3 {
  margin:0 !important;
  color:#F7F5F1;
  font-size:clamp(13px,1.05vw,17px) !important;
  line-height:1.32;
  font-weight:500 !important;
  letter-spacing:-.018em;
  text-align:center;
}
@media(max-width:1240px) {
.co-proj .process-track {
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:thin;
    scrollbar-color:rgba(255,255,255,.28) transparent;
  }
.co-proj .process-list {
    width:max-content;
    min-width:100%;
    grid-template-columns:repeat(7,170px) !important;
  }
}
@media(max-width:760px) {
.co-proj .projects-process {
    padding:68px 20px 70px;
  }
.co-proj .projects-process-head {
    display:block;
    margin-bottom:38px;
  }
.co-proj .projects-process h2 {
    font-size:44px;
  }
.co-proj .projects-process-question {
    margin-top:20px;
    max-width:330px;
  }
.co-proj .process-track {
    margin-right:-20px;
    padding-right:20px;
  }
.co-proj .process-list {
    grid-template-columns:repeat(7,158px) !important;
  }
.co-proj .process-list::before {
    top:66px;
  }
.co-proj .process-item {
    min-height:218px;
    padding:24px 10px 18px !important;
    scroll-snap-align:start;
  }
.co-proj .process-icon {
    width:82px;
    height:82px;
  }
.co-proj .process-track {
    scroll-snap-type:x proximity;
  }
}


/* ---- Site uyarlaması ----
   Mockup'ta ürün kartı <article> + <button>; sitede kart komple <a> ve
   "Sepete Ekle" yerine ürün sayfasına götüren bir etiket kullanılıyor. */
.co-proj a.product-card { color: inherit; }
.co-proj a.product-card .project-add-cart {
    display: grid;
    place-items: center;
    text-align: center;
}
.co-proj a.product-card:hover .project-add-cart { background: var(--ink); color: #fff; }

/* Dar telefon: mockup 520px'te başlığı 58px'e sabitliyor, 375px'te taşıyordu */
@media (max-width: 480px) {
    .co-proj .projects-hero h1 { font-size: clamp(34px, 9.6vw, 48px); line-height: .92; }
    .co-proj .projects-hero p { font-size: 13px; }
    .co-proj .projects-hero-copy { padding: 60px 20px 44px; }
    .co-proj .projects-intro { padding: 48px 20px 28px; }
    .co-proj .projects-intro h2 { font-size: clamp(30px, 8.6vw, 42px); }
    .co-proj .project-products { padding: 56px 20px; }
    .co-proj .projects-process { padding-left: 20px; padding-right: 20px; }
    .co-proj .project-meta { left: 18px; right: 18px; bottom: 18px; }
    .co-proj .project-meta h3 { font-size: 21px; }
}

/* ============================================================================
   PROJE DETAY (.co-projd) — projeler sayfasıyla aynı tasarım dili:
   tam görsel hero + künye/sticky kart + galeri ızgarası + CTA + komşu projeler.
   ========================================================================== */
.co-projd {
    --bg:        #F5F4F2;
    --surface:   #ECEAE6;
    --surface-2: #E5E2DC;
    --ink:       #2F2C28;
    --muted:     #787169;
    --line:      #D6D1C8;
    --red:       #D71920;
    --font:      Futura, "Futura PT", "Avenir Next", Avenir, "Century Gothic", "Tw Cen MT", Arial, sans-serif;

    background: var(--bg);
    color: var(--ink);
    font-family: var(--font);
    -webkit-font-smoothing: antialiased;
}
.co-projd * { box-sizing: border-box; }
.co-projd a { color: inherit; text-decoration: none; }
.co-projd img { display: block; width: 100%; }

/* --- Hero --- */
.co-projd .pd-hero { position: relative; min-height: 620px; overflow: hidden; background: #DDD; }
.co-projd .pd-hero > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.co-projd .pd-hero::after {
    content: ""; position: absolute; inset: 0;
    background: linear-gradient(0deg, rgba(24,22,20,.88) 0%, rgba(24,22,20,.38) 46%, rgba(24,22,20,.06) 78%);
}
.co-projd .pd-hero-copy {
    position: relative; z-index: 2; min-height: 620px; padding: 90px 5vw 54px;
    display: flex; flex-direction: column; justify-content: flex-end; color: #fff;
    max-width: 1720px; margin: 0 auto;
}
.co-projd .pd-crumbs { display: flex; flex-wrap: wrap; gap: 8px; font-size: 11px; letter-spacing: .06em; color: rgba(255,255,255,.7); margin-bottom: 20px; }
.co-projd .pd-crumbs a:hover { color: #fff; }
.co-projd .pd-crumbs i { font-style: normal; opacity: .55; }
.co-projd .pd-kicker { font-size: 10px; font-weight: 600; letter-spacing: .17em; color: rgba(255,255,255,.74); margin-bottom: 12px; }
.co-projd .pd-hero h1 {
    margin: 0; max-width: 16ch;
    font-size: clamp(38px, 5.6vw, 92px); line-height: .92; letter-spacing: -.05em; font-weight: 500;
}
.co-projd .pd-hero-meta { display: flex; flex-wrap: wrap; gap: 34px; margin-top: 30px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.22); }
.co-projd .pd-hero-meta div span { display: block; font-size: 9.5px; letter-spacing: .15em; color: rgba(255,255,255,.6); margin-bottom: 6px; }
.co-projd .pd-hero-meta div strong { font-size: 15px; font-weight: 500; letter-spacing: -.01em; }

/* --- Künye + açıklama --- */
.co-projd .pd-govde { max-width: 1720px; margin: 0 auto; padding: 78px 5vw 20px; display: grid; grid-template-columns: 1.35fr .65fr; gap: 70px; align-items: start; }
.co-projd .pd-govde h2 { margin: 0 0 22px; font-size: clamp(28px, 3vw, 44px); line-height: 1; letter-spacing: -.04em; font-weight: 500; }
.co-projd .pd-metin { font-size: 15px; line-height: 1.78; color: #55504a; }
.co-projd .pd-metin p { margin: 0 0 16px; }
.co-projd .pd-metin img { max-width: 100%; height: auto; margin: 18px 0; }
.co-projd .pd-kunye { position: sticky; top: 110px; background: var(--surface); padding: 30px 28px 28px; }
.co-projd .pd-kunye h3 { margin: 0 0 20px; font-size: 11px; letter-spacing: .16em; font-weight: 700; color: var(--muted); }
.co-projd .pd-kunye dl { margin: 0; display: grid; gap: 15px; }
.co-projd .pd-kunye dl > div { display: flex; justify-content: space-between; gap: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--line); }
.co-projd .pd-kunye dl > div:last-of-type { border-bottom: 0; padding-bottom: 0; }
.co-projd .pd-kunye dt { font-size: 11px; letter-spacing: .1em; color: var(--muted); }
.co-projd .pd-kunye dd { margin: 0; font-size: 14px; font-weight: 600; text-align: right; }
.co-projd .pd-kunye-btn {
    display: grid; place-items: center; min-height: 46px; margin-top: 24px;
    background: var(--ink); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .08em;
    transition: background .2s ease;
}
.co-projd .pd-kunye-btn:hover { background: #171512; color: #fff; }
.co-projd .pd-kunye-alt { display: grid; place-items: center; min-height: 44px; margin-top: 9px; border: 1px solid var(--line); font-size: 11px; font-weight: 600; letter-spacing: .06em; }
.co-projd .pd-kunye-alt:hover { border-color: var(--ink); }

/* --- Galeri --- */
.co-projd .pd-galeri { max-width: 1720px; margin: 0 auto; padding: 46px 5vw 90px; }
.co-projd .pd-galeri-bas { display: flex; align-items: end; justify-content: space-between; gap: 30px; margin-bottom: 22px; }
.co-projd .pd-galeri-bas h2 { margin: 0; font-size: clamp(26px, 2.6vw, 38px); letter-spacing: -.04em; font-weight: 500; }
.co-projd .pd-galeri-bas span { font-size: 11px; letter-spacing: .12em; color: var(--muted); }
.co-projd .pd-izgara { display: grid; grid-template-columns: repeat(6, 1fr); gap: 14px; }
.co-projd .pd-kare { position: relative; grid-column: span 2; aspect-ratio: 4 / 3; overflow: hidden; background: #E7E4DF; }
.co-projd .pd-kare--buyuk { grid-column: span 4; aspect-ratio: 16 / 10; }
.co-projd .pd-kare img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.co-projd .pd-kare:hover img { transform: scale(1.04); }
.co-projd .pd-kare::after {
    content: "\2197"; position: absolute; right: 14px; bottom: 14px;
    width: 38px; height: 38px; display: grid; place-items: center;
    background: rgba(255,255,255,.9); color: var(--ink); border-radius: 50%;
    font-size: 15px; opacity: 0; transform: translateY(6px); transition: .25s ease;
}
.co-projd .pd-kare:hover::after { opacity: 1; transform: translateY(0); }

/* --- CTA bandı --- */
.co-projd .pd-cta { background: var(--ink); color: #fff; }
.co-projd .pd-cta-ic { max-width: 1720px; margin: 0 auto; padding: 74px 5vw; display: grid; grid-template-columns: 1fr auto; gap: 40px; align-items: center; }
.co-projd .pd-cta h2 { margin: 0 0 12px; font-size: clamp(30px, 3.4vw, 52px); line-height: 1; letter-spacing: -.045em; font-weight: 500; }
.co-projd .pd-cta p { margin: 0; max-width: 620px; font-size: 14px; line-height: 1.7; color: rgba(255,255,255,.72); }
.co-projd .pd-cta-btnler { display: flex; gap: 12px; flex-wrap: wrap; }
.co-projd .pd-cta-btn { display: grid; place-items: center; min-height: 50px; padding: 0 28px; background: #fff; color: var(--ink); font-size: 11px; font-weight: 700; letter-spacing: .08em; }
.co-projd .pd-cta-btn--bos { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.5); }
.co-projd .pd-cta-btn:hover { background: #f0ede8; color: var(--ink); }
.co-projd .pd-cta-btn--bos:hover { background: rgba(255,255,255,.12); color: #fff; }

/* --- Komşu projeler --- */
.co-projd .pd-komsu { max-width: 1720px; margin: 0 auto; padding: 70px 5vw 96px; display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.co-projd .pd-komsu-kart { position: relative; min-height: 300px; overflow: hidden; background: #DDD; }
.co-projd .pd-komsu-kart img { width: 100%; height: 100%; position: absolute; inset: 0; object-fit: cover; transition: transform .7s cubic-bezier(.2,.7,.2,1); }
.co-projd .pd-komsu-kart:hover img { transform: scale(1.04); }
.co-projd .pd-komsu-kart::after { content: ""; position: absolute; inset: 0; background: linear-gradient(0deg, rgba(25,23,21,.78), rgba(25,23,21,0) 62%); }
.co-projd .pd-komsu-ic { position: absolute; z-index: 2; left: 26px; right: 26px; bottom: 24px; color: #fff; }
.co-projd .pd-komsu-ic span { display: block; font-size: 10px; letter-spacing: .14em; color: rgba(255,255,255,.7); margin-bottom: 8px; }
.co-projd .pd-komsu-ic h3 { margin: 0; font-size: clamp(20px, 2vw, 30px); font-weight: 500; letter-spacing: -.03em; }
.co-projd .pd-komsu-kart--sag .pd-komsu-ic { text-align: right; }

@media (max-width: 1000px) {
    .co-projd .pd-govde { grid-template-columns: 1fr; gap: 34px; padding-top: 52px; }
    .co-projd .pd-kunye { position: static; }
    .co-projd .pd-izgara { grid-template-columns: repeat(4, 1fr); }
    .co-projd .pd-kare--buyuk { grid-column: span 4; }
    .co-projd .pd-cta-ic { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .co-projd .pd-hero, .co-projd .pd-hero-copy { min-height: 500px; }
    .co-projd .pd-hero-copy { padding: 70px 20px 40px; }
    .co-projd .pd-hero-meta { gap: 20px 26px; margin-top: 22px; }
    .co-projd .pd-govde, .co-projd .pd-galeri, .co-projd .pd-komsu { padding-left: 20px; padding-right: 20px; }
    .co-projd .pd-izgara { grid-template-columns: repeat(2, 1fr); gap: 10px; }
    .co-projd .pd-kare, .co-projd .pd-kare--buyuk { grid-column: span 2; aspect-ratio: 4 / 3; }
    .co-projd .pd-komsu { grid-template-columns: 1fr; padding-top: 44px; padding-bottom: 60px; }
    .co-projd .pd-cta-ic { padding: 54px 20px; }
    .co-projd .pd-komsu-kart { min-height: 220px; }
}
@media (max-width: 480px) {
    .co-projd .pd-hero h1 { font-size: clamp(30px, 8.6vw, 44px); }
    .co-projd .pd-metin { font-size: 14px; line-height: 1.72; }
    .co-projd .pd-galeri-bas { display: block; }
    .co-projd .pd-galeri-bas span { display: block; margin-top: 8px; }
}

/* Tek komşu proje kaldığında tam genişlik */
.co-projd .pd-komsu:has(> :only-child) { grid-template-columns: 1fr; }