/* 2026-11 Sinom batch 29: phone layout fixes. Loaded by one <link> line in the head free-code area.
   Undo: remove that <link> line. */
@media screen and (max-width:767px){
  /* catalog download links: long names wrap inside their column instead of overlapping */
  .module-ecptdetail.module-ecptdetail.module-ecptdetail .mpro-panel.col-sm-7 .down-load-groups a{
    white-space:normal;word-break:break-word;overflow-wrap:anywhere;align-items:flex-start;
  }
  .module-ecptdetail.module-ecptdetail.module-ecptdetail .mpro-panel.col-sm-7 .down-load-groups.contact.contact a{
    align-items:center;
  }
  /* less empty space between the menu bar and the product photo */
  .module.module-ecptdetail.md_style1{margin-top:0!important}
  .module.module-ecptdetail.md_style1>.minner>section.mb{padding-top:10px}
  /* back-to-top button: lower and smaller so it does not cover headings */
  .right>a.svg.gotop{opacity:.85}
  div.right:has(>a.gotop){bottom:64px!important;top:auto!important;right:10px!important}
}
/* product photo gallery: the template's two arrow icons do not exist (404), so draw them here */
.module-ecptdetail.module-ecptdetail.module-ecptdetail [class*="swiper-button"].swiper-button-next{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 18'%3E%3Cpath d='M1 1l7 8-7 8' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size:9px 18px;
}
.module-ecptdetail.module-ecptdetail.module-ecptdetail [class*="swiper-button"].swiper-button-prev{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 18'%3E%3Cpath d='M8 1L1 9l7 8' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size:9px 18px;
}