
@media (max-width: 767px) {
  
  h1, h2, h3, .lead, .section-lead, .eyebrow { text-wrap: balance; }
  p, li, figcaption { text-wrap: pretty; }

  
  .site-header .wrap { gap: 8px; padding: 0 12px; }
  .site-header .logo { margin-right: auto; }
  .site-header .ts-open { width: 56px; height: 44px; }
  .site-header .quote-count { min-width: 56px; height: 44px; padding: 0 10px; justify-content: center; box-sizing: border-box; }
  .site-header .nav-mobile summary { min-width: 56px; height: 44px; padding: 0 10px; display: flex; align-items: center; justify-content: center; box-sizing: border-box; }
  .site-header .nav-mobile { margin: 0; }
  .site-header .logo-svg { height: 20px; }
  @media (max-width: 375px) {
    .site-header .logo-svg { height: 16px; }
    .site-header .wrap { gap: 6px; padding: 0 10px; }
    .site-header .quote-count { padding: 0 8px; }
  }

  
  .hero-media { aspect-ratio: auto; height: auto; overflow: visible; display: flex; flex-direction: column; }
  .hero-poster { flex: none; width: 100%; height: auto !important; aspect-ratio: 4 / 5; overflow: hidden; }
  .hero-media .hs-nota { position: static; order: 2; margin: 8px var(--gutter, 1.5rem) 16px; max-width: none; font-size: .875rem; line-height: 1.4; color: #55555a; text-align: left; }

  
  .beneficii .wrap { padding-top: 0; }
  .ben-grid { gap: 6px; }
  .ben { display: grid; grid-template-columns: 36px minmax(0, 1fr); column-gap: 12px; row-gap: 2px; align-items: start; padding: 10px 12px; }
  .ben-ico { grid-column: 1; grid-row: 1 / span 4; width: 32px; height: 32px; margin: 2px 0 0; }
  .ben h3 { grid-column: 2; font-size: 1.0625rem; line-height: 1.25; }
  .ben p { grid-column: 2; font-size: .9375rem; line-height: 1.4; }
  main .ben p > a:only-child:not(.btn) { min-height: 0; display: inline; }

  
  :is(.cards, .grid):not(.carusel-track) > .card:last-child:nth-child(odd) { grid-column: 1 / -1; grid-row: auto; display: grid; grid-template-rows: auto; grid-template-columns: minmax(0, 44%) minmax(0, 1fr); column-gap: 14px; align-items: stretch; }
  :is(.cards, .grid):not(.carusel-track) > .card:last-child:nth-child(odd) > .photo { grid-column: 1; grid-row: 1; align-self: end; }
  :is(.cards, .grid):not(.carusel-track) > .card:last-child:nth-child(odd) > .card-body { grid-column: 2; grid-row: 1; align-self: center; padding: 12px 12px 12px 0; }
  :is(.cards, .grid):not(.carusel-track) > .card:last-child:nth-child(odd) .card-cta { margin-top: 8px; }

  
  .how, .beneficii, .lpd-band, .section, .section-forest, .section-trust { padding-top: 44px; padding-bottom: 44px; }
  .site-footer { padding-top: 32px; }
  .card-cta { padding: 0 6px; }
  .product-panel .add-to-quote .btn { grid-column: 1 / -1; justify-self: stretch; }

  
  .site-footer .fsep { display: none; }
  .site-footer .footer-tools { display: flex; flex-direction: column; margin: 16px 0 0; border-top: 1px solid #3a3a3a; }
  .site-footer .footer-tools a { display: flex; align-items: center; min-height: 48px; padding: 0; border-bottom: 1px solid #3a3a3a; }
  .site-footer .footer-contact { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0; min-height: 56px; border-bottom: 1px solid #3a3a3a; }
  .site-footer .footer-contact a:not(.hc-btn) { min-height: 48px; }
  .site-footer .footer-links { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0 16px; margin: 0; }
  .site-footer .footer-links li:nth-child(4) { grid-column: 1 / -1; }
  .site-footer .footer-links li { border-bottom: 1px solid #3a3a3a; }
  .site-footer .footer-links a { display: flex; align-items: center; min-height: 48px; padding: 0; }

  
  .product-hero { padding-top: 0; padding-bottom: 20px; }
  main > .product-hero > .wrap:first-child { padding-top: 0; }
  .product-hero .breadcrumb { margin-bottom: 0; }
  .product-hero .photos { width: 100%; align-self: stretch; }
  .product-hero .photos .photo-large { aspect-ratio: 6 / 5; max-height: none; max-width: 100%; width: 100%; margin: 0; position: relative; overflow: hidden; }
  .product-hero .photos .photo-large picture { display: block; width: 100%; height: 100%; }
  .product-hero .photo-large img { position: absolute; max-width: none; height: auto; object-fit: fill; width: 100%; left: 0; top: -12%; }
  
  .product-hero .photos.pz-aluminium-can-250ml img { width: 150.0%; left: -24.9%; top: -109.6%; }
  .product-hero .photos.pz-aluminium-can-330ml img { width: 126.2%; left: -13.1%; top: -75.7%; }
  .product-hero .photos.pz-aluminium-can-500ml img { width: 85.3%; left: 7.4%; top: -20.4%; }
  .product-hero .photos.pz-lid-easy-open img { width: 96.9%; left: 1.5%; top: -9.0%; }
  .product-hero .photos.pz-lid-full-open img { width: 96.4%; left: 1.7%; top: -10.0%; }
  .product-hero .photos.pz-lid-peel-off img { width: 96.6%; left: 1.7%; top: -8.7%; }
  .product-hero .photos.pz-pet-can-210ml img { width: 150.0%; left: -24.9%; top: -119.2%; }
  .product-hero .photos.pz-pet-can-250ml img { width: 150.0%; left: -24.9%; top: -108.4%; }
  .product-hero .photos.pz-pet-can-330ml img { width: 124.7%; left: -12.5%; top: -73.5%; }
  .product-hero .photos.pz-pet-can-500ml img { width: 84.5%; left: 7.9%; top: -19.5%; }
  .product-hero .photos.pz-pet-jar-205ml img { width: 147.6%; left: -23.8%; top: -72.1%; }
  .product-hero .photos.pz-pet-jar-280ml img { width: 147.6%; left: -23.8%; top: -71.9%; }
  .product-hero .photos.pz-pet-jar-300ml img { width: 147.6%; left: -23.8%; top: -72.0%; }
  .product-hero .photos.pz-pet-jar-360ml img { width: 147.6%; left: -23.8%; top: -72.2%; }
  .product-hero .photos.pz-pet-jar-380ml img { width: 147.6%; left: -23.8%; top: -72.2%; }
  .product-hero .photos.pz-pet-jar-450ml img { width: 132.2%; left: -16.0%; top: -59.4%; }
  .product-hero .photos.pz-pet-jar-500ml img { width: 120.3%; left: -10.1%; top: -49.4%; }
  .product-hero .photos.pz-can-sealing-machine img { width: 92.8%; left: 2.8%; top: -7.1%; }
  .product-hero .photos .photo-thumb img { position: static; width: 100%; max-width: 100%; left: auto; top: auto; }
  .breadcrumb ol { flex-wrap: nowrap; }
  .breadcrumb li { flex: none; }
  .breadcrumb li:last-child { flex: 0 1 auto; min-width: 0; overflow: hidden; }
  .breadcrumb li:last-child > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; }
  .product-panel > .eyebrow { margin-top: 4px; }

  
  html body main:not(:has(> .hero)) .core-range { padding-top: 0; padding-bottom: 28px; margin-top: 0; }
  html body main:not(:has(> .hero)) > .wrap + .core-range { margin-top: 0; }
  html body main:not(:has(> .hero)) > .wrap { padding-bottom: 0; }
  html body main:not(:has(> .hero)) > .wrap > h1 { margin-bottom: 4px; }
  html body main:not(:has(> .hero)) .core-range .guide-link { margin: 0 0 8px; }
  html body:has(nav.breadcrumb) main:not(:has(> .hero)) .core-range + .wrap { padding-top: 28px; }
  
  .card-link { position: relative; }
  .has-badge { position: static; }
  .has-badge picture { position: relative; }
  .card-badge { top: 8px; left: 8px; }
  
  .card:not(.card-wide) > .photo:not(.photo-large) img { object-position: 50% 100%; }

  
  .card[data-pf-type="pet-jar"] > .photo img { transform-origin: 50% 80%; transform: translateY(0) scale(1.5); }
  .card[data-pf-type="pet-jar"][data-slug="pet-jar-205ml"] > .photo img { transform: translateY(21%) scale(1.5); }
  .card[data-pf-type="pet-jar"][data-slug="pet-jar-280ml"] > .photo img { transform: translateY(15%) scale(1.5); }
  .card[data-pf-type="pet-jar"][data-slug="pet-jar-300ml"] > .photo img { transform: translateY(13.5%) scale(1.5); }
  .card[data-pf-type="pet-jar"][data-slug="pet-jar-360ml"] > .photo img { transform: translateY(9%) scale(1.5); }
  .card[data-pf-type="pet-jar"][data-slug="pet-jar-380ml"] > .photo img { transform: translateY(7.5%) scale(1.5); }
  .card[data-pf-type="pet-jar"][data-slug="pet-jar-450ml"] > .photo img { transform: translateY(3%) scale(1.5); }

  
  .co { display: flex; flex-direction: column; }
  .co > * { order: 5; }
  .co > .co-lead { order: 0; }
  .wa-line { display: none; }
  .co > .co-checkout { order: 1; }
  .co > .co-how { order: 2; margin-top: 24px; }
  .co > .co-info { order: 3; }
}
