/* ============================================================
   Debug helpers
   Only active when html has class `debug-layout`.
   Example in console:
   document.documentElement.classList.add('debug-layout')
   ============================================================ */

html.debug-layout *{
  outline:1px solid rgba(186,24,18,0.25);
}

html.debug-layout .hero-carousel-panel{
  outline:3px solid rgba(186,24,18,0.65);
}

html.debug-layout .hero-left{
  outline:3px solid rgba(201,169,110,0.65);
}

html.debug-layout .prod-card{
  outline:2px solid rgba(0,0,0,0.25);
}