/* ============================================================
   VIOLA Pure — Responsive Overrides  v2.0
   各ページ固有レイアウト・インラインスタイルへのレスポンシブ対応
   ============================================================ */

/* ============================================================
   横スクロール防止（全ページ共通）
   ============================================================ */
html, body { overflow-x: hidden; max-width: 100vw; }

@media (max-width: 768px) {
  img, video, iframe { max-width: 100%; height: auto; }
  .styled-table-wrap,
  .compare-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/* ============================================================
   INDEX.HTML — トップページ
   ============================================================ */

@media (max-width: 768px) {
  .concept-quote { font-size: clamp(1.1rem, 4vw, 1.4rem); }
}

/* ============================================================
   BEGINNERS.HTML — 初めての方へ
   ============================================================ */

/* 悪循環グリッド図（3列 → スマホで1列縦並び） */
@media (max-width: 640px) {
  /* 悪循環ループ図のgridをflexに切り替え */
  [style*="grid-template-columns:1fr 1fr 1fr"][style*="grid-template-rows"] {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 1rem !important;
  }
  /* grid-column/row指定を無効化 */
  [style*="grid-column:2"][style*="grid-row:1"],
  [style*="grid-column:1"][style*="grid-row:2"],
  [style*="grid-column:2"][style*="grid-row:2"],
  [style*="grid-column:3"][style*="grid-row:2"],
  [style*="grid-column:2"][style*="grid-row:3"] {
    grid-column: auto !important;
    grid-row: auto !important;
  }

  /* スキンケア比較グリッド（1fr auto 1fr auto 1fr → 縦） */
  [style*="grid-template-columns:1fr auto 1fr auto 1fr"] {
    display: flex !important;
    flex-direction: column !important;
    gap: 0.5rem !important;
  }

  /* 3カラムグリッド → 1列 */
  [style*="grid-template-columns:1fr 1fr 1fr"][style*="gap:1.5rem"] {
    display: grid !important;
    grid-template-columns: 1fr !important;
  }

  /* step-flow-num：サイズ縮小 */
  .step-flow-num[style*="width:70px"] {
    width: 52px !important;
    height: 52px !important;
    font-size: 1.8rem !important;
  }

  /* two-colの画像：aspect-ratioを横長に変更 */
  .two-col img[style*="aspect-ratio:3/4"] {
    aspect-ratio: 16/9 !important;
  }

  /* コンセプトI・IIIの横並びボックス → 縦積み */
  [style*="display:flex"][style*="align-items:center"][style*="justify-content:center"][style*="gap:.5rem"] {
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
  }
  [style*="display:flex"][style*="align-items:center"][style*="justify-content:center"][style*="gap:.5rem"] > div {
    min-width: 70px !important;
    padding: 0.75rem 1rem !important;
    font-size: 1.1rem !important;
  }
}

/* beginners 悪循環ループのdivサイズをスマホで縮小 */
@media (max-width: 480px) {
  .beginners-cycle-item {
    width: 72px !important;
    height: 72px !important;
    font-size: 0.8rem !important;
  }

  /* 矢印ループの丸ボックスを縮小 */
  [style*="width:80px"][style*="height:80px"][style*="border-radius:50%"] {
    width: 64px !important;
    height: 64px !important;
    font-size: 0.75rem !important;
  }
}

/* ============================================================
   PRODUCTS.HTML — 商品紹介
   ============================================================ */

/* 主要成分グリッド：3列→スマホ1列 */
.key-ingredient-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.25rem;
}
@media (max-width: 900px) {
  .key-ingredient-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .key-ingredient-grid { grid-template-columns: 1fr !important; }

  /* promise-grid（こだわりグリッド）*/
  .promise-grid { grid-template-columns: 1fr 1fr !important; gap: 1rem !important; }

  /* スペック表：th幅を縮小 */
  .spec-table th { width: 35% !important; font-size: 0.78rem !important; white-space: normal !important; }
  .spec-table th,
  .spec-table td { padding: 0.75rem 0.75rem !important; }

  /* howto-step：番号縮小 */
  .howto-num { width: 36px !important; height: 36px !important; font-size: 0.78rem !important; }

  /* 価格ブロック：縦積み */
  .price-block { flex-direction: column !important; gap: 0.75rem !important; }
  .price-item { min-width: unset !important; width: 100% !important; }

  /* 会社情報：縦積み */
  .product-company-info { flex-direction: column !important; gap: 0.5rem !important; }
}
@media (max-width: 480px) {
  .promise-grid { grid-template-columns: 1fr !important; }
}

