/* WordPress integration additions to the approved visual layout. */
body.spikecam-design { font-family: 'Segoe UI', Arial, sans-serif; color: var(--ink); background: #fff; }
.spikecam-design button { line-height: 1.5; text-transform: none; }
.spikecam-design .screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.spikecam-design .contact-tabs { border: 0; padding: 0; margin-inline: 0; min-width: 0; }
.contact-tabs label { position: relative; cursor: pointer; min-height: 44px; display: inline-flex; align-items: center; }
.contact-tabs input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.contact-tabs label span { padding-bottom: 13px; border-bottom: 2px solid transparent; font-size: 14px; }
.contact-tabs input:checked + span { color: var(--blue); border-bottom-color: var(--blue); font-weight: 650; }
.contact-tabs input:focus-visible + span { outline: 3px solid var(--blue); outline-offset: 4px; }
.form-result { margin-bottom: 24px; }
.form-error { color: #842c25; background: #fcf0ee; border-color: #b54032; }
.legacy-resources { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 32px; }
.legacy-resources a { padding: 18px 0; border-bottom: 1px solid var(--line); justify-content: space-between; }
.legacy-model-link { margin-block: 22px; }
.gallery-thumbnails { display: flex; gap: 10px; overflow-x: auto; padding: 8px 3px; margin-top: 10px; }
.gallery-thumbnails button { flex: 0 0 70px; height: 70px; padding: 6px; background: #fff; border: 1px solid var(--line); border-radius: 3px; }
.gallery-thumbnails button[aria-pressed=true] { border-color: var(--blue); border-width: 2px; }
.gallery-thumbnails img { width: 100%; height: 100%; object-fit: contain; }
.product-main { grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); }
.product-gallery, .product-summary { min-width: 0; }
.product-summary h1 { overflow-wrap: anywhere; }
.legacy-product-summary h1 { font-size: 32px; }
.breadcrumbs { flex-wrap: wrap; }
.product-feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 36px; }
.product-feature-grid article { border-top: 1px solid var(--line); padding-top: 24px; }
.product-feature-grid h3 { font-size: 21px; line-height: 1.35; margin-bottom: 14px; }
.product-feature-grid p { color: var(--muted); line-height: 1.8; }
.spec-table > div { grid-template-columns: minmax(110px, 0.8fr) minmax(0, 1.2fr); gap: 20px; }
.spec-table dt, .spec-table dd { overflow-wrap: anywhere; }
.configuration-list { padding-left: 22px; margin: 0 0 28px; }
.configuration-list li { padding-block: 10px; line-height: 1.7; }
.download-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.lifecycle-notice { border-left: 3px solid #967321; background: #f8f5eb; color: #514116; padding: 14px 18px; font-size: 14px; }
.card-specs { margin: 0 0 20px; padding: 0 0 0 17px; font-size: 13px; line-height: 1.6; color: var(--muted); }
.card-specs li { margin-bottom: 5px; }
.product-card-content { min-width: 0; }
.product-card-content h3 { overflow-wrap: anywhere; font-size: 24px; line-height: 1.3; }
.product-card-content .inline-link { white-space: normal; }
.workflow-filter { display: flex; align-items: center; gap: 18px; margin-bottom: 18px; }
.workflow-filter label { font-size: 13px; font-weight: 650; }
.oem-lineup.oem-lineup-pair { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.factory-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-bottom: 55px; }
.factory-gallery figure { margin: 0; min-width: 0; }
.factory-photo { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.factory-gallery figcaption { font-size: 12px; color: var(--muted); margin-top: 12px; }
.company-intro p + p, .about-story p + p, .oem-contact p + p { margin-top: 18px; }
.workflow-filter select { width: 220px; max-width: 65%; border: 1px solid var(--line); border-radius: 3px; padding: 10px; background: white; color: var(--ink); }
.catalog-toolbar { flex-wrap: wrap; }
.catalog-toolbar .filter-tabs { flex-wrap: wrap; }
.product-summary h1 { font-size: 46px; }
.detail-navigation .shell { flex-wrap: wrap; }
@media (max-width: 900px) {
  .product-feature-grid { grid-template-columns: 1fr; gap: 22px; }
  .product-summary h1 { font-size: 36px; }
}
@media (max-width: 600px) {
  .product-main { grid-template-columns: minmax(0, 1fr); }
  .legacy-resources { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 24px; }
  .legacy-resources a { font-size: 12px; }
  .contact-tabs label span { font-size: 13px; }
  .gallery-thumbnails button { flex-basis: 56px; height: 56px; }
  .download-grid { grid-template-columns: 1fr; }
  .factory-gallery { grid-template-columns: 1fr; }
  .contact-information .contact-support-info { display: block; }
  .product-summary h1 { font-size: 32px; }
  .workflow-filter { align-items: flex-start; }
  .catalog-toolbar .filter-tabs { gap: 4px; }
  .spec-table > div { grid-template-columns: minmax(95px, 0.8fr) minmax(0, 1.2fr); gap: 12px; }
}