/* ============================================================
   omaikit-base.css
   大米米穀店 商品ページ共通パーツ
   ※ このファイルは他のブロックCSS（reco-block, merit-block など）
     より「先」に読み込んでください（Simple Custom CSS and JSの
     並び順で、このファイルの内容を一番上に配置するのが理想です）
   ============================================================ */

/* ---- ラベルバッジ（紺色の見出しラベル） ----
   例：<span class="omai-eyebrow">こんな人におすすめ</span>
*/
.omai-eyebrow {
  display: inline-block;
  background: #2b3a5c;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 7px 26px;
  margin-bottom: 16px;
}

/* ---- タイトル内のゴールド帯アクセント ----
   例：<span class="omai-accent">ミルキークイーン向き</span>
*/
.omai-accent {
  position: relative;
  display: inline-block;
}

.omai-accent::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -4px;
  height: 8px;
  background: #d9c9a3;
  opacity: 0.6;
  z-index: -1;
}

/* ---- 蛍光ペン風マーカー（本文中のキーワード強調） ----
   例：<span class="omai-hl">もちもち</span>
   全ブロック共通仕様。色や高さを変えたい場合はここを直接編集する。
*/
.omai-hl {
  background-image: linear-gradient(transparent 60%, #f3ead9 60%);
  padding: 0 2px;
  font-weight: 600;
}