/* ══════════════════════════════════════════════════════════════════════════
   Investin — proje sayfası kabuğu (/project-detail/<slug>/) · 15 Eyl 2026
   NewOffplanPlugin'in "modern" şablonunu ana sitenin tasarım diliyle giydirir.
   Tokenlar portal.css'ten birebir (orada .ir-sayfa kapsamında; eklenti içeriği o kapsamda
   olmadığı için burada değer olarak tekrar yazıldı). YALNIZ body.ir-proje altında.
   ══════════════════════════════════════════════════════════════════════════ */
body.ir-proje{
  --irp-teal:#4ABECF; --irp-teal-d:#2E9DAD; --irp-ink:#000; --irp-text:#4B4B4B; --irp-muted:#848484;
  --irp-line:#E0E0E0; --irp-cream:#F6F3EC; --irp-dark:#0E1A22;
  --irp-display:"Involve","Century Gothic","Questrial",sans-serif;
  --irp-body:"Switzer","Helvetica Neue",Helvetica,Arial,sans-serif;
  --irp-rl:24px; --irp-rm:14px;
  background:#fff;
}

/* ── Hero: portalın .phero'su (portal.css biçimliyor); eklentinin galerili hero'su gizli ── */
body.ir-proje.ir-proje-hero #content{padding-top:0!important}
body.ir-proje.ir-proje-hero #rem_plugin .modern-hero{display:none!important}
body.ir-proje #content>.ir-proje-phero{margin-bottom:0}
body.ir-proje .ir-proje-phero .phero-in h1{max-width:18ch}
body.ir-proje .ir-proje-phero .phero-in h1 em{font-style:normal;color:var(--irp-teal)}
.ir-proje-olgu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:38px;
  max-width:880px;border-top:1px solid rgba(255,255,255,.22)}
.ir-proje-olgu>div{padding:18px 22px 4px 0}
.ir-proje-olgu>div+div{padding-left:22px;border-left:1px solid rgba(255,255,255,.22)}
.ir-proje-olgu small{display:block;font:600 10.5px/1.3 var(--irp-body);letter-spacing:.13em;
  text-transform:uppercase;color:rgba(255,255,255,.62);margin-bottom:8px}
.ir-proje-olgu b{display:block;font:400 clamp(19px,1.7vw,24px)/1.2 var(--irp-display);letter-spacing:-.4px;color:#fff}
body.ir-proje .ir-proje-phero .phero-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.ir-proje-foto{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 22px;border-radius:100px;
  border:1px solid rgba(255,255,255,.45);color:#fff!important;font:600 14px var(--irp-body);background:transparent;
  cursor:pointer;transition:.2s;text-decoration:none!important}
.ir-proje-foto:hover{background:rgba(255,255,255,.1);border-color:#fff}
.ir-proje-foto svg{width:18px;height:18px;stroke:#fff;fill:none;stroke-width:1.8}
@media(max-width:760px){
  .ir-proje-olgu{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ir-proje-olgu>div:nth-child(3){padding-left:0;border-left:0}
  .ir-proje-olgu>div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.22)}
}

/* ── Kap: gölgeli kutular yerine tam genişlik bantlar ── */
body.ir-proje #rem_plugin,body.ir-proje #rem_plugin .template-grid{overflow:visible!important}
body.ir-proje #rem_plugin{color:var(--irp-text);font-family:var(--irp-body);font-size:16px}
body.ir-proje #rem_plugin .modern-section{background:transparent!important;box-shadow:none!important;border:0!important;
  border-radius:0!important;margin:0!important;padding:76px 0!important}
body.ir-proje #rem_plugin .modern-section.ir-krem{background:var(--irp-cream)!important;
  box-shadow:0 0 0 100vmax var(--irp-cream)!important;clip-path:inset(0 -100vmax)}
body.ir-proje #rem_plugin .modern-section.ir-gizli{display:none!important}
@media(max-width:760px){body.ir-proje #rem_plugin .modern-section{padding:52px 0!important}}

/* Başlıklar: sola hizalı, portal h2 ölçeği */
body.ir-proje #rem_plugin .modern-section-title,body.ir-proje #rem_plugin .about-project-title{
  font-family:var(--irp-display)!important;font-weight:400!important;font-size:clamp(32px,3.4vw,46px)!important;
  letter-spacing:-1.4px!important;line-height:1.08!important;color:var(--irp-ink)!important;text-align:left!important;
  margin:0 0 34px!important}
