@charset "utf-8";
/*
 * Faser İnşaat marka katmanı
 * style.css'ten sonra yüklenir; logonun oranı (≈3.5:1) eski yazı logosundan (≈6.8:1) farklı olduğu için
 * logo alanlarının ölçülerini burada düzenliyoruz.
 */
:root{
  --color-brand: #82192f;
  --color-brand-dark: #6b1426;
  --color-brand-gray: #8a848a;
  --header-logo-height: 3.8rem;
  /* Menü mix-blend-mode: difference ile çizildiği için açık zeminde (#f6f6f6) bordo görünecek ters renk */
  --header-nav-blend-color: #74ddc7;
}

/* Header logosu: eski logonun dikey merkezini koru */
.l-header__logo{margin-top:-.85rem}

/* Yükleme ekranı logosu */
.p-loading__logo,
body#home:not(.is-reload-loading) .p-loading__logo,
.is-reload-loading .p-loading__logo{width:13.2rem;height:3.8rem}
body#home:not(.is-reload-loading) .p-loading__logo .p-loading__logo-cube,
.is-reload-loading .p-loading__logo .p-loading__logo-cube{width:13.2rem}
.p-loading__logo img{width:13.2rem;height:3.8rem}

/* Menü (drawer) ve footer logoları */
.l-header__drawer__logo--img{width:15rem;height:auto}
.l-footer__logo img{display:block;width:100%;height:auto}

@media (max-width: 1023px){
  .l-header__logo{width:auto;margin-top:-.6rem}
  .l-header__logo--img{width:auto;height:3.4rem}
  .l-footer__logo{width:20rem;margin-inline:0}
}

/* ------------------------------------------------------------------
 * Footer (sade yapı): iletişim çağrısı + 4 sütunlu bilgi alanı + alt satır
 * ------------------------------------------------------------------ */
.f-footer{background-color:var(--color-brand);color:#fff;position:relative;z-index:1}
.f-footer a{color:inherit;transition:opacity .25s ease}
.f-footer__container{width:100%;max-width:128rem;margin-inline:auto;padding-inline:4rem;box-sizing:border-box}

.f-footer__cta{border-bottom:1px solid rgba(255,255,255,.18)}
.f-footer__cta-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:4rem;padding-block:9rem 7rem}
.f-footer__cta-body{max-width:64rem}
.f-footer__eyebrow{font-size:1.1rem;letter-spacing:.2em;opacity:.6;margin-bottom:1.6rem}
.f-footer__cta-title{font-family:var(--font-ttl);font-size:3.6rem;line-height:1.3;margin-bottom:1.6rem}
.f-footer__cta-text{font-size:1.4rem;line-height:1.8;opacity:.75}
.f-footer__cta-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:1.6rem;padding:1.8rem 3.2rem;border:1px solid rgba(255,255,255,.6);border-radius:999px;font-size:1.4rem;font-weight:700;transition:background-color .3s ease,color .3s ease,border-color .3s ease}
.f-footer__cta-btn-arw{display:flex}
.f-footer__cta-btn-arw svg{width:10px;height:8px;fill:currentColor}

.f-footer__main{padding-top:0;padding-bottom:0;background:none}
.f-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:4rem;padding-block:7rem 6rem}
.f-footer__logo{display:block;width:17rem;margin-bottom:2.4rem}
.f-footer__logo img{display:block;width:100%;height:auto}
.f-footer__about{font-size:1.3rem;line-height:1.8;opacity:.7;max-width:30rem}
.f-footer__col-title{font-size:1.1rem;letter-spacing:.12em;text-transform:uppercase;opacity:.55;margin-bottom:2rem;font-weight:500}
.f-footer__list{display:flex;flex-direction:column;gap:1.3rem;font-size:1.4rem;line-height:1.5}
.f-footer__list--contact{font-size:1.3rem;opacity:.85}

.f-footer__bottom{width:calc(100% - 8rem);max-width:120rem;padding-inline:0;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding-block:2.6rem;border-top:1px solid rgba(255,255,255,.18);font-size:1.1rem}
.f-footer__copyright{opacity:.6}
.f-footer__privacy{opacity:.6}

@media (hover:hover) and (pointer:fine){
  .f-footer__list a:hover,.f-footer__privacy:hover{opacity:.6}
  .f-footer__privacy:hover{opacity:1}
  .f-footer__cta-btn:hover{background-color:#fff;color:var(--color-brand);border-color:#fff}
}
.f-footer a:focus-visible{outline:2px solid #fff;outline-offset:4px}

@media (max-width: 1023px){
  .f-footer__main:before{content:none}
  .f-footer__container{padding-inline:2rem}
  .f-footer__cta-inner{flex-direction:column;align-items:stretch;gap:3.2rem;padding-block:6rem 5rem}
  .f-footer__cta-title{font-size:2.4rem}
  .f-footer__cta-text{font-size:1.3rem}
  .f-footer .f-footer__cta-btn{justify-content:center;background-color:#fff;color:var(--color-brand);border-color:#fff}
  .f-footer__grid{grid-template-columns:1fr 1fr;gap:4rem 2rem;padding-block:5rem 4rem}
  .f-footer__brand{grid-column:1 / -1}
  .f-footer__logo{width:15rem;margin-bottom:1.6rem}
  .f-footer__col:last-child{grid-column:1 / -1}
  .f-footer__col-title{margin-bottom:1.4rem}
  .f-footer__list{gap:1.1rem;font-size:1.3rem}
  .f-footer__bottom{width:calc(100% - 4rem);flex-direction:column-reverse;align-items:flex-start;gap:1rem;padding-block:2rem 3rem}
}

/* Hata sayfası (/hata, /hata/{kod}): .p-service gibi sayfa başlığının üzerine kayan açık zemin */
.p-error{position:relative;z-index:1;background-color:#f6f6f6;padding-block:2rem 12rem}
@media (min-width: 1024px){.p-error{padding-inline:var(--grid-outer)}}
@media (max-width: 1023px){.p-error{padding-inline:var(--grid-outer-sp);padding-block-end:8rem}}
.p-error .c-contact-block{max-width:80rem}