.service-mobile-controls { display: none; }
@media screen and (max-width:767px) {
 #home section.servis > .shadow {
  width: calc(100% - 40px); max-width: none; height: auto; margin: 20px auto 0;
  padding: 0; box-shadow: none; background: none; overflow: visible;
 }
 #home section.servis > .shadow > .active {
  position: static; width: 100% !important; height: auto; margin: 0; padding: 0;
  overflow-x: auto !important; overflow-y: hidden; scroll-snap-type: x mandatory;
  overscroll-behavior-x: contain; scrollbar-width: none; -webkit-overflow-scrolling: touch;
 }
 #home section.servis > .shadow > .active::-webkit-scrollbar { display: none; }
 #home section.servis div.carousel {
  display: flex; flex-wrap: nowrap; gap: 16px; width: 100% !important;
  height: auto; margin: 0; padding: 0; animation: none !important; transform: none !important;
 }
 #home section.servis div.carousel > .element {
  position: relative; box-sizing: border-box; flex: 0 0 100%; width: 100%; min-width: 0;
  height: 350px; margin: 0; padding: 0; border: 1px solid #e3e5e7;
  border-radius: 14px; overflow: hidden; background: #f2f3f4;
  scroll-snap-align: start; scroll-snap-stop: always;
 }
 #home section.servis div.carousel > .service-mobile-duplicate,
 #home section.servis div.carousel > .mobile-duplicate { display: none; }
 #home section.servis div.carousel > .element > .pasive,
 #home section.servis div.carousel > .element > p,
 #home section.servis div.carousel > .element > img.arrow { display: none !important; }
 #home section.servis div.carousel > .element > .active {
  position: absolute; inset: 0 0 112px; width: 100%; height: auto;
  opacity: 1 !important; visibility: visible; filter: none; transform: none;
  background-size: cover; background-position: center; transition: none;
 }
 #home section.servis div.carousel > .element > a.title {
  position: absolute; inset: auto 0 0 !important; box-sizing: border-box;
  display: flex; flex-direction: row; align-items: center !important; justify-content: flex-start;
  width: 100%; height: 112px !important;
  min-height: 0; padding: 22px !important; margin: 0; background: #fff;
  color: #20262b; text-decoration: none; border: 0; transform: none;
 }
 #home section.servis div.carousel > .element > a.title::before {
  content: none; display: none;
 }
 #home section.servis div.carousel > .element > a.title .background { display: none; }
 #home section.servis div.carousel > .element > a.title p {
  position: static !important; flex: 0 1 auto; align-self: center; width: 100%; height: auto;
  margin: 0 !important; padding: 0 !important; float: none; transform: none;
  font: 500 20px/1.3 'Fira Sans',Arial,sans-serif !important;
  color: #20262b; text-align: left; text-decoration: none; background: none;
 }
 #home section.servis .service-mobile-controls {
  display: flex; justify-content: space-between; align-items: center; gap: 16px;
  width: calc(100% - 40px); margin: 16px auto 32px; padding: 0;
 }
 #home section.servis .service-mobile-controls button {
  position: static; display: flex; align-items: center; justify-content: center;
  box-sizing: border-box; width: 48px; min-width: 48px; height: 48px;
  margin: 0; padding: 0; border: 1px solid #e7e7e7; border-radius: 14px;
  background: #fff; color: #cd1719; font: 400 26px/1 Arial,sans-serif;
  cursor: pointer; float: none; transform: none; touch-action: manipulation;
  box-shadow: 0 3px 10px rgba(20,25,30,.08);
 }
 #home section.servis .service-mobile-controls button svg {
  display: block; width: 24px; height: 24px; position: static; margin: 0; padding: 0;
  fill: none; stroke: currentColor; stroke-width: 2.25; stroke-linecap: round; stroke-linejoin: round;
 }
 #home section.servis .service-mobile-controls button:active { background: #fff0f0; border-color: #cd1719; box-shadow: none; }
 #home section.servis .service-mobile-controls button:focus-visible { outline: 3px solid #292929; outline-offset: 3px; }
 #home section.servis .service-mobile-count { font: 500 14px/1.4 'Fira Sans',Arial,sans-serif; color: #61676d; }
}