body.ir-proje #rem_plugin .modern-section-title::before,body.ir-proje #rem_plugin .modern-section-title::after,
body.ir-proje #rem_plugin .about-project-title::before,body.ir-proje #rem_plugin .about-project-title::after{display:none!important}
body.ir-proje #rem_plugin .modern-subsection-title{font-family:var(--irp-display)!important;font-weight:400!important;
  font-size:24px!important;letter-spacing:-.5px;color:var(--irp-ink)!important;text-align:left!important;margin:40px 0 18px!important}

/* Bölüm gezintisi: hero'nun alt kenarına oturan beyaz hap şerit */
body.ir-proje #rem_plugin .modern-nav{position:sticky!important;top:92px;z-index:50;margin:-34px 0 0!important;
  padding:8px 10px!important;border-radius:100px!important;background:#fff!important;
  box-shadow:0 10px 30px rgba(14,26,34,.10)!important;overflow-x:auto}
body.ir-proje #rem_plugin .modern-nav-list{gap:2px!important;flex-wrap:nowrap!important;justify-content:flex-start!important;margin:0!important;padding:0!important}
body.ir-proje #rem_plugin .modern-nav-link{font:500 13.5px var(--irp-body)!important;color:var(--irp-text)!important;
  padding:10px 16px!important;border-radius:100px!important;white-space:nowrap;background:transparent!important;box-shadow:none!important}
body.ir-proje #rem_plugin .modern-nav-link::after{display:none!important}
body.ir-proje #rem_plugin .modern-nav-link:hover{background:var(--irp-cream)!important;color:var(--irp-ink)!important}
body.ir-proje #rem_plugin .modern-nav-link.active{background:var(--irp-ink)!important;color:#fff!important}
@media(max-width:760px){body.ir-proje #rem_plugin .modern-nav{top:78px;margin-top:-26px!important}}

/* Hakkında */
body.ir-proje #rem_plugin .about-project-card{background:transparent!important;box-shadow:none!important;padding:0!important;border:0!important}
body.ir-proje #rem_plugin .about-project-content{max-width:78ch}
body.ir-proje #rem_plugin .about-project-content h3{font-family:var(--irp-display)!important;font-weight:400!important;
  font-size:22px!important;color:var(--irp-ink)!important;margin:26px 0 10px!important;letter-spacing:-.3px}
body.ir-proje #rem_plugin .about-project-content h3:first-child{margin-top:0!important}
body.ir-proje #rem_plugin .about-project-content p{font-size:16.5px!important;line-height:1.7!important;color:var(--irp-text)!important}
body.ir-proje #rem_plugin .read-more-link{color:var(--irp-ink)!important;font-weight:600!important;
  border-bottom:1px solid var(--irp-teal);text-decoration:none!important;padding-bottom:2px}
body.ir-proje #rem_plugin .description-text.truncated::after{background:linear-gradient(transparent,#fff)!important}
body.ir-proje #rem_plugin .ir-krem .description-text.truncated::after{background:linear-gradient(transparent,var(--irp-cream))!important}

/* Kartlar: düz, gölgesiz; krem bantta beyaz, beyaz bantta krem */
body.ir-proje #rem_plugin .modern-unit-card,body.ir-proje #rem_plugin .modern-nearby-card,
body.ir-proje #rem_plugin .modern-facility-card,body.ir-proje #rem_plugin .elegant-gallery-card,
body.ir-proje #rem_plugin .modern-attachment-item,body.ir-proje #rem_plugin .payment-stage-card,
body.ir-proje #rem_plugin .modern-developer-card,body.ir-proje #rem_plugin .payment-details-wrapper{
  box-shadow:none!important;border:1px solid transparent!important;border-radius:var(--irp-rl)!important;
  background:var(--irp-cream)!important;transform:none!important}
