:root{
  --acc-gap: 24px;
  --acc-card-radius: 16px;
  --acc-card-border: #e6e6e6;
  --acc-ink: #1f2937;
  --acc-muted: #6A6C6F;
}

.edb-acc2{ --cols:2; }
.edb-acc2__grid{
  display:grid; grid-template-columns:repeat(var(--cols), minmax(0,1fr));
  gap:16px;
}
@media (max-width: 900px){
  .edb-acc2__grid{ --cols:1; }
}

/* Card */
.edb-acc2__item{
  background:#fff; border:2px solid var(--acc-card-border); border-radius: var(--acc-card-radius); overflow:hidden;
  margin-bottom: 7px;
}

/* Button row */
.edb-acc2__btn{
  width:100%; text-align:left; border:0;
  font-family: 'Poppins';
  font-size: 16px;
  font-weight: 600;
  padding: 18px 18px; display:flex; justify-content:space-between; align-items:center;
  cursor:pointer; color:var(--acc-ink);
  background-color: #fff;
}

@media (max-width: 780px){

    .edb-acc2__btn{
        font-size: 14px;
    }


}

/* Chevron */
.edb-acc2__chev{ transition: transform .2s ease; content:"";                             /* remove ▾ text */
  display: block;
  min-width: 18px !important;
  width:18px !important; 
  height:10px !important;
  background:url('./img/arrow-down.png') no-repeat center/contain;
  margin-right: 10px;
}
.edb-acc2__btn[aria-expanded="true"] .edb-acc2__chev{ transform: rotate(180deg); }

/* Panel */
.edb-acc2__content { 
    padding: 0 18px 20px; 
    color:var(--acc-muted);
    font-family: 'Poppins', sans-serif;
    line-height: 32px;
    font-size: 16px;
}

/* Animated panel */
.edb-acc2__panel{
  overflow: hidden;
  height: 0;
  opacity: 0;
  transition: height .26s ease, opacity .26s ease;
}

/* If a panel is rendered open (aria-expanded="true"), make sure it's visible */
.edb-acc2__item.is-open .edb-acc2__panel{
  height: auto;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce){
  .edb-acc2__panel{ transition: none; }
}


/* Masonry (multi-column) layout to prevent “paired row” height syncing */
.edb-acc2--masonry .edb-acc2__grid{
  column-count: var(--cols);
  column-gap: 16px;
}
.edb-acc2--masonry .edb-acc2__item{
  display: inline-block;        /* required for columns */
  width: 100%;
  break-inside: avoid;
  margin: 0 0 16px;
}

/* Mobile: stack to a single column */
@media (max-width: 780px){
  .edb-acc2--masonry .edb-acc2__grid{ column-count: 1; }
}

/* Force masonry to stop using CSS Grid and use multi-columns instead */
.edb-acc2--masonry .edb-acc2__grid{
  display:block !important;               /* override display:grid */
  grid-template-columns: none !important; /* neutralize any grid defs */
  column-count: var(--cols);
  column-gap: 16px;
}

.edb-acc2--masonry .edb-acc2__item{
  display:inline-block;    /* required for columns layout */
  width:100%;
  break-inside: avoid;
  margin:0 0 16px;
}

/* Mobile: stack to one column */
@media (max-width: 900px){
  .edb-acc2--masonry .edb-acc2__grid{ column-count:1; }
}

/* Two independent columns (no row coupling, no shuffling) */
.edb-acc2--columns .edb-acc2__cols{
  display:flex; gap:16px; align-items:flex-start;
}
.edb-acc2--columns .edb-acc2__col{
  flex:1 1 0; min-width:0;
}
@media (max-width: 900px){
  .edb-acc2--columns .edb-acc2__cols{ flex-direction:column; }
}