/* ==========================================================================
   Can İnşaat v3 — Responsive (mobile-first) · 576 / 768 / 992 / 1200 / 1400
   ========================================================================== */

@media (max-width: 991.98px) {
  .hero__thumbs { display: none; }
  .hero__content { padding-bottom: 120px; }
}

@media (max-width: 575.98px) {
  :root { --header-h: 70px; }
  .site-header::after { width: 110px; margin-left: -55px; }
  .site-header.is-scrolled .navbar { height: 62px; }
  .brand img { width: 148px; }
  .nav-tools .round { width: 46px; height: 46px; }
  .hero { min-height: 640px; }
  .hero__content { padding: calc(var(--header-h) + 24px) var(--gutter) 96px; }
  .hero__inner { gap: 0.8rem; }
  .hero__desc { font-size: 1rem; line-height: 1.6; }
  .hero__ctas { width: 100%; margin-top: 0.25rem; gap: 0.6rem; }
  .hero__ctas .btn { flex: 1 1 100%; justify-content: space-between; min-height: 52px; font-size: 0.95rem; }
  .hero__ctas .btn__dot { width: 40px; height: 40px; }
  .hero__ui { bottom: 1rem; }
  .hero__nav { gap: 0.45rem; }
  .hero__nav .round { width: 46px; height: 46px; }
  .hero__count { margin-right: auto; font-size: 0.85rem; }
  .hero__count b { font-size: 1.3rem; }
  .about__media { min-height: 380px; }
  .badge-spin { width: 118px; height: 118px; left: 0; }
  .badge-spin__core { width: 60px; height: 60px; }
  .badge-spin__core b { font-size: 1.35rem; }
  .scard { height: 460px; border-radius: 24px; }
  .scard__go { padding-left: 1rem; }
  .play { width: 84px; height: 84px; }
  .play .icon { width: 24px; height: 24px; }
  /* Sabit iletişim düğmeleri: daha küçük, kenara daha yakın */
  .quick-call { left: 12px; bottom: 12px; width: 50px; height: 50px; }
  .quick-call .icon { width: 20px; height: 20px; }
  .progress { right: 12px; bottom: 12px; width: 50px; height: 50px; }
  .progress__val { font-size: 0.7rem; }
  /* Galeri: iki kolon, sade kartlar */
  .masonry { columns: 2; column-gap: 0.7rem; }
  .masonry__item { margin-bottom: 0.7rem; }
  .gitem { border-radius: 14px; }
  .gitem__cap { display: none; }
  .masonry .gitem__zoom { width: 34px; height: 34px; top: 0.5rem; right: 0.5rem; }
  .masonry .gitem__zoom .icon { width: 16px; height: 16px; }
  .footer-cols { grid-template-columns: 1fr 1fr; gap: 2.2rem 1.25rem; }
  .footer-cols > :last-child { grid-column: 1 / -1; }
  .fcol h2 { margin-bottom: 1rem; }
  .footer-top img { width: 190px; }
  .orbit__label { display: none; }
  .orbit__node { width: 52px; height: 52px; margin: -26px 0 0 -26px; }
  .pnav__body b { font-size: 1.4rem; }
  .form-actions .btn { width: 100%; justify-content: space-between; }
  .lightbox__nav { top: auto; bottom: 64px; transform: none; }
  .vhero { aspect-ratio: 4 / 5; }
  .vhero .play { top: 1.4rem; right: 1.4rem; margin-top: 0; width: 74px; height: 74px; }
  .panel__head img { width: 160px; }
}

