
/* SuperStampaSprint: replica del banner della Home (solo catalogo mobile).
 * CSS strettamente scoped: non modifica Home e desktop. */
@media only screen and (max-width: 767px) {
  main.sss-shop.sss-ci-shop section.sss-brand-hero.sss-old-hero-replaced {
    display: none !important;
  }
  main.sss-shop.sss-ci-shop .sss-repeated-home-hero {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    aspect-ratio: 2560 / 1097;
    margin: 15px 0 19px !important;
    padding: 0 !important;
    border-radius: 17px !important;
    overflow: hidden !important;
    isolation: isolate;
    background: #123769;
    box-sizing: border-box;
  }
  main.sss-shop.sss-ci-shop .sss-repeated-home-hero .sss-hhs__stage {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    height: 100% !important;
    width: 100% !important;
    overflow: hidden !important;
  }
  main.sss-shop.sss-ci-shop .sss-repeated-home-hero .sss-hhs__slide {
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: opacity .35s ease, visibility .35s ease;
    pointer-events: none;
  }
  main.sss-shop.sss-ci-shop .sss-repeated-home-hero .sss-hhs__slide.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto;
  }
  main.sss-shop.sss-ci-shop .sss-repeated-home-hero .sss-hhs__slide img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    margin: 0 !important;
  }
  main.sss-shop.sss-ci-shop .sss-repeated-home-hero .sss-hhs__arrow {
    display: flex !important;
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    min-height: 32px !important;
    margin: 0 !important;
    padding: 6px !important;
    border-radius: 50% !important;
    border: 1px solid rgba(255,255,255,.65) !important;
    background: rgba(255,255,255,.89) !important;
    color: #15376d !important;
    z-index: 2 !important;
    box-shadow: 0 1px 7px rgba(5,24,48,.08) !important;
    cursor: pointer;
  }
  main.sss-shop.sss-ci-shop .sss-repeated-home-hero .sss-hhs__arrow--prev { left: 9px !important; right: auto !important; }
  main.sss-shop.sss-ci-shop .sss-repeated-home-hero .sss-hhs__arrow--next { right: 9px !important; left: auto !important; }
  main.sss-shop.sss-ci-shop .sss-repeated-home-hero .sss-hhs__arrow svg {
    width: 20px !important;
    height: 20px !important;
    stroke: currentColor !important;
    stroke-width: 2 !important;
    fill: none !important;
  }
  main.sss-shop.sss-ci-shop .sss-repeated-home-hero .sss-hhs__dots {
    display: flex !important;
    position: absolute !important;
    left: 50% !important;
    bottom: 10px !important;
    transform: translateX(-50%) !important;
    z-index: 2 !important;
    gap: 6px !important;
    align-items: center !important;
    border-radius: 20px !important;
    padding: 6px 9px !important;
    background: rgba(40,51,71,.46) !important;
  }
  main.sss-shop.sss-ci-shop .sss-repeated-home-hero .sss-hhs__dot {
    width: 7px !important;
    height: 7px !important;
    min-height: 7px !important;
    min-width: 7px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: rgba(255,255,255,.58) !important;
    margin: 0 !important;
    padding: 0 !important;
    cursor: pointer;
  }
  main.sss-shop.sss-ci-shop .sss-repeated-home-hero .sss-hhs__dot.is-active {
    width: 23px !important;
    background: #fff !important;
  }
}
@media (prefers-reduced-motion: reduce) {
  main.sss-shop.sss-ci-shop .sss-repeated-home-hero .sss-hhs__slide { transition: none !important; }
}
