/* 愛媛ブラッドオレンジの丸ごとショコラ（#ohama-blood）— こちらで足した見た目（手で直す。blood.css は tools/import_blood_orange.py が作るので触らない。D-207） */

/* ヒーローの高さは、共通シェルのヘッダーの高さ（site.css の --header-h）を引く（渡された版は自前のヘッダー 94px） */
#ohama-blood .bo-hero{height:min(840px,calc(100svh - var(--header-h)))}
/* ページ内のリンクで飛んだとき、見出しが共通ヘッダーの下に隠れないように */
html:has(#ohama-blood){scroll-padding-top:calc(var(--header-h) + 16px)}
@media(max-width:760px){
  #ohama-blood .bo-hero{height:auto}
  html:has(#ohama-blood){scroll-padding-top:calc(var(--header-h) + 12px)}
}

/* よくある質問の中の、商品の詳細ページへのリンク */
#ohama-blood .bo-faq details p a{text-decoration:underline;text-underline-offset:3px}
#ohama-blood .bo-faq details p a:hover{color:var(--rust)}

/* 商品の特徴の帯（希少な愛媛県産／クーベルチュール使用／輪切りをまるごと）は、狭い画面でも 1 行に収める */
@media(max-width:420px){
  #ohama-blood .bo-hero-bottom span{padding:0 8px;letter-spacing:.02em}
}

/* 導入の見出しは、狭い画面で「その先に。」が途中で折り返さない大きさに */
@media(max-width:420px){
  #ohama-blood .bo-prologue h2{font-size:25px}
}