body.ir-proje #rem_plugin .ir-krem .modern-unit-card,body.ir-proje #rem_plugin .ir-krem .modern-nearby-card,
body.ir-proje #rem_plugin .ir-krem .modern-facility-card,body.ir-proje #rem_plugin .ir-krem .elegant-gallery-card,
body.ir-proje #rem_plugin .ir-krem .modern-attachment-item,body.ir-proje #rem_plugin .ir-krem .payment-stage-card,
body.ir-proje #rem_plugin .ir-krem .modern-developer-card,body.ir-proje #rem_plugin .ir-krem .payment-details-wrapper{background:#fff!important}
body.ir-proje #rem_plugin .modern-unit-card:hover,body.ir-proje #rem_plugin .modern-facility-card:hover,
body.ir-proje #rem_plugin .elegant-gallery-card:hover,body.ir-proje #rem_plugin .modern-attachment-item:hover{border-color:var(--irp-teal)!important}
body.ir-proje #rem_plugin .modern-nearby-card{border-radius:var(--irp-rm)!important}

body.ir-proje #rem_plugin .modern-unit-card h3,body.ir-proje #rem_plugin .modern-developer-card h3,
body.ir-proje #rem_plugin .modern-developer-card h4{font-family:var(--irp-display)!important;font-weight:400!important;
  font-size:21px!important;letter-spacing:-.3px;color:var(--irp-ink)!important}
body.ir-proje #rem_plugin .modern-unit-price{color:var(--irp-ink)!important;font-weight:600!important}
body.ir-proje #rem_plugin .modern-unit-content i,body.ir-proje #rem_plugin .nearby-icon i,
body.ir-proje #rem_plugin .elegant-stats-item i,body.ir-proje #rem_plugin .attachment-download-icon i{color:var(--irp-teal)!important}
body.ir-proje #rem_plugin .nearby-icon{background:#fff!important;color:var(--irp-teal)!important;border-radius:50%!important}
body.ir-proje #rem_plugin .ir-krem .nearby-icon{background:var(--irp-cream)!important}
body.ir-proje #rem_plugin .nearby-info h4,body.ir-proje #rem_plugin .attachment-info h4,
body.ir-proje #rem_plugin .modern-facility-name{font-family:var(--irp-body)!important;font-weight:600!important;color:var(--irp-ink)!important}
body.ir-proje #rem_plugin .nearby-distance{background:transparent!important;color:var(--irp-muted)!important;padding:0!important;font-weight:500}
body.ir-proje #rem_plugin .modern-facility-card img,body.ir-proje #rem_plugin .elegant-image-wrapper img{border-radius:0!important}
body.ir-proje #rem_plugin .modern-facility-card,body.ir-proje #rem_plugin .elegant-gallery-card{overflow:hidden}
body.ir-proje #rem_plugin .modern-map-container{border-radius:var(--irp-rl)!important;overflow:hidden;box-shadow:none!important}
body.ir-proje #rem_plugin .elegant-gallery-stats{background:transparent!important;box-shadow:none!important;justify-content:flex-start!important;padding-left:0!important}
body.ir-proje #rem_plugin .elegant-card-footer{background:transparent!important}

/* Ödeme planı: portal hap sekmeler + büyük Involve yüzdeler */
body.ir-proje #rem_plugin #payment-plans button{border-radius:100px!important;font:600 13px var(--irp-body)!important;
  box-shadow:none!important;border:1px solid var(--irp-line)!important;background:#fff!important;color:var(--irp-text)!important}
body.ir-proje #rem_plugin #payment-plans button.active{background:var(--irp-ink)!important;border-color:var(--irp-ink)!important;color:#fff!important}
body.ir-proje #rem_plugin .payment-stage-card.active{border-color:var(--irp-teal)!important}
body.ir-proje #rem_plugin .stage-percentage,body.ir-proje #rem_plugin .item-percentage{font-family:var(--irp-display)!important;
  font-weight:400!important;color:var(--irp-ink)!important;letter-spacing:-1px}
body.ir-proje #rem_plugin .stage-percentage{font-size:clamp(34px,3.4vw,46px)!important}
body.ir-proje #rem_plugin .stage-name{font:600 10.5px var(--irp-body)!important;letter-spacing:.13em!important;
  text-transform:uppercase;color:var(--irp-muted)!important}
body.ir-proje #rem_plugin .item-percentage{background:var(--irp-cream)!important;border-radius:100px!important;padding:4px 12px!important;font-size:15px!important}
body.ir-proje #rem_plugin .payment-item-row{border-color:var(--irp-line)!important}

body.ir-proje #rem_plugin .payment-plans-container,body.ir-proje #rem_plugin .plan-content{box-shadow:none!important;background:transparent!important;border:0!important;padding-left:0!important;padding-right:0!important}

