/* 1. デフォルト（主にPC 1000px以上）のマージン
   固定フッターがないため、通常の位置（例: 20px）に戻します。
   ※この値は 0px や 30px など、PCで表示したい位置に調整してください。
*/
#hubspot-messages-iframe-container {
  margin-bottom: 20px !important; 
}

/* 2. 固定フッターが表示される 999px以下 のマージン
   チャットアイコンを 70px 押し上げる
*/
@media (max-width: 999px) {
  #hubspot-messages-iframe-container {
    margin-bottom: 70px !important;
  }
}

/* 3. 「スマホ」で「チャットが開いた」時だけ、マージンを0にリセット
   (htmlに .hs-messages-mobile と .hs-messages-widget-open が両方付いた時)
*/
html.hs-messages-mobile.hs-messages-widget-open #hubspot-messages-iframe-container {
  margin-bottom: 0 !important;
}