{% set lang_key = { 'it': 'it-it', 'de': 'de-de', 'fr': 'fr-fr', 'en': 'en-gb' }[code]|default('it-it') %}
{% set copy = {
  'it-it': {
    eyebrow: 'SUTTO SA · Lumino', hero: 'Sollevamento, edilizia e industria. Soluzioni tecniche su cui contare.', intro: 'Dalla fornitura di attrezzature alla lavorazione su misura di funi e catene: competenza, sicurezza e assistenza per il lavoro quotidiano.', shop: 'Scopri lo shop', consult: 'Richiedi consulenza', trust1: 'Competenza tecnica', trust1s: 'Soluzioni per applicazioni professionali', trust2: 'Sicurezza al centro', trust2s: 'Qualità e affidabilità verificabili', trust3: 'Su misura', trust3s: 'Funi, catene e componenti configurati', trust4: 'Assistenza locale', trust4s: 'Supporto e post-vendita da Lumino', kicker: 'Aree di competenza', heading: 'Una risposta concreta a ogni esigenza tecnica.', lead: 'Dalla scelta del prodotto alla soluzione su misura, SUTTO SA affianca industrie, imprese e professionisti con un approccio diretto e competente.', lift: 'Sollevamento', liftd: 'Funi, catene, paranchi, accessori e soluzioni per movimentare in sicurezza.', build: 'Edilizia', buildd: 'Macchine, utensili, vibrazione e attrezzature per il cantiere.', industry: 'Industria', industryd: 'Utensili, forza controllata e componenti per manutenzione e produzione.', discover: 'Scopri le soluzioni', servicek: 'Servizi specializzati', serviceh: 'Più di un fornitore. Un partner tecnico.', serviced: 'Per le esigenze che richiedono valutazione, precisione e sicurezza, mettiamo a disposizione esperienza tecnica, prodotti selezionati e supporto post-vendita.', list1: 'Lavorazione di funi e catene in acciaio', list2: 'Configurazioni su specifica richiesta', list3: 'Assistenza tecnica e manutenzione', list4: 'Documentazione e supporto applicativo', panelk: 'Soluzioni su misura', panelh: 'Ogni applicazione merita la soluzione giusta.', paneld: 'Raccogliamo le informazioni tecniche necessarie e costruiamo insieme la risposta più affidabile.', brandsk: 'Marchi selezionati', brandsh: 'Tecnologie affidabili, distribuite con competenza.', b2bk: 'Richiesta tecnica e B2B', b2bh: 'Hai un’esigenza specifica?', b2bd: 'Inviaci i dati essenziali della tua applicazione. Ti ricontatteremo per valutare prodotto, configurazione e disponibilità.', step1: 'Descrivi', step1d: 'carico, utilizzo e misure', step2: 'Confronta', step2d: 'soluzione e specifiche', step3: 'Conferma', step3d: 'offerta e consegna', b2btitle: 'Parliamo del tuo progetto.', b2btext: 'Per prodotti su misura, richieste tecniche o forniture professionali, il contatto diretto è il punto di partenza.', contact: 'Contatta un tecnico'
  },
  'de-de': {
    eyebrow: 'SUTTO SA · Lumino', hero: 'Hebetechnik, Bau und Industrie. Technische Lösungen, auf die Sie zählen können.', intro: 'Von der Lieferung von Ausrüstungen bis zur Massanfertigung von Seilen und Ketten: Kompetenz, Sicherheit und Service für die tägliche Arbeit.', shop: 'Zum Shop', consult: 'Beratung anfragen', trust1: 'Technische Kompetenz', trust1s: 'Lösungen für professionelle Anwendungen', trust2: 'Sicherheit im Zentrum', trust2s: 'Nachvollziehbare Qualität und Zuverlässigkeit', trust3: 'Massanfertigung', trust3s: 'Konfigurierte Seile, Ketten und Komponenten', trust4: 'Lokaler Service', trust4s: 'Support und Kundendienst aus Lumino', kicker: 'Kompetenzbereiche', heading: 'Eine konkrete Antwort auf jede technische Anforderung.', lead: 'Von der Produktauswahl bis zur Massanfertigung unterstützt SUTTO SA Unternehmen und Fachleute direkt und kompetent.', lift: 'Hebetechnik', liftd: 'Seile, Ketten, Hebezeuge, Zubehör und Lösungen für sicheres Bewegen.', build: 'Bau', buildd: 'Maschinen, Werkzeuge, Vibrationstechnik und Ausrüstungen für die Baustelle.', industry: 'Industrie', industryd: 'Werkzeuge, kontrollierte Kraft und Komponenten für Wartung und Produktion.', discover: 'Lösungen entdecken', servicek: 'Spezialisierte Dienstleistungen', serviceh: 'Mehr als ein Lieferant. Ein technischer Partner.', serviced: 'Für Anforderungen mit Bewertung, Präzision und Sicherheit bieten wir technische Erfahrung, ausgewählte Produkte und Kundendienst.', list1: 'Verarbeitung von Stahlseilen und Ketten', list2: 'Konfigurationen nach Kundenvorgabe', list3: 'Technischer Service und Wartung', list4: 'Dokumentation und Anwendungssupport', panelk: 'Massgeschneiderte Lösungen', panelh: 'Jede Anwendung verdient die richtige Lösung.', paneld: 'Wir erfassen die notwendigen technischen Angaben und erarbeiten gemeinsam die zuverlässigste Antwort.', brandsk: 'Ausgewählte Marken', brandsh: 'Zuverlässige Technologien, kompetent vertrieben.', b2bk: 'Technische Anfrage und B2B', b2bh: 'Haben Sie einen spezifischen Bedarf?', b2bd: 'Senden Sie uns die wichtigsten Angaben zu Ihrer Anwendung. Wir melden uns, um Produkt, Konfiguration und Verfügbarkeit zu prüfen.', step1: 'Beschreiben', step1d: 'Last, Einsatz und Masse', step2: 'Prüfen', step2d: 'Lösung und Spezifikationen', step3: 'Bestätigen', step3d: 'Offerte und Lieferung', b2btitle: 'Sprechen wir über Ihr Projekt.', b2btext: 'Bei Massanfertigungen, technischen Anfragen oder professionellen Lieferungen ist der direkte Kontakt der beste Ausgangspunkt.', contact: 'Techniker kontaktieren'
  },
  'fr-fr': {
    eyebrow: 'SUTTO SA · Lumino', hero: 'Levage, construction et industrie. Des solutions techniques fiables.', intro: 'De la fourniture d’équipements à la fabrication sur mesure de câbles et de chaînes : compétence, sécurité et assistance au quotidien.', shop: 'Découvrir le shop', consult: 'Demander conseil', trust1: 'Compétence technique', trust1s: 'Solutions pour applications professionnelles', trust2: 'La sécurité avant tout', trust2s: 'Qualité et fiabilité vérifiables', trust3: 'Sur mesure', trust3s: 'Câbles, chaînes et composants configurés', trust4: 'Service local', trust4s: 'Support et après-vente depuis Lumino', kicker: 'Domaines de compétence', heading: 'Une réponse concrète à chaque besoin technique.', lead: 'Du choix du produit à la solution sur mesure, SUTTO SA accompagne entreprises et professionnels avec une approche directe et compétente.', lift: 'Levage', liftd: 'Câbles, chaînes, palans, accessoires et solutions pour manutentionner en sécurité.', build: 'Construction', buildd: 'Machines, outils, vibration et équipements pour le chantier.', industry: 'Industrie', industryd: 'Outillage, force contrôlée et composants pour la maintenance et la production.', discover: 'Découvrir les solutions', servicek: 'Services spécialisés', serviceh: 'Bien plus qu’un fournisseur. Un partenaire technique.', serviced: 'Pour les besoins qui exigent évaluation, précision et sécurité, nous apportons expertise technique, produits sélectionnés et assistance après-vente.', list1: 'Travail de câbles et chaînes en acier', list2: 'Configurations selon vos spécifications', list3: 'Assistance technique et maintenance', list4: 'Documentation et support applicatif', panelk: 'Solutions sur mesure', panelh: 'Chaque application mérite la bonne solution.', paneld: 'Nous recueillons les données techniques nécessaires et construisons ensemble la réponse la plus fiable.', brandsk: 'Marques sélectionnées', brandsh: 'Des technologies fiables, distribuées avec compétence.', b2bk: 'Demande technique et B2B', b2bh: 'Un besoin spécifique?', b2bd: 'Envoyez-nous les informations essentielles sur votre application. Nous vous recontacterons pour évaluer produit, configuration et disponibilité.', step1: 'Décrivez', step1d: 'charge, utilisation et mesures', step2: 'Évaluez', step2d: 'solution et spécifications', step3: 'Confirmez', step3d: 'offre et livraison', b2btitle: 'Parlons de votre projet.', b2btext: 'Pour les produits sur mesure, les demandes techniques et les fournitures professionnelles, le contact direct est le meilleur point de départ.', contact: 'Contacter un technicien'
  },
  'en-gb': {
    eyebrow: 'SUTTO SA · Lumino', hero: 'Lifting, construction and industry. Technical solutions you can rely on.', intro: 'From equipment supply to made-to-measure steel ropes and chains: competence, safety and support for daily work.', shop: 'Explore the shop', consult: 'Request advice', trust1: 'Technical expertise', trust1s: 'Solutions for professional applications', trust2: 'Safety first', trust2s: 'Verifiable quality and reliability', trust3: 'Made to measure', trust3s: 'Configured ropes, chains and components', trust4: 'Local service', trust4s: 'Support and after-sales from Lumino', kicker: 'Areas of expertise', heading: 'A practical response to every technical requirement.', lead: 'From product selection to a bespoke solution, SUTTO SA supports companies and professionals with a direct, competent approach.', lift: 'Lifting', liftd: 'Ropes, chains, hoists, accessories and solutions for safe material handling.', build: 'Construction', buildd: 'Machines, tools, vibration equipment and solutions for worksites.', industry: 'Industry', industryd: 'Tools, controlled-force solutions and components for maintenance and production.', discover: 'Explore solutions', servicek: 'Specialist services', serviceh: 'More than a supplier. A technical partner.', serviced: 'Where an application calls for evaluation, precision and safety, we provide technical experience, selected products and after-sales support.', list1: 'Steel rope and chain processing', list2: 'Configurations to customer specification', list3: 'Technical assistance and maintenance', list4: 'Documentation and application support', panelk: 'Bespoke solutions', panelh: 'Every application deserves the right solution.', paneld: 'We gather the technical information needed and work with you to deliver the most reliable response.', brandsk: 'Selected brands', brandsh: 'Reliable technologies, supplied with expertise.', b2bk: 'Technical request and B2B', b2bh: 'Do you have a specific requirement?', b2bd: 'Send us the key details of your application. We will contact you to assess product, configuration and availability.', step1: 'Describe', step1d: 'load, use and dimensions', step2: 'Assess', step2d: 'solution and specifications', step3: 'Confirm', step3d: 'quotation and delivery', b2btitle: 'Let’s talk about your project.', b2btext: 'For bespoke products, technical requests or professional supply, direct contact is the best starting point.', contact: 'Contact a technician'
  }
}[lang_key]|default({
  eyebrow: 'SUTTO SA · Lumino', hero: 'Sollevamento, edilizia e industria. Soluzioni tecniche su cui contare.', intro: 'Competenza, sicurezza e assistenza per il lavoro quotidiano.', shop: 'Scopri lo shop', consult: 'Richiedi consulenza', trust1: 'Competenza tecnica', trust1s: 'Soluzioni professionali', trust2: 'Sicurezza al centro', trust2s: 'Qualità verificabile', trust3: 'Su misura', trust3s: 'Funi e catene configurate', trust4: 'Assistenza locale', trust4s: 'Supporto da Lumino', kicker: 'Aree di competenza', heading: 'Una risposta concreta a ogni esigenza tecnica.', lead: 'SUTTO SA affianca industrie, imprese e professionisti.', lift: 'Sollevamento', liftd: 'Soluzioni per movimentare in sicurezza.', build: 'Edilizia', buildd: 'Attrezzature per il cantiere.', industry: 'Industria', industryd: 'Soluzioni per manutenzione e produzione.', discover: 'Scopri le soluzioni', servicek: 'Servizi specializzati', serviceh: 'Un partner tecnico.', serviced: 'Esperienza tecnica e supporto post-vendita.', list1: 'Lavorazione funi e catene', list2: 'Configurazioni su richiesta', list3: 'Assistenza e manutenzione', list4: 'Supporto applicativo', panelk: 'Soluzioni su misura', panelh: 'La soluzione giusta.', paneld: 'Dati tecnici, consulenza, affidabilità.', brandsk: 'Marchi selezionati', brandsh: 'Tecnologie affidabili.', b2bk: 'Richiesta tecnica', b2bh: 'Hai un’esigenza specifica?', b2bd: 'Inviaci i dati essenziali.', step1: 'Descrivi', step1d: 'la necessità', step2: 'Confronta', step2d: 'la soluzione', step3: 'Conferma', step3d: 'la fornitura', b2btitle: 'Parliamo del tuo progetto.', b2btext: 'Il contatto diretto è il punto di partenza.', contact: 'Contatta un tecnico'
}) %}
{% set brand_previous = 'Brand precedente' %}{% set brand_next = 'Brand successivo' %}
{% if lang_key == 'de-de' %}{% set brand_previous = 'Vorherige Marke' %}{% set brand_next = 'Nächste Marke' %}{% elseif lang_key == 'fr-fr' %}{% set brand_previous = 'Marque précédente' %}{% set brand_next = 'Marque suivante' %}{% elseif lang_key == 'en-gb' %}{% set brand_previous = 'Previous brand' %}{% set brand_next = 'Next brand' %}{% endif %}
{{ header }}
<div id="common-home" class="sutto-home sutto-home--commercial">
  <section class="sutto-compact-hero"><div class="container sutto-compact-hero__grid">
    <article class="sutto-hero-sector-slider" data-sector-hero-slider aria-label="{% if lang_key == 'de-de' %}Ausgewählte Branchen{% elseif lang_key == 'fr-fr' %}Secteurs sélectionnés{% elseif lang_key == 'en-gb' %}Selected sectors{% else %}Settori selezionati{% endif %}">
      <div class="sutto-hero-sector-slider__track" data-sector-hero-track>
        <section class="sutto-hero-sector-slide sutto-hero-sector-slide--construction" aria-hidden="false">
          <div class="sutto-hero-sector-slide__copy"><p class="sutto-eyebrow">{% if lang_key == 'de-de' %}Bauwesen{% elseif lang_key == 'fr-fr' %}Construction{% elseif lang_key == 'en-gb' %}Construction{% else %}Edilizia{% endif %}</p><h1>{% if lang_key == 'de-de' %}Präzise Lösungen für die Baustelle.{% elseif lang_key == 'fr-fr' %}Des solutions précises pour le chantier.{% elseif lang_key == 'en-gb' %}Precise solutions for the worksite.{% else %}Edilizia che lavora con precisione.{% endif %}</h1><p>{% if lang_key == 'de-de' %}Technologien für Beton, Vibration, Profiwerkzeuge und Abbrucharbeiten im täglichen Baustelleneinsatz.{% elseif lang_key == 'fr-fr' %}Des technologies pour le béton, la vibration, l outillage professionnel et la démolition sur chantier.{% elseif lang_key == 'en-gb' %}Technologies for concrete, vibration, professional tools and demolition work on site.{% else %}Tecnologie per calcestruzzo, vibrazione, utensili professionali e demolizione nelle applicazioni di cantiere.{% endif %}</p><div class="sutto-hero-sector-brands"><a href="{{ asutto_sector_brand_page_links['PROBST-BETONTECHNIK']|default(asutto_construction_link|default(contact)) }}">PROBST-BETONTECHNIK</a><a href="{{ asutto_sector_brand_page_links['NETTER VIBRATION']|default(asutto_construction_link|default(contact)) }}">NETTER VIBRATION</a><a href="{{ asutto_sector_brand_page_links['MAKITA']|default(asutto_construction_link|default(contact)) }}">MAKITA</a><a href="{{ asutto_sector_brand_page_links['ATLAS COPCO']|default(asutto_construction_link|default(contact)) }}">ATLAS COPCO</a></div><div class="sutto-hero__actions"><a class="sutto-button sutto-button--orange" href="{{ asutto_construction_link|default('#edilizia') }}">{% if lang_key == 'de-de' %}Bauwesen entdecken{% elseif lang_key == 'fr-fr' %}Découvrir la construction{% elseif lang_key == 'en-gb' %}Explore construction{% else %}Scopri l edilizia{% endif %} <i class="fa-solid fa-arrow-right"></i></a><a class="sutto-button sutto-button--outline" href="{{ asutto_quote_link|default('#consulenza') }}">{{ copy.consult }}</a></div></div>
        </section>
        <section class="sutto-hero-sector-slide sutto-hero-sector-slide--industry" aria-hidden="true">
          <div class="sutto-hero-sector-slide__copy"><p class="sutto-eyebrow">{% if lang_key == 'de-de' %}Industrie{% elseif lang_key == 'fr-fr' %}Industrie{% elseif lang_key == 'en-gb' %}Industry{% else %}Industria{% endif %}</p><h1>{% if lang_key == 'de-de' %}Kontrollierte Kraft für die Industrie.{% elseif lang_key == 'fr-fr' %}Une force contrôlée pour l industrie.{% elseif lang_key == 'en-gb' %}Controlled force for industry.{% else %}Forza controllata per l industria.{% endif %}</h1><p>{% if lang_key == 'de-de' %}Werkzeuge, kontrollierte Kraft und Lösungen für Montage, Wartung, Heben und präzises Positionieren schwerer Lasten.{% elseif lang_key == 'fr-fr' %}Outillage, force contrôlée et solutions pour l assemblage, la maintenance, le levage et le positionnement précis de charges lourdes.{% elseif lang_key == 'en-gb' %}Tools, controlled-force solutions and equipment for assembly, maintenance, lifting and precise positioning of heavy loads.{% else %}Utensili, forza controllata e soluzioni per montaggio, manutenzione, sollevamento e posizionamento accurato di carichi pesanti.{% endif %}</p><div class="sutto-hero-sector-brands"><a href="{{ asutto_sector_brand_page_links['ENERPAC']|default(asutto_industry_link|default(contact)) }}">ENERPAC</a><a href="{{ asutto_sector_brand_page_links['MAKITA']|default(asutto_industry_link|default(contact)) }}">MAKITA</a><a href="{{ asutto_sector_brand_page_links['INGERSOLL RAND']|default(asutto_industry_link|default(contact)) }}">INGERSOLL RAND</a></div><div class="sutto-hero__actions"><a class="sutto-button sutto-button--orange" href="{{ asutto_industry_link|default('#industria') }}">{% if lang_key == 'de-de' %}Industrie entdecken{% elseif lang_key == 'fr-fr' %}Découvrir l industrie{% elseif lang_key == 'en-gb' %}Explore industry{% else %}Scopri l industria{% endif %} <i class="fa-solid fa-arrow-right"></i></a><a class="sutto-button sutto-button--outline" href="{{ asutto_quote_link|default('#consulenza') }}">{{ copy.consult }}</a></div></div>
        </section>
      </div>
      <div class="sutto-hero-sector-slider__controls"><button type="button" data-sector-prev aria-label="{% if lang_key == 'de-de' %}Vorherige Folie{% elseif lang_key == 'fr-fr' %}Diapositive précédente{% elseif lang_key == 'en-gb' %}Previous slide{% else %}Slide precedente{% endif %}"><i class="fa-solid fa-arrow-left"></i></button><div role="tablist"><button type="button" data-sector-dot="0" aria-label="{% if lang_key == 'de-de' %}Bauwesen{% elseif lang_key == 'fr-fr' %}Construction{% elseif lang_key == 'en-gb' %}Construction{% else %}Edilizia{% endif %}" aria-selected="true"></button><button type="button" data-sector-dot="1" aria-label="{% if lang_key == 'de-de' %}Industrie{% elseif lang_key == 'fr-fr' %}Industrie{% elseif lang_key == 'en-gb' %}Industry{% else %}Industria{% endif %}" aria-selected="false"></button></div><button type="button" data-sector-next aria-label="{% if lang_key == 'de-de' %}Nächste Folie{% elseif lang_key == 'fr-fr' %}Diapositive suivante{% elseif lang_key == 'en-gb' %}Next slide{% else %}Slide successiva{% endif %}"><i class="fa-solid fa-arrow-right"></i></button></div>
    </article>
    <aside class="sutto-brand-slider" data-brand-slider aria-label="{{ copy.brandsk }}"><div class="sutto-brand-slider__top"><span class="sutto-promo-badge">SUTTO PRO</span><div class="sutto-brand-slider__controls"><button type="button" data-brand-prev aria-label="{{ brand_previous }}"><i class="fa-solid fa-arrow-left"></i></button><button type="button" data-brand-next aria-label="{{ brand_next }}"><i class="fa-solid fa-arrow-right"></i></button></div></div><div class="sutto-brand-slider__viewport"><div class="sutto-brand-slider__track" data-brand-track>
      <article class="sutto-brand-slide" aria-hidden="false"><img src="/catalog/view/theme/asutto/image/brands/gis-hoist.jpg" alt="GIS"><div><p>GIS</p><h2>{% if lang_key == 'de-de' %}Heben und Bewegen{% elseif lang_key == 'fr-fr' %}Levage et manutention{% elseif lang_key == 'en-gb' %}Lifting and handling{% else %}Sollevamento e movimentazione{% endif %}</h2><span>{% if lang_key == 'de-de' %}Kettenzüge, Krane und Materialhandling-Systeme für professionelle Anforderungen.{% elseif lang_key == 'fr-fr' %}Palans à chaîne, grues et systèmes de manutention pour les besoins professionnels.{% elseif lang_key == 'en-gb' %}Chain hoists, cranes and material-handling systems for professional requirements.{% else %}Paranchi a catena, gru e sistemi di movimentazione per esigenze professionali.{% endif %}</span></div><a href="{{ asutto_brand_page_links['GIS']|default(asutto_brands_index_link|default(contact)) }}">{{ copy.discover }} <i class="fa-solid fa-arrow-right"></i></a></article>
      <article class="sutto-brand-slide" aria-hidden="true"><img src="/catalog/view/theme/asutto/image/brands/tractel-platform.jpg" alt="TRACTEL"><div><p>TRACTEL</p><h2>{% if lang_key == 'de-de' %}Ziehen und Sicherheit{% elseif lang_key == 'fr-fr' %}Traction et sécurité{% elseif lang_key == 'en-gb' %}Pulling and safety{% else %}Trazione e sicurezza{% endif %}</h2><span>{% if lang_key == 'de-de' %}Ausrüstungen für Heben, Ziehen, Höhenarbeiten und Absturzschutz.{% elseif lang_key == 'fr-fr' %}Équipements pour levage, traction, travail en hauteur et protection antichute.{% elseif lang_key == 'en-gb' %}Equipment for lifting, pulling, work at height and fall protection.{% else %}Attrezzature per il sollevamento, la trazione, il lavoro in quota e la protezione anticaduta.{% endif %}</span></div><a href="{{ asutto_brand_page_links['TRACTEL']|default(asutto_brands_index_link|default(contact)) }}">{{ copy.discover }} <i class="fa-solid fa-arrow-right"></i></a></article>
      <article class="sutto-brand-slide" aria-hidden="true"><img src="/catalog/view/theme/asutto/image/brands/tecnomagnete-lifter.jpg" alt="TECNOMAGNETE"><div><p>TECNOMAGNETE</p><h2>{% if lang_key == 'de-de' %}Magnetische Industriesysteme{% elseif lang_key == 'fr-fr' %}Systèmes magnétiques industriels{% elseif lang_key == 'en-gb' %}Industrial magnetic systems{% else %}Sistemi magnetici industriali{% endif %}</h2><span>{% if lang_key == 'de-de' %}Elektropermanente Lösungen für Verankerung, Heben und Materialhandling.{% elseif lang_key == 'fr-fr' %}Solutions électropermanentes pour ancrage, levage et manutention des matériaux.{% elseif lang_key == 'en-gb' %}Electropermanent solutions for anchoring, lifting and material handling.{% else %}Soluzioni elettropermanenti per ancoraggio, sollevamento e movimentazione dei materiali.{% endif %}</span></div><a href="{{ asutto_brand_page_links['TECNOMAGNETE']|default(asutto_brands_index_link|default(contact)) }}">{{ copy.discover }} <i class="fa-solid fa-arrow-right"></i></a></article>
      <article class="sutto-brand-slide" aria-hidden="true"><img src="/catalog/view/theme/asutto/image/brands/brugg-rope.jpg" alt="BRUGG"><div><p>BRUGG</p><h2>{% if lang_key == 'de-de' %}Seile und Verankerung{% elseif lang_key == 'fr-fr' %}Câbles et ancrage{% elseif lang_key == 'en-gb' %}Ropes and anchoring{% else %}Funi e sistemi di ancoraggio{% endif %}</h2><span>{% if lang_key == 'de-de' %}Stahlseile, Hebesysteme und Konfigurationen für technische Anwendungen.{% elseif lang_key == 'fr-fr' %}Câbles métalliques, systèmes de levage et configurations pour applications techniques.{% elseif lang_key == 'en-gb' %}Steel ropes, lifting systems and configurations for technical applications.{% else %}Funi metalliche, sistemi di sollevamento e configurazioni per applicazioni tecniche.{% endif %}</span></div><a href="{{ asutto_brand_page_links['BRUGG']|default(asutto_brands_index_link|default(contact)) }}">{{ copy.discover }} <i class="fa-solid fa-arrow-right"></i></a></article>
    </div></div><div class="sutto-brand-slider__dots" role="tablist"><button type="button" data-brand-dot="0" aria-label="GIS" aria-selected="true"></button><button type="button" data-brand-dot="1" aria-label="TRACTEL" aria-selected="false"></button><button type="button" data-brand-dot="2" aria-label="TECNOMAGNETE" aria-selected="false"></button><button type="button" data-brand-dot="3" aria-label="BRUGG" aria-selected="false"></button></div></aside>
  </div></section>
  <section class="sutto-quickline"><div class="container sutto-quickline__grid"><div><i class="fa-solid fa-shield-halved"></i><span><b>{{ copy.trust2 }}</b>{{ copy.trust2s }}</span></div><div><i class="fa-solid fa-truck-fast"></i><span><b>{{ copy.trust4 }}</b>{{ copy.trust4s }}</span></div><div><i class="fa-solid fa-compass-drafting"></i><span><b>{{ copy.trust1 }}</b>{{ copy.trust1s }}</span></div></div></section>
  <section class="sutto-product-focus" id="shop"><div class="container"><div class="sutto-compact-head"><div><p class="sutto-kicker">{{ copy.shop }}</p><h2>{{ copy.heading }}</h2></div><a class="sutto-link" href="{{ asutto_shop_link|default(contact) }}">{{ copy.shop }} <i class="fa-solid fa-arrow-right"></i></a></div><div class="sutto-product-focus__grid">
    <a class="sutto-focus-card sutto-focus-card--lift" id="sollevamento" href="{{ asutto_lifting_link|default(contact) }}"><i class="fa-solid fa-crane"></i><span>{{ copy.kicker }}</span><h3>{{ copy.lift }}</h3><p>{{ copy.liftd }}</p><b>{{ copy.discover }} <i class="fa-solid fa-arrow-right"></i></b></a>
    <a class="sutto-focus-card sutto-focus-card--build" id="edilizia" href="{{ asutto_construction_link|default(contact) }}"><i class="fa-solid fa-trowel-bricks"></i><span>{{ copy.kicker }}</span><h3>{{ copy.build }}</h3><p>{{ copy.buildd }}</p><b>{{ copy.discover }} <i class="fa-solid fa-arrow-right"></i></b></a>
    <a class="sutto-focus-card sutto-focus-card--industry" id="industria" href="{{ asutto_industry_link|default(contact) }}"><i class="fa-solid fa-screwdriver-wrench"></i><span>{{ copy.kicker }}</span><h3>{{ copy.industry }}</h3><p>{{ copy.industryd }}</p><b>{{ copy.discover }} <i class="fa-solid fa-arrow-right"></i></b></a>
  </div></div></section>
  <section class="sutto-service-strip" id="servizi"><div class="container"><p class="sutto-kicker">{{ copy.servicek }}</p><div class="sutto-service-strip__grid"><article><i class="fa-solid fa-link"></i><h3>{{ copy.list1 }}</h3><p>{{ copy.trust3s }}</p></article><article><i class="fa-solid fa-gear"></i><h3>{{ copy.list2 }}</h3><p>{{ copy.serviced }}</p></article><article><i class="fa-solid fa-screwdriver-wrench"></i><h3>{{ copy.list3 }}</h3><p>{{ copy.list4 }}</p></article><a class="sutto-service-strip__cta" href="{{ asutto_quote_link|default(contact) }}"><span>{{ copy.b2bk }}</span><strong>{{ copy.consult }}</strong><i class="fa-solid fa-arrow-right"></i></a></div></div></section>
  <section class="sutto-brand-line"><div class="container"><div><p class="sutto-kicker">{{ copy.brandsk }}</p><h2>{{ copy.brandsh }}</h2></div><div class="sutto-brand-line__items"><a href="{{ asutto_brand_links['BRUGG']|default(asutto_brands_index_link|default(contact)) }}">BRUGG</a><a href="{{ asutto_brand_links['GIS']|default(asutto_brands_index_link|default(contact)) }}">GIS</a><a href="{{ asutto_brand_links['TRACTEL']|default(asutto_brands_index_link|default(contact)) }}">TRACTEL</a><a href="{{ asutto_brand_links['PROBST']|default(asutto_brands_index_link|default(contact)) }}">PROBST</a><a href="{{ asutto_brand_links['ENERPAC']|default(asutto_brands_index_link|default(contact)) }}">ENERPAC</a></div></div></section>
  <section class="sutto-quote-ribbon" id="consulenza"><div class="container sutto-quote-ribbon__grid"><div><p class="sutto-kicker">{{ copy.b2bk }}</p><h2>{{ copy.b2bh }}</h2><p>{{ copy.b2bd }}</p></div><div class="sutto-quote-ribbon__steps"><span><b>01</b>{{ copy.step1 }}</span><span><b>02</b>{{ copy.step2 }}</span><span><b>03</b>{{ copy.step3 }}</span></div><a class="sutto-button" href="{{ asutto_quote_link|default(contact) }}">{{ copy.contact }} <i class="fa-solid fa-arrow-right"></i></a></div></section>
