/* ZAXON 1.0.2 — ajustări exclusiv pentru telefon. */
@media screen and (max-width: 760px) {
  .zaxon-site { font-size: 14px; line-height: 1.5; }
  .zaxon-site .wrap { width: calc(100% - 48px); }
  .zaxon-site .section { padding-block: 32px; }
  .zaxon-site h2 { font-size: 28px; line-height: 1.08; }
  .zaxon-site .eyebrow { font-size: 9px; letter-spacing: .16em; margin-bottom: 9px; }
  .zaxon-site .button { min-height: 44px; padding: 11px 14px; font-size: 12px; border-radius: 4px; gap: 12px; }
  .zaxon-site .button .icon { width: 19px; height: 19px; }

  /* Introducere: text sus/stânga, produs dreapta, peste margine. */
  .zaxon-site .site-header { height: 54px; gap: 8px; }
  .zaxon-site .brand { gap: 7px; }
  .zaxon-site .brand-mark { font-size: 27px; }
  .zaxon-site .brand-name { font-size: 14px; }
  .zaxon-site .custom-brand-image { max-width: 100px; max-height: 34px; }
  .zaxon-site .header-actions { gap: 10px; }
  .zaxon-site .header-actions .button { min-height: 29px; padding: 7px 10px; font-size: 10px; }
  .zaxon-site .menu-toggle .icon { width: 21px; height: 21px; }
  .zaxon-site .mobile-nav:not([hidden]) { top: 50px; left: 0; right: 0; padding: 8px 16px; }
  .zaxon-site .hero-shell { background-position: 62% center; }
  .zaxon-site .hero { min-height: 330px; height: 330px; padding-top: 15px; padding-bottom: 0; }
  .zaxon-site .hero .eyebrow { font-size: 8px; letter-spacing: .13em; margin-bottom: 11px; }
  .zaxon-site .hero h1 { font-size: 32px; line-height: 1.04; max-width: 325px; }
  .zaxon-site .hero-intro { font-size: 13px; line-height: 1.45; max-width: 175px; margin-top: 13px; }
  .zaxon-site .hero-actions { margin-top: 15px; gap: 15px; }
  .zaxon-site .hero-actions > .button { min-height: 39px; padding: 10px 14px; font-size: 12px; }
  .zaxon-site .play-link { font-size: 10px; gap: 7px; }
  .zaxon-site .play-circle { width: 29px; height: 29px; }
  .zaxon-site .hero-product { width: 170px; height: 255px; bottom: -38px; right: -8px; }
  .zaxon-site .hero-product img { width: 170px; height: 255px; top: auto; bottom: auto; filter: drop-shadow(0 13px 8px #0005); }

  /* Explicația sistemului rămâne un flux vertical cu imagini și etichete. */
  .zaxon-site .system { padding-top: 52px; padding-bottom: 24px; }
  .zaxon-site .system h2 { font-size: 26px; }
  .zaxon-site .section-heading p { font-size: 13px; line-height: 1.45; margin-top: 8px; }
  .zaxon-site .system-flow { margin-top: 16px; }
  .zaxon-site .system-flow figure { min-height: 107px; grid-template-columns: 1.1fr 1fr; gap: 14px; }
  .zaxon-site .system-flow figcaption { font-size: 13px; line-height: 1.35; }
  .zaxon-site .system-excavator { height: 110px; object-fit: contain; }
  .zaxon-site .system-flow .flow-device img { height: 104px; max-width: 155px; }
  .zaxon-site .bucket-visual { height: 112px; }
  .zaxon-site .bucket-visual img { height: 112px; width: 100%; object-fit: contain; }
  .zaxon-site .flow-connector { height: 15px; }
  .zaxon-site .flow-connector:after { top: 6px; }
  .zaxon-site .section-ending { font-size: 12px; margin-top: 15px; }

  /* Beneficii: liste compacte în stânga, cântarul cu umbră în dreapta. */
  .zaxon-site .benefits-grid { min-height: 245px; }
  .zaxon-site .benefit-copy { padding: 26px 0 20px; }
  .zaxon-site .benefit-copy h2 { font-size: 24px; max-width: 232px; }
  .zaxon-site .benefit-item { gap: 10px; padding: 13px 0; max-width: calc(100% - 119px); }
  .zaxon-site .benefit-item .metal { width: 24px; height: 24px; }
  .zaxon-site .benefit-item h3 { font-size: 12px; line-height: 1.35; }
  .zaxon-site .benefit-item p { font-size: 11px; line-height: 1.45; margin-top: 3px; }
  .zaxon-site .benefit-device { width: 120px; height: 220px; right: -5px; bottom: 11px; }
  .zaxon-site .benefit-device img { width: 137px; height: 220px; right: -11px; bottom: -5px; }
  .zaxon-site .benefit-device:after { width: 108px; bottom: 10px; left: -2px; }

  /* Aplicații: titlu, imagine lată cu utilaj ieșit din cadru, beneficii, buton. */
  .zaxon-site .applications { padding-top: 31px; padding-bottom: 0; }
  .zaxon-site .applications-heading { margin-bottom: 6px; }
  .zaxon-site .applications-heading h2 { font-size: 30px; max-width: 230px; }
  .zaxon-site .applications-heading p:last-child { font-size: 13px; line-height: 1.45; margin-top: 9px; }
  .zaxon-site .industry { padding-block: 27px 30px; }
  .zaxon-site .industry-label { font-size: 9px; letter-spacing: .07em; margin-bottom: 7px; }
  .zaxon-site .industry-heading { align-self: stretch; width: 100%; }
  .zaxon-site .industry h3 { font-size: 25px; line-height: 1.08; max-width: 290px; }
  .zaxon-site .industry-heading > p:last-child { font-size: 13px; margin-top: 8px; line-height: 1.45; }
  .zaxon-site .industry-grid > .industry-art {
    width: calc(100% + 12px); margin: 16px -6px 12px; aspect-ratio: 1.8;
    background-image: url('mobile-industries.webp'); background-size: 100% 300%;
    background-repeat: no-repeat; mix-blend-mode: multiply;
  }
  .zaxon-site .industry-grid > .art-0 { background-position: 50% 0%; }
  .zaxon-site .industry-grid > .art-1 { background-position: 50% 50%; }
  .zaxon-site .industry-grid > .art-2 { background-position: 50% 100%; }
  .zaxon-site .benefit-list { gap: 13px; margin-top: 5px; }
  .zaxon-site .benefit-list li { font-size: 13px; line-height: 1.5; gap: 11px; }
  .zaxon-site .benefit-list .icon { width: 22px; height: 22px; }
  .zaxon-site .industry .button { margin-top: 22px; font-size: 12px; min-height: 43px; }

  /* Compatibilitate și informația din cabină. */
  .zaxon-site .compatibility { padding: 20px 18px 15px; margin-top: 18px; }
  .zaxon-site .compatibility h2 { font-size: 22px; line-height: 1.1; }
  .zaxon-site .compatibility p { font-size: 12px; line-height: 1.45; margin-top: 8px; }
  .zaxon-site .compatibility .button { margin-top: 15px; min-height: 40px; }
  .zaxon-site .compatibility small { font-size: 9px; margin-top: 13px; padding-top: 10px; }
  .zaxon-site .functions { padding-top: 24px; padding-bottom: 0; }
  .zaxon-site .function-copy > .eyebrow,
  .zaxon-site .function-copy > p:not(.eyebrow),
  .zaxon-site .function-actions { display: none; }
  .zaxon-site .function-copy h2 { font-size: 28px; }
  .zaxon-site .features { margin-top: 20px; gap: 19px 14px; }
  .zaxon-site .feature { display: flex; align-items: flex-start; gap: 8px; }
  .zaxon-site .feature .metal { width: 25px; height: 25px; margin: 0; }
  .zaxon-site .feature h3 { font-size: 12px; line-height: 1.25; }
  .zaxon-site .feature p { font-size: 11px; line-height: 1.4; margin-top: 4px; }
  .zaxon-site .cabin { margin-top: 23px; }
  .zaxon-site .cabin > img { aspect-ratio: 1.5; object-fit: cover; object-position: 60% 50%; }
  .zaxon-site .demo-play { left: 8px; bottom: 29px; padding-right: 9px; font-size: 10px; }
  .zaxon-site .demo-play .play-circle { width: 26px; height: 26px; }
  .zaxon-site .cabin figcaption { font-size: 9px; }
  .zaxon-site .usage-flow { display: flex; flex-direction: row; gap: 8px; margin-top: 17px; padding: 13px 0; background: #f1f5f8; }
  .zaxon-site .usage-flow li { flex: 1; min-width: 0; border: 0; padding: 4px 0; gap: 5px; align-items: center; font-size: 10px; line-height: 1.3; }
  .zaxon-site .usage-flow span { font-size: 13px; }
  .zaxon-site .usage-flow .metal { width: 18px; height: 18px; }
  .zaxon-site .usage-flow li:not(:last-child):after { content: '→'; font-size: 11px; margin-left: 0; flex: none; }

  /* Pachetul se citește de sus în jos: titlu, echipamente, listă. */
  .zaxon-site .package { padding-top: 35px; padding-bottom: 29px; gap: 13px; }
  .zaxon-site .package-copy h2 { font-size: 29px; }
  .zaxon-site .package-intro { font-size: 12px; line-height: 1.45; margin-top: -4px; }
  .zaxon-site .package-art { width: 100%; margin: 4px 0 0; }
  .zaxon-site .package-list { gap: 14px; margin-top: 2px; }
  .zaxon-site .package-list li { gap: 12px; }
  .zaxon-site .package-list .icon { width: 25px; height: 25px; }
  .zaxon-site .package-list h3 { font-size: 14px; line-height: 1.3; }
  .zaxon-site .package-list p { font-size: 12px; line-height: 1.45; margin-top: 3px; }
  .zaxon-site .warranty { font-size: 18px; gap: 12px; padding-block: 12px; }
  .zaxon-site .warranty .metal { width: 28px; height: 28px; }
  .zaxon-site .package-copy > .button { font-size: 11px; }

  /* Instalare în patru rânduri, întrebări, formular. */
  .zaxon-site .setup { padding-block: 25px; }
  .zaxon-site .setup h2 { font-size: 25px; }
  .zaxon-site .setup > .wrap > p { font-size: 12px; line-height: 1.45; margin-top: 8px; }
  .zaxon-site .setup-steps { margin-top: 13px; }
  .zaxon-site .setup-steps li { grid-template-columns: 51px 1fr; gap: 0 14px; padding-block: 15px; }
  .zaxon-site .step-top span { font-size: 29px; }
  .zaxon-site .step-top .icon { width: 21px; height: 21px; margin-top: 7px; }
  .zaxon-site .setup-steps h3 { font-size: 14px; margin-bottom: 5px; }
  .zaxon-site .setup-steps p { font-size: 12px; line-height: 1.45; }
  .zaxon-site .faq { padding-block: 26px; }
  .zaxon-site .faq h2 { font-size: 26px; }
  .zaxon-site .faq-list { margin-top: 14px; }
  .zaxon-site .faq summary { font-size: 12px; padding: 12px 0; }
  .zaxon-site .faq-answer p { font-size: 11px; line-height: 1.5; padding: 10px; }
  .zaxon-site .help-card { margin-top: 18px; padding: 16px; display: grid; grid-template-columns: 23px 1fr; gap: 3px 12px; min-height: 0; }
  .zaxon-site .help-card > .icon { float: none; width: 23px; height: 23px; margin: 0; grid-row: 1 / 3; }
  .zaxon-site .help-card h3 { font-size: 16px; }
  .zaxon-site .help-card p, .zaxon-site .help-art { display: none; }
  .zaxon-site .help-card > a { grid-column: 2; margin-top: 5px; font-size: 11px; }
  .zaxon-site .contact { padding-top: 27px; }
  .zaxon-site .contact-copy { min-height: 206px; padding-bottom: 24px; }
  .zaxon-site .contact-copy h2 { font-size: 23px; max-width: 260px; }
  .zaxon-site .contact-copy > p { font-size: 12px; max-width: 218px; margin-top: 10px; line-height: 1.45; }
  .zaxon-site .assurances { margin-top: 13px; gap: 15px; max-width: 235px; }
  .zaxon-site .assurances span { font-size: 10px; gap: 6px; }
  .zaxon-site .assurances .icon { width: 20px; height: 20px; }
  .zaxon-site .contact-product { height: 164px; right: -6px; bottom: 10px; }
  .zaxon-site .quote-form { padding: 19px 17px; margin-bottom: 24px; }
  .zaxon-site .quote-form label { font-size: 12px; margin-bottom: 13px; }
  .zaxon-site .quote-form input, .zaxon-site .quote-form select, .zaxon-site .quote-form textarea { min-height: 44px; margin-top: 6px; padding: 10px; font-size: 16px; }
  .zaxon-site .quote-form textarea { min-height: 72px; }
  .zaxon-site .data-note { font-size: 10px; margin-bottom: 14px; }
  .zaxon-site .form-note { font-size: 10px; line-height: 1.45; }
  .zaxon-site .site-footer { padding-block: 23px; }
  .zaxon-site .footer-top { gap: 13px; }
  .zaxon-site .footer-top .brand-mark { font-size: 27px; }
  .zaxon-site .footer-top .brand-name { font-size: 15px; }
  .zaxon-site .footer-top > p { font-size: 11px; }
  .zaxon-site .footer-top nav { gap: 19px; font-size: 11px; }
  .zaxon-site .footer-bottom { font-size: 10px; margin-top: 16px; }
}

@media screen and (max-width: 370px) {
  .zaxon-site .wrap { width: calc(100% - 36px); }
  .zaxon-site .hero h1 { font-size: 28px; }
  .zaxon-site .hero { min-height: 330px; }
  .zaxon-site .hero-intro { max-width: 152px; font-size: 12px; }
  .zaxon-site .hero-product, .zaxon-site .hero-product img { width: 143px; height: 215px; }
  .zaxon-site .hero-product { right: -7px; bottom: -33px; }
  .zaxon-site .benefit-copy h2 { font-size: 21px; max-width: 200px; }
  .zaxon-site .benefit-item { max-width: calc(100% - 103px); gap: 8px; }
  .zaxon-site .benefit-device { width: 104px; }
  .zaxon-site .benefit-device img { width: 117px; height: 187px; }
  .zaxon-site .applications-heading h2 { font-size: 28px; }
  .zaxon-site .features { gap: 17px 10px; }
  .zaxon-site .feature { gap: 6px; }
  .zaxon-site .feature .metal { width: 21px; height: 21px; }
  .zaxon-site .feature h3 { font-size: 11px; }
  .zaxon-site .feature p { font-size: 10px; }
  .zaxon-site .usage-flow { gap: 5px; }
  .zaxon-site .usage-flow li { font-size: 9px; gap: 3px; }
  .zaxon-site .usage-flow .metal { width: 16px; height: 16px; }
  .zaxon-site .contact-copy h2 { max-width: 215px; font-size: 21px; }
  .zaxon-site .contact-copy > p { max-width: 180px; }
  .zaxon-site .contact-product { height: 140px; bottom: 15px; right: -7px; }
}