/* home skin — mobile/tablet fixes. Scoped to Home (page ID 159218). */

/*
 * Client logo bar = Uncode "linear" gallery marquee
 *   [vc_gallery type="linear" linear_animation="marquee-opposite" linear_width="clamp(100px,8vw,135px)"]
 *   markup: .un-media-gallery.linear-system.linear-by-w > .linear-wrapper > .linear-container > .tmb
 *           > .fluid-svg (ratio box, padding-top:50%) > span.icon-media (width from linear_width) > img (SVG logo)
 *
 * This is a JS-driven, auto-scrolling marquee (infinite clones, drag).
 * The animation is CSS `transform: translateX(-100%)` on .linear-container — percentage-based
 * and self-adjusting — so we do NOT touch the layout (no flex-wrap / grid restructuring, no clone
 * count logic). We only raise the per-logo width floor on small screens so the logos read a bit
 * larger instead of sitting at the 100px clamp minimum. Seamless-loop stays intact because one
 * container (30 logos) is far wider than the mobile viewport regardless of tile width.
 */
@media (max-width: 480px) {
  body.page-id-159218 .un-media-gallery.linear-by-w .linear-container .tmb .fluid-svg,
  body.page-id-159218 .un-media-gallery.linear-by-w .linear-container .tmb .icon-media {
    width: clamp(116px, 30vw, 130px) !important;
  }
  body.page-id-159218 .un-media-gallery.linear-by-w .linear-container .tmb .icon-media img {
    width: 100% !important;
    height: auto !important;
  }
}