:root{--blue:#0000d8;--red:#e60012;--green:#08a000;--ink:#111827;--muted:#6b7280;--line:#e5e7eb;--soft:#f4f4f5;--dark:#070711}
    *{box-sizing:border-box} body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff} a{text-decoration:none;color:inherit} button,select{font-family:inherit}
    .container{max-width:1280px;margin:auto;padding:0 28px}
    header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);transition:transform .32s cubic-bezier(.4,0,.2,1)}
    .nav{min-height:88px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px}
    .brand{border:0;background:transparent;cursor:pointer}.brand img{height:70px;width:auto;object-fit:contain;background:transparent;border-radius:0}
    @media(max-width:760px){
      .nav{min-height:56px}
      header.header-hidden{transform:translate3d(0,-105%,0)}
    }
    .links{display:flex;align-items:center;justify-content:center;gap:19px;font-size:14px;font-weight:780;color:#3f3f46}
    .links button{border:0;background:transparent;cursor:pointer;font-size:14px;font-weight:780;color:inherit;white-space:nowrap}.links button.active{color:var(--blue)}
    .actions{display:flex;align-items:center;gap:10px}.lang-select{height:36px;width:58px;border-radius:4px;border:1px solid #d1d5db;background:white;padding:0 6px;font-size:14px;font-weight:600;color:#333}
    .btn{border-radius:999px;border:1px solid var(--line);padding:9px 16px;background:white;font-size:14px;font-weight:780;cursor:pointer;display:inline-flex;align-items:center;gap:8px}.btn.primary{background:var(--blue);border-color:var(--blue);color:white}.btn.green{background:#16a34a;border-color:#16a34a;color:white}
/* ── Bottoni aggiuntivi ── */
.btn-white-solid{background:#ffffff !important;border-color:#ffffff !important;color:#0f1f3d !important;font-weight:800}
.btn-white-solid:hover{background:#f1f5f9 !important;border-color:#f1f5f9 !important}
.btn-dark{background:#111827 !important;border-color:#111827 !important;color:#ffffff !important}
.btn-dark:hover{background:#1f2937 !important;border-color:#1f2937 !important}
/* Modal annunci bottoni */
.used-detail-actions .detail-info-btn{display:inline-flex;align-items:center;padding:13px 26px;border-radius:999px;font-weight:800;font-size:15px;text-decoration:none;background:#111827;color:#ffffff;border:none;cursor:pointer;transition:.15s}
.used-detail-actions .detail-info-btn:hover{background:#1f2937}
.used-detail-actions .detail-wa-btn{display:inline-flex;align-items:center;padding:13px 26px;border-radius:999px;font-weight:800;font-size:15px;text-decoration:none;background:#25D366;color:#ffffff;border:none;cursor:pointer;transition:.15s}
.used-detail-actions .detail-wa-btn:hover{background:#1ebe5d}

    main section{display:none}.active{display:block!important}
    .hero{position:relative;overflow:hidden;background:var(--dark);color:white;padding:64px 0}
    .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,rgba(0,0,216,.45),transparent 35%),linear-gradient(135deg,rgba(0,146,70,.16),transparent 35%),linear-gradient(315deg,rgba(230,0,18,.18),transparent 35%)}    .hero.angelo:before{background:radial-gradient(circle at 70% 20%,rgba(200,20,20,.55),transparent 45%),radial-gradient(circle at 20% 80%,rgba(100,0,0,.5),transparent 40%) !important}
    .hero.angelo:before{background:radial-gradient(circle at 70% 20%,rgba(230,0,18,.55),transparent 45%),radial-gradient(circle at 20% 80%,rgba(120,0,0,.4),transparent 40%)}
    .hero-grid{position:relative;display:grid;grid-template-columns:1fr 460px;gap:64px;align-items:center}
    .hero.angelo .hero-grid{grid-template-columns:1fr 460px}
    h1{font-size:64px;line-height:.98;margin:0;font-weight:1000;letter-spacing:-.05em} h2{font-size:44px;line-height:1.04;margin:0;font-weight:1000;letter-spacing:-.04em} h3{font-size:24px;line-height:1.16;margin:0;font-weight:900} p{line-height:1.68}.lead{font-size:19px;color:#d4d4d8;max-width:720px}
    .hero-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);padding:16px;border-radius:36px;box-shadow:0 30px 90px rgba(0,0,0,.28)}
    .hero-card-inner{background:#fff;color:#111;padding:24px;border-radius:28px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-logo{display:block;max-height:190px;max-width:100%;object-fit:contain;margin:0 auto 24px;background:#fff;border-radius:18px}
    .angelo-box{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;text-align:center}.angelo-box img{max-width:420px;width:100%;height:auto;object-fit:contain;background:#fff;border-radius:12px}
    .page{padding:68px 0}.soft{background:var(--soft);padding:74px 0}.cards{display:grid;gap:22px}.cards.four{grid-template-columns:repeat(4,1fr)}.cards.three{grid-template-columns:repeat(3,1fr)}.cards.two{grid-template-columns:repeat(2,1fr)}
    .card{background:white;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 7px 24px rgba(0,0,0,.05)}.pad{padding:28px}.muted{color:var(--muted)}
    .icon{width:52px;height:52px;background:var(--blue);border-radius:18px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:1000;margin-bottom:18px}
    .stars{color:#f59e0b;font-size:25px;font-weight:1000;letter-spacing:1px}.google-rating{display:flex;align-items:center;gap:18px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:20px 26px;box-shadow:0 8px 28px rgba(0,0,0,.07);width:max-content;max-width:100%;flex-wrap:wrap;margin-top:24px}.google-g{width:48px;height:48px;border-radius:50%;background:white;box-shadow:0 4px 12px rgba(0,0,0,.1);display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:1000;color:#4285F4}
    .reviewer{display:flex;gap:12px;align-items:center;margin-top:20px}.reviewer img{width:48px;height:48px;border-radius:50%;object-fit:cover;background:#e5e7eb}
    .wa-fixed{position:fixed;right:22px;bottom:22px;width:66px;height:66px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;z-index:999;box-shadow:0 16px 40px rgba(0,0,0,.25);transition:.2s}.wa-fixed svg{width:34px;height:34px;fill:currentColor}
    @media(max-width:760px){
      .wa-fixed{width:56px;height:56px;right:14px;bottom:14px}
      .wa-fixed svg{width:27px;height:27px}
    }
    footer{border-top:1px solid var(--line);padding:32px 28px;text-align:center;color:var(--muted);font-size:14px}.socials{display:flex;gap:12px;justify-content:center;margin-bottom:16px}.socials a{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:900;background:white}.socials svg{width:22px;height:22px;fill:currentColor}
    @media(max-width:1200px){.links,.actions{display:none}.hero-grid,.hero.angelo .hero-grid,.cards.four,.cards.three,.cards.two{grid-template-columns:1fr}h1{font-size:44px}h2{font-size:34px}.container{padding:0 20px}.hero{padding:64px 0}}
  
    .lock-nav-icon{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}
    .login-card{max-width:520px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:0 10px 30px rgba(0,0,0,.06)}
    .login-input{width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;font-family:inherit;margin-top:8px}

  
    
    .service-media{height:250px;padding:0;background:white;border-radius:28px 28px 0 0;overflow:hidden}

    .service-image{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;background:#111;border-radius:28px 28px 0 0}
    .service-card-content{padding:20px 22px 24px;color:#111827;background:white;min-height:112px;display:flex;align-items:flex-start}

  
    .solution-sector-card{background:white;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 7px 24px rgba(0,0,0,.05)}
    .solution-sector-media{height:210px;display:flex;align-items:center;justify-content:center;font-size:58px;color:white;background:linear-gradient(135deg,#111827,#0000d8);border-radius:28px 28px 0 0}
    .solution-sector-content{padding:22px 24px 26px;background:white;color:#111827}
    .solution-sector-content h3{margin-bottom:12px}
    .solution-sector-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
    .solution-sector-list span{background:#f4f4f5;border:1px solid #e5e7eb;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700;color:#374151}
    .solution-sector-note{font-size:15px;color:var(--muted);margin:0}

  
    .solution-image{width:100%;height:250px;object-fit:cover;display:block;background:#111;border-radius:28px 28px 0 0}
    .solution-sector-card{background:white;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 7px 24px rgba(0,0,0,.05)}
    .solution-sector-content{padding:22px 24px 26px;background:white;color:#111827}
    .solution-sector-content h3{margin-bottom:12px}
    .solution-sector-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
    .solution-sector-list span{background:#f4f4f5;border:1px solid #e5e7eb;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700;color:#374151}
    .solution-sector-note{font-size:15px;color:var(--muted);margin:0}.partners-section{margin-top:64px;padding:46px 0 12px;border-top:1px solid var(--line)}
    .partners-intro{max-width:760px;margin-bottom:28px}
    .partners-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}
    .partner-card{height:98px;display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.04);transition:box-shadow .18s ease;text-decoration:none;overflow:hidden}
    .partner-card:hover{box-shadow:0 10px 26px rgba(0,0,0,.06)}
    .partner-card img{width:110px;height:auto;max-height:62px;object-fit:contain;display:block}
    @media(max-width:1180px){.partners-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:900px){.partners-grid{grid-template-columns:repeat(4,1fr)}.partner-card img{width:120px}}
    @media(max-width:560px){.partners-grid{grid-template-columns:repeat(3,1fr);gap:10px}.partner-card{height:80px;padding:9px}.partner-card img{width:92px;max-height:52px}}

  
.realizzazioni-showcase{padding:12px 0 8px}
.realizzazioni-intro{max-width:820px;margin-bottom:28px}
.realizzazioni-intro .eyebrow{font-size:16px;font-weight:800;text-transform:uppercase;letter-spacing:.2em;color:#0000d8;margin:0 0 10px}
.real-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;align-items:start}
.real-card{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.05)}
.real-card img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center;display:block;background:#fff}
.real-card-content{padding:18px 20px 20px}
.real-card-content h3{margin:0 0 6px;font-size:20px;line-height:1.2}
.real-card-content p{margin:0;color:var(--muted);font-size:14px}
@media(max-width:900px){.real-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.real-grid{grid-template-columns:1fr}}

.service-form-wrap{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}
.form-panel{background:#fff;border:1px solid var(--line);border-radius:28px;padding:30px;box-shadow:0 12px 34px rgba(0,0,0,.06)}
.form-panel h3{margin:0 0 10px;font-size:28px}
.form-panel p{margin:0 0 22px;color:var(--muted);font-size:17px;line-height:1.55}
.site-form{display:grid;gap:14px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.site-form label{display:grid;gap:7px;font-weight:800;color:#111827;font-size:14px}
.site-form input,.site-form textarea,.site-form select{width:100%;border:1px solid #d1d5db;border-radius:16px;padding:13px 14px;font:inherit;background:#fff;color:#111827;outline:none}
.site-form textarea{min-height:130px;resize:vertical}
.site-form input:focus,.site-form textarea:focus,.site-form select:focus{border-color:#0000d8;box-shadow:0 0 0 4px rgba(0,0,216,.08)}
.form-note{font-size:13px;color:var(--muted);line-height:1.45;margin-top:2px}
.form-submit{border:0;border-radius:999px;padding:14px 22px;background:#0000d8;color:#fff;font-weight:900;cursor:pointer;font-size:16px;justify-self:start}
.form-submit:hover{filter:brightness(.95)}
.info-card{background:linear-gradient(135deg,#f8fafc,#ffffff);border:1px solid var(--line);border-radius:28px;padding:30px}
.info-card ul{margin:18px 0 0;padding:0;list-style:none;display:grid;gap:12px}
.info-card li{padding-left:24px;position:relative;color:#374151;line-height:1.5}
.info-card li:before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:50%;background:#0000d8}
@media(max-width:900px){.service-form-wrap{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}}

.newsletter-usato{margin-top:56px;background:linear-gradient(135deg,#052e16,#16a34a);color:white;border-radius:30px;padding:34px;border:1px solid rgba(255,255,255,.18);box-shadow:0 14px 36px rgba(0,0,0,.12)}
.newsletter-usato-grid{display:grid;grid-template-columns:1fr .95fr;gap:28px;align-items:center}
.newsletter-usato h2{color:white;margin:0 0 12px}
.newsletter-usato p{color:#dcfce7;font-size:18px;line-height:1.55;margin:0}
.newsletter-usato-form{display:grid;gap:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);border-radius:24px;padding:22px}
.newsletter-usato-form input{width:100%;border:0;border-radius:14px;padding:13px 14px;font:inherit;background:white;color:#111827}
.newsletter-usato-form button{border:0;border-radius:999px;padding:14px 22px;background:white;color:#15803d;font-weight:900;cursor:pointer;font-size:16px}
.newsletter-usato-note{font-size:13px!important;color:#bbf7d0!important;margin-top:4px!important}
@media(max-width:900px){.newsletter-usato-grid{grid-template-columns:1fr}}

.admin-used-panel{max-width:1220px;margin:42px auto 0;padding:0 24px}
.admin-used-card{background:#fff;border:1px solid var(--line);border-radius:30px;padding:30px;box-shadow:0 14px 38px rgba(0,0,0,.08)}
.admin-used-card h2{margin:0 0 10px}.admin-used-card p{color:var(--muted);line-height:1.55}
.admin-used-form{display:grid;gap:16px;margin-top:22px}.admin-used-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-used-form .form-row.three{grid-template-columns:1fr 1fr 1fr}
.admin-used-form label{display:grid;gap:7px;font-weight:800;color:#111827;font-size:14px}
.admin-used-form input,.admin-used-form textarea,.admin-used-form select{width:100%;border:1px solid #d1d5db;border-radius:16px;padding:13px 14px;font:inherit;background:#fff;color:#111827;outline:none}
.admin-used-form textarea{min-height:135px;resize:vertical}.admin-used-form input:focus,.admin-used-form textarea:focus,.admin-used-form select:focus{border-color:#15803d;box-shadow:0 0 0 4px rgba(21,128,61,.10)}
.admin-status-bar{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:4px}.admin-status-bar label{display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #d1d5db;border-radius:16px;padding:12px;background:#f9fafb;font-weight:900;cursor:pointer;text-align:center}.admin-status-bar input{width:auto}
.admin-checks{display:flex;flex-wrap:wrap;gap:14px;margin-top:4px}.admin-checks label{display:flex;align-items:center;gap:8px;font-weight:800}.admin-checks input{width:auto}
.photo-grid-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.photo-grid-inputs label{background:#f9fafb;border:1px dashed #cbd5e1;border-radius:18px;padding:14px}
.admin-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.admin-btn{border:0;border-radius:999px;padding:14px 22px;background:#15803d;color:#fff;font-weight:900;cursor:pointer;font-size:16px}.admin-btn.secondary{background:#111827}.admin-btn.danger{background:#dc2626}
.admin-preview{margin-top:28px;border-top:1px solid var(--line);padding-top:24px}.admin-preview-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}
.used-preview-card{border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.05)}
.used-preview-image{height:250px;background:#f3f4f6;position:relative;display:flex;align-items:center;justify-content:center;color:#6b7280;font-weight:900;text-align:center}.used-preview-image img{width:100%;height:100%;object-fit:contain;display:block;background:white;padding:6px}
.used-preview-thumbs{position:absolute;left:12px;right:12px;bottom:12px;display:flex;gap:8px}.used-preview-thumbs img{width:54px;height:42px;object-fit:cover;border:2px solid #fff;border-radius:10px;box-shadow:0 4px 12px rgba(0,0,0,.2)}
.used-preview-sold,.used-preview-booked,.used-preview-draft{position:absolute;top:14px;left:14px;color:#fff;font-weight:1000;border-radius:999px;padding:8px 13px;letter-spacing:.08em;transform:rotate(-8deg)}.used-preview-sold{background:#dc2626}.used-preview-booked{background:#f59e0b}.used-preview-draft{background:#6b7280}
.used-preview-value{position:absolute;right:12px;top:12px;width:82px;height:82px;border-radius:50%;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.22);padding:4px;display:flex;align-items:center;justify-content:center}.used-preview-value img{width:100%;height:100%;object-fit:contain}
.used-preview-body{padding:18px}.used-code{display:inline-block;margin-bottom:10px;border-radius:999px;background:#ecfdf5;color:#166534;font-weight:900;font-size:12px;padding:6px 10px}
.used-preview-body h3{margin:0 0 5px;font-size:21px;line-height:1.18}.used-subtitle{font-weight:900;color:#374151;margin:0 0 10px!important}.used-desc{margin:0 0 12px!important;color:var(--muted);font-size:14px;line-height:1.45}.used-preview-meta{font-size:13px;color:#6b7280;margin-bottom:10px}.used-preview-price{font-size:21px;font-weight:1000;color:#15803d}.admin-note{font-size:13px;color:var(--muted);margin-top:10px}
@media(max-width:1000px){.admin-used-form .form-row.three{grid-template-columns:1fr}.admin-status-bar{grid-template-columns:1fr 1fr}.photo-grid-inputs{grid-template-columns:1fr}.admin-preview-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.admin-used-form .form-row{grid-template-columns:1fr}.admin-preview-grid{grid-template-columns:1fr}.admin-used-panel{padding:0 16px}.admin-status-bar{grid-template-columns:1fr}}

.used-detail-modal{padding:12px}

.admin-edit-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.admin-mini-btn{border:0;border-radius:999px;padding:9px 13px;font-weight:900;cursor:pointer;font-size:13px}
.admin-mini-btn.edit{background:#111827;color:#fff}
.admin-mini-btn.delete{background:#dc2626;color:#fff}
.admin-mini-btn.status{background:#f3f4f6;color:#111827;border:1px solid #d1d5db}

.dynamic-used-block{margin-top:34px}
.dynamic-used-category{margin-top:34px}
.dynamic-used-category h3{font-size:28px;margin:0 0 16px}
.dynamic-used-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.public-used-card{border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.05);cursor:pointer;text-align:left;padding:0;font:inherit;transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease}
.public-used-card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.10);border-color:#bbf7d0}
.public-used-image{height:250px;background:#f3f4f6;position:relative;display:flex;align-items:center;justify-content:center;color:#6b7280;font-weight:900;overflow:hidden}
.pub-ribbon{position:absolute;top:22px;right:-58px;width:180px;transform:rotate(45deg);text-align:center;font-weight:900;font-size:13px;letter-spacing:.06em;color:#fff;padding:7px 0;box-shadow:0 6px 16px rgba(0,0,0,.25);z-index:3;pointer-events:none}
.pub-ribbon.venduto{background:#DC2626}
.pub-ribbon.prenotato{background:#D97706}
.pub-ribbon.online{background:#2563EB;font-size:11px;letter-spacing:.02em;width:240px;right:-78px;top:34px}
.public-used-image img{width:100%;height:100%;object-fit:contain;display:block;background:white;padding:6px}
.public-used-status{position:absolute;top:14px;left:14px;color:#fff;font-weight:1000;border-radius:999px;padding:8px 13px;letter-spacing:.08em;transform:rotate(-8deg);font-size:13px}
.public-used-status.venduta{background:#dc2626}.public-used-status.prenotata{background:#f59e0b}
.public-used-value{position:absolute;right:12px;top:12px;width:82px;height:82px;border-radius:50%;background:#fff;box-shadow:0 6px 16px rgba(0,0,0,.22);padding:4px;display:flex;align-items:center;justify-content:center}
.public-used-value img{width:100%;height:100%;object-fit:contain}
.public-used-body{padding:18px}.public-used-code{display:inline-block;margin-bottom:10px;border-radius:999px;background:#F1F5F9;color:#111827;font-weight:900;font-size:12px;padding:6px 10px}
.public-used-body h3{margin:0 0 6px;font-size:21px;line-height:1.18}.public-used-subtitle{font-weight:900;color:#374151;margin:0 0 10px!important;font-size:14px}
.public-used-meta{font-size:13px;color:#6b7280;margin-bottom:12px}.public-used-price{font-size:21px;font-weight:1000;color:#15803d}
.used-detail-modal{position:fixed;inset:0;background:rgba(17,24,39,.72);z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}
.used-detail-modal.open{display:flex}.used-detail-box{width:min(1080px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:30px;box-shadow:0 30px 80px rgba(0,0,0,.35);position:relative}
.used-detail-close{position:absolute;right:18px;top:16px;width:42px;height:42px;border:0;border-radius:999px;background:#111827;color:#fff;font-size:24px;cursor:pointer;z-index:2}

.used-related-wrap{padding:0 34px 34px}
.used-related-wrap h3{font-size:20px;margin:0 0 16px;font-weight:900}
.used-related-row{display:flex;gap:14px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
.used-related-row::-webkit-scrollbar{height:6px}
.used-related-row::-webkit-scrollbar-thumb{background:#e2e8f0;border-radius:999px}
.used-related-card{flex:0 0 180px;text-align:left;border:1px solid rgba(15,23,42,.10);border-radius:16px;background:#fff;overflow:hidden;cursor:pointer;padding:0;font:inherit;transition:transform .15s ease,box-shadow .15s ease}
.used-related-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.10)}
.used-related-image{height:120px;background:#f8fafc}
.used-related-image img{width:100%;height:100%;object-fit:cover;display:block}
.used-related-body{padding:10px 12px 14px}
.used-related-code{display:inline-block;margin-bottom:4px;border-radius:999px;background:#F1F5F9;color:#111827;font-weight:900;font-size:10px;padding:3px 8px}
.used-related-body h4{font-size:13px;line-height:1.25;margin:0 0 6px;font-weight:800;color:#111827;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.used-related-price{font-size:14px;font-weight:900;color:#15803d}
.used-related-price .price-on-request{font-size:11px;font-weight:700;color:#94a3b8}
@media(max-width:560px){.used-related-wrap{padding:0 16px 24px}.used-related-card{flex-basis:150px}}
.used-detail-content{display:grid;grid-template-columns:1.05fr .95fr;gap:0}.used-detail-gallery{background:#f8fafc;padding:24px;position:relative}
.detail-war-medallion{position:absolute;top:14px;left:14px;width:120px;height:120px;object-fit:contain;z-index:4;filter:drop-shadow(0 6px 14px rgba(0,0,0,.2))}
.used-detail-main{width:100%;height:460px;object-fit:contain;border-radius:22px;background:white;display:block;padding:8px}
.used-detail-thumbs{display:flex;gap:10px;margin-top:12px}.used-detail-thumbs img{width:86px;height:68px;object-fit:cover;border-radius:12px;border:2px solid #fff;box-shadow:0 4px 14px rgba(0,0,0,.12);cursor:pointer}
.detail-photo-note{margin-top:16px;padding-top:14px;border-top:1px solid #eef2f6;font-size:12.5px;line-height:1.5;color:#94a3b8;font-style:italic}
.used-detail-info{padding:34px}.used-detail-info h2{margin:12px 0 8px;font-size:38px;line-height:1.1}.used-detail-info .subtitle{font-weight:900;color:#374151;margin-bottom:16px}
.used-detail-info .desc{color:var(--muted);line-height:1.58;font-size:16px;margin:18px 0}.used-detail-price-block{margin:18px 0}.detail-price-listino{font-size:18px;color:#94a3b8;text-decoration:line-through;text-decoration-thickness:2px;margin-bottom:2px;font-weight:600}.used-detail-price{font-size:32px;font-weight:1000;color:#15803d;margin:4px 0}.detail-price-savings{display:inline-block;background:#FFEB3B;color:#111;font-weight:800;font-size:15px;border-radius:4px;padding:6px 14px;margin-top:6px;border:0}.detail-price-rate{display:inline-block;margin-top:8px;background:#f8fafc;border:1px solid #e2e8f0;color:#475569;border-radius:6px;padding:5px 12px;font-size:13px}
.used-detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.used-detail-tags span{border-radius:999px;background:#f3f4f6;color:#374151;padding:8px 12px;font-weight:900;font-size:13px}
.used-detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.used-detail-actions a{border-radius:999px;padding:13px 18px;text-decoration:none;font-weight:900}
.used-detail-actions .primary{background:#15803d;color:white}.used-detail-actions .secondary{background:#25D366;color:white}
@media(max-width:1100px){.dynamic-used-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:900px){.dynamic-used-grid{grid-template-columns:repeat(2,1fr)}.used-detail-content{grid-template-columns:1fr}.used-detail-main{height:360px}}
@media(max-width:560px){.dynamic-used-grid{grid-template-columns:repeat(2,1fr);gap:10px}.used-detail-info h2{font-size:30px}.used-detail-modal{padding:12px}}

/* ── Mobile: fascette, medaglioni e badge ridimensionati ── */
@media(max-width:560px){
  .pub-ribbon{width:130px;right:-42px;top:14px;font-size:10px;padding:5px 0}
  .pub-ribbon.online{width:150px;right:-46px;top:18px;font-size:8px;letter-spacing:.01em}
  .detail-war-medallion{width:80px;height:80px;top:10px;left:10px}
  .pub-badge-vp img,.pub-badge-war img{width:48px !important;height:48px !important}
  .pub-badges-bar{min-height:48px !important}
  h1{font-size:36px}
  h2{font-size:28px}
  .used-detail-actions{gap:8px}
  .used-detail-actions a,.used-detail-actions button{padding:11px 16px;font-size:14px}
}
@media(max-width:900px){
  .admin-list-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
}

.used-preview-card{display:grid;grid-template-columns:220px 1fr}
.used-preview-image{height:180px}
@media(max-width:900px){.used-preview-card{grid-template-columns:1fr}.used-preview-image{height:220px}}

/* PATCH USATO SOLO AREA RISERVATA */

.dynamic-used-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.admin-preview-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:16px}
.used-preview-card{display:grid;grid-template-columns:220px 1fr}
.used-preview-image{height:180px}
@media(max-width:1100px){.dynamic-used-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.dynamic-used-grid{grid-template-columns:repeat(2,1fr)}.used-preview-card{grid-template-columns:1fr}.used-preview-image{height:220px}}
@media(max-width:560px){.dynamic-used-grid{grid-template-columns:repeat(2,1fr);gap:10px}}

.admin-list-table{width:100%;border-collapse:separate;border-spacing:0 10px;margin-top:16px}
.admin-list-table th{text-align:left;font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;padding:0 12px 6px}
.admin-list-table td{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 12px;vertical-align:middle}
.admin-list-table td:first-child{border-left:1px solid var(--line);border-radius:16px 0 0 16px;font-weight:900;color:#15803d}
.admin-list-table td:last-child{border-right:1px solid var(--line);border-radius:0 16px 16px 0}
.admin-list-title{font-weight:900;color:#111827}
.admin-list-sub{font-size:13px;color:#6b7280;margin-top:3px}
.admin-list-status{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#f3f4f6;color:#374151}
.admin-list-status.pubblicato{background:#dcfce7;color:#166534}
.admin-list-status.prenotata{background:#fef3c7;color:#92400e}
.admin-list-status.venduta{background:#fee2e2;color:#991b1b}
.admin-list-status.bozza{background:#e5e7eb;color:#374151}
.admin-list-actions{display:flex;gap:8px;flex-wrap:wrap}
.admin-list-actions button{border:0;border-radius:999px;padding:8px 12px;font-weight:900;cursor:pointer;font-size:13px}
.admin-list-actions .edit{background:#111827;color:#fff}
.admin-list-actions .delete{background:#dc2626;color:#fff}
.admin-list-actions .status{background:#f3f4f6;color:#111827;border:1px solid #d1d5db}
@media(max-width:760px){
  .admin-list-table,.admin-list-table thead,.admin-list-table tbody,.admin-list-table tr,.admin-list-table th,.admin-list-table td{display:block;width:100%}
  .admin-list-table thead{display:none}
  .admin-list-table tr{border:1px solid var(--line);border-radius:18px;margin-bottom:12px;background:#fff;overflow:hidden}
  .admin-list-table td{border:0!important;border-radius:0!important}
  .admin-list-table td:before{content:attr(data-label);display:block;font-size:12px;color:#6b7280;font-weight:900;text-transform:uppercase;margin-bottom:4px}
}

.storage-note{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534;border-radius:18px;padding:14px 16px;font-weight:800;margin-top:14px}
.admin-list-table{width:100%;border-collapse:separate;border-spacing:0 10px;margin-top:16px}
.admin-list-table th{text-align:left;font-size:13px;color:#6b7280;text-transform:uppercase;letter-spacing:.08em;padding:0 12px 6px}
.admin-list-table td{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 12px;vertical-align:middle}
.admin-list-table td:first-child{border-left:1px solid var(--line);border-radius:16px 0 0 16px;font-weight:900;color:#15803d}
.admin-list-table td:last-child{border-right:1px solid var(--line);border-radius:0 16px 16px 0}
.admin-list-title{font-weight:900;color:#111827}.admin-list-sub{font-size:13px;color:#6b7280;margin-top:3px}
.admin-list-status{display:inline-flex;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:900;background:#f3f4f6;color:#374151}
.admin-list-status.pubblicato{background:#dcfce7;color:#166534}.admin-list-status.prenotata{background:#fef3c7;color:#92400e}.admin-list-status.venduta{background:#fee2e2;color:#991b1b}.admin-list-status.bozza{background:#e5e7eb;color:#374151}
.admin-list-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-list-actions button{border:0;border-radius:999px;padding:8px 12px;font-weight:900;cursor:pointer;font-size:13px}.admin-list-actions .edit{background:#111827;color:#fff}.admin-list-actions .delete{background:#dc2626;color:#fff}.admin-list-actions .status{background:#f3f4f6;color:#111827;border:1px solid #d1d5db}
@media(max-width:760px){.admin-list-table,.admin-list-table thead,.admin-list-table tbody,.admin-list-table tr,.admin-list-table th,.admin-list-table td{display:block;width:100%}.admin-list-table thead{display:none}.admin-list-table tr{border:1px solid var(--line);border-radius:18px;margin-bottom:12px;background:#fff;overflow:hidden}.admin-list-table td{border:0!important;border-radius:0!important}.admin-list-table td:before{content:attr(data-label);display:block;font-size:12px;color:#6b7280;font-weight:900;text-transform:uppercase;margin-bottom:4px}}

/* HOME - modifiche visibili */
.home-used-cta{border-color:#16a34a!important;color:#15803d!important;background:#ffffff!important;box-shadow:0 4px 14px rgba(0,0,0,.06)!important}
.home-used-cta:hover{background:#dcfce7!important}
.home-numbers{padding:56px 0 18px;background:#fff}
.home-numbers .home-eyebrow{font-size:16px;font-weight:800;color:var(--blue);letter-spacing:.2em;text-transform:uppercase;margin:0 0 12px}
.home-numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.home-number-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:26px;box-shadow:0 8px 26px rgba(0,0,0,.05)}
.home-number-card strong{display:block;font-size:34px;line-height:1;font-weight:1000;color:#0000d8;margin-bottom:10px}
.home-number-card span{font-weight:900;color:#111827}
.home-final-cta{margin-top:56px;background:linear-gradient(135deg,#0000d8,#070711);color:#fff;border-radius:34px;padding:42px;display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:center}
.home-final-cta h2{color:#fff}.home-final-cta p{color:#d4d4d8;font-size:18px}
.home-final-cta-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.home-final-cta .btn{background:white;color:#111827;border-color:white}
.home-final-cta .btn.green{background:#16a34a;color:white;border-color:#16a34a}
@media(max-width:900px){.home-numbers-grid{grid-template-columns:repeat(2,1fr)}.home-final-cta{grid-template-columns:1fr}.home-final-cta-actions{justify-content:flex-start}}
@media(max-width:560px){.home-numbers-grid{grid-template-columns:1fr}.home-number-card strong{font-size:30px}.home-final-cta{padding:30px}}

/* HOME - allineamento margini */
#home .hero .container,
#home .home-numbers .container,
#home .container.page,
#home .soft .container{
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
  box-sizing: border-box;
}

#home h1,
#home h2,
#home p,
#home .home-eyebrow,
#home .google-rating,
#home .cards,
#home .home-final-cta,
#home .home-numbers-grid{
  margin-left: 0;
}

@media (max-width: 900px){
  #home .hero .container,
  #home .home-numbers .container,
  #home .container.page,
  #home .soft .container{
    padding-left: 28px;
    padding-right: 28px;
  }
}

@media (max-width: 560px){
  #home .hero .container,
  #home .home-numbers .container,
  #home .container.page,
  #home .soft .container{
    padding-left: 20px;
    padding-right: 20px;
  }
}

/* MARGINI GLOBALI UNIFORMI */
.container{
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
  box-sizing: border-box;
}

.page,
.soft .container,
.hero .container{
  box-sizing: border-box;
}

@media (max-width: 900px){
  .container{
    padding-left: 28px;
    padding-right: 28px;
  }
}

@media (max-width: 560px){
  .container{
    padding-left: 20px;
    padding-right: 20px;
  }
}

.google-g{
  display:flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
}
.google-g svg{
  display:block;
  width:48px;
  height:48px;
}

/* REALIZZAZIONI - uniforma stile con Servizi e Soluzioni */
#realizzazioni .container{
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 48px;
  padding-right: 48px;
  box-sizing: border-box;
}

#realizzazioni h1,
#realizzazioni h2{
  font-size: clamp(2.4rem, 4vw, 3.6rem);
  line-height: 1.08;
  letter-spacing: -0.03em;
  font-weight: 1000;
  margin: 0 0 18px;
}

#realizzazioni p{
  font-size: 1.08rem;
  line-height: 1.75;
}

#realizzazioni .lead{
  font-size: 1.15rem;
  line-height: 1.85;
  max-width: 900px;
}

@media (max-width: 900px){
  #realizzazioni .container{
    padding-left: 28px;
    padding-right: 28px;
  }
}

@media (max-width: 560px){
  #realizzazioni .container{
    padding-left: 20px;
    padding-right: 20px;
  }

  #realizzazioni h1,
  #realizzazioni h2{
    font-size: clamp(2rem, 8vw, 2.8rem);
  }
}

/* RICERCA RICAMBI - stile Seconda Mano con colore dedicato */
#ricambi{
  background: linear-gradient(180deg, #f5f9ff 0%, #eef4ff 100%);
}

#ricambi .hero,
#ricambi .page,
#ricambi .soft{
  background: transparent;
}

#ricambi .card,
#ricambi form,
#ricambi .form-card,
#ricambi .panel{
  background: #ffffff;
  border: 1px solid rgba(0, 0, 216, 0.08);
  border-radius: 28px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
}

/* #ricambi .hero padding-top removed */

#ricambi h1,
#ricambi h2{
  font-weight: 1000;
  letter-spacing: -0.03em;
}

#ricambi .btn.primary{
  box-shadow: 0 8px 24px rgba(0, 0, 216, 0.18);
}

#ricambi input,
#ricambi select,
#ricambi textarea{
  border-radius: 14px;
}

#ricambi .lead{
  max-width: 900px;
}

/* RESTYLING PAGINE OPERATIVE: Seconda Mano, Ricerca Ricambi, Contatti */
.used-page,
#ricambi,
#contatti{
  background:#f8fafc;
}

.used-page{
  background:linear-gradient(180deg,#f0fdf4 0%,#ffffff 48%,#f8fafc 100%);
}

#ricambi{
  background:linear-gradient(180deg,#eff6ff 0%,#ffffff 50%,#f8fafc 100%);
}

#contatti{
  background:linear-gradient(180deg,#eef2ff 0%,#ffffff 52%,#f8fafc 100%);
}

.used-page .used-hero{
  background:radial-gradient(circle at 80% 14%,rgba(22,163,74,.22),transparent 34%),
             linear-gradient(135deg,#ffffff 0%,#ecfdf5 58%,#ffffff 100%)!important;
  border-bottom:1px solid rgba(22,163,74,.12);
}

#ricambi > .service-form-wrap,
#contatti > .service-form-wrap,
#ricambi .service-form-wrap,
#contatti .service-form-wrap{
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  padding-left:48px;
  padding-right:48px;
}

#ricambi .form-panel,
#ricambi .info-card,
#contatti .form-panel,
#contatti .info-card,
.used-page .card,
.used-page .public-used-card,
.used-detail-box{
  border-radius:32px!important;
  border:1px solid rgba(15,23,42,.08)!important;
  box-shadow:0 18px 45px rgba(15,23,42,.08)!important;
}

#ricambi .form-panel,
#contatti .form-panel{
  padding:34px!important;
}

#ricambi .info-card,
#contatti .info-card{
  padding:34px!important;
}

#ricambi .form-panel h2,
#contatti .form-panel h2,
.used-page h1,
.used-page h2{
  letter-spacing:-.04em;
}

#ricambi .form-panel > p:first-child{
  color:#2563eb!important;
}

#contatti .form-panel > p:first-child{
  color:#0000d8!important;
}

#ricambi .form-submit{
  background:#2563eb!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(37,99,235,.20);
}

#contatti .form-submit{
  background:#0000d8!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(0,0,216,.20);
}

#ricambi .site-form input,
#ricambi .site-form textarea,
#ricambi .site-form select{
  border-radius:18px!important;
  border-color:#bfdbfe!important;
  background:#ffffff!important;
}

#contatti .site-form input,
#contatti .site-form textarea,
#contatti .site-form select{
  border-radius:18px!important;
  border-color:#c7d2fe!important;
  background:#ffffff!important;
}

#ricambi .site-form input:focus,
#ricambi .site-form textarea:focus,
#ricambi .site-form select:focus{
  border-color:#2563eb!important;
  box-shadow:0 0 0 4px rgba(37,99,235,.10)!important;
}

#contatti .site-form input:focus,
#contatti .site-form textarea:focus,
#contatti .site-form select:focus{
  border-color:#0000d8!important;
  box-shadow:0 0 0 4px rgba(0,0,216,.08)!important;
}

.used-page .used-badge{
  background:#ffffff!important;
  border-color:#86efac!important;
  color:#15803d!important;
  box-shadow:0 8px 22px rgba(22,163,74,.12);
}

.used-page .public-used-card{
  background:#ffffff!important;
}

.used-page .public-used-image{
  border-bottom:1px solid rgba(22,163,74,.10);
}

.used-page .newsletter-usato{
  box-shadow:0 18px 45px rgba(15,23,42,.14)!important;
}

#ricambi .info-card{
  background:linear-gradient(135deg,#ffffff,#eff6ff)!important;
}

#contatti .info-card{
  background:linear-gradient(135deg,#ffffff,#eef2ff)!important;
}

@media(max-width:900px){
  #ricambi > .service-form-wrap,
  #contatti > .service-form-wrap,
  #ricambi .service-form-wrap,
  #contatti .service-form-wrap{
    padding-left:28px;
    padding-right:28px;
  }
}

@media(max-width:560px){
  #ricambi > .service-form-wrap,
  #contatti > .service-form-wrap,
  #ricambi .service-form-wrap,
  #contatti .service-form-wrap{
    padding-left:20px;
    padding-right:20px;
  }
}

/* SFONDI OPERATIVI UNIFORMI */
.used-page,
#ricambi,
#contatti{
  position:relative;
  overflow:hidden;
  background:#fff;
}

.used-page::before,
#ricambi::before,
#contatti::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
}

.used-page::before{
  background:
    radial-gradient(circle at 78% 10%, rgba(22,163,74,.22), transparent 34%),
    radial-gradient(circle at 12% 42%, rgba(34,197,94,.10), transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#ecfdf5 48%,#ffffff 100%);
}

#ricambi::before{
  background:
    radial-gradient(circle at 78% 10%, rgba(147,51,234,.22), transparent 34%),
    radial-gradient(circle at 12% 42%, rgba(168,85,247,.10), transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#faf5ff 48%,#ffffff 100%);
}

#contatti::before{
  background:
    radial-gradient(circle at 78% 10%, rgba(0,0,216,.22), transparent 34%),
    radial-gradient(circle at 12% 42%, rgba(0,0,216,.10), transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#eef2ff 48%,#ffffff 100%);
}

.used-page .used-hero,
#ricambi .used-hero,
#contatti .used-hero{
  background:transparent!important;
  border-bottom:1px solid rgba(15,23,42,.06);
}

#ricambi .form-panel > p:first-child,
#ricambi #ricambi-ops-hero p:first-child{
  color:#9333ea!important;
}

#ricambi .form-submit{
  background:#9333ea!important;
  box-shadow:0 12px 24px rgba(147,51,234,.20)!important;
}

#ricambi .site-form input,
#ricambi .site-form textarea,
#ricambi .site-form select{
  border-color:#e9d5ff!important;
}

#ricambi .site-form input:focus,
#ricambi .site-form textarea:focus,
#ricambi .site-form select:focus{
  border-color:#9333ea!important;
  box-shadow:0 0 0 4px rgba(147,51,234,.10)!important;
}

#ricambi .info-card{
  background:linear-gradient(135deg,#ffffff,#faf5ff)!important;
}

#contatti .form-panel > p:first-child,
#contatti #contatti-ops-hero p:first-child{
  color:#0000d8!important;
}

#contatti .form-submit{
  background:#0000d8!important;
  box-shadow:0 12px 24px rgba(0,0,216,.20)!important;
}

#contatti .site-form input,
#contatti .site-form textarea,
#contatti .site-form select{
  border-color:#c7d2fe!important;
}

#contatti .site-form input:focus,
#contatti .site-form textarea:focus,
#contatti .site-form select:focus{
  border-color:#0000d8!important;
  box-shadow:0 0 0 4px rgba(0,0,216,.08)!important;
}

#contatti .info-card{
  background:linear-gradient(135deg,#ffffff,#eef2ff)!important;
}

/* RICERCA RICAMBI - stile allineato a Seconda Mano (Bordeaux) */
#ricambi::before{
  background:
    radial-gradient(circle at 78% 10%, rgba(128,0,32,.22), transparent 34%),
    radial-gradient(circle at 12% 42%, rgba(153,27,27,.10), transparent 30%),
    linear-gradient(135deg,#ffffff 0%,#fdf2f8 48%,#ffffff 100%) !important;
}

#ricambi #ricambi-ops-hero p:first-child,
#ricambi .form-panel > p:first-child{
  color:#800020 !important;
}

#ricambi .form-submit{
  background:#800020 !important;
  color:#ffffff !important;
  box-shadow:0 12px 24px rgba(128,0,32,.20) !important;
}

#ricambi .site-form input,
#ricambi .site-form textarea,
#ricambi .site-form select{
  border-color:#f3c7d3 !important;
  border-radius:18px !important;
}

#ricambi .site-form input:focus,
#ricambi .site-form textarea:focus,
#ricambi .site-form select:focus{
  border-color:#800020 !important;
  box-shadow:0 0 0 4px rgba(128,0,32,.08) !important;
}

#ricambi .info-card{
  background:linear-gradient(135deg,#ffffff,#fdf2f8) !important;
}

#ricambi .form-panel,
#ricambi .info-card{
  border-radius:32px !important;
  box-shadow:0 18px 45px rgba(15,23,42,.08) !important;
  border:1px solid rgba(128,0,32,.08) !important;
}

/* SECONDA MANO - correzione impaginazione riquadro verde */
.used-page .used-hero .container{
  padding-left: 56px !important;
  padding-right: 56px !important;
  box-sizing: border-box;
}

.used-page .used-hero{
  overflow: hidden;
}

.used-page .used-hero h1,
.used-page .used-hero p,
.used-page .used-hero .lead{
  max-width: 860px;
}

@media(max-width:900px){
  .used-page .used-hero .container{
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}

@media(max-width:560px){
  .used-page .used-hero .container{
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}

/* ANGELO PO TRENTO - stile Home rosso */
#angelo .angelo-numbers{
  padding:56px 0 18px;
  background:#fff;
}

#angelo .angelo-eyebrow{
  font-size:16px;
  font-weight:800;
  color:var(--red);
  letter-spacing:.2em;
  text-transform:uppercase;
  margin:0 0 12px;
}

#angelo .angelo-numbers-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

#angelo .angelo-number-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:26px;
  padding:26px;
  box-shadow:0 8px 26px rgba(0,0,0,.05);
}

#angelo .angelo-number-card strong{
  display:block;
  font-size:34px;
  line-height:1;
  font-weight:1000;
  color:var(--red);
  margin-bottom:10px;
}

#angelo .angelo-number-card span{
  font-weight:900;
  color:#111827;
}

#angelo .angelo-final-cta{
  margin-top:56px;
  background:linear-gradient(135deg,#e60012,#070711);
  color:#fff;
  border-radius:34px;
  padding:42px;
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:28px;
  align-items:center;
}

#angelo .angelo-final-cta h2{
  color:#fff;
}

#angelo .angelo-final-cta p{
  color:#fee2e2;
  font-size:18px;
}

#angelo .angelo-final-cta-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

#angelo .angelo-final-cta .btn{
  background:#ffffff;
  color:#e60012;
  border-color:#ffffff;
}

#angelo .angelo-final-cta .btn.red{
  background:#e60012;
  color:#ffffff;
  border-color:#e60012;
}

#angelo .angelo-official-links{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
  margin-top:34px;
}

#angelo .angelo-official-links a{
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:22px;
  background:#e60012;
  border:1px solid #e60012;
  color:#ffffff;
  font-weight:900;
  font-size:18px;
  box-shadow:0 7px 24px rgba(230,0,18,.16);
  transition:transform .18s ease, box-shadow .18s ease, filter .18s ease;
}

#angelo .angelo-official-links a:hover{
  transform:translateY(-2px);
  filter:brightness(.96);
  box-shadow:0 12px 30px rgba(230,0,18,.22);
}

@media(max-width:900px){
  #angelo .angelo-numbers-grid,
  #angelo .angelo-official-links{
    grid-template-columns:repeat(2,1fr);
  }

  #angelo .angelo-final-cta{
    grid-template-columns:1fr;
  }

  #angelo .angelo-final-cta-actions{
    justify-content:flex-start;
  }
}

@media(max-width:560px){
  #angelo .angelo-numbers-grid,
  #angelo .angelo-official-links{
    grid-template-columns:1fr;
  }

  #angelo .angelo-number-card strong{
    font-size:30px;
  }

  #angelo .angelo-final-cta{
    padding:30px;
  }
}

/* SERVIZI E SOLUZIONI - sostituzione reale da allegato */
.service-media{height:250px;padding:0;background:white;border-radius:28px 28px 0 0;overflow:hidden}
.service-image{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;background:#111;border-radius:28px 28px 0 0}
.service-card-content{padding:20px 22px 24px;color:#111827;background:white;min-height:112px;display:flex;align-items:flex-start}
.solution-sector-card{background:white;border:1px solid var(--line);border-radius:28px;overflow:hidden;box-shadow:0 7px 24px rgba(0,0,0,.05)}
.solution-sector-media{height:210px;display:flex;align-items:center;justify-content:center;font-size:58px;color:white;background:linear-gradient(135deg,#111827,#0000d8);border-radius:28px 28px 0 0}
.solution-sector-content{padding:22px 24px 26px;background:white;color:#111827}
.solution-sector-content h3{margin-bottom:12px}
.solution-sector-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.solution-sector-list span{background:#f4f4f5;border:1px solid #e5e7eb;border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700;color:#374151}
.solution-sector-note{font-size:15px;color:var(--muted);margin:0}
.solution-image{width:100%;height:250px;object-fit:cover;display:block;background:#111;border-radius:28px 28px 0 0}
.partners-section{margin-top:64px;padding:46px 0 12px;border-top:1px solid var(--line)}
.partners-intro{max-width:760px;margin-bottom:28px}
.partners-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:14px}
.partner-card{height:98px;display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.04);transition:box-shadow .18s ease;text-decoration:none;overflow:hidden}
.partner-card:hover{box-shadow:0 10px 26px rgba(0,0,0,.06)}
.partner-card img{width:110px;height:auto;max-height:62px;object-fit:contain;display:block}
@media(max-width:1180px){.partners-grid{grid-template-columns:repeat(6,1fr)}}
@media(max-width:900px){.partners-grid{grid-template-columns:repeat(4,1fr)}.partner-card img{width:120px}}
@media(max-width:560px){.partners-grid{grid-template-columns:repeat(3,1fr);gap:10px}.partner-card{height:80px;padding:9px}.partner-card img{width:92px;max-height:52px}}

/* SERVIZI - correzione riquadri neri immagini */
#soluzioni .service-media,
#soluzioni .service-image{
  background:#f8fafc !important;
}
#soluzioni .service-image{
  object-fit:cover;
  object-position:center center;
}

/* UNIFORMAZIONE SERVIZI E SOLUZIONI - 4 colonne */
#soluzioni .cards.three,
#soluzioni .cards.four,
#soluzioni .solution-grid,
#soluzioni .solutions-grid{
  display:grid !important;
  grid-template-columns:repeat(4,1fr) !important;
  gap:22px !important;
}

#soluzioni .card h3,
#soluzioni .solution-sector-card h3{
  font-size:18px;
  line-height:1.2;
}

#soluzioni .solution-sector-list span{
  font-size:12px;
}

#soluzioni .card,
#soluzioni .solution-sector-card{
  height:100%;
}

#soluzioni .service-image,
#soluzioni .solution-image{
  aspect-ratio:1.15/1;
  object-fit:cover;
}

@media(max-width:900px){
  #soluzioni .cards.three,
  #soluzioni .cards.four,
  #soluzioni .solution-grid,
  #soluzioni .solutions-grid{
    grid-template-columns:repeat(2,1fr) !important;
  }
}

@media(max-width:640px){
  #soluzioni .cards.three,
  #soluzioni .cards.four,
  #soluzioni .solution-grid,
  #soluzioni .solutions-grid{
    grid-template-columns:1fr !important;
  }
}

/* SOLUZIONI - loghi fornitori su 6 colonne */
#soluzioni .partners-grid{
  display:grid !important;
  grid-template-columns:repeat(6,1fr) !important;
  gap:14px !important;
}

#soluzioni .partner-card{
  min-height:118px;
  height:118px;
  padding:12px;
  border-radius:16px;
}

/* Dimensionamento OTTICO dei loghi: un unico riquadro uguale per tutti (104px)
   faceva apparire i loghi molto larghi/corti (es. rapporto >4:1) minuscoli,
   perché il vincolo di larghezza li schiacciava in altezza. Le classi sotto
   danno lo stesso PESO VISIVO a ciascun logo, non la stessa larghezza matematica. */
#soluzioni .partner-card img{
  width:auto; height:auto;
  max-width:76%; max-height:66px;
  object-fit:contain;
}
#soluzioni .partner-card img.logo-wide{ max-width:88%; max-height:58px; }
#soluzioni .partner-card img.logo-standard{ max-width:76%; max-height:66px; }
#soluzioni .partner-card img.logo-square{ max-width:64%; max-height:76px; }
#soluzioni .partner-card img.logo-compact{ max-width:88%; max-height:78px; }

@media(max-width:1180px){
  #soluzioni .partners-grid{
    grid-template-columns:repeat(6,1fr) !important;
  }
}

@media(max-width:900px){
  #soluzioni .partners-grid{
    grid-template-columns:repeat(4,1fr) !important;
  }
}

@media(max-width:640px){
  #soluzioni .partners-grid{
    grid-template-columns:repeat(3,1fr) !important;
    gap:10px !important;
  }
  #soluzioni .partner-card{ min-height:100px; height:100px; padding:9px; }
  #soluzioni .partner-card img{ max-width:78px; max-height:78px; }
}

/* Nuove sezioni pagina Soluzioni: griglie dedicate a 3 colonne, non soggette
   al vincolo "4 colonne" applicato alle card dei settori/servizi legacy. */
#soluzioni .cards-3col{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
#soluzioni .cards-3col .card{ height:100%; padding:30px 26px; }
#soluzioni .cards-3col .card h3{ font-size:19px; line-height:1.25; margin:0 0 10px; }
#soluzioni .cards-3col .card p{ font-size:15px; line-height:1.55; margin:0; }
@media(max-width:900px){ #soluzioni .cards-3col{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:640px){ #soluzioni .cards-3col{ grid-template-columns:1fr; } }

#soluzioni .invest-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
#soluzioni .invest-card{ background:var(--soft); border:1px solid var(--line); border-radius:20px; padding:26px 24px; display:flex; flex-direction:column; gap:14px; }
#soluzioni .invest-card h3{ font-size:18px; margin:0; line-height:1.25; }
#soluzioni .invest-card p{ font-size:14.5px; line-height:1.55; color:var(--muted); margin:0; }
#soluzioni .invest-card .btn{ align-self:flex-start; margin-top:4px; }
@media(max-width:900px){ #soluzioni .invest-grid{ grid-template-columns:1fr; } }

#soluzioni .solution-sector-card{ position:relative; }




/* Corregge il riquadro verde / valore protetto: contenuto non più spostato a destra */
.used-page .used-badge,
.used-page .storage-note,
.used-page .used-value-card,
.used-page .value-protected-card,
.used-page [class*="value"],
.used-page [class*="protected"]{
  box-sizing:border-box;
}

.used-page .used-badge,
.used-page .storage-note{
  padding-left:20px !important;
  padding-right:20px !important;
  margin-left:0 !important;
  margin-right:0 !important;
}

/* Griglia annunci: se c'è un solo annuncio lo centra invece di lasciarlo tutto a sinistra */
.used-page .dynamic-used-grid{
  width:100%;
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:26px !important;
  align-items:stretch;
}

.used-page .public-used-card{
  width:100%;
  max-width:100%;
}

.used-page .public-used-body{
  padding-left:22px !important;
  padding-right:22px !important;
}

.used-page .public-used-price{
  display:block;
  text-align:left;
}

@media(max-width:1100px){
  .used-page .dynamic-used-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  .used-page .used-hero .container{
    padding-left:32px !important;
    padding-right:32px !important;
  }
}

@media(max-width:640px){
  .used-page .dynamic-used-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:560px){
  .used-page .used-hero .container{
    padding-left:22px !important;
    padding-right:22px !important;
  }
}


/* SECONDA MANO - impaginazione allineata alla Home */
.used-page{
  background:#fff !important;
}

.used-page .used-hero{
  position:relative;
  overflow:hidden;
  background:#052e16 !important;
  color:#fff;
  padding:64px 0;
  border-bottom:0 !important;
}

.used-page .used-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 70% 20%, rgba(22,163,74,.48), transparent 35%),
    linear-gradient(135deg, rgba(0,146,70,.18), transparent 35%),
    linear-gradient(315deg, rgba(255,255,255,.10), transparent 35%);
  pointer-events:none;
}

.used-page .used-hero .container{
  position:relative;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  padding-left:48px !important;
  padding-right:48px !important;
  box-sizing:border-box;
}

.used-page .used-hero h1{
  font-size:64px;
  line-height:.98;
  margin:0;
  font-weight:1000;
  letter-spacing:-.05em;
  max-width:820px;
}

.used-page .used-hero p,
.used-page .used-hero .lead{
  font-size:19px;
  color:#dcfce7;
  max-width:720px;
  line-height:1.68;
}

.used-page .container.page{
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  padding-left:48px !important;
  padding-right:48px !important;
  box-sizing:border-box;
}

/* riquadri e griglie con lo stesso respiro della Home */
.used-page .used-filter-premium,
.used-page .dynamic-used-block,
.used-page .used-trust-premium,
.used-page .newsletter-usato{
  margin-left:0 !important;
  margin-right:0 !important;
}

.used-page .dynamic-used-category{
  margin-top:46px;
}

.used-page .dynamic-used-category h3{
  font-size:34px;
  line-height:1.04;
  letter-spacing:-.04em;
  margin:0 0 22px;
  font-weight:1000;
}

.used-page .dynamic-used-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:28px !important;
  justify-content:stretch !important;
}

.used-page .public-used-card{
  border-radius:28px !important;
  box-shadow:0 7px 24px rgba(0,0,0,.05) !important;
  border:1px solid var(--line) !important;
}

.used-page .public-used-image{
  height:auto !important;
  aspect-ratio:1.12/1;
}

.used-page .public-used-body{
  padding:24px !important;
}

.used-page .newsletter-usato{
  margin-top:56px !important;
  border-radius:34px !important;
  padding:42px !important;
}

@media(max-width:1200px){
  .used-page .dynamic-used-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  .used-page .used-hero{
    padding:64px 0;
  }

  .used-page .used-hero .container,
  .used-page .container.page{
    padding-left:28px !important;
    padding-right:28px !important;
  }

  .used-page .used-hero h1{
    font-size:44px;
  }
}

@media(max-width:640px){
  .used-page .dynamic-used-grid{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:560px){
  .used-page .used-hero .container,
  .used-page .container.page{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .used-page .newsletter-usato{
    padding:30px !important;
  }
}


/* SECONDA MANO - contrasto hero verde */
.used-page .used-hero{
  color:#ffffff !important;
}

.used-page .used-hero h1,
.used-page .used-hero h2,
.used-page .used-hero h3,
.used-page .used-hero p,
.used-page .used-hero .lead,
.used-page .used-hero .muted{
  color:#ffffff !important;
}

.used-page .used-hero .btn.whatsapp,
.used-page .used-hero a[href*="wa"],
.used-page .used-hero a[href*="whatsapp"]{
  background:#25D366 !important;
  color:#ffffff !important;
  border-color:#25D366 !important;
}

.used-page .used-hero .btn.whatsapp:hover,
.used-page .used-hero a[href*="wa"]:hover,
.used-page .used-hero a[href*="whatsapp"]:hover{
  filter:brightness(.96);
}


/* Fallback nel caso il blocco venga generato con classe diversa */
.used-page .valore-protetto{
  display:grid !important;
  grid-template-columns:34% minmax(0,1fr) !important;
  column-gap:56px !important;
  align-items:center !important;
  padding:64px 78px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.used-page .valore-protetto > div:last-child{
  max-width:720px !important;
  padding-right:34px !important;
  box-sizing:border-box !important;
}

@media(max-width:1000px){
  .used-page .storage-note,
  .used-page .valore-protetto{
    grid-template-columns:1fr !important;
    padding:46px 42px !important;
    row-gap:34px !important;
  }

  .used-page .storage-note > div:last-child,
  .used-page .valore-protetto > div:last-child{
    max-width:100% !important;
    padding-right:0 !important;
  }

  .used-page .storage-note h1,
  .used-page .storage-note h2,
  .used-page .storage-note h3,
  .used-page .storage-note p,
  .used-page .storage-note .muted{
    max-width:100% !important;
  }
}

@media(max-width:640px){
  .used-page .storage-note,
  .used-page .valore-protetto{
    padding:32px 24px !important;
  }

  .used-page .storage-note .cards,
  .used-page .storage-note .cards.three,
  .used-page .storage-note [style*="grid-template-columns"]{
    grid-template-columns:1fr !important;
  }
}


/* SECONDA MANO - correzione pulita Valore Protetto */
.used-page .value-card{
  padding:42px 48px !important;
  box-sizing:border-box !important;
  overflow:hidden !important;
}

.used-page .value-card h1,
.used-page .value-card h2,
.used-page .value-card h3,
.used-page .value-card p,
.used-page .value-card .muted{
  max-width:100% !important;
  margin-right:0 !important;
  box-sizing:border-box !important;
}

.used-page .value-card .cards,
.used-page .value-card [style*="display:grid"],
.used-page .value-card [style*="grid-template"]{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  padding-right:0 !important;
}

.used-page .value-card .card{
  padding-left:24px !important;
  padding-right:24px !important;
  box-sizing:border-box !important;
}

@media(max-width:700px){
  .used-page .value-card{
    padding:30px 24px !important;
  }
}




/* intestazioni di categoria visibili */
.used-page .dynamic-used-category{
  margin:0 0 12px !important;
  padding:0 !important;
}

/* griglia reale */
.used-page .dynamic-used-grid,
.used-page .unified-used-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  gap:14px !important;
  width:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

/* card stile subito/autoscout */
.used-page .public-used-card{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
  background:#fff !important;
  border:1px solid rgba(15,23,42,.10) !important;
  border-radius:14px !important;
  overflow:hidden !important;
  box-shadow:0 2px 10px rgba(15,23,42,.06) !important;
}

.used-page .public-used-image{
  aspect-ratio:4/3 !important;
  overflow:hidden !important;
  background:#f3f4f6 !important;
}

.used-page .public-used-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.used-page .public-used-body{
  padding:11px 12px 14px !important;
}

.used-page .public-used-code,
.used-page .public-used-subtitle,
.used-page .public-used-meta{
  display:none !important;
}

.used-page .public-used-body h3{
  font-size:16px !important;
  line-height:1.18 !important;
  margin:0 0 8px !important;
  color:#111827 !important;
  letter-spacing:-.02em !important;
  min-height:36px !important;
}

.used-page .public-used-price{
  font-size:23px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  letter-spacing:-.04em !important;
  color:#111827 !important;
}

.used-page .public-used-status{
  top:8px !important;
  left:8px !important;
  transform:none !important;
  border-radius:999px !important;
  padding:5px 9px !important;
  font-size:10px !important;
  line-height:1 !important;
}

.used-page .public-used-value{
  width:48px !important;
  height:48px !important;
  top:8px !important;
  right:8px !important;
}

@media(max-width:1200px){
  .used-page .dynamic-used-block{
    width:calc(100vw - 56px) !important;
  }

  .used-page .dynamic-used-grid,
  .used-page .unified-used-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  .used-page .dynamic-used-grid,
  .used-page .unified-used-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:560px){
  .used-page .dynamic-used-block{
    width:calc(100vw - 40px) !important;
  }

  .used-page .dynamic-used-grid,
  .used-page .unified-used-grid{
    grid-template-columns:1fr !important;
  }
}



/* riferimento: Valore Protetto, griglia annunci e newsletter condividono lo stesso bordo */
.used-page .value-card,
.used-page .storage-note,
.used-page .dynamic-used-block,
.used-page .newsletter-usato{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  transform:none !important;
  box-sizing:border-box !important;
}

/* griglia unica e orizzontale */
.used-page .dynamic-used-block{
  margin-top:42px !important;
  padding:0 !important;
}

.used-page .unified-used-grid,
.used-page .dynamic-used-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  grid-auto-flow:row !important;
  gap:14px !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
  align-items:stretch !important;
  justify-items:stretch !important;
}

.used-page .public-used-card{
  width:100% !important;
  max-width:none !important;
  min-width:0 !important;
  border-radius:14px !important;
  border:1px solid rgba(15,23,42,.10) !important;
  background:#ffffff !important;
  box-shadow:0 2px 10px rgba(15,23,42,.06) !important;
  overflow:hidden !important;
}

.used-page .public-used-image{
  aspect-ratio:4/3 !important;
  overflow:hidden !important;
  background:#f3f4f6 !important;
}

.used-page .public-used-image img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

.used-page .public-used-body{
  padding:11px 12px 14px !important;
}

.used-page .public-used-code,
.used-page .public-used-subtitle,
.used-page .public-used-meta{
  display:none !important;
}

.used-page .public-used-body h3{
  font-size:16px !important;
  line-height:1.18 !important;
  margin:0 0 8px !important;
  min-height:36px !important;
}

.used-page .public-used-price{
  font-size:23px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  color:#111827 !important;
  letter-spacing:-.04em !important;
}

.used-page .public-used-status{
  top:8px !important;
  left:8px !important;
  transform:none !important;
  border-radius:999px !important;
  padding:5px 9px !important;
  font-size:10px !important;
}

.used-page .public-used-value{
  top:8px !important;
  right:8px !important;
  width:48px !important;
  height:48px !important;
}

.used-page .newsletter-usato{
  margin-top:56px !important;
  padding:52px 58px !important;
  border-radius:34px !important;
}

@media(max-width:1200px){
  .used-page .container.page{
    padding-left:28px !important;
    padding-right:28px !important;
  }

  .used-page .unified-used-grid,
  .used-page .dynamic-used-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  .used-page .unified-used-grid,
  .used-page .dynamic-used-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:560px){
  .used-page .container.page{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .used-page .unified-used-grid,
  .used-page .dynamic-used-grid{
    grid-template-columns:1fr !important;
  }

  .used-page .newsletter-usato{
    padding:32px 24px !important;
  }
}


/* newsletter dentro i bordi */
.used-page .newsletter-usato{
  padding-left:58px !important;
  padding-right:58px !important;
}

/* griglia annunci */
.used-page .dynamic-used-block{
  padding:0 !important;
  margin-top:42px !important;
}

.used-page .unified-used-grid,
.used-page .dynamic-used-grid{
  width:100% !important;
  max-width:100% !important;
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:14px !important;
  margin:0 !important;
  padding:0 !important;
  box-sizing:border-box !important;
}

@media(max-width:1200px){
  .used-page .unified-used-grid,
  .used-page .dynamic-used-grid{
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  }
}

@media(max-width:900px){
  .used-page .unified-used-grid,
  .used-page .dynamic-used-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}

@media(max-width:560px){
  .used-page .newsletter-usato{
    padding-left:24px !important;
    padding-right:24px !important;
  }

  .used-page .unified-used-grid,
  .used-page .dynamic-used-grid{
    grid-template-columns:1fr !important;
  }
}


/* SECONDA MANO - allineamento reale ai margini standard del sito */
.used-page .container.page{
  max-width:1280px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:48px !important;
  padding-right:48px !important;
  box-sizing:border-box !important;
}

/* i blocchi principali devono riempire SOLO il container.page */
.used-page .value-card,
.used-page .storage-note,
.used-page .dynamic-used-block,
.used-page .newsletter-usato{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  transform:none !important;
  left:auto !important;
  right:auto !important;
  box-sizing:border-box !important;
}

/* correzione mirata: la newsletter non deve più usare larghezze viewport */
.used-page .newsletter-usato{
  display:block !important;
  padding:42px !important;
  border-radius:34px !important;
}

/* correzione mirata: la griglia deve restare dentro lo stesso bordo dei riquadri */
.used-page .dynamic-used-block{
  padding-left:0 !important;
  padding-right:0 !important;
}

.used-page .dynamic-used-grid{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}

@media(max-width:900px){
  .used-page .container.page{
    padding-left:28px !important;
    padding-right:28px !important;
  }
}

@media(max-width:560px){
  .used-page .container.page{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .used-page .newsletter-usato{
    padding:30px !important;
  }
}


/* SECONDA MANO - FIX CONTENITORE REALE
   Il contenitore della pagina è <section id="usato" class="container page">,
   quindi l'allineamento va applicato al section stesso, non a un figlio. */
.used-page.container.page{
  max-width:1280px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:48px !important;
  padding-right:48px !important;
  box-sizing:border-box !important;
}

/* Il wrapper interno .used-wrap non deve restringere ulteriormente i blocchi */
.used-page .used-wrap{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}

/* Valore Protetto, griglia annunci e newsletter devono seguire lo stesso bordo del container */
.used-page .value-card,
.used-page .storage-note,
.used-page .dynamic-used-block,
.used-page .newsletter-usato{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  transform:none !important;
  left:auto !important;
  right:auto !important;
  box-sizing:border-box !important;
}

/* La griglia resta dentro il bordo comune */
.used-page .dynamic-used-grid,
.used-page .unified-used-grid{
  width:100% !important;
  max-width:100% !important;
  margin-left:0 !important;
  margin-right:0 !important;
  padding-left:0 !important;
  padding-right:0 !important;
  box-sizing:border-box !important;
}

@media(max-width:900px){
  .used-page.container.page{
    padding-left:28px !important;
    padding-right:28px !important;
  }
}

@media(max-width:560px){
  .used-page.container.page{
    padding-left:20px !important;
    padding-right:20px !important;
  }
}


/* NAVBAR - colori pagina attiva */
.links button.active[onclick*="'angelo'"]{color:var(--red)}
.links button.active[onclick*="'usato'"]{color:#15803d}
.links button.active[onclick*="'outlet'"]{color:#E47911}



/* SECONDA MANO - banner finale stile Home e Angelo Po */
.used-page .used-hero-final{
  position:relative;
  overflow:hidden;
  background:#052e16 !important;
  color:#ffffff !important;
  padding:64px 0 !important;
  border-bottom:0 !important;
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
}

.used-page .used-hero-final::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 70% 20%, rgba(22,163,74,.48), transparent 35%),
    linear-gradient(135deg, rgba(0,146,70,.18), transparent 35%),
    linear-gradient(315deg, rgba(255,255,255,.10), transparent 35%);
  pointer-events:none;
}

/* Outlet: hero nero/arancione (override del verde di Seconda Mano) */
#outlet.used-page .used-hero-final{
  background:linear-gradient(135deg,#0A0A0A,#3D2200 70%,#7C3A00) !important;
}

#outlet.used-page .used-hero-final::before{
  background:
    radial-gradient(circle at 70% 20%, rgba(255,153,0,.38), transparent 35%),
    linear-gradient(135deg, rgba(228,121,17,.16), transparent 35%),
    linear-gradient(315deg, rgba(255,255,255,.08), transparent 35%);
}

.used-page .used-hero-final .hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:1fr 460px;
  gap:64px;
  align-items:center;
  max-width:1280px;
  margin-left:auto;
  margin-right:auto;
  padding-left:48px;
  padding-right:48px;
  box-sizing:border-box;
}

.used-page .used-hero-final h1{
  color:#ffffff !important;
  font-size:64px;
  line-height:.98;
  margin:22px 0 0;
  font-weight:1000;
  letter-spacing:-.05em;
}

.used-page .used-hero-final .lead{
  color:#dcfce7 !important;
  font-size:19px;
  max-width:720px;
  line-height:1.68;
}

.used-page .used-hero-final .used-badge{
  background:#ffffff !important;
  border-color:#bbf7d0 !important;
  color:#15803d !important;
  box-shadow:0 8px 22px rgba(22,163,74,.12);
}

.used-page .used-hero-final .hero-card{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.14);
  padding:16px;
  border-radius:36px;
  box-shadow:0 30px 90px rgba(0,0,0,.28);
}

.used-page .used-hero-final .hero-card-inner{
  background:#ffffff;
  color:#111827;
  padding:24px;
  border-radius:28px;
}

.used-page .used-hero-final .second-life-hero-logo{
  display:block;
  width:100%;
  max-width:420px;
  max-height:190px;
  object-fit:contain;
  margin:0 auto 24px;
  background:#ffffff;
  border-radius:18px;
}

.used-page .used-hero-final .btn:not(.green){
  background:#ffffff;
  color:#15803d;
  border-color:#ffffff;
}

#outlet.used-page .used-hero-final .btn:not(.green){
  color:#C2410C;
}

@media(max-width:1200px){
  .used-page .used-hero-final .hero-grid{
    grid-template-columns:1fr;
  }
}

@media(max-width:900px){
  .used-page .used-hero-final{
    padding:64px 0 !important;
  }

  .used-page .used-hero-final .hero-grid{
    padding-left:28px;
    padding-right:28px;
  }

  .used-page .used-hero-final h1{
    font-size:44px;
  }
}

@media(max-width:560px){
  .used-page .used-hero-final .hero-grid{
    padding-left:20px;
    padding-right:20px;
  }
}


/* SECONDA MANO - solo banner superiore full width come Home */
.used-page .used-hero,
.used-page .used-hero-home-style,
.used-page .used-hero-final{
  width:100vw !important;
  max-width:none !important;
  margin-left:calc(50% - 50vw) !important;
  margin-right:calc(50% - 50vw) !important;
  border-radius:0 !important;
}



    .used-hero{background:radial-gradient(circle at 78% 14%,rgba(22,163,74,.18),transparent 34%),linear-gradient(135deg,#fff 0%,#ecfdf5 56%,#fff 100%);color:var(--ink);padding:84px 0 72px}
    .used-wrap{max-width:1180px;margin:0 auto;padding:0 28px}
    .used-intro{display:grid;grid-template-columns:.82fr 1.18fr;gap:46px;align-items:center}
    .second-life-logo{width:100%;max-width:380px;border-radius:24px;box-shadow:0 18px 45px rgba(0,0,0,.08);background:#fff}
    .used-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid #bbf7d0;background:#f0fdf4;color:#15803d;border-radius:999px;padding:8px 14px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
    .used-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}
    .used-section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;flex-wrap:wrap;margin-top:58px;margin-bottom:22px}
    .used-section-title p{margin:0}
    .used-category-title{margin:42px 0 18px;color:#15803d;border-left:6px solid #16a34a;padding-left:14px}
    .used-card-media{height:210px;border-radius:22px;background:linear-gradient(135deg,#f8fafc,#dcfce7);display:flex;align-items:center;justify-content:center;font-size:58px;margin-bottom:18px;border:1px solid #bbf7d0;position:relative;overflow:hidden}
    .sold-ribbon{position:absolute;top:18px;left:-42px;background:#e30613;color:white;font-weight:1000;letter-spacing:.12em;transform:rotate(-35deg);padding:9px 48px;font-size:14px;box-shadow:0 8px 20px rgba(0,0,0,.18)}
    .used-price{font-size:30px;font-weight:1000;color:#16a34a;margin:12px 0 0}
    .used-filters{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
    .used-filters button{border:1px solid #bbf7d0;background:#fff;color:#15803d;border-radius:999px;padding:10px 16px;font-weight:900}
    .value-card{border-color:#bbf7d0;background:#f0fdf4;margin-top:54px}
    .value-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:34px;align-items:center}
    .value-grid img{max-width:260px;width:100%;height:auto;display:block;margin:0 auto}
    .reserved-input,.reserved-textarea,.reserved-select{width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:#fff;font-family:inherit}
    .reserved-textarea{min-height:86px;resize:vertical}
    @media(max-width:900px){.used-intro,.value-grid{grid-template-columns:1fr}.second-life-logo{max-width:320px}.used-hero{padding:54px 0}.used-wrap{padding:0 20px}}
  
/* ============================================================
   POLO GRANDI CUCINE — Override Design System
   DM Serif Display + DM Sans · Navy · Istituzionale
   ============================================================ */

/* ── Variabili aggiornate ── */
:root {
  --blue:   #0A1628;
  --blue-m: #1A3A6B;
  --blue-a: #2563EB;
  --red:    #C0392B;
  --green:  #166534;
  --gold:   #B8892A;
  --ink:    #0F172A;
  --sub:    #334155;
  --muted:  #64748B;
  --line:   #E2E8F0;
  --soft:   #F8FAFC;
  --dark:   #0A1628;
  --sh-sm:  0 1px 3px rgba(10,22,40,.06),0 1px 2px rgba(10,22,40,.04);
  --sh-md:  0 4px 16px rgba(10,22,40,.08),0 1px 4px rgba(10,22,40,.04);
  --sh-lg:  0 12px 40px rgba(10,22,40,.12),0 4px 12px rgba(10,22,40,.06);
  --sh-xl:  0 24px 64px rgba(10,22,40,.18),0 8px 24px rgba(10,22,40,.08);
  --ease:   cubic-bezier(.22,.68,0,1.2);
  --r-sm: 10px; --r-md: 18px; --r-lg: 28px; --r-xl: 36px;
}

/* ── Tipografia ── */
body { font-family: Inter, Arial, sans-serif; -webkit-font-smoothing: antialiased; }

h1,h2,h3,h4 {
  font-family: Inter, Arial, sans-serif;
  font-weight: 1000;
  letter-spacing: -.03em;
}
h1 { font-size: 56px; line-height: .98; }
h2 { font-size: 40px; line-height: 1.04; }
h3 { font-size: 22px; line-height: 1.16; font-weight: 900; }

.lead { font-size: 17px; line-height: 1.72; color: rgba(255,255,255,.75); max-width: 640px; }

.eyebrow {
  display: block;
  font-family: Inter, Arial, sans-serif;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--gold);
  margin: 0 0 14px;
}
/* eyebrow che eredita un colore impostato inline (es. su sfondi scuri o colorati) */
.eyebrow.tint { color: inherit; }

/* ── Nav ── */
.brand img { background: transparent; border-radius: 0; padding: 0; height: 60px; }
@media(max-width:1200px){
  .brand img{ height:36px; }
}
.links button {
  border-radius: 8px;
  padding: 7px 11px;
  transition: color .2s, background .2s, transform .2s;
}
.links button:hover {
  transform: scale(1.08);
  background: var(--soft);
}
/* Colore hover dinamico per pagina */
.links button[onclick*="'home'"]:hover          { color: #2563EB; }
.links button[onclick*="'angelo'"]:hover         { color: var(--red); }
.links button[onclick*="'usato'"]:hover          { color: #16a34a; }
.links button[onclick*="'outlet'"]:hover         { color: #E47911; }
.links button[onclick*="'servizi'"]:hover  { color: var(--blue); }
.links button[onclick*="'ricambi'"]:hover        { color: #92400E; }
.links button[onclick*="'contatti'"]:hover       { color: #2563EB; }

/* Stato attivo */
.links button.active                             { color: var(--blue-a); background: #EFF6FF; }
.links button.active[onclick*="'angelo'"]        { color: var(--red); background: #FEF2F2; }
.links button.active[onclick*="'usato'"]         { color: #16a34a; background: #F0FDF4; }
.links button.active[onclick*="'outlet'"]        { color: #E47911; background: #FFF7ED; }
.links button.active[onclick*="'ricambi'"]       { color: #92400E; background: #FEF3C7; }

/* Ricerca ricambi: bronzo solo su hover e active */
.links button[onclick*="'ricambi'"] {
  color: inherit;
}
.btn { border-radius: 10px; font-family: Inter, Arial, sans-serif; font-weight: 600; transition: all .18s var(--ease); }
.btn:hover { transform: translateY(-1px); box-shadow: var(--sh-md); }
.btn.primary { background: var(--blue); border-color: var(--blue); }
.btn.primary:hover { background: var(--blue-m); border-color: var(--blue-m); }
.btn.green { background: var(--green); border-color: var(--green); }

/* ── Hero (comune) ── */
.hero {
  padding: 0;
  height: 480px;
  display: flex;
  align-items: center;
}

.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 72px 72px;
  pointer-events: none;
}

.hero::before {
  background:
    radial-gradient(ellipse 55% 80% at 78% 40%, rgba(37,99,235,.26), transparent),
    radial-gradient(ellipse 45% 60% at 18% 75%, rgba(26,58,107,.42), transparent) !important;
}

.hero.angelo::before {
  background:
    radial-gradient(ellipse 55% 80% at 78% 40%, rgba(200,30,30,.40), transparent),
    radial-gradient(ellipse 45% 60% at 18% 75%, rgba(80,0,0,.55), transparent) !important;
}

.hero > .container { position: relative; z-index: 2; width: 100%; }

.hero h1 { color: white; font-size: 52px; margin-bottom: 16px; }
.hero-card { border-radius: var(--r-xl); box-shadow: var(--sh-xl); }
.hero-card-inner { border-radius: calc(var(--r-xl) - 6px); padding: 26px; }
.hero-logo { max-height: 150px; margin-bottom: 18px; border-radius: 14px; }
.angelo-box { border-radius: 22px; padding: 22px; }
.angelo-box img { max-width: 360px; }
.angelo-box p { font-family: Inter, Arial, sans-serif; font-size: 14px !important; font-weight: 600 !important; }

/* ── Cards ── */
.card { border-radius: var(--r-lg); box-shadow: var(--sh-sm); transition: transform .2s var(--ease), box-shadow .2s, border-color .2s; }
.card:hover { transform: translateY(-2px); box-shadow: var(--sh-lg); border-color: #CBD5E1; }
.service-image { transition: transform .4s var(--ease); }
.card:hover .service-image { transform: scale(1.04); }

/* ── Home numbers ── */
.home-numbers { padding: 44px 0; }
.home-number-card strong { font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 34px; }
.home-number-card span { font-size: 12.5px; }

/* ── Home final CTA ── */
.home-final-cta {
  border-radius: var(--r-xl) !important;
  padding: 52px 56px !important;
  margin-top: 72px !important;
}
.home-final-cta h2 { font-size: 36px; }

/* ── Angelo numbers ── */
.angelo-numbers { padding: 44px 0; }
.angelo-number-card strong { font-family: Inter, Arial, sans-serif; font-weight: 400; font-size: 28px; }

/* ── Angelo final CTA ── */
.angelo-final-cta {
  border-radius: var(--r-xl) !important;
  padding: 52px 56px !important;
  margin-top: 72px !important;
}
.angelo-final-cta h2 { font-size: 36px; }

/* ── BANNER INFERIORE unificato (tutte e 3 le pagine) ── */
.bottom-banner {
  width: 100%;
  padding: 96px 0;
  min-height: 520px;
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  color: white;
}

.bottom-banner::after {
  content: "";
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.022) 1px, transparent 1px);
  background-size: 72px 72px;
  pointer-events: none;
}

.bottom-banner.blue  { background: var(--dark); }
.bottom-banner.blue::before {
  content: "";
  position: absolute; inset: 0; z-index: 1;
  background:
    radial-gradient(ellipse 55% 80% at 78% 40%, rgba(37,99,235,.26), transparent),
    radial-gradient(ellipse 45% 60% at 18% 75%, rgba(26,58,107,.42), transparent);
}

.bottom-banner.red   { background: linear-gradient(135deg,#1A0000 0%,#5C0808 50%,#8B1A1A 100%); }
.bottom-banner.red::before { display: none; }

.bottom-banner.green { background: linear-gradient(135deg,#052E16,#14532D 60%,#166534); }
.bottom-banner.green::before {
  content: "";
  position: absolute; inset: 0; z-index: 1;
  background:
    radial-gradient(ellipse 55% 80% at 78% 40%, rgba(22,163,74,.22), transparent),
    radial-gradient(ellipse 45% 60% at 18% 75%, rgba(5,46,22,.5), transparent);
}

.bottom-banner.orange { background: linear-gradient(135deg,#1A0900,#3D2200 60%,#7C3A00); }
.bottom-banner.orange::before {
  content: "";
  position: absolute; inset: 0; z-index: 1;
  background:
    radial-gradient(ellipse 55% 80% at 78% 40%, rgba(255,153,0,.24), transparent),
    radial-gradient(ellipse 45% 60% at 18% 75%, rgba(10,10,10,.55), transparent);
}

.bottom-banner-inner {
  position: relative;
  z-index: 2;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 48px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 64px;
}

.bottom-banner-inner.with-form {
  grid-template-columns: 1fr .65fr;
  gap: 56px;
}

.bottom-banner-inner.with-photo {
  grid-template-columns: 1fr .62fr;
  gap: 56px;
}

.bottom-banner-photo {
  width: 100%;
  height: 340px;
  object-fit: cover;
  border-radius: 24px;
  box-shadow: 0 30px 60px rgba(0,0,0,.35);
}

@media(max-width:900px){
  .bottom-banner-photo{ height: 220px; }
}

.bottom-banner h2 { color: white; font-size: 40px; margin: 12px 0 14px; }
.bottom-banner p  { color: rgba(255,255,255,.65); font-size: 16px; line-height: 1.65; max-width: 560px; }

.bottom-banner-actions {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-width: 220px;
}

/* newsletter form nel banner verde */
.bottom-banner .nl-form {
  display: grid;
  gap: 12px;
  background: rgba(255,255,255,.09);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: var(--r-lg);
  padding: 28px;
}
.bottom-banner .nl-form input {
  width: 100%;
  border: 0;
  border-radius: 10px;
  padding: 13px 16px;
  font: inherit;
  font-size: 15px;
  background: white;
  color: var(--ink);
}
.bottom-banner .nl-form button {
  border: 0;
  border-radius: 10px;
  padding: 13px;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  background: white;
  color: var(--green);
  cursor: pointer;
  transition: background .18s;
}
.bottom-banner .nl-form button:hover { background: #F0FDF4; }
.bottom-banner.orange .nl-form button { color: #C2410C; }
.bottom-banner.orange .nl-form button:hover { background: #FFF7ED; }

.btn-ghost-white {
  background: rgba(255,255,255,.1) !important;
  border-color: rgba(255,255,255,.3) !important;
  color: white !important;
}
.btn-ghost-white:hover { background: rgba(255,255,255,.18) !important; }

/* ── SECONDA MANO ── */
/* Reset section container */
.used-page.container { max-width: none !important; padding: 0 !important; }

/* Hero usato: stesso hero comune */
.hero.used-hero-final {
  padding: 0 !important;
  height: 480px !important;
  background: var(--dark) !important;
  color: white !important;
}
.hero.used-hero-final::before {
  background:
    radial-gradient(ellipse 55% 80% at 78% 40%, rgba(22,101,52,.4), transparent),
    radial-gradient(ellipse 45% 60% at 18% 75%, rgba(5,46,22,.5), transparent) !important;
}
.hero.used-hero-final .lead { color: rgba(255,255,255,.75) !important; }

/* Valore Protetto */
.value-card {
  background: white !important;
  border: 1px solid var(--line) !important;
  border-radius: var(--r-xl) !important;
  padding: 48px 52px !important;
  margin: 0 !important;
  box-shadow: var(--sh-md) !important;
}
.value-grid {
  display: grid !important;
  grid-template-columns: 280px 1fr !important;
  gap: 56px !important;
  align-items: center !important;
}
.value-grid > div:first-child img {
  width: 500px !important;
  height: 500px !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  display: block !important;
}
.value-grid h2 { font-size: 32px; margin: 10px 0 14px; }
.value-grid > div:last-child > p.muted { font-size: 16px !important; line-height: 1.68; }
.value-grid .cards.three { margin-top: 22px !important; }
.value-grid .cards.three .card { border-radius: var(--r-md) !important; box-shadow: none !important; }
.value-grid .cards.three .card.pad { padding: 18px 20px !important; }

/* Griglia annunci */
.dynamic-used-block { padding: 0 !important; margin: 0 !important; }
.dynamic-used-category { margin-top: 52px !important; }
.dynamic-used-category h3 {
  font-family: Inter, Arial, sans-serif !important;
  font-size: 28px !important;
  font-weight: 400 !important;
  padding-left: 0 !important;
  border-left: none !important;
  color: var(--ink) !important;
  margin-bottom: 20px !important;
}
.dynamic-used-grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 18px !important;
}
.public-used-card { border-radius: var(--r-lg) !important; transition: transform .2s var(--ease), box-shadow .2s, border-color .2s !important; }
.public-used-card:hover { transform: translateY(-2px) !important; box-shadow: var(--sh-lg) !important; border-color: #BBF7D0 !important; }
.public-used-price { font-family: Inter, Arial, sans-serif, sans-serif !important; font-size: 20px !important; font-weight: 800 !important; }

/* Newsletter usato → rimossa, sostituita da bottom-banner */
.newsletter-usato { display: none !important; }

/* ── Responsive ── */
@media(max-width: 1200px) {
  h1 { font-size: 40px; }
  h2 { font-size: 32px; }
  .hero h1, .hero.used-hero-final h1 { font-size: 38px !important; }
  .hero, .hero.used-hero-final, .bottom-banner { padding: 56px 0 !important; height: auto !important; min-height: unset !important; }
  .hero-grid, .cards.four, .cards.three, .cards.two { grid-template-columns: 1fr !important; }
  .hero-card { height: auto !important; aspect-ratio: auto !important; max-height: none !important; }
  .home-numbers-grid, .angelo-numbers-grid { grid-template-columns: repeat(2,1fr); }
  .home-final-cta, .angelo-final-cta { grid-template-columns: 1fr !important; padding: 36px !important; }
  .bottom-banner-inner, .bottom-banner-inner.with-form, .bottom-banner-inner.with-photo { grid-template-columns: 1fr !important; padding: 0 24px !important; gap: 32px !important; }
  .value-card { margin: 48px 24px 0 !important; padding: 32px !important; }
  .value-grid { grid-template-columns: 1fr !important; gap: 28px !important; }
  .value-grid > div:first-child { display: none !important; }
  .dynamic-used-block { padding: 0 24px 56px !important; }
  .dynamic-used-grid { grid-template-columns: repeat(2, 1fr) !important; }
  .container { padding: 0 24px !important; }
}

@media(max-width: 768px) {
  .dynamic-used-grid { grid-template-columns: repeat(2, 1fr) !important; gap: 10px !important; }
  .home-numbers-grid, .angelo-numbers-grid { grid-template-columns: 1fr; }
  .bottom-banner-actions { flex-direction: row; flex-wrap: wrap; }
}


/* Usato section: full width, nessun container esterno */
.used-page { width: 100%; padding: 0; max-width: none; box-sizing: border-box; }
.used-page.active { display: block !important; }

/* ── Hero card destra: layout unificato 3 pagine ── */
.hero-card {
  aspect-ratio: auto;
  height: 420px;
  padding: 16px;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-card-logos {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0;
  padding: 24px !important;
  width: 100%;
  height: 100%;
}

.hero-card-logos .hero-logo {
  max-height: 130px;
  max-width: 90%;
  object-fit: contain;
  margin: 0 auto;
  display: block;
  border-radius: 10px;
  background: white;
}

.hero-card-logos .hero-logo-secondary {
  max-height: 92px;
  max-width: 80%;
  object-fit: contain;
  margin: 0 auto;
  display: block;
}

/* Logo Polo uniforme in tutte le hero card */
.hero-card img[src*="logo-polo"],
.hero-card img[src*="logo-polo-white"] {
  max-height: 92px !important;
  max-width: 80% !important;
  object-fit: contain !important;
  margin: 0 auto !important;
  display: block !important;
}

.hero-card-divider {
  width: 80%;
  height: 1px;
  background: var(--line);
  margin: 14px 0;
}

.hero-card-desc {
  text-align: center;
  font-size: 13px;
  color: var(--muted);
  line-height: 1.55;
  margin: 16px 0 0;
  font-family: Inter, Arial, sans-serif;
  max-width: 90%;
}

/* Bottone ghost bianco per tutti gli hero */
.btn-ghost-white {
  background: rgba(255,255,255,.1) !important;
  border-color: rgba(255,255,255,.3) !important;
  color: white !important;
}
.btn-ghost-white:hover {
  background: rgba(255,255,255,.18) !important;
}

/* Forza stessa altezza su tutti e 3 i banner ─ il contenuto della card è ora identico */
.hero, .hero.angelo, .hero.used-hero-final {
  min-height: 480px !important;
  padding: 24px 0 !important;
}

/* ══════════════════════════════════════════
   RICERCA RICAMBI — redesign
   ══════════════════════════════════════════ */

.ricambi-header {
  padding-bottom: 40px;
  border-bottom: 1px solid var(--line);
  margin-bottom: 48px;
}
.ricambi-header h1 { font-size: 48px; margin: 8px 0 0; }

/* Layout 2 colonne */
.ricambi-layout {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 32px;
  align-items: start;
}

/* ── Form card ── */
.ricambi-form-card {
  background: white;
  border: 1px solid var(--line);
  border-radius: 24px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(10,22,40,.07);
}

.ricambi-form-header {
  padding: 32px 36px 28px;
  border-bottom: 1px solid var(--line);
  background: var(--soft);
}
.ricambi-form-header h2 { font-size: 28px; margin: 8px 0 10px; }
.ricambi-form-header p  { font-size: 14px; color: var(--muted); line-height: 1.6; margin: 0; }

/* Form sections */
.ricambi-form { display: flex; flex-direction: column; }

.ricambi-form-section {
  padding: 24px 36px;
  border-bottom: 1px solid var(--line);
}
.ricambi-form-section:last-of-type { border-bottom: none; }

.ricambi-section-label {
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: var(--muted);
  margin: 0 0 16px;
}

.ricambi-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin-bottom: 14px;
}
.ricambi-row:last-child { margin-bottom: 0; }

.ricambi-row label,
.ricambi-label-full {
  display: grid;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: var(--sub);
}

.ricambi-row input,
.ricambi-row select,
.ricambi-label-full textarea {
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: 11px 14px;
  font: inherit;
  font-size: 14px;
  background: white;
  color: var(--ink);
  outline: none;
  transition: border-color .18s, box-shadow .18s;
}
.ricambi-row input:focus,
.ricambi-row select:focus,
.ricambi-label-full textarea:focus {
  border-color: var(--blue-a);
  box-shadow: 0 0 0 3px rgba(37,99,235,.1);
}

.ricambi-label-full textarea {
  min-height: 110px;
  resize: vertical;
}

/* Footer form */
.ricambi-form-footer {
  padding: 24px 36px 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
  background: var(--soft);
  border-top: 1px solid var(--line);
}

.ricambi-note {
  font-size: 12.5px;
  color: var(--muted);
  line-height: 1.5;
  max-width: 360px;
  margin: 0;
}

.ricambi-submit {
  border: 0;
  border-radius: 10px;
  padding: 13px 24px;
  background: var(--blue);
  color: white;
  font-weight: 700;
  font-size: 15px;
  font-family: inherit;
  cursor: pointer;
  white-space: nowrap;
  transition: all .18s;
  flex-shrink: 0;
}
.ricambi-submit:hover { background: var(--blue-m); transform: translateY(-1px); box-shadow: 0 4px 16px rgba(10,22,40,.18); }

/* ── Aside info ── */
.ricambi-info {
  display: flex;
  flex-direction: column;
  gap: 16px;
  position: sticky;
  top: 104px;
}

.ricambi-info-block {
  background: white;
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 24px 26px;
  box-shadow: 0 2px 12px rgba(10,22,40,.05);
}

.ricambi-info-block h3 {
  font-size: 18px;
  margin: 6px 0 0;
}

.ricambi-info-list {
  list-style: none;
  margin: 16px 0 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.ricambi-info-list li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  font-size: 13.5px;
  color: var(--sub);
  line-height: 1.45;
}

.ricambi-info-icon {
  font-size: 16px;
  flex-shrink: 0;
  margin-top: 1px;
}

.ricambi-contact-block { background: var(--soft); }

.ricambi-contact-btn {
  display: block;
  padding: 12px 16px;
  background: white;
  border: 1px solid var(--line);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 700;
  color: var(--ink);
  text-decoration: none;
  text-align: center;
  transition: all .18s;
}
.ricambi-contact-btn:hover { border-color: var(--blue); color: var(--blue); transform: translateY(-1px); box-shadow: 0 4px 12px rgba(10,22,40,.08); }
.ricambi-contact-btn.whatsapp { border-color: #25D366; color: #25D366; }.ricambi-contact-btn.whatsapp:hover { border-color: #1ebe5d; color: #1ebe5d; }

@media(max-width: 1200px) {
  .ricambi-layout { grid-template-columns: 1fr; }
  .ricambi-info { position: static; }
  .ricambi-form-section { padding: 20px 24px; }
  .ricambi-form-header { padding: 24px 24px 20px; }
  .ricambi-form-footer { padding: 20px 24px 24px; }
}
@media(max-width: 640px) {
  .ricambi-row { grid-template-columns: 1fr; }
  .ricambi-form-footer { flex-direction: column; align-items: stretch; }
  .ricambi-submit { text-align: center; }
}


/* ═══════════════════════════════════
   HAMBURGER + MOBILE MENU
   ═══════════════════════════════════ */
.hamburger {
  display: none;
  flex-direction: column;
  gap: 5px;
  background: none;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 8px;
  transition: background .2s;
}
.hamburger:hover { background: rgba(255,255,255,.1); }
.hamburger span {
  display: block;
  width: 24px;
  height: 2.5px;
  background: #0f172a;
  border-radius: 2px;
  transition: all .3s;
}

.mobile-menu {
  position: fixed;
  top: 0; right: -100%;
  width: min(320px, 85vw);
  height: 100vh;
  background: #0A1628;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  transition: right .3s cubic-bezier(.4,0,.2,1);
  box-shadow: -8px 0 32px rgba(0,0,0,.4);
}
.mobile-menu.open { right: 0; }

.mobile-overlay {
  display: none;
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.5);
  z-index: 9998;
  -webkit-backdrop-filter: blur(2px);backdrop-filter: blur(2px);
}
.mobile-overlay.open { display: block; }

.mobile-menu-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 24px;
  background: #ffffff;
  border-bottom: 1px solid rgba(0,0,0,.08);
}
.mobile-menu-header button {
  background: none;
  border: none;
  color: #0000d8;
  cursor: pointer;
  padding: 4px;
  border-radius: 6px;
}

.mobile-nav {
  display: flex;
  flex-direction: column;
  padding: 16px 0;
  flex: 1;
  overflow-y: auto;
}
.mobile-nav button {
  background: none;
  border: none;
  color: rgba(255,255,255,.85);
  font-size: 16px;
  font-weight: 600;
  font-family: Inter, Arial, sans-serif;
  text-align: left;
  padding: 14px 24px;
  cursor: pointer;
  transition: background .15s, color .15s;
  border-radius: 0;
}
.mobile-nav button:hover { background: rgba(255,255,255,.08); color: white; }
.mobile-nav button.active { color: white; background: rgba(255,255,255,.12); }
.mobile-nav button[data-key="ricambi"] { color: rgba(255,255,255,.85); }

.mobile-menu-footer {
  padding: 20px 24px;
  border-top: 1px solid rgba(255,255,255,.1);
  display: flex;
  align-items: center;
  gap: 12px;
}
.mobile-menu-footer .btn { flex: 1; text-align: center; }

@media(max-width: 1200px) {
  .hamburger { display: flex; margin-left: auto; }
}

/* ═══ PREZZI SECONDA MANO ═══ */
.public-used-prices { margin-top: 8px; }
.price-listino { font-size: 14px; color: #94a3b8; text-decoration: line-through; text-decoration-thickness: 1.5px; margin-bottom: 2px; font-weight: 600; }
.price-savings { display:inline-block; background:#FFEB3B; color:#111; font-weight:800; font-size:12px; border-radius:4px; padding:3px 9px; margin-top:4px; border:0; }
.price-savings-pct, .detail-savings-pct { background:#111; color:#FFEB3B; border-radius:4px; padding:1px 6px; margin-left:4px; font-weight:900; }
.used-detail-modal.is-outlet .used-detail-price { color:#C2410C; }
.used-detail-modal.is-online .used-detail-price { color:#1D4ED8; }
.online-req-note{ font-size:13.5px; color:#64748b; margin:0 0 12px; }
.online-req-note a{ color:#1D4ED8; text-decoration:underline; }
.online-req-form{ display:flex; flex-direction:column; gap:10px; }
.online-req-form input, .online-req-form textarea{ font-family:inherit; font-size:14.5px; padding:11px 14px; border:1px solid #cbd5e1; border-radius:10px; width:100%; box-sizing:border-box; resize:vertical; }
.online-req-form button{ background:#1D4ED8; color:#fff; border:none; border-radius:10px; padding:12px 18px; font-weight:700; font-size:14.5px; cursor:pointer; }
.online-req-form button:disabled{ opacity:.6; cursor:default; }
.price-main { font-size: 18px; font-weight: 800; color: #166534; line-height: 1.2; }
#outlet .price-main { color: #C2410C; }
.price-rate { display:inline-block; margin-top:5px; background:#f8fafc; border:1px solid #e2e8f0; color:#475569; border-radius:6px; padding:3px 9px; font-size:11px; }

/* ── Bottone Condividi modal annuncio ── */
.detail-share-btn{display:inline-flex;align-items:center;gap:6px;padding:13px 22px;border-radius:999px;font-weight:800;font-size:15px;background:transparent;color:#475569;border:1.5px solid #e2e8f0;cursor:pointer;transition:.15s;font-family:inherit}
.detail-share-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}
.detail-flyer-btn{display:inline-flex;align-items:center;gap:6px;padding:13px 22px;border-radius:999px;font-weight:800;font-size:15px;background:transparent;color:#475569;border:1.5px solid #e2e8f0;cursor:pointer;transition:.15s;font-family:inherit}
.detail-flyer-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}

/* ── Share dropdown ── */
#shareDropdown{position:absolute;bottom:calc(100% + 8px);left:0;background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 8px 32px rgba(0,0,0,.12);padding:6px;min-width:170px;z-index:9999;display:flex;flex-direction:column;gap:2px}
#shareDropdown a,#shareDropdown button{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:9px;font-size:14px;font-weight:600;color:#1e293b;text-decoration:none;border:none;background:none;cursor:pointer;font-family:inherit;width:100%;text-align:left;transition:.1s}
#shareDropdown a:hover,#shareDropdown button:hover{background:#f1f5f9}
#shareDropdown a:first-child{color:#25D366}

/* ── Mobile 2-col cards (AutoScout style) ── */
@media(max-width:560px){
  .used-page .public-used-card { border-radius:16px; }
  .used-page .public-used-image { height:140px; }
  .used-page .public-used-body { padding:10px 10px 12px; }
  .used-page .public-used-body h3 { font-size:13px; line-height:1.2; margin-bottom:3px; }
  .used-page .public-used-subtitle { font-size:11px; margin-bottom:5px !important; }
  .used-page .public-used-code { font-size:10px; padding:3px 7px; margin-bottom:6px; }
  .used-page .public-used-meta { font-size:11px; margin-bottom:4px; }
  .used-page .price-listino { font-size:10px; }
  .used-page .price-main { font-size:14px; }
  .used-page .price-rate { font-size:10px; padding:2px 6px; }
  .used-page .public-used-status { font-size:10px; padding:4px 8px; }
}

/* ── Prezzo su richiesta ── */
.price-on-request { font-style: italic; color: #64748b; font-weight: 600; font-size: 15px; }
.price-on-request-lg { font-style: italic; color: #64748b; font-weight: 700; font-size: 22px; }


/* ══ BADGE BAR — indipendente dall'immagine ══ */
.pub-badges-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 40px !important;
  padding: 6px 12px !important;
  background: #f8fafc !important;
  border-top: 1px solid #e2e8f0 !important;
  border-bottom: 1px solid #e2e8f0 !important;
}
.pub-badge {
  display: inline-block !important;
  color: #fff !important;
  font-weight: 900 !important;
  border-radius: 999px !important;
  padding: 5px 12px !important;
  font-size: 12px !important;
  letter-spacing: .05em !important;
}
.pub-badge.venduta   { background: #dc2626 !important; }
.pub-badge.prenotata { background: #f59e0b !important; }
.pub-badge-vp { display: flex !important; align-items: center !important; }
.pub-badge-vp img { width: 62px !important; height: 62px !important; object-fit: contain !important; }
.pub-badge-war { display: flex !important; align-items: center !important; margin-left: 6px !important; }
.pub-badge-war img { width: 62px !important; height: 62px !important; object-fit: contain !important; }
.pub-badges-group { display: flex !important; align-items: center !important; margin-left: auto !important; }
/* Nascondi definitivamente i vecchi badge assoluti */
.public-used-status,
.public-used-value,
.used-page .public-used-status,
.used-page .public-used-value { display: none !important; }
.used-no-photo { display: flex; align-items: center; justify-content: center; height: 100%; font-size: 13px; color: #94a3b8; padding: 16px; text-align: center; }

/* ══ CARD STRUCTURE FIX — immagine e badge sempre in cima, testo sempre allineato ══ */
.public-used-card {
  display: flex !important;
  flex-direction: column !important;
}
.public-used-image {
  height: 220px !important;
  flex-shrink: 0 !important;
  position: relative !important;
}
.pub-badges-bar {
  flex-shrink: 0 !important;
  min-height: 60px !important;
}
.public-used-body {
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
}
.public-used-prices {
  margin-top: auto !important;
}

/* ══ HERO VIDEO BACKGROUND ══ */
.hero { position: relative; overflow: hidden; }
.hero-video-bg {
  position: absolute;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%; min-height: 100%;
  width: auto; height: auto;
  object-fit: cover;
  z-index: 0;
  opacity: 0.45;
}
.hero-video-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(5,15,40,0.55) 0%, rgba(5,15,40,0.35) 60%, rgba(5,15,40,0.60) 100%);
  z-index: 1;
}
.hero .container { position: relative; z-index: 2; }

/* Hero text leggibile su video */
.hero h1, .hero .lead, .hero .btn {
  text-shadow: 0 2px 12px rgba(0,0,0,0.45);
}

/* ── Ricambi hero banner ── */
.section-full-width { width: 100%; }
.hero-ricambi-content h1 {
  font-size: clamp(28px, 4vw, 52px);
  font-weight: 900;
  color: white;
  margin-bottom: 16px;
  text-shadow: 0 2px 12px rgba(0,0,0,0.45);
}
.hero-ricambi-content .lead {
  font-size: clamp(16px, 2vw, 20px);
  color: rgba(255,255,255,0.88);
  text-shadow: 0 2px 8px rgba(0,0,0,0.35);
  line-height: 1.6;
}

/* ══ RICAMBI — schema bronzo ══ */
:root { --bronze: #A0733A; --bronze-dark: #7a5528; --bronze-light: #c49a5a; }
.servizi-hero { background: #0A1628 !important; height: 480px !important; padding:0 !important; }
.servizi-hero:before{background:radial-gradient(circle at 75% 25%,rgba(37,99,235,.4),transparent 45%),radial-gradient(circle at 20% 80%,rgba(10,22,40,.6),transparent 40%) !important}
.ricambi-hero .hero-video-overlay {
  background: linear-gradient(135deg, rgba(80,45,10,0.78) 0%, rgba(100,60,20,0.45) 100%) !important;
}
.ricambi-hero h1 { color: #fff; }
.ricambi-hero .lead { color: rgba(255,255,255,.85); }

/* Hero card — stessa struttura delle altre sezioni */
/* ricambi hero card — usa struttura standard hero-card */

/* Bottom CTA banner */
.ricambi-cta-banner {
  background: linear-gradient(135deg, #2A1A00 0%, #7a5528 60%, #A0733A 100%);
  padding: 64px 0;
  color: #fff;
}
.ricambi-cta-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  flex-wrap: wrap;
}
.ricambi-cta-inner h2 { font-size: clamp(24px, 3vw, 38px); font-weight: 900; color: #fff; margin: 8px 0 12px; }
.ricambi-cta-inner p { color: rgba(255,255,255,.8); max-width: 520px; font-size: 16px; line-height: 1.6; }
.ricambi-cta-btns { display: flex; gap: 12px; flex-wrap: wrap; flex-shrink: 0; }

/* ── Ricambi hero card: wrapper semitrasparente come le altre sezioni ── */


/* ── Ricambi hero: centra il contenuto verticalmente come le altre sezioni ── */
.ricambi-hero .hero-grid {
  grid-template-columns: 1fr 460px !important;
  gap: 64px !important;
  align-items: center !important;
}
.ricambi-hero .hero-card {
  width: 100% !important;
  max-width: 460px !important;
  margin-left: auto !important;
}

/* ── Ricambi HERO card — altezza fissa identica alle altre sezioni ── */


/* ricambi hero: nessun margine extra, section senza container */

/* ── Ricambi hero: gradiente per dare profondità visiva uguale alle altre ── */
.ricambi-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom, rgba(40,20,5,0.3) 0%, transparent 50%, rgba(40,20,5,0.3) 100%);
  z-index: 1;
  pointer-events: none;
}
@media(max-width: 1200px) {
}

/* ── Ricambi: spazio tra banner e contenuto ── */
.ricambi-header { padding-top: 68px !important; }

/* ── Ricambi hero card: coppia loghi partner nella zona superiore standard ── */
.ricambi-partner-logos {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
  width: 100%;
}
.ricambi-partner-logos .hero-logo {
  max-height: 60px;
  max-width: 130px;
  margin: 0 auto;
  background: white;
}

/* ── Hero card: zone fisse per allineare il logo Polo in tutte le sezioni ── */
.hero-card-logos {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  width: 100% !important;
}
.hero-card-logos .hero-logo:first-child,
.hero-card-logos .hero-logo-secondary:first-child,
.hero-card-logos > div:first-child {
  min-height: 120px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
}
.hero-card-logos .hero-card-divider {
  flex-shrink: 0 !important;
}

/* ── Angelo Po hero: sfondo rosso-nero, no blu ── */
.hero.angelo {
  background: #1A0005 !important;
}
.hero.angelo::before,
.hero.angelo:before {
  background:
    radial-gradient(ellipse 60% 70% at 30% 50%, rgba(180,20,20,.65), transparent),
    radial-gradient(ellipse 50% 60% at 80% 50%, rgba(100,0,0,.5), transparent) !important;
}

/* ── Ricambi hero: bronzo-nero, no blu ── */
.ricambi-hero {
  background: #1A0D00 !important;
}
.ricambi-hero .hero-video-overlay {
  background:
    radial-gradient(ellipse 60% 70% at 30% 50%, rgba(160,115,58,.65), transparent),
    radial-gradient(ellipse 50% 60% at 80% 50%, rgba(80,40,0,.55), transparent) !important;
}

/* ── Filtro categorie usato ── */
.used-filter-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 32px;
  padding: 0;
}
.used-filter-btn {
  padding: 8px 18px;
  border-radius: 999px;
  border: 1.5px solid #d1d5db;
  background: #fff;
  color: #374151;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all .15s;
  white-space: nowrap;
}
.used-filter-btn:hover {
  border-color: #1B5E38;
  color: #1B5E38;
}
.used-filter-btn.active {
  background: #1B5E38;
  border-color: #1B5E38;
  color: #fff;
}

/* ── Filtro categorie: spaziatura e colori ── */
.used-filter-bar {
  margin-top: 48px !important;
  margin-bottom: 40px !important;
}
.used-filter-btn[data-cat="*"] {
  background: #111827 !important;
  border-color: #111827 !important;
  color: #fff !important;
}
.used-hidden{display:none!important}

.used-filter-btn[data-cat="*"].active,
.used-filter-btn[data-cat="*"]:hover {
  background: #374151 !important;
  border-color: #374151 !important;
  color: #fff !important;
}

/* ═══ HOME SHOWCASE (fasce zig-zag verso le pagine) ═══ */
.home-showcase{margin-top:24px}
.showcase-strip{display:grid;grid-template-columns:1.15fr .85fr;gap:0;margin-bottom:28px;border-radius:24px;overflow:hidden;box-shadow:0 12px 40px rgba(15,23,42,.10);background:#fff;cursor:pointer;transition:transform .18s,box-shadow .18s}
.showcase-strip:hover{transform:translateY(-3px);box-shadow:0 20px 54px rgba(15,23,42,.16)}
.showcase-strip.reverse .showcase-text{order:2}
.showcase-strip.reverse .showcase-visual{order:1}
.showcase-text{padding:40px 44px;display:flex;flex-direction:column;justify-content:center}
.showcase-tag{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin-bottom:10px}
.showcase-text h3{font-size:30px;font-weight:900;margin:0 0 12px;color:#0f172a}
.showcase-text p{font-size:16px;line-height:1.6;color:#475569;margin:0 0 24px}
.showcase-btn{align-self:flex-start;border:0;color:#fff;font-weight:800;font-size:15px;padding:13px 24px;border-radius:999px;cursor:pointer;font-family:inherit;transition:filter .15s}
.showcase-btn:hover{filter:brightness(1.08)}
.showcase-visual{display:flex;align-items:center;justify-content:center;min-height:220px}
@media(max-width:760px){
  .showcase-strip,.showcase-strip.reverse{grid-template-columns:1fr}
  .showcase-strip.reverse .showcase-text{order:2}
  .showcase-strip.reverse .showcase-visual{order:1}
  .showcase-strip .showcase-visual{order:1;min-height:140px}
  .showcase-strip .showcase-text{order:2;padding:28px 24px}
  .showcase-text h3{font-size:24px}
}

/* Ricambi hero colore */
.ricambi-hero { background: #3D2200 !important; }

/* ══════════════════════════════════════════════════════════════
   OTTIMIZZAZIONE MOBILE — v2-42
   Blocco consolidato in coda (massima priorità di cascata)
   ══════════════════════════════════════════════════════════════ */
@media(max-width:760px){

  /* ── 1. HERO SUPERIORI: una sola schermata, contenuto ancorato in alto, card sotto ── */
  .hero,
  .hero.angelo,
  .hero.servizi-hero,
  .hero.ricambi-hero,
  .hero.used-hero-final,
  .used-page .used-hero-final{
    min-height:calc(100svh - 90px) !important;   /* 90px = header sticky */
    height:calc(100svh - 90px) !important;
    max-height:calc(100svh - 90px) !important;
    padding:0 0 16px !important;
    display:block !important;             /* niente flex-centering verticale */
    overflow:hidden !important;
    box-sizing:border-box !important;
  }

  /* Il container interno parte subito in alto (header sticky è già nel flusso) */
  .hero > .container,
  .hero .container.hero-grid,
  .used-page .used-hero-final .hero-grid,
  .used-page .used-hero .container{
    padding-top:18px !important;
    height:100% !important;
    box-sizing:border-box !important;
  }

  /* Griglia hero → colonna verticale, contenuti impilati dall'alto (batte i !important di ricambi) */
  .hero-grid,
  .hero.angelo .hero-grid,
  .ricambi-hero .hero-grid,
  .used-page .used-hero-final .hero-grid{
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    align-items:center !important;
    grid-template-columns:1fr !important;
    gap:16px !important;
    width:100% !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  /* Il blocco testo (prima colonna) a sinistra, largo pieno */
  .hero-grid > div:first-child{
    width:100% !important;
    text-align:left !important;
  }

  /* Card destra → sotto, centrata, larghezza piena (rimuove margin-left:auto di ricambi) */
  .hero-card,
  .ricambi-hero .hero-card,
  .used-page .used-hero-final .hero-card{
    margin:0 auto !important;
    width:100% !important;
    max-width:400px !important;
    height:auto !important;
    aspect-ratio:auto !important;
    padding:12px !important;
  }

  .hero-card-inner,
  .hero-card-logos{ padding:18px !important; }

  /* Zona logo superiore: riduci l'altezza fissa che allungava la card */
  .hero-card-logos .hero-logo:first-child,
  .hero-card-logos .hero-logo-secondary:first-child,
  .hero-card-logos > div:first-child{
    min-height:auto !important;
  }

  /* Loghi hero uniformi e compatti */
  .hero-card-logos .hero-logo,
  .hero-card img[src*="logo-polo"]{ max-height:78px !important; }
  .hero-card-logos .hero-logo-secondary{ max-height:60px !important; }
  .ricambi-partner-logos .hero-logo{ max-height:48px !important; }
  .second-life-hero-logo{ max-height:100px !important; }
  .hero-card-divider{ margin:10px 0 !important; }
  .hero-card-desc{ font-size:12px !important; margin-top:10px !important; }

  /* Testo hero compatto e in alto */
  .hero h1,
  .hero.used-hero-final h1,
  .used-page .used-hero-final h1,
  .used-page .used-hero h1{ font-size:30px !important; line-height:1.06 !important; margin:0 0 10px !important; }
  .hero .eyebrow{ margin-top:0 !important; }
  .hero .lead,
  .hero .lead p,
  .used-page .used-hero-final .lead{ font-size:14.5px !important; line-height:1.5 !important; margin:0 !important; }
  .hero-actions{ margin-top:16px !important; }
  .hero-actions .btn,
  .hero .btn{ padding:12px 18px !important; font-size:14px !important; }

  /* ── 3. HOME ── */
  .home-numbers-grid,
  #home .home-numbers-grid{ grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
  #homeCards.cards.four{ grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }

  /* ── 4. SERVIZI ── */
  #soluzioni #servicesGrid.cards.three{ grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
  #soluzioni #solutionsGrid.cards.four{ grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
  #soluzioni .partners-grid{ grid-template-columns:repeat(3,1fr) !important; gap:10px !important; }
  #soluzioni .partner-card img{ max-width:100% !important; }

  /* ── 5. ANGELO PO TRENTO ── */
  #angelo .angelo-numbers-grid{ grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
  #angelo .angelo-official-links{ grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }
  #angelo .real-grid{ grid-template-columns:repeat(2,1fr) !important; gap:12px !important; }

  /* ── 6. SECONDA MANO & OUTLET: annunci 2 colonne ── */
  .used-page .dynamic-used-grid,
  #usato .dynamic-used-grid,
  #outlet .dynamic-used-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }
}

/* ══════════════════════════════════════════════════════════════
   HOME REDESIGN — v2-142
   Namespace .hm- per non interferire col resto del sito
   ══════════════════════════════════════════════════════════════ */
:root{
  --hm-blue:#0000d8;
  --hm-blue-deep:#00008f;
  --hm-red:#e60012;
  --hm-ink:#0b0f1a;
  --hm-steel:#8a94a6;
  --hm-mist:#f6f7f9;
  --hm-line:#e7e9ee;
}
#home{ font-family:Inter,Arial,sans-serif; }
.hm-container{ max-width:1200px; margin:0 auto; padding:0 40px; box-sizing:border-box; }
.hm-eyebrow{
  font-size:13px; font-weight:700; letter-spacing:.22em; text-transform:uppercase;
  color:var(--hm-blue); margin:0 0 18px;
}
.hm-h2{
  font-family:Inter,Arial,sans-serif; font-weight:800;
  font-size:clamp(30px,4.4vw,54px); line-height:1.04; letter-spacing:-.02em;
  color:var(--hm-ink); margin:0;
}
.hm-section-head{ margin-bottom:56px; }

/* ── buttons ── */
.hm-btn{
  border:0; cursor:pointer; font-family:inherit; font-weight:700; font-size:16px;
  padding:16px 30px; border-radius:999px; transition:transform .25s cubic-bezier(.2,.7,.3,1),box-shadow .25s,background .2s;
  display:inline-flex; align-items:center; justify-content:center;
}
.hm-btn:hover{ transform:translateY(-2px); }
.hm-btn-primary{
  background:var(--hm-blue);
  color:#fff;
  border:1px solid var(--hm-blue-deep);
  box-shadow:
    0 10px 24px rgba(0,0,216,.25),
    inset 0 1px 0 rgba(255,255,255,.24);
}
.hm-btn-primary:hover{
  background:#0000c4;
  border-color:#000083;
  box-shadow:
    0 15px 32px rgba(0,0,216,.32),
    inset 0 1px 0 rgba(255,255,255,.28);
}
.hm-btn-primary:active{
  transform:translateY(0);
  box-shadow:
    0 5px 14px rgba(0,0,216,.20),
    inset 0 1px 2px rgba(0,0,0,.14);
}
.hm-btn-ghost{ background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.5); -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px); }
.hm-btn-ghost:hover{ background:rgba(255,255,255,.16); }
.hm-btn-dark{ background:var(--hm-ink); color:#fff; }
a.hm-btn{ text-decoration:none; }
.hm-btn-lg{ font-size:18px; padding:20px 40px; }

/* ═══════ HERO ═══════ */
.hm-hero{
  position:relative; height:calc(100svh - 90px); min-height:540px; width:100%;
  display:flex; align-items:center; overflow:hidden; background:var(--hm-ink);
}
.hm-hero-video{
  position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:0;
}
.hm-hero-overlay{
  position:absolute; inset:0; z-index:1;
  background:
    linear-gradient(180deg,rgba(11,15,26,.55) 0%,rgba(11,15,26,.35) 45%,rgba(11,15,26,.85) 100%),
    radial-gradient(120% 80% at 20% 30%,rgba(0,0,216,.32),transparent 60%);
}
.hm-hero-inner{
  position:relative; z-index:2; max-width:1200px; width:100%;
  margin:0 auto; padding:0 40px; box-sizing:border-box; color:#fff;
}
.hm-hero-eyebrow{
  font-family:Inter,Arial,sans-serif;
  font-size:16px; font-weight:800; letter-spacing:.2em; text-transform:uppercase;
  color:var(--gold); margin:0 0 20px;
  opacity:0; transform:translateY(20px); animation:hmRise .8s .1s forwards;
}
.hm-hero-title{
  font-family:Inter,Arial,sans-serif; font-weight:800;
  font-size:clamp(42px,7vw,88px); line-height:1.0; letter-spacing:-.025em;
  margin:0 0 26px; color:#fff;
  opacity:0; transform:translateY(24px); animation:hmRise .9s .25s forwards;
}
.hm-hero-sub{
  font-size:clamp(17px,2vw,21px); line-height:1.55; max-width:600px;
  color:rgba(255,255,255,.9); margin:0 0 38px; font-weight:400;
  opacity:0; transform:translateY(24px); animation:hmRise .9s .4s forwards;
}
.hm-hero-sub strong{ font-weight:700; color:#fff; }
.hm-hero-cta{
  display:flex; gap:14px; flex-wrap:wrap; margin-bottom:56px;
  opacity:0; transform:translateY(24px); animation:hmRise .9s .55s forwards;
}
.hm-hero-scrolllink{
  position:absolute; bottom:30px; left:50%; transform:translateX(-50%); z-index:3;
  display:flex; flex-direction:column; align-items:center; gap:8px; text-align:center;
  color:rgba(255,255,255,.75); text-decoration:none; cursor:pointer;
  max-width:90%; opacity:0; animation:hmFadeIn .9s 1s forwards;
}
.hm-hero-scrolllink span{
  font-size:14.5px; font-weight:500; letter-spacing:.01em;
  border-bottom:1px solid transparent; transition:color .25s,border-color .25s;
}
.hm-hero-scrolllink:hover span{ color:#fff; border-color:rgba(255,255,255,.5); }
.hm-hero-scrolllink-arrow{
  width:16px; height:16px; animation:hmArrowBounce 1.8s ease-in-out infinite;
  transition:color .25s;
}
.hm-hero-scrolllink:hover .hm-hero-scrolllink-arrow{ color:#fff; }
@keyframes hmFadeIn{ to{ opacity:1; } }
@keyframes hmArrowBounce{ 0%,100%{ transform:translateY(0); } 50%{ transform:translateY(5px); } }
.hm-hero-stats{
  display:flex; gap:44px; flex-wrap:wrap; padding-top:34px;
  border-top:1px solid rgba(255,255,255,.18); max-width:820px;
  opacity:0; transform:translateY(24px); animation:hmRise .9s .7s forwards;
}
.hm-stat{ display:flex; flex-direction:column; gap:4px; }
.hm-stat strong{ font-size:23px; font-weight:800; color:#fff; letter-spacing:-.01em; }
.hm-stat span{ font-size:13.5px; color:rgba(255,255,255,.72); font-weight:500; }
.hm-hero-scroll{
  position:absolute; bottom:28px; left:50%; transform:translateX(-50%); z-index:3;
  width:26px; height:42px; border:2px solid rgba(255,255,255,.5); border-radius:14px;
  background:transparent; padding:0; cursor:pointer; transition:border-color .25s,transform .25s;
}
.hm-hero-scroll:hover{ border-color:#fff; transform:translateX(-50%) translateY(3px); }
.hm-hero-scroll span{
  position:absolute; top:8px; left:50%; margin-left:-2px; width:4px; height:8px;
  background:#fff; border-radius:2px; animation:hmScroll 1.6s infinite;
}
@keyframes hmRise{ to{ opacity:1; transform:translateY(0);} }
@keyframes hmScroll{ 0%{opacity:0;transform:translateY(0)} 40%{opacity:1} 80%{opacity:0;transform:translateY(12px)} 100%{opacity:0} }

/* ═══════ HOOK ═══════ */
.hm-hook{ max-width:1200px; margin:0 auto; padding:98px 40px; text-align:left; }
.hm-hook-line{
  font-family:Inter,Arial,sans-serif; font-weight:800;
  font-size:clamp(28px,4.6vw,52px); line-height:1.12; letter-spacing:-.02em;
  color:var(--hm-ink); margin:0;
}
.hm-hook-accent{ color:var(--hm-blue); }
.hm-hook-body{
  font-size:clamp(16px,1.8vw,19px); line-height:1.65; color:#3c4250;
  max-width:800px; margin:28px 0 0; font-weight:400; text-align:left;
}

/* ═══════ FIT (ogni locale ha la sua storia) ═══════ */
.hm-fit{ padding:90px 0 100px; background:var(--hm-mist); scroll-margin-top:96px; }
.hm-fit-head{ max-width:1180px; margin:0; text-align:left; }
.hm-fit-head .hm-h2{ margin-bottom:22px; }
.hm-fit-text{ font-size:17px; line-height:1.68; color:var(--hm-steel); max-width:820px; margin:0; }
.hm-fit-icons{
  display:flex; flex-wrap:wrap; justify-content:center; gap:36px 28px;
  max-width:980px; margin:60px auto 0;
}
.hm-fit-item{ display:flex; flex-direction:column; align-items:center; gap:14px; width:100px; }
.hm-fit-icon{
  width:64px; height:64px; border-radius:50%; flex-shrink:0;
  display:flex; align-items:center; justify-content:center;
  background:var(--hm-mist); border:1px solid var(--hm-line); color:var(--hm-blue);
  transition:background .3s,border-color .3s,transform .3s;
}
.hm-fit-item:hover .hm-fit-icon{ background:#fff; border-color:var(--hm-blue); transform:translateY(-3px); }
.hm-fit-icon svg{ width:28px; height:28px; }
.hm-fit-label{ font-size:13.5px; font-weight:600; color:var(--hm-ink); text-align:center; line-height:1.3; }
.hm-fit-closing{
  max-width:820px; margin:64px auto 0; text-align:center;
  font-size:19px; line-height:1.6; font-weight:600; color:var(--hm-ink);
}

/* ═══════ PROCESS ═══════ */
.hm-process{ padding:100px 0; background:#fff; scroll-margin-top:96px; }
.hm-process-intro{ font-size:17.5px; line-height:1.7; color:var(--hm-steel); max-width:780px; margin:24px 0 0; }
.hm-path{ list-style:none; margin:66px 0 0; padding:0; }
.hm-path-step{ display:grid; grid-template-columns:126px 1fr; gap:0; }
.hm-path-num{
  font-family:Inter,Arial,sans-serif; font-weight:800;
  font-size:clamp(38px,4.6vw,60px); line-height:.92; letter-spacing:-.045em;
  color:var(--hm-blue); padding-top:2px;
}
.hm-path-body{ position:relative; border-left:1px solid var(--hm-line); padding:0 0 54px 40px; }
.hm-path-step:last-child .hm-path-body{ padding-bottom:0; }
/* pallino sul percorso, in corrispondenza di ogni passaggio */
.hm-path-body::before{
  content:''; position:absolute; left:-5.5px; top:11px;
  width:10px; height:10px; border-radius:50%;
  background:var(--hm-blue); box-shadow:0 0 0 4px #fff;
}
.hm-path-body h3{ font-size:23px; font-weight:700; color:var(--hm-ink); margin:0 0 10px; letter-spacing:-.015em; }
.hm-path-lead{ font-size:16.5px; font-weight:600; line-height:1.5; color:var(--hm-ink); margin:0 0 8px; }
.hm-path-desc{ font-size:15.5px; line-height:1.65; color:var(--hm-steel); margin:0; max-width:640px; }
/* cascata leggera allo scroll */
.hm-js .hm-path .hm-path-step:nth-child(2){ transition-delay:.07s; }
.hm-js .hm-path .hm-path-step:nth-child(3){ transition-delay:.14s; }
.hm-js .hm-path .hm-path-step:nth-child(4){ transition-delay:.21s; }
.hm-js .hm-path .hm-path-step:nth-child(5){ transition-delay:.28s; }
.hm-js .hm-path .hm-path-step:nth-child(6){ transition-delay:.35s; }

/* ═══════ SECTORS ═══════ */
.hm-sectors{ padding:100px 0; background:var(--hm-mist); }
.hm-sectors-list{
  display:grid; grid-template-columns:repeat(3,1fr);
  grid-auto-rows:280px; gap:24px; margin-top:56px;
}
.hm-sector{
  position:relative; display:flex; align-items:flex-end;
  overflow:hidden; border-radius:20px; text-decoration:none; cursor:pointer;
  background:none; border:0; box-shadow:none;
  transition:transform .4s cubic-bezier(.2,.7,.3,1);
}
.hm-sector:hover{ transform:translateY(-4px); }
.hm-sector-img{
  position:absolute; inset:0; z-index:0;
  background-size:cover; background-position:center;
  transform:scale(1); transition:transform .65s cubic-bezier(.2,.7,.3,1);
  will-change:transform;
}
.hm-sector:hover .hm-sector-img{ transform:scale(1.05); }
.hm-sector::after{
  content:''; position:absolute; inset:0; z-index:1;
  background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.18) 45%,rgba(0,0,0,.62) 100%);
  transition:background .6s cubic-bezier(.2,.7,.3,1);
}
.hm-sector:hover::after{
  background:linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.30) 45%,rgba(0,0,0,.72) 100%);
}
.hm-sector-arrow{
  position:absolute; z-index:2; top:20px; right:20px;
  width:34px; height:34px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.3);
  color:#fff; transition:background .3s,transform .3s;
}
.hm-sector-arrow svg{ width:16px; height:16px; }
.hm-sector:hover .hm-sector-arrow{ background:rgba(255,255,255,.26); transform:scale(1.08); }
.hm-sector-name{
  position:relative; z-index:2; padding:28px;
  font-family:Inter,Arial,sans-serif; font-size:21px; font-weight:600;
  color:#fff; letter-spacing:-.005em; line-height:1.25;
  text-shadow:0 1px 12px rgba(0,0,0,.35);
}
/* card "Altri settori": non fotografica, pensata per incuriosire */
.hm-sector-other{
  flex-direction:column; align-items:center; justify-content:center;
  text-align:center; gap:12px; padding:32px;
  background:linear-gradient(135deg,var(--hm-ink),#1c2340);
}
.hm-sector-other-icon{
  width:52px; height:52px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.25);
  color:#fff; font-size:26px; font-weight:300; line-height:1;
  transition:background .3s,transform .3s;
}
.hm-sector-other:hover .hm-sector-other-icon{ background:rgba(255,255,255,.2); transform:scale(1.08); }
.hm-sector-other .hm-sector-name{ padding:0; font-size:20px; }
.hm-sector-other-sub{
  position:relative; z-index:2; font-size:13.5px; line-height:1.5;
  color:rgba(255,255,255,.65); max-width:220px;
}
.hm-fit-cta{ text-align:center; margin-top:56px; }

/* ═══════ REALIZZAZIONI ═══════ */
.hm-real{ padding:110px 0; background:#fff; scroll-margin-top:96px; }
.hm-real-grid{ display:grid; grid-template-columns:1fr; gap:56px; }
.hm-real-item{ margin:0; position:relative; border-radius:24px; overflow:hidden; }
.hm-real-item img{ width:100%; height:clamp(340px,52vw,620px); object-fit:cover; display:block; transition:transform .8s cubic-bezier(.2,.7,.3,1); }
.hm-real-item:hover img{ transform:scale(1.03); }
.hm-real-item figcaption{ position:absolute; left:0; bottom:0; right:0; padding:40px; background:linear-gradient(180deg,transparent,rgba(11,15,26,.8)); color:#fff; }
.hm-real-item figcaption span{ font-size:13px; font-weight:700; letter-spacing:.18em; text-transform:uppercase; color:rgba(255,255,255,.82); }
.hm-real-item figcaption h3{ font-family:Inter,Arial,sans-serif; font-weight:800; font-size:clamp(24px,3vw,36px); margin:10px 0 0; letter-spacing:-.01em; }
.hm-real-cta{ text-align:center; margin-top:56px; }

/* ═══════ BRANDS ═══════ */
.hm-brands{ padding:96px 0; background:#fff; border-top:1px solid var(--hm-line); scroll-margin-top:96px; }
.hm-brands-head{ max-width:none; margin:0 0 52px; text-align:left; }
.hm-brands-head .hm-h2{ margin-bottom:20px; }
.hm-brands-intro{ font-size:17px; line-height:1.65; color:var(--hm-steel); margin:0; }

/* LIVELLO 1 — partner principale */
.hm-brand-main{
  max-width:620px; margin:0 auto; background:#fff; border:1px solid var(--hm-line);
  border-radius:22px; padding:44px 48px; text-align:center;
  box-shadow:0 12px 36px rgba(11,15,26,.05);
}
.hm-brand-main-logo{ display:flex; align-items:center; justify-content:center; }
.hm-brand-main-logo img{ max-width:100%; max-height:76px; object-fit:contain; }
.hm-brand-main-text{ font-size:16.5px; line-height:1.6; color:var(--hm-steel); margin:24px 0 0; }

/* LIVELLI 2 e 3 */
.hm-brands-row{ display:grid; gap:18px; align-items:center; }
.hm-brands-row-sel{ grid-template-columns:repeat(6,1fr); margin:44px 0 0; }
.hm-brand{
  display:flex; align-items:center; justify-content:center; padding:14px;
  background:#fff; border-radius:14px; border:1px solid var(--hm-line);
}
.hm-brand img{ max-width:100%; object-fit:contain; filter:grayscale(1); transition:filter .3s,opacity .3s,transform .3s; }
.hm-brand:hover img{ filter:grayscale(0); opacity:1; transform:scale(1.05); }
.hm-brand-sel{ height:104px; padding:16px 14px; }
.hm-brand-sel img{ max-height:52px; opacity:.68; }
/* loghi quadrati: piu' altezza per pareggiare la presenza visiva */
.hm-brand-sq img{ max-height:76px; }
/* fallback quando il file logo non esiste ancora */
.hm-brand-name{ font-family:Inter,Arial,sans-serif; font-weight:700; font-size:15px; letter-spacing:.01em; color:var(--hm-steel); opacity:.75; text-align:center; }
/* frase di chiusura: comunica l'ampiezza della rete */
.hm-brands-note{
  text-align:left; font-size:17px; line-height:1.65; color:var(--hm-steel);
  margin:22px 0 0; max-width:none;
}
.hm-brands-note strong{ color:var(--hm-ink); font-weight:700; }

/* ═══════ REVIEWS ═══════ */
.hm-reviews{ padding:110px 0; background:#fff; }
.hm-reviews-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:32px; margin-bottom:56px; flex-wrap:wrap; }
.hm-reviews-badge{ display:flex; flex-direction:column; align-items:flex-end; text-decoration:none; padding:18px 26px; border:1px solid var(--hm-line); border-radius:18px; transition:border-color .3s,box-shadow .3s; }
.hm-reviews-badge:hover{ border-color:var(--hm-blue); box-shadow:0 10px 30px rgba(0,0,216,.1); }
.hm-reviews-score{ font-size:34px; font-weight:900; color:var(--hm-ink); line-height:1; }
.hm-reviews-stars{ color:#f59e0b; font-size:17px; letter-spacing:1px; margin:4px 0; }
.hm-reviews-count{ font-size:13px; color:var(--hm-steel); font-weight:600; }
.hm-reviews-grid{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.hm-review{ margin:0; background:var(--hm-mist); border:1px solid var(--hm-line); border-radius:22px; padding:34px; display:flex; flex-direction:column; }
.hm-review-stars{ color:#f59e0b; font-size:18px; letter-spacing:1px; margin-bottom:18px; }
.hm-review blockquote{ margin:0 0 26px; font-size:16px; line-height:1.62; color:var(--hm-ink); font-weight:400; flex:1; }
.hm-review figcaption{ display:flex; align-items:center; gap:13px; }
.hm-review figcaption img{ width:46px; height:46px; border-radius:50%; object-fit:cover; }
.hm-review figcaption strong{ display:block; font-size:15px; color:var(--hm-ink); }
.hm-review figcaption span{ font-size:12.5px; color:var(--hm-steel); }

/* ═══════ NUMERI (autorevolezza) ═══════ */
.hm-legacy-wrap{ padding:100px 0; background:var(--hm-mist); }

.hm-legacy-grid{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:56px;
  align-items:stretch;
}
/* Colonna di testo: colonna flex a piena altezza (pari alla foto), così head
   e body si distribuiscono sull'intera colonna invece di lasciare vuoti tra
   loro. NB: il gap:56px usato in precedenza sulla griglia introduceva anche
   un row-gap da 56px tra "head" e "body" — era la causa del grande vuoto
   dopo la linea blu. Ora la griglia ha una sola riga (niente più row-gap) e
   head/body sono impilati dentro questo wrapper flex. */
.hm-legacy-copy{ display:flex; flex-direction:column; height:100%; }
.hm-legacy-head{ flex:0 0 auto; }
.hm-legacy-body-wrap{ display:flex; flex-direction:column; flex:1 1 auto; }
.hm-legacy-eyebrow{ font-family:Inter,Arial,sans-serif; font-size:13.5px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; color:var(--hm-blue); margin:0 0 16px; }
.hm-legacy-title{ font-family:'Playfair Display',Georgia,serif; font-weight:600; font-size:clamp(30px,3.1vw,42px); line-height:1.22; color:var(--hm-ink); margin:0; letter-spacing:-.01em; max-width:480px; }
.hm-legacy-divider{ width:44px; height:3px; background:var(--hm-blue); margin:20px 0 14px; border-radius:2px; }
.hm-legacy-body{ font-family:Inter,Arial,sans-serif; font-size:16.5px; line-height:1.75; color:#333844; margin:0 0 14px; max-width:600px; }
.hm-legacy-body strong{ color:var(--hm-ink); font-weight:700; }
.hm-legacy-signature{ font-family:'Alex Brush',cursive; font-size:clamp(23px,2.4vw,27px); color:var(--hm-blue); margin:4px 0 0; }
/* Se lo spazio della colonna avanza, la firma scende verso il fondo,
   restando vicina al bordo inferiore della foto; se il testo è già più alto
   della foto, il margine auto non fa nulla (nessun vuoto forzato). */
.hm-legacy-body-wrap .hm-legacy-signature{ margin-top:auto; padding-top:4px; }

/* Foto: unico contenuto della colonna destra. NB: uno stretch pieno fino
   all'altezza naturale del testo (che supera 650px con questo copy)
   ritaglierebbe di nuovo entrambi i volti — verificato via face-detection:
   il crop orizzontale al 38% taglia sia Jacopo che Sergio oltre ~590px a
   questa larghezza di colonna. Altezza quindi impostata al valore più alto
   possibile entro il margine di sicurezza del ritaglio approvato (non
   toccato: object-position 38% invariata). */
.hm-legacy-photo-full{ width:100%; height:578px; min-height:520px; overflow:hidden; border-radius:20px; }
.hm-legacy-photo-full img{ width:100%; height:100%; object-fit:cover; object-position:38% center; display:block; }

/* Fascia numeri: piena larghezza, spazio verticale ridotto rispetto alla griglia sopra */
.hm-figures-grid{ margin-top:32px; display:grid; grid-template-columns:repeat(4,1fr); gap:1px; background:var(--hm-line); border:1px solid var(--hm-line); border-radius:20px; overflow:hidden; }
.hm-figure{ background:#fff; padding:34px 24px; text-align:center; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; }
.hm-figure-n{ font-family:Inter,Arial,sans-serif; font-weight:800; font-size:clamp(28px,2.6vw,38px); color:var(--hm-blue); line-height:1; white-space:nowrap; }
.hm-figure-plus{ font-size:.6em; vertical-align:top; margin-left:2px; }
.hm-figure-label{ font-size:14.5px; line-height:1.4; color:var(--hm-steel); max-width:180px; }
.hm-figure-sub{ font-size:13px; line-height:1.4; color:var(--hm-steel); opacity:.72; max-width:180px; margin-top:-6px; }

/* ═══════ FINAL CTA ═══════ */
.hm-final{
  position:relative; min-height:64svh; display:flex; align-items:center; justify-content:center;
  overflow:hidden; padding:100px 0;
  background:
    radial-gradient(circle at 50% 0%,rgba(36,45,255,.30),transparent 48%),
    linear-gradient(145deg,#0000b8 0%,#070719 58%,#0b0f1a 100%);
}
.hm-final::before{
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
  background-size:72px 72px;
}
.hm-final-inner{ position:relative; z-index:1; text-align:center; max-width:900px; padding:0 40px; }
.hm-final-title{ font-family:Inter,Arial,sans-serif; font-weight:800; font-size:clamp(28px,4.2vw,50px); line-height:1.14; letter-spacing:-.02em; color:#fff; margin:0 0 40px; }

/* ═══════ SCROLL REVEAL (fail-safe: nascondi solo se JS attivo) ═══════ */
.hm-js [data-reveal]{ opacity:0; transform:translateY(28px); transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1); }
.hm-js [data-reveal].hm-in{ opacity:1; transform:translateY(0); }

/* ═══════ RESPONSIVE ═══════ */
@media(max-width:960px){
  .hm-path-step{ grid-template-columns:98px 1fr; }
  .hm-sectors-list{ grid-template-columns:repeat(2,1fr); grid-auto-rows:240px; gap:20px; }
  .hm-brands-row-sel{ grid-template-columns:repeat(4,1fr); }
  .hm-brands-note{ font-size:16px; }
  .hm-reviews-grid{ grid-template-columns:1fr; }
  .hm-figures-grid{ grid-template-columns:repeat(2,1fr); }
  .hm-legacy-grid{ column-gap:36px; }
  .hm-legacy-title{ font-size:clamp(26px,3.4vw,34px); }
  .hm-legacy-photo-full{ height:400px; min-height:0; }
}
@media(max-width:760px){
  .hm-container{ padding:0 22px; }
  .hm-hero-inner{ padding:0 22px; }
  .hm-hero{ height:calc(100svh - 78px); }
  .hm-hero-scrolllink{ bottom:20px; gap:6px; }
  .hm-hero-scrolllink span{ font-size:13px; line-height:1.35; }
  .hm-hero-scrolllink-arrow{ width:14px; height:14px; }
  .hm-hero-stats{ gap:22px 30px; }
  .hm-stat strong{ font-size:19px; }
  /* Safe area dal pulsante WhatsApp fisso: il pulsante secondario della CTA finale
     (più largo nelle traduzioni DE/RU) riceve un margine a destra così, da centrato,
     non finisce sotto l'angolo del pulsante WhatsApp quando la sezione è scrollata
     in fondo al viewport. Non tocca la larghezza del contenitore (il primario
     resterebbe altrimenti costretto su due righe). */
  .hm-final .hm-btn-ghost{ margin-right:34px; }
  .hm-hook{ padding:64px 22px; }
  .hm-fit{ padding:60px 0 70px; }
  .hm-fit-icons{ gap:26px 18px; margin-top:44px; }
  .hm-fit-item{ width:78px; }
  .hm-fit-icon{ width:52px; height:52px; }
  .hm-fit-icon svg{ width:22px; height:22px; }
  .hm-fit-label{ font-size:12px; }
  .hm-fit-closing{ font-size:17px; margin-top:44px; }
  .hm-legacy-wrap{ padding:96px 0 60px; scroll-margin-top:100px; }
  .hm-legacy-grid{
    display:flex; flex-direction:column; gap:0;
  }
  .hm-legacy-copy{ display:contents; }
  .hm-legacy-head{ order:1; margin-bottom:20px; }
  .hm-legacy-photo-full{ order:2; margin:0 0 20px; height:auto; min-height:0; aspect-ratio:4/4.3; border-radius:16px; }
  .hm-legacy-photo-full img{ object-position:38% center; }
  .hm-legacy-body-wrap{ order:3; display:block; flex:none; }
  .hm-legacy-body-wrap .hm-legacy-body{ margin-bottom:16px; }
  .hm-legacy-body-wrap .hm-legacy-signature{ margin-top:12px; padding-top:0; }
  .hm-legacy-title{ font-size:26px; max-width:none; }
  .hm-legacy-body{ font-size:14.5px; max-width:none; }
  .hm-legacy-signature{ font-size:20px; }
  .hm-figures-grid{ margin-bottom:90px; }
  .hm-process,.hm-real,.hm-reviews{ padding:70px 0; }
  .hm-path{ margin-top:44px; }
  .hm-path-step{ grid-template-columns:64px 1fr; }
  .hm-path-num{ font-size:30px; }
  .hm-path-body{ padding:0 0 38px 24px; }
  .hm-path-body h3{ font-size:20px; }
  .hm-process-intro{ font-size:16px; margin-top:18px; }
  .hm-sectors-list{ grid-template-columns:1fr; grid-auto-rows:230px; gap:16px; margin-top:40px; }
  .hm-sector{ border-radius:16px; }
  .hm-sector-name{ font-size:20px; padding:24px 26px; }
  .hm-fit-cta{ margin-top:40px; }
  .hm-brands-row{ gap:12px; }
  .hm-brands-row-sel{ grid-template-columns:repeat(3,1fr); margin-top:32px; }
  .hm-brand-sel{ height:78px; padding:10px; }
  .hm-brand-sel img{ max-height:36px; }
  .hm-brand-sq img{ max-height:56px; }
  .hm-brand-main{ padding:32px 26px; border-radius:18px; }
  .hm-brand-main-logo img{ max-height:58px; }
  .hm-brand-main-text{ font-size:15.5px; margin-top:18px; }
  .hm-brands-note{ font-size:15.5px; margin-top:16px; }
  .hm-reviews-head{ align-items:flex-start; }
  .hm-reviews-badge{ align-items:flex-start; }
  .hm-btn{ font-size:15px; padding:15px 26px; }
  .hm-real-grid{ gap:34px; }
  .hm-figures{ padding:64px 0; }
  .hm-figure{ padding:36px 20px; min-height:232px; }
}
@media(prefers-reduced-motion:reduce){
  .hm-hero-eyebrow,.hm-hero-title,.hm-hero-sub,.hm-hero-cta,.hm-hero-stats{ animation:none !important; opacity:1 !important; transform:none !important; }
  .hm-hero-scrolllink{ animation:none !important; opacity:1 !important; }
  .hm-hero-scrolllink-arrow{ animation:none !important; }
  [data-reveal]{ opacity:1 !important; transform:none !important; transition:none !important; }
  .hm-hero-scroll span{ animation:none; }
}

/* ══════════════════════════════════════════════════════════════
   HERO ENTRANCE ANIMATION — v2-46
   Applica l'animazione della home hero anche alle altre pagine
   ══════════════════════════════════════════════════════════════ */
main section.active .hero .hero-grid > div > h1,
main section.active .hero .hero-grid > div > .eyebrow,
main section.active .hero .hero-grid > div > .lead,
main section.active .hero .hero-grid > div > .hero-actions,
main section.active .hero .hero-grid > div > div[style*="display:flex"],
main section.active .hero .hero-card{
  opacity:0; transform:translateY(24px); animation:heroRise .85s cubic-bezier(.2,.7,.3,1) forwards;
}
main section.active .hero .hero-grid > div > .eyebrow{ animation-delay:.05s; }
main section.active .hero .hero-grid > div > h1{ animation-delay:.15s; }
main section.active .hero .hero-grid > div > .lead{ animation-delay:.30s; }
main section.active .hero .hero-grid > div > .hero-actions,
main section.active .hero .hero-grid > div > div[style*="display:flex"]{ animation-delay:.45s; }
main section.active .hero .hero-card{ animation-delay:.35s; }

@keyframes heroRise{ to{ opacity:1; transform:translateY(0);} }

@media(prefers-reduced-motion:reduce){
  main section.active .hero .hero-grid > div > *,
  main section.active .hero .hero-card{ animation:none !important; opacity:1 !important; transform:none !important; }
}

/* ═══════════════════════════════════════════════
   PAGINA NASCOSTA — TUTTI I PARTNER (namespace .pg-)
   ═══════════════════════════════════════════════ */
.hm-brands-cta{ margin-top:44px; text-align:center; }
.pg-partner{ background:#fff; padding:96px 0 124px; }
.pg-wrap{ max-width:760px; margin:0 auto; padding:0 28px; }
.pg-error-code{margin:0 0 18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:800;letter-spacing:.18em;color:var(--hm-blue);text-transform:uppercase}
.pg-error-face{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:clamp(62px,9vw,104px);font-weight:700;line-height:.9;color:var(--hm-ink);margin:0 0 28px;letter-spacing:-.08em}
.pg-title{font-family:Inter,Arial,sans-serif;font-weight:800;font-size:clamp(30px,4.6vw,50px);line-height:1.1;letter-spacing:-.025em;color:var(--hm-ink);margin:0 0 36px}
.pg-lead p{font-size:clamp(17px,1.9vw,19.5px);line-height:1.72;color:var(--hm-steel);margin:0 0 20px}
.pg-lead p:last-child{margin-bottom:0;font-weight:600;color:var(--hm-ink)}
.pg-rule{height:1px;background:var(--hm-line);margin:62px 0}
.pg-figure{text-align:center;margin:0 0 66px}
.pg-figure-n{display:block;font-family:Inter,Arial,sans-serif;font-weight:800;font-size:clamp(64px,11vw,120px);line-height:.95;letter-spacing:-.05em;color:var(--hm-blue)}
.pg-figure-plus{font-size:.5em;vertical-align:super;letter-spacing:0}
.pg-figure-label{display:block;margin-top:14px;font-size:13px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--hm-steel)}
.pg-block{margin:0 0 40px}
.pg-block p{font-size:17.5px;line-height:1.75;color:var(--hm-steel);margin:0 0 16px}
.pg-block p:last-child{margin-bottom:0}
.pg-key{margin:60px 0;padding:44px 46px;background:var(--hm-mist);border:1px solid var(--hm-line);border-radius:20px}
.pg-key-title{font-size:clamp(19px,2.3vw,24px);font-weight:700;line-height:1.4;color:var(--hm-ink);letter-spacing:-.015em;margin:0 0 26px}
.pg-key-quote{margin:0;padding-left:22px;border-left:2px solid var(--hm-blue);font-size:17.5px;line-height:1.65;color:var(--hm-steel);font-style:normal}
.pg-closing{font-size:17.5px;line-height:1.7;color:var(--hm-ink);font-weight:600;margin:0;text-align:center}
.pg-cta{text-align:center;margin-top:48px}
@media(max-width:760px){.pg-partner{padding:68px 0 84px}.pg-wrap{padding:0 22px}.pg-error-face{margin-bottom:22px}.pg-rule{margin:44px 0}.pg-figure{margin-bottom:46px}.pg-key{margin:44px 0;padding:30px 26px;border-radius:16px}.pg-block p{font-size:16.5px}.pg-key-quote{font-size:16.5px;padding-left:18px}.pg-closing{font-size:16.5px}}

/* ═══════ VENDITA ONLINE — riquadro condizioni (larghezza piena) ═══════
   Non usa .value-grid perche' quella impone due colonne con !important
   e su mobile nasconde il primo elemento (regola nata per il logo). */
.vo-cond{ display:block; }
.vo-cond h2{ font-size:32px; margin:10px 0 14px; }
.vo-cond > div > p.muted{ font-size:17px; line-height:1.68; max-width:900px; }
.vo-cond .cards.three{ margin-top:24px; }
.vo-cond .cards.three .card{ box-shadow:none; }
.vo-cond .cards.three .card.pad{ padding:18px 20px; }
@media(max-width:900px){
  .vo-cond h2{ font-size:26px; }
  .vo-cond .cards.three{ grid-template-columns:1fr; gap:12px; }
}

/* ═══════════════════════════════════════════════
   PAGINA CONDIZIONI DI VENDITA ONLINE B2B (.cvo-)
   ═══════════════════════════════════════════════ */
.cvo{ background:#fff; padding:70px 0 110px; }
.cvo-wrap{ max-width:820px; margin:0 auto; padding:0 28px; }
.cvo-eyebrow{ font-size:13px; font-weight:700; letter-spacing:.22em; text-transform:uppercase; color:#1D4ED8; margin:0 0 16px; }
.cvo-title{ font-family:Inter,Arial,sans-serif; font-weight:800; font-size:clamp(30px,4.4vw,46px); line-height:1.1; letter-spacing:-.025em; color:var(--ink); margin:0 0 26px; }
.cvo-intro{ font-size:18px; line-height:1.7; color:var(--sub); margin:0 0 34px; }
.cvo-meta{ font-size:14.5px; line-height:1.7; color:var(--muted); background:var(--soft); border:1px solid var(--line); border-radius:14px; padding:22px 26px; margin:0 0 30px; }
.cvo-note{ font-size:15.5px; line-height:1.65; color:var(--ink); background:#EFF4FF; border:1px solid #C7DBFF; border-left:3px solid #1D4ED8; border-radius:12px; padding:18px 22px; margin:0 0 44px; }
.cvo-art{ margin:0 0 40px; }
.cvo-art h2{ font-family:Inter,Arial,sans-serif; font-size:21px; font-weight:700; color:var(--ink); letter-spacing:-.01em; margin:0 0 14px; padding-top:26px; border-top:1px solid var(--line); }
.cvo-art p{ font-size:16px; line-height:1.72; color:var(--sub); margin:0 0 14px; }
.cvo-art p:last-child{ margin-bottom:0; }
.cvo-art ul{ margin:0 0 14px; padding-left:22px; }
.cvo-art li{ font-size:16px; line-height:1.7; color:var(--sub); margin-bottom:8px; }
.cvo-highlight{ background:#FFF7ED; border:1px solid #FED7AA; border-left:3px solid #EA580C; border-radius:12px; padding:18px 22px; margin-top:18px; font-size:15.5px; line-height:1.68; color:#7C2D12; }
.cvo-vex h2{ border-top:2px solid var(--ink); }
.cvo-vex{ background:var(--soft); border:1px solid var(--line); border-radius:16px; padding:8px 26px 26px; }
.cvo-back{ margin-top:20px; }
@media(max-width:760px){
  .cvo{ padding:48px 0 80px; }
  .cvo-wrap{ padding:0 22px; }
  .cvo-art h2{ font-size:19px; }
  .cvo-art p, .cvo-art li{ font-size:15px; }
  .cvo-intro{ font-size:16px; }
}

.footer-legal{ margin:14px 0 6px; }
.footer-legal a{ color:inherit; opacity:.85; text-decoration:underline; font-size:13.5px; }
.footer-legal a:hover{ opacity:1; }

/* ═══════ CASO STUDIO — consegna in elicottero ═══════ */
.hm-heli{ padding:130px 0; background:#fff; }
.hm-heli-grid{
  display:grid; grid-template-columns:1fr 340px; gap:90px; align-items:center;
}
.hm-heli-text .hm-h2{ margin-bottom:26px; }
.hm-heli-body{ font-size:17.5px; line-height:1.75; color:var(--hm-steel); margin:0 0 20px; max-width:560px; }
.hm-heli-body:last-of-type{ margin-bottom:34px; }
.hm-heli-cta{
  background:none; border:none; padding:0; cursor:pointer;
  font-family:Inter,Arial,sans-serif; font-size:16px; font-weight:600;
  color:var(--hm-blue); display:inline-flex; align-items:center; gap:8px;
}
.hm-heli-cta span{ transition:transform .25s; display:inline-block; }
.hm-heli-cta:hover span{ transform:translateX(5px); }

.hm-heli-media{ position:relative; display:flex; justify-content:center; }
.hm-heli-video{
  width:100%; max-width:340px; aspect-ratio:9/16; object-fit:cover;
  border-radius:22px; box-shadow:0 24px 60px rgba(11,15,26,.14);
  display:block; background:#000;
}
.hm-heli-badge{
  position:absolute; left:22px; bottom:22px; z-index:2;
  background:rgba(11,15,26,.6); -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
  color:#fff; font-size:12.5px; font-weight:600; letter-spacing:.01em;
  padding:8px 14px; border-radius:100px; max-width:calc(100% - 44px);
}

@media(max-width:960px){
  .hm-heli{ padding:90px 0; }
  .hm-heli-grid{ grid-template-columns:1fr; gap:48px; }
  .hm-heli-media{ order:-1; }
  .hm-heli-video{ max-width:280px; }
}
@media(max-width:760px){
  .hm-heli{ padding:64px 0; }
  .hm-heli-body{ font-size:16px; }
  .hm-heli-video{ max-width:240px; }
  .hm-heli-badge{ font-size:11.5px; padding:7px 12px; left:16px; bottom:16px; }
}


/* ===== SOLUZIONI DESKTOP REFINEMENT 2026-07-29 ===== */
#soluzioni{
  --sol-blue: #0000d8;
  --sol-blue-soft: #f3f6ff;
  --sol-path-bg: #f5f8ff;
  --sol-invest-bg: #f7f7f8;
}

/* Colore eyebrow coerente: Hero scura oro, sezioni chiare blu, CTA finale chiara. */
#soluzioni .sol-eyebrow-light{ color:var(--sol-blue) !important; }
#soluzioni .sol-eyebrow-final{ color:rgba(255,255,255,.72) !important; }

/* Hero: indicatori proprietari, non pallini neri generici. */
#soluzioni .sol-hero-list{
  list-style:none; margin:18px 0; padding:0;
  display:flex; flex-direction:column; gap:12px;
}
#soluzioni .sol-hero-list li{
  display:flex; align-items:flex-start; gap:13px;
  font-size:17px; line-height:1.4;
}
#soluzioni .sol-hero-dot{
  width:8px; height:8px; flex:0 0 8px; margin-top:.42em;
  border-radius:50%; background:var(--gold);
  box-shadow:0 0 0 4px rgba(212,175,55,.12);
}

/* Ritmo verticale e alternanza leggera delle sezioni. */
#soluzioni .sol-section{
  margin-top:96px;
  border-radius:28px;
}
#soluzioni .sol-section--path{
  padding:58px 46px 52px;
  background:var(--sol-path-bg);
  border:1px solid rgba(37,99,235,.07);
}
#soluzioni .sol-section--specialist{ background:#fff; }
#soluzioni .sol-section--invest{
  padding:58px 46px 52px;
  background:var(--sol-invest-bg);
  border:1px solid rgba(10,22,40,.055);
}
#soluzioni .sol-section--brands{ background:#fff; }
#soluzioni .sol-section h2,
#soluzioni .merged-solutions h2{ max-width:980px; }
#soluzioni .sol-section > .muted,
#soluzioni .merged-solutions > .muted{ max-width:900px; font-size:17px; line-height:1.7; }

/* Percorso: numerazione e card 03 volutamente evidenziata. */
#soluzioni .sol-path-grid{ margin-top:36px; }
#soluzioni .sol-path-card{
  position:relative; min-height:188px;
  display:flex; flex-direction:column;
  border:1px solid rgba(10,22,40,.10);
  background:#fff;
  box-shadow:0 8px 24px rgba(10,22,40,.045);
}
#soluzioni .sol-step-number{
  display:block; margin:0 0 18px;
  color:var(--sol-blue); font-size:13px; font-weight:850;
  line-height:1; letter-spacing:.18em;
}
#soluzioni .sol-path-meta{
  display:flex; align-items:center; justify-content:space-between;
  gap:14px; margin:0 0 18px;
}
#soluzioni .sol-path-meta .sol-step-number{ margin:0; }
#soluzioni .sol-value-label{
  color:var(--sol-blue); font-size:10px; font-weight:850;
  line-height:1; letter-spacing:.14em; text-transform:uppercase;
  padding:7px 9px; border-radius:999px;
  background:rgba(0,0,216,.07); border:1px solid rgba(0,0,216,.13);
}
#soluzioni .sol-path-card--featured{
  border:1px solid rgba(0,0,216,.42) !important;
  background:var(--sol-blue-soft) !important;
  box-shadow:0 12px 32px rgba(0,0,216,.075);
}

/* Competenze: prima riga 3 card, seconda riga 2 card larghe e bilanciate. */
#soluzioni .sol-specialist-grid{
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr));
  gap:22px; margin-top:36px;
}
#soluzioni .sol-specialist-grid .card{
  grid-column:span 2; height:100%; padding:30px 26px;
  border:1px solid rgba(10,22,40,.10);
}
#soluzioni .sol-specialist-grid .card:nth-child(n+4){ grid-column:span 3; }
#soluzioni .sol-specialist-grid .card h3{ font-size:19px; line-height:1.25; margin:0 0 10px; }
#soluzioni .sol-specialist-grid .card p{ font-size:15px; line-height:1.55; margin:0; }

/* Acquisto: card e pulsanti allineati. */
#soluzioni .invest-grid{ margin-top:30px; align-items:stretch; }
#soluzioni .invest-card{ height:100%; min-height:252px; background:#fff; }
#soluzioni .invest-card .btn{ margin-top:auto; }

/* Partner: asset ritagliati, scala ottica e card più leggibili. */
#soluzioni .partner-card{
  min-height:118px; height:118px; padding:14px;
  border:1px solid rgba(10,22,40,.095);
  box-shadow:none;
}
#soluzioni .partner-card:hover{ box-shadow:0 10px 28px rgba(10,22,40,.065); }
#soluzioni .partner-card img{
  width:auto; height:auto; object-fit:contain; display:block;
}
#soluzioni .partner-card img.logo-wide{ max-width:91%; max-height:58px; }
#soluzioni .partner-card img.logo-standard{ max-width:84%; max-height:68px; }
#soluzioni .partner-card img.logo-square{ max-width:70%; max-height:80px; }
#soluzioni .partner-card img.logo-compact{ max-width:86%; max-height:76px; }

#soluzioni .sol-final-cta{
  margin-top:96px; background:#0b0f1a; color:#fff;
  border-radius:32px; padding:72px 40px; text-align:center;
}

/* Mantiene la struttura adattabile; la revisione mobile completa avverrà in seguito. */
@media(max-width:900px){
  #soluzioni .sol-section--path,
  #soluzioni .sol-section--invest{ padding:44px 28px 40px; }
  #soluzioni .sol-specialist-grid{ grid-template-columns:repeat(2,minmax(0,1fr)); }
  #soluzioni .sol-specialist-grid .card,
  #soluzioni .sol-specialist-grid .card:nth-child(n+4){ grid-column:span 1; }
}
@media(max-width:640px){
  #soluzioni .sol-section--path,
  #soluzioni .sol-section--invest{ padding:34px 20px 30px; border-radius:22px; }
  #soluzioni .sol-specialist-grid{ grid-template-columns:1fr; }
  #soluzioni .sol-path-meta{ align-items:flex-start; flex-direction:column; }
}


/* ═══════════════════════════════════════════════════════════════
   ANGELO PO TRENTO — desktop editorial redesign v165
   ═══════════════════════════════════════════════════════════════ */
#angelo .ap-section{padding:88px 0}
#angelo .ap-section:nth-of-type(even){background:#fff}
#angelo .ap-trust{background:#f7f8fb}
#angelo .ap-range{background:#fff}
#angelo .ap-availability{background:#f8f5f5}
#angelo .ap-references{background:#fff}
#angelo .ap-final-wrap{padding:76px 0 94px;background:#f7f8fb}
#angelo .ap-intro{max-width:860px;margin-bottom:34px}
#angelo .ap-intro h2{margin:0 0 14px}
#angelo .ap-eyebrow{color:var(--red)!important}
#angelo .ap-lead{font-size:18px;line-height:1.7;margin:0}
#angelo .ap-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
#angelo .ap-btn-red{background:#c92b32!important;border-color:#c92b32!important;color:#fff!important}
#angelo .ap-btn-red:hover{background:#a91f26!important;border-color:#a91f26!important}
#angelo .ap-outline-red{background:#fff!important;border-color:#c92b32!important;color:#a91f26!important}
#angelo .ap-outline-red:hover{background:#fff5f5!important}
#angelo .ap-trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#angelo .ap-range-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#angelo .ap-availability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#angelo .ap-card{background:#fff;border:1px solid #dde1e8;border-radius:18px;padding:26px;min-height:100%;box-shadow:0 10px 30px rgba(15,23,42,.035)}
#angelo .ap-card h3{font-size:19px;line-height:1.25;margin:0 0 10px;color:#111827}
#angelo .ap-card p{font-size:15px;line-height:1.6;margin:0;color:#596579}
#angelo .ap-card-index{display:block;margin-bottom:18px;font-size:13px;font-weight:900;letter-spacing:.16em;color:#c92b32}
#angelo .ap-chip{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;margin-bottom:18px;border-radius:999px;background:#fff0f0;color:#a91f26;font-size:11px;font-weight:900;letter-spacing:.12em}
#angelo .ap-availability-card{display:flex;flex-direction:column;min-height:190px}
#angelo .ap-center-action{display:flex;justify-content:center;margin-top:34px}
#angelo .ap-reference-note{display:inline-block;margin:8px 0 0;padding:10px 14px;border-left:3px solid #c92b32;background:#fff7f7;color:#5c2530;font-size:14px;font-weight:700}
#angelo .ap-reference-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#angelo .ap-reference-card{overflow:hidden;background:#fff;border:1px solid #dfe3ea;border-radius:20px;box-shadow:0 12px 34px rgba(15,23,42,.06)}
#angelo .ap-reference-card img{display:block;width:100%;height:230px;object-fit:cover}
#angelo .ap-reference-card>div{padding:22px}
#angelo .ap-reference-card h3{font-size:20px;line-height:1.2;margin:0 0 8px}
#angelo .ap-reference-card p{margin:0 0 15px;color:#6b7280;font-size:14px;line-height:1.45}
#angelo .ap-reference-card a{font-size:13px;font-weight:800;color:#a91f26}
#angelo .ap-final-cta{max-width:1040px;margin:0 auto;padding:58px 64px;border-radius:26px;text-align:center;color:#fff;background:linear-gradient(135deg,#45090d 0%,#8e151c 54%,#b6232b 100%);box-shadow:0 24px 64px rgba(111,15,22,.22)}
#angelo .ap-final-cta .eyebrow{color:#f6c3c6}
#angelo .ap-final-cta h2{max-width:820px;margin:0 auto 16px;color:#fff;font-size:42px;line-height:1.08}
#angelo .ap-final-cta>p:not(.eyebrow){max-width:740px;margin:0 auto 30px;color:rgba(255,255,255,.82);font-size:17px;line-height:1.65}
#angelo .ap-final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#angelo .ap-final-secondary{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.34)!important;color:#fff!important}
#angelo .hero-card-desc{max-width:310px}
@media(max-width:1200px){
  #angelo .ap-trust-grid,#angelo .ap-range-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #angelo .ap-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  #angelo .ap-section{padding:58px 0}
  #angelo .ap-trust-grid,#angelo .ap-range-grid,#angelo .ap-availability-grid,#angelo .ap-reference-grid{grid-template-columns:1fr}
  #angelo .ap-reference-card img{height:220px}
  #angelo .ap-final-cta{padding:42px 24px}
  #angelo .ap-final-cta h2{font-size:32px}
  #angelo .ap-center-action .btn{width:100%;text-align:center}
}


/* ==========================================================
   SECONDA MANO — desktop v167
   ========================================================== */
#usato.used-page{background:#fff}
#usato .used-hero-final{min-height:620px}
#usato .used-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
#usato .used-hero-secondary{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.32)!important;color:#fff!important}
#usato .hero-card-title{color:#fff;font-weight:850;font-size:21px;line-height:1.25;margin:18px 0 6px;text-align:center}
#usato .hero-card-desc{margin-top:0;max-width:330px}
#usato .used-listings-section{background:#fff;padding:88px 0 80px;scroll-margin-top:96px}
#usato .used-protected-section{background:#f3f8f5;padding:88px 0}
#usato .container.page{max-width:1280px;padding-left:48px;padding-right:48px}
#usato .used-section-heading{max-width:820px;margin-bottom:30px}
#usato .used-section-heading h2{font-size:clamp(38px,4vw,54px);line-height:1.03;margin:10px 0 16px}
#usato .used-section-heading .muted{font-size:18px;line-height:1.65;margin:0}
#usato .used-eyebrow-light{color:#15803d!important}
#usato .used-filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin:28px 0 34px}
#usato .used-filter-btn{appearance:none;border:1px solid #d9e3dc;background:#fff;color:#1f2937;border-radius:999px;padding:10px 16px;font:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:.18s ease}
#usato .used-filter-btn:hover,#usato .used-filter-btn.active{background:#166534;border-color:#166534;color:#fff}
#usato .dynamic-used-block{margin-top:0}
#usato .dynamic-used-category{margin:0 0 48px}
#usato .dynamic-used-category>h3{font-size:24px;margin:0 0 18px;color:#111827}
#usato .dynamic-used-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
#usato .public-used-card{display:flex;flex-direction:column;height:100%;border-radius:20px;border:1px solid #dfe7e1;box-shadow:0 10px 28px rgba(15,40,24,.06)}
#usato .public-used-card:hover{border-color:#86b99a;box-shadow:0 16px 34px rgba(15,40,24,.12)}
#usato .public-used-image{aspect-ratio:4/3;height:auto;position:relative;background:#f4f6f4}
#usato .public-used-image img{width:100%;height:100%;object-fit:cover}
#usato .public-used-status{position:absolute;top:14px;left:14px;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;letter-spacing:.08em;z-index:3}
#usato .public-used-status.disponibile{background:#166534;color:#fff}
#usato .public-used-status.prenotata{background:#f59e0b;color:#422006}
#usato .public-used-status.venduta{background:#64748b;color:#fff}
#usato .public-used-body{display:flex;flex-direction:column;flex:1;padding:18px}
#usato .public-used-body h3{font-size:20px;line-height:1.2;margin:7px 0 8px}
#usato .public-used-subtitle{display:block!important;color:#4b5563!important;font-size:14px!important;line-height:1.45!important;margin:0 0 10px!important}
#usato .public-used-meta{display:inline-flex!important;align-self:flex-start!important;border-radius:999px;background:#eff4f0;color:#415047!important;font-size:12px!important;font-weight:750;padding:6px 9px;margin:0 0 14px}
#usato .public-used-prices{margin-top:auto;padding-top:12px}
#usato .public-used-detail-link{display:block;margin-top:14px;color:#166534;font-size:14px;font-weight:850}
#usato .used-empty-message{text-align:center;color:#7b8b80;padding:48px 0;font-size:16px}
#usato .used-empty-message.error{color:#b91c1c}
#usato .used-hidden{display:none!important}
#usato .used-search-cta{margin-top:56px;border-radius:24px;padding:32px 36px;background:linear-gradient(135deg,#ecfdf3,#f8fbf9);border:1px solid #cde7d6;display:flex;align-items:center;justify-content:space-between;gap:36px}
#usato .used-search-cta h3{font-size:30px;margin:6px 0 8px}
#usato .used-search-cta p{margin:0;max-width:760px}
#usato .used-value-card{background:#fff;border:1px solid #d9e7de;border-radius:28px;box-shadow:0 16px 44px rgba(15,40,24,.07);padding:42px}
#usato .used-value-card .value-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;align-items:center}
#usato .used-value-logo-wrap{text-align:center}
#usato .used-value-logo-wrap img{max-width:230px;max-height:230px;object-fit:contain}
#usato .used-protected-intro{font-size:17px;line-height:1.65}
#usato .used-protected-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}
#usato .used-protected-point{border:1px solid #dce7df;border-radius:16px;padding:18px;background:#fbfdfb;display:flex;flex-direction:column;gap:7px}
#usato .used-protected-point strong{font-size:15px;color:#15291c}
#usato .used-protected-point span{font-size:14px;color:#617067;line-height:1.45}
#usato .used-protected-details{margin-top:22px;border-top:1px solid #e2e9e4;padding-top:18px;color:#526159}
#usato .used-protected-details summary{cursor:pointer;font-weight:850;color:#166534}
#usato .used-protected-details p{font-size:14px;line-height:1.6;margin:13px 0 0}
#usato .used-newsletter-banner{margin-top:0}
#usato .used-newsletter-benefits{display:flex;gap:18px;margin-top:22px;flex-wrap:wrap}
#usato .used-newsletter-benefits span{color:rgba(255,255,255,.76);font-size:14px;display:flex;align-items:center;gap:7px}
#usato .used-newsletter-benefits i{width:7px;height:7px;border-radius:50%;background:#86efac;display:inline-block}
#usato .used-form-message{margin-top:12px;border-radius:10px;padding:12px 16px;font-weight:700;color:#fff}
#usato .used-form-message.success{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3)}
#usato .used-form-message.error{background:rgba(220,38,38,.3);border:1px solid rgba(220,38,38,.5)}
#usato .pub-badges-bar{min-height:32px}

@media(max-width:1100px){
  #usato .dynamic-used-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  #usato .used-value-card .value-grid{grid-template-columns:220px minmax(0,1fr);gap:32px}
}
@media(max-width:900px){
  #usato .container.page{padding-left:24px;padding-right:24px}
  #usato .dynamic-used-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #usato .used-search-cta{align-items:flex-start;flex-direction:column}
  #usato .used-value-card .value-grid{grid-template-columns:1fr}
  #usato .used-protected-points{grid-template-columns:1fr}
}
@media(max-width:560px){
  #usato .used-listings-section,#usato .used-protected-section{padding:64px 0}
  #usato .container.page{padding-left:18px;padding-right:18px}
  #usato .dynamic-used-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  #usato .used-value-card{padding:24px 18px}
}

/* ==========================================================
   CATALOGHI — sequenza diretta Hero > annunci > richiesta > info > newsletter
   v169
   ========================================================== */
.used-page .catalog-listings-section{
  background:#fff;
  padding:56px 0 72px;
  scroll-margin-top:96px;
}
.used-page .catalog-listings-section .container.page{
  max-width:1280px;
  padding-left:48px;
  padding-right:48px;
}
#usato .catalog-listings-section{
  padding-top:48px;
}
#outlet .dynamic-used-block,
#vendita-online .dynamic-used-block{
  margin-top:0;
}
#outlet .used-search-cta,
#vendita-online .used-search-cta{
  margin-top:56px;
  border-radius:24px;
  padding:32px 36px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:36px;
}
#outlet .used-search-cta h3,
#vendita-online .used-search-cta h3{
  font-size:30px;
  margin:6px 0 8px;
}
#outlet .used-search-cta p,
#vendita-online .used-search-cta p{
  margin:0;
  max-width:760px;
}
#usato .used-search-cta .btn{
  background:#166534!important;
  border-color:#166534!important;
  color:#fff!important;
}
#outlet .used-search-cta{
  background:linear-gradient(135deg,#fff7ed,#fffbf5);
  border:1px solid #fed7aa;
}
#outlet .used-search-cta .used-eyebrow-light{
  color:#c2410c!important;
}
#outlet .used-search-cta .btn{
  background:#c2410c!important;
  border-color:#c2410c!important;
  color:#fff!important;
}
#vendita-online .used-search-cta{
  background:linear-gradient(135deg,#eff6ff,#f8fbff);
  border:1px solid #bfdbfe;
}
#vendita-online .used-search-cta .used-eyebrow-light{
  color:#1d4ed8!important;
}
#vendita-online .used-search-cta .btn{
  background:#1d4ed8!important;
  border-color:#1d4ed8!important;
  color:#fff!important;
}
#outlet .outlet-info-section{
  background:#fff8f1;
  padding:80px 0;
}
#vendita-online .online-conditions-section{
  background:#f4f7fc;
  padding:80px 0;
}
#outlet .outlet-info-section .container.page,
#vendita-online .online-conditions-section .container.page{
  max-width:1280px;
  padding-left:48px;
  padding-right:48px;
}
@media(max-width:900px){
  .used-page .catalog-listings-section .container.page,
  #outlet .outlet-info-section .container.page,
  #vendita-online .online-conditions-section .container.page{
    padding-left:24px;
    padding-right:24px;
  }
  #outlet .used-search-cta,
  #vendita-online .used-search-cta{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media(max-width:560px){
  .used-page .catalog-listings-section,
  #outlet .outlet-info-section,
  #vendita-online .online-conditions-section{
    padding:56px 0;
  }
  .used-page .catalog-listings-section .container.page,
  #outlet .outlet-info-section .container.page,
  #vendita-online .online-conditions-section .container.page{
    padding-left:18px;
    padding-right:18px;
  }
  #outlet .used-search-cta,
  #vendita-online .used-search-cta{
    padding:24px 20px;
  }
}


/* ═══════════════════════════════════════════════════════════════
   CTA FINALI CATALOGHI — v173
   Hero > annunci > contenuto informativo > CTA/newsletter finale
   ═══════════════════════════════════════════════════════════════ */
.catalog-final-cta{
  position:relative;
  overflow:hidden;
  box-sizing:border-box;
  width:calc(100% - 96px);
  max-width:1280px;
  margin:72px auto;
  padding:76px 56px;
  border-radius:30px;
  color:#fff;
  text-align:center;
}
.catalog-final-cta::before{
  content:""; position:absolute; inset:0; pointer-events:none;
}
.catalog-final-cta--used{background:#052e16}
.catalog-final-cta--used::before{
  background:radial-gradient(circle at 70% 20%,rgba(22,163,74,.48),transparent 35%),linear-gradient(135deg,rgba(0,146,70,.18),transparent 35%),linear-gradient(315deg,rgba(255,255,255,.10),transparent 35%);
}
.catalog-final-cta--outlet{background:linear-gradient(135deg,#0A0A0A,#3D2200 70%,#7C3A00)}
.catalog-final-cta--outlet::before{
  background:radial-gradient(circle at 70% 20%,rgba(255,153,0,.38),transparent 35%),linear-gradient(135deg,rgba(228,121,17,.16),transparent 35%),linear-gradient(315deg,rgba(255,255,255,.08),transparent 35%);
}
.catalog-final-cta--online{background:linear-gradient(135deg,#0A0A0A,#0B1F4D 72%,#1D4ED8)}
.catalog-final-cta--online::before{
  background:radial-gradient(circle at 72% 18%,rgba(29,78,216,.38),transparent 38%),linear-gradient(135deg,rgba(37,99,235,.16),transparent 38%);
}
.catalog-final-cta-inner{position:relative;z-index:1;max-width:880px;margin:0 auto}
.catalog-final-eyebrow{color:rgba(255,255,255,.72)!important;margin:0 0 14px}
.catalog-final-cta h2{color:#fff;font-size:clamp(34px,3.5vw,52px);line-height:1.08;margin:0 0 18px}
.catalog-final-cta-inner>p:not(.eyebrow){color:rgba(255,255,255,.78);font-size:18px;line-height:1.65;max-width:720px;margin:0 auto 30px}
.catalog-final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.catalog-final-secondary{background:rgba(255,255,255,.10)!important;border-color:rgba(255,255,255,.32)!important;color:#fff!important}
.catalog-final-secondary:hover{background:rgba(255,255,255,.18)!important}
.catalog-newsletter-panel{max-width:720px;margin:28px auto 0;opacity:0;transform:translateY(-8px);transition:opacity .2s ease,transform .2s ease}
.catalog-newsletter-panel.is-open{opacity:1;transform:none}
.catalog-newsletter-panel[hidden]{display:none}
.catalog-newsletter-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:22px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);border-radius:20px;text-align:left}
.catalog-newsletter-form input{min-width:0;width:100%;border:0;border-radius:10px;padding:13px 14px;font:inherit;background:#fff;color:#111827}
.catalog-newsletter-form button{grid-column:1/-1;border:0;border-radius:10px;padding:13px 18px;font:inherit;font-weight:800;background:#fff;cursor:pointer}
.catalog-final-cta--used .catalog-newsletter-form button{color:#15803d}
.catalog-final-cta--outlet .catalog-newsletter-form button{color:#c2410c}
.catalog-final-cta--online .catalog-newsletter-form button{color:#1d4ed8}
.catalog-newsletter-form .used-form-message{grid-column:1/-1;text-align:center}

/* Le CTA finali delle pagine istituzionali riprendono la palette delle Hero. */
#soluzioni .sol-final-cta{
  background:#071126;
  background-image:radial-gradient(circle at 70% 20%,rgba(0,0,216,.42),transparent 38%),linear-gradient(135deg,rgba(0,146,70,.10),transparent 40%);
}
#angelo .angelo-final-cta{
  background:#1A0005;
  background-image:radial-gradient(ellipse 60% 80% at 28% 48%,rgba(180,20,20,.62),transparent),radial-gradient(ellipse 50% 65% at 82% 52%,rgba(100,0,0,.48),transparent);
}

@media(max-width:760px){
  .catalog-final-cta{
    width:calc(100% - 32px);
    margin:48px auto;
    padding:56px 20px;
    border-radius:24px;
  }
  .catalog-newsletter-form{grid-template-columns:1fr}
  .catalog-newsletter-form button{grid-column:auto}
}


/* ═══════════════════════════════════════════════════════════
   RICERCA RICAMBI — desktop revision v176
   ═══════════════════════════════════════════════════════════ */
#ricambi{background:#fff}
#ricambi .ricambi-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#241508 0%,#6f481f 58%,#a0733a 100%)!important}
#ricambi .ricambi-hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 82% 24%,rgba(255,210,140,.18),transparent 38%),linear-gradient(90deg,rgba(5,10,20,.24),transparent 65%),linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);background-size:auto,auto,72px 72px,72px 72px;pointer-events:none}
#ricambi .ricambi-hero .container{position:relative;z-index:2}
#ricambi .ricambi-hero .hero-actions{margin-top:28px;display:flex;gap:12px;flex-wrap:wrap}
#ricambi .ricambi-hero .btn-dark{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.42)!important;color:#fff!important}
#ricambi .ricambi-hero .btn-dark:hover{background:rgba(255,255,255,.16)!important}
#ricambi .ricambi-page{padding-top:72px!important;padding-bottom:76px!important}
#ricambi .ricambi-header{max-width:820px;padding:0 0 34px;margin:0 0 38px;border-bottom:0}
#ricambi .ricambi-header h2{font-size:clamp(36px,4vw,52px);line-height:1.04;margin:10px 0 14px}
#ricambi .ricambi-header .muted{font-size:18px;line-height:1.65;max-width:760px;margin:0}
#ricambi .eyebrow--light-section{color:var(--blue-a)!important}
#ricambi .ricambi-layout{grid-template-columns:minmax(0,1fr) 360px;gap:30px}
#ricambi .ricambi-form-card{border-radius:26px;box-shadow:0 18px 48px rgba(10,22,40,.09)}
#ricambi .ricambi-form-header{padding:34px 38px 28px;background:#f7f9fc}
#ricambi .ricambi-form-section{padding:28px 38px}
#ricambi .ricambi-section-label{font-size:13px;color:#64748b}
#ricambi .ricambi-row input,#ricambi .ricambi-row select,#ricambi .ricambi-label-full textarea{min-height:48px;border-radius:12px;background:#fff}
#ricambi .ricambi-label-full textarea{min-height:130px}
#ricambi .ricambi-form-footer{padding:26px 38px 32px;background:#f7f9fc}
#ricambi .ricambi-form-footer .form-success,#ricambi .ricambi-form-footer .form-error{width:100%;border-radius:12px;padding:13px 16px;font-weight:700}
#ricambi .ricambi-form-footer .form-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534}
#ricambi .ricambi-form-footer .form-error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}
#ricambi .ricambi-info{top:112px;gap:18px}
#ricambi .ricambi-info-block{border-radius:22px;padding:26px 28px;box-shadow:0 10px 28px rgba(10,22,40,.06)}
#ricambi .ricambi-info-block h3{font-size:22px;line-height:1.2;margin:8px 0 0}
#ricambi .ricambi-info-block .muted{font-size:14px;line-height:1.65;margin:10px 0 0}
#ricambi .ricambi-info-list{gap:14px;margin-top:20px}
#ricambi .ricambi-info-list li{font-size:14px;align-items:center}
#ricambi .ricambi-info-marker{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#eef2ff;color:#0000d8;font-weight:900;font-size:11px;flex:none}
#ricambi .ricambi-photo-link{display:inline-flex;margin-top:22px;color:#0000d8;font-weight:800;text-decoration:none}
#ricambi .ricambi-contact-block{background:#f8fafc}
#ricambi .ricambi-contact-actions{display:flex;flex-direction:column;gap:10px;margin-top:18px}
#ricambi .ricambi-final-wrap{padding:0 0 78px}
#ricambi .ricambi-final-cta{max-width:1040px;margin:0 auto;padding:58px 64px;border-radius:28px;text-align:center;color:#fff;background:linear-gradient(135deg,#241508 0%,#6f481f 58%,#a0733a 100%);box-shadow:0 24px 64px rgba(92,55,20,.22)}
#ricambi .ricambi-final-cta .eyebrow{color:#ecd5b5}
#ricambi .ricambi-final-cta h2{max-width:820px;margin:0 auto 16px;color:#fff;font-size:clamp(34px,4vw,46px);line-height:1.08}
#ricambi .ricambi-final-cta>p:not(.eyebrow){max-width:720px;margin:0 auto 30px;color:rgba(255,255,255,.82);font-size:17px;line-height:1.65}
#ricambi .ricambi-final-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
#ricambi .ricambi-final-actions .btn-dark{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.38)!important;color:#fff!important}
@media(max-width:1200px){#ricambi .ricambi-layout{grid-template-columns:1fr}#ricambi .ricambi-info{position:static;display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:760px){#ricambi .ricambi-info{grid-template-columns:1fr}#ricambi .ricambi-page{padding-top:48px!important}#ricambi .ricambi-form-header,#ricambi .ricambi-form-section,#ricambi .ricambi-form-footer{padding-left:22px;padding-right:22px}#ricambi .ricambi-final-wrap{padding-left:18px;padding-right:18px}#ricambi .ricambi-final-cta{padding:42px 24px}}


/* =========================================================
   CONTACT PAGE v177 — editorial, practical, distinct
   ========================================================= */
#contatti.contact-page-new{
  padding:0;
  max-width:none;
  background:#fff;
  color:#111827;
}
#contatti.contact-page-new::before{display:none!important}
.contact-shell{width:min(1280px,calc(100% - 64px));margin:0 auto;padding:96px 0 80px}
.contact-kicker,.contact-panel-kicker{margin:0 0 14px;font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#0b45c7}
.contact-paths{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
.contact-path{appearance:none;border:1px solid #d8d5ce;background:rgba(255,255,255,.68);border-radius:999px;padding:15px 18px;font:inherit;font-weight:700;color:#111827;cursor:pointer;transition:.2s ease}
.contact-path:hover{background:#111827;color:#fff;border-color:#111827;transform:translateY(-1px)}
.contact-identity-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(380px,.65fr);gap:24px;align-items:stretch}
.contact-facade-placeholder,.contact-facade-photo{aspect-ratio:4/3;min-height:0;border-radius:30px;overflow:hidden;border:1px solid #e3e7ee;margin:0;background:#f5f7fa}.contact-facade-placeholder{display:grid;place-items:center;color:#8a94a3;font-weight:700;letter-spacing:.04em}.contact-facade-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.contact-details-panel{border-radius:30px;background:#0f131b;color:#fff;padding:44px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.08)}
.contact-details-panel .contact-panel-kicker{color:#d9ad34}
.contact-details-panel h2{font-size:40px;line-height:1.05;margin:0 0 34px;letter-spacing:-.03em}
.contact-detail-list{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.16)}
.contact-detail{display:flex;flex-direction:column;gap:6px;padding:20px 0;border-bottom:1px solid rgba(255,255,255,.16);color:#fff;text-decoration:none}
.contact-detail:hover strong{color:#e1b83f}
.contact-detail-label{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#989da7}
.contact-detail strong{font-size:17px;line-height:1.35;transition:.2s ease}
.contact-map-link{margin-top:auto;padding-top:28px;color:#e1b83f;text-decoration:none;font-weight:800}
.contact-map-wrap{margin-top:24px;border-radius:30px;overflow:hidden;background:#ddd;min-height:440px;border:1px solid rgba(17,24,39,.08)}
.contact-map-wrap iframe{display:block;width:100%;height:460px;border:0}
.contact-form-section{display:grid;grid-template-columns:minmax(0,.75fr) minmax(560px,1.25fr);gap:72px;align-items:start;padding:112px 0 20px}
.contact-form-intro{position:sticky;top:120px}
.contact-form-intro h2{font-size:clamp(42px,4.5vw,64px);line-height:1.02;letter-spacing:-.035em;margin:0 0 24px}
.contact-form-intro>p:not(.contact-kicker){font-size:19px;line-height:1.65;color:#555d69;max-width:520px}
.contact-form-card{background:#fff;border:1px solid #dedbd4;border-radius:28px;padding:38px;box-shadow:0 18px 50px rgba(17,24,39,.06)}
#contatti .site-form{display:flex;flex-direction:column;gap:20px}
#contatti .form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
#contatti .site-form label{display:flex;flex-direction:column;gap:9px;font-weight:700;color:#20242c}
#contatti .site-form input,#contatti .site-form select,#contatti .site-form textarea{width:100%;box-sizing:border-box;border:1px solid #cfcbc2;border-radius:13px;background:#faf9f6;padding:14px 15px;font:inherit;color:#111827;outline:none}
#contatti .site-form textarea{min-height:180px;resize:vertical}
#contatti .site-form input:focus,#contatti .site-form select:focus,#contatti .site-form textarea:focus{border-color:#0b45c7;box-shadow:0 0 0 3px rgba(11,69,199,.1);background:#fff}
.contact-privacy-check{display:grid!important;grid-template-columns:20px 1fr;align-items:start;gap:11px!important;font-size:13px!important;font-weight:500!important;line-height:1.45;color:#5b6470!important}
.contact-privacy-check input{width:18px!important;height:18px;margin:1px 0 0;padding:0!important;box-shadow:none!important}
#contatti .form-submit{border:0;border-radius:999px;background:#0b45c7;color:#fff;padding:16px 26px;font:inherit;font-weight:800;cursor:pointer;align-self:flex-start}
#contatti .form-submit:hover{background:#08369d}
@media(max-width:1050px){
  .contact-paths{grid-template-columns:repeat(2,1fr)}
  .contact-identity-grid{grid-template-columns:1fr}
  
  .contact-form-section{grid-template-columns:1fr;gap:38px}
  .contact-form-intro{position:static}
}
@media(max-width:700px){
  .contact-shell{width:min(100% - 32px,1280px);padding:64px 0 56px}
  .contact-paths{grid-template-columns:1fr;margin-top:30px}
  .contact-facade-placeholder,.contact-facade-photo{border-radius:22px}
  .contact-details-panel{padding:28px;border-radius:22px}
  .contact-details-panel h2{font-size:34px}
  .contact-map-wrap{border-radius:22px;min-height:340px}
  .contact-map-wrap iframe{height:360px}
  .contact-form-section{padding-top:72px}
  .contact-form-card{padding:22px;border-radius:22px}
  #contatti .form-row{grid-template-columns:1fr}
}

/* v184 — loghi ufficiali aree catalogo */
.hero-card-logos .hero-logo-brand{
  width:min(100%, 440px);
  max-width:440px;
  max-height:170px;
  object-fit:contain;
  margin:0 auto 18px;
  border-radius:0;
  background:transparent;
}
.hero-card-logos .hero-logo-polochef{
  max-width:420px;
  max-height:145px;
}
@media (max-width: 720px){
  .hero-card-logos .hero-logo-brand{
    max-width:300px;
    max-height:105px !important;
  }
  .hero-card-logos .hero-logo-polochef{
    max-width:285px;
    max-height:95px !important;
  }
}

/* =========================================================
   v185 — REVISIONE RESPONSIVE COMPLETA
   ========================================================= */
html{overflow-x:hidden;scroll-behavior:smooth}body{overflow-x:hidden;-webkit-text-size-adjust:100%}
img,video,iframe,svg{max-width:100%}button,a,input,select,textarea{touch-action:manipulation}
section[id]{scroll-margin-top:76px}

@media(max-width:1024px){
 .container{padding-left:28px;padding-right:28px}.page{padding:58px 0}.soft{padding:64px 0}.hero{padding:54px 0 62px}
 .hero-grid,.hero.angelo .hero-grid{grid-template-columns:1fr;gap:34px;align-items:start}
 .hero-card{width:100%;max-width:680px;justify-self:start;border-radius:28px;padding:12px}
 .hero-card-inner{border-radius:22px;padding:24px}.hero h1{font-size:clamp(42px,7vw,58px);line-height:1.01}
 .hero .lead{font-size:17px;line-height:1.65}.hero .btn{min-height:46px}
 .cards.four,.cards.three{grid-template-columns:repeat(2,minmax(0,1fr))}
 .partners-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){
 :root{--mobile-pad:18px}section[id]{scroll-margin-top:64px}
 .container{padding-left:var(--mobile-pad);padding-right:var(--mobile-pad)}
 header .nav{min-height:64px;padding-left:16px;padding-right:12px}
 .brand{display:flex;align-items:center;min-width:0}.brand img{height:49px;max-width:190px}
 .hamburger{padding:10px;min-width:44px;min-height:44px;align-items:center;justify-content:center}
 .mobile-menu{width:min(340px,90vw);height:100dvh}.mobile-menu-header{padding:14px 18px}
 .mobile-nav{padding:10px 0}.mobile-nav button{min-height:48px;padding:13px 22px;font-size:16px}
 .mobile-menu-footer{padding:16px 18px calc(16px + env(safe-area-inset-bottom))}
 .lang-select{min-height:44px}.page{padding:48px 0}.soft{padding:54px 0}.hero{padding:42px 0 48px}
 .hero-grid,.hero.angelo .hero-grid{gap:26px}.hero h1{font-size:clamp(36px,10.3vw,47px);line-height:1.02}
 h2{font-size:clamp(30px,8.4vw,38px);line-height:1.08}h3{font-size:21px}
 p,.muted{font-size:15.5px;line-height:1.65}.lead{font-size:16px!important;line-height:1.65}
 .eyebrow,.hm-eyebrow,.hm-hero-eyebrow,.ap-eyebrow,.contact-kicker,.contact-panel-kicker{font-size:12px!important;line-height:1.35!important;letter-spacing:.15em!important}
 .btn{min-height:46px;justify-content:center;padding:12px 18px;white-space:normal;text-align:center}
 .hero-actions,.ap-hero-actions,.used-hero-actions,#ricambi .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%;margin-top:24px!important}
 .hero-actions .btn,.ap-hero-actions .btn,.used-hero-actions .btn,#ricambi .hero-actions .btn{width:100%}
 .hero-card{max-width:none;border-radius:24px;padding:10px}.hero-card-inner{padding:22px 18px;border-radius:18px}
 .hero-card-title{font-size:24px!important;line-height:1.15!important}.hero-card-desc{font-size:14px!important;line-height:1.55!important}
 .hero-card-divider{margin:14px 0!important}.cards.four,.cards.three,.cards.two{grid-template-columns:1fr}
 .card,.solution-sector-card{border-radius:20px}.pad{padding:22px}.service-media,.solution-image{height:210px}
 footer{padding:28px 18px calc(28px + env(safe-area-inset-bottom))}
 .wa-fixed{width:54px;height:54px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom))}
}

/* HOME */
@media(max-width:900px){
 #home .hm-container,#home .hm-legacy-wrap,#home .hm-hero-inner{padding-left:28px;padding-right:28px}
 #home .hm-sectors-grid,#home .hm-path{grid-template-columns:repeat(2,minmax(0,1fr))}
 #home .hm-reviews-grid{grid-template-columns:1fr}#home .hm-brands-row{flex-wrap:wrap}
}
@media(max-width:700px){
 #home .hm-container,#home .hm-legacy-wrap,#home .hm-hero-inner{padding-left:18px!important;padding-right:18px!important}
 #home .hm-hero{min-height:calc(100svh - 64px);display:flex;align-items:flex-end}
 #home .hm-hero-inner{width:100%;padding-top:96px!important;padding-bottom:44px!important}
 #home .hm-hero-title{font-size:clamp(42px,12vw,56px)!important;line-height:.98!important;max-width:10ch}
 #home .hm-hero-sub{font-size:16px!important;line-height:1.58!important;max-width:34ch}
 #home .hm-hero-cta{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%;max-width:420px}
 #home .hm-hero-cta .hm-btn{width:100%;justify-content:center}#home .hm-hero-scrolllink{display:none}
 #home .hm-fit,#home .hm-process,#home .hm-legacy,#home .hm-brands,#home .hm-reviews,#home .hm-heli{padding:64px 0!important}
 #home .hm-h2{font-size:clamp(31px,9vw,40px)!important;line-height:1.07!important}
 #home .hm-sectors-grid{grid-template-columns:1fr!important;gap:14px!important}
 #home .hm-sector-card,#home .hm-sector-card img{min-height:270px;border-radius:20px}
 #home .hm-hook{padding:62px 18px!important}#home .hm-hook-line{font-size:clamp(34px,10vw,46px)!important}
 #home .hm-path{grid-template-columns:1fr!important}
 #home .hm-path-step{min-height:0!important;padding:22px 0!important;grid-template-columns:52px 1fr!important}
 #home .hm-legacy-grid{display:flex!important;flex-direction:column!important;gap:24px!important}
 #home .hm-legacy-head{display:contents}#home .hm-legacy-eyebrow{order:1}#home .hm-legacy-title{order:2}
 #home .hm-legacy-divider{order:3}#home .hm-legacy-photo-full{order:4;min-height:0!important;height:auto!important}
 #home .hm-legacy-photo-full img{aspect-ratio:4/3;height:auto!important;object-fit:cover;object-position:38% center;border-radius:20px}
 #home .hm-legacy-body-wrap{order:5}#home .hm-legacy-body{font-size:15.5px!important;line-height:1.68!important}
 #home .hm-figures-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;margin-top:28px!important}
 #home .hm-figure{padding:20px 12px!important}#home .hm-figure-n{font-size:29px!important}
 #home .hm-heli-grid{gap:28px!important}#home .hm-heli-media{order:0!important}#home .hm-heli-video{max-width:260px!important}
 #home .hm-brands-row{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
 #home .hm-brand{min-height:72px!important;padding:10px!important}#home .hm-brand img{max-height:42px!important}
 #home .hm-reviews-grid{gap:14px!important}#home .hm-final-inner{padding:52px 18px 58px!important}
 #home .hm-final-title{font-size:clamp(32px,9vw,42px)!important}#home .hm-final .hm-btn{width:100%;justify-content:center}
}

/* HERO INTERNE */
@media(max-width:700px){
 #angelo .hero,#soluzioni .hero,#usato .hero,#outlet .hero,#vendita-online .hero,#ricambi .hero{padding:40px 0 46px!important}
 #soluzioni .sol-hero-list li{font-size:14.5px;line-height:1.45}
}

/* SOLUZIONI */
@media(max-width:900px){
 #soluzioni .merged-solutions .cards.four,#soluzioni .sol-path-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #soluzioni .invest-grid{grid-template-columns:1fr}#soluzioni .partners-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){
 #soluzioni .container.page{padding:46px 18px!important}
 #soluzioni .merged-solutions .cards.four,#soluzioni .sol-path-grid,#soluzioni .sol-specialist-grid{grid-template-columns:1fr!important;gap:12px}
 #soluzioni .solution-image{height:220px}#soluzioni .solution-sector-content{padding:20px}
 #soluzioni .solution-sector-list span{font-size:12px;padding:6px 9px}
 #soluzioni .sol-section{margin-top:64px!important;border-radius:20px!important}
 #soluzioni .sol-section--path,#soluzioni .sol-section--invest{padding:32px 18px!important}
 #soluzioni .sol-path-card,#soluzioni .sol-specialist-grid .card,#soluzioni .invest-card{min-height:0!important;padding:22px!important}
 #soluzioni .partners-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
 #soluzioni .partner-card{height:82px!important;min-height:82px!important;padding:9px!important;border-radius:12px!important}
 #soluzioni .sol-final-cta{margin-top:64px!important;padding:44px 20px!important;border-radius:22px!important}
 #soluzioni .sol-final-cta .catalog-final-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
}

/* ANGELO PO */
@media(max-width:900px){
 #angelo .ap-trust-grid,#angelo .ap-range-grid,#angelo .ap-availability-grid,#angelo .ap-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 #angelo .ap-section{padding:58px 0!important}
 #angelo .ap-trust-grid,#angelo .ap-range-grid,#angelo .ap-availability-grid,#angelo .ap-reference-grid{grid-template-columns:1fr!important;gap:12px!important}
 #angelo .ap-card{padding:22px!important;border-radius:20px!important}
 #angelo .ap-reference-card img{aspect-ratio:16/10;object-fit:cover}
 #angelo .ap-final-wrap{padding-left:18px!important;padding-right:18px!important}
 #angelo .ap-final-cta{padding:44px 20px!important;border-radius:22px!important}
 #angelo .ap-final-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 #angelo .ap-final-actions .btn{width:100%;justify-content:center}
}

/* CATALOGHI */
@media(max-width:900px){
 .used-page .dynamic-used-grid,.used-page .unified-used-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:700px){
 .used-page .used-listings-section{padding:34px 0 52px!important}
 .used-page .used-filter-bar{display:flex!important;overflow-x:auto;gap:8px!important;padding:0 0 8px!important;margin:0 0 18px!important;scrollbar-width:none}
 .used-page .used-filter-bar::-webkit-scrollbar{display:none}
 .used-page .used-filter-bar button{flex:0 0 auto;min-height:40px;white-space:nowrap;padding:9px 14px}
 .used-page .dynamic-used-grid,.used-page .unified-used-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
 .used-page .public-used-card{min-width:0}.used-page .public-used-image{height:132px!important}
 .used-page .public-used-body{padding:10px!important}.used-page .public-used-body h3{font-size:13px!important}
 .used-page .used-protected-section,.used-page .vo-cond{padding:52px 0!important}
 .used-page .used-protected-points,.used-page .value-grid{grid-template-columns:1fr!important;gap:10px!important}
 .used-page .used-protected-details{padding:22px!important;border-radius:18px!important}
 .catalog-final-cta{margin:58px 18px!important;padding:42px 20px!important;border-radius:22px!important}
 .catalog-final-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 .catalog-final-actions .btn{width:100%;justify-content:center}
 .catalog-newsletter-panel{padding:20px!important;border-radius:18px!important}
 .catalog-newsletter-form{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 .used-detail-modal{padding:10px!important}.used-detail-box{width:100%!important;max-height:calc(100dvh - 20px)!important;border-radius:20px!important;overflow:auto!important}
 .used-detail-actions{display:grid!important;grid-template-columns:1fr!important;gap:9px!important}.used-detail-actions>*{width:100%;justify-content:center}
}

/* RICAMBI */
@media(max-width:700px){
 #ricambi .ricambi-page{padding:44px 18px 54px!important}
 #ricambi .ricambi-header h2{font-size:34px!important}#ricambi .ricambi-layout{gap:18px!important}
 #ricambi .ricambi-form-card{border-radius:20px!important}
 #ricambi .ricambi-form-header,#ricambi .ricambi-form-section,#ricambi .ricambi-form-footer{padding:22px 18px!important}
 #ricambi .ricambi-row{grid-template-columns:1fr!important;gap:14px!important}
 #ricambi .ricambi-form-footer{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
 #ricambi .ricambi-submit{width:100%;justify-content:center}
 #ricambi .ricambi-info{grid-template-columns:1fr!important;gap:12px!important}
 #ricambi .ricambi-info-block{padding:22px!important;border-radius:20px!important}
 #ricambi .ricambi-contact-actions .btn{width:100%;justify-content:center}
 #ricambi .ricambi-final-wrap{padding:0 18px 60px!important}
 #ricambi .ricambi-final-cta{padding:42px 20px!important;border-radius:22px!important}
 #ricambi .ricambi-final-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 #ricambi .ricambi-final-actions .btn{width:100%;justify-content:center}
}

/* CONTATTI */
@media(max-width:900px){
 #contatti .contact-shell{width:min(100% - 40px,1280px);padding:68px 0 62px}
 #contatti .contact-identity-grid,#contatti .contact-form-section{grid-template-columns:1fr}
 #contatti .contact-form-section{gap:32px;padding-top:74px}#contatti .contact-form-intro{position:static}
}
@media(max-width:700px){
 #contatti .contact-shell{width:calc(100% - 32px);padding:48px 0 52px}
 #contatti .contact-identity-grid{gap:14px}.contact-facade-placeholder,.contact-facade-photo{border-radius:20px}
 #contatti .contact-details-panel{padding:24px 20px;border-radius:20px}
 #contatti .contact-details-panel h2{font-size:31px;margin-bottom:24px}
 #contatti .contact-detail{padding:16px 0}#contatti .contact-detail strong{font-size:15.5px;overflow-wrap:anywhere}
 #contatti .contact-map-wrap{margin-top:14px;border-radius:20px;min-height:300px}#contatti .contact-map-wrap iframe{height:320px}
 #contatti .contact-form-section{padding-top:58px;gap:24px}#contatti .contact-form-intro h2{font-size:38px!important}
 #contatti .contact-paths{grid-template-columns:1fr 1fr!important;gap:9px!important;margin-top:24px}
 #contatti .contact-path{min-height:64px;border-radius:16px;padding:12px 10px;font-size:13px;line-height:1.3}
 #contatti .contact-form-card{padding:20px 16px;border-radius:20px}
 #contatti .form-row{grid-template-columns:1fr!important;gap:16px!important}
 #contatti .site-form input,#contatti .site-form select,#contatti .site-form textarea{font-size:16px}
 #contatti .form-submit{width:100%;justify-content:center}
}

/* PARTNER EASTER EGG */
@media(max-width:700px){
 #partner-tutti .pg-partner{padding:50px 0 68px!important}#partner-tutti .pg-wrap{padding:0 18px!important}
 #partner-tutti .pg-error-face{font-size:74px!important}#partner-tutti .pg-title{font-size:36px!important;line-height:1.05!important}
 #partner-tutti .pg-figure-n{font-size:76px!important}#partner-tutti .pg-key{padding:24px 18px!important;border-radius:18px!important}
 #partner-tutti .pg-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
 #partner-tutti .pg-actions .btn{width:100%;justify-content:center}
}

@media(min-width:701px) and (max-width:1024px){
 .hero-grid,.hero.angelo .hero-grid{grid-template-columns:1fr}
 #home .hm-sectors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 #soluzioni .partners-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .catalog-final-cta,.ap-final-cta,.sol-final-cta,.ricambi-final-cta{margin-left:28px!important;margin-right:28px!important}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* v188/v189 — ancore e navigazione interna
   L'altezza della Hero resta quella originaria basata su 100svh.
   Gli offset delle destinazioni sono gestiti in JavaScript con l'altezza reale dell'header. */
section[id],.hm-fit,.hm-process,.hm-real,.hm-brands,.hm-legacy-wrap,
#usato .used-listings-section,#condizioni-vendita-online{scroll-margin-top:0!important}
.hm-hero{border-bottom:0!important}
.hm-fit{border-top:0!important}


/* v190 — altezza Hero e ancore precise */
:root{--site-header-height:89px}
@media (min-width:701px){
  #home .hm-hero{
    height:calc(100svh - var(--site-header-height));
    min-height:540px;
    border-bottom:0!important;
    margin-bottom:0!important;
  }
}
@media (max-width:700px){
  #home .hm-hero{
    height:auto!important;
    min-height:calc(100svh - var(--site-header-height))!important;
  }
}
#home .hm-fit{
  border-top:0!important;
  margin-top:0!important;
}


/* =========================================================
   v192 — PALETTE COERENTI CATALOGHI
   Le Hero iniziali e finali condividono esattamente lo stesso
   fondo per ogni pagina e riprendono i colori dei loghi approvati.
   ========================================================= */

/* SECONDA MANO — navy, verde bosco e verde oliva del logo */
#usato .used-hero-final,
#usato .catalog-final-cta--used{
  background:linear-gradient(135deg,#071823 0%,#123728 58%,#2F4F34 100%)!important;
}
#usato .used-hero-final::before,
#usato .catalog-final-cta--used::before{
  background:
    radial-gradient(circle at 72% 20%,rgba(107,142,67,.50),transparent 36%),
    linear-gradient(135deg,rgba(47,166,107,.12),transparent 42%),
    linear-gradient(315deg,rgba(255,255,255,.08),transparent 38%)!important;
}
#usato .used-hero-final .lead{color:rgba(245,249,246,.82)!important}
#usato .used-hero-final .btn-white-solid{color:#2F4F34!important}
#usato .catalog-final-cta--used .catalog-newsletter-form button{color:#2F4F34!important}

/* OUTLET — hero iniziale e CTA finale perfettamente allineate */
:root{
  --outlet-shared-bg:linear-gradient(135deg,#06131F 0%,#0B2A43 60%,#155B80 100%);
  --outlet-shared-overlay:
    radial-gradient(circle at 72% 20%,rgba(73,168,219,.48),transparent 37%),
    linear-gradient(135deg,rgba(73,168,219,.14),transparent 42%),
    linear-gradient(315deg,rgba(255,255,255,.08),transparent 38%);
}
#outlet .used-hero-final,
#outlet .catalog-final-cta--outlet{
  background:var(--outlet-shared-bg)!important;
}
#outlet .used-hero-final::before,
#outlet .catalog-final-cta--outlet::before{
  background:var(--outlet-shared-overlay)!important;
}
#outlet .used-hero-final .lead{color:rgba(241,249,253,.82)!important}
#outlet .used-hero-final .btn-white-solid{color:#197EAF!important}
#outlet .catalog-final-cta--outlet .catalog-newsletter-form button{color:#197EAF!important}
#outlet .used-hero-final .hero-card{
  border-color:rgba(73,168,219,.24)!important;
  background:rgba(73,168,219,.10)!important;
}
#outlet .hero-card-logos .hero-logo-brand{
  display:block!important;
  width:100%!important;
  max-width:440px!important;
  max-height:170px!important;
  object-fit:contain!important;
  margin:0 auto 18px!important;
}
#outlet .outlet-info-section{background:#F4FAFD!important}
#outlet .outlet-accent-text{color:#2F9FD7!important}
#outlet .price-main,
.used-detail-modal.is-outlet .used-detail-price{color:#197EAF!important}
#outlet .used-filter-btn:hover,
#outlet .used-filter-btn.active{background:#197EAF!important;border-color:#197EAF!important;color:#fff!important}
.links button.active[onclick*="'outlet'"]{color:#197EAF!important;background:#EFF9FD!important}

/* VENDITA ONLINE / POLOCHEF — deep navy e rame */
#vendita-online .used-hero-final,
#vendita-online .catalog-final-cta--online{
  background:linear-gradient(135deg,#06131F 0%,#081D2D 66%,#12364A 100%)!important;
}
#vendita-online .used-hero-final::before,
#vendita-online .catalog-final-cta--online::before{
  background:
    radial-gradient(circle at 72% 20%,rgba(198,117,62,.50),transparent 37%),
    linear-gradient(135deg,rgba(198,117,62,.13),transparent 42%),
    linear-gradient(315deg,rgba(255,255,255,.07),transparent 38%)!important;
}
#vendita-online .used-hero-final .lead{color:rgba(246,242,239,.82)!important}
#vendita-online .used-hero-final .btn-white-solid{color:#A95631!important}
#vendita-online .catalog-final-cta--online .catalog-newsletter-form button{color:#A95631!important}
#vendita-online .used-hero-final .hero-card{
  border-color:rgba(198,117,62,.24)!important;
  background:rgba(198,117,62,.10)!important;
}
#vendita-online .online-conditions-section{background:#FAF6F3!important}
#vendita-online .online-accent-text{color:#B96236!important}
#vendita-online .online-conditions-button{
  background:#B96236!important;
  border-color:#B96236!important;
  color:#fff!important;
}
#vendita-online .price-main,
.used-detail-modal.is-online .used-detail-price{color:#B96236!important}
#vendita-online .used-filter-btn:hover,
#vendita-online .used-filter-btn.active{background:#B96236!important;border-color:#B96236!important;color:#fff!important}
.links button.active[onclick*="'vendita-online'"]{color:#A95631!important;background:#FCF3EE!important}

@media(max-width:720px){
  #outlet .hero-card-logos .hero-logo-brand{
    max-width:300px!important;
    max-height:110px!important;
  }
}

/* =========================================================
   OUTLET — Hero iniziale allineata alla CTA finale blu
   Correzione specificità: sovrascrive il precedente tema arancione
   senza modificare la CTA finale.
   ========================================================= */
#outlet.used-page .used-hero-final{
  background:var(--outlet-shared-bg)!important;
}
#outlet.used-page .used-hero-final::before{
  background:var(--outlet-shared-overlay)!important;
}

/* =========================================================
   v197 — MOBILE HOME: HERO ABOVE THE FOLD
   Mantiene titolo, testo e due CTA leggibili senza tagli.
   ========================================================= */
@media(max-width:700px){
  #home .hm-hero{
    min-height:calc(100svh - 65px)!important;
    height:auto!important;
    align-items:flex-start!important;
  }
  #home .hm-hero-inner{
    padding:54px 20px 104px!important;
    margin:0 auto!important;
  }
  #home .hm-hero-eyebrow{
    margin-bottom:15px!important;
  }
  #home .hm-hero-title{
    font-size:clamp(42px,11.7vw,52px)!important;
    line-height:1.01!important;
    margin-bottom:20px!important;
    letter-spacing:-.035em!important;
  }
  #home .hm-hero-sub{
    max-width:100%!important;
    font-size:16.5px!important;
    line-height:1.48!important;
    margin-bottom:26px!important;
  }
  #home .hm-hero-cta{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
    width:100%!important;
    margin-bottom:0!important;
  }
  #home .hm-hero-cta .hm-btn{
    width:100%!important;
    min-height:50px!important;
    padding:13px 18px!important;
    font-size:15.5px!important;
  }
  #home .hm-hero-scrolllink{
    bottom:17px!important;
  }
}
@media(max-width:380px){
  #home .hm-hero-inner{padding-top:40px!important;padding-bottom:92px!important}
  #home .hm-hero-title{font-size:39px!important}
  #home .hm-hero-sub{font-size:15.5px!important;line-height:1.44!important}
}

/* =========================================================
   v198 — HOME MOBILE: revisione completa da registrazione reale
   Interventi solo <=700px; desktop invariato.
   ========================================================= */
@media(max-width:700px){
  /* Hero: più aria in alto, copy meno dominante e CTA sempre visibili */
  #home .hm-hero-inner{
    padding:42px 18px 82px!important;
  }
  #home .hm-hero-title{
    font-size:clamp(38px,10.8vw,48px)!important;
    line-height:1.01!important;
    max-width:9.5ch!important;
    margin-bottom:16px!important;
  }
  #home .hm-hero-sub{
    font-size:15.5px!important;
    line-height:1.5!important;
    margin-bottom:22px!important;
    max-width:36ch!important;
  }
  #home .hm-hero-cta .hm-btn{
    min-height:47px!important;
    padding:11px 16px!important;
    font-size:14.5px!important;
  }

  /* Titoli e ritmo verticale generale */
  #home .hm-h2{
    font-size:clamp(29px,8.3vw,36px)!important;
    line-height:1.08!important;
  }
  #home .hm-hook{padding:54px 18px!important}
  #home .hm-hook-line{font-size:clamp(30px,8.7vw,39px)!important;line-height:1.08!important}
  #home .hm-hook-body{font-size:15.5px!important;line-height:1.62!important;margin-top:20px!important}
  #home .hm-fit,#home .hm-process,#home .hm-legacy,#home .hm-brands,#home .hm-reviews,#home .hm-heli{padding:56px 0!important}

  /* Categorie: card fotografiche più compatte per ridurre lo scroll */
  #home .hm-sectors{padding:58px 0!important}
  #home .hm-sectors-list{
    grid-auto-rows:176px!important;
    gap:12px!important;
    margin-top:30px!important;
  }
  #home .hm-sector{border-radius:16px!important}
  #home .hm-sector-name{font-size:18px!important;padding:18px 20px!important}
  #home .hm-sector-arrow{top:14px!important;right:14px!important;width:31px!important;height:31px!important}
  #home .hm-sector-other{min-height:154px!important;padding:22px!important;gap:8px!important}
  #home .hm-sector-other-icon{width:44px!important;height:44px!important;font-size:23px!important}
  #home .hm-sector-other .hm-sector-name{padding:0!important;font-size:18px!important}
  #home .hm-sector-other-sub{font-size:12.5px!important;line-height:1.4!important}
  #home .hm-fit-cta{margin-top:30px!important}

  /* Processo: linea più corta, numeri e testi più compatti */
  #home .hm-process-intro{font-size:15.5px!important;line-height:1.62!important;margin-top:16px!important}
  #home .hm-path{margin-top:32px!important}
  #home .hm-path-step{grid-template-columns:46px 1fr!important;padding:0!important}
  #home .hm-path-num{font-size:27px!important;padding-top:1px!important}
  #home .hm-path-body{padding:0 0 28px 18px!important}
  #home .hm-path-body::before{top:7px!important}
  #home .hm-path-body h3{font-size:19px!important;margin-bottom:6px!important}
  #home .hm-path-lead{font-size:15px!important;line-height:1.45!important;margin-bottom:5px!important}
  #home .hm-path-desc{font-size:14.5px!important;line-height:1.55!important}

  /* Storia e numeri */
  #home .hm-legacy-wrap{padding:58px 0!important}
  #home .hm-legacy-grid{gap:20px!important}
  #home .hm-legacy-head{margin-bottom:0!important}
  #home .hm-legacy-body{font-size:15px!important;line-height:1.62!important}
  #home .hm-figures-grid{gap:8px!important;margin-top:24px!important;margin-bottom:0!important;background:transparent!important;border:0!important;border-radius:0!important;overflow:visible!important}
  #home .hm-figure{min-height:112px!important;padding:18px 10px!important;border:1px solid var(--hm-line)!important;border-radius:15px!important}
  #home .hm-figure-n{font-size:27px!important}
  #home .hm-figure-label{font-size:12.5px!important;line-height:1.3!important}
  #home .hm-figure-sub{font-size:11.5px!important;line-height:1.3!important}

  /* Elicottero: testo più asciutto e media meno invasivo */
  #home .hm-heli-grid{gap:22px!important}
  #home .hm-heli-body{font-size:15px!important;line-height:1.58!important;margin-bottom:13px!important}
  #home .hm-heli-video{max-width:230px!important;border-radius:18px!important}
  #home .hm-heli-badge{font-size:10.5px!important;max-width:210px!important;padding:7px 9px!important}

  /* Marchi */
  #home .hm-brands-row{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
  #home .hm-brand{min-height:66px!important;padding:8px!important;border-radius:13px!important}
  #home .hm-brand img{max-height:38px!important}
  #home .hm-brands-note{font-size:15px!important;line-height:1.58!important}

  /* Recensioni: una card alla volta con scorrimento orizzontale naturale */
  #home .hm-reviews-head{display:block!important;margin-bottom:28px!important}
  #home .hm-reviews-badge{width:max-content!important;align-items:flex-start!important;margin-top:22px!important;padding:14px 18px!important;border-radius:15px!important}
  #home .hm-reviews-score{font-size:30px!important}
  #home .hm-reviews-grid{
    display:flex!important;
    gap:12px!important;
    overflow-x:auto!important;
    scroll-snap-type:x mandatory!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 18px 10px!important;
    margin-left:-18px!important;
    margin-right:-18px!important;
    scrollbar-width:none!important;
  }
  #home .hm-reviews-grid::-webkit-scrollbar{display:none!important}
  #home .hm-review{
    flex:0 0 calc(100vw - 54px)!important;
    scroll-snap-align:start!important;
    padding:24px 20px!important;
    border-radius:18px!important;
  }
  #home .hm-review-stars{margin-bottom:13px!important}
  #home .hm-review blockquote{font-size:15px!important;line-height:1.58!important;margin-bottom:20px!important}

  /* CTA finale: testo leggibile e pulsanti ben separati */
  #home .hm-final{min-height:auto!important;padding:72px 0 78px!important}
  #home .hm-final-inner{padding:0 18px!important}
  #home .hm-final-title{font-size:clamp(30px,8.5vw,38px)!important;line-height:1.08!important;margin-bottom:22px!important}
  #home .hm-final .hm-heli-body{font-size:15px!important;line-height:1.58!important;margin:0 auto 26px!important}
  #home .hm-final .hm-hero-cta{gap:12px!important;max-width:none!important}
  #home .hm-final .hm-btn{width:100%!important;min-height:48px!important;justify-content:center!important}
  #home .hm-final .hm-btn-ghost{margin-right:0!important}
}

@media(max-width:380px){
  #home .hm-hero-inner{padding-top:34px!important;padding-bottom:76px!important}
  #home .hm-hero-title{font-size:37px!important}
  #home .hm-sectors-list{grid-auto-rows:164px!important}
  #home .hm-review{flex-basis:calc(100vw - 44px)!important}
}

/* ═══════ MOBILE HOME v199 — categorie orizzontali + storia più compatta ═══════ */
@media(max-width:700px){
  /* Categorie clienti: carosello orizzontale naturale, con una parte della
     card successiva visibile per rendere evidente lo scorrimento a dito. */
  #home .hm-sectors-list{
    display:flex!important;
    grid-template-columns:none!important;
    grid-auto-rows:unset!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:18px!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 18px 12px!important;
    margin:30px -18px 0!important;
    scrollbar-width:none!important;
  }
  #home .hm-sectors-list::-webkit-scrollbar{display:none!important}
  #home .hm-sector{
    flex:0 0 min(78vw,300px)!important;
    width:min(78vw,300px)!important;
    height:190px!important;
    min-height:190px!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
  }
  #home .hm-sector-other{
    flex:0 0 min(78vw,300px)!important;
    width:min(78vw,300px)!important;
    height:190px!important;
    min-height:190px!important;
  }

  /* Foto Sergio/Jacopo: elimina il doppio spazio generato da gap + margine. */
  #home .hm-legacy-grid{gap:14px!important}
  #home .hm-legacy-photo-full{margin-bottom:0!important}
  #home .hm-legacy-body-wrap{margin-top:0!important}
}

@media(max-width:380px){
  #home .hm-sector,
  #home .hm-sector-other{
    flex-basis:82vw!important;
    width:82vw!important;
    height:178px!important;
    min-height:178px!important;
  }
}

/* v200 — Home mobile: didascalia video elicottero centrata sul riquadro */
@media (max-width:700px){
  #home .hm-heli-media{
    width:min(100%,230px)!important;
    margin-inline:auto!important;
  }
  #home .hm-heli-video{
    width:100%!important;
    max-width:none!important;
  }
  #home .hm-heli-badge{
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    width:max-content!important;
    max-width:calc(100% - 20px)!important;
    box-sizing:border-box!important;
    text-align:left!important;
  }
}

/* ═══════ MOBILE HOME v202 — testo storia più vicino alla foto ═══════ */
@media(max-width:700px){
  /* Avvicina il testo alla foto Sergio/Jacopo senza alterare desktop. */
  #home .hm-legacy-body-wrap{
    margin-top:-10px!important;
  }
}


/* =========================================================
   v203 — HERO INTERNE MOBILE: card interamente visibili
   ========================================================= */
@media (max-width:760px){
  /* Le hero interne devono crescere con il contenuto: la precedente altezza
     vincolata alla viewport tagliava la parte bassa delle card. */
  #angelo .hero,
  #soluzioni .hero,
  #usato .used-hero-final,
  #outlet .used-hero-final,
  #vendita-online .used-hero-final,
  #ricambi .hero{
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    overflow:visible !important;
    padding:34px 0 40px !important;
  }

  #angelo .hero > .container,
  #soluzioni .hero > .container,
  #usato .used-hero-final .hero-grid,
  #outlet .used-hero-final .hero-grid,
  #vendita-online .used-hero-final .hero-grid,
  #ricambi .hero > .container{
    height:auto !important;
    min-height:0 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
  }

  #angelo .hero-card,
  #soluzioni .hero-card,
  #usato .hero-card,
  #outlet .hero-card,
  #vendita-online .hero-card,
  #ricambi .hero-card{
    margin-bottom:0 !important;
  }
}

#scrivici{scroll-margin-top:calc(var(--site-header-height, 76px) + 12px)}

/* =========================================================
   v204 — HERO INTERNE MOBILE: FULL-SCREEN, SENZA CARD
   Desktop invariato. Su smartphone i marchi sono integrati
   nella hero come firma compatta, senza riquadro bianco.
   ========================================================= */
@media (max-width: 700px){
  /* Tutte le hero interne devono stare in una singola videata utile. */
  #angelo .hero,
  #soluzioni .hero,
  #usato .hero,
  #ricambi .hero,
  #outlet .hero,
  #vendita-online .hero{
    min-height: calc(100svh - 112px) !important;
    height: auto !important;
    padding: 24px 0 22px !important;
    overflow: hidden !important;
    display:flex !important;
    align-items:center !important;
  }

  #angelo .hero-grid,
  #soluzioni .hero-grid,
  #usato .hero-grid,
  #ricambi .hero-grid,
  #outlet .hero-grid,
  #vendita-online .hero-grid{
    width:100% !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:18px !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  #angelo .hero-grid > div:first-child,
  #soluzioni .hero-grid > div:first-child,
  #usato .hero-grid > div:first-child,
  #ricambi .hero-grid > div:first-child,
  #outlet .hero-grid > div:first-child,
  #vendita-online .hero-grid > div:first-child{
    width:100% !important;
  }

  #angelo .hero .eyebrow,
  #soluzioni .hero .eyebrow,
  #usato .hero .eyebrow,
  #ricambi .hero .eyebrow,
  #outlet .hero .eyebrow,
  #vendita-online .hero .eyebrow{
    font-size:12px !important;
    line-height:1.35 !important;
    letter-spacing:.16em !important;
    margin:0 0 14px !important;
  }

  #angelo .hero h1,
  #soluzioni .hero h1,
  #usato .hero h1,
  #ricambi .hero h1,
  #outlet .hero h1,
  #vendita-online .hero h1{
    font-size:clamp(34px, 9.3vw, 42px) !important;
    line-height:1.04 !important;
    letter-spacing:-.035em !important;
    margin:0 0 16px !important;
  }

  #angelo .hero .lead,
  #soluzioni .hero .lead,
  #usato .hero .lead,
  #ricambi .hero .lead,
  #outlet .hero .lead,
  #vendita-online .hero .lead{
    font-size:15.5px !important;
    line-height:1.48 !important;
    margin:0 !important;
    max-width:none !important;
  }

  #angelo .ap-hero-actions,
  #usato .used-hero-actions,
  #ricambi .hero-actions,
  #soluzioni .hero-grid > div:first-child > div,
  #outlet .hero-grid > div:first-child > div,
  #vendita-online .hero-grid > div:first-child > div{
    margin-top:22px !important;
    gap:10px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
  }

  #angelo .hero .btn,
  #soluzioni .hero .btn,
  #usato .hero .btn,
  #ricambi .hero .btn,
  #outlet .hero .btn,
  #vendita-online .hero .btn{
    width:100% !important;
    min-height:52px !important;
    padding:13px 16px !important;
    font-size:15px !important;
    line-height:1.2 !important;
    border-radius:14px !important;
  }

  /* La vecchia card scompare visivamente: resta solo una firma-logo compatta. */
  #angelo .hero-card,
  #usato .hero-card,
  #ricambi .hero-card,
  #outlet .hero-card,
  #vendita-online .hero-card{
    order:2 !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

  #angelo .hero-card-inner,
  #usato .hero-card-inner,
  #ricambi .hero-card-inner,
  #outlet .hero-card-inner,
  #vendita-online .hero-card-inner{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:0 !important;
    background:transparent !important;
    color:#fff !important;
    border-radius:0 !important;
    display:flex !important;
    flex-direction:row !important;
    justify-content:flex-start !important;
    align-items:center !important;
    gap:16px !important;
  }

  #angelo .hero-card-divider,
  #usato .hero-card-divider,
  #ricambi .hero-card-divider,
  #outlet .hero-card-divider,
  #vendita-online .hero-card-divider,
  #angelo .hero-card-desc,
  #usato .hero-card-title,
  #usato .hero-card-desc,
  #ricambi .hero-card-desc,
  #outlet .hero-card-desc,
  #vendita-online .hero-card-desc{
    display:none !important;
  }

  /* Angelo Po: firma singola, senza il secondo logo Polo. */
  #angelo .hero-card .hero-logo-secondary{
    display:block !important;
    width:auto !important;
    max-width:180px !important;
    height:auto !important;
    max-height:48px !important;
    object-fit:contain !important;
    margin:0 !important;
  }
  #angelo .hero-card .hero-logo{ display:none !important; }

  /* Seconda mano, Outlet e PoloChef. */
  #usato .hero-card .hero-logo-brand,
  #outlet .hero-card .hero-logo-brand,
  #vendita-online .hero-card .hero-logo-brand{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-height:52px !important;
    max-width:220px !important;
    object-fit:contain !important;
    margin:0 !important;
    background:transparent !important;
    border-radius:0 !important;
  }

  /* Ricambi: partner affiancati; il logo Polo è già nell'header. */
  #ricambi .ricambi-partner-logos{
    width:auto !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:18px !important;
    margin:0 !important;
  }
  #ricambi .ricambi-partner-logos .hero-logo{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-height:40px !important;
    max-width:135px !important;
    margin:0 !important;
    padding:0 !important;
    background:transparent !important;
    border-radius:0 !important;
  }
  #ricambi .hero-card-inner > .hero-logo{ display:none !important; }

  /* Soluzioni non ha un vero marchio dedicato: la card informativa viene eliminata. */
  #soluzioni .hero-card{ display:none !important; }
}

@media (max-width: 380px){
  #angelo .hero,
  #soluzioni .hero,
  #usato .hero,
  #ricambi .hero,
  #outlet .hero,
  #vendita-online .hero{
    padding-top:18px !important;
    padding-bottom:18px !important;
  }
  #angelo .hero h1,
  #soluzioni .hero h1,
  #usato .hero h1,
  #ricambi .hero h1,
  #outlet .hero h1,
  #vendita-online .hero h1{
    font-size:32px !important;
  }
  #angelo .hero .lead,
  #soluzioni .hero .lead,
  #usato .hero .lead,
  #ricambi .hero .lead,
  #outlet .hero .lead,
  #vendita-online .hero .lead{
    font-size:14.5px !important;
  }
  #angelo .hero .btn,
  #soluzioni .hero .btn,
  #usato .hero .btn,
  #ricambi .hero .btn,
  #outlet .hero .btn,
  #vendita-online .hero .btn{
    min-height:48px !important;
    font-size:14px !important;
  }
}

/* v205 — seconda CTA hero Outlet, desktop e mobile */
#outlet.used-page .used-hero-final .outlet-hero-secondary{
  background:rgba(255,255,255,.08)!important;
  border-color:rgba(255,255,255,.38)!important;
  color:#fff!important;
  box-shadow:none!important;
}
#outlet.used-page .used-hero-final .outlet-hero-secondary:hover{
  background:rgba(255,255,255,.16)!important;
  border-color:rgba(255,255,255,.65)!important;
}

/* =========================================================
   v207 — HERO INTERNE MOBILE UNIFORMI + LOGHI SENZA RIQUADRO
   ========================================================= */
@media (max-width:700px){
  /* Altezza identica per tutte le hero interne: una sola videata utile. */
  #angelo .hero,
  #soluzioni .hero,
  #usato .hero,
  #ricambi .hero,
  #outlet .hero,
  #vendita-online .hero{
    box-sizing:border-box !important;
    height:calc(100svh - 112px) !important;
    min-height:calc(100svh - 112px) !important;
    max-height:calc(100svh - 112px) !important;
    padding:22px 0 !important;
    overflow:hidden !important;
  }

  #angelo .hero-grid,
  #soluzioni .hero-grid,
  #usato .hero-grid,
  #ricambi .hero-grid,
  #outlet .hero-grid,
  #vendita-online .hero-grid{
    height:100% !important;
    min-height:0 !important;
    justify-content:center !important;
    gap:14px !important;
  }

  /* I loghi diventano firme grafiche trasparenti, non immagini rettangolari. */
  #angelo .hero-card,
  #usato .hero-card,
  #outlet .hero-card,
  #vendita-online .hero-card{
    width:auto !important;
    max-width:76% !important;
    align-self:flex-start !important;
    margin-top:2px !important;
  }
  #angelo .hero-card-inner,
  #usato .hero-card-inner,
  #outlet .hero-card-inner,
  #vendita-online .hero-card-inner{
    width:auto !important;
    display:block !important;
    filter:drop-shadow(0 7px 14px rgba(0,0,0,.22)) !important;
  }
  #angelo .hero-card .hero-logo-secondary,
  #usato .hero-card .hero-logo-brand,
  #outlet .hero-card .hero-logo-brand,
  #vendita-online .hero-card .hero-logo-brand{
    max-width:100% !important;
    width:auto !important;
    max-height:42px !important;
    height:auto !important;
    object-fit:contain !important;
    object-position:left center !important;
    background:transparent !important;
    box-shadow:none !important;
    border:0 !important;
    border-radius:0 !important;
    padding:0 !important;
  }
  #usato .hero-card .hero-logo-brand{max-height:44px !important}
  #outlet .hero-card .hero-logo-brand{max-height:46px !important}
  #vendita-online .hero-card .hero-logo-brand{max-height:39px !important}

  /* Ricambi: nessun logo partner né card, anche su mobile. */
  #ricambi .hero-card{display:none !important}
}

@media (max-width:380px){
  #angelo .hero,
  #soluzioni .hero,
  #usato .hero,
  #ricambi .hero,
  #outlet .hero,
  #vendita-online .hero{
    height:calc(100svh - 104px) !important;
    min-height:calc(100svh - 104px) !important;
    max-height:calc(100svh - 104px) !important;
    padding:16px 0 !important;
  }
}


/* v208 — Ricerca ricambi: card REPA solo desktop */
#ricambi .ricambi-repa-card{
  display:flex;
  width:100%;
  max-width:460px;
  min-height:360px;
  padding:14px;
  margin-left:auto;
  border:1px solid rgba(255,255,255,.18);
  border-radius:34px;
  background:rgba(255,255,255,.10);
  box-shadow:0 24px 60px rgba(15,10,5,.22);
  backdrop-filter:blur(10px);
}
#ricambi .ricambi-repa-card-inner{
  width:100%;
  min-height:330px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px;
  border-radius:25px;
  background:#fff;
}
#ricambi .ricambi-repa-logo{
  display:block;
  width:100%;
  max-width:330px;
  height:auto;
  object-fit:contain;
}
@media(max-width:700px){
  #ricambi .ricambi-repa-card{display:none!important;}
}

/* =========================================================
   v210 — MOBILE: HERO + FASCIA LOGO IN UNA VIDEATA
   ========================================================= */
.mobile-hero-logo-strip{display:none;}

@media (max-width:700px){
  :root{--mobile-inner-hero-logo-h:108px;}

  #angelo .hero,
  #usato .hero,
  #ricambi .hero,
  #outlet .hero,
  #vendita-online .hero{
    box-sizing:border-box !important;
    height:calc(100svh - 112px - var(--mobile-inner-hero-logo-h)) !important;
    min-height:calc(100svh - 112px - var(--mobile-inner-hero-logo-h)) !important;
    max-height:calc(100svh - 112px - var(--mobile-inner-hero-logo-h)) !important;
    padding:20px 0 !important;
    overflow:hidden !important;
  }

  #angelo .hero-grid,
  #usato .hero-grid,
  #ricambi .hero-grid,
  #outlet .hero-grid,
  #vendita-online .hero-grid{
    height:100% !important;
    justify-content:center !important;
    gap:0 !important;
  }

  /* Le card spariscono davvero: il logo vive nella fascia bianca sottostante. */
  #angelo .hero-card,
  #usato .hero-card,
  #ricambi .hero-card,
  #outlet .hero-card,
  #vendita-online .hero-card{display:none !important;}

  .mobile-hero-logo-strip{
    display:flex;
    height:var(--mobile-inner-hero-logo-h);
    min-height:var(--mobile-inner-hero-logo-h);
    align-items:center;
    justify-content:center;
    padding:14px 28px;
    background:#fff;
    border-bottom:1px solid #edf0f4;
    box-sizing:border-box;
  }
  .mobile-hero-logo-inner{
    width:100%;
    max-width:310px;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
  }
  .mobile-hero-logo-inner img{
    display:block;
    width:auto;
    max-width:100%;
    max-height:66px;
    height:auto;
    object-fit:contain;
  }
  .mobile-hero-logo-strip-angelo .mobile-hero-logo-inner{
    flex-direction:column;
    gap:2px;
  }
  .mobile-hero-logo-strip-angelo img{max-height:38px;}
  .mobile-hero-logo-strip-angelo span{
    color:#df0b20;
    font-size:15px;
    font-weight:850;
    letter-spacing:.22em;
    text-transform:uppercase;
    margin-left:.22em;
  }
  .mobile-logo-repa{max-height:52px !important;}
  .mobile-logo-polochef{max-height:48px !important;}
}

@media (max-width:380px){
  :root{--mobile-inner-hero-logo-h:96px;}
  #angelo .hero,
  #usato .hero,
  #ricambi .hero,
  #outlet .hero,
  #vendita-online .hero{
    height:calc(100svh - 104px - var(--mobile-inner-hero-logo-h)) !important;
    min-height:calc(100svh - 104px - var(--mobile-inner-hero-logo-h)) !important;
    max-height:calc(100svh - 104px - var(--mobile-inner-hero-logo-h)) !important;
    padding:14px 0 !important;
  }
  .mobile-hero-logo-strip{padding:10px 24px;}
  .mobile-hero-logo-inner img{max-height:58px;}
}

/* =========================================================
   v211 — MOBILE: ALTEZZA HERO INTERNE REALMENTE UNIFORME
   La parte colorata ha la stessa altezza in tutte le pagine.
   ========================================================= */
@media (max-width:700px){
  :root{
    --mobile-inner-hero-logo-h:108px;
    --mobile-inner-hero-h:calc(100svh - 112px - var(--mobile-inner-hero-logo-h));
  }

  #angelo .hero,
  #soluzioni .hero,
  #usato .hero,
  #ricambi .hero,
  #outlet .hero,
  #vendita-online .hero{
    box-sizing:border-box !important;
    height:var(--mobile-inner-hero-h) !important;
    min-height:var(--mobile-inner-hero-h) !important;
    max-height:var(--mobile-inner-hero-h) !important;
    padding:16px 0 !important;
    overflow:hidden !important;
    display:flex !important;
    align-items:center !important;
  }

  #angelo .hero-grid,
  #soluzioni .hero-grid,
  #usato .hero-grid,
  #ricambi .hero-grid,
  #outlet .hero-grid,
  #vendita-online .hero-grid{
    box-sizing:border-box !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:0 !important;
    padding-left:20px !important;
    padding-right:20px !important;
  }

  #angelo .hero .eyebrow,
  #soluzioni .hero .eyebrow,
  #usato .hero .eyebrow,
  #ricambi .hero .eyebrow,
  #outlet .hero .eyebrow,
  #vendita-online .hero .eyebrow{
    font-size:11.5px !important;
    line-height:1.3 !important;
    margin:0 0 11px !important;
    letter-spacing:.15em !important;
  }

  #angelo .hero h1,
  #soluzioni .hero h1,
  #usato .hero h1,
  #ricambi .hero h1,
  #outlet .hero h1,
  #vendita-online .hero h1{
    font-size:clamp(31px,8.3vw,38px) !important;
    line-height:1.035 !important;
    margin:0 0 13px !important;
  }

  #angelo .hero .lead,
  #soluzioni .hero .lead,
  #usato .hero .lead,
  #ricambi .hero .lead,
  #outlet .hero .lead,
  #vendita-online .hero .lead{
    font-size:14px !important;
    line-height:1.43 !important;
    margin:0 !important;
  }

  #angelo .ap-hero-actions,
  #soluzioni .hero-grid > div:first-child > div,
  #usato .used-hero-actions,
  #ricambi .hero-actions,
  #outlet .hero-grid > div:first-child > div,
  #vendita-online .hero-grid > div:first-child > div{
    margin-top:16px !important;
    gap:8px !important;
  }

  #angelo .hero .btn,
  #soluzioni .hero .btn,
  #usato .hero .btn,
  #ricambi .hero .btn,
  #outlet .hero .btn,
  #vendita-online .hero .btn{
    min-height:46px !important;
    padding:10px 14px !important;
    font-size:14px !important;
    border-radius:13px !important;
  }

  /* Le pagine con titoli più lunghi ricevono una taratura minima,
     senza cambiare l'altezza della hero. */
  #angelo .hero h1{font-size:clamp(29px,7.8vw,35px) !important;}
  #usato .hero h1{font-size:clamp(29px,7.7vw,35px) !important;}
  #soluzioni .hero h1{font-size:clamp(29px,7.6vw,35px) !important;}
  #vendita-online .hero h1{font-size:clamp(30px,8vw,36px) !important;}

  #angelo .hero .lead,
  #usato .hero .lead,
  #soluzioni .hero .lead{font-size:13.5px !important;line-height:1.4 !important;}

  /* Soluzioni non ha fascia logo, ma la parte colorata conserva
     esattamente la stessa altezza delle altre hero. */
  #soluzioni .hero-card{display:none !important;}
}

@media (max-width:380px){
  :root{
    --mobile-inner-hero-logo-h:96px;
    --mobile-inner-hero-h:calc(100svh - 104px - var(--mobile-inner-hero-logo-h));
  }
  #angelo .hero,
  #soluzioni .hero,
  #usato .hero,
  #ricambi .hero,
  #outlet .hero,
  #vendita-online .hero{padding:11px 0 !important;}

  #angelo .hero h1,
  #soluzioni .hero h1,
  #usato .hero h1,
  #ricambi .hero h1,
  #outlet .hero h1,
  #vendita-online .hero h1{font-size:28px !important;}

  #angelo .hero .lead,
  #soluzioni .hero .lead,
  #usato .hero .lead,
  #ricambi .hero .lead,
  #outlet .hero .lead,
  #vendita-online .hero .lead{font-size:12.8px !important;}

  #angelo .hero .btn,
  #soluzioni .hero .btn,
  #usato .hero .btn,
  #ricambi .hero .btn,
  #outlet .hero .btn,
  #vendita-online .hero .btn{min-height:43px !important;font-size:13px !important;}
}

/* =========================================================
   v212 — MOBILE: CTA ALLINEATE + PASSAGGIO DOPO LOGO UNIFORME
   Seconda Mano, Outlet e Vendita Online condividono la stessa
   griglia verticale e la stessa distanza prima dei prodotti.
   ========================================================= */
@media (max-width:700px){
  /* La colonna testuale occupa tutta la hero: le CTA si ancorano
     alla stessa quota inferiore indipendentemente dalla lunghezza del testo. */
  #usato .hero-grid > div:first-child,
  #outlet .hero-grid > div:first-child,
  #vendita-online .hero-grid > div:first-child{
    box-sizing:border-box !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-rows:auto auto auto 1fr auto !important;
    align-content:stretch !important;
  }

  #usato .hero-grid > div:first-child > .eyebrow,
  #outlet .hero-grid > div:first-child > .eyebrow,
  #vendita-online .hero-grid > div:first-child > .eyebrow{
    grid-row:1 !important;
  }
  #usato .hero-grid > div:first-child > h1,
  #outlet .hero-grid > div:first-child > h1,
  #vendita-online .hero-grid > div:first-child > h1{
    grid-row:2 !important;
  }
  #usato .hero-grid > div:first-child > .lead,
  #outlet .hero-grid > div:first-child > .lead,
  #vendita-online .hero-grid > div:first-child > .lead{
    grid-row:3 !important;
  }

  #usato .used-hero-actions,
  #outlet .hero-grid > div:first-child > div:last-child,
  #vendita-online .hero-grid > div:first-child > div:last-child{
    grid-row:5 !important;
    align-self:end !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    margin:0 !important;
    gap:9px !important;
  }

  /* Stessa altezza reale per tutti i pulsanti delle tre hero. */
  #usato .used-hero-actions .btn,
  #outlet .hero-grid > div:first-child > div:last-child .btn,
  #vendita-online .hero-grid > div:first-child > div:last-child .btn{
    box-sizing:border-box !important;
    width:100% !important;
    height:48px !important;
    min-height:48px !important;
    max-height:48px !important;
    padding:0 14px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    line-height:1.15 !important;
  }

  /* Dopo la fascia logo, le tre aree prodotto iniziano alla stessa distanza.
     Evita che nella Seconda Mano i filtri compaiano subito sotto il logo. */
  #usato .mobile-hero-logo-strip + .used-listings-section,
  #outlet .mobile-hero-logo-strip + .outlet-listings-section,
  #vendita-online .mobile-hero-logo-strip + .online-listings-section{
    padding-top:44px !important;
  }

  #usato .used-listings-section > .container.page,
  #outlet .outlet-listings-section > .container.page,
  #vendita-online .online-listings-section > .container.page{
    padding-top:0 !important;
  }
}

@media (max-width:380px){
  #usato .used-hero-actions .btn,
  #outlet .hero-grid > div:first-child > div:last-child .btn,
  #vendita-online .hero-grid > div:first-child > div:last-child .btn{
    height:44px !important;
    min-height:44px !important;
    max-height:44px !important;
    font-size:12.5px !important;
  }
  #usato .mobile-hero-logo-strip + .used-listings-section,
  #outlet .mobile-hero-logo-strip + .outlet-listings-section,
  #vendita-online .mobile-hero-logo-strip + .online-listings-section{
    padding-top:36px !important;
  }
}

/* =========================================================
   v213 — MOBILE: ANTICIPO CONTROLLATO DEI FILTRI
   Nelle tre pagine catalogo hero e CTA restano uniformi; sotto
   la fascia logo compare intenzionalmente l'inizio dei filtri.
   ========================================================= */
@media (max-width:700px){
  :root{--mobile-catalog-filter-peek:58px;}

  /* Recupera uno spazio identico nella prima videata senza alterare
     l'allineamento reciproco delle tre hero. */
  #usato .hero,
  #outlet .hero,
  #vendita-online .hero{
    height:calc(var(--mobile-inner-hero-h) - var(--mobile-catalog-filter-peek)) !important;
    min-height:calc(var(--mobile-inner-hero-h) - var(--mobile-catalog-filter-peek)) !important;
    max-height:calc(var(--mobile-inner-hero-h) - var(--mobile-catalog-filter-peek)) !important;
  }

  /* I filtri iniziano subito dopo il logo, con lo stesso anticipo visivo. */
  #usato .mobile-hero-logo-strip + .used-listings-section,
  #outlet .mobile-hero-logo-strip + .outlet-listings-section,
  #vendita-online .mobile-hero-logo-strip + .online-listings-section{
    box-sizing:border-box !important;
    padding-top:12px !important;
    min-height:var(--mobile-catalog-filter-peek) !important;
  }

  #usato .used-listings-section > .container.page,
  #outlet .outlet-listings-section > .container.page,
  #vendita-online .online-listings-section > .container.page{
    padding-top:0 !important;
  }

  #usato .used-filter-bar,
  #outlet .used-filter-bar,
  #vendita-online .used-filter-bar{
    margin-top:0 !important;
    margin-bottom:18px !important;
  }
}

@media (max-width:380px){
  :root{--mobile-catalog-filter-peek:50px;}
  #usato .mobile-hero-logo-strip + .used-listings-section,
  #outlet .mobile-hero-logo-strip + .outlet-listings-section,
  #vendita-online .mobile-hero-logo-strip + .online-listings-section{
    padding-top:8px !important;
  }
}

/* =========================================================
   v214 — MOBILE: CTA PIU DISTANTI E CENTRATE NELLA HERO
   Seconda Mano, Outlet e Vendita Online: altezza invariata.
   ========================================================= */
@media (max-width:700px){
  #usato .hero-grid > div:first-child,
  #outlet .hero-grid > div:first-child,
  #vendita-online .hero-grid > div:first-child{
    grid-template-rows:auto auto auto minmax(26px,1fr) auto minmax(16px,.55fr) !important;
  }

  #usato .used-hero-actions,
  #outlet .hero-grid > div:first-child > div:last-child,
  #vendita-online .hero-grid > div:first-child > div:last-child{
    grid-row:5 !important;
    align-self:center !important;
    justify-self:center !important;
    margin:0 auto !important;
    width:100% !important;
  }
}

@media (max-width:380px){
  #usato .hero-grid > div:first-child,
  #outlet .hero-grid > div:first-child,
  #vendita-online .hero-grid > div:first-child{
    grid-template-rows:auto auto auto minmax(18px,1fr) auto minmax(10px,.4fr) !important;
  }
}

/* =========================================================
   v215 — Fasce stato annunci Seconda Mano e Outlet
   Disponibile: nessuna fascia. Prenotato/Venduto: ribbon diagonale.
   ========================================================= */
#usato .public-used-image,
#outlet .public-used-image{
  position:relative !important;
  overflow:hidden !important;
}

#usato .public-used-status,
#outlet .public-used-status,
.used-page #usato .public-used-status,
.used-page #outlet .public-used-status{
  display:flex !important;
  position:absolute !important;
  top:22px !important;
  right:-47px !important;
  left:auto !important;
  width:178px !important;
  min-height:34px !important;
  padding:0 14px !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:0 !important;
  transform:rotate(45deg) !important;
  transform-origin:center !important;
  z-index:8 !important;
  color:#fff !important;
  font-size:11px !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  box-shadow:0 5px 14px rgba(0,0,0,.22) !important;
  pointer-events:none !important;
}

#usato .public-used-status.prenotata,
#outlet .public-used-status.prenotata{
  background:#e8a20b !important;
  color:#2f2100 !important;
}

#usato .public-used-status.venduta,
#outlet .public-used-status.venduta{
  background:#c9272c !important;
  color:#fff !important;
}

@media(max-width:700px){
  #usato .public-used-status,
  #outlet .public-used-status,
  .used-page #usato .public-used-status,
  .used-page #outlet .public-used-status{
    top:17px !important;
    right:-51px !important;
    width:170px !important;
    min-height:30px !important;
    font-size:10px !important;
    letter-spacing:.09em !important;
  }
}

/* v217 — Soluzioni: logo Polo Grandi Cucine nella hero desktop e fascia mobile */
#soluzioni .soluzioni-logo-card{
  display:flex;
  width:100%;
  max-width:460px;
  min-height:360px;
  padding:14px;
  margin-left:auto;
}
#soluzioni .soluzioni-logo-card-inner{
  width:100%;
  min-height:330px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:42px;
}
#soluzioni .soluzioni-logo-card-img{
  display:block;
  width:100%;
  max-width:320px;
  height:auto;
  object-fit:contain;
  margin:0;
  background:transparent;
  border-radius:0;
}
@media(max-width:700px){
  #soluzioni .soluzioni-logo-card{display:none!important;}
  #soluzioni .mobile-hero-logo-strip-soluzioni{
    display:flex!important;
    box-sizing:border-box;
    height:var(--mobile-inner-hero-logo-h,104px);
    min-height:var(--mobile-inner-hero-logo-h,104px);
    max-height:var(--mobile-inner-hero-logo-h,104px);
    align-items:center;
    justify-content:center;
    padding:12px 24px;
    background:#fff;
    border-bottom:1px solid rgba(17,24,39,.08);
    overflow:hidden;
  }
  #soluzioni .mobile-hero-logo-strip-soluzioni .mobile-hero-logo-inner{
    width:100%;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
  }
  #soluzioni .mobile-hero-logo-strip-soluzioni .mobile-logo-polo{
    display:block;
    width:auto;
    max-width:min(270px,78vw);
    max-height:62px;
    height:auto;
    object-fit:contain;
  }
}

/* =========================================================
   v219 — HERO DESKTOP: LOGHI CON PESO VISIVO UNIFORME
   ========================================================= */
@media (min-width:701px){
  /* Tutte le card mantengono lo stesso centro ottico. */
  #angelo .hero-card-inner,
  #soluzioni .soluzioni-logo-card-inner,
  #usato .hero-card-inner,
  #outlet .hero-card-inner,
  #vendita-online .hero-card-inner,
  #ricambi .ricambi-repa-card-inner{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
  }

  /* Angelo Po Trento: prima risultava troppo piccolo. */
  #angelo .hero-card .hero-logo-secondary{
    display:block !important;
    width:86% !important;
    max-width:340px !important;
    height:auto !important;
    max-height:116px !important;
    margin:0 auto !important;
    object-fit:contain !important;
  }

  /* Polo Grandi Cucine / Soluzioni: maggiore presenza nella card. */
  #soluzioni .soluzioni-logo-card-img{
    display:block !important;
    width:92% !important;
    max-width:350px !important;
    height:auto !important;
    max-height:118px !important;
    margin:0 auto !important;
    object-fit:contain !important;
  }

  /* Seconda Mano. */
  #usato .hero-card .hero-logo-brand{
    width:84% !important;
    max-width:325px !important;
    height:auto !important;
    max-height:102px !important;
    margin:0 auto !important;
    object-fit:contain !important;
  }

  /* Outlet. */
  #outlet .hero-card .hero-logo-brand{
    width:86% !important;
    max-width:330px !important;
    height:auto !important;
    max-height:108px !important;
    margin:0 auto !important;
    object-fit:contain !important;
  }

  /* PoloChef: molto orizzontale, quindi più largo ma meno alto. */
  #vendita-online .hero-card .hero-logo-brand,
  #vendita-online .hero-card .hero-logo-polochef{
    width:90% !important;
    max-width:350px !important;
    height:auto !important;
    max-height:88px !important;
    margin:0 auto !important;
    object-fit:contain !important;
  }

  /* REPA: già equilibrato, solo centratura e limite coerente. */
  #ricambi .ricambi-repa-logo{
    width:88% !important;
    max-width:340px !important;
    height:auto !important;
    max-height:110px !important;
    margin:0 auto !important;
    object-fit:contain !important;
  }
}

/* =========================================================
   v220 — HERO DESKTOP: CARD UNIFICATE E LOGHI RICALIBRATI
   ========================================================= */
@media (min-width:1201px){
  #angelo .hero-grid,
  #soluzioni .hero-grid,
  #usato .used-hero-final .hero-grid,
  #ricambi .ricambi-hero .hero-grid,
  #outlet .used-hero-final .hero-grid,
  #vendita-online .used-hero-final .hero-grid{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) 460px !important;
    gap:64px !important;
    align-items:center !important;
  }

  #angelo .hero-card,
  #soluzioni .soluzioni-logo-card,
  #usato .hero-card,
  #ricambi .ricambi-repa-card,
  #outlet .hero-card,
  #vendita-online .hero-card{
    box-sizing:border-box !important;
    width:460px !important;
    max-width:460px !important;
    height:360px !important;
    min-height:360px !important;
    max-height:360px !important;
    margin:0 0 0 auto !important;
    padding:14px !important;
    border:1px solid rgba(255,255,255,.18) !important;
    border-radius:34px !important;
    background:rgba(255,255,255,.10) !important;
    box-shadow:0 24px 60px rgba(15,10,5,.22) !important;
    backdrop-filter:blur(10px) !important;
    overflow:hidden !important;
  }

  #angelo .hero-card-inner,
  #soluzioni .soluzioni-logo-card-inner,
  #usato .hero-card-inner,
  #ricambi .ricambi-repa-card-inner,
  #outlet .hero-card-inner,
  #vendita-online .hero-card-inner{
    box-sizing:border-box !important;
    width:100% !important;
    height:330px !important;
    min-height:330px !important;
    max-height:330px !important;
    padding:34px !important;
    border-radius:25px !important;
    background:#fff !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    overflow:hidden !important;
  }

  #angelo .hero-card img,
  #soluzioni .soluzioni-logo-card img,
  #usato .hero-card img,
  #ricambi .ricambi-repa-card img,
  #outlet .hero-card img,
  #vendita-online .hero-card img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    margin:auto !important;
    object-fit:contain !important;
  }

  #angelo .hero-card .hero-logo-secondary{
    max-width:390px !important;
    max-height:155px !important;
  }
  #soluzioni .soluzioni-logo-card-img{
    max-width:390px !important;
    max-height:175px !important;
  }
  #usato .hero-card .hero-logo-brand{
    max-width:365px !important;
    max-height:145px !important;
  }
  #outlet .hero-card .hero-logo-brand{
    max-width:370px !important;
    max-height:145px !important;
  }
  #vendita-online .hero-card .hero-logo-brand,
  #vendita-online .hero-card .hero-logo-polochef{
    max-width:380px !important;
    max-height:125px !important;
  }
  #ricambi .ricambi-repa-logo{
    max-width:380px !important;
    max-height:145px !important;
  }
}


/* =========================================================
   v221 — RICERCA RICAMBI: IDENTITÀ POLO GRANDI CUCINE
   ========================================================= */
@media (min-width:1201px){
  #ricambi .ricambi-polo-logo{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:390px !important;
    max-height:175px !important;
    margin:auto !important;
    object-fit:contain !important;
  }
}


/* =========================================================
   v314 — STAMPA ANNUNCI
   Il PDF A4 viene ora generato in un documento iframe isolato.
   Nessuna regola di stampa del sito principale è necessaria.
   ========================================================= */

/* =========================================================
   v229 — HOME: sezione manifesto tra categorie e metodo
   La sezione emozionale diventa una mini-hero autonoma,
   mentre il metodo successivo resta chiaramente tecnico.
   ========================================================= */
#home .hm-hook{
  position:relative;
  max-width:none;
  width:100%;
  margin:0;
  padding:0 !important;
  overflow:hidden;
  isolation:isolate;
  text-align:left;
  background:
    radial-gradient(circle at 82% 28%, rgba(57,83,255,.30) 0, rgba(57,83,255,.12) 24%, transparent 48%),
    linear-gradient(132deg,#070b14 0%,#0a1128 57%,#090852 100%);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.10);
}
#home .hm-hook::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-2;
  opacity:.24;
  background-image:
    linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);
  background-size:88px 88px;
  -webkit-mask-image:linear-gradient(to right,rgba(0,0,0,.62),transparent 84%);
  mask-image:linear-gradient(to right,rgba(0,0,0,.62),transparent 84%);
}
#home .hm-hook::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:520px;
  height:520px;
  right:-170px;
  bottom:-270px;
  border-radius:50%;
  border:1px solid rgba(120,145,255,.24);
  box-shadow:
    0 0 0 70px rgba(72,92,255,.035),
    0 0 0 145px rgba(72,92,255,.022);
}
#home .hm-hook-inner{
  position:relative;
  z-index:1;
  width:min(1200px,calc(100% - 80px));
  min-height:clamp(640px,76svh,760px);
  margin:0 auto;
  padding:108px 0 116px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  box-sizing:border-box;
}
#home .hm-hook-eyebrow{
  color:#8fa2ff;
  margin:0 0 28px;
  letter-spacing:.22em;
}
#home .hm-hook-heading{
  max-width:1180px;
}
#home .hm-hook-line{
  max-width:1180px;
  color:#fff;
  font-size:clamp(45px,5.3vw,76px);
  line-height:1.02;
  letter-spacing:-.042em;
  text-wrap:balance;
}
#home .hm-hook-accent{
  color:#7088ff;
  margin-top:7px;
}
#home .hm-hook-copy{
  width:min(820px,100%);
  margin-top:48px;
}
#home .hm-hook-body{
  max-width:none;
  margin:0;
  color:rgba(239,243,255,.78);
  font-size:clamp(16.5px,1.55vw,19px);
  line-height:1.68;
  font-weight:400;
}
#home .hm-hook-body + .hm-hook-body{
  margin-top:18px;
}
#home .hm-hook-closing{
  position:relative;
  max-width:760px;
  margin:34px 0 0;
  padding:4px 0 4px 22px;
  color:#fff;
  font-size:clamp(18px,1.8vw,22px);
  line-height:1.5;
  font-weight:750;
}
#home .hm-hook-closing::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  border-radius:3px;
  background:#7088ff;
  box-shadow:0 0 22px rgba(112,136,255,.68);
}

@media(max-width:900px){
  #home .hm-hook-inner{
    width:calc(100% - 44px);
    min-height:clamp(610px,78svh,720px);
    padding:86px 0 92px;
  }
  #home .hm-hook-line{
    font-size:clamp(41px,7.8vw,60px);
  }
  #home .hm-hook-copy{margin-top:40px;}
}

@media(max-width:700px){
  #home .hm-hook{
    padding:0 !important;
    background:
      radial-gradient(circle at 84% 17%, rgba(57,83,255,.32) 0, rgba(57,83,255,.10) 30%, transparent 52%),
      linear-gradient(150deg,#070b14 0%,#0a1128 62%,#090852 100%);
  }
  #home .hm-hook::before{
    background-size:58px 58px;
    opacity:.20;
  }
  #home .hm-hook::after{
    width:330px;
    height:330px;
    right:-150px;
    bottom:-185px;
    box-shadow:
      0 0 0 48px rgba(72,92,255,.035),
      0 0 0 98px rgba(72,92,255,.022);
  }
  #home .hm-hook-inner{
    width:calc(100% - 36px);
    min-height:calc(100svh - 64px);
    padding:72px 0 78px;
  }
  #home .hm-hook-eyebrow{
    margin-bottom:22px;
    font-size:12px;
  }
  #home .hm-hook-line{
    font-size:clamp(35px,10.1vw,46px) !important;
    line-height:1.04 !important;
    letter-spacing:-.038em;
  }
  #home .hm-hook-accent{margin-top:8px;}
  #home .hm-hook-copy{margin-top:34px;}
  #home .hm-hook-body{
    font-size:15.5px !important;
    line-height:1.62 !important;
    color:rgba(239,243,255,.78);
  }
  #home .hm-hook-body + .hm-hook-body{margin-top:16px;}
  #home .hm-hook-closing{
    margin-top:28px;
    padding-left:17px;
    font-size:17px;
    line-height:1.48;
  }
}

@media(max-width:380px){
  #home .hm-hook-inner{
    width:calc(100% - 32px);
    min-height:auto;
    padding:64px 0 68px;
  }
  #home .hm-hook-line{
    font-size:clamp(31px,9.6vw,38px) !important;
  }
  #home .hm-hook-copy{margin-top:30px;}
  #home .hm-hook-body{font-size:15px !important;}
}

/* =========================================================
   v230 — HOME: rifinitura sezione manifesto
   Più respiro interno, testo più editoriale e stacco più netto
   prima della sezione tecnica "Il nostro metodo".
   ========================================================= */
#home .hm-hook-inner{
  min-height:clamp(690px,80svh,820px);
  padding-top:120px;
  padding-bottom:142px;
}
#home .hm-hook-copy{
  width:min(740px,100%);
  margin-top:52px;
}
#home .hm-hook-closing{
  max-width:700px;
  margin-top:40px;
}
#home .hm-process{
  padding-top:130px !important;
}

@media(max-width:900px){
  #home .hm-hook-inner{
    min-height:clamp(650px,80svh,760px);
    padding-top:94px;
    padding-bottom:112px;
  }
  #home .hm-hook-copy{
    width:min(700px,100%);
    margin-top:44px;
  }
  #home .hm-hook-closing{margin-top:34px;}
  #home .hm-process{padding-top:92px !important;}
}

@media(max-width:700px){
  #home .hm-hook-inner{
    min-height:calc(100svh - 40px);
    padding-top:78px;
    padding-bottom:94px;
  }
  #home .hm-hook-copy{
    width:100%;
    margin-top:38px;
  }
  #home .hm-hook-closing{margin-top:32px;}
  #home .hm-process{padding-top:78px !important;}
}

@media(max-width:380px){
  #home .hm-hook-inner{
    min-height:auto;
    padding-top:68px;
    padding-bottom:78px;
  }
  #home .hm-hook-copy{margin-top:32px;}
  #home .hm-process{padding-top:68px !important;}
}

/* =========================================================
   v234 — HOME MOBILE: revisione compatta completa
   Metodo orizzontale, storia ravvicinata, metriche su una riga,
   partner a scorrimento e recensioni con ritmo verticale ridotto.
   Solo mobile: desktop invariato.
   ========================================================= */
@media(max-width:700px){
  /* Gerarchia titoli più equilibrata sul telefono */
  #home .hm-h2{
    font-size:clamp(29px,7.9vw,34px)!important;
    line-height:1.08!important;
    letter-spacing:-.025em!important;
  }
  #home .hm-section-head{margin-bottom:34px!important}

  /* IL NOSTRO METODO: sei card orizzontali, tutte della stessa altezza */
  #home .hm-process{
    padding-top:68px!important;
    padding-bottom:48px!important;
  }
  #home .hm-process-intro{
    max-width:none!important;
    margin-top:14px!important;
    font-size:15px!important;
    line-height:1.56!important;
  }
  #home .hm-path{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:stretch!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:18px!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 18px 10px!important;
    margin:26px -18px 0!important;
    scrollbar-width:none!important;
    list-style:none!important;
  }
  #home .hm-path::-webkit-scrollbar{display:none!important}
  #home .hm-path-step{
    flex:0 0 min(84vw,320px)!important;
    width:min(84vw,320px)!important;
    height:286px!important;
    min-height:286px!important;
    display:flex!important;
    flex-direction:column!important;
    grid-template-columns:none!important;
    padding:21px 18px!important;
    border:1px solid var(--hm-line)!important;
    border-radius:18px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(8,18,52,.06)!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }
  #home .hm-path-num{
    font-size:27px!important;
    line-height:1!important;
    padding:0!important;
    margin:0 0 12px!important;
  }
  #home .hm-path-body{
    border-left:0!important;
    padding:0!important;
    min-height:0!important;
  }
  #home .hm-path-body::before{display:none!important}
  #home .hm-path-body h3{
    font-size:19px!important;
    line-height:1.15!important;
    margin:0 0 9px!important;
  }
  #home .hm-path-lead{
    font-size:14.5px!important;
    line-height:1.43!important;
    margin:0 0 7px!important;
  }
  #home .hm-path-body .hm-path-lead:first-of-type{
    font-weight:650!important;
    color:var(--hm-ink)!important;
  }
  #home .hm-path-body .hm-path-lead + .hm-path-lead{
    font-weight:400!important;
    color:var(--hm-steel)!important;
  }

  /* STORIA DI FAMIGLIA: elimina gli spazi morti tra titolo, foto e testo */
  #home .hm-legacy-wrap{
    padding:46px 0 44px!important;
  }
  #home .hm-legacy-grid{
    gap:9px!important;
  }
  #home .hm-legacy-head{margin-bottom:0!important}
  #home .hm-legacy-eyebrow{margin-bottom:7px!important}
  #home .hm-legacy-title{
    font-size:25px!important;
    line-height:1.16!important;
  }
  #home .hm-legacy-divider{margin:13px 0 7px!important}
  #home .hm-legacy-photo-full{margin:0!important}
  #home .hm-legacy-photo-full img{border-radius:17px!important}
  #home .hm-legacy-body-wrap{margin-top:-5px!important}
  #home .hm-legacy-body{
    font-size:14px!important;
    line-height:1.53!important;
    margin-bottom:9px!important;
  }
  #home .hm-legacy-body-wrap .hm-legacy-signature{
    margin-top:5px!important;
    font-size:19px!important;
  }

  /* I quattro numeri sono tutti visibili contemporaneamente su una riga */
  #home .hm-figures-grid{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:6px!important;
    overflow:visible!important;
    padding:0!important;
    margin:17px 0 0!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
  }
  #home .hm-figure{
    width:auto!important;
    min-width:0!important;
    min-height:102px!important;
    padding:12px 5px!important;
    gap:5px!important;
    border:1px solid var(--hm-line)!important;
    border-radius:13px!important;
    box-sizing:border-box!important;
    justify-content:flex-start!important;
  }
  #home .hm-figure-n{
    font-size:clamp(18px,5.1vw,22px)!important;
    letter-spacing:-.045em!important;
    min-height:1.1em!important;
    display:flex!important;
    align-items:center!important;
  }
  #home .hm-figure-label{
    font-size:9.5px!important;
    line-height:1.2!important;
    max-width:none!important;
  }
  #home .hm-figure-sub{
    font-size:8.5px!important;
    line-height:1.18!important;
    margin-top:-1px!important;
    max-width:none!important;
  }

  /* PARTNER: fascia più corta, loghi in un solo carosello orizzontale */
  #home .hm-brands{
    padding:46px 0 48px!important;
  }
  #home .hm-brands-head{
    margin-bottom:26px!important;
  }
  #home .hm-brands-head .hm-h2{margin-bottom:14px!important}
  #home .hm-brands-note{
    font-size:14.5px!important;
    line-height:1.5!important;
    margin-top:8px!important;
  }
  #home .hm-brand-main{
    padding:22px 18px!important;
    border-radius:17px!important;
  }
  #home .hm-brand-main-logo img{max-height:48px!important}
  #home .hm-brand-main-text{
    font-size:14px!important;
    line-height:1.45!important;
    margin-top:13px!important;
  }
  #home .hm-brands-row-sel{
    display:flex!important;
    grid-template-columns:none!important;
    gap:8px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:18px!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 18px 7px!important;
    margin:22px -18px 0!important;
    scrollbar-width:none!important;
  }
  #home .hm-brands-row-sel::-webkit-scrollbar{display:none!important}
  #home .hm-brand-sel{
    flex:0 0 108px!important;
    width:108px!important;
    height:62px!important;
    min-height:62px!important;
    padding:8px!important;
    border-radius:12px!important;
    scroll-snap-align:start!important;
    box-sizing:border-box!important;
  }
  #home .hm-brand-sel img{max-height:35px!important}
  #home .hm-brand-sq img{max-height:43px!important}
  #home .hm-brands-cta{margin-top:24px!important}
  #home .hm-brands-cta .hm-btn{
    min-height:45px!important;
    padding:11px 16px!important;
    font-size:14px!important;
  }

  /* RECENSIONI: meno spazio prima, tra intestazione e card, e dopo */
  #home .hm-reviews{
    padding:48px 0 50px!important;
  }
  #home .hm-reviews-head{
    margin-bottom:20px!important;
  }
  #home .hm-reviews-head .hm-h2{margin-bottom:0!important}
  #home .hm-reviews-head .hm-brands-note{
    margin-top:10px!important;
  }
  #home .hm-reviews-badge{
    margin-top:14px!important;
    padding:11px 15px!important;
    border-radius:14px!important;
  }
  #home .hm-reviews-score{font-size:27px!important}
  #home .hm-reviews-stars{font-size:15px!important;margin:3px 0!important}
  #home .hm-reviews-grid{
    padding-bottom:7px!important;
  }
  #home .hm-review{
    min-height:280px!important;
    padding:21px 18px!important;
  }
  #home .hm-review blockquote{
    font-size:14.5px!important;
    line-height:1.52!important;
    margin-bottom:17px!important;
  }
  #home .hm-reviews .hm-brands-cta{margin-top:22px!important}
}

@media(max-width:380px){
  #home .hm-path-step{
    flex-basis:87vw!important;
    width:87vw!important;
    height:294px!important;
    min-height:294px!important;
  }
  #home .hm-figure{
    min-height:108px!important;
    padding-left:3px!important;
    padding-right:3px!important;
  }
  #home .hm-figure-label{font-size:8.8px!important}
  #home .hm-figure-sub{font-size:8px!important}
}


/* =========================================================
   v235 — HOME: storia mobile e partner
   - Elimina l'altezza residua sotto la foto Sergio/Jacopo
   - Loghi partner a colori su mobile
   - Mantiene i partner secondari in scorrimento orizzontale
   ========================================================= */
@media(max-width:700px){
  #home .hm-legacy-photo-full{
    aspect-ratio:auto!important;
    height:auto!important;
    min-height:0!important;
    line-height:0!important;
    overflow:hidden!important;
  }
  #home .hm-legacy-photo-full img{
    display:block!important;
    width:100%!important;
    height:auto!important;
    aspect-ratio:4/3!important;
    object-fit:cover!important;
  }
  #home .hm-legacy-body-wrap{
    margin-top:-5px!important;
  }

  /* Su mobile i marchi restano nei colori originali. */
  #home .hm-brand img,
  #home .hm-brand-sel img{
    filter:none!important;
    opacity:1!important;
  }
}

/* =========================================================
   v238 — CATALOGHI MOBILE: badge garanzia dentro la fotografia
   Solo Seconda Mano, Outlet e Vendita Online su schermi <=700px.
   Desktop invariato.
   ========================================================= */
@media(max-width:700px){
  #usato .public-used-card,
  #outlet .public-used-card,
  #vendita-online .public-used-card{
    position:relative!important;
  }

  /* La vecchia fascia non occupa più altezza: diventa un overlay. */
  #usato .pub-badges-bar,
  #outlet .pub-badges-bar,
  #vendita-online .pub-badges-bar{
    position:absolute!important;
    z-index:6!important;
    top:8px!important;
    left:8px!important;
    right:auto!important;
    width:auto!important;
    min-height:0!important;
    height:auto!important;
    padding:0!important;
    margin:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    pointer-events:none!important;
  }

  /* Quando non esiste alcun badge, non resta nessun elemento visibile. */
  #usato .pub-badges-bar:not(:has(img)),
  #outlet .pub-badges-bar:not(:has(img)),
  #vendita-online .pub-badges-bar:not(:has(img)){
    display:none!important;
  }

  #usato .pub-badges-group,
  #outlet .pub-badges-group,
  #vendita-online .pub-badges-group{
    display:flex!important;
    align-items:center!important;
    gap:4px!important;
    margin:0!important;
  }

  /* Medaglioni piccoli e leggibili nell’angolo della foto. */
  #usato .pub-badge-vp,
  #usato .pub-badge-war,
  #outlet .pub-badge-vp,
  #outlet .pub-badge-war,
  #vendita-online .pub-badge-vp,
  #vendita-online .pub-badge-war{
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    width:40px!important;
    height:40px!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:0 3px 10px rgba(15,23,42,.18)!important;
    overflow:hidden!important;
  }

  #usato .pub-badge-vp img,
  #usato .pub-badge-war img,
  #outlet .pub-badge-vp img,
  #outlet .pub-badge-war img,
  #vendita-online .pub-badge-vp img,
  #vendita-online .pub-badge-war img{
    width:38px!important;
    height:38px!important;
    max-width:38px!important;
    max-height:38px!important;
    object-fit:contain!important;
    padding:0!important;
    background:transparent!important;
  }

  /* Card più compatte: la fotografia mantiene l’altezza attuale,
     ma spariscono i 60px della vecchia fascia. */
  #usato .public-used-image,
  #outlet .public-used-image,
  #vendita-online .public-used-image{
    height:132px!important;
    flex-shrink:0!important;
  }
}

@media(max-width:380px){
  #usato .pub-badge-vp,
  #usato .pub-badge-war,
  #outlet .pub-badge-vp,
  #outlet .pub-badge-war,
  #vendita-online .pub-badge-vp,
  #vendita-online .pub-badge-war{
    width:36px!important;
    height:36px!important;
  }
  #usato .pub-badge-vp img,
  #usato .pub-badge-war img,
  #outlet .pub-badge-vp img,
  #outlet .pub-badge-war img,
  #vendita-online .pub-badge-vp img,
  #vendita-online .pub-badge-war img{
    width:34px!important;
    height:34px!important;
  }
}

/* =========================================================
   v239 — CATALOGHI MOBILE: categoria rimossa dalle anteprime
   La categoria resta visibile nei filtri, nelle intestazioni di sezione,
   nel dettaglio dell'annuncio e su desktop.
   ========================================================= */
@media(max-width:700px){
  #usato .public-used-card .public-used-meta,
  #outlet .public-used-card .public-used-meta,
  #vendita-online .public-used-card .public-used-meta{
    display:none!important;
  }
}

/* =========================================================
   v241 — ANTEPRIME CATALOGHI ESSENZIALI
   Foto + titolo + prezzo finale + sottotitolo. L'intera card apre
   il dettaglio; rimossi listino, risparmio, rata, codice e CTA testuale.
   ========================================================= */
#usato .public-used-card--compact,
#outlet .public-used-card--compact,
#vendita-online .public-used-card--compact{
  position:relative!important;
}
#usato .public-used-card--compact .public-used-body,
#outlet .public-used-card--compact .public-used-body,
#vendita-online .public-used-card--compact .public-used-body{
  display:flex!important;
  flex-direction:column!important;
  padding:16px 16px 18px!important;
}
#usato .public-used-card--compact .public-used-body h3,
#outlet .public-used-card--compact .public-used-body h3,
#vendita-online .public-used-card--compact .public-used-body h3{
  margin:0 0 9px!important;
  font-size:20px!important;
  line-height:1.2!important;
}
#usato .public-used-card--compact .price-main,
#outlet .public-used-card--compact .price-main,
#vendita-online .public-used-card--compact .price-main{
  margin:0 0 8px!important;
  font-size:24px!important;
  line-height:1.05!important;
  font-weight:900!important;
}
#usato .public-used-card--compact .public-used-subtitle,
#outlet .public-used-card--compact .public-used-subtitle,
#vendita-online .public-used-card--compact .public-used-subtitle{
  order:3!important;
  margin:0!important;
  font-size:13.5px!important;
  line-height:1.4!important;
  font-weight:600!important;
  color:#64748b!important;
}

/* Badge garanzia/Valore Protetto sovrapposti alla foto anche su desktop,
   così non creano una fascia separata. */
#usato .public-used-card--compact .pub-badges-bar,
#outlet .public-used-card--compact .pub-badges-bar,
#vendita-online .public-used-card--compact .pub-badges-bar{
  position:absolute!important;
  z-index:6!important;
  top:10px!important;
  left:10px!important;
  width:auto!important;
  min-height:0!important;
  height:auto!important;
  padding:0!important;
  margin:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  pointer-events:none!important;
}
#usato .public-used-card--compact .pub-badges-bar:not(:has(img)),
#outlet .public-used-card--compact .pub-badges-bar:not(:has(img)),
#vendita-online .public-used-card--compact .pub-badges-bar:not(:has(img)){
  display:none!important;
}
#usato .public-used-card--compact .pub-badges-group,
#outlet .public-used-card--compact .pub-badges-group,
#vendita-online .public-used-card--compact .pub-badges-group{
  display:flex!important;
  gap:5px!important;
}
#usato .public-used-card--compact .pub-badge-vp,
#usato .public-used-card--compact .pub-badge-war,
#outlet .public-used-card--compact .pub-badge-vp,
#outlet .public-used-card--compact .pub-badge-war,
#vendita-online .public-used-card--compact .pub-badge-vp,
#vendita-online .public-used-card--compact .pub-badge-war{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:46px!important;
  height:46px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.95)!important;
  box-shadow:0 4px 12px rgba(15,23,42,.18)!important;
  overflow:hidden!important;
}
#usato .public-used-card--compact .pub-badge-vp img,
#usato .public-used-card--compact .pub-badge-war img,
#outlet .public-used-card--compact .pub-badge-vp img,
#outlet .public-used-card--compact .pub-badge-war img,
#vendita-online .public-used-card--compact .pub-badge-vp img,
#vendita-online .public-used-card--compact .pub-badge-war img{
  width:44px!important;
  height:44px!important;
  object-fit:contain!important;
}

@media(max-width:700px){
  #usato .public-used-card--compact .public-used-body,
  #outlet .public-used-card--compact .public-used-body,
  #vendita-online .public-used-card--compact .public-used-body{
    padding:10px 10px 12px!important;
  }
  #usato .public-used-card--compact .public-used-body h3,
  #outlet .public-used-card--compact .public-used-body h3,
  #vendita-online .public-used-card--compact .public-used-body h3{
    font-size:13px!important;
    line-height:1.22!important;
    margin-bottom:6px!important;
  }
  #usato .public-used-card--compact .price-main,
  #outlet .public-used-card--compact .price-main,
  #vendita-online .public-used-card--compact .price-main{
    font-size:17px!important;
    margin-bottom:6px!important;
  }
  #usato .public-used-card--compact .public-used-subtitle,
  #outlet .public-used-card--compact .public-used-subtitle,
  #vendita-online .public-used-card--compact .public-used-subtitle{
    font-size:11.5px!important;
    line-height:1.32!important;
  }
}

/* =========================================================
   v242 — AREA RISERVATA: lucchetto desktop visibile, mobile rimosso
   ========================================================= */
@media(min-width:1201px){
  .links button[onclick*="area-riservata"]{
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:38px!important;
    width:38px!important;
    height:38px!important;
    padding:0!important;
    color:#fff!important;
    opacity:.88!important;
  }
  .links button[onclick*="area-riservata"]:hover,
  .links button[onclick*="area-riservata"].active{
    color:#fff!important;
    opacity:1!important;
    background:rgba(255,255,255,.10)!important;
  }
  .links button[onclick*="area-riservata"] .lock-nav-icon{
    display:block!important;
    width:18px!important;
    height:18px!important;
    min-width:18px!important;
    stroke:#fff!important;
    fill:none!important;
    opacity:1!important;
    visibility:visible!important;
  }
}
@media(max-width:1200px){
  .mobile-nav button[data-key="area-riservata"],
  .mobile-nav .lock-nav-icon{
    display:none!important;
  }
}

/* =========================================================
   v243 — ANTEPRIME CATALOGHI: allineamento verticale contenuti
   Titolo in grassetto; prezzo e sottotitolo ancorati al fondo della card.
   Valido per Seconda Mano, Outlet e Vendita Online, desktop e mobile.
   ========================================================= */
#usato .public-used-card--compact,
#outlet .public-used-card--compact,
#vendita-online .public-used-card--compact{
  display:flex!important;
  flex-direction:column!important;
  height:100%!important;
}
#usato .public-used-card--compact .public-used-image,
#outlet .public-used-card--compact .public-used-image,
#vendita-online .public-used-card--compact .public-used-image{
  flex:0 0 auto!important;
}
#usato .public-used-card--compact .public-used-body,
#outlet .public-used-card--compact .public-used-body,
#vendita-online .public-used-card--compact .public-used-body{
  flex:1 1 auto!important;
  min-height:0!important;
}
#usato .public-used-card--compact .public-used-body h3,
#outlet .public-used-card--compact .public-used-body h3,
#vendita-online .public-used-card--compact .public-used-body h3{
  font-weight:750!important;
}
#usato .public-used-card--compact .price-main,
#outlet .public-used-card--compact .price-main,
#vendita-online .public-used-card--compact .price-main{
  margin-top:auto!important;
}
#usato .public-used-card--compact .public-used-subtitle,
#outlet .public-used-card--compact .public-used-subtitle,
#vendita-online .public-used-card--compact .public-used-subtitle{
  font-weight:400!important;
}

/* =========================================================
   v247 — LOGO HEADER UNIFORME IN TUTTE LE LINGUE
   Il contenitore ha dimensioni fisse: le traduzioni del menu non possono
   più comprimere o ingrandire il marchio.
   ========================================================= */
@media (min-width:1201px){
  header .nav > .brand{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 0 92px!important;
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    padding:0!important;
    overflow:visible!important;
  }
  header .nav > .brand img{
    display:block!important;
    width:88px!important;
    height:52px!important;
    min-width:88px!important;
    max-width:88px!important;
    object-fit:contain!important;
    object-position:left center!important;
    flex:none!important;
  }
}

@media (max-width:1200px){
  header .nav > .brand{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:0 0 116px!important;
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    padding:0!important;
  }
  header .nav > .brand img{
    display:block!important;
    width:112px!important;
    height:50px!important;
    min-width:112px!important;
    max-width:112px!important;
    object-fit:contain!important;
    object-position:left center!important;
    flex:none!important;
  }
  .mobile-menu-header img{
    width:112px!important;
    height:50px!important;
    max-width:112px!important;
    object-fit:contain!important;
  }
}

/* v248 — Vendita Online: condizioni uniformi di spedizione */
#vendita-online .online-conditions-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.online-shipping-note{display:flex;flex-direction:column;gap:6px;margin:0 0 14px;padding:14px 16px;border:1px solid #ead8cb;border-radius:14px;background:#fcf7f3;color:#425166;font-size:13.5px;line-height:1.5}
.online-shipping-note strong{color:#172033;font-size:14.5px}
.online-shipping-note a{width:max-content;max-width:100%;color:#a95631;font-weight:700;text-decoration:none}
.online-shipping-note a:hover{text-decoration:underline}
#shipping-conditions-b2b{scroll-margin-top:110px}
@media(max-width:900px){#vendita-online .online-conditions-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){#vendita-online .online-conditions-summary{grid-template-columns:1fr;gap:10px}#vendita-online .online-conditions-summary .card.pad{padding:16px 17px!important}.online-shipping-note{padding:13px 14px;border-radius:12px;font-size:13px}.online-shipping-note strong{font-size:14px}#shipping-conditions-b2b{scroll-margin-top:80px}}


/* v249 — area riservata in nuova scheda + condizioni spedizione in modale */
.online-shipping-modal-link{appearance:none;border:0;background:transparent;padding:0;color:#a95631;font:inherit;font-weight:800;text-align:left;cursor:pointer;width:max-content;max-width:100%}
.online-shipping-modal-link:hover{text-decoration:underline}
.shipping-conditions-modal{position:fixed;inset:0;z-index:10050;display:none;align-items:center;justify-content:center;padding:24px;background:rgba(7,16,29,.72);backdrop-filter:blur(5px)}
.shipping-conditions-modal.open{display:flex}
.shipping-conditions-dialog{position:relative;width:min(680px,100%);max-height:min(82dvh,760px);overflow:auto;padding:42px 44px 38px;border-radius:26px;background:#fff;box-shadow:0 28px 90px rgba(0,0,0,.34)}
.shipping-conditions-close{position:absolute;top:14px;right:16px;width:40px;height:40px;border:0;border-radius:50%;background:#f2f4f7;color:#132037;font-size:28px;line-height:1;cursor:pointer}
.shipping-conditions-eyebrow{display:block;margin-bottom:12px;color:#b96236;font-size:12px;font-weight:900;letter-spacing:.18em}
.shipping-conditions-dialog h2{margin:0 44px 22px 0;color:#101827;font-size:34px;line-height:1.08}
.shipping-conditions-copy{color:#4b5565;font-size:15.5px;line-height:1.65}
.shipping-conditions-copy p{margin:0 0 15px}
.shipping-conditions-note{padding-top:14px;border-top:1px solid #e7e9ee;font-size:13px;color:#727b89}
.shipping-conditions-done{width:100%;min-height:48px;margin-top:10px;border:0;border-radius:12px;background:#0b1930;color:#fff;font-weight:800;cursor:pointer}
body.shipping-modal-open{overflow:hidden}
@media(max-width:700px){.shipping-conditions-modal{padding:12px}.shipping-conditions-dialog{max-height:calc(100dvh - 24px);padding:34px 20px 22px;border-radius:20px}.shipping-conditions-dialog h2{font-size:28px}.shipping-conditions-copy{font-size:14.5px;line-height:1.58}.shipping-conditions-close{top:10px;right:10px}}

/* =========================================================
   v250 — HEADER DESKTOP + CATEGORIE VENDITA ONLINE
   ========================================================= */
@media (min-width:1201px){
  header .nav > .brand{
    flex:0 0 132px!important;
    width:132px!important;
    min-width:132px!important;
    max-width:132px!important;
  }
  header .nav > .brand img{
    width:126px!important;
    min-width:126px!important;
    max-width:126px!important;
    height:68px!important;
  }
}

/* Fasce categoria: solo pagina Vendita Online */
#vendita-online .dynamic-used-category > h3{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 20px!important;
  padding:14px 20px!important;
  border:0!important;
  border-radius:12px!important;
  background:linear-gradient(90deg,#8f4328 0%,#b96236 58%,#cf7b51 100%)!important;
  color:#fff!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
  box-shadow:0 8px 22px rgba(169,86,49,.16)!important;
}

@media(max-width:700px){
  #vendita-online .dynamic-used-category{
    margin-top:32px!important;
  }
  #vendita-online .dynamic-used-category > h3{
    margin-bottom:14px!important;
    padding:11px 14px!important;
    border-radius:10px!important;
    font-size:17px!important;
    line-height:1.2!important;
    box-shadow:none!important;
  }
}

/* =========================================================
   v251 — Fasce categoria per tutti i cataloghi
   Seconda Mano: verde coerente con la pagina
   Outlet: azzurro coerente con la pagina
   Vendita Online: rame già approvato
   ========================================================= */
#usato .dynamic-used-category > h3,
#outlet .dynamic-used-category > h3{
  display:block!important;
  width:100%!important;
  box-sizing:border-box!important;
  margin:0 0 20px!important;
  padding:14px 20px!important;
  border:0!important;
  border-radius:12px!important;
  color:#fff!important;
  font-family:Inter,Arial,sans-serif!important;
  font-size:22px!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:.01em!important;
  text-transform:uppercase!important;
}
#usato .dynamic-used-category > h3{
  background:linear-gradient(90deg,#173524 0%,#2F4F34 58%,#5F7D4A 100%)!important;
  box-shadow:0 8px 22px rgba(47,79,52,.16)!important;
}
#outlet .dynamic-used-category > h3{
  background:linear-gradient(90deg,#0B4E72 0%,#197EAF 58%,#43A6D3 100%)!important;
  box-shadow:0 8px 22px rgba(25,126,175,.16)!important;
}
@media(max-width:700px){
  #usato .dynamic-used-category,
  #outlet .dynamic-used-category{
    margin-top:32px!important;
  }
  #usato .dynamic-used-category > h3,
  #outlet .dynamic-used-category > h3{
    margin-bottom:14px!important;
    padding:11px 14px!important;
    border-radius:10px!important;
    font-size:17px!important;
    line-height:1.2!important;
    box-shadow:none!important;
  }
}

/* =========================================================
   v252 — CONTATTI HEADER
   Desktop: pulsante Contatti nello stesso oro delle eyebrow hero.
   Mobile: CTA Contatti più evidente nel menu hamburger.
   ========================================================= */
@media(min-width:1201px){
  header .actions .btn.primary{
    background:#B8892A!important;
    border-color:#B8892A!important;
    color:#fff!important;
    box-shadow:0 5px 14px rgba(184,137,42,.22)!important;
  }
  header .actions .btn.primary:hover{
    background:#9f7420!important;
    border-color:#9f7420!important;
  }
}

@media(max-width:1200px){
  .mobile-menu-footer{
    align-items:stretch!important;
  }
  .mobile-menu-footer .btn.primary{
    background:#B8892A!important;
    border-color:#B8892A!important;
    color:#fff!important;
    min-height:50px!important;
    font-size:16px!important;
    font-weight:850!important;
    letter-spacing:.02em!important;
    justify-content:center!important;
    box-shadow:0 8px 22px rgba(184,137,42,.28)!important;
  }
}

/* =========================================================
   v253 — HERO MOBILE INTERNE: ALTEZZA E GRIGLIA UNIFORMI
   Pagine: Angelo Po, Soluzioni, Seconda Mano, Outlet,
   Vendita Online, Ricerca ricambi. Home esclusa.
   ========================================================= */
@media(max-width:700px){
  :root{
    --pgc-mobile-header-h:112px;
    --pgc-mobile-logo-strip-h:108px;
    --pgc-mobile-inner-hero-h:calc(100svh - var(--pgc-mobile-header-h) - var(--pgc-mobile-logo-strip-h));
  }

  #angelo .hero,
  #soluzioni .hero,
  #usato .hero,
  #outlet .hero,
  #vendita-online .hero,
  #ricambi .hero{
    box-sizing:border-box!important;
    height:var(--pgc-mobile-inner-hero-h)!important;
    min-height:var(--pgc-mobile-inner-hero-h)!important;
    max-height:var(--pgc-mobile-inner-hero-h)!important;
    padding:18px 0!important;
    display:flex!important;
    align-items:stretch!important;
    overflow:hidden!important;
  }

  #angelo .hero-grid,
  #soluzioni .hero-grid,
  #usato .hero-grid,
  #outlet .hero-grid,
  #vendita-online .hero-grid,
  #ricambi .hero-grid{
    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    padding:0 20px!important;
    display:block!important;
  }

  #angelo .hero-grid > div:first-child,
  #soluzioni .hero-grid > div:first-child,
  #usato .hero-grid > div:first-child,
  #outlet .hero-grid > div:first-child,
  #vendita-online .hero-grid > div:first-child,
  #ricambi .hero-grid > div:first-child{
    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:48px 158px 132px minmax(18px,1fr) 106px!important;
    align-content:stretch!important;
  }

  #angelo .hero .eyebrow,
  #soluzioni .hero .eyebrow,
  #usato .hero .eyebrow,
  #outlet .hero .eyebrow,
  #vendita-online .hero .eyebrow,
  #ricambi .hero .eyebrow{
    grid-row:1!important;
    align-self:end!important;
    margin:0 0 10px!important;
    font-size:11.5px!important;
    line-height:1.25!important;
    letter-spacing:.15em!important;
  }

  #angelo .hero h1,
  #soluzioni .hero h1,
  #usato .hero h1,
  #outlet .hero h1,
  #vendita-online .hero h1,
  #ricambi .hero h1{
    grid-row:2!important;
    align-self:start!important;
    margin:0!important;
    font-size:35px!important;
    line-height:1.04!important;
    letter-spacing:-.025em!important;
  }

  #angelo .hero .lead,
  #soluzioni .hero .lead,
  #usato .hero .lead,
  #outlet .hero .lead,
  #vendita-online .hero .lead,
  #ricambi .hero .lead{
    grid-row:3!important;
    align-self:start!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.43!important;
  }

  #angelo .ap-hero-actions,
  #soluzioni .hero-grid > div:first-child > div:last-child,
  #usato .used-hero-actions,
  #outlet .hero-grid > div:first-child > div:last-child,
  #vendita-online .hero-grid > div:first-child > div:last-child,
  #ricambi .hero-actions{
    grid-row:5!important;
    align-self:end!important;
    box-sizing:border-box!important;
    width:100%!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  #angelo .hero .btn,
  #soluzioni .hero .btn,
  #usato .hero .btn,
  #outlet .hero .btn,
  #vendita-online .hero .btn,
  #ricambi .hero .btn{
    box-sizing:border-box!important;
    width:100%!important;
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    padding:0 14px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    font-size:14px!important;
    line-height:1.15!important;
    border-radius:13px!important;
  }

  /* Elimina il vecchio accorciamento delle hero catalogo usato
     per mostrare in anticipo i filtri: ora tutte le hero sono uguali. */
  #usato .hero,
  #outlet .hero,
  #vendita-online .hero{
    height:var(--pgc-mobile-inner-hero-h)!important;
    min-height:var(--pgc-mobile-inner-hero-h)!important;
    max-height:var(--pgc-mobile-inner-hero-h)!important;
  }

  /* Fasce logo identiche in altezza su tutte le pagine interne. */
  #angelo .mobile-hero-logo-strip,
  #soluzioni .mobile-hero-logo-strip,
  #usato .mobile-hero-logo-strip,
  #outlet .mobile-hero-logo-strip,
  #vendita-online .mobile-hero-logo-strip,
  #ricambi .mobile-hero-logo-strip{
    box-sizing:border-box!important;
    height:var(--pgc-mobile-logo-strip-h)!important;
    min-height:var(--pgc-mobile-logo-strip-h)!important;
    max-height:var(--pgc-mobile-logo-strip-h)!important;
  }
}

@media(max-width:380px){
  :root{
    --pgc-mobile-header-h:104px;
    --pgc-mobile-logo-strip-h:96px;
  }

  #angelo .hero,
  #soluzioni .hero,
  #usato .hero,
  #outlet .hero,
  #vendita-online .hero,
  #ricambi .hero{
    padding:14px 0!important;
  }

  #angelo .hero-grid > div:first-child,
  #soluzioni .hero-grid > div:first-child,
  #usato .hero-grid > div:first-child,
  #outlet .hero-grid > div:first-child,
  #vendita-online .hero-grid > div:first-child,
  #ricambi .hero-grid > div:first-child{
    grid-template-rows:44px 146px 126px minmax(12px,1fr) 96px!important;
  }

  #angelo .hero h1,
  #soluzioni .hero h1,
  #usato .hero h1,
  #outlet .hero h1,
  #vendita-online .hero h1,
  #ricambi .hero h1{
    font-size:31px!important;
  }

  #angelo .hero .lead,
  #soluzioni .hero .lead,
  #usato .hero .lead,
  #outlet .hero .lead,
  #vendita-online .hero .lead,
  #ricambi .hero .lead{
    font-size:13px!important;
    line-height:1.4!important;
  }

  #angelo .hero .btn,
  #soluzioni .hero .btn,
  #usato .hero .btn,
  #outlet .hero .btn,
  #vendita-online .hero .btn,
  #ricambi .hero .btn{
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
    font-size:13px!important;
  }
}

/* =========================================================
   v254 — RIPRISTINO COLORE TASTO CONTATTI
   Torna allo sfondo blu notte precedente, desktop e mobile.
   ========================================================= */
@media(min-width:1201px){
  header .actions .btn.primary{
    background:#07162b!important;
    border-color:#07162b!important;
    color:#fff!important;
    box-shadow:none!important;
  }
  header .actions .btn.primary:hover{
    background:#0d2442!important;
    border-color:#0d2442!important;
  }
}

@media(max-width:1200px){
  .mobile-menu-footer .btn.primary{
    background:#07162b!important;
    border-color:#07162b!important;
    color:#fff!important;
    box-shadow:none!important;
  }
}

/* =========================================================
   v255 — HERO MOBILE INTERNE: ALTEZZA FISSA REALE
   Correzione definitiva dopo verifica su iPhone reale.
   Tutte le pagine interne hanno la stessa altezza e le stesse
   quote verticali di eyebrow, titolo, testo e CTA.
   ========================================================= */
@media(max-width:700px){
  :root{
    --pgc-mobile-fixed-hero-h:444px;
    --pgc-mobile-fixed-logo-h:108px;
  }

  #angelo .hero,
  #soluzioni .hero,
  #usato .hero,
  #outlet .hero,
  #vendita-online .hero,
  #ricambi .hero{
    box-sizing:border-box!important;
    height:var(--pgc-mobile-fixed-hero-h)!important;
    min-height:var(--pgc-mobile-fixed-hero-h)!important;
    max-height:var(--pgc-mobile-fixed-hero-h)!important;
    padding:18px 0!important;
    overflow:hidden!important;
    display:block!important;
  }

  #angelo .hero-grid,
  #soluzioni .hero-grid,
  #usato .hero-grid,
  #outlet .hero-grid,
  #vendita-online .hero-grid,
  #ricambi .hero-grid{
    box-sizing:border-box!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    padding:0 20px!important;
    display:block!important;
  }

  #angelo .hero-grid > div:first-child,
  #soluzioni .hero-grid > div:first-child,
  #usato .hero-grid > div:first-child,
  #outlet .hero-grid > div:first-child,
  #vendita-online .hero-grid > div:first-child,
  #ricambi .hero-grid > div:first-child{
    box-sizing:border-box!important;
    height:100%!important;
    min-height:0!important;
    display:grid!important;
    grid-template-rows:38px 146px 100px 18px 106px!important;
    align-content:start!important;
  }

  #angelo .hero .eyebrow,
  #soluzioni .hero .eyebrow,
  #usato .hero .eyebrow,
  #outlet .hero .eyebrow,
  #vendita-online .hero .eyebrow,
  #ricambi .hero .eyebrow{
    grid-row:1!important;
    align-self:end!important;
    margin:0 0 8px!important;
  }

  #angelo .hero h1,
  #soluzioni .hero h1,
  #usato .hero h1,
  #outlet .hero h1,
  #vendita-online .hero h1,
  #ricambi .hero h1{
    grid-row:2!important;
    align-self:start!important;
    margin:0!important;
    font-size:35px!important;
    line-height:1.04!important;
  }

  #angelo .hero .lead,
  #soluzioni .hero .lead,
  #usato .hero .lead,
  #outlet .hero .lead,
  #vendita-online .hero .lead,
  #ricambi .hero .lead{
    grid-row:3!important;
    align-self:start!important;
    margin:0!important;
    font-size:14px!important;
    line-height:1.43!important;
    overflow:hidden!important;
  }

  #angelo .ap-hero-actions,
  #soluzioni .hero-grid > div:first-child > div:last-child,
  #usato .used-hero-actions,
  #outlet .hero-grid > div:first-child > div:last-child,
  #vendita-online .hero-grid > div:first-child > div:last-child,
  #ricambi .hero-actions{
    grid-row:5!important;
    align-self:start!important;
    width:100%!important;
    margin:0!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:10px!important;
  }

  #angelo .hero .btn,
  #soluzioni .hero .btn,
  #usato .hero .btn,
  #outlet .hero .btn,
  #vendita-online .hero .btn,
  #ricambi .hero .btn{
    height:48px!important;
    min-height:48px!important;
    max-height:48px!important;
    margin:0!important;
  }

  #angelo .mobile-hero-logo-strip,
  #soluzioni .mobile-hero-logo-strip,
  #usato .mobile-hero-logo-strip,
  #outlet .mobile-hero-logo-strip,
  #vendita-online .mobile-hero-logo-strip,
  #ricambi .mobile-hero-logo-strip{
    box-sizing:border-box!important;
    height:var(--pgc-mobile-fixed-logo-h)!important;
    min-height:var(--pgc-mobile-fixed-logo-h)!important;
    max-height:var(--pgc-mobile-fixed-logo-h)!important;
  }
}

@media(max-width:380px){
  :root{
    --pgc-mobile-fixed-hero-h:438px;
    --pgc-mobile-fixed-logo-h:96px;
  }

  #angelo .hero,
  #soluzioni .hero,
  #usato .hero,
  #outlet .hero,
  #vendita-online .hero,
  #ricambi .hero{
    padding:14px 0!important;
  }

  #angelo .hero-grid > div:first-child,
  #soluzioni .hero-grid > div:first-child,
  #usato .hero-grid > div:first-child,
  #outlet .hero-grid > div:first-child,
  #vendita-online .hero-grid > div:first-child,
  #ricambi .hero-grid > div:first-child{
    grid-template-rows:36px 132px 108px 14px 96px!important;
  }

  #angelo .hero h1,
  #soluzioni .hero h1,
  #usato .hero h1,
  #outlet .hero h1,
  #vendita-online .hero h1,
  #ricambi .hero h1{
    font-size:31px!important;
  }

  #angelo .hero .lead,
  #soluzioni .hero .lead,
  #usato .hero .lead,
  #outlet .hero .lead,
  #vendita-online .hero .lead,
  #ricambi .hero .lead{
    font-size:13px!important;
    line-height:1.4!important;
  }

  #angelo .hero .btn,
  #soluzioni .hero .btn,
  #usato .hero .btn,
  #outlet .hero .btn,
  #vendita-online .hero .btn,
  #ricambi .hero .btn{
    height:43px!important;
    min-height:43px!important;
    max-height:43px!important;
  }
}

/* =========================================================
   v257 — Collegamenti QR diretti e prodotto non disponibile
   ========================================================= */
.used-detail-modal.is-qr-unavailable .used-detail-box{
  width:min(980px,calc(100vw - 36px));
}
.qr-unavailable{
  padding:58px 54px 48px;
  text-align:center;
}
.qr-unavailable-code{
  display:inline-flex;
  padding:7px 12px;
  border-radius:999px;
  background:#f1f5f9;
  color:#475569;
  font-size:13px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.qr-unavailable-icon{
  width:64px;
  height:64px;
  margin:24px auto 18px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff1f2;
  border:1px solid #fecdd3;
  color:#be123c;
  font-size:40px;
  font-weight:300;
  line-height:1;
}
.qr-unavailable h2{
  margin:0;
  font-size:clamp(31px,4vw,48px);
  line-height:1.08;
  color:#0b0f1a;
}
.qr-unavailable>p{
  max-width:680px;
  margin:20px auto 0;
  color:#5b6474;
  font-size:17px;
  line-height:1.65;
}
.qr-unavailable-actions{
  margin:30px auto 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
.qr-unavailable-actions button{
  min-height:46px;
  padding:11px 17px;
  border-radius:10px;
  border:1px solid #cbd5e1;
  background:#fff;
  color:#172033;
  font:inherit;
  font-weight:750;
  cursor:pointer;
}
.qr-unavailable-actions button.primary{
  background:#0000d8;
  border-color:#0000d8;
  color:#fff;
}
.qr-unavailable-alternatives{
  margin-top:46px;
  padding-top:34px;
  border-top:1px solid #e2e8f0;
  text-align:left;
}
.qr-unavailable-alternatives h3{
  margin:0 0 18px;
  font-size:22px;
  color:#0b0f1a;
}
@media(max-width:700px){
  .used-detail-modal.is-qr-unavailable .used-detail-box{
    width:calc(100vw - 20px)!important;
  }
  .qr-unavailable{
    padding:38px 18px 30px;
  }
  .qr-unavailable-icon{
    width:54px;
    height:54px;
    margin-top:18px;
    font-size:34px;
  }
  .qr-unavailable h2{
    font-size:31px;
  }
  .qr-unavailable>p{
    margin-top:15px;
    font-size:15.5px;
    line-height:1.58;
  }
  .qr-unavailable-actions{
    display:grid;
    grid-template-columns:1fr;
    margin-top:24px;
  }
  .qr-unavailable-actions button{
    width:100%;
  }
  .qr-unavailable-alternatives{
    margin-top:32px;
    padding-top:26px;
  }
}

/* =========================================================
   v257 — Collegamenti QR diretti e prodotto non disponibile
   ========================================================= */
.used-detail-modal.is-qr-unavailable .used-detail-box{
  width:min(980px,calc(100vw - 36px));
}
.qr-unavailable{
  padding:58px 54px 48px;
  text-align:center;
}
.qr-unavailable-code{
  display:inline-flex;
  padding:7px 12px;
  border-radius:999px;
  background:#f1f5f9;
  color:#475569;
  font-size:13px;
  font-weight:800;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.qr-unavailable-icon{
  width:64px;
  height:64px;
  margin:24px auto 18px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff1f2;
  border:1px solid #fecdd3;
  color:#be123c;
  font-size:40px;
  font-weight:300;
  line-height:1;
}
.qr-unavailable h2{
  margin:0;
  font-size:clamp(31px,4vw,48px);
  line-height:1.08;
  color:#0b0f1a;
}
.qr-unavailable>p{
  max-width:680px;
  margin:20px auto 0;
  color:#5b6474;
  font-size:17px;
  line-height:1.65;
}
.qr-unavailable-actions{
  margin:30px auto 0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px;
}
.qr-unavailable-actions button{
  min-height:46px;
  padding:11px 17px;
  border-radius:10px;
  border:1px solid #cbd5e1;
  background:#fff;
  color:#172033;
  font:inherit;
  font-weight:750;
  cursor:pointer;
}
.qr-unavailable-actions button.primary{
  background:#0000d8;
  border-color:#0000d8;
  color:#fff;
}
.qr-unavailable-alternatives{
  margin-top:46px;
  padding-top:34px;
  border-top:1px solid #e2e8f0;
  text-align:left;
}
.qr-unavailable-alternatives h3{
  margin:0 0 18px;
  font-size:22px;
  color:#0b0f1a;
}
@media(max-width:700px){
  .used-detail-modal.is-qr-unavailable .used-detail-box{
    width:calc(100vw - 20px)!important;
  }
  .qr-unavailable{
    padding:38px 18px 30px;
  }
  .qr-unavailable-icon{
    width:54px;
    height:54px;
    margin-top:18px;
    font-size:34px;
  }
  .qr-unavailable h2{font-size:31px}
  .qr-unavailable>p{
    margin-top:15px;
    font-size:15.5px;
    line-height:1.58;
  }
  .qr-unavailable-actions{
    display:grid;
    grid-template-columns:1fr;
    margin-top:24px;
  }
  .qr-unavailable-actions button{width:100%}
  .qr-unavailable-alternatives{
    margin-top:32px;
    padding-top:26px;
  }
}

/* =========================================================
   v259 — SOLUZIONI MOBILE: settori in scorrimento orizzontale
   Desktop e tablet restano invariati.
   ========================================================= */
@media (max-width:700px){
  #soluzioni #solutionsGrid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:18px!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 18px 12px!important;
    margin:30px -18px 0!important;
    scrollbar-width:none!important;
  }
  #soluzioni #solutionsGrid::-webkit-scrollbar{
    display:none!important;
  }
  #soluzioni #solutionsGrid .solution-sector-card{
    flex:0 0 min(80vw,310px)!important;
    width:min(80vw,310px)!important;
    height:auto!important;
    min-height:0!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    border-radius:18px!important;
  }
  #soluzioni #solutionsGrid .solution-image{
    width:100%!important;
    height:190px!important;
    aspect-ratio:auto!important;
    object-fit:cover!important;
  }
  #soluzioni #solutionsGrid .solution-sector-content{
    padding:18px!important;
  }
  #soluzioni #solutionsGrid .solution-sector-content h3{
    font-size:19px!important;
    margin-bottom:10px!important;
  }
  #soluzioni #solutionsGrid .solution-sector-list{
    gap:6px!important;
    margin-top:10px!important;
  }
  #soluzioni #solutionsGrid .solution-sector-list span{
    font-size:11.5px!important;
    padding:6px 9px!important;
  }
}

@media (max-width:380px){
  #soluzioni #solutionsGrid .solution-sector-card{
    flex-basis:84vw!important;
    width:84vw!important;
  }
}

/* =========================================================
   v260 — SOLUZIONI MOBILE: sezioni a card orizzontali
   - Dal progetto all'assistenza
   - Competenze specialistiche
   - Soluzioni di acquisto
   Aggiunta card Vendita Online B2B.
   ========================================================= */

/* Quattro soluzioni di acquisto ordinate anche su desktop. */
@media (min-width:1051px){
  #soluzioni .invest-grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }
}
@media (min-width:701px) and (max-width:1050px){
  #soluzioni .invest-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
}

@media (max-width:700px){
  /* Regole comuni ai tre caroselli della pagina Soluzioni. */
  #soluzioni .sol-path-grid,
  #soluzioni .sol-specialist-grid,
  #soluzioni .invest-grid{
    display:flex!important;
    grid-template-columns:none!important;
    gap:12px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-left:18px!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0 18px 12px!important;
    margin:28px -18px 0!important;
    scrollbar-width:none!important;
    align-items:stretch!important;
  }
  #soluzioni .sol-path-grid::-webkit-scrollbar,
  #soluzioni .sol-specialist-grid::-webkit-scrollbar,
  #soluzioni .invest-grid::-webkit-scrollbar{
    display:none!important;
  }

  /* Dal progetto all'assistenza. */
  #soluzioni .sol-path-grid .sol-path-card{
    flex:0 0 min(82vw,318px)!important;
    width:min(82vw,318px)!important;
    min-height:244px!important;
    height:auto!important;
    box-sizing:border-box!important;
    display:flex!important;
    flex-direction:column!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    padding:22px!important;
    border-radius:18px!important;
  }
  #soluzioni .sol-path-grid .sol-path-card h3{
    font-size:20px!important;
    line-height:1.22!important;
  }
  #soluzioni .sol-path-grid .sol-path-card p{
    font-size:14.5px!important;
    line-height:1.55!important;
  }

  /* Competenze specialistiche. */
  #soluzioni .sol-specialist-grid .card,
  #soluzioni .sol-specialist-grid .card:nth-child(n+4){
    flex:0 0 min(82vw,318px)!important;
    width:min(82vw,318px)!important;
    min-height:220px!important;
    height:auto!important;
    box-sizing:border-box!important;
    grid-column:auto!important;
    display:flex!important;
    flex-direction:column!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    padding:22px!important;
    border-radius:18px!important;
  }
  #soluzioni .sol-specialist-grid .card h3{
    font-size:19px!important;
    line-height:1.25!important;
  }
  #soluzioni .sol-specialist-grid .card p{
    font-size:14.5px!important;
    line-height:1.55!important;
  }

  /* Soluzioni di acquisto, compresa Vendita Online. */
  #soluzioni .invest-grid .invest-card{
    flex:0 0 min(82vw,318px)!important;
    width:min(82vw,318px)!important;
    min-height:250px!important;
    height:auto!important;
    box-sizing:border-box!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
    padding:22px!important;
    border-radius:18px!important;
  }
  #soluzioni .invest-grid .invest-card h3{
    font-size:19px!important;
    line-height:1.25!important;
  }
  #soluzioni .invest-grid .invest-card p{
    font-size:14.5px!important;
    line-height:1.55!important;
  }
  #soluzioni .invest-grid .invest-card .btn{
    width:100%!important;
    margin-top:auto!important;
    align-self:stretch!important;
  }
  #soluzioni .invest-card--online{
    border-color:rgba(185,98,54,.28)!important;
    background:#fffaf7!important;
  }
}

@media (max-width:380px){
  #soluzioni .sol-path-grid .sol-path-card,
  #soluzioni .sol-specialist-grid .card,
  #soluzioni .sol-specialist-grid .card:nth-child(n+4),
  #soluzioni .invest-grid .invest-card{
    flex-basis:86vw!important;
    width:86vw!important;
  }
}


/* =========================================================
   v262 — Navigazione mobile sempre raggiungibile
   Header intelligente + collegamenti principali nel footer.
   Desktop invariato.
   ========================================================= */
@media(max-width:760px){
  header{
    position:sticky!important;
    top:0!important;
    z-index:1000!important;
    transform:translate3d(0,0,0);
    transition:transform .26s cubic-bezier(.4,0,.2,1),box-shadow .2s ease!important;
    will-change:transform;
    box-shadow:0 1px 10px rgba(15,23,42,.08);
  }
  header.header-hidden{
    transform:translate3d(0,-105%,0)!important;
    pointer-events:none;
  }
  body.mobile-menu-open header{
    transform:translate3d(0,0,0)!important;
    pointer-events:auto;
  }

  .mobile-footer-nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px;
    width:min(100%,430px);
    margin:0 auto 24px;
    padding-bottom:24px;
    border-bottom:1px solid var(--line);
  }
  .mobile-footer-nav button{
    min-height:42px;
    padding:9px 10px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
    color:#253047;
    font:700 12.5px/1.25 Inter,Arial,sans-serif;
    text-align:center;
    cursor:pointer;
  }
  .mobile-footer-nav .mobile-footer-contact{
    background:var(--blue);
    border-color:var(--blue);
    color:#fff;
  }
}
@media(min-width:761px){
  .mobile-footer-nav{display:none!important}
}

/* =========================================================
   v263 — Angelo Po: card mobile a scorrimento orizzontale
   Sezioni: referente, gamma, disponibilità e referenze.
   Desktop invariato.
   ========================================================= */
@media(max-width:700px){
  #angelo .ap-trust-grid,
  #angelo .ap-range-grid,
  #angelo .ap-availability-grid,
  #angelo .ap-reference-grid{
    display:flex!important;
    grid-template-columns:none!important;
    align-items:stretch!important;
    gap:14px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    scroll-snap-type:x mandatory!important;
    scroll-padding-inline:0!important;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-inline:contain;
    padding:2px 0 12px!important;
    margin-right:-18px!important;
    padding-right:18px!important;
    scrollbar-width:none;
  }
  #angelo .ap-trust-grid::-webkit-scrollbar,
  #angelo .ap-range-grid::-webkit-scrollbar,
  #angelo .ap-availability-grid::-webkit-scrollbar,
  #angelo .ap-reference-grid::-webkit-scrollbar{
    display:none;
  }

  #angelo .ap-trust-grid .ap-card,
  #angelo .ap-range-grid .ap-card,
  #angelo .ap-availability-grid .ap-card,
  #angelo .ap-reference-grid .ap-reference-card{
    flex:0 0 min(82vw,330px)!important;
    width:min(82vw,330px)!important;
    max-width:none!important;
    box-sizing:border-box!important;
    scroll-snap-align:start!important;
    scroll-snap-stop:always!important;
  }

  #angelo .ap-trust-grid .ap-card{
    min-height:280px!important;
    height:auto!important;
  }
  #angelo .ap-range-grid .ap-card{
    min-height:250px!important;
    height:auto!important;
  }
  #angelo .ap-availability-grid .ap-card{
    min-height:270px!important;
    height:auto!important;
  }

  #angelo .ap-reference-grid .ap-reference-card{
    min-height:0!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
  }
  #angelo .ap-reference-grid .ap-reference-card img{
    width:100%!important;
    height:auto!important;
    aspect-ratio:16/10!important;
    object-fit:cover!important;
  }
  #angelo .ap-reference-grid .ap-reference-card>div{
    display:flex!important;
    flex:1 1 auto!important;
    flex-direction:column!important;
    padding:20px!important;
  }
  #angelo .ap-reference-grid .ap-reference-card a{
    margin-top:auto!important;
  }
}

@media(max-width:380px){
  #angelo .ap-trust-grid .ap-card,
  #angelo .ap-range-grid .ap-card,
  #angelo .ap-availability-grid .ap-card,
  #angelo .ap-reference-grid .ap-reference-card{
    flex-basis:86vw!important;
    width:86vw!important;
  }
}

/* =========================================================
   v264 — Header intelligente anche desktop + navigazione footer
   ========================================================= */
header{
  transform:translate3d(0,0,0);
  transition:transform .26s cubic-bezier(.4,0,.2,1),box-shadow .2s ease!important;
  will-change:transform;
}
header.header-hidden{
  transform:translate3d(0,-105%,0)!important;
  pointer-events:none;
}
body.mobile-menu-open header{
  transform:translate3d(0,0,0)!important;
  pointer-events:auto;
}

@media(min-width:761px){
  .mobile-footer-nav{
    display:grid!important;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:10px;
    width:min(100%,1040px);
    margin:0 auto 28px;
    padding:0 24px 28px;
    border-bottom:1px solid var(--line);
  }
  .mobile-footer-nav button{
    min-height:44px;
    padding:10px 14px;
    border:1px solid var(--line);
    border-radius:10px;
    background:#fff;
    color:#253047;
    font:700 13px/1.25 Inter,Arial,sans-serif;
    text-align:center;
    cursor:pointer;
    transition:border-color .18s ease,background .18s ease,transform .18s ease;
  }
  .mobile-footer-nav button:hover{
    border-color:#aeb8c8;
    background:#f8fafc;
    transform:translateY(-1px);
  }
  .mobile-footer-nav .mobile-footer-contact{
    background:var(--blue);
    border-color:var(--blue);
    color:#fff;
  }
  .mobile-footer-nav .mobile-footer-contact:hover{
    background:#0000b8;
    border-color:#0000b8;
  }
}


/* =========================================================
   v265 — Header desktop affidabile; navigazione footer solo mobile
   ========================================================= */
@media(min-width:761px){
  .mobile-footer-nav{display:none!important;}
}


/* =========================================================
   v266 — Header desktop fixed e ricomparsa affidabile
   Il footer desktop resta senza navigazione aggiuntiva.
   ========================================================= */
@media(min-width:761px){
  html{scroll-padding-top:var(--site-header-height,88px)}
  body{padding-top:var(--site-header-height,88px)!important}
  body > header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:1200!important;
    transform:translate3d(0,0,0);
    transition:transform .24s cubic-bezier(.4,0,.2,1),box-shadow .2s ease!important;
    will-change:transform;
  }
  body > header.header-hidden{
    transform:translate3d(0,calc(-100% - 2px),0)!important;
    pointer-events:none;
  }
  .mobile-footer-nav{display:none!important}
}


/* =========================================================
   v267 — Header desktop: scomparsa immediata verso il basso
   Ricomparsa morbida al primo gesto verso l'alto.
   ========================================================= */
@media(min-width:761px){
  body > header{
    transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .16s ease!important;
  }
  body > header.header-hidden{
    transition-duration:.07s,.16s!important;
  }
}

/* =========================================================
   v270 — Header mobile fixed e riapertura affidabile su iPhone
   ========================================================= */
@media(max-width:760px){
  html{
    scroll-padding-top:var(--site-header-height,64px)!important;
  }
  body{
    padding-top:var(--site-header-height,64px)!important;
  }
  body > header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    width:100%!important;
    z-index:1200!important;
    transform:translate3d(0,0,0);
    transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .16s ease!important;
    will-change:transform;
  }
  body > header.header-hidden{
    transform:translate3d(0,calc(-100% - 2px),0)!important;
    transition-duration:.07s,.16s!important;
    pointer-events:none;
  }
  body.mobile-menu-open > header{
    transform:translate3d(0,0,0)!important;
    pointer-events:auto!important;
  }
}


/* =========================================================
   v272 — HEADER SEMPRE VISIBILE, COMPATTO E SEMITRASPARENTE
   Desktop, tablet e mobile. Elimina definitivamente la logica
   di comparsa/scomparsa durante lo scroll.
   ========================================================= */
:root{
  --site-header-height:72px;
  --pgc-header-bg:rgba(7,17,34,.88);
  --pgc-header-bg-scrolled:rgba(7,17,34,.95);
}
html{
  scroll-padding-top:calc(var(--site-header-height) + 10px)!important;
}
body{
  padding-top:var(--site-header-height)!important;
}
body > header,
body > header.header-hidden{
  position:fixed!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:var(--site-header-height)!important;
  z-index:1200!important;
  transform:none!important;
  pointer-events:auto!important;
  background:var(--pgc-header-bg)!important;
  -webkit-backdrop-filter:blur(18px) saturate(145%)!important;
  backdrop-filter:blur(18px) saturate(145%)!important;
  border-bottom:1px solid rgba(255,255,255,.11)!important;
  box-shadow:0 5px 20px rgba(0,0,0,.10)!important;
  transition:background-color .2s ease,box-shadow .2s ease,border-color .2s ease!important;
}
body > header.header-scrolled{
  background:var(--pgc-header-bg-scrolled)!important;
  border-bottom-color:rgba(255,255,255,.15)!important;
  box-shadow:0 7px 24px rgba(0,0,0,.18)!important;
}
header .nav{
  min-height:var(--site-header-height)!important;
  height:var(--site-header-height)!important;
}
header .links{color:rgba(255,255,255,.82)!important}
header .links button{
  color:inherit!important;
  background:transparent!important;
}
header .links button:hover,
header .links button.active,
header .links button[class*="active"]{
  color:#fff!important;
  background:rgba(255,255,255,.12)!important;
}
header .links button[onclick*="area-riservata"]{
  color:#fff!important;
}
header .links button[onclick*="area-riservata"] .lock-nav-icon{
  stroke:#fff!important;
}
header .actions .lang-select{
  background:rgba(255,255,255,.96)!important;
  border-color:rgba(255,255,255,.42)!important;
  color:#172033!important;
}
header .actions .btn.primary{
  background:#0000d8!important;
  border-color:#0000d8!important;
  color:#fff!important;
  box-shadow:none!important;
}
header .actions .btn.primary:hover{
  background:#2424ea!important;
  border-color:#2424ea!important;
}

@media(min-width:1201px){
  header .nav > .brand{
    flex-basis:120px!important;
    width:120px!important;
    min-width:120px!important;
    max-width:120px!important;
  }
  header .nav > .brand img{
    width:116px!important;
    min-width:116px!important;
    max-width:116px!important;
    height:58px!important;
  }
}

@media(max-width:1200px){
  :root{--site-header-height:64px}
  header .nav{
    padding-left:16px!important;
    padding-right:12px!important;
  }
  header .nav > .brand{
    flex-basis:108px!important;
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
  }
  header .nav > .brand img{
    width:104px!important;
    min-width:104px!important;
    max-width:104px!important;
    height:48px!important;
  }
  header .hamburger span{background:#fff!important}
  header .hamburger:hover{background:rgba(255,255,255,.10)!important}
}

@media(max-width:760px){
  :root{--site-header-height:60px}
  header .nav{
    min-height:60px!important;
    height:60px!important;
  }
  header .nav > .brand{
    flex-basis:102px!important;
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
  }
  header .nav > .brand img{
    width:98px!important;
    min-width:98px!important;
    max-width:98px!important;
    height:44px!important;
  }
  header .hamburger{
    min-width:42px!important;
    min-height:42px!important;
    padding:9px!important;
  }
}

/* =========================================================
   v273 — HEADER FROSTED LIGHT IN STILE APPLE
   Sempre visibile, chiaro, compatto e semitrasparente.
   ========================================================= */
:root{
  --site-header-height:66px;
  --pgc-header-light:rgba(250,250,252,.78);
  --pgc-header-light-scrolled:rgba(250,250,252,.92);
  --pgc-header-ink:#1d1d1f;
}
body > header,
body > header.header-hidden{
  background:var(--pgc-header-light)!important;
  -webkit-backdrop-filter:saturate(180%) blur(22px)!important;
  backdrop-filter:saturate(180%) blur(22px)!important;
  border-bottom:1px solid rgba(15,23,42,.075)!important;
  box-shadow:none!important;
  color:var(--pgc-header-ink)!important;
  transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease!important;
}
body > header.header-scrolled{
  background:var(--pgc-header-light-scrolled)!important;
  border-bottom-color:rgba(15,23,42,.10)!important;
  box-shadow:0 1px 10px rgba(15,23,42,.055)!important;
}
header .links{
  color:rgba(29,29,31,.78)!important;
}
header .links button{
  color:inherit!important;
  background:transparent!important;
  border-radius:9px!important;
}
header .links button:hover{
  color:#000!important;
  background:rgba(15,23,42,.055)!important;
}
header .links button.active,
header .links button[class*="active"]{
  color:#000!important;
  background:rgba(15,23,42,.075)!important;
}
header .links button[onclick*="area-riservata"]{
  color:#0b1930!important;
}
header .links button[onclick*="area-riservata"] .lock-nav-icon,
#navLinks .lock-nav-icon{
  stroke:#0b1930!important;
  color:#0b1930!important;
}
header .actions .lang-select{
  background:rgba(255,255,255,.68)!important;
  border-color:rgba(15,23,42,.14)!important;
  color:#1d1d1f!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.35)!important;
}
header .actions .btn.primary{
  background:#0b1930!important;
  border-color:#0b1930!important;
  color:#fff!important;
}
header .actions .btn.primary:hover{
  background:#152844!important;
  border-color:#152844!important;
}

@media(min-width:1201px){
  header .nav > .brand{
    flex-basis:112px!important;
    width:112px!important;
    min-width:112px!important;
    max-width:112px!important;
  }
  header .nav > .brand img{
    width:108px!important;
    min-width:108px!important;
    max-width:108px!important;
    height:52px!important;
  }
}

@media(max-width:1200px){
  :root{--site-header-height:62px}
  header .nav > .brand{
    flex-basis:102px!important;
    width:102px!important;
    min-width:102px!important;
    max-width:102px!important;
  }
  header .nav > .brand img{
    width:98px!important;
    min-width:98px!important;
    max-width:98px!important;
    height:46px!important;
  }
  header .hamburger span{
    background:#0b1930!important;
  }
  header .hamburger:hover{
    background:rgba(15,23,42,.055)!important;
  }
}

@media(max-width:760px){
  :root{--site-header-height:58px}
  header .nav{
    min-height:58px!important;
    height:58px!important;
  }
  header .nav > .brand{
    flex-basis:96px!important;
    width:96px!important;
    min-width:96px!important;
    max-width:96px!important;
  }
  header .nav > .brand img{
    width:92px!important;
    min-width:92px!important;
    max-width:92px!important;
    height:42px!important;
  }
  header .hamburger{
    min-width:40px!important;
    min-height:40px!important;
    padding:8px!important;
  }
}

/* v276 — Menu mobile multilingua, CTA Angelo Po e foto richiesta ricambi */
#angelo .ap-range-cta-line2{display:inline}
#ricambi .ricambi-file-field{
  display:flex;
  flex-direction:column;
  gap:10px;
  font-weight:700;
  color:#0a1628;
}
#ricambi .ricambi-file-field input[type="file"]{
  width:100%;
  min-height:48px;
  padding:10px 12px;
  border:1px solid #d8e0ea;
  border-radius:12px;
  background:#fff;
  color:#334155;
  font:inherit;
  font-weight:500;
}
#ricambi .ricambi-file-field input[type="file"]::file-selector-button{
  margin-right:12px;
  padding:9px 12px;
  border:0;
  border-radius:9px;
  background:#0a1628;
  color:#fff;
  font-weight:800;
  cursor:pointer;
}
#ricambi .ricambi-file-field small{
  color:#64748b;
  font-size:12px;
  line-height:1.5;
  font-weight:500;
}
#ricambi .ricambi-photo-alternatives,
#ricambi .ricambi-photo-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  margin-top:14px;
}
#ricambi .ricambi-photo-alternatives a,
#ricambi .ricambi-photo-links a{
  color:#0000d8;
  font-weight:800;
  text-decoration:none;
}
#ricambi .ricambi-photo-alternatives a:hover,
#ricambi .ricambi-photo-links a:hover{text-decoration:underline}

@media(max-width:760px){
  #angelo .ap-range-cta-line2{display:block}
  #angelo .ap-range-cta{line-height:1.35}
  #ricambi .ricambi-photo-alternatives,
  #ricambi .ricambi-photo-links{flex-direction:column;align-items:flex-start}
}


/* v277 — Seconda Mano: Proponici il tuo usato */
#usato .used-sell-section{
  padding:34px 0 18px;
  background:linear-gradient(180deg,#f5f8f5 0%,#eef5ef 100%);
}
#usato .used-sell-card{
  display:grid;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);
  gap:28px;
  padding:clamp(28px,4vw,52px);
  border:1px solid rgba(22,101,52,.18);
  border-radius:30px;
  background:linear-gradient(135deg,#ffffff 0%,#f7fbf7 58%,#edf7ef 100%);
  box-shadow:0 24px 60px rgba(15,23,42,.08);
}
#usato .used-sell-eyebrow,
#usato .used-sell-check-eyebrow{color:#2f6b3f!important}
#usato .used-sell-intro h2{
  margin:8px 0 18px;
  max-width:760px;
  font-size:clamp(34px,4vw,58px);
  line-height:1.02;
  letter-spacing:-.035em;
  color:#0a1628;
}
#usato .used-sell-text{
  max-width:760px;
  margin:0;
  color:#475569;
  font-size:19px;
  line-height:1.65;
}
#usato .used-sell-options{
  display:flex;
  flex-wrap:wrap;
  gap:9px;
  margin:25px 0 18px;
}
#usato .used-sell-options span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:7px 13px;
  border:1px solid rgba(22,101,52,.2);
  border-radius:999px;
  background:#fff;
  color:#225a34;
  font-size:13px;
  font-weight:850;
}
#usato .used-sell-note{
  max-width:760px;
  margin:0 0 25px;
  padding-left:14px;
  border-left:3px solid #6b913f;
  color:#64748b;
  font-size:13px;
  line-height:1.55;
}
#usato .used-sell-toggle{
  min-height:52px;
  border:0!important;
  background:#245f36!important;
  color:#fff!important;
  box-shadow:0 12px 28px rgba(36,95,54,.18);
}
#usato .used-sell-toggle:hover{background:#174b29!important;transform:translateY(-1px)}
#usato .used-sell-checklist{
  align-self:stretch;
  padding:28px;
  border:1px solid rgba(22,101,52,.14);
  border-radius:24px;
  background:rgba(255,255,255,.76);
  backdrop-filter:blur(10px);
}
#usato .used-sell-checklist h3{
  margin:7px 0 20px;
  color:#0a1628;
  font-size:26px;
  line-height:1.15;
}
#usato .used-sell-checklist ul{
  display:grid;
  gap:17px;
  margin:0;
  padding:0;
  list-style:none;
}
#usato .used-sell-checklist li{
  position:relative;
  padding-left:32px;
  color:#334155;
  font-size:16px;
  line-height:1.5;
  font-weight:700;
}
#usato .used-sell-checklist li::before{
  content:'✓';
  position:absolute;
  left:0;
  top:-1px;
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  border-radius:50%;
  background:#e3f1e6;
  color:#245f36;
  font-size:13px;
  font-weight:900;
}
#usato .used-sell-form-panel{
  position:relative;
  margin-top:18px;
  padding:clamp(24px,4vw,44px);
  border:1px solid rgba(22,101,52,.18);
  border-radius:28px;
  background:#fff;
  box-shadow:0 20px 52px rgba(15,23,42,.08);
}
#usato .used-sell-form-panel[hidden]{display:none!important}
#usato .used-sell-form-head{max-width:780px;margin-bottom:28px}
#usato .used-sell-form-head h3{
  margin:7px 0 10px;
  color:#0a1628;
  font-size:clamp(28px,3vw,42px);
  line-height:1.08;
}
#usato .used-sell-form-head p:last-child{margin:0;color:#64748b;font-size:16px;line-height:1.55}
#usato .used-sell-form{max-width:none}
#usato .used-sell-form textarea{min-height:140px}
#usato .used-sell-file-field{
  display:flex;
  flex-direction:column;
  gap:9px;
  color:#0a1628;
  font-weight:800;
}
#usato .used-sell-file-field input[type='file']{
  width:100%;
  min-height:54px;
  padding:10px 12px;
  border:1px solid #d8e0e8;
  border-radius:13px;
  background:#f8fafc;
  color:#334155;
  font:inherit;
  font-weight:500;
}
#usato .used-sell-file-field input[type='file']::file-selector-button{
  margin-right:12px;
  padding:10px 14px;
  border:0;
  border-radius:9px;
  background:#245f36;
  color:#fff;
  font-weight:850;
  cursor:pointer;
}
#usato .used-sell-file-field small{color:#64748b;font-size:12px;line-height:1.5;font-weight:500}
#usato .used-sell-submit{background:#245f36!important}
#usato .used-sell-submit:hover{background:#174b29!important}
#usato .used-sell-whatsapp{
  display:inline-flex;
  margin-top:4px;
  color:#245f36;
  font-size:14px;
  font-weight:850;
  text-decoration:none;
}
#usato .used-sell-whatsapp:hover{text-decoration:underline}

@media(max-width:900px){
  #usato .used-sell-card{grid-template-columns:1fr}
  #usato .used-sell-checklist{max-width:none}
}
@media(max-width:760px){
  #usato .used-sell-section{padding:22px 0 8px}
  #usato .used-sell-section .page{padding-top:0!important;padding-bottom:0!important}
  #usato .used-sell-card{
    gap:20px;
    padding:24px 20px;
    border-radius:22px;
  }
  #usato .used-sell-intro h2{font-size:34px;line-height:1.04}
  #usato .used-sell-text{font-size:16px;line-height:1.58}
  #usato .used-sell-options{gap:7px;margin:20px 0 16px}
  #usato .used-sell-options span{min-height:32px;padding:6px 10px;font-size:11px}
  #usato .used-sell-toggle{width:100%;justify-content:center}
  #usato .used-sell-checklist{padding:21px;border-radius:18px}
  #usato .used-sell-checklist h3{font-size:23px}
  #usato .used-sell-checklist li{font-size:14px}
  #usato .used-sell-form-panel{margin-top:12px;padding:24px 18px;border-radius:21px}
  #usato .used-sell-form-head{margin-bottom:22px}
  #usato .used-sell-form .form-row{grid-template-columns:1fr!important}
  #usato .used-sell-form input,
  #usato .used-sell-form select,
  #usato .used-sell-form textarea{font-size:16px!important}
}

/* =========================================================
   v279 — DESKTOP: PRIMA SEZIONE PIÙ VICINA ALLA HERO
   Riduce e uniforma lo spazio verticale dopo la hero nelle
   pagine interne indicate. Mobile invariato.
   ========================================================= */
@media (min-width: 901px){
  /* Distanza visiva comune: 44 px tra fine hero e primo contenuto. */
  #angelo .ap-trust{
    padding-top:44px !important;
  }

  #soluzioni > .container.page{
    padding-top:44px !important;
  }

  #usato .catalog-listings-section,
  #outlet .catalog-listings-section,
  #vendita-online .catalog-listings-section{
    padding-top:44px !important;
  }

  /* Evita la somma tra il padding della sezione e quello generico .page. */
  #usato .catalog-listings-section > .container.page,
  #outlet .catalog-listings-section > .container.page,
  #vendita-online .catalog-listings-section > .container.page{
    padding-top:0 !important;
  }

  #ricambi .ricambi-page{
    padding-top:44px !important;
  }
}

/* v280 — icone moderne Condividi/Stampa negli annunci */
.detail-share-btn .detail-action-icon,.detail-flyer-btn .detail-action-icon{width:19px;height:19px;display:block;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.detail-share-btn span,.detail-flyer-btn span{display:inline-block}

/* =========================================================
   v281 — DESKTOP: DISTANZA DOPO HERO COME ANGELO PO/SOLUZIONI
   Uniforma l'inizio del primo contenuto a 44 px dalla hero.
   Mobile invariato.
   ========================================================= */
@media (min-width: 901px){
  /* Cataloghi: elimina il margine aggiuntivo dei filtri che si sommava
     al padding della sezione e creava un grande spazio bianco. */
  #usato .catalog-listings-section,
  #outlet .catalog-listings-section,
  #vendita-online .catalog-listings-section{
    padding-top:44px !important;
  }

  #usato .catalog-listings-section > .container.page,
  #outlet .catalog-listings-section > .container.page,
  #vendita-online .catalog-listings-section > .container.page{
    padding-top:0 !important;
  }

  #usato .catalog-listings-section .used-filter-bar,
  #outlet .catalog-listings-section .used-filter-bar,
  #vendita-online .catalog-listings-section .used-filter-bar{
    margin-top:0 !important;
  }

  /* Ricambi: forza il contenuto iniziale alla stessa distanza delle
     sezioni Angelo Po e Soluzioni, neutralizzando vecchie spaziature. */
  #ricambi > .container.page.ricambi-page{
    padding-top:44px !important;
    margin-top:0 !important;
  }

  #ricambi .ricambi-header{
    padding-top:0 !important;
    margin-top:0 !important;
  }
}

/* v282 — collegamenti alternativi per foto proposta usato */
.used-sell-alt-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 18px;
  align-items:center;
}
@media (max-width:700px){
  .used-sell-alt-links{display:grid;gap:10px}
}

/* v283 — validazione moduli più evidente e stati semaforici */
@media (min-width: 701px){
  #ricambi .ricambi-row.ricambi-row-single{grid-template-columns:1fr 1fr}
  #ricambi .ricambi-row.ricambi-row-single>label{grid-column:1 / -1}
}
.form-validation-active input:invalid,
.form-validation-active select:invalid,
.form-validation-active textarea:invalid,
input.field-invalid,
select.field-invalid,
textarea.field-invalid{
  border-color:#dc2626!important;
  box-shadow:0 0 0 3px rgba(220,38,38,.14)!important;
  background:#fff7f7!important;
}
label.field-invalid>span,
.form-validation-active label:has(input:invalid)>span,
.form-validation-active label:has(select:invalid)>span,
.form-validation-active label:has(textarea:invalid)>span{
  color:#b91c1c!important;
  font-weight:800!important;
}
.form-success.form-status-success,
.form-error.form-status-success{
  display:block;
  background:#ecfdf3!important;
  border:1px solid #86efac!important;
  color:#166534!important;
  border-radius:12px;
  padding:13px 16px;
  font-weight:800;
}
.form-success.form-status-warning,
.form-error.form-status-warning{
  display:block;
  background:#fffbeb!important;
  border:1px solid #fbbf24!important;
  color:#92400e!important;
  border-radius:12px;
  padding:13px 16px;
  font-weight:800;
}
.form-success.form-status-error,
.form-error.form-status-error{
  display:block;
  background:#fef2f2!important;
  border:1px solid #fca5a5!important;
  color:#b91c1c!important;
  border-radius:12px;
  padding:13px 16px;
  font-weight:800;
}

/* v284 — validazione visibile su desktop e mobile */
.form-validation-active input[type="checkbox"]:invalid,
input[type="checkbox"].field-invalid{
  outline:3px solid rgba(220,38,38,.28)!important;
  outline-offset:3px;
  accent-color:#dc2626;
}
.form-validation-active label:has(input[type="checkbox"]:invalid),
label.field-invalid:has(input[type="checkbox"]){
  color:#b91c1c!important;
  background:#fff7f7;
  border-radius:8px;
  padding:7px 9px;
}
@media (max-width:700px){
  .form-success.form-status-success,
  .form-success.form-status-warning,
  .form-error.form-status-error{
    font-size:14px;
    line-height:1.45;
  }
}

/* v288 — allineamento privacy nel modulo Ricerca ricambi */
#ricambi .ricambi-privacy-check{
  margin:0!important;
  padding:18px 38px!important;
  border-top:1px solid #e4eaf2;
  border-bottom:1px solid #e4eaf2;
  background:#fff;
  box-sizing:border-box;
}
.contact-privacy-check .privacy-inline-link{
  grid-column:2;
  justify-self:start;
  margin:3px 0 0!important;
}
@media(max-width:760px){
  #ricambi .ricambi-privacy-check{padding:18px 22px!important;}
}

/* =========================================================
   v289 — ANNUNCI UNIFORMI + NESSUNO SCROLL ORIZZONTALE
   Desktop: Email + WhatsApp; sotto Condividi + Stampa.
   Mobile: Email; sotto Chiama + WhatsApp; sotto Condividi + Stampa.
   ========================================================= */
html,body{
  width:100%;
  max-width:100%;
  overflow-x:hidden;
}

.used-detail-modal,
.used-detail-box,
.used-detail-content,
.used-detail-gallery,
.used-detail-info,
.used-related-wrap,
.online-shipping-note{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

.used-detail-box{
  overflow-y:auto!important;
  overflow-x:hidden!important;
  overscroll-behavior-x:none;
}

.used-detail-content{
  width:100%;
}

.used-detail-gallery,
.used-detail-info{
  width:100%;
  overflow-wrap:anywhere;
}

.used-detail-main,
.used-detail-gallery img{
  max-width:100%;
}

.used-detail-thumbs{
  width:100%;
  max-width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}

.used-related-wrap{
  overflow:hidden;
}

.used-related-row{
  width:100%;
  max-width:100%;
  overscroll-behavior-inline:contain;
}

.online-shipping-modal-link,
.used-detail-info .desc,
.used-detail-info .subtitle{
  max-width:100%;
  overflow-wrap:anywhere;
}

.used-detail-actions.unified-detail-actions{
  display:block;
  width:100%;
  max-width:100%;
  margin-top:22px;
}

.detail-contact-actions,
.detail-utility-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  width:100%;
  max-width:100%;
}

.detail-utility-actions{
  margin-top:10px;
}

.detail-contact-actions>a,
.detail-utility-actions>button{
  width:100%;
  min-width:0;
  min-height:50px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  box-sizing:border-box;
  white-space:normal;
  line-height:1.2;
}

.detail-call-btn{
  display:none!important;
  padding:13px 18px;
  border-radius:999px;
  font-weight:800;
  font-size:15px;
  text-decoration:none;
  background:#fff;
  color:#111827;
  border:1.5px solid #cbd5e1;
  cursor:pointer;
}

.detail-label-mobile{
  display:none;
}

@media(max-width:700px){
  .used-detail-modal{
    max-width:100vw!important;
    overflow:hidden!important;
  }

  .used-detail-box{
    max-width:calc(100vw - 20px)!important;
    width:calc(100vw - 20px)!important;
  }

  .used-detail-info,
  .used-detail-gallery{
    padding-left:18px!important;
    padding-right:18px!important;
  }

  .used-detail-actions.unified-detail-actions{
    display:block!important;
  }

  .detail-contact-actions,
  .detail-utility-actions{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:9px!important;
  }

  .detail-email-btn{
    grid-column:1 / -1;
  }

  .detail-call-btn{
    display:inline-flex!important;
  }

  .detail-label-desktop{
    display:none;
  }

  .detail-label-mobile{
    display:inline;
  }

  .detail-contact-actions>a,
  .detail-utility-actions>button{
    min-height:54px;
    padding:12px 10px!important;
    font-size:14px!important;
  }

  .detail-share-btn,
  .detail-flyer-btn{
    gap:6px!important;
  }
}


/* =========================================================
   v291 — NOTA PREZZI, IVA E SERVIZI ESCLUSI NEGLI ANNUNCI
   Visibile sotto il prezzo nei dettagli di Seconda Mano,
   Outlet e Vendita Online, su desktop e mobile.
   ========================================================= */
.detail-price-exclusions{
  display:flex;
  align-items:flex-start;
  gap:9px;
  margin:8px 0 18px;
  padding:10px 12px;
  border:1px solid #e2e8f0;
  border-radius:10px;
  background:#f8fafc;
  color:#64748b;
  font-size:12.5px;
  line-height:1.48;
  font-weight:600;
}
.detail-price-exclusions-icon{
  flex:0 0 18px;
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-top:1px;
  border:1.5px solid currentColor;
  border-radius:50%;
  font-size:11px;
  line-height:1;
  font-weight:800;
  font-family:Arial,sans-serif;
}
@media(max-width:700px){
  .detail-price-exclusions{
    gap:8px;
    margin:8px 0 16px;
    padding:9px 10px;
    font-size:11.5px;
    line-height:1.45;
  }
  .detail-price-exclusions-icon{
    flex-basis:17px;
    width:17px;
    height:17px;
    font-size:10px;
  }
}


/* v292 — riepilogo spedizione Vendita Online più compatto */
.used-detail-modal.is-online .online-shipping-note{
  gap:4px;
  padding:11px 14px;
  margin-bottom:14px;
}
.used-detail-modal.is-online .online-shipping-note strong{
  font-size:14px;
}
.used-detail-modal.is-online .online-shipping-note span{
  line-height:1.4;
}
@media(max-width:700px){
  .used-detail-modal.is-online .online-shipping-note{
    padding:11px 13px;
    border-radius:12px;
  }
}

/* =========================================================
   v293 — DETTAGLIO ANNUNCIO MOBILE CON BARRE FISSE
   Mobile: barra superiore Esci/Condividi/Stampa e barra
   inferiore Email/Chiama/WhatsApp. Desktop invariato.
   ========================================================= */
.mobile-detail-topbar,
.mobile-detail-contactbar{
  display:none;
}

@media(max-width:700px){
  .used-detail-modal.open ~ .wa-fixed{
    display:none!important;
  }

  .used-detail-modal .used-detail-close{
    display:none!important;
  }

  .used-detail-modal .used-detail-box{
    max-height:calc(100dvh - 20px)!important;
    padding:0!important;
    scroll-padding-top:72px;
    scroll-padding-bottom:92px;
  }

  .used-detail-mobile-scroll-padding{
    padding-top:68px;
    padding-bottom:88px;
  }

  .used-detail-actions.unified-detail-actions{
    display:none!important;
  }

  .mobile-detail-topbar{
    position:fixed;
    z-index:10018;
    top:10px;
    left:10px;
    right:10px;
    min-height:58px;
    padding:8px 10px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    border-bottom:1px solid rgba(148,163,184,.35);
    border-radius:20px 20px 0 0;
    background:rgba(255,255,255,.92);
    box-shadow:0 8px 24px rgba(15,23,42,.10);
    backdrop-filter:blur(16px) saturate(150%);
    -webkit-backdrop-filter:blur(16px) saturate(150%);
    box-sizing:border-box;
  }

  .mobile-detail-exit,
  .mobile-detail-top-action{
    appearance:none;
    border:0;
    background:transparent;
    color:#111827;
    font:inherit;
    font-weight:800;
    cursor:pointer;
    min-height:40px;
    border-radius:12px;
  }

  .mobile-detail-exit{
    padding:0 10px;
    font-size:15px;
  }

  .mobile-detail-top-actions{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:2px;
  }

  .mobile-detail-top-action{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:5px;
    padding:0 8px;
    font-size:12.5px;
    white-space:nowrap;
  }

  .mobile-detail-top-action .detail-action-icon{
    width:20px;
    height:20px;
  }

  .mobile-detail-contactbar{
    position:fixed;
    z-index:10018;
    left:10px;
    right:10px;
    bottom:max(10px, env(safe-area-inset-bottom));
    min-height:70px;
    padding:8px;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:7px;
    border-top:1px solid rgba(148,163,184,.35);
    border-radius:0 0 20px 20px;
    background:rgba(255,255,255,.94);
    box-shadow:0 -10px 28px rgba(15,23,42,.12);
    backdrop-filter:blur(16px) saturate(150%);
    -webkit-backdrop-filter:blur(16px) saturate(150%);
    box-sizing:border-box;
  }

  .mobile-detail-contact{
    min-width:0;
    min-height:52px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    border:1px solid #dbe2ea;
    border-radius:14px;
    color:#0f172a;
    background:#fff;
    text-decoration:none;
    font-size:11.5px;
    line-height:1;
    font-weight:800;
    box-sizing:border-box;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-detail-contact svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.9;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  .mobile-detail-email{
    background:#0f172a;
    border-color:#0f172a;
    color:#fff;
  }

  .mobile-detail-whatsapp{
    background:#22c965;
    border-color:#22c965;
    color:#fff;
  }

  .mobile-detail-call{
    background:#fff;
    color:#0f172a;
  }

  .used-detail-modal.is-online .online-shipping-note{
    margin-top:18px;
    margin-bottom:0;
  }
}

@media(max-width:360px){
  .mobile-detail-top-action{
    padding:0 6px;
    font-size:11.5px;
  }
  .mobile-detail-contact{
    font-size:10.5px;
  }
}

/* =========================================================
   v298 — Eyebrow hero Home ad alto contrasto
   Più leggibile sui fondi video, soprattutto su mobile.
   ========================================================= */
#home .hm-hero-eyebrow{
  display:inline-flex!important;
  align-items:center!important;
  width:max-content!important;
  max-width:100%!important;
  padding:9px 14px 8px!important;
  border:1px solid rgba(237,190,79,.52)!important;
  border-radius:999px!important;
  background:rgba(4,15,37,.70)!important;
  color:#fff8e6!important;
  text-shadow:0 1px 8px rgba(0,0,0,.82)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.22), inset 0 0 0 1px rgba(255,255,255,.05)!important;
  -webkit-backdrop-filter:blur(8px) saturate(120%);
  backdrop-filter:blur(8px) saturate(120%);
  white-space:nowrap;
}

@media(max-width:700px){
  #home .hm-hero-eyebrow{
    padding:8px 11px 7px!important;
    font-size:clamp(10px,2.8vw,12px)!important;
    line-height:1.25!important;
    letter-spacing:.12em!important;
    background:rgba(3,13,33,.82)!important;
    border-color:rgba(242,197,91,.62)!important;
    box-shadow:0 7px 20px rgba(0,0,0,.30), inset 0 0 0 1px rgba(255,255,255,.06)!important;
  }
}

@media(max-width:350px){
  #home .hm-hero-eyebrow{
    white-space:normal;
    text-wrap:balance;
  }
}



/* v304 — uniformità pagine interne e richieste 04/08/2026 */
@media (min-width:1025px){
  /* Contatti usa la stessa larghezza utile delle altre pagine interne */
  #contatti .contact-shell{width:min(1280px,100%)!important;padding-left:48px!important;padding-right:48px!important;box-sizing:border-box}

  /* CTA finali uniformi: Soluzioni → Ricerca ricambi */
  #soluzioni .sol-final-cta,
  #angelo .ap-final-cta,
  #usato .catalog-final-cta,
  #outlet .catalog-final-cta,
  #vendita-online .catalog-final-cta,
  #ricambi .ricambi-final-cta{
    width:100%!important;
    max-width:1040px!important;
    min-height:390px!important;
    margin-left:auto!important;
    margin-right:auto!important;
    padding:58px 64px!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    box-sizing:border-box!important;
  }
}

/* Ricerca ricambi più snella */
#ricambi .ricambi-layout{grid-template-columns:minmax(0,1fr)!important;max-width:980px;margin-left:auto;margin-right:auto}
#ricambi .ricambi-form-card{overflow:hidden}
#ricambi .ricambi-form-card > .ricambi-form{border-top:0}
#ricambi .ricambi-final-actions .btn-dark{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}
#ricambi .ricambi-final-actions .btn-dark:hover{background:#15803d!important;border-color:#15803d!important}

/* Newsletter: link privacy trasparente e bianco */
.catalog-final-cta .newsletter-privacy-check .privacy-inline-link{
  background:transparent!important;
  border:0!important;
  color:#fff!important;
  box-shadow:none!important;
  padding:0!important;
  text-decoration:underline!important;
}
.catalog-final-cta .newsletter-privacy-check .privacy-inline-link:hover{color:rgba(255,255,255,.78)!important}

/* Seconda Mano: area in cui il cliente vende, distinta dal verde commerciale */
#usato .used-sell-section{background:linear-gradient(180deg,#f6f3ee 0%,#eee7dc 100%)!important}
#usato .used-sell-card{border-color:rgba(132,88,34,.22)!important;background:linear-gradient(135deg,#fff 0%,#fbf7f0 58%,#f2e8d9 100%)!important}
#usato .used-sell-eyebrow,#usato .used-sell-check-eyebrow{color:#8a5a22!important}
#usato .used-sell-toggle{background:#8a5a22!important;border-color:#8a5a22!important;color:#fff!important}

/* Outlet desktop: riquadro informativo meno alto */
@media (min-width:901px){
  #outlet .outlet-info-section{padding:48px 0!important}
  #outlet .used-search-cta{padding-top:30px!important;padding-bottom:30px!important}
}

/* Mobile: niente stampa annunci */
@media (max-width:700px){
  .used-detail-actions .detail-flyer-btn,
  .used-detail-actions-online .detail-flyer-btn,
  [data-flyer-btn]{display:none!important}
}


/* =========================================================
   v305 — correzioni puntuali 04/08/2026
   ========================================================= */

/* Ricerca ricambi: il modulo usa la stessa larghezza del blocco introduttivo */
#ricambi .ricambi-header,
#ricambi .ricambi-layout{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}
#ricambi .ricambi-form-card{width:100%!important;max-width:none!important}

/* Testo e link privacy completamente bianchi nelle CTA newsletter */
#usato .catalog-final-cta .newsletter-privacy-check,
#outlet .catalog-final-cta .newsletter-privacy-check,
#vendita-online .catalog-final-cta .newsletter-privacy-check,
#usato .catalog-final-cta .newsletter-privacy-check span,
#outlet .catalog-final-cta .newsletter-privacy-check span,
#vendita-online .catalog-final-cta .newsletter-privacy-check span,
#usato .catalog-final-cta .newsletter-privacy-check .privacy-inline-link,
#outlet .catalog-final-cta .newsletter-privacy-check .privacy-inline-link,
#vendita-online .catalog-final-cta .newsletter-privacy-check .privacy-inline-link{
  color:#fff!important;
}

/* La nota spedizione non deve apparire negli annunci Vendita Online */
.used-detail-modal .online-shipping-note{display:none!important}

/* Outlet desktop: card informativa realmente più compatta */
@media (min-width:901px){
  #outlet .outlet-info-section{padding:24px 0!important}
  #outlet .outlet-info-section .value-card{padding:28px 34px!important;min-height:0!important}
  #outlet .outlet-info-section .value-grid{grid-template-columns:260px 1fr!important;gap:34px!important}
  #outlet .outlet-info-section .value-grid>div:first-child img{
    width:230px!important;height:105px!important;max-width:230px!important;object-fit:contain!important
  }
  #outlet .outlet-info-section .value-grid h2{font-size:29px!important;margin:7px 0 10px!important}
  #outlet .outlet-info-section .value-grid>div:last-child>p.muted{font-size:15px!important;line-height:1.5!important}
  #outlet .outlet-info-section .value-grid .cards.three{margin-top:14px!important}
  #outlet .outlet-info-section .value-grid .cards.three .card.pad{padding:13px 16px!important;min-height:72px!important}
}


/* v316 - esempi e spiegazioni nei moduli pubblici */
.site-form input::placeholder,
.site-form textarea::placeholder,
.ricambi-form input::placeholder,
.ricambi-form textarea::placeholder,
.catalog-newsletter-form input::placeholder,
.online-req-form input::placeholder,
.online-req-form textarea::placeholder{
  color:#8a94a3;
  opacity:1;
}
.site-form select:required:invalid,
.ricambi-form select:required:invalid{
  color:#8a94a3;
}
.site-form select option,
.ricambi-form select option{
  color:#111827;
}

/* v320 — Google Maps pagina Contatti: caricamento affidabile anche su Android */
#contatti .contact-map-wrap{position:relative;isolation:isolate}
#contatti .contact-map-wrap iframe{position:relative;z-index:1;background:#eef2f5}
#contatti .contact-map-loader{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;padding:24px;color:#526173;font-size:15px;font-weight:750;text-align:center;background:linear-gradient(135deg,#eef2f5,#e4e9ee)}
#contatti .contact-map-wrap.map-ready .contact-map-loader{display:none}
#contatti .contact-map-fallback{position:absolute;right:16px;bottom:16px;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid rgba(7,22,44,.14);border-radius:999px;background:rgba(255,255,255,.96);color:#07162c;font-size:14px;font-weight:850;box-shadow:0 8px 24px rgba(15,23,42,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#contatti .contact-map-fallback:hover{background:#fff;transform:translateY(-1px)}
@media(max-width:560px){#contatti .contact-map-fallback{right:12px;bottom:12px;left:12px;min-height:46px;padding:10px 14px;font-size:13px}}


/* v323 — Angelo Po: CTA gamma leggibile su mobile */
@media(max-width:760px){
  #angelo .ap-center-action .ap-range-cta{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    gap:3px !important;
    width:100% !important;
    min-height:78px;
    padding:15px 20px !important;
    text-align:center !important;
    white-space:normal !important;
    line-height:1.25 !important;
  }
  #angelo .ap-range-cta > span{
    display:block !important;
    width:100%;
    text-align:center;
  }
}


/* =========================================================
   v331 — CAROSELLO FOTO MOBILE NELL’ANNUNCIO E NELLA GALLERIA + 10 FOTO
   Base grafica v323. Desktop e stampa A4 restano invariati.
   ========================================================= */
.detail-photo-note-mobile,
.detail-price-exclusions-mobile,
.mobile-photo-gallery-view,
.mobile-photo-counter,
.mobile-detail-photo-carousel,
.mobile-detail-photo-carousel-empty{
  display:none;
}

.used-detail-main-wrap{
  position:relative;
  width:100%;
}

@media(max-width:700px){
  html.mobile-product-modal-open,
  body.mobile-product-modal-open{
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body.mobile-product-modal-open{
    position:fixed!important;
    left:0!important;
    right:0!important;
    width:100%!important;
  }

  .used-detail-modal.open{
    display:block!important;
    inset:0!important;
    padding:0!important;
    background:#fff!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  .used-detail-modal.open .used-detail-box{
    position:fixed!important;
    inset:0!important;
    width:100vw!important;
    max-width:none!important;
    height:100dvh!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    border:0!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    overscroll-behavior-y:contain!important;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-y;
    scroll-padding-top:70px;
    scroll-padding-bottom:96px;
  }

  .used-detail-modal.open ~ .wa-fixed{
    display:none!important;
  }

  .used-detail-modal:not(.is-qr-unavailable) .used-detail-close{
    display:none!important;
  }

  .used-detail-modal.is-qr-unavailable .used-detail-close{
    display:flex!important;
    position:fixed!important;
    top:12px!important;
    right:12px!important;
    z-index:10030!important;
  }

  .used-detail-mobile-scroll-padding{
    padding-top:66px!important;
    padding-bottom:102px!important;
  }

  .mobile-detail-topbar{
    position:fixed!important;
    z-index:10028!important;
    top:0!important;
    left:0!important;
    right:0!important;
    min-height:62px!important;
    padding:8px 18px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:10px!important;
    border:0!important;
    border-bottom:1px solid #e2e8f0!important;
    border-radius:0!important;
    background:rgba(255,255,255,.97)!important;
    box-shadow:0 4px 16px rgba(15,23,42,.07)!important;
    backdrop-filter:blur(16px) saturate(145%)!important;
    -webkit-backdrop-filter:blur(16px) saturate(145%)!important;
    box-sizing:border-box!important;
  }

  /* Mantiene dimensioni e tipografia della barra v323. */
  .mobile-detail-exit{
    padding:0 10px!important;
    font-size:15px!important;
  }

  .mobile-detail-top-action{
    min-height:40px!important;
    padding:0 8px!important;
    gap:5px!important;
    font-size:12.5px!important;
  }

  .mobile-detail-top-action .detail-action-icon{
    width:20px!important;
    height:20px!important;
  }

  .mobile-detail-contactbar{
    position:fixed!important;
    z-index:10028!important;
    left:12px!important;
    right:12px!important;
    bottom:max(10px, env(safe-area-inset-bottom))!important;
    min-height:0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
    pointer-events:none;
    box-sizing:border-box!important;
  }

  /* I tre pulsanti mantengono la grafica della v323; scompare solo la barra. */
  .mobile-detail-contact{
    min-height:52px!important;
    gap:3px!important;
    border-radius:14px!important;
    font-size:11.5px!important;
    box-shadow:0 7px 20px rgba(15,23,42,.14)!important;
    pointer-events:auto;
  }

  .mobile-detail-contact svg{
    width:21px!important;
    height:21px!important;
  }

  .used-detail-content{
    display:block!important;
    width:100%!important;
  }

  .used-detail-gallery{
    padding:12px 16px 8px!important;
    background:#f5f7fa!important;
  }

  .used-detail-main-wrap-desktop{
    display:none!important;
  }

  .mobile-detail-photo-carousel{
    position:relative;
    display:block!important;
    width:100%;
    height:clamp(205px,26dvh,245px);
    overflow:hidden;
    border-radius:18px;
    background:#fff;
    box-shadow:0 1px 0 rgba(15,23,42,.02);
  }

  .mobile-detail-photo-track{
    width:100%;
    height:100%;
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x;
    scrollbar-width:none;
  }

  .mobile-detail-photo-track::-webkit-scrollbar{
    display:none;
  }

  .mobile-detail-photo-slide{
    flex:0 0 100%;
    width:100%;
    height:100%;
    min-width:100%;
    margin:0;
    padding:5px;
    display:flex;
    align-items:center;
    justify-content:center;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    border:0;
    border-radius:18px;
    background:#fff;
    cursor:zoom-in;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-detail-photo-slide img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    border-radius:15px;
    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
  }

  .mobile-detail-photo-carousel-empty{
    height:220px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:18px!important;
    background:#fff!important;
    color:#94a3b8!important;
    font-size:14px!important;
  }

  .mobile-photo-counter{
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:3;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:46px;
    height:30px;
    padding:0 9px;
    border:1px solid rgba(255,255,255,.82);
    border-radius:9px;
    background:rgba(15,23,42,.82);
    color:#fff;
    font-size:12px;
    line-height:1;
    font-weight:900;
    box-shadow:0 5px 14px rgba(15,23,42,.18);
  }

  .detail-war-medallion{
    width:64px!important;
    height:64px!important;
    top:22px!important;
    left:24px!important;
  }

  .used-detail-thumbs{
    display:none!important;
  }

  .detail-photo-note-desktop,
  .detail-price-exclusions-desktop{
    display:none!important;
  }

  .used-detail-info{
    padding:14px 18px 30px!important;
  }

  .used-detail-info .public-used-code{
    margin-bottom:8px!important;
  }

  .used-detail-info h2{
    margin:8px 0 7px!important;
    font-size:clamp(27px,7.4vw,34px)!important;
    line-height:1.04!important;
    letter-spacing:-.035em!important;
  }

  .used-detail-info .subtitle{
    margin-bottom:11px!important;
    font-size:17px!important;
    line-height:1.25!important;
  }

  .used-detail-tags{
    margin:10px 0 11px!important;
    gap:6px!important;
  }

  .used-detail-tags span{
    padding:7px 10px!important;
    font-size:12px!important;
  }

  .used-detail-price-block{
    margin:10px 0 14px!important;
  }

  .detail-price-listino{
    font-size:16px!important;
  }

  .used-detail-price{
    font-size:clamp(30px,8.5vw,39px)!important;
    line-height:1.05!important;
  }

  .detail-price-savings{
    margin-top:7px!important;
    padding:7px 10px!important;
    font-size:13px!important;
  }

  .detail-price-rate{
    margin-top:7px!important;
    padding:6px 10px!important;
    font-size:12px!important;
  }

  .used-detail-info .desc{
    margin:18px 0 0!important;
  }

  .detail-photo-note-mobile{
    display:block!important;
    margin:22px 0 12px!important;
    padding-top:16px!important;
    border-top:1px solid #e2e8f0!important;
  }

  .detail-price-exclusions-mobile{
    display:flex!important;
    margin:0 0 18px!important;
  }

  .mobile-detail-top-actions .detail-flyer-btn,
  [data-flyer-btn]{
    display:none!important;
  }

  .mobile-photo-gallery-view{
    display:none;
    min-height:100dvh;
    padding:76px 12px 30px;
    background:#f3f4f6;
    box-sizing:border-box;
  }

  .used-detail-modal.mobile-gallery-mode .mobile-detail-primary-view{
    display:none!important;
  }

  .used-detail-modal.mobile-gallery-mode .mobile-photo-gallery-view{
    display:block!important;
  }

  .used-detail-modal.mobile-gallery-mode .mobile-detail-topbar{
    justify-content:flex-start!important;
  }

  .used-detail-modal.mobile-gallery-mode .mobile-detail-top-actions,
  .used-detail-modal.mobile-gallery-mode .mobile-detail-contactbar{
    display:none!important;
  }

  .used-detail-modal.mobile-gallery-mode .mobile-detail-exit{
    display:inline-flex!important;
    align-items:center!important;
    gap:7px!important;
    padding:0 8px!important;
    font-size:16px!important;
  }

  .used-detail-modal.mobile-gallery-mode .mobile-detail-exit::before{
    content:'‹';
    display:inline-block;
    font-size:32px;
    line-height:.8;
    font-weight:500;
    transform:translateY(-1px);
  }

  .mobile-photo-gallery-carousel{
    position:relative;
    width:100%;
    height:clamp(300px,56dvh,530px);
    overflow:hidden;
    border-radius:16px;
    background:#fff;
    box-shadow:0 8px 24px rgba(15,23,42,.08);
  }

  .mobile-photo-gallery-track{
    width:100%;
    height:100%;
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    touch-action:pan-x;
    scrollbar-width:none;
  }

  .mobile-photo-gallery-track::-webkit-scrollbar{
    display:none;
  }

  .mobile-photo-gallery-slide{
    flex:0 0 100%;
    width:100%;
    height:100%;
    min-width:100%;
    margin:0;
    padding:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:hidden;
    scroll-snap-align:start;
    scroll-snap-stop:always;
    border:0;
    border-radius:16px;
    background:#fff;
    cursor:zoom-in;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-photo-gallery-slide img{
    display:block;
    width:100%;
    height:100%;
    object-fit:contain;
    border-radius:12px;
    pointer-events:none;
    user-select:none;
    -webkit-user-drag:none;
  }

  .mobile-photo-gallery-track.has-zoomed-slide{
    overflow:hidden;
    touch-action:none;
  }

  .mobile-photo-gallery-slide.is-zoomed{
    display:block;
    overflow:auto;
    cursor:zoom-out;
    touch-action:pan-x pan-y pinch-zoom;
    -webkit-overflow-scrolling:touch;
  }

  .mobile-photo-gallery-slide.is-zoomed img{
    width:180%;
    height:auto;
    max-width:none;
    min-height:100%;
    object-fit:contain;
  }

  .mobile-photo-gallery-count{
    position:absolute;
    right:10px;
    bottom:10px;
    z-index:4;
    min-width:48px;
    padding:7px 9px;
    border-radius:9px;
    background:rgba(15,23,42,.84);
    color:#fff;
    text-align:center;
    font-size:12px;
    line-height:1;
    font-weight:900;
    pointer-events:none;
  }

  .mobile-photo-gallery-grid{
    display:flex;
    gap:7px;
    margin-top:8px;
    padding-bottom:2px;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
  }

  .mobile-photo-gallery-grid::-webkit-scrollbar{
    display:none;
  }

  .mobile-photo-gallery-grid button{
    position:relative;
    flex:0 0 92px;
    width:92px;
    aspect-ratio:1.25/1;
    min-width:92px;
    padding:0;
    overflow:hidden;
    border:2px solid transparent;
    border-radius:8px;
    background:#fff;
    cursor:pointer;
    -webkit-tap-highlight-color:transparent;
  }

  .mobile-photo-gallery-grid button.is-selected{
    border-color:#0f172a;
  }

  .mobile-photo-gallery-grid img{
    width:100%;
    height:100%;
    display:block;
    object-fit:cover;
  }

  .mobile-photo-gallery-empty{
    margin:80px 20px;
    color:#64748b;
    text-align:center;
  }
}

@media(max-width:380px){
  .mobile-detail-photo-carousel{
    height:195px;
  }
  .used-detail-info h2{
    font-size:25px!important;
  }
}

/* =========================================================
   v340 — CONTATTI PIÙ VISIBILE IN HEADER E MENU MOBILE
   Desktop: stesso blu e profondità della CTA primaria Home.
   Mobile: CTA Contatti più evidente nel menu hamburger.
   ========================================================= */
@media (min-width:1201px){
  header .actions .btn.primary{
    background:var(--hm-blue, #0000d8)!important;
    border:1px solid var(--hm-blue-deep, #00008f)!important;
    color:#fff!important;
    box-shadow:
      0 10px 24px rgba(0,0,216,.25),
      inset 0 1px 0 rgba(255,255,255,.24)!important;
    transition:transform .22s ease, box-shadow .22s ease, background .18s ease!important;
  }
  header .actions .btn.primary:hover{
    background:#0000c4!important;
    border-color:#000083!important;
    transform:translateY(-1px)!important;
    box-shadow:
      0 13px 28px rgba(0,0,216,.30),
      inset 0 1px 0 rgba(255,255,255,.28)!important;
  }
  header .actions .btn.primary:active{
    transform:translateY(0)!important;
    box-shadow:
      0 5px 14px rgba(0,0,216,.20),
      inset 0 1px 2px rgba(0,0,0,.14)!important;
  }
}

@media (max-width:1200px){
  .mobile-menu-footer .btn.primary{
    min-height:52px!important;
    padding:13px 22px!important;
    background:var(--hm-blue, #0000d8)!important;
    border:1px solid var(--hm-blue-deep, #00008f)!important;
    color:#fff!important;
    font-size:16px!important;
    font-weight:900!important;
    letter-spacing:.01em!important;
    justify-content:center!important;
    box-shadow:
      0 10px 24px rgba(0,0,216,.34),
      inset 0 1px 0 rgba(255,255,255,.24)!important;
  }
  .mobile-menu-footer .btn.primary:hover,
  .mobile-menu-footer .btn.primary:focus-visible{
    background:#0000c4!important;
    border-color:#000083!important;
    box-shadow:
      0 13px 28px rgba(0,0,216,.40),
      inset 0 1px 0 rgba(255,255,255,.28)!important;
  }
  .mobile-menu-footer .btn.primary:active{
    background:#0000b8!important;
    transform:translateY(1px)!important;
  }
}


/* v341 — Footer desktop: colori originali dei social al passaggio del mouse */
@media (hover:hover) and (pointer:fine){
  .socials a{
    transition:transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
  }
  .socials a:hover,
  .socials a:focus-visible{
    color:#fff;
    border-color:transparent;
    transform:translateY(-2px);
    box-shadow:0 8px 18px rgba(15,23,42,.18);
    outline:none;
  }
  .socials a[aria-label="Instagram"]:hover,
  .socials a[aria-label="Instagram"]:focus-visible{
    background:radial-gradient(circle at 30% 110%,#fdf497 0 12%,#fd5949 38%,#d6249f 63%,#285aeb 100%);
  }
  .socials a[aria-label="Facebook"]:hover,
  .socials a[aria-label="Facebook"]:focus-visible{
    background:#1877f2;
  }
  .socials a[aria-label="WhatsApp"]:hover,
  .socials a[aria-label="WhatsApp"]:focus-visible{
    background:#25d366;
  }
  .socials a[aria-label="LinkedIn"]:hover,
  .socials a[aria-label="LinkedIn"]:focus-visible{
    background:#0a66c2;
  }
}

/* =========================================================
   v343 — HEADER DESKTOP: HOVER E STATO ATTIVO PER OGNI PAGINA
   Ogni voce assume il colore della propria sezione al passaggio
   del mouse e lo mantiene quando la pagina è aperta.
   Il pulsante Contatti resta blu ma senza ombreggiatura.
   ========================================================= */
@media (min-width:1201px){
  header .links button{
    transform:none!important;
    transition:color .18s ease, background-color .18s ease, border-color .18s ease!important;
  }

  /* Home */
  header .links button[onclick*="'home'"]:hover,
  header .links button[onclick*="'home'"].active{
    color:#2563eb!important;
    background:#eff6ff!important;
  }

  /* Soluzioni */
  header .links button[onclick*="'soluzioni'"]:hover,
  header .links button[onclick*="'soluzioni'"].active{
    color:#0000d8!important;
    background:#eeeeff!important;
  }

  /* Angelo Po Trento */
  header .links button[onclick*="'angelo'"]:hover,
  header .links button[onclick*="'angelo'"].active{
    color:#c81d25!important;
    background:#fef2f2!important;
  }

  /* Seconda Mano */
  header .links button[onclick*="'usato'"]:hover,
  header .links button[onclick*="'usato'"].active{
    color:#4f7d37!important;
    background:#f0f7ec!important;
  }

  /* Outlet */
  header .links button[onclick*="'outlet'"]:hover,
  header .links button[onclick*="'outlet'"].active{
    color:#197eaf!important;
    background:#eff9fd!important;
  }

  /* Vendita Online */
  header .links button[onclick*="'vendita-online'"]:hover,
  header .links button[onclick*="'vendita-online'"].active{
    color:#a95631!important;
    background:#fcf3ee!important;
  }

  /* Ricerca ricambi */
  header .links button[onclick*="'ricambi'"]:hover,
  header .links button[onclick*="'ricambi'"].active{
    color:#92400e!important;
    background:#fef3c7!important;
  }

  /* Il lucchetto mantiene il comportamento dedicato. */
  header .links button[onclick*="area-riservata"]:hover{
    color:#0b1930!important;
    background:#eef3f9!important;
  }

  /* Contatti: blu, piatto, senza ombra. */
  header .actions .btn.primary,
  header .actions .btn.primary:hover,
  header .actions .btn.primary:focus-visible,
  header .actions .btn.primary:active{
    box-shadow:none!important;
  }
  header .actions .btn.primary:hover,
  header .actions .btn.primary:focus-visible{
    transform:none!important;
  }
}


/* v345 — menu hamburger mobile: lingue visibili, senza select */
@media (max-width:1200px){
  .mobile-menu-footer{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:14px!important;
    padding:18px 18px calc(18px + env(safe-area-inset-bottom))!important;
  }
  .mobile-lang-row{
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:8px!important;
    width:100%!important;
  }
  .mobile-lang-row button{
    appearance:none!important;
    border:0!important;
    background:none!important;
    color:rgba(255,255,255,.78)!important;
    font-family:Inter, Arial, sans-serif!important;
    font-size:15px!important;
    font-weight:800!important;
    letter-spacing:.03em!important;
    line-height:1!important;
    padding:8px 6px!important;
    min-width:0!important;
    flex:1 1 0!important;
    text-align:center!important;
    cursor:pointer!important;
    border-radius:10px!important;
    transition:color .18s ease, background .18s ease, opacity .18s ease!important;
  }
  .mobile-lang-row button:hover,
  .mobile-lang-row button:focus-visible{
    color:#fff!important;
    background:rgba(255,255,255,.08)!important;
    outline:none!important;
  }
  .mobile-lang-row button.active{
    color:#fff!important;
    background:rgba(255,255,255,.10)!important;
  }
  .mobile-menu-separator{
    width:100%!important;
    height:1px!important;
    background:rgba(255,255,255,.18)!important;
  }
  .mobile-menu-footer .btn.primary{
    width:100%!important;
    margin-top:0!important;
  }
}

/* v363 — sottocategorie solo Vendita Online */
#vendita-online .online-subcategory-filter-bar{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin:-18px 0 30px;
  padding:0;
}
#vendita-online .online-subcategory-btn{
  appearance:none;
  border:1px solid rgba(185,98,54,.28);
  background:#fff;
  color:#7f3f25;
  border-radius:12px;
  padding:11px 15px;
  font:inherit;
  font-size:14px;
  font-weight:800;
  cursor:pointer;
  transition:.18s ease;
}
#vendita-online .online-subcategory-btn:hover,
#vendita-online .online-subcategory-btn.active{
  background:#B96236;
  border-color:#B96236;
  color:#fff;
}
@media(max-width:700px){
  #vendita-online .online-subcategory-filter-bar{
    flex-wrap:nowrap;
    overflow-x:auto;
    gap:8px;
    margin:-10px 0 20px;
    padding:0 0 7px;
    scrollbar-width:none;
  }
  #vendita-online .online-subcategory-filter-bar::-webkit-scrollbar{display:none}
  #vendita-online .online-subcategory-btn{
    flex:0 0 auto;
    white-space:nowrap;
    min-height:40px;
    padding:9px 13px;
  }
}

/* v364 — catalogo gerarchico Vendita Online */
#vendita-online .online-listings-section .container.page{padding-top:42px}
#vendita-online .online-catalog-head{margin:0 0 28px}
#vendita-online .online-catalog-head h2{margin:4px 0 8px;font-size:clamp(28px,3vw,40px);line-height:1.08}
#vendita-online .online-catalog-head .muted{margin:0;font-size:16px}
#vendita-online .online-catalog-head-inner{margin-top:8px}
#vendita-online .online-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 14px}
#vendita-online .online-catalog-card{
  appearance:none;width:100%;min-height:168px;padding:22px;text-align:left;cursor:pointer;
  border:1px solid rgba(15,23,42,.11);border-radius:18px;background:#fff;color:#14202c;
  display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;
  box-shadow:0 10px 30px rgba(15,23,42,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
#vendita-online .online-catalog-card:hover{transform:translateY(-2px);border-color:rgba(185,98,54,.42);box-shadow:0 14px 34px rgba(15,23,42,.09)}
#vendita-online .online-catalog-card-kicker{display:block;color:#B96236;font-size:12px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;margin-bottom:16px}
#vendita-online .online-catalog-card-title{display:block;font-size:22px;font-weight:850;line-height:1.15;letter-spacing:-.02em}
#vendita-online .online-catalog-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;color:#64748b;font-size:14px;font-weight:700}
#vendita-online .online-catalog-card-arrow{width:34px;height:34px;border-radius:50%;background:#f7eee9;color:#9b4c2e;display:inline-flex;align-items:center;justify-content:center;font-size:19px;transition:.18s ease}
#vendita-online .online-catalog-card:hover .online-catalog-card-arrow{background:#B96236;color:#fff}
#vendita-online .online-catalog-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 22px;color:#7b8794;font-size:14px;font-weight:700}
#vendita-online .online-catalog-breadcrumb button{appearance:none;border:0;background:none;padding:0;color:#9b4c2e;font:inherit;cursor:pointer}
#vendita-online .online-catalog-breadcrumb button:hover{text-decoration:underline}
#vendita-online .online-catalog-breadcrumb strong{color:#273444}
#vendita-online .online-catalog-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px}
#vendita-online .online-back-link,#vendita-online .online-view-all-link{appearance:none;border:0;border-radius:10px;padding:9px 12px;font:inherit;font-size:14px;font-weight:800;cursor:pointer}
#vendita-online .online-back-link{background:#f2f4f6;color:#475569}
#vendita-online .online-back-subcategories{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;
  border:1px solid rgba(185,98,54,.34);background:#fbf4f0;color:#914525;
  box-shadow:0 4px 14px rgba(185,98,54,.08);transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
#vendita-online .online-back-subcategories:hover{background:#f7eee9;border-color:rgba(185,98,54,.52);box-shadow:0 6px 18px rgba(185,98,54,.12);transform:translateY(-1px)}
#vendita-online .online-view-all-link{background:#f7eee9;color:#8c4328}
#vendita-online .online-back-link:hover,#vendita-online .online-view-all-link:hover{filter:brightness(.97)}
@media(max-width:900px){#vendita-online .online-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){
  #vendita-online .online-listings-section .container.page{padding-top:28px}
  #vendita-online .online-catalog-grid{grid-template-columns:1fr;gap:12px}
  #vendita-online .online-catalog-card{min-height:132px;padding:18px;border-radius:15px}
  #vendita-online .online-catalog-card-title{font-size:20px}
  #vendita-online .online-catalog-card-bottom{margin-top:20px}
  #vendita-online .online-catalog-head{margin-bottom:20px}
  #vendita-online .online-catalog-head h2{font-size:28px}
  #vendita-online .online-catalog-breadcrumb{margin-bottom:16px;font-size:13px}
  #vendita-online .online-catalog-head-actions{width:100%;margin-top:14px}
  #vendita-online .online-back-subcategories{width:100%;min-height:46px;padding:11px 16px;font-size:15px}
}


/* v365 — barra macro-categorie invariata + card sottocategorie sotto la categoria selezionata */
#vendita-online .online-listings-section .used-filter-bar{
  display:flex;
  margin:0 0 30px;
}
#vendita-online .online-subcategory-grid{margin-top:2px}
#vendita-online .online-catalog-card{overflow:hidden;padding:0}
#vendita-online .online-catalog-card-content{
  min-height:168px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;
}
#vendita-online .online-catalog-card-media{
  display:block;width:100%;aspect-ratio:16/8;background:#f4f5f6;overflow:hidden;
}
#vendita-online .online-catalog-card-media img{width:100%;height:100%;object-fit:cover;display:block}
@media(max-width:600px){
  #vendita-online .online-listings-section .used-filter-bar{margin-bottom:20px!important}
  #vendita-online .online-catalog-card-content{min-height:132px;padding:18px}
}


/* =========================================================
   v387 — SECONDA MANO: HERO DESKTOP INTERMEDIA
   Il titolo più lungo non deve spingere le CTA fuori dalla
   hero quando la finestra è stretta ma ancora in layout desktop.
   Altezza hero, card e tutte le altre pagine restano invariate.
   ========================================================= */
@media (min-width:1201px){
  #usato .used-hero-final h1{
    font-size:clamp(52px,4.5vw,64px)!important;
  }
}
@media (min-width:1201px) and (max-width:1400px){
  #usato .used-hero-actions{
    margin-top:24px!important;
  }
}


/* v415 — loghi partner cliccabili */
.partner-card,
a.hm-brand,
.hm-brand-main-link{ cursor:pointer; }
a.hm-brand{ text-decoration:none; color:inherit; }
.hm-brand-main-link{ display:flex; align-items:center; justify-content:center; width:100%; text-decoration:none; }
.partner-card:focus-visible,
a.hm-brand:focus-visible,
.hm-brand-main-link:focus-visible{ outline:3px solid rgba(0,0,216,.35); outline-offset:3px; }


/* ══════════════════════════════════════════════════════════════
   v426 — Seconda Mano desktop compatto
   Su notebook / desktop non molto larghi il titolo va su più righe.
   La vecchia altezza fissa di 480px tagliava le CTA inferiori.
   Lasciamo quindi crescere SOLO la hero Seconda Mano in quella fascia.
   Mobile invariato; desktop ampio mantiene l'altezza originale.
   ══════════════════════════════════════════════════════════════ */
@media (min-width:761px) and (max-width:1450px){
  #usato.used-page .used-hero-final{
    height:auto !important;
    min-height:480px !important;
    max-height:none !important;
    overflow:hidden !important;
    padding-top:32px !important;
    padding-bottom:32px !important;
  }

  #usato.used-page .used-hero-final .hero-grid{
    height:auto !important;
    min-height:416px !important;
    align-items:center !important;
  }
}


/* =========================================================
   v431 — SECONDA MANO: H1 desktop intermedio più compatto
   Manteniamo invariato il testo. Sui desktop/notebook in cui
   la hero usa ancora due colonne, riduciamo solo il titolo
   per farlo occupare una riga in meno.
   Desktop ampio e mobile restano invariati.
   ========================================================= */
@media (min-width:1201px) and (max-width:1500px){
  #usato .used-hero-final h1{
    font-size:54px !important;
    line-height:1.00 !important;
  }
}


/* =========================================================
   v435 — DETTAGLIO ANNUNCIO DESKTOP
   La X resta visibile durante lo scroll del dettaglio.
   Mobile invariato: usa già la propria barra superiore.
   ========================================================= */
@media (min-width:701px){
  .used-detail-modal .used-detail-close{
    position:sticky !important;
    top:16px !important;
    right:auto !important;
    display:flex !important;
    align-items:center;
    justify-content:center;
    margin:16px 18px -58px auto !important;
    z-index:10020 !important;
  }
}