カエレバ（デフォルト）ではインラインスタイルが指定してあるので、!importantはどうしても使用せざるを得ません。
作成当時、別々にすることも考えたのですが、統一されていた方が、メンテナンスも楽ですし、CSSの量も減らせるので、そういう仕様になっています。

※Cocoonでは通常ページとAMPページで同じような表示になるようにしています。しかしAMPのCSS制限は50KBまでです。少しでもCSSの量は減らしたく現在の仕様になっています。

僕も出来れば、!importantは使いたくはないのですが、上記のことを考えると、ちょっとうまい方法が思いつかないです。

ご返信ありがとうございます。

たとえば管理画面などでclass指定の入力枠を作っていただき、出力時にclass先頭に付加してもらえれば、既存のものを保ったまま追加CSSをムリなく適用できるかと考えますが、いかがでしょうか。

管理画面でclass入力　my-kaereba-box

html出力時　<div class="my-kaereba-box ...."

その機能を追加したとしても、CSS自体に!importantが書いてあるのは変わりないと思います。
またそういったもので良いのだったら、Amazon商品リンクだけに適用される、.amazon-item-boxに対してスタイリングすれば良いような気がします。

完全に独自のスタイルにするにはカエレバでしたらkaerebalinkのところを置換をすればスタイルの重複はなくなるかと思います。

.booklink-link2,
.kaerebalink-link1,
.tomarebalink-link1,
.product-item-buttons

例えば　class="kaerebalink-image"　のとき　class="mylink-image"　に変更すれば完全に独自スタイルのみ適応できそうです。

ただ記事本文に説明として　class="kaerebalink-image"　などかいてある場合、それも変わってしまうかと思われます。

あっ、テキストHTMLのほうで『もし』置換できるのであれば問題ないかもしれません？

<div class="kaerebalink-box">

&lt;div class="kaerebalink-image"&gt;

<div class="cstmreba">←これいらない
<div class="kaerebalink-box">
<div class="kaerebalink-image">
<div class="kaerebalink-info">
<div class="kaerebalink-name">
<div class="kaerebalink-powered-date">
<div class="kaerebalink-detail">
<div class="kaerebalink-link1">
<div class="shoplinkamazon"><div class="shoplinkhogehoge">hogehogeは楽天とか他のもの

一見したところ最低でもこれだけのタグの置換が必要そうかもです。

わいひらさん、かうたっくさん、アドバイスありがとうございます。

.amazon-item-boxに対して定義しても、子テーマのcssよりあとにcocoon本体のcssが読み込まれているため、親テーマのkaerebalink-boxの定義が優先されてしまうと思います。

タグの置換はPHPでフックして置換するという感じでしょうか？
今後のバージョンアップについていくためにも、ちょっと保留にさせてください。

処理順序などを見直して、再度検討してみます。

ありがとうございました。

親テーマのCSSの後に、子テーマのCSSが読み込まれるということは構造上考えにくいです。
おそらく、CSSセレクタの優先度が足りていないとかではないかと思います。
こちらのツールなどで優先度を比較して、高い優先度のCSSセレクタを書く必要があると思います。
https://nelog.jp/specificity-calculator