/* Keep the preview's CSS viewport equal to its labelled width. */
.shiko-banner-preview iframe{box-sizing:content-box}
/* A deliberate second row leaves every carousel control easy to tap. */
@media(max-width:420px){
 .shiko-banner-controls{display:grid;grid-template-columns:44px minmax(0,1fr) auto 44px;gap:4px;padding:4px}
 .shiko-banner-controls>button:first-child{grid-column:1;grid-row:1}
 .shiko-banner-counter{grid-column:2;grid-row:1}
 .shiko-banner-controls>.shiko-banner-pause{grid-column:3;grid-row:1}
 .shiko-banner-controls>button:last-child{grid-column:4;grid-row:1}
 .shiko-banner-controls>.shiko-banner-dots{grid-column:1/-1;grid-row:2;justify-content:center;min-width:0}
 .shiko-banner-dots button{min-width:44px;min-height:44px}
}


/* Mobile home banners: keep accessible labels, show only the image. */
@media(max-width:767px){.home-banner-block .shiko-banner-slide .shiko-banner-link > .shiko-banner-copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}}

/* Photo banners keep their own title and CTA inside one mobile composition. */
@media(max-width:767px){
.home-banner-block .shiko-banner-slide.photo .shiko-banner-link{display:grid;width:100%;max-width:100%;box-sizing:border-box;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);aspect-ratio:2/1;min-height:180px;align-items:stretch}
.home-banner-block .shiko-banner-slide.photo .shiko-banner-picture{grid-column:2;grid-row:1;min-width:0;min-height:0;height:100%;aspect-ratio:auto}
.home-banner-block .shiko-banner-slide.photo .shiko-banner-picture img{width:100%;height:100%;object-fit:contain}
.home-banner-block .shiko-banner-slide.photo .shiko-banner-link > .shiko-banner-copy{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;position:static;order:-1;width:auto;height:auto;min-width:0;margin:0;padding:14px;overflow:visible;clip:auto;clip-path:none;white-space:normal;border:0}
.home-banner-block .shiko-banner-slide.photo .shiko-banner-copy > h1{font-size:clamp(17px,4.7vw,24px);line-height:1.15;margin:0 0 12px}
.home-banner-block .shiko-banner-slide.photo .shiko-banner-copy > p{display:none}
.home-banner-block .shiko-banner-slide.photo .shiko-banner-copy .shiko-btn{box-sizing:border-box;font-size:12px;line-height:1.25;min-height:44px;padding:8px 10px;width:100%;max-width:100%;white-space:normal;text-align:center;justify-content:center;letter-spacing:0}
}