// * {
//   box-sizing: border-box !important;
// }

// .buttons {
//   display: flex;
//   flex-wrap: wrap;
//   gap: var(--space-s);
//   align-items: center;
//   justify-content: center;
//   margin-block-start: var(--space-s);

//   .btn {
//     flex: 1 0 50%;
//     max-inline-size: min(20rem, 100%);
//     margin: 0 !important;
//   }

//   .switch {
//     border-color: currentcolor;
//     color: inherit;
//     background-color: transparent;

//     &:hover,
//     &:focus {
//       border-color: #2f65ae;
//       color: white;
//       background-color: #2f65ae;
//     }
//   }
// }

// #treatment-cards {
//   display: flex;
//   flex-wrap: wrap;
//   gap: var(--space-m);
//   justify-content: center;
//   max-inline-size: min(1000px, 100%);
//   margin-inline: auto;
//   padding-block-end: var(--space-m);
//   align-items: start;

//   /* Composition */
//   .treatment-card {
//     overflow: hidden;
//     display: flex;
//     flex: 1 0 400px;
//     flex-direction: column;
//     justify-content: space-between;
//     max-inline-size: 100%;
//     border-radius: 0.5rem;
//     background-color: var(--bg-colour, white);
//   }

//   .treatment-card:last-of-type {
//     flex: 999999999 0 100%;
//   }

//   /* Utils */

//   .flow > * + * {
//     margin-block-start: var(--flow, var(--space-s, 1rem));
//   }

//   .box {
//     padding-block: var(--block, var(--space-s));
//     padding-inline: var(--inline, var(--space-s));
//   }

//   /* Cards */

//   .heading,
//   .sub-heading {
//     font-size: 28px;
//     font-weight: 700;
//     text-wrap: pretty;
//   }

//   .sub-heading {
//     font-size: 18px;
//     font-weight: 400;
//   }

//   .content {
//     background-color: color-mix(in srgb, var(--bg-colour) 25%, white);
//   }

//   .doses {
//     display: flex;
//     gap: var(--space-l);
//     align-items: center;
//     justify-content: space-evenly;
//     padding-block-end: var(--space-s);
//     border-block-end: 1px solid color-mix(in srgb, var(--bg-colour) 95%, white);

//     .price {
//       font-weight: 700;
//     }
//   }

//   .benefits {
//     padding-block-start: 8px;
//     text-align: start;
//     list-style: none;

//     .benefit {
//       border-block-start: 1px solid color-mix(in srgb, currentcolor 15%, white);
//     }

//     h3 {
//       display: flex;
//       align-items: start;
//       justify-content: space-between;
//       font-size: 20px;

//       span {
//         font-size: 16px;
//         text-align: end;
//       }

//       .new {
//         display: grid;
//         place-items: center;
//         padding-block: 0.125em;
//         padding-inline: 0.5em;
//         border: 1px solid currentcolor;
//         border-radius: 2px;
//       }
//     }
//   }

//   /* Accordions */

//   details > summary {
//     list-style: none;
//   }

//   details > summary::-webkit-details-marker {
//     display: none;
//   }

//   .higher-doses {
//     position: relative;
//     overflow: visible !important;
//     block-size: 20px;
//     margin-block-start: var(--space-l);
//     padding-block: 0.25em;

//     &[open] {
//       block-size: 140px;
//       margin-block-start: var(--space-s);
//     }

//     > div {
//       position: relative;
//       inset-block-start: 0;
//       inset-inline-start: 0;
//       padding-block-start: 0;
//     }

//     > summary {
//       cursor: pointer;
//       position: absolute;
//       inset-block-end: 0;
//       inset-inline-end: 50%;
//       transform: translateX(50%);
//       inline-size: min(100%, 20rem);
//       margin-inline: auto;
//       padding-block: 0.25em;
//       padding-inline: 0.75em;
//       border: 1px solid currentcolor;
//       border-radius: 4px;

//       &:hover,
//       &:focus {
//         border-color: #2f65ae;
//         background-color: #2f65ae;

//         span {
//           color: white;
//         }
//       }
//     }
//   }

//   /* Text transition */

//   details.higher-doses .summary-label::after {
//     content: attr(data-open);
//     display: none;
//   }

//   details.higher-doses[open] .summary-label::after {
//     content: attr(data-open);
//     display: block;
//   }

//   details.higher-doses .summary-label::before {
//     content: attr(data-close);
//     display: none;
//   }

//   details.higher-doses:not([open]) .summary-label::before {
//     content: attr(data-close);
//     display: block;
//   }

//   .switching {
//     display: block;
//     margin-block: var(--space-m) var(--space-s);
//   }
// }

// /* Ordering */

// @media (width > 890px) {
//   .treatment-card:nth-of-type(1) {
//     order: 2;
//   }

//   .treatment-card:nth-of-type(2) {
//     order: 1;
//   }

//   .treatment-card:nth-of-type(3) {
//     order: 3;
//   }
// }

// .legal {
//   > * {
//     margin-block-start: var(--space-s) !important;
//   }
// }