/* ─── SERVICE BLOCKS ──────────────────────────────────────── */
.service-block {}

/* Mobile: text → image → actions (column stack) */
.service-block__inner {
  display: flex; flex-direction: column; gap: 32px;
}

/* Desktop: image | (text + actions) grid */
@media (min-width: 1024px) {
  .service-block__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "img text" "img actions";
    column-gap: 80px;
    row-gap: 32px;
    align-items: start;
  }
  .service-block--reverse .service-block__inner {
    grid-template-areas: "text img" "actions img";
  }
  .service-block__image  { grid-area: img; }
  .service-block__text   { grid-area: text; }
  .service-block__actions { grid-area: actions; }
}

.service-block__image {
  width: 100%; min-width: 0;
  aspect-ratio: 3/2; object-fit: cover;
}
@media (min-width: 1024px) { .service-block__image { aspect-ratio: 4/3; } }

.service-block__heading {
  font-weight: 600;
  letter-spacing: -0.01em; line-height: 1.12; margin: 16px 0 24px;
}
.section-light .service-block__heading { color: var(--text-on-light); }
.section-dark  .service-block__heading { color: var(--text-on-dark); }

.service-block__body {
  font-size: var(--text-body); font-weight: 300; line-height: 1.75;
}
.section-light .service-block__body { color: rgba(var(--color-midnight-rgb), 0.65); }
.section-dark  .service-block__body { color: var(--text-muted-dark); }

.product-types {
  display: flex; flex-wrap: wrap; gap: 10px; margin-bottom: 36px;
}
@media (max-width: 767px) {
  .product-types { flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 28px; }
}
.product-tag {
  font-size: 11px; font-weight: 600; letter-spacing: 0.12em;
  text-transform: uppercase; padding: 8px 14px;
  border: 1px solid rgba(var(--color-brass-rgb), 0.45); color: var(--accent);
}

/* ─── FAQ ─────────────────────────────────────────────────── */
.faq {}
.faq__heading {
  font-weight: 600;
  letter-spacing: -0.01em; line-height: 1.12;
  color: var(--text-on-dark); max-width: 480px; margin: 16px 0 56px;
}
.faq__item { border-top: 1px solid rgba(var(--color-brass-rgb), 0.2); padding: 28px 0; }
.faq__item:last-child { border-bottom: 1px solid rgba(var(--color-brass-rgb), 0.2); }
.faq__question {
  display: flex; justify-content: space-between; align-items: flex-start;
  gap: 20px; cursor: pointer; list-style: none;
}
.faq__question::-webkit-details-marker { display: none; }
.faq__q-text { font-size: 15px; font-weight: 600; line-height: 1.4; color: var(--text-on-dark); }
.faq__icon {
  font-size: 20px; font-weight: 300; color: var(--accent);
  flex-shrink: 0; line-height: 1; transition: transform 0.25s;
}
details[open] .faq__icon { transform: rotate(45deg); }
.faq__answer {
  font-size: var(--text-body); font-weight: 300; line-height: 1.75;
  color: var(--text-muted-dark); padding-top: 16px; max-width: 680px;
}