.fpd-vertical-tabs { --fpd-accent:#AB292C; --fpd-radius:10px; }
.fpd-section-title { margin:0 0 16px; font-size:28px; font-weight:700; }

.fpd-tabs-grid { display:grid; grid-template-columns:40% 60%; gap:24px; align-items:start; }
.fpd-tablist-wrap { min-width:0; }
.fpd-tab-buttons { display:flex; flex-direction:column; gap:12px; }

.fpd-tab-link {
  font-family:Montserrat, Arial, sans-serif;
  display:grid; grid-template-columns:1fr auto; gap:12px; width:100%;
  text-align:left; border-radius:var(--fpd-radius);
  background:#F8F8F8; border:0; padding:18px;
  font-size:18px; font-weight:700; line-height:1.25; position:relative;
  transition:background .25s, color .25s, transform .15s; margin-bottom: 10px;
}
.fpd-tab-link:focus-visible { outline:2px solid var(--fpd-accent); outline-offset:2px; }
.fpd-tab-link:hover { transform:translateY(-1px); }

.fpd-tab-icon {
  width:22px; height:22px; border-radius:50%;
  display:grid; place-items:center; border:0px solid currentColor; line-height:1;
}
.fpd-tab-icon::before { content:'+'; font-weight:700; display:inline-block; transition:transform .25s ease; }

.fpd-tab-link.is-active { background:var(--fpd-accent); color:#fff; }
.fpd-tab-link.is-active .fpd-tab-icon { border-color:#fff; }
.fpd-tab-link.is-active .fpd-tab-icon::before { content:'–'; transform:rotate(180deg); }

.fpd-tab-snippet { grid-column:1 / -1; margin-top:10px; font-weight:400; font-size:14px; }
.fpd-tab-cta { margin:10px 0 0; }
.fpd-cta-link { color:#fff; text-decoration:underline; }

.fpd-tab-content { min-width:0; }

.fpd-tab-panel {
  overflow:hidden; height:0; opacity:0; transform:translateY(-6px);
  transition:height .35s ease, opacity .25s ease, transform .25s ease;
  will-change:height, opacity, transform; pointer-events:none; margin-top:8px; border-radius:var(--fpd-radius);
}
.fpd-tab-panel.is-active { opacity:1; transform:translateY(0); pointer-events:auto; }

.fpd-panel-media { width:100%; height:auto; border-radius:var(--fpd-radius); display:block; margin:0 0 14px; }
.fpd-media-placeholder { background:#eee; border-radius:var(--fpd-radius); aspect-ratio:16/9; display:grid; place-items:center; color:#777; margin:0 0 14px; }
.fpd-description { font-size:16px; color:#333; }
.fpd-button { display:inline-block; padding:10px 16px; border-radius:8px; background:var(--fpd-accent); color:#fff; text-decoration:none; font-weight:600; margin-top:8px; }

.fpd-mobile-only { display:none; }
.fpd-desktop-only { display:block; }

@media (max-width:768px) {
  .fpd-tabs-grid { grid-template-columns:1fr; gap:12px; }
  .fpd-mobile-only { display:none; }        /* hide arrow header */
  .fpd-desktop-only { display:flex; }       /* show the list on mobile */
  .fpd-tab-icon {  border:1px solid currentColor;  }
  .fpd-tab-link { padding:16px 18px; border:1px solid #E8E8E8; background:#fff; box-shadow:0 1px 0 rgba(0,0,0,.03); }
  .fpd-tab-link.is-active { background:var(--fpd-accent); color:#fff; border-color:var(--fpd-accent); }

  .fpd-tab-panel { transition:height .45s cubic-bezier(.25,.8,.25,1), opacity .35s ease, transform .35s ease; }
  .fpd-panel-media, .fpd-media-placeholder { margin-bottom:12px; border-radius:var(--fpd-radius); }
}


@media (max-width: 768px) {
    .fpd-tabs-grid {
      display: flex !important;
      flex-flow: column-reverse  !important;
    }
  }
  
}