/* Malaysia Souvenir Atlas — atlas.css の上に読むテーマ差分。
   バティックの藍 × テラコッタ × 真鍮 × 生成り。工芸とスーパー菓子が同格に見える設計。 */
:root{
  --ink:#1b1f2a; --ink2:#4c5265; --paper:#f5f3ec; --paper2:#ece8dc;
  --card:#fbf9f3; --line:#d8d3c2; --gold:#8a6d2f; --gold2:#b99a55;
  --green:#274d3d; --red:#a34226; --blue:#2e4a72;
  --indigo:#2e4a72; --terra:#a34226; --brass:#8a6d2f;
}
.b-lux{border-color:var(--indigo);color:var(--indigo)}
.b-mid{border-color:var(--brass);color:var(--brass)}
.b-local{border-color:var(--terra);color:var(--terra)}
.tiercard.luxury{border-top-color:var(--indigo)}
.tiercard.mid{border-top-color:var(--brass)}
.tiercard.local{border-top-color:var(--terra)}

/* バティック風ヘッダー装飾 */
.site-head{position:relative}
.site-head::before{content:"";display:block;height:6px;
  background:repeating-linear-gradient(90deg,
    var(--indigo) 0 18px, var(--brass) 18px 26px,
    var(--terra) 26px 44px, var(--brass) 44px 52px)}

/* 商品カード: 写真なしでも成立するタイポグラフィカード */
.pcard{border:1px solid var(--line);background:var(--card);padding:calc(var(--u)*4);
  display:flex;flex-direction:column;gap:calc(var(--u)*1.5);position:relative}
.pcard .cat-mark{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.pcard h3{font-size:15.5px;line-height:1.35}
.pcard .brand{font-size:11.5px;color:var(--ink2)}
.pcard .desc{font-size:12.5px;color:var(--ink2)}
.pcard .foot{margin-top:auto;padding-top:calc(var(--u)*2);border-top:1px dotted var(--line);
  display:flex;justify-content:space-between;align-items:center;font-size:12px}
.badge-strip{display:flex;flex-wrap:wrap;gap:3px}

/* 持帰りステータス */
.tr{display:inline-block;border-radius:2px;padding:1px 8px;font-size:10.5px;letter-spacing:.04em}
.tr-ok{background:#e7efe7;color:#274d3d;border:1px solid #9db89d}
.tr-cond{background:#f4ecd9;color:#7a5c17;border:1px solid #cbb277}
.tr-warn{background:#f6e3d8;color:#8c3a1c;border:1px solid #d19a7e}
.tr-no{background:#f2dcdc;color:#8c2323;border:1px solid #cf9a9a}

/* 買物リストバー */
.basket-bar{position:fixed;right:max(14px,env(safe-area-inset-right));
  bottom:max(14px,env(safe-area-inset-bottom));z-index:900;
  background:var(--indigo);color:#f5f3ec;border-radius:24px;padding:10px 18px;
  font-size:13px;box-shadow:0 2px 12px rgba(0,0,0,.35);cursor:pointer;border:none}
.basket-bar b{font-family:var(--serif)}
.basket-panel{position:fixed;right:0;top:0;bottom:0;width:min(420px,100vw);z-index:950;
  background:var(--card);border-left:2px solid var(--ink);padding:20px;overflow-y:auto;
  box-shadow:-4px 0 24px rgba(0,0,0,.25)}
.basket-panel h2{font-size:17px;border-bottom:2px solid var(--ink);padding-bottom:6px}
.basket-item{display:flex;justify-content:space-between;gap:8px;padding:9px 0;
  border-bottom:1px dotted var(--line);font-size:13px;align-items:center}
.basket-item input{width:52px;padding:4px;border:1px solid var(--line);border-radius:2px}
.basket-totals{border-top:2px solid var(--ink);margin-top:12px;padding-top:10px;font-size:13.5px}
.basket-totals b{font-family:var(--serif);font-size:17px}

/* 比較テーブル */
.cmp-wrap{overflow-x:auto}
.cmp{border-collapse:collapse;font-size:12.5px;min-width:600px}
.cmp th,.cmp td{border:1px solid var(--line);padding:7px 10px;vertical-align:top}
.cmp th{background:var(--paper2);text-align:left;font-size:11px}

/* 診断強調 */
.quiz .result-plan{background:var(--paper2);border-left:3px solid var(--indigo);
  padding:14px;margin-top:12px;font-size:13px}

/* 単価表示 */
.unit-price{font-size:11px;color:var(--green)}