/* CASE2CASE HERO V3.1.3 MOBILE VISUAL — dedicated last stylesheet */
@media (max-width:767px){
  .c2c-v3-hero{
    padding:10px 10px 12px!important;
  }
  .c2c-v3-hero__layout{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"main" "mosaic"!important;
    gap:10px!important;
  }
  .c2c-v3-hero__main{
    grid-area:main!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:4/3!important;
    overflow:hidden!important;
    border-radius:16px!important;
    background:#ecebea!important;
    box-shadow:0 8px 24px rgba(17,17,17,.05)!important;
  }
  .c2c-v3-hero__main .c2c-v3-hero__slide{
    border-radius:inherit!important;
    overflow:hidden!important;
  }
  .c2c-v3-hero__main-link,
  .c2c-v3-hero__main-link picture,
  .c2c-v3-hero__main-link img{
    display:block!important;
    width:100%!important;
    height:100%!important;
  }
  .c2c-v3-hero__main-link img{
    object-fit:cover!important;
    object-position:center center!important;
    transform:none!important;
  }
  .c2c-v3-hero__shade{
    background:linear-gradient(180deg,rgba(0,0,0,0) 58%,rgba(0,0,0,.10) 78%,rgba(0,0,0,.24) 100%)!important;
  }
  .c2c-v3-hero__caption{
    left:14px!important;
    right:auto!important;
    bottom:14px!important;
    width:auto!important;
    max-width:78%!important;
    padding:10px 12px 11px!important;
    border:1px solid rgba(255,255,255,.24)!important;
    border-radius:13px!important;
    background:linear-gradient(135deg,rgba(8,8,10,.56),rgba(8,8,10,.24))!important;
    box-shadow:0 6px 20px rgba(0,0,0,.12)!important;
    text-shadow:0 1px 10px rgba(0,0,0,.42)!important;
  }
  .c2c-v3-hero__caption small{
    margin:0 0 5px!important;
    padding:0!important;
    background:none!important;
    border-radius:0!important;
    color:#fff!important;
    font-size:10px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:.13em!important;
    opacity:.88!important;
  }
  .c2c-v3-hero__caption strong{
    color:#fff!important;
    font-size:27px!important;
    line-height:1!important;
    font-weight:700!important;
    letter-spacing:-.018em!important;
  }
  .c2c-v3-hero__caption em{
    margin-top:9px!important;
    padding:7px 10px!important;
    border:1px solid rgba(255,255,255,.46)!important;
    border-radius:999px!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
    font-size:11px!important;
    line-height:1!important;
    font-weight:700!important;
  }
  .c2c-v3-hero__status{
    top:10px!important;
    right:10px!important;
    padding:6px 8px!important;
    background:rgba(15,15,15,.28)!important;
  }
  .c2c-v3-hero__dots{
    right:12px!important;
    bottom:14px!important;
  }
  .c2c-v3-hero__dots button{
    width:6px!important;
    height:6px!important;
  }
  .c2c-v3-hero__dots button.is-active{
    width:18px!important;
  }
  .c2c-v3-hero__mosaic{
    grid-area:mosaic!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:8px!important;
  }
  .c2c-v3-tile:nth-child(n+3){display:none!important}
}
@media (max-width:390px){
  .c2c-v3-hero__caption{max-width:82%!important;padding:9px 10px 10px!important}
  .c2c-v3-hero__caption strong{font-size:24px!important}
  .c2c-v3-hero__caption em{font-size:10px!important}
}