/* Quiet, image-led category invitation; the product grid keeps priority. */
.zk-usage-preview { display:grid; grid-template-columns:84px minmax(0,1fr); align-items:center; gap:14px; padding:12px; margin:0 0 26px; border:1px solid #efd8d2; border-radius:18px; background:linear-gradient(105deg,#fff8f3,#fceee9); color:var(--ink,#40251f); text-decoration:none; overflow:hidden; }
.zk-usage-preview__photo { position:relative; display:block; width:84px; height:100px; border-radius:12px; overflow:hidden; }
.zk-usage-preview__photo img { display:block; width:100%; height:100%; object-fit:cover; }
.zk-usage-preview__zoom { position:absolute; right:5px; bottom:5px; display:grid; place-items:center; width:24px; height:24px; border-radius:50%; background:#fffcf8; color:#a94660; }
.zk-usage-preview__zoom svg { width:16px; height:16px; }
.zk-usage-preview__copy { display:grid; gap:5px; min-width:0; }
.zk-usage-preview__eyebrow { font-size:.63rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; color:#ae455c; }
.zk-usage-preview__copy strong { font-family:var(--font-heading); font-size:1.12rem; line-height:1.25; }
.zk-usage-preview__description { font-size:.79rem; line-height:1.5; }
.zk-usage-preview__cta { grid-column:2; display:flex; align-items:center; gap:12px; width:fit-content; margin-top:-5px; color:#b83f5b; font-size:.8rem; font-weight:800; }
.zk-usage-preview__cta > span { display:grid; place-items:center; width:29px; height:29px; border:1px solid #e8bbc4; border-radius:50%; background:#fffaf7; font-size:1rem; }
.zk-usage-preview:hover { border-color:#cb8796; box-shadow:0 5px 18px #8544520a; }
.zk-usage-preview:focus-visible { outline:3px solid #bb4562; outline-offset:4px; }
@media(min-width:700px) {
 .zk-usage-preview { grid-template-columns:112px minmax(0,1fr) auto; gap:24px; padding:12px 24px 12px 12px; }
 .zk-usage-preview__photo { width:112px; height:112px; }
 .zk-usage-preview__copy strong { font-size:1.3rem; }
 .zk-usage-preview__description { font-size:.85rem; }
 .zk-usage-preview__cta { grid-column:auto; margin:0; gap:14px; }
 .zk-usage-preview__cta > span { width:38px; height:38px; font-size:1.25rem; }
}
@media(prefers-reduced-motion:no-preference) { .zk-usage-preview { transition:border-color .18s ease,box-shadow .18s ease; } }