@media (max-width: 767.98px) {
  /* Mobilde proje kartları üst üste binmez; başlık ve buton her zaman görünür */
  .stack .scard { position: relative !important; top: auto !important; }
  .stack { gap: 1rem; }
  /* Filtreler tek satırda yatay kaydırılır */
  .toolbar { gap: 0.75rem; }
  .filters { flex-wrap: nowrap; width: calc(100% + var(--gutter) * 2); margin-inline: calc(var(--gutter) * -1); padding: 0 var(--gutter) 0.25rem; overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
  .filters::-webkit-scrollbar { display: none; }
  .fbtn { flex: none; min-height: 46px; padding-inline: 1.05rem; }
  .tablist { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .tablist::-webkit-scrollbar { display: none; }
  .value { min-height: 0; }
  .head__actions { justify-content: space-between; }
}

@media (max-width: 1199.98px) {
  /* Sabit telefon/ilerleme düğmeleri footer'ın son satırını örtmesin */
  .footer-bottom { padding-bottom: 5.5rem; }
}

@media (min-width: 576px) {
  .form-grid { grid-template-columns: 1fr 1fr; }
  .form-grid .field--full { grid-column: 1 / -1; }
  .masonry { columns: 2; }
  .pgrid { grid-template-columns: repeat(2, 1fr); }
  .ggrid { grid-template-columns: repeat(2, 1fr); }

  .footer-cols { grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 768px) {
  .head--split { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
  .stats { grid-template-columns: repeat(4, 1fr); }
  .facts { grid-template-columns: repeat(4, 1fr); }
  .spec-list { grid-template-columns: 1fr 1fr; }
  .pnav { grid-template-columns: 1fr 1fr; }
  .vgrid { grid-template-columns: 1fr 1fr; }
  .values { grid-template-columns: repeat(2, 1fr); }
  .footer-top { grid-template-columns: auto 1fr auto; gap: 3rem; }
  .footer-bottom { grid-template-columns: 1fr auto auto; gap: 2rem; }
  .scroll-cue { display: block; }
}

@media (min-width: 992px) {
  /* Sağdaki dikey slayt göstergelerine yer bırak */
  .hero__title { max-width: min(11em, calc(100% - 300px)); }
  .hero__desc { max-width: min(52ch, calc(100% - 300px)); }
  .about { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  .about--flip .about__media { order: 2; }
  .about__media { min-height: 620px; }
  .orbit-wrap { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); }
  .contact__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); }
  .pgrid { grid-template-columns: repeat(3, 1fr); }
  .pgrid--feature > :first-child { grid-column: span 2; }
  .ggrid { grid-template-columns: repeat(3, 1fr); }
  .ggrid--2 { grid-template-columns: repeat(2, 1fr); }
  .masonry { columns: 3; }
  .footer-cols { grid-template-columns: 1.2fr 1fr 1fr 1.4fr; gap: 3rem; }
  .article { grid-template-columns: minmax(0, 1fr) 340px; gap: 4.5rem; align-items: start; }
  .article .aside { position: sticky; top: 120px; }
  .pdetail { grid-template-columns: minmax(0, 8fr) minmax(0, 4fr); gap: 4.5rem; }
  .paside { position: sticky; top: 120px; align-self: start; }
  .office { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); }
  .quote-block { grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 4.5rem; }
  .split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 4.5rem; align-items: start; }
  .split > :first-child { position: sticky; top: 120px; }
}

/* Masaüstü menü ve sağ ray */
@media (min-width: 1200px) {
  :root { --gutter: 5.2rem; }
  .menu { display: block; }
  .call { display: flex; }
  .rail { display: flex; }
  .quick-call { display: none; }
  .values { grid-template-columns: repeat(4, 1fr); }
  /* Sağdaki sabit iletişim rayı ve ilerleme halkasıyla çakışmayı önle */
  .hero__ui .wrap { padding-right: max(var(--gutter), 104px); }
  .footer-bottom { padding-right: 84px; }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .menu__link { padding: 0.65rem 0.7rem; font-size: 0.95rem; }
  .call__text { display: none; }
}

@media (hover: none) {
  .gitem__zoom { opacity: 1; transform: none; width: 48px; height: 48px; margin: 0; left: auto; top: 1rem; right: 1rem; }
}