.expandable-cards{--header-max-width: 800px;--image-height: 221px;background:var(--bg-image-mobile);background-size:cover;background-position:center;background-repeat:no-repeat}.expandable-cards-header{max-width:var(--header-max-width);margin-left:auto;margin-right:auto}.expandable-cards-content{display:flex;flex-direction:column;gap:var(--spacing-sm)}.expandable-card{width:100%;background:#fff;border-radius:6px;border:1px solid var(--color-text);overflow:hidden}.expandable-card__header .expandable-card__image .expandable-card__img{width:100%;object-fit:cover}.expandable-card__content{display:flex;flex-direction:column;justify-content:space-between;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-sm);height:calc(100% - var(--image-height))}.expandable-card__footer .expandable-card__footerDetails{border-top:1px solid #000000}.expandable-card__footer .expandable-card__footerDetails[open] .expandable-card__footerSummary .icon{transform:rotate(90deg);transition:transform .3s ease}.expandable-card__footer .expandable-card__footerDetails[open] .expandable-card__footerDescription{animation:slideDown .3s ease forwards}.expandable-card__footer .expandable-card__footerDetails .expandable-card__footerSummary{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);padding:var(--spacing-xs) 0 0}.expandable-card__footer .expandable-card__footerDetails .expandable-card__footerSummary .icon{transition:transform .3s ease}.expandable-card__footer .expandable-card__footerDescription{white-space:normal;word-break:break-word;padding:var(--spacing-xs) 0;animation:slideUp .3s ease forwards}.expandable-card__footer .expandable-card__footerDescription p:first-of-type{margin-top:0}.expandable-card__footer .expandable-card__footerDescription p:last-of-type{margin-bottom:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@media (min-width: 768px){.expandable-cards{background:var(--bg-image-desktop);background-size:cover;background-position:center;background-repeat:no-repeat}.expandable-cards-content{flex-flow:row wrap;justify-content:center;gap:var(--spacing-lg) var(--spacing-sm)}.expandable-card{width:calc((100% / 2) - var(--spacing-sm))}}@media (min-width: 1024px){.expandable-card{width:calc((100% / 3) - var(--spacing-sm))}}