/* SEO enhancements: FAQ, breadcrumbs polish, performance helpers */

.seo-faq {
  padding: 3rem 0 3.5rem;
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 55%);
}

.seo-faq__intro {
  text-align: center;
  max-width: 40rem;
  margin: 0 auto 1.75rem;
}

.seo-faq__title {
  margin: 0 0 0.5rem;
  font-size: clamp(1.35rem, 2.2vw, 1.75rem);
  font-weight: 800;
  color: #0f172a;
  letter-spacing: -0.02em;
}

.seo-faq__subtitle {
  margin: 0;
  color: #64748b;
}

.seo-faq__list {
  max-width: 760px;
  margin: 0 auto;
  display: grid;
  gap: 0.75rem;
}

.seo-faq__item {
  background: #fff;
  border: 1px solid #e8eaed;
  border-radius: 14px;
  padding: 0.15rem 1rem;
  box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
}

.seo-faq__question {
  cursor: pointer;
  list-style: none;
  font-weight: 700;
  color: #0f172a;
  padding: 0.95rem 0;
}

.seo-faq__question::-webkit-details-marker {
  display: none;
}

.seo-faq__question::after {
  content: '+';
  float: right;
  color: #7c3aed;
  font-weight: 800;
}

.seo-faq__item[open] .seo-faq__question::after {
  content: '–';
}

.seo-faq__answer {
  padding: 0 0 1rem;
  color: #475569;
  line-height: 1.65;
}

.seo-faq__answer p {
  margin: 0;
}

.seo-content-block {
  padding: 2.5rem 0 1rem;
}

.seo-content-block__card {
  background: #fff;
  border: 1px solid #e8eaed;
  border-radius: 16px;
  padding: 1.5rem 1.35rem;
  max-width: 920px;
  margin: 0 auto;
}

.seo-content-block h2 {
  margin: 0 0 0.75rem;
  font-size: 1.35rem;
  font-weight: 800;
  color: #0f172a;
}

.seo-content-block p {
  margin: 0 0 0.85rem;
  color: #475569;
  line-height: 1.65;
}

.seo-content-block p:last-child {
  margin-bottom: 0;
}

.seo-content-block a {
  color: #6d28d9;
  font-weight: 600;
}

.product-landing-seo {
  padding-top: 0.5rem;
}

img[loading="lazy"] {
  content-visibility: auto;
}

/* WhatsApp: bottom-left. Tawk.to live chat uses bottom-right. */
.whatsapp-chat {
  position: fixed;
  left: max(16px, env(safe-area-inset-left));
  right: auto;
  bottom: max(20px, env(safe-area-inset-bottom));
  z-index: 1040;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 12px 16px 12px 12px;
  border-radius: 999px;
  background: #25d366;
  color: #fff !important;
  text-decoration: none !important;
  font-weight: 700;
  font-size: 0.92rem;
  box-shadow: 0 10px 28px rgba(37, 211, 102, 0.38);
  transition: transform 0.18s ease, box-shadow 0.18s ease, bottom 0.2s ease;
}

.whatsapp-chat:hover,
.whatsapp-chat:focus {
  color: #fff !important;
  transform: translateY(-2px);
  box-shadow: 0 14px 32px rgba(37, 211, 102, 0.48);
  outline: none;
}

.whatsapp-chat__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  flex-shrink: 0;
}

.whatsapp-chat__label {
  padding-right: 4px;
  white-space: nowrap;
}

body.cookie-bar-visible .whatsapp-chat,
body:has(#cookieConsent:not([hidden])) .whatsapp-chat {
  bottom: calc(var(--chat-lift, 108px) + env(safe-area-inset-bottom, 0px));
}

body.exit-popup-open .whatsapp-chat,
body.tawk-chat-open .whatsapp-chat {
  visibility: hidden;
  pointer-events: none;
}

/* Tawk.to: bottom-right, below cookie/exit overlays, above page chrome */
iframe[title="chat widget"],
iframe[title*="tawk" i],
iframe[src*="tawk.to"] {
  z-index: 1060 !important;
}

body.cookie-bar-visible iframe[title="chat widget"],
body.cookie-bar-visible iframe[title*="tawk" i],
body.cookie-bar-visible iframe[src*="tawk.to"],
body:has(#cookieConsent:not([hidden])) iframe[title="chat widget"],
body:has(#cookieConsent:not([hidden])) iframe[src*="tawk.to"] {
  bottom: var(--chat-lift, 128px) !important;
}

@media (max-width: 991.98px) {
  .whatsapp-chat {
    padding: 10px;
  }

  .whatsapp-chat__label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
  }
}

@media (max-width: 575.98px) {
  .whatsapp-chat {
    left: max(12px, env(safe-area-inset-left));
    bottom: max(16px, env(safe-area-inset-bottom));
  }

  body.cookie-bar-visible .whatsapp-chat,
  body:has(#cookieConsent:not([hidden])) .whatsapp-chat {
    bottom: calc(var(--chat-lift, 220px) + env(safe-area-inset-bottom, 0px));
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .whatsapp-chat {
    left: max(16px, env(safe-area-inset-left));
  }
}