<section data-component-type="Content" class="w-full bg-white" data-component-slug="interior-product-showcase-template-expert-guidance">
  <!-- ================= STYLES ================= -->
  

  <!-- ================= CONTENT ================= -->
  <div class="expert-wrapper">
    <div class="expert-grid">

      <!-- LEFT -->
      <div>

        <!-- LABEL -->
        <div class="expert-label">
          <div class="expert-dot" style="--expert-dot-bg: {{expert_dot}};" data-node="expert_dot" data-node-type="color" data-node-default="#000000"></div>

          <div class="expert-label-text" data-node="expert_label" data-node-type="text" data-node-default="EXPERT GUIDANCE">
            {{expert_label}}
          </div>
        </div>

        <!-- HEADING -->
        <h2 class="expert-heading" data-node="expert_heading" data-node-type="text" data-node-default="STYLED FOR YOU">
          {{expert_heading}}
        </h2>

        <!-- DESCRIPTION -->
        <p class="expert-description" data-node="expert_description" data-node-type="textarea" data-node-default="Our experts assist in selecting products to ensure every space feels cohesive and intentional.">
          {{expert_description}}
        </p>

        <!-- FEATURES -->
        <div class="expert-features">

          <div>
            <div class="expert-feature-title" data-node="feature_1_title" data-node-type="text" data-node-default="AESTHETIC FIT">
              {{feature_1_title}}
            </div>

            <div class="expert-feature-text" data-node="feature_1_text" data-node-type="textarea" data-node-default="Products curated to match your choices.">
              {{feature_1_text}}
            </div>
          </div>

          <div>
            <div class="expert-feature-title" data-node="feature_2_title" data-node-type="text" data-node-default="PRACTICAL CHOICES">
              {{feature_2_title}}
            </div>

            <div class="expert-feature-text" data-node="feature_2_text" data-node-type="textarea" data-node-default="Selections that blend usability.">
              {{feature_2_text}}
            </div>
          </div>

          <div>
            <div class="expert-feature-title" data-node="feature_3_title" data-node-type="text" data-node-default="QUALITY ASSURED">
              {{feature_3_title}}
            </div>

            <div class="expert-feature-text" data-node="feature_3_text" data-node-type="textarea" data-node-default="Every item sourced from trusted brands.">
              {{feature_3_text}}
            </div>
          </div>

          <div>
            <div class="expert-feature-title" data-node="feature_4_title" data-node-type="text" data-node-default="SPACE OPTIMIZATION">
              {{feature_4_title}}
            </div>

            <div class="expert-feature-text" data-node="feature_4_text" data-node-type="textarea" data-node-default="Tailored to your layout and purpose.">
              {{feature_4_text}}
            </div>
          </div>

        </div>
      </div>

      <!-- RIGHT IMAGE -->
      <div>
        <img src="{{expert_image}}" class="expert-image" data-node="expert_image" data-node-type="file" data-node-default="https://res.cloudinary.com/duukclzsd/image/upload/v1768210805/seltrix/templates/interior-product-showcase-template/expert-guidance.webp" alt="Expert Guidance">
      </div>

    </div>
  </div>
</section>