/* 西村貿易 カタログ連動パネル
   配色はブログテーマ実測に合わせる（アクセント #BB6767 / 罫線 #ddd / 本文 #1d1d1d）
   角丸は使わない（クラシックブランドのため直線基調） */

.catalog-panel{margin:64px 0 48px;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:40px 0}
.catalog-panel__label{display:flex;align-items:baseline;gap:12px;margin:0 0 24px;
  font-size:12px;letter-spacing:.18em;color:#BB6767}
.catalog-panel__label span{font-size:11px;letter-spacing:.08em;color:#1d1d1d;opacity:.6}
.catalog-panel__body{display:flex;gap:32px;align-items:flex-start}
.catalog-panel__cover{flex:0 0 200px;display:block;line-height:0}
.catalog-panel__cover img{width:100%;height:auto;border:1px solid #ddd}
.catalog-panel__text{flex:1 1 auto;min-width:0}
.catalog-panel__issue{margin:0 0 6px;font-size:12px;letter-spacing:.08em;color:#1d1d1d;opacity:.6}
.catalog-panel__title{margin:0 0 12px;font-size:20px;line-height:1.5;font-weight:600}
.catalog-panel__title a{color:#1d1d1d;text-decoration:none}
.catalog-panel__title a:hover{color:#BB6767}
.catalog-panel__lead{margin:0 0 20px;font-size:14px;line-height:1.9;color:#1d1d1d}
.catalog-panel__highlights{display:flex;gap:10px;list-style:none;margin:0 0 24px;padding:0}
.catalog-panel__highlights li{flex:1 1 0;line-height:0}
.catalog-panel__highlights img{width:100%;height:auto;aspect-ratio:1/1;object-fit:cover}
.catalog-panel__btn{display:inline-block;padding:14px 40px;background:#BB6767;color:#fff;
  font-size:14px;letter-spacing:.1em;text-decoration:none;transition:opacity .2s}
.catalog-panel__btn:hover{opacity:.82;color:#fff}
.catalog-panel__note{margin:14px 0 0;font-size:12px;color:#1d1d1d;opacity:.6}
.catalog-panel__note a{color:#BB6767}

@media (max-width:767px){
  .catalog-panel{margin:48px 0 32px;padding:32px 0}
  .catalog-panel__body{display:block}
  .catalog-panel__cover{width:160px;margin:0 auto 20px}
  .catalog-panel__title{font-size:18px}
  .catalog-panel__btn{display:block;text-align:center;padding:16px}
}

/* ---- カタログページ /catalog/{slug}/ ---- */
.catalog-single{max-width:1000px;margin:0 auto;padding:48px 20px 80px}
.catalog-single__issue{font-size:12px;letter-spacing:.18em;color:#BB6767;margin:0 0 10px}
.catalog-single__title{font-size:28px;line-height:1.5;margin:0 0 16px;color:#1d1d1d}
.catalog-single__lead{font-size:15px;line-height:2;margin:0 0 32px;color:#1d1d1d}
.catalog-single__viewer{width:100%;height:80vh;min-height:520px;border:1px solid #ddd;background:#f7f7f7}
.catalog-single__pdfnote{margin:12px 0 0;font-size:12px;color:#1d1d1d;opacity:.6}
.catalog-single__pages{margin:32px 0 0}
.catalog-single__pages img{width:100%;height:auto;margin:0 0 16px;border:1px solid #ddd}
.catalog-single__signup{margin:56px 0 0;border-top:1px solid #ddd;padding:40px 0 0}
.catalog-single__signup h2{font-size:20px;margin:0 0 12px;color:#1d1d1d}
.catalog-single__signup p{font-size:14px;line-height:1.9;margin:0 0 20px}
.catalog-single__back{margin:40px 0 0;font-size:13px}
.catalog-single__back a{color:#BB6767}

/* ---- アーカイブ /catalog/ ---- */
.catalog-archive{max-width:1100px;margin:0 auto;padding:48px 20px 80px}
.catalog-archive__title{font-size:26px;margin:0 0 8px}
.catalog-archive__lead{font-size:14px;color:#1d1d1d;opacity:.7;margin:0 0 36px}
.catalog-archive__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:32px 24px;list-style:none;margin:0;padding:0}
.catalog-archive__grid img{width:100%;height:auto;border:1px solid #ddd;display:block}
.catalog-archive__name{margin:10px 0 0;font-size:14px;line-height:1.6}
.catalog-archive__name a{color:#1d1d1d;text-decoration:none}
.catalog-archive__name a:hover{color:#BB6767}
.catalog-archive__issue{margin:2px 0 0;font-size:12px;opacity:.6}