.hero img { height: auto; }

@media (max-width: 700px) {
  #details .table-wrap { margin: 0; padding: 0; overflow: visible; }
  #details table,
  #details tbody,
  #details tr,
  #details th,
  #details td { display: block; width: 100%; min-width: 0; }
  #details thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  #details table { background: transparent; }
  #details caption { display: block; width: 100%; padding: 10px 0 16px; }
  #details tr { margin: 0 0 16px; padding: 16px; background: #fff; border: 1px solid var(--line); border-radius: 6px; }
  #details th,
  #details td { border: 0; padding: 6px 0; overflow-wrap: anywhere; }
  #details th { font-size: 19px; }
  #details td::before { display: block; margin-top: 6px; color: var(--green); font-size: 12px; font-weight: 850; text-transform: uppercase; }
  #details td[data-product-detail="size-weight"]::before { content: "Size and weight"; }
  #details td[data-product-detail="materials"]::before { content: "Construction"; }
  #details td[data-product-detail="manufacturing-origin"]::before { content: "Manufacturing origin"; }
  #details td[data-product-detail="brand"]::before { content: "Brand background"; }
  #details td[data-product-detail="warranty"]::before { content: "Warranty and support"; }
}