</div>
{{ footer }}
<script>
document.addEventListener('DOMContentLoaded', function () {
  document.querySelectorAll('[data-brand-slider]').forEach(function (slider) {
    var track = slider.querySelector('[data-brand-track]');
    var slides = Array.prototype.slice.call(slider.querySelectorAll('.sutto-brand-slide'));
    var dots = Array.prototype.slice.call(slider.querySelectorAll('[data-brand-dot]'));
    var index = 0;
    var locale = (document.documentElement.lang || 'it').slice(0, 2);
    var labels = { it: ['Brand precedente', 'Brand successivo'], de: ['Vorherige Marke', 'Nächste Marke'], fr: ['Marque précédente', 'Marque suivante'], en: ['Previous brand', 'Next brand'] };
    var controls = labels[locale] || labels.it;
    slider.querySelector('[data-brand-prev]').setAttribute('aria-label', controls[0]);
    slider.querySelector('[data-brand-next]').setAttribute('aria-label', controls[1]);
    if (!track || slides.length < 2) return;
    function show(next) {
      index = (next + slides.length) % slides.length;
      track.style.transform = 'translateX(-' + (index * 100) + '%)';
      slides.forEach(function (slide, position) { slide.setAttribute('aria-hidden', position === index ? 'false' : 'true'); });
      dots.forEach(function (dot, position) { dot.setAttribute('aria-selected', position === index ? 'true' : 'false'); });
    }
    slider.querySelector('[data-brand-prev]').addEventListener('click', function () { show(index - 1); });
    slider.querySelector('[data-brand-next]').addEventListener('click', function () { show(index + 1); });
    dots.forEach(function (dot, position) { dot.addEventListener('click', function () { show(position); }); });
    slider.addEventListener('keydown', function (event) { if (event.key === 'ArrowLeft') show(index - 1); if (event.key === 'ArrowRight') show(index + 1); });
  });
  document.querySelectorAll('[data-sector-hero-slider]').forEach(function (slider) {
    var track = slider.querySelector('[data-sector-hero-track]');
    var slides = Array.prototype.slice.call(slider.querySelectorAll('.sutto-hero-sector-slide'));
    var dots = Array.prototype.slice.call(slider.querySelectorAll('[data-sector-dot]'));
    var index = 0;
    var timer;
    if (!track || slides.length < 2) return;
    function show(next) {
      index = (next + slides.length) % slides.length;
      track.style.transform = 'translateX(-' + (index * 100) + '%)';
      slides.forEach(function (slide, position) { slide.setAttribute('aria-hidden', position === index ? 'false' : 'true'); });
      dots.forEach(function (dot, position) { dot.setAttribute('aria-selected', position === index ? 'true' : 'false'); });
    }
    function pause() { window.clearInterval(timer); }
    function play() { pause(); if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) timer = window.setInterval(function () { show(index + 1); }, 5500); }
    slider.querySelector('[data-sector-prev]').addEventListener('click', function () { show(index - 1); play(); });
    slider.querySelector('[data-sector-next]').addEventListener('click', function () { show(index + 1); play(); });
    dots.forEach(function (dot, position) { dot.addEventListener('click', function () { show(position); play(); }); });
    slider.addEventListener('mouseenter', pause);
    slider.addEventListener('mouseleave', play);
    slider.addEventListener('focusin', pause);
    slider.addEventListener('focusout', function (event) { if (!slider.contains(event.relatedTarget)) play(); });
    slider.addEventListener('keydown', function (event) { if (event.key === 'ArrowLeft') { show(index - 1); play(); } if (event.key === 'ArrowRight') { show(index + 1); play(); } });
    play();
  });
});
</script>