.ds-gallery { display:grid; gap:10px; } .ds-gallery img { width:100%; height:100%; object-fit:cover; border-radius:10px; display:block; } .ds-gallery-item { position:relative; overflow:hidden; }

/* Desktop Layout */
.ds-gallery-1 { grid-template-columns:1fr; } 
.ds-gallery-2 { grid-template-columns:1fr 1fr; } 
.ds-gallery-3 { grid-template-columns:3fr 1fr; grid-template-rows:1fr 1fr; } .ds-gallery-3 .ds-gallery-item:first-child { grid-row:1 / span 2; } 
.ds-gallery-4, .ds-gallery-5, .ds-gallery-6 { grid-template-columns:3fr 1fr; grid-template-rows:repeat(3,1fr); } .ds-gallery-4 .ds-gallery-item:first-child, .ds-gallery-5 .ds-gallery-item:first-child, .ds-gallery-6 .ds-gallery-item:first-child { grid-row:1 / span 3; }

/* Overlay */
.ds-more-overlay { position:absolute; inset:0; background:rgba(0,0,0,0.6); color:#fff; display:flex; align-items:center; justify-content:center; font-size:22px; font-weight:600; border-radius:10px; }

/* Tablet (768px) */
@media(max-width:1024px){ 
.ds-gallery { gap:8px; } 
.ds-gallery-3, .ds-gallery-4, .ds-gallery-5, .ds-gallery-6 { grid-template-columns:2fr 1fr; } 
.ds-more-overlay { font-size:18px; } 
}

/* Mobile (768px ↓) */
@media(max-width:768px){ 
.ds-gallery { grid-template-columns:1fr !important; grid-template-rows:auto !important; } 
.ds-gallery-item { height:auto; } 
.ds-gallery img { aspect-ratio:4/3; } 
}

/* Small Mobile */
@media(max-width:480px){ 
.ds-gallery { gap:6px; } 
.ds-more-overlay { font-size:16px; } 
}