/* Product boxes as one row you swipe sideways on phones (.dtw-pbox-swipe, set in product-boxes.php).
   Rename this file on any change: the WP.com edge cache ignores ?ver. */
@media(max-width:700px){
  .dtw-pbox-grid.dtw-pbox-swipe{display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:72%;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;-webkit-overflow-scrolling:touch}
  .dtw-pbox-swipe .dtw-pbox-card{scroll-snap-align:start}
  .dtw-pbox-swipe .dtw-pbox-image{padding-bottom:110%}
  .dtw-pbox-swipe .dtw-pbox-info{padding:16px;justify-content:flex-end}
  .dtw-pbox-swipe .dtw-pbox-info h3{font-size:17px}
}