/* VickitMod Option 3 Woodmart + Elementor scoped CSS draft.
   Import only after WordPress front/login/REST recover from 500.
   Scope intentionally stays under .vtm-option3-* to avoid Woodmart conflicts. */

.vtm-option3-utility,
.vtm-option3-hero,
.vtm-option3-components,
.vtm-option3-inspiration,
.vtm-option3-fitment {
  color: #f7f9fc;
}

.vtm-option3-hero {
  gap: clamp(24px, 5vw, 72px);
  align-items: center;
}

.vtm-option3-hero .elementor-heading-title {
  letter-spacing: 0;
}

.vtm-option3-hero-visual img,
.vtm-option3-category-card img,
.vtm-option3-reference-item img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  background: #151A22;
}

.vtm-option3-component-grid,
.vtm-option3-reference-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.vtm-option3-category-card,
.vtm-option3-reference-item {
  border: 1px solid rgba(255,255,255,.13);
  background: rgba(255,255,255,.035);
  padding: 14px;
  border-radius: 8px;
}

.vtm-option3-parts-only-cta .elementor-button {
  min-height: 42px;
}

@media (max-width: 767px) {
  .vtm-option3-hero {
    min-height: 0 !important;
    padding: 38px 16px 34px !important;
  }

  .vtm-option3-hero-copy,
  .vtm-option3-hero-visual {
    width: 100% !important;
  }

  .vtm-option3-component-grid,
  .vtm-option3-reference-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .vtm-option3-category-card,
  .vtm-option3-reference-item {
    padding: 10px;
  }
}