@charset "utf-8";

/* ==============================================
   製品ページ共通スタイル
   各ブロックの style.css はブロック単位で読み込まれる。
   ここにはページ全体の共通スタイルのみ記載。
============================================== */

/* ---- #wrap の overflow を解除（sticky に必要） ---- */
.single-product #wrap {
    overflow: visible !important;
}

/* 横はみ出しは body で対応 */
body.single-product {
    overflow-x: hidden;
}

/* ==============================================
   ダーク背景 (.pp-dark-bg) 共通ルール
   各ブロック個別の darkBg 対応は各ブロックの style.css に記載。
   ここでは全ブロック共通の最小限ルールのみ。
============================================== */

/* ---- セクション背景色 ---- */
.pp-dark-bg {
    background-color: #002040 !important;
    background-image: none !important;
}

/* ---- バッジ → ソリッド蛍光色 ---- */
.pp-dark-bg [class*="__badge"] {
    background: #CCFF00 !important;
    color: #1A1A1A !important;
}