/* Page-scoped rules that used to sit in <style> blocks in the hand-built pages
   (custom-products/, lapel-pins/, woven-labels/). The CMS build loads this file on every page;
   every selector here is unique to those components. */

/* from custom-products/index.html */
/* Page-scoped fallbacks (not shared assets): icon-card media when no photo
is assigned, and the small construction-count chip on family cards. */
.ic-media-icon{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:var(--surface,#f1f4f9);border-bottom:1px solid var(--border,#d6deea)}
.ic-media-icon svg{width:56px;height:56px;color:var(--primary,#0b2a5c)}
.fam-chip{display:inline-block;margin:10px 0 2px;padding:4px 11px;border-radius:999px;background:var(--surface,#f1f4f9);border:1px solid var(--border,#d6deea);font:600 12px/1.4 'Inter',sans-serif;letter-spacing:.02em;color:var(--text-secondary,#46536b)}
.on-dark .fam-chip{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.18);color:rgba(255,255,255,.85)}

/* from custom-products/lapel-pins/index.html */
.pin-chip{display:inline-block;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--primary-darker);background:var(--secondary);padding:4px 11px;border-radius:var(--radius-pill);margin-bottom:10px}
.ic-icon-media{background:linear-gradient(135deg,var(--secondary),var(--surface-2));display:flex;align-items:center;justify-content:center}
.ic-icon-media svg{width:60px;height:60px;color:var(--primary-darker);opacity:.85}
.pin-types-grid .img-card.ic-wide{grid-column:1/-1}
@media(min-width:640px){.pin-types-grid .img-card.ic-wide{display:grid;grid-template-columns:280px 1fr;align-items:stretch}.pin-types-grid .img-card.ic-wide .ic-media{aspect-ratio:auto;height:100%;min-height:220px}.pin-types-grid .img-card.ic-wide .ic-body{justify-content:center}}
.pin-inputs-cta{text-align:center;margin-top:36px}

/* from custom-products/woven-labels/index.html */
/* page-scoped: small pill tag for the label-cut cards (mirrors .cat-card .cc-count,
reused here on .img-card since that selector is scoped to .cat-card only) */
.ic-tag{display:inline-block;font-size:.74rem;font-weight:600;letter-spacing:.02em;color:var(--primary);background:var(--secondary);padding:5px 12px;border-radius:var(--radius-pill);margin-top:14px}