NovaLume ミニマリスト LED ペンダントライト（リモコン付き）
概要
以下のスタイル規則は、NovaLume ミニマリスト LED ペンダントライト（リモコン付き）の製品ページの表示方法を定めています。これらは開いたセクションの見た目、セクション見出しの扱い、アコーディオンパネルの動作、そして清潔で現代的な見せ方を保つためのレスポンシブなレイアウトと活字組みを管理します。
主なスタイルの特徴
- 開いた状態（is-open）は、拡張されたセクションを際立たせるために、内容部分に淡い背景色と左右の余白を適用します。
- セクションの脚注（section-footer__title）は、文字間隔を広げ、中くらいの太さの文字、そして小さめの文字サイズで、はっきりと読みやすいラベルを作ります。
- アコーディオンパネル（accordionPanel）は、大きな画面で滑らかな最大高さの変化を提供し、洗練された開閉効果を生み出します。閉じているときは淡い背景色で、はみ出し部分は隠されます。
- アコーディオンの包み（accordionWrapper）は、フェードインの切り替えで表示を管理し、画面サイズにかかわらず余白を一定に保ちます。
- レスポンシブな列（columns）は、広い画面で二列のレイアウトに切り替わり、内容の密度を高めつつ読みやすさを維持します。
活字組みと間隔
- 活字組みはReplica StdやHelvetica Neueのような書体を用い、現代的で清潔な印象を与えます。いくつかの見出しは大文字で文字間隔を狭くし、力強い階層を作り出しています。
- 間隔の調整は、要素間の余白や内側の余白を一定に保つための補助的な設定を用いて、全体のリズムを整えています。
- リストや内容の容器は、既定のリストスタイルや余白をリセットし、整ったレイアウトを確保しています。
構造に関する注意
ここで述べた規則はページの見た目に焦点を当てており、記述されたスタイルの枠組みを超えた追加機能や外部要素は含みません。