/* Keep the website navigation available inside the product workspace. */
html.shop-product-entry body[data-commerce] > :is(.site-header, main, .site-footer){display:none}
html.shop-product-entry body[data-commerce] > .site-nav{position:fixed;inset:0 0 auto;z-index:110}
body[data-commerce]:has(.product-page.is-open) > .site-nav {
  position: fixed;
  inset: 0 0 auto;
  z-index: 110;
}
body[data-commerce] .product-page {
  top: var(--site-nav-height, 82px);
}
body[data-commerce] .pdp-anchor-nav {
  top: 0;
}

/* Catalogue cards: price, stock and delivery each own their line. */
body[data-commerce] .shop-section{padding-top:48px}
body[data-commerce] .shop-heading{margin-bottom:30px}
body[data-commerce] .shop-heading h2{margin-top:0}
body[data-commerce] .product-card,body[data-commerce] .product-info{min-width:0}
body[data-commerce] .product-info{display:flex;flex-direction:column}
body[data-commerce] .product-info h3{overflow-wrap:anywhere;line-height:1.3;min-height:2.6em}
body[data-commerce] .product-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:auto}
body[data-commerce] .product-bottom>*{max-width:100%;min-width:0;white-space:normal}
body[data-commerce] .stock-block{display:grid;gap:5px;text-align:left}
body[data-commerce] .stock-block .stock{white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.5}
body[data-commerce] .stock-block small{white-space:normal;font-size:11px;line-height:1.5;text-align:left}
body[data-commerce] .shop-meta{max-width:390px;flex-shrink:1;line-height:1.5}
body[data-commerce] .shop-meta .stock-source{white-space:normal;font-size:11px}
body[data-commerce] .shop-head{gap:25px;align-items:flex-start}
@media(max-width:650px){body[data-commerce] .shop-head{flex-direction:column}body[data-commerce] .shop-meta{text-align:left;align-items:flex-start}body[data-commerce] .shop-meta .stock-source{justify-content:flex-start}body[data-commerce] .product-info h3{min-height:0}}
body[data-commerce] .product-card{display:flex;flex-direction:column}
body[data-commerce] .product-info{flex:1}
body[data-commerce] .product-name{min-height:2.6em;line-height:1.3;overflow-wrap:anywhere}
body[data-commerce] .product-category{min-height:3em;line-height:1.5}
body[data-commerce] .stock-block{justify-items:start}
@media(max-width:650px){body[data-commerce] .product-name,body[data-commerce] .product-category{min-height:0}}