@media only screen and (max-width: 800px) {

      .col-s-1 {grid-column-end: span 1;}
      .col-s-2 {grid-column-end: span 2;}
      .col-s-3 {grid-column-end: span 3;}
      .col-s-4 {grid-column-end: span 4;}
      .col-s-5 {grid-column-end: span 5;}
      .col-s-6 {grid-column-end: span 6;}
      .col-s-7 {grid-column-end: span 7;}
      .col-s-8 {grid-column-end: span 8;}
      .col-s-9 {grid-column-end: span 9;}
      .col-s-10 {grid-column-end: span 10;}
      .col-s-11 {grid-column-end: span 11;}
      .col-s-12 {grid-column-end: span 12;}

      .home-animation__logo{
            width: 30vw;
      }

      /* ── Product-item page ──────────────────────────────────────────────────── */

      body.page-product-item {
            overflow-y: auto !important;
            height: auto !important;
      }

      body.page-product-item .main {
            flex: none;
      }

      .pi-layout {
            height: auto;
            grid-template-columns: 1fr;
      }

      .pi-col {
            height: auto;
            overflow: visible;
            grid-column: 1 / -1;
      }

      .pi-col--right  { order: 1; }
      .pi-col--middle { order: 2; }
      .pi-col--left   { order: 3; }

      .site-logo {
            width: 30vw;
      }

      .menu {
            left: 50%;
            transform: translateX(-50%);
            white-space: nowrap;
            text-align: center;
      }

}