/* Product page sections (Details, Additional Information, Related Products) open and close on desktop too,
   the way they already do on phones. Additional Information starts closed. Joe, 2026-10-10.
   Everything is scoped under html.mmm-acc, which mmm-collateral.js adds; without the script nothing changes. */
@media only screen and (min-width: 768px) {
  .mmm-acc .product-collateral .box-collateral > h2 { cursor: pointer; position: relative; }
  .mmm-acc .product-collateral .box-collateral > h2 span.toggle { display: block; top: 50%; margin-top: -12px; line-height: 24px; right: 14px; }
  .mmm-acc .product-collateral .box-additional > .box-collateral-content { display: none !important; }
  .mmm-acc .product-collateral .box-collateral.mmm-open > .box-collateral-content { display: block !important; }
  .mmm-acc .product-collateral .box-collateral.mmm-closed > .box-collateral-content { display: none !important; }
  .mmm-acc .product-collateral .box-collateral.mmm-closed,
  .mmm-acc .product-collateral .box-additional:not(.mmm-open) { margin-bottom: 12px; }
}