/* ============================================================
   SUPPLEMENT.HTML — サプリメント
   ============================================================ */

/* 比較テーブルのスマホ対応 */
@media (max-width: 640px) {
  .compare-table { font-size: 0.75rem; }
  .compare-table thead th,
  .compare-table tbody td { padding: 0.6rem 0.5rem !important; }
  .compare-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  /* タイムラインrow：縦積み */
  .timeline-row { grid-template-columns: 1fr !important; }
  .timeline-row::before { display: none !important; }

  /* mechanism-card グリッド：1列 */
  .mechanism-grid { grid-template-columns: 1fr !important; }

  /* impact-number */
  .impact-number { padding: 2rem 1.25rem !important; margin: 2rem 0 !important; }
  .impact-number .big-num { font-size: clamp(3rem, 14vw, 5rem) !important; }
}

/* supplement内の横並び要素をスマホで縦積み */
@media (max-width: 640px) {
  /* 価格ブロック（supplement.html） */
  .price-block { flex-direction: column !important; gap: 0.75rem !important; }
  .price-item { min-width: unset !important; width: 100% !important; padding: 0.85rem 1.25rem !important; }
}

/* ============================================================
   AGENCY-RECRUIT.HTML — 代理店募集
   ============================================================ */

/* 実績数字（3列 → タブ2列 → スマホ2列 → 極小1列） */
.stat-hero { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 640px) {
  .stat-hero {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1rem !important;
  }
  .stat-hero-item { padding: 1.75rem 1rem !important; }
  .stat-hero-num { font-size: clamp(1.8rem, 7vw, 2.8rem) !important; }
}
@media (max-width: 400px) {
  .stat-hero { grid-template-columns: 1fr !important; }
}

/* 特約ランク（4列 → タブ2列 → スマホ1列） */
.rank-grid { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 1024px) {
  .rank-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 480px) {
  .rank-grid { grid-template-columns: 1fr !important; }
}

