/* 楽天商品カード（#139 / #140）。色はテーマのトークン（themes/cc_daw/css/main.css）に寄せる。トークンが無い画面でも読めるよう既定値付き */
.cc-cards{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin:1.2em 0;padding:0}
.cc-card{margin:0;padding:0;border:1px solid var(--daw-line,#e4e4e7);border-radius:var(--daw-radius,10px);overflow:hidden;background:var(--daw-card,#fff);box-shadow:var(--daw-shadow,none);transition:border-color .2s,box-shadow .2s}
.cc-card:hover{border-color:var(--daw-accent-signal,#f59e0b);box-shadow:var(--daw-shadow-lift,none)}
.cc-card-img{display:block;line-height:0;background:#fff}
.cc-card-img img{width:100%;height:auto;aspect-ratio:1/1;object-fit:contain}
.cc-card-body{padding:10px 12px 12px}
.cc-card-name{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:.84em;line-height:1.5;color:var(--daw-ink,#18181b);text-decoration:none}
.cc-card-name:hover{color:var(--daw-accent,#b45309)}
.cc-card-meta{margin:6px 0 2px;font-size:.84em;font-variant-numeric:tabular-nums}
.cc-card-price{font-weight:700;color:var(--daw-ink,#18181b)}
.cc-card-review{margin-left:6px;color:var(--daw-muted,#52525b);font-size:.9em}
.cc-card-shop{margin:0;font-size:.74em;color:var(--daw-muted,#52525b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cc-shop-credit{margin:.5em 0 0}
/* #168 商品が無いときの検索リンク */
.cc-shop-search{margin:1.2em 0}
.cc-shop-search__link{display:inline-flex;align-items:center;gap:.4em;padding:10px 18px;border:1px solid var(--daw-accent-signal,#f59e0b);border-radius:var(--daw-radius-pill,999px);background:var(--daw-accent-wash,#fffbeb);color:var(--daw-accent,#b45309);font-weight:700;font-size:.92em;text-decoration:none}
.cc-shop-search__link::after{content:"→"}
.cc-shop-search__link:hover{background:var(--daw-card,#fff)}