/* TORUNNO mobile campaign image — v2.
   This stylesheet must be at /assets/css/torunno-mobile-full-image.css.
   It changes ONLY the way the existing hero image is fitted; the hero's
   height, copy placement, button positions, category row, and products stay put. */
@media (max-width: 700px) {
  body main > section.classic-hero .classic-hero-image {
    background: #160e12 !important;
    overflow: hidden !important;
  }

  /* Override the older mobile-reference rule that used object-fit: cover.
     contain displays the complete 1836x857 artwork inside the same frame. */
  body main > section.classic-hero .classic-hero-image img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
    filter: none !important;
  }

  body main > section.classic-hero .classic-hero-image:hover img {
    transform: none !important;
  }
}