/**
 * Page Designer — Kiosk Block | canvas preview styles.
 * Namespace pd-blk-ksk-* only. The published page uses the kiosk_engine
 * module's own kiosk_store.css instead — nothing here ships publicly.
 */
.pd-blk-ksk-preview { border: 1px dashed rgba(128,128,128,0.45); border-radius: 12px; padding: 14px; }
.pd-blk-ksk-bar { display: flex; flex-direction: column; gap: 2px; margin-bottom: 12px; }
.pd-blk-ksk-title { font-weight: 700; font-size: 16px; }
.pd-blk-ksk-note { font-size: 12px; opacity: .65; }
.pd-blk-ksk-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; }
.pd-blk-ksk-card { border: 1px solid rgba(128,128,128,0.3); border-radius: 10px; overflow: hidden; }
.pd-blk-ksk-img { aspect-ratio: 4/3; display: flex; align-items: center; justify-content: center;
    background: rgba(128,128,128,0.12); font-size: 26px; overflow: hidden; }
.pd-blk-ksk-img img { width: 100%; height: 100%; object-fit: cover; }
.pd-blk-ksk-name { font-size: 13px; font-weight: 600; padding: 8px 10px 2px; }
.pd-blk-ksk-price { font-size: 13px; opacity: .75; padding: 0 10px 10px; }