.footer {
      background: linear-gradient(180deg, #184f9e 0%, #0d3f84 100%);
      color: #fff;
      padding: 32px 20px 24px;
      overflow: hidden;
    }

    .footer-container {
      max-width: 1200px;
      margin: 0 auto;
    }

    .footer-top {
      border-bottom: 1px solid rgba(255,255,255,0.25);
      padding-bottom: 18px;
      margin-bottom: 22px;
      text-align: center;
      font-size: 15px;
      color: rgba(255,255,255,0.9);
    }

    .footer-top strong {
      font-weight: 700;
    }

    .footer-brand-box {
      background: #fff;
      border-radius: 18px;
      padding: 18px 24px;
      max-width: 930px;
      margin: 0 auto 20px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.18);
    }

    .brand-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      flex-wrap: wrap;
    }

    .brand-item {
      flex: 1;
      min-width: 180px;
      text-align: center;
      position: relative;
    }

    .brand-item:not(:last-child)::after {
      content: "";
      position: absolute;
      right: -12px;
      top: 50%;
      transform: translateY(-50%);
      width: 1px;
      height: 50px;
      background: rgba(0,0,0,0.08);
    }

    .logo-mm24 {
      font-size: 28px;
      font-weight: 700;
      line-height: 1;
      color: #1f4f9b;
    }

    .logo-mm24 span {
      color: #f2a23c;
    }

    .logo-badge {
      display: inline-block;
      background: #1f4f9b;
      color: #fff;
      padding: 2px 8px;
      border-radius: 10px;
      margin: 0 4px;
    }

    .logo-engines {
      font-size: 22px;
      font-weight: 700;
      color: #022d62;
    }

    .logo-engines span {
      color: #f2a23c;
    }

    .logo-topmotors {
      font-size: 22px;
      font-weight: 700;
      color: #002960;
    }

    .logo-topmotors span {
      color: #f2a23c;
    }

    .brand-subline {
      width: 75%;
      height: 3px;
      background: linear-gradient(to right, transparent, #c7c7c7, transparent);
      margin: 10px auto 0;
      border-radius: 2px;
    }

    .footer-company {
      text-align: center;
      font-size: 15px;
      line-height: 1.6;
      color: rgba(255,255,255,0.95);
      max-width: 980px;
      margin: 0 auto 24px;
    }

    .footer-company strong {
      font-weight: 700;
    }

    .footer-bottom {
      border-top: 1px solid rgba(255,255,255,0.25);
      padding-top: 20px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
      flex-wrap: wrap;
    }

    .footer-socials {
      display: flex;
      align-items: center;
      gap: 12px;
      flex-wrap: wrap;
    }

    .social-link {
      width: 42px;
      height: 42px;
      border-radius: 10px;
      background: #cfcfcf;
      color: #1f4f9b;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 18px;
      transition: transform 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
    }

    .social-link:hover {
      transform: translateY(-4px) scale(1.06);
      box-shadow: 0 8px 18px rgba(0,0,0,0.25);
      background: #ffd761;
    }

    .footer-links {
      display: flex;
      align-items: center;
      gap: 18px;
      flex-wrap: wrap;
      color: #fff;
      font-size: 16px;
    }

    .footer-links a {
      position: relative;
      padding-bottom: 3px;
      transition: color 0.3s ease;
      white-space: nowrap;
    }

    .footer-links a::after {
      content: "";
      position: absolute;
      left: 0;
      bottom: 0;
      width: 0%;
      height: 2px;
      background: #f2c94c;
      transition: width 0.3s ease;
    }

    .footer-links a:hover {
      color: #f2c94c;
    }

    .footer-links a:hover::after {
      width: 100%;
    }

    .secure-payments {
      display: flex;
      align-items: center;
      gap: 8px;
      font-weight: 700;
      white-space: nowrap;
    }

    .secure-payments i {
      color: #f2c94c;
      font-size: 18px;
    }

    /* Stato iniziale per animazioni jQuery */
    .animate-up,
    .animate-fade {
      opacity: 0;
    }

    .animate-up {
      transform: translateY(30px);
    }

    /* Responsive */
    @media (max-width: 992px) {
      .footer-links {
        justify-content: center;
      }

      .footer-bottom {
        justify-content: center;
      }

      .brand-item:not(:last-child)::after {
        display: none;
      }
    }

    @media (max-width: 768px) {
      .footer {
        padding: 26px 16px 20px;
      }

      .footer-top {
        font-size: 14px;
        line-height: 1.6;
      }

      .footer-brand-box {
        padding: 18px 16px;
        margin: 10px 15px;
      }

      .brand-row {
        flex-direction: column;
        gap: 18px;
      }

      .brand-item {
        min-width: auto;
        width: 100%;
        display:none
      }
.brand-item:first-child { display:block }
      .logo-mm24,
      .logo-engines,
      .logo-topmotors {
        font-size: 24px;
      }

      .footer-company {
        font-size: 14px;
      }

      .footer-bottom {
        flex-direction: column;
        text-align: center;
      }

      .footer-socials,
      .footer-links {
        justify-content: center;
      }

      .footer-links {
        gap: 12px;
        font-size: 15px;
      }

      .secure-payments {
        justify-content: center;
      }
    }

    @media (max-width: 480px) {
      .social-link {
        width: 38px;
        height: 38px;
        font-size: 16px;
      }

      .logo-mm24,
      .logo-engines,
      .logo-topmotors {
        font-size: 21px;
      }

      .footer-links {
        flex-direction: column;
        gap: 10px;
      }
    }