/* --- アニメーション定義 --- */
      @keyframes aurora-shift {
        0% { background-position: 0% 50%; }
        50% { background-position: 100% 50%; }
        100% { background-position: 0% 50%; }
      }

      /* --- カードの基本スタイル --- */
      .product-card-aurora {
        position: relative;
        overflow: hidden;
        border-radius: 1rem;
        padding: 1.5rem;
        color: #1f2937;
        background-color: #ffffff;
        box-shadow: 0 4px 15px -1px rgb(0 0 0 / 0.05); /* 影を少し調整 */
        transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
      }

      /* --- カードの背景グラデーション（オーロラ） --- */
      .product-card-aurora::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0; bottom: 0;
        background-image: linear-gradient(120deg, 
          #a6e3e9 0%,   /* Light Cyan */
          #d1eaff 25%,  /* Light Blue */
          #f8f7ff 50%,  /* Off White / Lavender */
          #d4f0f0 75%,  /* Another Light Cyan */
          #a6e3e9 100%
        );
        background-size: 400% 400%;
        animation: aurora-shift 20s ease-in-out infinite; /* アニメーションを少しゆっくりに */
        z-index: 0;
        
        /* === 変更点 === */
        opacity: 0.4; /* デフォルトで薄く表示する */
        
        transition: opacity 0.5s ease, transform 0.5s ease;
      }

      /* --- カードのコンテンツ --- */
      .product-card-aurora > * {
        position: relative;
        z-index: 1;
      }
      
      /* --- ホバーエフェクト --- */
      .product-card-aurora:hover {
        transform: translateY(-10px) scale(1.02);
        box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.2);
      }
      .product-card-aurora:hover::before {
        /* === 変更点 === */
        opacity: 1; /* ホバー時にオーロラを強く、鮮やかにする */
        transform: scale(1.1); /* グラデーションを少し拡大して動きを出す */
      }

      /* --- 見出しの下線 --- */
      .heading-underline {
        position: absolute;
        bottom: -12px;
        left: 50%;
        transform: translateX(-50%);
        width: 70px;
        height: 4px;
        background: linear-gradient(90deg, #81e6d9, #63b3ed);
        border-radius: 2px;
      }