/* Erdağ Yapı Dekorasyon — Main CSS | Marka: #E41547 / #3D424A */

/* Header/menü tasarımı critical.css'te (üst bar + açılı kırmızı bar + açılır menü + mobil off-canvas) */

/* ── Hero (slider): TÜM stiller critical.css'te (inline) — CLS önlemek için tek kaynak.
     Buraya hero kuralı EKLEME (async yüklenince yeniden akış = düzen kayması yapar). ── */

/* ── Sayfa hero ──────────────────────────────────────────── */
.page-hero{background:var(--renk-gri);color:#fff;padding:48px 0 40px}
.page-hero h1{font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.5rem);font-weight:700;margin-top:12px;text-transform:uppercase;letter-spacing:.5px}
.page-hero p{opacity:.8;margin-top:8px;font-size:1rem}

/* ── Breadcrumb ──────────────────────────────────────────── */
.breadcrumb{display:flex;align-items:center;gap:6px;font-size:.82rem;color:rgba(255,255,255,.65);flex-wrap:wrap}
.breadcrumb a{color:rgba(255,255,255,.65)}
.breadcrumb a:hover{color:#fff}
.breadcrumb-sep{opacity:.4}

/* ── Sections ────────────────────────────────────────────── */
section{padding:60px 0}
.section-baslik{text-align:center;margin-bottom:40px}
.section-baslik h2{font-family:var(--font-baslik);font-size:clamp(1.5rem,2.5vw,2rem);font-weight:700;color:var(--renk-metin)}
.section-baslik p{color:var(--renk-gri-mid);margin-top:10px;font-size:.97rem}
.section-baslik .aksan{color:var(--renk-ana)}

/* ── Hizmet grid ─────────────────────────────────────────── */
.hizmet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.hizmet-kart{border:1px solid #EBEBEB;border-radius:12px;overflow:hidden;transition:box-shadow .2s,transform .2s;background:#fff}
.hizmet-kart:hover{box-shadow:0 8px 28px rgba(0,0,0,.1);transform:translateY(-3px)}
.hizmet-kart-resim{overflow:hidden}
.hizmet-kart-resim a{display:block}
.hizmet-kart-resim img{width:100%;height:200px;object-fit:cover;transition:transform .3s}
.hizmet-kart:hover .hizmet-kart-resim img{transform:scale(1.05)}
.hizmet-kart-icerik{padding:20px}
.hizmet-kart-icerik h3{font-family:var(--font-baslik);font-size:1.15rem;margin-bottom:8px}
.hizmet-kart-icerik h3 a{color:inherit;transition:color .15s}
.hizmet-kart-icerik h3 a:hover{color:var(--renk-ana)}
.hizmet-kart-icerik p{font-size:.9rem;color:var(--renk-gri-mid);line-height:1.6}
.hizmet-kart-link{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:.87rem;font-weight:600;color:var(--renk-ana)}
.hizmet-kart-link:hover{text-decoration:underline}

/* ── Blog grid ───────────────────────────────────────────── */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}
.blog-kart{border:1px solid #EBEBEB;border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .2s}
.blog-kart:hover{box-shadow:0 6px 20px rgba(0,0,0,.09)}
.blog-kart-resim a{display:block}
.blog-kart-resim img{width:100%;height:200px;object-fit:cover}
.blog-kart-icerik{padding:18px}
.blog-kart-baslik{font-family:var(--font-baslik);font-size:1.05rem;margin-bottom:8px;line-height:1.4}
.blog-kart-baslik a:hover{color:var(--renk-ana)}
.blog-kart-ozet{font-size:.88rem;color:var(--renk-gri-mid);line-height:1.6;margin-bottom:12px}
.blog-kart-meta{font-size:.8rem;color:var(--renk-gri-mid);display:flex;gap:12px}

/* ── Blog tekil ──────────────────────────────────────────── */
.blog-tekil-wrap{max-width:760px;margin:0 auto;padding:48px 20px}
.blog-tekil-wrap h1{font-family:var(--font-baslik);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;line-height:1.3;margin-bottom:16px}
.blog-meta{display:flex;gap:16px;font-size:.85rem;color:var(--renk-gri-mid);margin-bottom:24px;flex-wrap:wrap}
.blog-icerik{line-height:1.85;font-size:1.02rem}
.blog-icerik h2{font-family:var(--font-baslik);font-size:1.4rem;margin:2em 0 .6em;color:var(--renk-gri)}
.blog-icerik h3{font-size:1.15rem;margin:1.5em 0 .4em}
.blog-icerik p{margin-bottom:1.2em}
.blog-icerik img{border-radius:8px;margin:1.5em 0}
.blog-icerik ul,.blog-icerik ol{padding-left:1.6em;margin-bottom:1.2em}
.blog-icerik li{margin-bottom:.4em}
.blog-icerik blockquote{border-left:3px solid var(--renk-ana);padding:12px 20px;background:var(--renk-gri-acik);border-radius:0 6px 6px 0;margin:1.5em 0;font-style:italic}
.blog-etiketler{margin-top:32px;display:flex;flex-wrap:wrap;gap:8px}
.blog-etiket{padding:4px 12px;border-radius:20px;font-size:.8rem;background:var(--renk-gri-acik);color:var(--renk-gri);transition:background .15s}
.blog-etiket:hover{background:var(--renk-ana);color:#fff}

/* ── Hizmet/Ürün tekil ───────────────────────────────────── */
.icerik-wrap{max-width:900px;margin:0 auto}
.sayfa-grid{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.icerik-html{line-height:1.85;font-size:1rem}
.icerik-html h2{font-family:var(--font-baslik);font-size:1.4rem;margin:2em 0 .6em;color:var(--renk-gri)}
.icerik-html h3{font-size:1.1rem;margin:1.5em 0 .4em}
.icerik-html p{margin-bottom:1.1em}
.icerik-html ul{padding-left:1.5em;margin-bottom:1em}
.icerik-html li{margin-bottom:.35em}

/* ── Sidebar (hizmet/ürün sayfaları) ────────────────────── */
.sidebar-widget{background:var(--renk-gri-acik);border-radius:10px;padding:20px;margin-bottom:20px}
.sidebar-widget h3{font-size:1rem;font-weight:600;margin-bottom:14px;color:var(--renk-gri)}
.sidebar-widget ul{list-style:none}
.sidebar-widget ul li{border-bottom:1px solid #E5E7EB;padding:8px 0}
.sidebar-widget ul li:last-child{border:none}
.sidebar-widget ul li a{font-size:.9rem;color:var(--renk-gri);transition:color .15s}
.sidebar-widget ul li a:hover{color:var(--renk-ana)}
.cta-kutusu{background:var(--renk-ana);color:#fff;border-radius:10px;padding:24px;text-align:center}
.cta-kutusu h3{font-family:var(--font-baslik);font-size:1.2rem;margin-bottom:10px}
.cta-kutusu p{font-size:.88rem;opacity:.9;margin-bottom:16px}
.cta-kutusu .btn{background:#fff;color:var(--renk-ana);width:100%;justify-content:center}
.cta-kutusu .btn:hover{background:var(--renk-gri-acik)}

/* ── SSS ─────────────────────────────────────────────────── */
.sss-bolum{padding:48px 0}
.sss-liste details{border-bottom:1px solid #EBEBEB}
.sss-liste summary{padding:16px 0;font-weight:500;cursor:pointer;display:flex;justify-content:space-between;align-items:center;list-style:none}
.sss-liste summary::after{content:'+';font-size:1.3rem;color:var(--renk-ana);flex-shrink:0}
.sss-liste details[open] summary::after{content:'−'}
.sss-cevap{padding:0 0 16px;color:var(--renk-gri-mid);font-size:.95rem;line-height:1.7}

/* ── Bölge sayfası ───────────────────────────────────────── */
.bolge-hero{background:var(--renk-gri);color:#fff;padding:52px 0 44px}
.bolge-hero h1{font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.4rem);font-weight:700;margin-top:12px;text-transform:uppercase;letter-spacing:.5px}
.bolge-kapsam{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.bolge-kapsam-badge{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);color:#fff;padding:4px 12px;border-radius:20px;font-size:.82rem}

/* ── İletişim formu ──────────────────────────────────────── */
.iletisim-grid{display:grid;grid-template-columns:1fr 340px;gap:40px;align-items:start}
.iletisim-section{padding:60px 0}
.iletisim-bilgi h2{font-family:var(--font-baslik);font-size:1.5rem;margin-bottom:20px}
.bilgi-item{display:flex;gap:14px;margin-bottom:16px}
.bilgi-icon{font-size:1.3rem;flex-shrink:0;margin-top:2px}
.bilgi-item strong{display:block;margin-bottom:2px}
.bilgi-item p,.bilgi-item a{font-size:.9rem;color:var(--renk-gri-mid)}
.bilgi-item a:hover{color:var(--renk-ana)}
.calisma-saatleri{margin-top:24px;padding-top:20px;border-top:1px solid #EBEBEB}
.calisma-saatleri h3{font-size:1rem;margin-bottom:8px}
.calisma-saatleri p{font-size:.88rem;color:var(--renk-gri-mid)}

/* ── Form elemanları (frontend) ──────────────────────────── */
.form-group{margin-bottom:18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-group label{display:block;font-size:.88rem;font-weight:500;margin-bottom:6px;color:var(--renk-gri)}
.form-group input,.form-group select,.form-group textarea{
  width:100%;padding:11px 14px;border:1.5px solid #E0E0E0;border-radius:8px;
  font-size:.95rem;font-family:var(--font-govde);color:var(--renk-metin);
  transition:border-color .15s;background:#fff
}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{
  outline:none;border-color:var(--renk-ana);box-shadow:0 0 0 3px rgba(228,21,71,.1)
}
.form-group textarea{resize:vertical}
.required{color:var(--renk-ana)}
.bot-koruma{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bot-koruma label{margin-bottom:0}
.btn-gonder{margin-top:6px}

/* ── Alertler ────────────────────────────────────────────── */
.alert{padding:12px 16px;border-radius:8px;margin-bottom:16px;font-size:.93rem}
.alert-success{background:#dcfce7;color:#15803d;border:1px solid #bbf7d0}
.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fecaca}

/* ── Galeri app ──────────────────────────────────────────── */
.galeri-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}
.galeri-item{position:relative;overflow:hidden;border-radius:8px;aspect-ratio:4/3;cursor:zoom-in}
.galeri-item img{width:100%;height:100%;object-fit:cover;transition:transform .3s}
.galeri-item:hover img{transform:scale(1.05)}
.galeri-overlay{position:absolute;inset:0;display:flex;align-items:flex-end;padding:14px;background:linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,0) 55%);opacity:0;transition:opacity .25s}
.galeri-item:hover .galeri-overlay,.galeri-item:focus-visible .galeri-overlay{opacity:1}
.galeri-overlay span{color:#fff;font-size:.85rem;font-weight:500;line-height:1.35}
/* Online satış mağazası bandı */
.online-magaza{padding:8px 0 0}
.online-magaza-kutu{background:linear-gradient(120deg,var(--renk-ana) 0%,var(--renk-ana-dark) 100%);border-radius:16px;padding:34px 40px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;color:#fff;box-shadow:0 12px 32px rgba(228,21,71,.28);position:relative;overflow:hidden}
.online-magaza-kutu::after{content:"";position:absolute;right:-40px;top:-40px;width:180px;height:180px;background:rgba(255,255,255,.08);border-radius:50%}
.online-magaza-rozet{display:inline-block;background:rgba(255,255,255,.2);padding:5px 14px;border-radius:20px;font-size:.78rem;font-weight:600;margin-bottom:12px;letter-spacing:.3px}
.online-magaza-metin{position:relative;z-index:2}
.online-magaza-metin h2{font-family:var(--font-baslik);font-size:clamp(1.4rem,2.6vw,1.95rem);font-weight:700;margin-bottom:8px;color:#fff}
.online-magaza-metin p{opacity:.94;font-size:1rem;max-width:540px;line-height:1.6;margin:0}
.online-magaza-btn{position:relative;z-index:2;background:#fff!important;color:var(--renk-ana)!important;border-color:#fff!important;font-size:1rem;padding:14px 32px;white-space:nowrap;font-weight:700;transition:transform .18s,box-shadow .18s}
.online-magaza-btn:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.18)}
@media(max-width:640px){.online-magaza-kutu{padding:28px 22px;text-align:center;justify-content:center}.online-magaza-metin p{margin-left:auto;margin-right:auto}}

/* ── Katalog banner: TÜM stiller critical.css'te (inline) — CLS önlemek için tek kaynak.
     Buraya katalog kuralı EKLEME (async yüklenince yeniden akış = düzen kayması yapar). ── */

/* Duvar kağıdı işçilik fiyat tablosu */
.fiyat-tablo{width:100%;border-collapse:collapse;margin:18px 0 26px;font-size:.94rem;box-shadow:var(--shadow-sm);border-radius:12px;overflow:hidden}
.fiyat-tablo thead th{background:var(--renk-ana);color:#fff;text-align:left;padding:13px 16px;font-family:var(--font-baslik);font-weight:600;font-size:.9rem}
.fiyat-tablo tbody td{padding:12px 16px;border-bottom:1px solid #eee}
.fiyat-tablo tbody tr:nth-child(even){background:#faf7f8}
.fiyat-tablo tbody tr:hover{background:#f4e9ec}
.fiyat-tablo td:last-child,.fiyat-tablo th:last-child{font-weight:600;color:var(--renk-koyu,#2d3239)}
.fiyat-not{background:#fff8e6;border-left:4px solid #e6a700;border-radius:8px;padding:14px 16px;font-size:.9rem;line-height:1.6;color:#5a4a1a;margin-top:8px}
@media(max-width:560px){.fiyat-tablo{font-size:.84rem}.fiyat-tablo thead th,.fiyat-tablo tbody td{padding:9px 10px}}

/* Anasayfa işçilik fiyatları şeridi */
.iscilik-serit{background:linear-gradient(120deg,#2d3239,#3a4048);color:#fff;border-radius:16px;padding:30px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}
.iscilik-serit h2{font-family:var(--font-baslik);font-size:1.4rem;margin:0 0 6px;color:#fff}
.iscilik-serit p{margin:0;opacity:.85;font-size:.95rem;max-width:560px}
.iscilik-serit .btn{white-space:nowrap}

/* Bölgeler — blog tarzı kartlar (kırmızı konum iğnesi + başlık + açıklama) */
.bolge-kart-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:8px}
.bolge-kart{display:flex;gap:14px;align-items:flex-start;background:#fff;border:1px solid #eee;border-radius:14px;padding:18px 18px;box-shadow:var(--shadow-sm);transition:transform .18s,box-shadow .18s,border-color .18s}
.bolge-kart:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(0,0,0,.09);border-color:#f2d0d8}
.bolge-pin{flex:0 0 auto;width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:rgba(228,21,71,.10)}
.bolge-pin svg{fill:var(--renk-ana)}
.bolge-kart-govde{display:flex;flex-direction:column;gap:5px;min-width:0}
.bolge-kart-govde strong{font-family:var(--font-baslik);font-size:1.02rem;color:var(--renk-koyu,#2d3239);line-height:1.25}
.bolge-kart-govde small{font-size:.84rem;color:var(--renk-gri);line-height:1.55}
.bolge-kart-link{font-size:.82rem;font-weight:700;color:var(--renk-ana);margin-top:3px}
@media(max-width:900px){.bolge-kart-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.bolge-kart-grid{grid-template-columns:1fr}}

/* Uygulamalar / Projeler — hover'da büyüyen kartlar (responsive 3/2/1) */
.uyg-bolum{padding:44px 0 56px}
.uyg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.uyg-kart{position:relative;margin:0;border-radius:14px;overflow:hidden;background:#f2f3f5;box-shadow:var(--shadow-sm);cursor:pointer}
.uyg-kart img{display:block;width:100%;height:280px;object-fit:cover;transition:transform .5s ease}
.uyg-kart:hover img,.uyg-kart:focus img{transform:scale(1.08)}
.uyg-bilgi{position:absolute;left:0;right:0;bottom:0;padding:40px 18px 16px 18px;color:#fff;
  background:linear-gradient(to top,rgba(20,20,25,.92) 0%,rgba(20,20,25,.65) 55%,transparent 100%);
  transform:translateY(calc(100% - 62px));transition:transform .35s ease}
.uyg-kart:hover .uyg-bilgi,.uyg-kart:focus .uyg-bilgi{transform:translateY(0)}
.uyg-bilgi h3{font-family:var(--font-baslik);font-size:1.08rem;margin:0 0 4px;line-height:1.25}
.uyg-kat{display:inline-block;font-size:.76rem;font-weight:600;color:var(--renk-ana);background:#fff;padding:2px 9px;border-radius:20px;margin-bottom:8px}
.uyg-bilgi p{font-size:.86rem;line-height:1.5;margin:0;opacity:.95}
@media(max-width:900px){.uyg-grid{grid-template-columns:repeat(2,1fr);gap:16px}.uyg-kart img{height:230px}}
@media(max-width:560px){.uyg-grid{grid-template-columns:1fr}.uyg-bilgi{transform:translateY(0);position:static;background:#2d3239}.uyg-kart img{height:220px}}

/* Anasayfa orta bölüm — mağaza tanıtımı (görsel + metin + 2 sütun liste) */
.orta-bolum{padding:56px 0}
.orta-grid{display:grid;grid-template-columns:0.85fr 1fr;gap:44px;align-items:center}
.orta-gorsel{display:flex;align-items:center;justify-content:center}
.orta-gorsel img{width:100%;height:auto;max-height:640px;object-fit:contain;border-radius:14px;box-shadow:0 12px 34px rgba(0,0,0,.12)}
.orta-icerik h2{font-family:var(--font-baslik);font-size:1.9rem;color:var(--renk-ana);margin:0 0 10px}
.orta-icerik .orta-alt{font-weight:700;color:var(--renk-koyu,#2d3239);font-size:1.20rem;margin:0 0 12px}
.orta-icerik p{color:var(--renk-gri-mid,#555);line-height:1.75;margin:0 0 12px}
.orta-liste{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:8px 20px}
.orta-liste li{position:relative;padding-left:26px;font-weight:600;color:var(--renk-koyu,#2d3239);font-size:.95rem}
.orta-liste li::before{content:'';position:absolute;left:0;top:2px;width:17px;height:17px;background:var(--renk-ana);
  border-radius:4px;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:860px){.orta-grid{grid-template-columns:1fr;gap:24px}.orta-icerik h2{font-size:1.5rem}}
@media(max-width:480px){.orta-liste{grid-template-columns:1fr}}

/* Uygulamalar galerisi — eski site tarzı 2 sütun, hover 5sn yavaş büyüme */
.uyg-galeri{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.uyg-g-kart{position:relative;margin:0;border-radius:14px;overflow:hidden;cursor:pointer;background:#e9e9ec;box-shadow:var(--shadow-sm);content-visibility:auto;contain-intrinsic-size:auto 500px 400px}
.uyg-g-kart img{display:block;width:100%;height:400px;object-fit:cover;transition:transform 5s ease}
.uyg-g-kart:hover img,.uyg-g-kart:focus img{transform:scale(1.45)}
.uyg-g-kart figcaption{position:absolute;left:0;right:0;bottom:0;padding:30px 18px 15px;color:#fff;background:linear-gradient(transparent,rgba(0,0,0,.82));display:flex;flex-direction:column;gap:4px;pointer-events:none}
.uyg-g-kart figcaption strong{font-family:var(--font-baslik);font-size:1.08rem;line-height:1.25}
.uyg-g-kart figcaption span{font-size:.76rem;color:var(--renk-ana);background:#fff;align-self:flex-start;padding:2px 9px;border-radius:12px;font-weight:700}
@media(max-width:700px){.uyg-galeri{grid-template-columns:1fr}.uyg-g-kart img{height:300px}}

/* Lightbox (uygulama/proje/referans görsel önizleme) */
.lb-overlay{position:fixed;inset:0;background:rgba(10,10,14,.94);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px;overflow:auto}
.lb-overlay.acik{display:flex}
.lb-icerik{margin:auto;text-align:center}
.lb-icerik img{max-width:95vw;max-height:90vh;border-radius:8px;transition:transform .15s ease;transform-origin:center;background:#fff;cursor:zoom-in}
.lb-icerik img.lb-buyuk{max-width:none;max-height:none;cursor:zoom-out}
.lb-icerik figcaption{color:#fff;margin-top:12px;font-size:.95rem;max-width:680px;margin-left:auto;margin-right:auto}
.lb-btn{position:fixed;background:rgba(255,255,255,.16);color:#fff;border:none;width:44px;height:44px;border-radius:50%;font-size:1.4rem;cursor:pointer;line-height:1;display:flex;align-items:center;justify-content:center}
.lb-btn:hover{background:var(--renk-ana)}
.lb-kapat{top:18px;right:18px}
.lb-zoomin{top:18px;right:72px}
.lb-zoomout{top:18px;right:126px}

/* Referanslar — görsel öncelikli kartlar (yuvarlak değil, sığdırarak 3/2) */
.ref-bolum{padding:44px 0 56px}
.ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ref-kart{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.ref-kart:hover{transform:translateY(-3px);box-shadow:0 10px 28px rgba(0,0,0,.08)}
.ref-foto{width:100%;height:210px;object-fit:cover;display:block;cursor:pointer;background:#f0f0f2}
.ref-harf{width:100%;height:210px;display:flex;align-items:center;justify-content:center;
  background:var(--renk-ana);color:#fff;font-family:var(--font-baslik);font-size:3rem;font-weight:700}
.ref-govde{padding:16px 18px 18px}
.ref-govde h3{font-family:var(--font-baslik);font-size:1.05rem;margin:0 0 2px}
.ref-unvan{font-size:.82rem;color:var(--renk-gri);display:block;margin-bottom:8px}
.ref-yorum{font-size:.92rem;line-height:1.6;color:#444;margin:0 0 10px;font-style:italic}
.ref-web{font-size:.84rem;font-weight:600;color:var(--renk-ana)}
@media(max-width:900px){.ref-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ref-grid{grid-template-columns:repeat(2,1fr);gap:12px}.ref-foto,.ref-harf{height:150px}.ref-govde{padding:12px 12px 14px}}

/* Kurumsal sayfalar (yan menü + içerik) */
.kurumsal-bolum{padding:44px 0 56px}
.kurumsal-grid{display:grid;grid-template-columns:260px 1fr;gap:36px;align-items:start}
.kurumsal-yan{position:sticky;top:100px;background:#fff;border:1px solid #eee;border-radius:12px;padding:18px 16px;box-shadow:var(--shadow-sm)}
.kurumsal-yan h2{font-family:var(--font-baslik);font-size:1.1rem;margin-bottom:12px;color:var(--renk-koyu,#2d3239)}
.kurumsal-yan ul{list-style:none}
.kurumsal-yan li a{display:block;padding:10px 12px;border-radius:8px;color:var(--renk-gri);font-weight:600;font-size:.9rem;transition:background .15s,color .15s}
.kurumsal-yan li a:hover{background:var(--renk-gri-acik);color:var(--renk-ana)}
.kurumsal-yan li a.aktif{background:var(--renk-ana);color:#fff}
.kurumsal-icerik{max-width:820px}
@media(max-width:860px){.kurumsal-grid{grid-template-columns:1fr}.kurumsal-yan{position:static}}

/* Yorum gönderildi bildirimi (yumuşak yeşil) */
.yorum-bildirim{display:flex;align-items:center;gap:10px;background:#e9f9ef;border:1px solid #b7e4c7;color:#1c7c43;padding:14px 18px;border-radius:12px;font-weight:600;font-size:.95rem;margin-bottom:20px;box-shadow:0 4px 14px rgba(28,124,67,.12);animation:bildirim-gir .35s ease}
.yorum-bildirim svg{color:#22a559;flex:0 0 auto}
@keyframes bildirim-gir{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* Blog görüntüleme rozeti */
.blog-goruntuleme{display:inline-flex;align-items:center;gap:5px}
.blog-goruntuleme svg{opacity:.7}

/* ── Neden Biz (kaliteli kartlar) ── */
.neden-bolum{padding:60px 0}
.neden-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.neden-kart{position:relative;background:#fff;border:1px solid #eee;border-radius:14px;padding:32px 22px 26px;text-align:center;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s;overflow:hidden}
.neden-kart::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--renk-ana),#ff6a8e)}
.neden-kart:hover{box-shadow:0 16px 40px rgba(0,0,0,.10);transform:translateY(-4px)}
.neden-ikon{width:64px;height:64px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:rgba(228,21,71,.08);color:var(--renk-ana)}
.neden-ikon svg{width:32px;height:32px}
.neden-sayi{font-family:var(--font-display,var(--font-baslik));font-size:1.9rem;font-weight:700;color:var(--renk-ana);line-height:1;margin-bottom:6px}
.neden-kart h3{font-size:1.02rem;font-weight:700;margin-bottom:7px;color:var(--renk-koyu,#2d3239)}
.neden-kart p{font-size:.85rem;color:var(--renk-gri-mid);line-height:1.55}
@media(max-width:900px){.neden-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){.neden-grid{grid-template-columns:1fr}}

/* ── Referans / Galeri görselleri: hover'da büyür (eski site gibi) ── */
.galeri-item,.referans-foto{overflow:hidden;border-radius:10px}
.galeri-item img,.referans-foto img{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.galeri-item:hover img,.referans-foto:hover img{transform:scale(1.12)}

/* ── Tamamlanan Projeler ── */
.projeler-bolum{padding:56px 0}
.projeler-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.proje-kart{position:relative;display:block;border-radius:10px;overflow:hidden;aspect-ratio:4/3;background:#e9e9ec;content-visibility:auto;contain-intrinsic-size:auto 300px 225px}
.proje-kart img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.proje-kart:hover img{transform:scale(1.07)}
.proje-kaplama{position:absolute;left:0;right:0;bottom:0;padding:16px 14px 11px;background:linear-gradient(transparent,rgba(0,0,0,.75));color:#fff;display:flex;flex-direction:column;gap:4px}
.proje-kaplama small{font-size:.66rem;text-transform:uppercase;letter-spacing:.5px;color:var(--renk-ana);font-weight:700;background:#fff;align-self:flex-start;padding:2px 7px;border-radius:3px}
.proje-kaplama strong{font-size:.85rem;font-weight:600;line-height:1.3}
@media(max-width:900px){.projeler-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:768px){
  /* Mobilde yan yana kaydırmalı sıra (alt alta değil) — sonraki kart hafif görünür */
  .projeler-grid{display:flex;grid-template-columns:none;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:2px 4px 12px;scrollbar-width:none;scroll-padding-left:4px}
  .projeler-grid::-webkit-scrollbar{display:none}
  .proje-kart{flex:0 0 72%;scroll-snap-align:start}
}

/* ── İçerik etiket bulutu (hizmet/ürün/bölge/blog sayfaları) ── */
.icerik-etiketler{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:28px 0 8px;padding-top:18px;border-top:1px solid #eee}
.icerik-etiketler .ie-baslik{font-weight:700;font-size:.85rem;color:var(--renk-gri);margin-right:2px}
.icerik-etiketler a{display:inline-block;padding:5px 12px;background:var(--renk-gri-acik);border:1px solid #e6e6e6;border-radius:20px;font-size:.78rem;font-weight:500;color:var(--renk-gri-mid);transition:all .15s}
.icerik-etiketler a:hover{background:var(--renk-ana);color:#fff;border-color:var(--renk-ana)}
.etiket-tur-rozet{display:inline-block;font-size:.66rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--renk-ana);background:var(--renk-ana-light,rgba(228,21,71,.08));padding:2px 9px;border-radius:20px}

/* ── Hizmet Verdiğimiz Bölgeler ── */
.bolgeler-bolum{padding:52px 0}
.bolge-etiketleri{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:960px;margin:0 auto}
.bolge-etiketleri a{display:inline-flex;align-items:center;padding:8px 16px;background:#fff;border:1px solid #d8d8d8;border-radius:30px;font-size:.85rem;font-weight:600;color:#2d3239;transition:background .15s,color .15s,border-color .15s,transform .15s}
.bolge-sekmeler{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:30px}
.bolge-sekmeler a{padding:10px 20px;border-radius:30px;background:#fff;border:1px solid #e6e6e6;font-weight:600;font-size:.9rem;color:var(--renk-gri);transition:background .15s,color .15s,border-color .15s}
.bolge-sekmeler a:hover{border-color:var(--renk-ana);color:var(--renk-ana)}
.bolge-sekmeler a.aktif{background:var(--renk-ana);color:#fff;border-color:var(--renk-ana)}
.bolge-etiketleri a span{font-weight:600;color:var(--renk-ana);margin-left:6px;font-size:.86em}
.bolge-etiketleri a:hover{background:var(--renk-ana);color:#fff;border-color:var(--renk-ana);transform:translateY(-2px)}
.bolge-etiketleri a:hover span{color:#fff}

/* Footer harita (tıkla-yüklen) */
.footer-harita{margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.1)}
.footer-harita h3{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:12px}
.harita-kutu{position:relative;border-radius:12px;overflow:hidden}
.harita-kutu iframe{width:100%;height:300px;border:0;display:block}
.harita-ac{width:100%;min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;padding:26px 20px;cursor:pointer;color:#fff;background:linear-gradient(135deg,rgba(228,21,71,.16),rgba(255,255,255,.04));border:1px dashed rgba(255,255,255,.3);border-radius:12px;transition:background .2s,border-color .2s}
.harita-ac:hover{background:linear-gradient(135deg,rgba(228,21,71,.26),rgba(255,255,255,.06));border-color:var(--renk-ana)}
.harita-pin{color:var(--renk-ana);display:flex}
.harita-ac-metin{font-weight:700;font-size:1rem}
.harita-ac small{color:rgba(255,255,255,.6);font-size:.8rem;max-width:380px;line-height:1.4}

/* SEO partner / dost site linkleri (footer) */
.seo-partnerler{margin-top:28px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1)}
.seo-partnerler-baslik{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:4px;opacity:.92}
.seo-partnerler-aciklama{color:rgba(255,255,255,.5);font-size:.8rem;margin-bottom:12px}
.seo-partnerler-linkler{display:flex;flex-wrap:wrap;gap:8px 18px}
.seo-partnerler-linkler a{color:rgba(255,255,255,.55);font-size:.83rem;transition:color .15s}
.seo-partnerler-linkler a:hover{color:var(--renk-ana)}
.galeri-filtre{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.galeri-filtre button{padding:7px 16px;border-radius:20px;border:1.5px solid #E0E0E0;background:#fff;font-size:.85rem;cursor:pointer;transition:all .15s}
.galeri-filtre button.aktif,.galeri-filtre button:hover{background:var(--renk-ana);color:#fff;border-color:var(--renk-ana)}
/* Lightbox */
.lightbox{display:none;position:fixed;inset:0;z-index:9999;background:rgba(0,0,0,.9);align-items:center;justify-content:center}
.lightbox.acik{display:flex}
.lightbox img{max-width:90vw;max-height:90vh;border-radius:4px}
.lightbox-kapat{position:absolute;top:20px;right:24px;color:#fff;font-size:2rem;cursor:pointer;line-height:1}
.lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%);color:#fff;font-size:2.5rem;cursor:pointer;padding:10px 18px;user-select:none}
.lightbox-prev{left:10px}
.lightbox-next{right:10px}

/* ── Arama ───────────────────────────────────────────────── */
.arama-form-wrap{max-width:600px;margin:24px auto}
.arama-input-group{display:flex;gap:0;border:2px solid var(--renk-ana);border-radius:8px;overflow:hidden}
.arama-input-group input{flex:1;border:none;padding:12px 16px;font-size:1rem;outline:none}
.arama-input-group button{background:var(--renk-ana);color:#fff;border:none;padding:0 20px;cursor:pointer;font-size:.95rem;font-weight:600;transition:background .15s}
.arama-input-group button:hover{background:var(--renk-ana-dark)}
.arama-sonuclar{margin-top:32px}
.arama-sonuc-item{padding:20px 0;border-bottom:1px solid #EBEBEB}
.arama-sonuc-item:last-child{border:none}
.arama-sonuc-item h3 a{font-family:var(--font-baslik);font-size:1.1rem;color:var(--renk-metin)}
.arama-sonuc-item h3 a:hover{color:var(--renk-ana)}
.arama-sonuc-item p{font-size:.9rem;color:var(--renk-gri-mid);margin-top:4px}
.arama-sonuc-tur{font-size:.75rem;background:var(--renk-gri-acik);color:var(--renk-gri-mid);padding:2px 8px;border-radius:4px;margin-top:6px;display:inline-block}

/* ── Sayfalama ───────────────────────────────────────────── */
.pagination{display:flex;gap:6px;justify-content:center;margin-top:36px;flex-wrap:wrap}
.page-link{padding:8px 14px;border:1.5px solid #E0E0E0;border-radius:6px;font-size:.88rem;color:var(--renk-gri);transition:all .15s}
.page-link:hover,.page-link.aktif{background:var(--renk-ana);color:#fff;border-color:var(--renk-ana)}

/* ── Yorum bileşeni ──────────────────────────────────────── */
.yorumlar-bolum{padding:48px 0;border-top:1px solid #EBEBEB}
.yorumlar-bolum h2{font-family:var(--font-baslik);font-size:1.6rem;margin-bottom:20px}
.puan-ozet{display:flex;align-items:center;gap:12px;margin-bottom:24px;padding:16px;background:var(--renk-gri-acik);border-radius:10px;width:fit-content}
.puan-rakam{font-size:2.5rem;font-weight:700;color:var(--renk-gri);line-height:1}
.yildizlar,.yorum-yildiz{display:flex;gap:2px}
.yildiz{font-size:1.1rem;color:#D1D5DB}
.yildiz.dolu{color:var(--renk-ana)}
.puan-sayi{font-size:.85rem;color:var(--renk-gri-mid)}
.yorumlar-liste{display:grid;gap:16px;margin-bottom:32px}
.yorum-kart{border:1px solid #EBEBEB;border-radius:10px;padding:16px 18px}
.yorum-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}
.yorum-yazar{font-weight:600;font-size:.95rem}
.yorum-tarih{font-size:.8rem;color:var(--renk-gri-mid);margin-left:auto}
.yorum-metin{font-size:.93rem;color:var(--renk-metin-acik);line-height:1.6}
.bos-yorum{color:var(--renk-gri-mid);font-size:.95rem}
.yorum-formu-wrap{border-top:1px solid #EBEBEB;padding-top:28px}
.yorum-formu-wrap h3{font-size:1.15rem;font-weight:600;margin-bottom:18px}
/* CSS yıldız seçici */
.yildiz-secici{display:flex;flex-direction:row-reverse;gap:4px}
.yildiz-secici input{display:none}
.yildiz-secici label{font-size:1.8rem;cursor:pointer;color:#D1D5DB;transition:color .1s}
.yildiz-secici input:checked ~ label,
.yildiz-secici label:hover,
.yildiz-secici label:hover ~ label{color:var(--renk-ana)}

/* ── PDF CTA ─────────────────────────────────────────────── */
.pdf-cta{background:var(--renk-gri-acik);border:1px solid #E0E0E0;border-radius:10px;padding:16px 20px;display:flex;align-items:center;gap:14px;margin:24px 0}
.pdf-cta-icon{font-size:2rem;flex-shrink:0}
.pdf-cta h4{font-size:.97rem;font-weight:600;margin-bottom:4px}
.pdf-cta p{font-size:.85rem;color:var(--renk-gri-mid)}
.pdf-cta .btn{margin-left:auto;flex-shrink:0;white-space:nowrap}

/* ── WhatsApp floating btn ───────────────────────────────── */
/* Yüzen iletişim butonları (WhatsApp nabız + Telefon titreşim) */
.yuzen-butonlar{position:fixed;bottom:24px;right:24px;z-index:500;display:flex;flex-direction:column;align-items:center;gap:14px}
.yuzen-btn{position:relative;width:56px;height:56px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px rgba(0,0,0,.28);transition:transform .2s}
.yuzen-btn svg{width:28px;height:28px;position:relative;z-index:2}
.yuzen-btn:hover{transform:scale(1.08)}
.yuzen-wp{background:#25D366}
.yuzen-tel{background:var(--renk-ana)}
/* Animasyonlar 5sn gecikmeli başlar: sayfa yüklenirken ekran stabil kalır (Speed Index düşük ölçülür) */
.yuzen-tel svg{animation:tel-salla 1.6s ease-in-out 5s infinite}
.yuzen-nabiz{position:absolute;inset:0;border-radius:50%;z-index:1}
.yuzen-wp .yuzen-nabiz{animation:nabiz-yesil 2s ease-out 5s infinite}
.yuzen-tel .yuzen-nabiz{animation:nabiz-kirmizi 2s ease-out 5s infinite}
@keyframes nabiz-yesil{0%{box-shadow:0 0 0 0 rgba(37,211,102,.6)}70%{box-shadow:0 0 0 16px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
@keyframes nabiz-kirmizi{0%{box-shadow:0 0 0 0 rgba(228,21,71,.6)}70%{box-shadow:0 0 0 16px rgba(228,21,71,0)}100%{box-shadow:0 0 0 0 rgba(228,21,71,0)}}
@keyframes tel-salla{0%,60%,100%{transform:rotate(0)}10%,30%,50%{transform:rotate(-14deg)}20%,40%{transform:rotate(14deg)}}
@media(prefers-reduced-motion:reduce){.yuzen-nabiz,.yuzen-tel svg{animation:none}}
@media(max-width:600px){.yuzen-butonlar{bottom:18px;right:16px;gap:12px}.yuzen-btn{width:52px;height:52px}}

/* ── Cookie consent ──────────────────────────────────────── */
.cookie-bar{position:fixed;bottom:0;left:0;right:0;z-index:1000;background:var(--renk-gri);color:#fff;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 -4px 20px rgba(0,0,0,.2);flex-wrap:wrap}
.cookie-bar p{font-size:.85rem;opacity:1;flex:1}
.cookie-bar a{color:#ffb0c1;text-decoration:underline;font-weight:600}
.cookie-bar-butonlar{display:flex;gap:8px}
.cookie-kabul{background:var(--renk-ana);color:#fff;border:none;padding:9px 20px;border-radius:6px;font-size:.87rem;font-weight:600;cursor:pointer}
.cookie-reddet{background:transparent;color:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.2);padding:9px 16px;border-radius:6px;font-size:.87rem;cursor:pointer}

/* ── Footer ──────────────────────────────────────────────── */
.site-footer{background:var(--renk-koyu,#2d3239);color:rgba(255,255,255,.9);padding:56px 0 0}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-marka .logo-text{color:#fff;font-size:1.5rem;margin-bottom:12px}
.footer-marka p{font-size:.88rem;color:rgba(255,255,255,.8);line-height:1.7}
.footer-erdeco-logo{max-width:180px;height:auto;margin:6px 0 4px;display:block}
.footer-erdeco-alt{font-size:.76rem;color:rgba(255,255,255,.65);font-style:italic;margin:0 0 10px}
.footer-col h3{font-size:.92rem;font-weight:700;color:#fff;margin-bottom:14px;letter-spacing:.3px}
.footer-col ul{list-style:none}
.footer-col ul li{margin-bottom:8px}
.footer-col ul li a{font-size:.86rem;color:rgba(255,255,255,.82);transition:color .15s}
.footer-col ul li a:hover{color:var(--renk-ana)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:rgba(255,255,255,.7);flex-wrap:wrap;gap:6px}
.footer-bottom a{color:rgba(255,255,255,.85)}

/* ── 404 / Hata sayfaları ────────────────────────────────── */
.hata-sayfa{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 20px}
.hata-sayfa h1{font-family:var(--font-baslik);font-size:5rem;color:var(--renk-ana);font-weight:700;line-height:1}
.hata-sayfa h2{font-size:1.5rem;margin:8px 0 12px}
.hata-sayfa p{color:var(--renk-gri-mid);margin-bottom:24px}

/* ── Bos sonuç / yok sayfası ────────────────────────────── */
.bos-sonuc{text-align:center;padding:48px 20px;color:var(--renk-gri-mid);font-size:1rem}
.etiket-rozet{display:inline-block;background:var(--renk-ana);color:#fff;padding:4px 14px;border-radius:20px;font-size:.95rem;margin-right:8px}

/* ── Referanslar ─────────────────────────────────────────── */
.referans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}
.referans-item{border:1px solid #EBEBEB;border-radius:8px;padding:16px;text-align:center;transition:box-shadow .15s}
.referans-item:hover{box-shadow:var(--shadow-md)}
.referans-item img{height:60px;object-fit:contain;margin:0 auto}

/* ── Responsive ──────────────────────────────────────────── */
/* Tablet */
@media(max-width:900px){
  .sayfa-grid{grid-template-columns:1fr}
  .iletisim-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .nav-main{display:none}
  .mobil-menu-btn{display:block}
  .header-cta{display:none}
  /* hero mobil kuralları critical.css'te */
}
/* Telefon */
@media(max-width:600px){
  .footer-grid{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .hizmet-grid{grid-template-columns:1fr}
  .form-row{grid-template-columns:1fr}
  /* hero mobil kuralları critical.css'te */
}
/* Küçük telefon */
@media(max-width:480px){
  /* hero mobil kuralları critical.css'te */
  .container{padding-left:16px;padding-right:16px}
}
/* Mobil nav açık */
.nav-main.acik{display:flex;flex-direction:column;position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid #EBEBEB;padding:12px 20px;gap:4px;box-shadow:var(--shadow-md)}
/* Mobilde açılır menüler düz link olur (mega gizli) */
@media(max-width:900px){
  .nav-drop{display:block;width:100%}
  .nav-drop > a{width:100%}
  .nav-drop > a .caret{display:none}
  .nav-mega{display:none!important}
}