/* D'Oria Edilizia — nuova copertina SOLO per dispositivi mobili.
   Desktop e tutte le altre sezioni restano invariati. */
.mobile-hero-media,.mobile-hero-pagination{display:none}
@media(max-width:760px){
  .hero.shell{
    isolation:isolate;position:relative;overflow:hidden;
    width:100%;max-width:none;margin:0;
    padding:40px max(24px,calc((100vw - 480px)/2 + 24px)) 84px;
    display:flex;justify-content:center;align-items:center;
    min-height:var(--mobile-hero-height,690px);height:auto;
    background:#192b22;color:#fff;
  }
  .hero .mobile-hero-media{display:block;position:absolute;z-index:-1;inset:0;pointer-events:none}
  .mobile-hero-slides,.mobile-hero-video,.mobile-hero-shade{position:absolute;inset:0;width:100%;height:100%}
  .mobile-hero-slides{overflow:hidden}
  .mobile-hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.04);transition:opacity 1s ease,transform 6s ease;object-position:var(--mobile-hero-position,center);pointer-events:none}
  .mobile-hero-slide.is-active{opacity:1;transform:scale(1)}
  .mobile-hero-video{object-fit:cover;object-position:var(--mobile-hero-position,center);z-index:1}
  .mobile-hero-shade{z-index:2;background:linear-gradient(180deg,rgba(9,23,14,.38) 0%,rgba(9,23,14,var(--mobile-hero-opacity,.57)) 52%,rgba(9,23,14,.83) 100%)}
  .hero .hero-visual{display:none!important}
  .hero .hero-copy{position:relative;z-index:3;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;max-width:530px;width:100%;margin:0;padding:45px 0 58px;color:#fff}
  .hero .section-kicker{color:#e6f1e3;font-size:9px;letter-spacing:.13em;font-weight:700;line-height:1.8}
  .hero .section-kicker .kicker-line{background:#a3c879}
  .hero .hero-copy h1{color:#fff;line-height:1.09;letter-spacing:-.07em;font-size:clamp(45px,12.2vw,67px);margin:25px 0 23px;text-wrap:balance;text-shadow:0 2px 20px rgba(5,15,8,.12)}
  .hero .hero-copy h1 em{color:#c4eca4}
  .hero .hero-copy>p{color:#f0f4ed;font-size:14px;font-weight:500;line-height:1.75;max-width:400px;text-shadow:0 1px 12px rgba(0,0,0,.17)}
  .hero .hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin-top:30px}
  .hero .hero-actions .btn-primary{background:#fff;color:#173322;min-height:51px;padding:15px 18px;font-size:11px;box-shadow:0 3px 12px rgba(8,23,13,.18)}
  .hero .hero-actions .btn-primary:hover{background:#f1f7eb}
  .hero .hero-actions .text-link{color:#fff;border-bottom-color:rgba(255,255,255,.8);font-size:11px}
  .hero .hero-foot{position:absolute;left:0;right:0;bottom:-42px;display:flex;justify-content:space-between;gap:12px;font-size:8px;color:rgba(255,255,255,.80);letter-spacing:.08em;line-height:1.5}
  .hero .hero-foot *{color:inherit}
  .mobile-hero-pagination{position:absolute;z-index:4;bottom:84px;left:24px;right:24px;display:flex;justify-content:center;align-items:center;gap:7px;pointer-events:none}
  .mobile-hero-dot{height:3px;width:23px;background:rgba(255,255,255,.48);border-radius:3px;transition:width .4s,background .4s}
  .mobile-hero-dot.is-active{width:43px;background:#c7eca7}
}
@media(max-width:375px){.hero.shell{padding-left:21px;padding-right:21px}.hero .hero-copy h1{font-size:clamp(41px,12vw,51px)}.hero .hero-actions{gap:13px}.hero .hero-actions .text-link{font-size:10px}}
@media(prefers-reduced-motion:reduce){.mobile-hero-slide,.mobile-hero-dot{transition:none!important;transform:none!important}}