/* Editorial accordion controls for mobile regional pages. */
@media (max-width: 720px) {
  .mv-mobile-collapsible {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .mv-mobile-collapsible.is-open {
    background: #fff !important;
    border: 1px solid #e5e0da !important;
    box-shadow: 0 8px 24px rgba(25, 20, 16, .07) !important;
  }

  .mobile-card-toggle {
    box-sizing: border-box;
    display: grid !important;
    grid-template-columns: 36px minmax(0, 1fr) 28px;
    width: 100% !important;
    min-height: 62px !important;
    margin: 0 !important;
    padding: 10px 13px !important;
    gap: 11px;
    align-items: center;
    color: #181716 !important;
    border: 1px solid #e2ddd7 !important;
    border-radius: 13px !important;
    background: #fff !important;
    box-shadow: 0 6px 18px rgba(25, 20, 16, .065) !important;
    font: 800 16px/1.12 'DIN Pro', Arial, sans-serif !important;
    letter-spacing: -.01em;
    text-align: left !important;
  }

  .mobile-card-toggle::before {
    content: attr(data-icon);
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    color: #fff;
    border-radius: 50%;
    background: linear-gradient(145deg, #df3138, #b31820);
    box-shadow: 0 4px 11px rgba(194, 31, 39, .22);
    font: 800 17px/1 Arial, sans-serif;
  }

  .mobile-card-toggle::after {
    content: '+';
    display: grid;
    width: 28px;
    height: 28px;
    place-items: center;
    color: #a42127;
    border: 1px solid #ddd6d0;
    border-radius: 50%;
    background: #faf9f7;
    font: 400 20px/1 Arial, sans-serif;
    transition: color .2s ease, background .2s ease, transform .2s ease;
  }

  .mobile-card-toggle[aria-expanded='true'] {
    border-color: #d9d2cb !important;
    border-bottom-right-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    box-shadow: none !important;
  }

  .mobile-card-toggle[aria-expanded='true']::after {
    content: '−';
    color: #fff;
    border-color: #be252b;
    background: #be252b;
    transform: rotate(180deg);
  }

  .mv-mobile-collapsible.is-open > .mobile-card-toggle {
    border-top: 0 !important;
    border-right: 0 !important;
    border-left: 0 !important;
  }

  .side-card--dark.mv-mobile-collapsible.is-open {
    color: #fff !important;
    background: #171717 !important;
    border-color: #292929 !important;
  }

  .side-card--dark.mv-mobile-collapsible.is-open .mobile-card-toggle {
    color: #181716 !important;
    background: #fff !important;
  }
}