.sc-offer-images{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0 20px}
.sc-offer-images>a{display:block;aspect-ratio:2/1;min-width:0;overflow:hidden;border-radius:12px;background:var(--cd,#171e2f);text-decoration:none;transition:box-shadow .2s ease}
.sc-offer-images>a:focus-visible{outline:3px solid var(--sc-secondary,#4c7cf3);outline-offset:3px}
.sc-offer-images>a:hover{box-shadow:0 4px 16px #0002}
.sc-offer-images img{display:block;width:100%;height:100%;object-fit:contain}
.sc-offer-hero{width:100%;aspect-ratio:2/1;max-height:500px;overflow:hidden;border-radius:12px;background:var(--cd,#171e2f);margin-bottom:18px}
.sc-offer-hero img{display:block;width:100%;height:100%;object-fit:contain}
@media(max-width:699px){.sc-offer-images{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:44%;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;padding-bottom:6px}.sc-offer-images>a{scroll-snap-align:start}}
/* Desktop row of five: same width, lower height (254 x 95 at the 1320 container). Picture size 640 x 240. Phones and tablets keep 2:1. */
@media(min-width:1000px){.sc-offer-images>a{aspect-ratio:8/3}}
@media(prefers-reduced-motion:reduce){.sc-offer-images>a{transition:none}}