/* Görseli olmayan ünite: "Unit image · Yakında" yer tutucusu yerine kart doğrudan bilgiyle başlar */
body.ir-proje #rem_plugin .modern-unit-image:has(.modern-unit-placeholder){display:none!important}

/* Geliştirici */
body.ir-proje #rem_plugin .modern-developer-card{padding:34px!important;text-align:left!important}
body.ir-proje #rem_plugin .developer-info p{color:var(--irp-text)!important;line-height:1.65!important;text-align:left!important}

/* ── Kapanış: portalın koyu çağrı kartı ── */
.ir-proje-wa{max-width:none!important;margin:0!important;padding:76px 0!important}
.ir-proje-wa .ic{background:var(--irp-dark)!important;border-radius:34px!important;padding:clamp(34px,5vw,64px)!important;
  display:grid;grid-template-columns:1.3fr auto;gap:28px 48px;align-items:center;text-align:left!important}
.ir-proje-wa h3{color:#fff!important;font-size:clamp(28px,3vw,42px)!important;letter-spacing:-1.2px;margin:0 0 12px!important;line-height:1.1}
.ir-proje-wa p{color:rgba(255,255,255,.78)!important;margin:0!important;max-width:54ch!important}
.ir-proje-wa .btn-arrow{justify-self:end}
@media(max-width:760px){.ir-proje-wa{padding:52px 0!important}.ir-proje-wa .ic{grid-template-columns:1fr}.ir-proje-wa .btn-arrow{justify-self:start}}

@media(prefers-reduced-motion:reduce){body.ir-proje #rem_plugin *{transition:none!important;animation:none!important}}

/* ── "Rakamlarla bu proje" analiz bloğu (17 Eyl 2026) · portal kart dili: beyaz kart, ince çizgi, turkuaz bağlantı ── */
.ir-analiz-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
@media(max-width:1100px){.ir-analiz-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ir-analiz-grid{grid-template-columns:1fr}}
.ir-analiz-kart{background:#fff;border:1px solid var(--irp-line);border-radius:var(--irp-rm);padding:24px 22px 22px;
  display:flex;flex-direction:column;gap:10px;min-width:0}
.ir-analiz-kart small{font:600 10.5px/1.3 var(--irp-body);letter-spacing:.13em;text-transform:uppercase;color:var(--irp-muted)}
.ir-analiz-kart b{font:400 clamp(20px,1.6vw,23px)/1.2 var(--irp-display);letter-spacing:-.4px;color:var(--irp-ink)}
.ir-analiz-kart p{margin:0!important;font-size:14.5px!important;line-height:1.6!important;color:var(--irp-text)!important}
.ir-analiz-kart a{margin-top:auto;padding-top:6px;font:600 14px/1.4 var(--irp-body);color:var(--irp-teal-d)!important;text-decoration:none!important}
.ir-analiz-kart a:hover{color:var(--irp-ink)!important}
.ir-analiz-alt{margin-top:34px}
.ir-analiz-alt h3{font:400 22px/1.2 var(--irp-display)!important;letter-spacing:-.4px;color:var(--irp-ink)!important;margin:0 0 14px!important}
.ir-analiz-alt ul{list-style:none;margin:0!important;padding:0!important;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media(max-width:900px){.ir-analiz-alt ul{grid-template-columns:1fr}}
.ir-analiz-alt a{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:16px 18px;border:1px solid var(--irp-line);
  border-radius:var(--irp-rm);background:#fff;text-decoration:none!important;color:var(--irp-ink)!important;transition:border-color .2s}
.ir-analiz-alt a:hover{border-color:var(--irp-teal)}
.ir-analiz-alt a span{font-weight:600;font-size:15px;min-width:0;overflow-wrap:anywhere}
.ir-analiz-alt a em{font-style:normal;font-size:13px;color:var(--irp-muted);white-space:nowrap}
.ir-analiz-not{margin:22px 0 0!important;font-size:12.5px!important;line-height:1.55!important;color:var(--irp-muted)!important;max-width:90ch}

/* Tek üniteli projede ızgara sütunsuz kalıyor, kart tüm genişliğe yayılıyor ve kat planı 1248×240'a kırpılıyordu
   (17 Eyl, Mehmet bildirdi). Sütun genişliği kart sayısından bağımsız sabitlenir — çok kartlı sayfalardaki ölçü. */
body.ir-proje #rem_plugin .modern-units-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}