過去の質問をみさせていただき、

<iframe 　　　　　　　　　　　　　　　　　　="" style="width:100%;height:100vw;" src="https://www.rakuten.ne.jp/gold/店舗ID/event/coupontop1sp.html" marginwidth="0" marginheight="0" scrolling="yes" frameborder="0" hspace="0" vspace="0"></iframe>
<BR>

を全商品、スマホの商品説明文の先の方に貼りました。

セール期限が終わった際に、coupontop1sp.htmlを白紙のページに変更して、
上記の記述は外さずに、表示・非表示をしたかったのですが。
自分でやってみたところ、白紙のページ（1px1pxのgif画像のみのページ）にすると、
style="width:100%;height:100vw;の分だけ、空白ができてしまいました。
かなり違和感が出てしまうため、空白部分をできる限り小さく見せたいのですが、

https://forum.ec-masters.net/post_view.php?id=4464

にありますように、

<iframe 　　　　　　　　　　　　　　　　　　src="https://www.rakuten.ne.jp/gold/店舗ID/event/coupontop1sp.html" width="100%" name="toukou" marginwidth="0" marginheight="0" scrolling="yes" frameborder="0" hspace="0" vspace="0"></iframe>

こんな感じで全商品に貼り

下記の内容をメモ帳に貼り付け、「toukou.css」という名前で保存してGOLDにアップロードし、
iframe[name="toukou"] { height: px; }
このheight:で非表示は1pxにするという調整でうまくいきそうでしょうか？

また、下記の内容ですが、
<link rel="stylesheet" href="http//www.rakuten.ne.jp/gold/SHOP-URL/toukou.css">
タグエラーさせて、全商品に貼るのか、商品ページ共通説明文に記入すれば、反映しますか？