/* Mobile: elemen visual (banner, foto, kartu) memenuhi lebar layar penuh ala cititex.com. Teks tetap punya gutter. */
@media (max-width:767px){
  html,body{overflow-x:clip}
  html body.ktx-public-theme :is(
    section.carousel.slide, .home-technique-photo, .home-portfolio-feature,
    .ka-media, .ka-process-photo,
    .portfolio-banner, .portfolio-photo-card, .portfolio-video-card,
    .blog-banner, .article-image-link, .ktx-footer-feature-image, #ktxCatalogBanner
  ){
    width:100vw !important; max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
    border-radius:0 !important;
  }
  html body.ktx-public-theme :is(
    section.carousel.slide, .home-technique-photo, .home-portfolio-feature,
    .ka-media, .ka-process-photo,
    .portfolio-photo-card, .portfolio-video-card, .article-image-link, .ktx-footer-feature-image, #ktxCatalogBanner
  ) img:not(.color-circle):not(.catalog-swatch),
  html body.ktx-public-theme img:is(.home-technique-photo,.portfolio-banner,.blog-banner):not(.color-circle):not(.catalog-swatch){
    border-radius:0 !important;
  }
  html body.ktx-public-theme .portfolio-photo-grid,
  html body.ktx-public-theme .portfolio-video-grid{ gap:6px !important; }
  /* aturan ber-ID di halaman lain perlu selector yang lebih kuat */
  html body.ktx-public-theme.home-page .home-hero #kurotexCarousel,
  html body.ktx-public-theme #ktx-about #ka-proses figure.ka-process-photo{
    width:100vw !important; max-width:100vw !important;
    margin-left:calc(50% - 50vw) !important; margin-right:calc(50% - 50vw) !important;
    border-radius:0 !important;
  }
  html body.ktx-public-theme.home-page .home-hero #kurotexCarousel :is(.carousel-inner,.item,img),
  html body.ktx-public-theme #ktx-about #ka-proses figure.ka-process-photo img{ border-radius:0 !important; }
}