/* ============================================================
   ÇAYIROVA PLİSE PERDE — MAIN CSS (Ek stiller)
   ============================================================ */

/* Scroll offset for sticky nav */
[id] { scroll-margin-top: 84px; }

/* Hover lift utility */
.hover-lift { transition: transform var(--transition-base), box-shadow var(--transition-base); }
.hover-lift:hover { transform: translateY(-2px); box-shadow: var(--shadow-md); }

/* Product card icon wrap override per section */
.product-card__header { background: linear-gradient(135deg, var(--color-primary-xlight) 0%, var(--color-white) 100%); }

/* Trust item hover */
.trust-item { transition: opacity var(--transition-fast); }

/* Nav hamburger active */
.nav__hamburger.is-active span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.nav__hamburger.is-active span:nth-child(2) { opacity: 0; }
.nav__hamburger.is-active span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

/* Steps connector on mobile */
@media (max-width: 768px) {
  .steps { gap: var(--sp-5); }
  .step  { flex-direction: column; gap: var(--sp-3); }
  .step__num { width: 40px; height: 40px; font-size: var(--text-sm); flex-shrink: 0; }
}

/* Responsive 2-col grid for cayirova guide + service areas */
@media (max-width: 768px) {
  section#cayirova-rehber .container > div[style*="grid-template-columns:1fr 1fr"],
  section#hizmet-bolgesi .container > div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  section#olcu-rehberi .container > div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  section#siparis-sureci .container > div[style*="grid-template-columns:repeat(3,1fr)"] {
    grid-template-columns: 1fr !important;
  }
  section#teklif .container > div > div[style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
}

/* Footer mobile */
@media (max-width: 640px) {
  .footer__grid { grid-template-columns: 1fr !important; }
}

/* Gallery item hover */
.gallery-item { cursor: pointer; transition: transform var(--transition-base), box-shadow var(--transition-base); }
.gallery-item:hover { transform: translateY(-3px); box-shadow: var(--shadow-lg); }

/* Accordion smooth */
.accordion-body {
  max-height: 0;
  overflow: hidden;
  display: block !important;
  transition: max-height 0.3s ease, padding 0.3s ease;
  padding: 0 var(--sp-6);
}
.accordion-body.is-open {
  max-height: 400px;
  padding: var(--sp-5) var(--sp-6) var(--sp-6);
}

/* Print extras */
@media print {
  .sticky-cta, .nav__hamburger { display: none !important; }
}

/* Color swatch hover */
[aria-label$="renk örneği"] { cursor: default; transition: transform var(--transition-fast); }
[aria-label$="renk örneği"]:hover { transform: scale(1.08); }

/* Skip to content */
.skip-link {
  position: absolute;
  top: -100px;
  left: var(--sp-4);
  background: var(--color-primary);
  color: white;
  padding: var(--sp-2) var(--sp-4);
  border-radius: var(--radius-md);
  font-size: var(--text-sm);
  font-weight: var(--fw-semibold);
  z-index: var(--z-tooltip);
  transition: top var(--transition-fast);
  text-decoration: none;
}
.skip-link:focus { top: var(--sp-4); }