/* DEVA V10.89 — Test-only styling, product pages only.
   Recreates the previous site's horizontal measurement/image panels
   and alternating image/text feature rows while preserving source content,
   image paths, tabular data, gallery, video, and related-product scripts. */

/* Measurements: a single balanced row per table-and-photo feature. */
@media (min-width: 801px) {
  main section.v10-product.dv36-active .v10-detail-content > .v10-group--size .v10-group-grid:has(> .v10-feature > .detail-body) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 18px !important;
  }
  main section.v10-product.dv36-active .v10-group--size .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure.v10-feature-image) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr) !important;
    grid-template-rows: auto 1fr !important;
    grid-template-areas: "heading visual" "specs visual" !important;
    align-items: center !important;
    column-gap: clamp(20px, 3vw, 42px) !important;
    row-gap: 8px !important;
    padding: clamp(18px, 2.3vw, 28px) !important;
    min-height: 250px !important;
    width: 100% !important;
    max-width: none !important;
    overflow: visible !important;
    box-sizing: border-box !important;
    border: 1px solid #e1eaf0 !important;
    background: #fff !important;
  }
  main section.v10-product.dv36-active .v10-group--size .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure) > h3 {
    grid-area: heading !important;
    align-self: end !important;
    font-size: clamp(17px, 1.7vw, 23px) !important;
    margin: 0 0 10px !important;
    color: #17394e !important;
  }
  main section.v10-product.dv36-active .v10-group--size .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure) > .detail-body {
    grid-area: specs !important;
    align-self: start !important;
    min-width: 0 !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    margin: 0 !important;
  }
  main section.v10-product.dv36-active .v10-group--size .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure) > figure.v10-feature-image {
    grid-area: visual !important;
    align-self: center !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
    border-radius: 13px !important;
    overflow: hidden !important;
    background: #f7f9fc !important;
  }
  main section.v10-product.dv36-active .v10-group--size .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure) > figure.v10-feature-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: 360px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }
  main section.v10-product.dv36-active .v10-group--size .v10-group-grid > .v10-feature .dv37-spec-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    max-width: 100% !important;
  }
  main section.v10-product.dv36-active .v10-group--size .v10-group-grid > .v10-feature table {
    display: table !important;
    width: 100% !important;
    min-width: 0 !important;
    table-layout: fixed !important;
    font-size: 12px !important;
    white-space: normal !important;
  }
  main section.v10-product.dv36-active .v10-group--size .v10-group-grid > .v10-feature th,
  main section.v10-product.dv36-active .v10-group--size .v10-group-grid > .v10-feature td {
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    padding: 9px 6px !important;
  }

  /* Old-site style: portrait of feature on alternating left/right sides. */
  main section.v10-product.dv36-active .v10-detail-content > .v10-group--blog .v10-group-grid,
  main section.v10-product.dv36-active .v10-detail-content > .v10-group--technical .v10-group-grid:has(> .v10-feature > .detail-body) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 20px !important;
  }
  main section.v10-product.dv36-active .v10-group--blog .v10-group-grid > .v10-feature:has(> h3):has(> .detail-body):has(> figure.v10-feature-image),
  main section.v10-product.dv36-active .v10-group--technical .v10-group-grid > .v10-feature:has(> h3):has(> .detail-body):has(> figure.v10-feature-image) {
    display: grid !important;
    grid-template-columns: minmax(0, .96fr) minmax(0, 1.04fr) !important;
    grid-template-rows: auto 1fr !important;
    grid-template-areas: "heading visual" "copy visual" !important;
    align-items: center !important;
    column-gap: clamp(24px, 4vw, 60px) !important;
    row-gap: 10px !important;
    min-height: 290px !important;
    padding: clamp(20px, 3vw, 36px) !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    border: 1px solid #e0eaf0 !important;
    background: #fff !important;
  }
  main section.v10-product.dv36-active .v10-group--blog .v10-group-grid > .v10-feature:nth-child(even):has(> .detail-body):has(> figure),
  main section.v10-product.dv36-active .v10-group--technical .v10-group-grid > .v10-feature:nth-child(even):has(> .detail-body):has(> figure) {
    grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr) !important;
    grid-template-areas: "visual heading" "visual copy" !important;
  }
  main section.v10-product.dv36-active .v10-group--blog .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure) > h3,
  main section.v10-product.dv36-active .v10-group--technical .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure) > h3 {
    grid-area: heading !important;
    align-self: end !important;
    margin: 0 !important;
    font-size: clamp(18px, 2vw, 25px) !important;
    color: #153a4e !important;
  }
  main section.v10-product.dv36-active .v10-group--blog .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure) > .detail-body,
  main section.v10-product.dv36-active .v10-group--technical .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure) > .detail-body {
    grid-area: copy !important;
    align-self: start !important;
    min-width: 0 !important;
    margin: 0 !important;
    color: #526b79 !important;
    line-height: 1.7 !important;
    max-width: 100% !important;
  }
  main section.v10-product.dv36-active .v10-group--blog .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure) > figure.v10-feature-image,
  main section.v10-product.dv36-active .v10-group--technical .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure) > figure.v10-feature-image {
    grid-area: visual !important;
    align-self: stretch !important;
    margin: 0 !important;
    min-width: 0 !important;
    width: 100% !important;
    border-radius: 16px !important;
    overflow: hidden !important;
    background: #f5f9fa !important;
  }
  main section.v10-product.dv36-active .v10-group--blog .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure) > figure.v10-feature-image img,
  main section.v10-product.dv36-active .v10-group--technical .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure) > figure.v10-feature-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 255px !important;
    max-height: 370px !important;
    object-fit: contain !important;
    margin: 0 auto !important;
  }
}

/* Mobile/tablets: readable one-column layout, no cropped tables. */
@media (max-width: 800px) {
  main section.v10-product.dv36-active .v10-detail-content > .v10-group--size .v10-group-grid:has(> .v10-feature > .detail-body),
  main section.v10-product.dv36-active .v10-detail-content > .v10-group--blog .v10-group-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }
  main section.v10-product.dv36-active .v10-group--size .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure),
  main section.v10-product.dv36-active .v10-group--blog .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure),
  main section.v10-product.dv36-active .v10-group--technical .v10-group-grid > .v10-feature:has(> .detail-body):has(> figure) {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    padding: 18px !important;
    overflow-x: auto !important;
    box-sizing: border-box !important;
  }
  main section.v10-product.dv36-active .v10-group--size .v10-group-grid > .v10-feature .detail-body,
  main section.v10-product.dv36-active .v10-group--blog .v10-group-grid > .v10-feature .detail-body {width: 100% !important;min-width: 0 !important;}
  main section.v10-product.dv36-active .v10-group--size .v10-group-grid > .v10-feature figure,
  main section.v10-product.dv36-active .v10-group--blog .v10-group-grid > .v10-feature figure {width: 100% !important;margin: 0 !important;}
  main section.v10-product.dv36-active .v10-group--size .v10-group-grid > .v10-feature figure img,
  main section.v10-product.dv36-active .v10-group--blog .v10-group-grid > .v10-feature figure img {width: 100% !important;height: auto !important;max-height: 300px !important;object-fit: contain !important;}
}