/* LP-DESIGN-R26: expose Roll pieces and equalize mobile platter scale. */

/* Reduce desktop overlap without changing the approved optical scale. */
@media(min-width:1001px){
  .hero-roll{left:-9%}
  .hero-products .hero-sushi{right:-2%}
  .hero-roll-name{left:13%}
  .hero-sushi-name{right:1%}
}

/* Use identical image boxes on phones so the two exact masters render at the
   same scale. Keep modest overlap while preserving both complete tray rims. */
@media(max-width:640px){
  .hero-products .hero-roll,
  .hero-products .hero-sushi{width:62%!important;height:auto!important}
  .hero-products .hero-roll{left:2%;top:49%}
  .hero-products .hero-sushi{right:2%;top:31%}
  .hero-roll-name{left:8%;top:39%}
  .hero-sushi-name{right:2%;top:22%}
}
@media(max-width:360px){
  .hero-products .hero-roll,
  .hero-products .hero-sushi{width:60%!important}
  .hero-products .hero-roll{left:3%;top:50%}
  .hero-products .hero-sushi{right:3%;top:32%}
}