/* Trade Accordion — clean UI (scoped to .av-accordions) */
.av-accordions { display:flex; flex-direction:column; gap:32px; }

/* Trigger */
.av-acc-trigger{
  width: 100%;
  text-align: left;
  padding: 40px 32px;
  background: #0F172B;
  color: #fff;
  border: none;
  border-radius: 10px;
  cursor: pointer;
  position: relative;
  transition: background .2s 
  ease, color .2s 
  ease;
  font-size: 24px;
}
.av-acc-item.is-open .av-acc-trigger{ background:#182642; }

/* Title span for future styling if needed */
.av-acc-title { display:inline-block; }

/* Chevron icon */
.av-acc-icon{
  position:absolute; right:20px; top:50%; width:14px; height:14px;
  transform:translateY(-50%);
}
.av-acc-icon::before{
  content:""; position:absolute; inset:0;
  border-right:2px solid #fff; border-bottom:2px solid #fff;
  transform:rotate(45deg);
  transition:transform .2s ease;
}
.av-acc-item.is-open .av-acc-icon::before{ transform:rotate(-135deg); }

/* Panel */
.av-acc-panel{
  overflow:hidden;
  transition:max-height .25s ease;
  border-radius:10px;
}
.av-acc-inner{
  background:#fff; color:#0F172B;
  padding:32px;
  border-radius:10px;
  box-shadow:0 8px 16px rgba(0,0,0,.06);
  font-size: 20px;
}
/* ===== Equal-height row ===== */
.accordion-row-flex{
  display:flex;                 /* force equal-height columns */
  align-items:stretch;
  gap:28px;                     /* optional spacing */
}

/* Make both columns flex containers */
.accordion-content-column,
.accordion-side-image-column{
  display:flex;
  flex-direction:column;
}

/* ----- Right column: image fills full column height ----- */
.accordion-side-image-column .et_pb_module{        /* Image module wrapper */
  flex:1 1 auto;                                   /* stretch to column height */
}

.accordion-side-image-column .et_pb_image{         /* Divi image module */
  height:100%;
}

.accordion-side-image-column .et_pb_image_wrap{
  display:block;
  height:100%;
  overflow:hidden;                                 /* keep rounded corners clean */
  border-radius:16px;                              /* match your design */
}

.accordion-side-image-column .et_pb_image_wrap img{
  width:100%;
  height:100%;
  object-fit:cover;                                 /* crop to fill height */
  display:block;
}

/* Optional: if you use the grayscale class, keep it */
.accordion-side-image-column .grayscale img{ filter: grayscale(100%); }

/* ----- Mobile: let image return to natural height when stacked ----- */
@media (max-width: 980px){
  .accordion-row-flex{ display:block; }             /* stack columns */
  .accordion-side-image-column .et_pb_image,
  .accordion-side-image-column .et_pb_image_wrap,
  .accordion-side-image-column .et_pb_image_wrap img{
    height:auto;
  }
}