/* Phase 4 — product detail and technical product finder. */
.product-detail-hero,
.finder-hero-technical {
  padding: 72px 0 96px;
  background: var(--sem-navy-900);
}
.product-detail-hero h1,
.finder-hero-technical h1 { color: #fff; font-size: clamp(2.6rem, 4.5vw, 4.6rem); }
.breadcrumb-link { margin-bottom: 24px; color: rgba(255,255,255,.82); }
.breadcrumb-link:hover { color: #fff; }
.product-detail-grid { gap: clamp(40px, 6vw, 80px); }
.detail-visual { min-height: 400px; border: 1px solid rgba(255,255,255,.15); border-radius: var(--sem-radius-md); background: var(--sem-bg-blue); color: var(--sem-navy-900); box-shadow: var(--sem-shadow-md); }
.detail-visual:before { width: 150px; height: 150px; border-color: rgba(79,127,50,.15); }
.detail-visual span { bottom: 16px; left: 16px; border-radius: var(--sem-radius-sm); color: var(--sem-navy-900); }
.detail-copy p { color: rgba(255,255,255,.78); line-height: 1.75; }
.detail-copy .btn { min-height: 48px; }
.product-detail-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.product-detail-actions .btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; }
.btn-product-whatsapp { border: 1px solid #4f8534; background: #4f8534; color: #fff; }
.btn-product-whatsapp:hover, .btn-product-whatsapp:focus-visible { border-color: #3d6d2a; background: #3d6d2a; color: #fff; }
.detail-content { background: var(--sem-bg); }
.detail-content-grid { gap: clamp(40px, 7vw, 96px); }
.detail-content-grid > div:first-child > p { max-width: 520px; line-height: 1.75; }
.technical-list { border-top: 1px solid var(--sem-border); }
.technical-list div { min-height: 56px; align-items: center; padding: 14px 0; border-color: var(--sem-border); }
.technical-list dt { color: var(--sem-muted); }
.technical-list dd { color: var(--sem-text); font-family: "IBM Plex Mono", "DM Sans", sans-serif; }
.related-products { background: var(--sem-bg-soft); }
.related-products h2 { color: var(--sem-text); font-size: clamp(2rem, 3.4vw, 3.25rem); }
.compact-grid .product-card { border-radius: var(--sem-radius-md); }

.technical-finder { padding: 0 0 104px; background: var(--sem-bg-soft); }
.technical-finder-form { margin-top: -56px; padding: 24px 28px 28px; border-color: var(--sem-border); border-radius: var(--sem-radius-md); box-shadow: var(--sem-shadow-md); }
.finder-unit-row { color: var(--sem-muted); }
.unit-toggle { border-color: var(--sem-border-dark); border-radius: var(--sem-radius-sm); overflow: hidden; }
.unit-toggle a { min-height: 36px; display: inline-flex; align-items: center; color: var(--sem-muted); }
.unit-toggle a.active { background: var(--sem-navy-900); color: #fff; }
.technical-finder h2 { color: var(--sem-text); font: 800 1.4rem "DM Sans", sans-serif; }
.category-quick-select { gap: 12px; }
.category-quick-select a { min-height: 56px; border-color: var(--sem-border); border-radius: var(--sem-radius-sm); background: var(--sem-bg-soft); color: var(--sem-text); }
.category-quick-select a i { color: var(--sem-green-600); }
.category-quick-select a:hover,
.category-quick-select a.active { border-color: var(--sem-navy-900); background: var(--sem-navy-900); color: #fff; }
.category-quick-select a.active i { color: var(--sem-green-500); }
.finder-filter-title { margin-top: 32px; }
.reset-filters { color: var(--sem-navy-900); }
.reset-filters i { color: var(--sem-green-600); }
.technical-filter-grid { gap: 16px; }
.technical-filter-grid label,
.technical-filter-grid fieldset,
.technical-filter-grid legend { color: var(--sem-muted); }
.technical-filter-grid select,
.technical-filter-grid input { height: 52px; margin-top: 8px; border-color: var(--sem-border-dark); border-radius: var(--sem-radius-sm); color: var(--sem-text); }
.technical-filter-grid select:focus,
.technical-filter-grid input:focus { border-color: var(--sem-green-600); box-shadow: 0 0 0 3px rgba(120,168,91,.18); }
.field-with-icon i { top: 25px; color: var(--sem-green-600); }
.range-fields span { color: var(--sem-muted); }
.reusable-field { min-height: 52px; }
.technical-filter-grid .reusable-field input { accent-color: var(--sem-green-600); }
.finder-submit { height: 52px; }
.active-filter-row { gap: 8px; padding: 24px 0 18px; border-color: var(--sem-border); }
.active-filter-row a { border: 1px solid #c9ddbe; border-radius: var(--sem-radius-sm); background: var(--sem-green-100); color: var(--sem-navy-900); }
.active-filter-row a i { color: var(--sem-green-600); }
.finder-result-controls { padding: 24px 0; }
.finder-result-controls p strong { color: var(--sem-text); }
.finder-result-controls > div > a.active { color: var(--sem-green-600); }
.finder-result-controls select { height: 40px; border-color: var(--sem-border-dark); border-radius: var(--sem-radius-sm); color: var(--sem-text); }
.technical-card-data span { border-radius: var(--sem-radius-sm); background: var(--sem-bg-soft); color: #506572; }
.technical-finder .finder-pagination { display: none; }

@media (max-width: 991px) {
  .product-detail-hero { padding-bottom: 72px; }
  .detail-visual { min-height: 340px; }
  .technical-finder-form { margin-top: -40px; }
}
@media (max-width: 767px) {
  .product-detail-hero,
  .finder-hero-technical { padding: 56px 0 72px; }
  .detail-visual { min-height: 280px; }
  .detail-visual i { font-size: 5rem; }
  .technical-finder-form { padding: 20px; }
  .category-quick-select { gap: 8px; }
  .technical-filter-grid select,
  .technical-filter-grid input { height: 48px; }
  .finder-submit { height: 48px; }
}