/* 歩合率バー（label幅 → スマホで縦並び） */
.commission-bar-item { grid-template-columns: 150px 1fr; }
@media (max-width: 640px) {
  .commission-bar-item {
    grid-template-columns: 1fr !important;
    gap: 0.4rem !important;
  }
  .commission-bar-label { font-size: 0.88rem !important; }
  .commission-bar-pct   { text-align: left !important; }

  /* agency-recruit内 インライン grid → flex縦積み */
  [style*="display:grid"][style*="grid-template-columns:1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
  [style*="display:grid"][style*="grid-template-columns: 1fr 1fr"] {
    grid-template-columns: 1fr !important;
  }
}

/* ============================================================
   PRODUCTS-AGENCY.HTML — 代理店取扱い商品
   ============================================================ */

/* 商品グリッド（3列 → 2列 → 1列） */
.agency-products-grid { grid-template-columns: repeat(3, 1fr); }
@media (max-width: 1024px) {
  .agency-products-grid { grid-template-columns: repeat(2, 1fr) !important; }
}
@media (max-width: 640px) {
  .agency-products-grid { grid-template-columns: 1fr !important; }

  /* カテゴリタブ：小さめに */
  .cat-tab { padding: 0.45rem 1rem !important; font-size: 0.78rem !important; }
  .category-tabs { gap: 0.35rem !important; margin: 1.5rem 0 2rem !important; }

  /* カテゴリ見出し：縦積み */
  .category-heading h3 { font-size: 1.2rem !important; }
  .category-heading { gap: 0.75rem !important; }
}

/* ============================================================
   CONTACT.HTML — お問い合わせ
   ============================================================ */

@media (max-width: 640px) {
  .contact-form { padding: 0 0.25rem; }
  .form-group   { margin-bottom: 1.25rem; }

  /* 2カラムフォームフィールド → 1列 */
  .form-row { grid-template-columns: 1fr !important; gap: 1rem !important; }

  /* 送信ボタン：幅いっぱい */
  .form-submit .btn-primary { width: 100%; justify-content: center; }
}

/* ============================================================
   COMPANY.HTML — 会社概要
   ============================================================ */

/* styled-table はpages.cssのsm対応で対処済 */
@media (max-width: 640px) {
  /* 会社情報テーブルのpadding調整 */
  .styled-table th,
  .styled-table td { padding: 0.7rem 0.85rem !important; font-size: 0.85rem !important; }
}

/* ============================================================
   全ページ共通：インラインgridのレスポンシブ補正
   ============================================================ */

/* card-grid-3 内のカード：padding調整 */
@media (max-width: 768px) {
  .card-grid-3 > .base-card { padding: 1.75rem 1.25rem; }
}

/* section内のmax-width指定があるコンテナ：スマホでpaddingを確保 */
@media (max-width: 640px) {
  /* 長いwhite-space:nowrapを解除 */
  [style*="white-space:nowrap"],
  [style*="white-space: nowrap"] {
    white-space: normal !important;
  }

  /* インラインflex行 → 折り返し */
  [style*="display:flex"][style*="gap:1rem"],
  [style*="display: flex"][style*="gap: 1rem"] {
    flex-wrap: wrap;
  }

  /* 横長ボタン行をスマホで縦積みに */
  .btn-row {
    flex-direction: column;
    align-items: center;
  }
  .btn-row .btn-primary,
  .btn-row .btn-ghost {
    width: 100%;
    max-width: 320px;
    justify-content: center;
  }

  /* 大きすぎるpadding-topを縮小 */
  [style*="padding-top:6rem"],
  [style*="padding-top: 6rem"] { padding-top: 3rem !important; }
  [style*="padding-top:8rem"],
  [style*="padding-top: 8rem"] { padding-top: 4rem !important; }
  [style*="padding-top:5rem"],
  [style*="padding-top: 5rem"] { padding-top: 2.5rem !important; }

  /* margin-bottom の大きな値を縮小 */
  [style*="margin-bottom:5rem"],
  [style*="margin-bottom: 5rem"] { margin-bottom: 2.5rem !important; }
  [style*="margin-bottom:6rem"],
  [style*="margin-bottom: 6rem"] { margin-bottom: 3rem !important; }
  [style*="margin-bottom:4rem"],
  [style*="margin-bottom: 4rem"] { margin-bottom: 2rem !important; }

  /* インライン2カラムflex → 縦積み */
  .two-col[style*="gap:3rem"],
  .two-col[style*="gap: 3rem"] {
    gap: 2rem !important;
  }

  /* インラインmax-width指定のコンテナ：サイドpaddingを確保 */
  .container [style*="max-width:900px"],
  .container [style*="max-width: 900px"],
  .container [style*="max-width:960px"],
  .container [style*="max-width: 960px"],
  .container [style*="max-width:760px"],
  .container [style*="max-width: 760px"],
  .container [style*="max-width:680px"],
  .container [style*="max-width: 680px"] {
    max-width: 100% !important;
  }
}

/* ============================================================
   全ページ共通：インラインスタイルの padding/gap 補正
   ============================================================ */
@media (max-width: 640px) {
  /* カード内のpadding縮小 */
  [style*="padding:2rem 2.5rem"],
  [style*="padding: 2rem 2.5rem"] {
    padding: 1.5rem 1.25rem !important;
  }
  [style*="padding:3rem 2rem"],
  [style*="padding: 3rem 2rem"] {
    padding: 2rem 1.25rem !important;
  }
  [style*="padding:2.5rem 2rem"],
  [style*="padding: 2.5rem 2rem"] {
    padding: 1.75rem 1.25rem !important;
  }
  [style*="padding:2rem 1.5rem"],
  [style*="padding: 2rem 1.5rem"] {
    padding: 1.5rem 1rem !important;
  }
}

/* ============================================================
   フッター（全ページ共通）
   ============================================================ */

@media (max-width: 640px) {
  .footer-mid { gap: 1.25rem !important; }
  .footer-col h5 { margin-bottom: 0.75rem; }
}

/* ============================================================
   フローティングCTA（全ページ共通）
   ============================================================ */

@media (max-width: 480px) {
  .floating-cta { bottom: 0.75rem; right: 0.75rem; }
  .floating-btn {
    padding: 0.7rem 1rem;
    font-size: 0.7rem;
    gap: 0.45rem;
  }
  .floating-btn span { display: none; }       /* 極小端末ではアイコンのみ */
  .floating-btn i { font-size: 1.1rem; }
}

/* ============================================================
   BEGINNERS.HTML — 肌の経過・グラフグリッド
   ============================================================ */

@media (max-width: 640px) {
  .bg-score-grid {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  .bg-approach-text {
    font-size: clamp(1.1rem, 4.5vw, 1.4rem) !important;
    text-align: center !important;
    white-space: normal !important;
  }
}

/* ============================================================
   PRODUCTS.HTML / SUPPLEMENT.HTML 共通：
   product-featured のスマホ表示
   ============================================================ */

@media (max-width: 640px) {
  .product-featured {
    grid-template-columns: 1fr !important;
    padding: 1.75rem 1.25rem !important;
    gap: 2rem !important;
    text-align: center !important;
  }
  /* 通常ページ（products / supplement）の画像サイズ */
  .product-featured-image {
    max-width: 260px !important;
    margin: 0 auto !important;
  }
  /* index.html フラッグシップ：画像をより大きく */
  .product-featured-image--large {
    max-width: 300px !important;
    margin: 0 auto !important;
  }
  .product-featured-image--large .product-real-photo {
    padding: 0.5rem !important;
    aspect-ratio: 2/3 !important;
  }
  .product-benefits {
    grid-template-columns: 1fr !important;
    text-align: left !important;
  }
  .product-actions {
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap: 0.75rem !important;
  }
  .product-featured-name { font-size: clamp(1.8rem, 7vw, 2.6rem) !important; }
}

/* ============================================================
   AGENCY-RECRUIT.HTML — インライン要素の補正
   ============================================================ */

@media (max-width: 640px) {
  /* メリット説明の横並び → 縦積み */
  [style*="display:flex"][style*="gap:2rem"],
  [style*="display: flex"][style*="gap: 2rem"] {
    gap: 1.25rem !important;
    flex-wrap: wrap !important;
  }

  /* バー item */
  [style*="display:grid"][style*="grid-template-columns:200px"] {
    grid-template-columns: 1fr !important;
    gap: 0.4rem !important;
  }
  [style*="display:grid"][style*="grid-template-columns: 200px"] {
    grid-template-columns: 1fr !important;
    gap: 0.4rem !important;
  }
  [style*="display:grid"][style*="grid-template-columns:150px"] {
    grid-template-columns: 1fr !important;
    gap: 0.4rem !important;
  }
  [style*="display:grid"][style*="grid-template-columns: 150px"] {
    grid-template-columns: 1fr !important;
    gap: 0.4rem !important;
  }
}

/* ============================================================
   SUPPLEMENT.HTML — タイムラインrow（独自class）
   ============================================================ */

@media (max-width: 900px) {
  .timeline-row { grid-template-columns: repeat(2, 1fr) !important; }
  .timeline-row::before { display: none !important; }
}
@media (max-width: 600px) {
  .timeline-row { grid-template-columns: 1fr !important; }
}

/* ============================================================
   テキスト・タイポグラフィのスマホ最適化
   ============================================================ */

@media (max-width: 640px) {
  /* section-header の下マージン縮小 */
  .section-header { margin-bottom: 2.5rem !important; }

  /* section-desc：文字サイズ */
  .section-desc { font-size: 0.88rem !important; line-height: 1.9 !important; }

  /* section内の長文paragraph */
  .content-section p[style*="font-size:.95rem"],
  .content-section p[style*="font-size: .95rem"] {
    font-size: 0.88rem !important;
    line-height: 1.85 !important;
  }

  /* 見出し系 */
  [style*="font-size:1.1rem"][style*="font-weight:700"] {
    font-size: 1rem !important;
  }
  [style*="font-size:1.2rem"][style*="font-weight:700"] {
    font-size: 1.05rem !important;
    white-space: normal !important;
  }
}

/* ============================================================
   PRODUCTS-AGENCY.HTML — 商品カード内の詳細
   ============================================================ */

@media (max-width: 640px) {
  /* agencyカード内の価格・ボタン */
  .agency-product-card .price-item { min-width: unset !important; padding: 0.65rem 1rem !important; }
  .agency-product-card .product-actions { flex-wrap: wrap !important; gap: 0.5rem !important; }
  .agency-product-card .btn-primary,
  .agency-product-card .btn-ghost {
    width: 100% !important;
    text-align: center !important;
    justify-content: center !important;
  }
}

/* ============================================================
   CONTACT.HTML — お問い合わせフォーム
   ============================================================ */

@media (max-width: 640px) {
  /* 3選択肢カード → 縦積み */
  .card-grid-3.contact-cards { grid-template-columns: 1fr !important; }

  /* アイコンバッジを中央に */
  .contact-cards .icon-badge { margin-left: auto; margin-right: auto; }
  .contact-cards .base-card  { text-align: center; }
  .contact-cards .line-divider { margin: 1.25rem auto; }
}

/* ============================================================
   COMPANY.HTML — アクセスマップ・インライン要素
   ============================================================ */

@media (max-width: 640px) {
  /* Google Maps iframeの高さ縮小 */
  iframe[src*="maps"] {
    height: 260px !important;
    width: 100% !important;
  }

  /* 会社情報ボックス */
  [style*="padding:2rem"][style*="background:var(--dark)"],
  [style*="padding: 2rem"][style*="background: var(--dark)"] {
    padding: 1.5rem 1.25rem !important;
  }

  /* co-nowrap クラス → スマホで折り返し解除 */
  .co-nowrap { white-space: normal !important; }

  /* value-item：ギャップを縮小 */
  .value-item { gap: 1rem !important; padding: 1.25rem 0 !important; }
  .value-num  { font-size: 1.6rem !important; width: 2rem !important; }

  /* highlight-box：padding縮小 */
  .highlight-box { padding: 1rem 1.25rem !important; }
  .highlight-box p { font-size: 0.85rem !important; }

  /* ブランドストーリーの段落 */
  [style*="max-width:780px"] p[style*="font-size:.93rem"],
  [style*="max-width:780px"] p[style*="font-size: .93rem"] {
    font-size: 0.86rem !important;
    line-height: 1.85 !important;
  }

  /* ミッション文のフォントサイズ */
  [style*="font-size:1.05rem"][style*="font-family:var(--font-serif)"] {
    font-size: 0.95rem !important;
    line-height: 1.85 !important;
  }

  /* 会社情報テーブルのコンテナ */
  [style*="max-width:760px"] {
    max-width: 100% !important;
  }
}

/* ============================================================
   全ページ：モバイルメニューオーバーレイ補正
   ============================================================ */

@media (max-width: 900px) {
  /* ハンバーガー開放時にbody固定スクロールが
     意図せず横スクロールバーを出さないよう制御 */
  body.menu-open { overflow: hidden; }
}

/* ============================================================
   BEGINNERS.HTML — 層構造図・イオン導入詳細・肌の経過
   ============================================================ */

/* 層構造図（角質層〜基底層）：スマホでふりがな非表示 */
@media (max-width: 640px) {
  /* 皮膚層図のふりがなspanを非表示 */
  [style*="font-size:.75rem"][style*="color:#888"][style*="font-family:var(--font-sans)"] {
    display: none !important;
  }

  /* 肌の経過ボックス→スクロール可能に */
  .bg-progress-boxes [style*="grid-template-columns:1fr auto 1fr auto 1fr"] {
    flex-direction: column !important;
    gap: 1rem !important;
  }
  .bg-progress-boxes [style*="font-size:2rem"][style*="color:var(--gold)"] {
    transform: rotate(90deg);
  }

  /* 五大能力スコアグリッド（3列 → 縦1列） */
  .bg-score-grid[style*="grid-template-columns:1fr 1fr 1fr"] {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }
  /* 直接 style 属性で書かれた bg-score-grid */
  [class="bg-score-grid"][style] {
    grid-template-columns: 1fr !important;
    gap: 2rem !important;
  }

  /* 肌能力グラフラッパー */
  [style*="background:#fff"][style*="border-radius:16px"][style*="padding:2.5rem"] {
    padding: 1.5rem 1.25rem !important;
  }

  /* コンセプトI 矢印付きボックス（当社/一般） */
  [style*="display:flex"][style*="flex-direction:column"][style*="gap:1rem"] > [style*="border-radius:50px"] {
    font-size: 0.88rem !important;
    padding: 0.75rem 1.25rem !important;
  }

  /* 「綺麗になるためには」ボックス */
  [style*="background:var(--dark)"][style*="border-radius:16px"][style*="padding:3rem"] {
    padding: 2rem 1.25rem !important;
  }
  .bg-approach-text[style*="font-size:2rem"] {
    font-size: clamp(1.35rem, 5.5vw, 1.8rem) !important;
    white-space: normal !important;
  }
}

/* ============================================================
   BEGINNERS.HTML — two-col レイアウト：画像と説明文
   ============================================================ */

@media (max-width: 640px) {
  /* 画像側のflex:1 → 自然なサイズに */
  .two-col > [style*="flex:1"] img[style*="aspect-ratio:3/4"] {
    aspect-ratio: 4/3 !important;
    max-height: 240px !important;
    object-fit: cover !important;
  }

  /* コンセプトI 肌能力レベル図 */
  [style*="background:#bbb"][style*="border-radius:8px"],
  [style*="background:#999"][style*="border-radius:8px"],
  [style*="background:#ccc"][style*="border-radius:8px"] {
    padding: 0.8rem 1.25rem !important;
    font-size: 0.9rem !important;
  }

  /* step-flow-num（ゴールド丸） */
  span.step-flow-num[style*="width:70px"] {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    font-size: 1.6rem !important;
  }
}

/* ============================================================
   CONTACT.HTML — フォームUI・バッジ・カード
   ============================================================ */

@media (max-width: 640px) {
  /* インフォカード（3列 → 1列） */
  .card-grid-3.reveal > .base-card {
    /* responsive.cssのcard-grid-3→1列対応で吸収される */
  }

  /* フォームの送信ボタン */
  #submit-btn {
    width: 100% !important;
    justify-content: center !important;
    padding: 1rem 1.5rem !important;
  }

  /* プライバシー同意チェック */
  .form-checkbox-label {
    align-items: flex-start !important;
    gap: 0.6rem !important;
    font-size: 0.85rem !important;
    line-height: 1.65 !important;
  }

  /* フォームヒント */
  .form-hint {
    font-size: 0.75rem !important;
  }

  /* FAQ問答 */
  .faq-question {
    font-size: 0.88rem !important;
    padding: 1.25rem 0 !important;
  }
  .faq-question span { flex: 1 !important; }

  /* CTA送信完了メッセージ */
  #form-success [style*="padding:3rem 2rem"] {
    padding: 2rem 1.25rem !important;
  }
  #form-success h3[style*="font-size:1.5rem"] {
    font-size: 1.25rem !important;
  }
}

/* ============================================================
   極小スマホ（〜380px）の全体補正
   ============================================================ */

@media (max-width: 380px) {
  /* section-title を少し縮小 */
  .section-title { font-size: clamp(1.45rem, 7vw, 1.9rem) !important; }

  /* ボタンを小さめに */
  .btn-primary,
  .btn-ghost { padding: 0.7rem 1.25rem !important; font-size: 0.8rem !important; }

  /* page-hero h1 */
  .page-hero h1 { font-size: 1.65rem !important; }

  /* コンテナのpaddingを最小に */
  .container { padding: 0 1rem !important; }

  /* stat-heroのnum */
  .stat-hero-num { font-size: 1.6rem !important; }
}