/* /shop/ gallery (Pages/Shared/_ShopGallery): cards with a small 4:3 sample, price line and order buttons.
   Colours and spacing come from the page kit's tokens. */
.zk-page .zk-shop-jump { margin-top: 24px; }
.zk-page .zk-shop-section + .zk-shop-section { padding-top: 0; }
.zk-page .zk-shop-card { display: flex; flex-direction: column; gap: 10px; }
.zk-page .zk-shop-img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; margin-bottom: 4px; border-radius: 12px; background: #f4f4f4; object-fit: cover; }
.zk-page .zk-shop-card h3 { margin: 0; }
.zk-page .zk-shop-price { color: var(--ink); font-size: 13.5px; }
.zk-page .zk-shop-price strong { color: var(--ink); }
.zk-page .zk-shop-card .btn-row { margin-top: auto; padding-top: 4px; }
.zk-page .zk-shop-card .btn { padding: 9px 14px; font-size: 13px; }
.zk-page .zk-shop-card a.btn.dark { color: #fff; }
.zk-page .zk-shop-card a.zk-shop-more { font-size: 13px; font-weight: 700; text-decoration: none; }
.zk-page .zk-shop-card a.zk-shop-more:hover,
.zk-page .zk-shop-card a.zk-shop-more:focus-visible { text-decoration: underline; }
.zk-page .zk-shop-note { max-width: 860px; }
.zk-page .zk-shop-note p { margin: 8px 0 16px; }