.ehs-wrapper { width:100%; overflow:hidden; }
.ehs-slides { gap: var(--slide-gap,0px); display:flex; transition: all 400ms ease; align-items:stretch;  }
.ehs-slide { position:relative; background-size:cover; background-position:center; transition: width 450ms cubic-bezier(.22,.9,.33,1); display:flex; align-items:flex-end; cursor:pointer; outline:none; }
.ehs-slide:focus { box-shadow: 0 0 0 3px rgba(0,123,255,0.25); }
.ehs-overlay { background: var(--overlay-color, rgba(0,0,0,0.25)); position:absolute; left:0; right:0; top:0; bottom:0; pointer-events:none; transition: background 300ms; }
.ehs-content { position:relative; z-index:2; padding:24px; width:100%; box-sizing:border-box; }
.ehs-slide__title { margin:0; font-size:20px; line-height:1.1; color:#fff; font-weight:700; }
.ehs-slide__desc { margin-top:8px; color:#fff; transition: opacity 300ms, transform 300ms; max-width:90%; opacity:0; transform: translateY(6px); }
.ehs-expanded .ehs-overlay { background: var(--overlay-color, rgba(0,0,0,0.25)); background: rgba(0,0,0,0.25); }
/* TABLET — 3 per row */
@media (max-width: 1024px){
    .ehs-slide {
        flex: 1 0 calc(33.33% - var(--slide-gap,0px)); 
    }
}

/* MOBILE — 2 per row */
@media (max-width: 768px){
    .ehs-slides { 
        gap: var(--slide-gap,0px); 
        flex-wrap: wrap;
        height:auto;
    }
    .ehs-slide { 
        flex: 1 0 calc(50% - var(--slide-gap,0px)); /* 2 per row */
        min-height:200px;
    }
    .ehs-content { padding:18px; }
}