/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved by My WordPress Agent */
/* /shop/ : heading levels and the price table.

   The product names were <h5> jumping straight from the page <h1>, which left
   no level in between and described no structure. They are <h2> now. A bare
   <h2> would render at heading size and wreck the card, so the visual size is
   pinned back to what the <h5> looked like. Heading level is document
   structure; type size is design. The two do not have to agree. */
.pd-shop .product-wrapper .name{
  font-family:'Inter',sans-serif;
  font-size:18px;
  line-height:1.3;
  font-weight:600;
  margin:0 0 6px;
  color:#0E2E2B;
}
.pd-shop .product-wrapper a:hover .name{text-decoration:underline;}

/* The two prose sections below the grid. */
.pd-shop-detail{margin-top:12px;}
.pd-shop-detail h2{
  font-family:'Lora',serif;font-weight:600;font-size:26px;line-height:1.3;
  color:#0E2E2B;margin:34px 0 12px;
}
.pd-shop-detail p{margin:0 0 14px;}

/* The price table carries the one fact that is ours and not the
   manufacturer's, so it has to stay readable on a phone. It scrolls inside its
   own box rather than pushing the page sideways. */
.pd-shop-detail .pd-pricetable{
  width:100%;border-collapse:collapse;margin:0 0 18px;
  font-size:15.5px;display:block;overflow-x:auto;white-space:nowrap;
}
.pd-shop-detail .pd-pricetable thead th{
  text-align:left;font-weight:600;color:#0E2E2B;
  border-bottom:2px solid #d8d2c2;padding:8px 14px 8px 0;
}
.pd-shop-detail .pd-pricetable td{
  border-bottom:1px solid #e7e2d4;padding:8px 14px 8px 0;
}
.pd-shop-detail .pd-pricetable th:nth-child(2),
.pd-shop-detail .pd-pricetable th:nth-child(3),
.pd-shop-detail .pd-pricetable td:nth-child(2),
.pd-shop-detail .pd-pricetable td:nth-child(3){text-align:right;font-variant-numeric:tabular-nums;}
.pd-shop-detail .pd-pricetable tr:last-child td{border-bottom:0;}