/* ==========================================================================
   OPAK TEMİZLİK — Responsive kırılımlar (mobile-first, min-width)
   360 · 560 · 640 · 768 · 992 · 1120 · 1280 · 1600
   ========================================================================== */

/* Çok dar ekranlar (320px) */
@media (max-width: 359.98px) {
  :root { --gutter: 14px; }
  .brand__logo { height: 46px; }
  .btn--lg { --btn-h: 54px; padding: 0 20px; font-size: 1rem; }
  .mobile-cta { gap: 8px; padding-inline: 10px; }
  .mobile-cta .btn { font-size: .9375rem; gap: 8px; }
  .hero__highlights li { font-size: var(--fs-xs); }
  .mobile-nav__sub { grid-template-columns: 1fr; }
  .service-card--featured .service-card__actions .btn { width: 100%; }
}

@media (min-width: 560px) {
  .hero__actions { display: flex; flex-wrap: wrap; }
  .help-card__actions { grid-template-columns: 1fr 1fr; }
  .cta-banner__actions { display: flex; flex-wrap: wrap; align-items: center; }
  .map-embed__panel { grid-template-columns: 1fr auto; align-items: center; left: 20px; right: 20px; bottom: 20px; }
}

@media (min-width: 640px) {
  .header__call-icon { display: none; }
  .header__cta { display: inline-flex; }

  .hero__frame img { aspect-ratio: 16 / 11; }
  .hero__card--location { display: flex; right: 16px; bottom: -22px; }

  .services-grid { grid-template-columns: repeat(2, 1fr); }
  .service-card--featured { grid-column: 1 / -1; min-height: 460px; }
  .service-card--wide { grid-column: 1 / -1; }

  .why-cards { grid-template-columns: repeat(2, 1fr); }
  .process-list { grid-template-columns: repeat(2, 1fr); }
  .process-step { grid-template-columns: 1fr; }

  .blog-grid { grid-template-columns: repeat(2, 1fr); }
  .blog-grid > :last-child:nth-child(odd) { grid-column: 1 / -1; }

  .footer__top { grid-template-columns: repeat(2, 1fr); }
  .footer__brand { grid-column: 1 / -1; }
}

@media (min-width: 768px) {
  .topbar { display: block; }
  .focus__card { position: absolute; right: -16px; bottom: 32px; margin: 0; max-width: 300px; }
  .service-card--wide { display: grid; grid-template-columns: 1fr 1fr; }
  .service-card--wide .service-card__media img { height: 100%; aspect-ratio: auto; min-height: 260px; }
  .service-card--wide .service-card__body { justify-content: center; padding: 32px; }
  .service-card--wide .service-card__icon { position: static; margin-bottom: 6px; }
  .blog-grid > :last-child:nth-child(odd) { grid-column: auto; }
}

@media (min-width: 992px) {
  :root { --header-h: 84px; }
  body { padding-bottom: 0; }
  .mobile-cta { display: none; }
  .float-contact { display: flex; }

  .site-header.is-scrolled { --header-h: 74px; }
  .brand__logo { height: 64px; }
  .site-header.is-scrolled .brand__logo { height: 52px; transform: translateY(-1px); }

  /* Hero */
  .hero { padding-top: 48px; padding-bottom: 88px; }
  .hero__grid { grid-template-columns: minmax(0, 1.12fr) minmax(0, .98fr); gap: clamp(32px, 4vw, 64px); align-items: center; }
  .hero__frame { border-radius: var(--radius-xl); }
  .hero__frame img { aspect-ratio: 4 / 3; max-height: 520px; object-position: 52% 70%; }
  .hero__card--service { left: 16px; top: 24px; padding: 14px 18px 14px 14px; }
  .hero__card--location { right: 16px; bottom: 20px; }
  .hero__ring { width: 300px; height: 300px; right: -90px; top: -70px; }

  /* Hizmetler — bento düzeni */
  .services-grid {
    grid-template-columns: 1.2fr 1fr 1fr;
    grid-template-rows: auto auto;
    gap: 22px;
  }
  .service-card--featured { grid-column: 1; grid-row: 1 / span 2; min-height: 100%; }
  .service-card--wide { grid-column: 2 / span 2; }

  /* Halı odak */
  .focus__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(48px, 6vw, 96px); }
  .focus__card { right: -28px; }

  /* Neden biz */
  .why__grid { grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 64px; align-items: start; }
  .why__intro { position: sticky; top: calc(var(--header-h) + 32px); }

  /* Süreç */
  .process-list { grid-template-columns: repeat(4, 1fr); gap: 22px; }
  .process-list::before {
    content: "";
    position: absolute;
    top: 50px;
    left: 12%; right: 12%;
    height: 2px;
    background: repeating-linear-gradient(90deg, #BFD9F5 0 8px, transparent 8px 16px);
  }
  .process-step { padding: 22px 22px 26px; background: transparent; border: 0; box-shadow: none; text-align: center; justify-items: center; }
  .process-step__marker { width: 60px; height: 60px; background: #fff; box-shadow: var(--shadow-md); }

  /* Yerel */
  .local__grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 28px; align-items: stretch; }
  .map-embed { min-height: 100%; }

  /* SSS */
  .faq__grid { grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 64px; align-items: start; }
  .faq__aside { position: sticky; top: calc(var(--header-h) + 32px); }
  .help-card__actions { grid-template-columns: 1fr; }

  /* Blog */
  .blog-grid { grid-template-columns: repeat(3, 1fr); }

  /* CTA */
  .cta-banner__panel { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); align-items: center; gap: 48px; }
  .cta-banner__actions { justify-content: flex-end; }
  .cta-banner__phone { justify-self: auto; width: 100%; justify-content: flex-end; }

  /* Footer */
  .footer__top { grid-template-columns: 1.4fr 1fr 1fr 1.3fr; gap: 48px; }
  .footer__brand { grid-column: auto; }
}

@media (min-width: 1120px) {
  .nav { display: block; }
  .nav-toggle { display: none; }
}

@media (min-width: 1280px) {
  .nav__link { padding: 10px 14px; }
}
.header__cta-number { display: none; }

@media (min-width: 1600px) {
  :root { --container: 1320px; }
}

/* Mobil menü masaüstünde açık kalmışsa gizle */
@media (min-width: 1120px) {
  .mobile-nav { display: none; }
}

/* Dokunmatik cihazlarda hover kaynaklı kaymayı engelle */
@media (hover: none) {
  .service-card:hover, .post-card:hover, .why-card:hover { transform: none; }
  .service-card:hover .service-card__media img,
  .post-card:hover .post-card__media img { transform: none; }
}