NovaLume ミニマリスト LED ペンダントライト（リモコン付き）
概要
以下のスタイリングルールは、NovaLume ミニマリスト LED ペンダントライト（リモコン付き）の製品ページの表示方法を定義しています。これらは、開いているセクションの見た目、セクションヘッダーの処理、アコーディオンパネルの動作、レスポンシブなレイアウトとタイポグラフィを管理し、すっきりとしたモダンなプレゼンテーションを実現します。
主なスタイリング特徴
- 開いている状態（is-open）は、展開されたセクションを強調するために、コンテンツエリアに明るい背景色と水平パディングを適用します。
- セクションフッター（section-footer__title）は、文字間隔を広げ、中程度のフォントウェイト、コンパクトなフォントサイズを使用して、はっきりと読みやすいラベルを作成します。
- アコーディオンパネル（accordionPanel）は、大きな画面で滑らかな最大高さのトランジションを提供し、洗練された展開・折りたたみ効果を実現します。折りたたみ時は明るい背景色とオーバーフロー非表示になります。
- アコーディオンラッパー（accordionWrapper）は、フェードインのトランジションで表示を管理し、ビューポート全体で一貫したパディングを確保します。
- レスポンシブカラム（columns）は、広い画面で2カラムレイアウトに切り替わり、読みやすさを保ちながらコンテンツの密度を向上させます。
タイポグラフィと間隔
- タイポグラフィは、Replica StdやHelvetica Neueなどのフォントを使用し、モダンでクリーンな印象を与えます。いくつかの見出しは大文字で文字間隔を狭くし、力強い階層を作り出しています。
- 間隔ユーティリティは、要素間の一貫したリズムを保つためにマージンやパディングを調整し、下部マージンや内側パディングも含まれます。
- リストとコンテンツコンテナは、デフォルトのリストスタイルとマージンをリセットし、整ったレイアウトを保証します。
構造に関する注意点
記述されたルールはページの表示に焦点を当てており、説明されたスタイリングフレームワーク以外の追加機能や外部要素は導入しません。