Elegant Lady Sculpture – Modern White Figurine Home Decor

<style>
  .els-product-page {
    --els-bg: #f7f3ec;
    --els-paper: #fffdf9;
    --els-text: #2d2824;
    --els-muted: #716961;
    --els-line: #ded4c9;
    --els-accent: #a88254;
    --els-soft: #eee5da;
    font-family: Arial, Helvetica, sans-serif;
    color: var(--els-text);
    background: var(--els-paper);
    overflow: hidden;
  }

  .els-product-page * {
    box-sizing: border-box;
  }

  .els-product-page img {
    display: block;
    width: 100%;
  }

  .els-container {
    width: min(1180px, calc(100% - 40px));
    margin: 0 auto;
  }

  .els-section {
    padding: 42px 0;
  }

  .els-eyebrow {
    margin: 0 0 10px;
    color: var(--els-accent);
    font-size: 13px;
    line-height: 1.4;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
  }

  .els-product-page h2,
  .els-product-page h3 {
    margin-top: 0;
    color: var(--els-text);
  }

  .els-product-page h2 {
    margin-bottom: 14px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(30px, 4vw, 48px);
    line-height: 1.08;
    font-weight: 500;
    letter-spacing: -0.025em;
  }

  .els-product-page h3 {
    margin-bottom: 8px;
    font-size: 19px;
    line-height: 1.3;
    font-weight: 750;
  }

  .els-product-page p {
    margin-top: 0;
    color: var(--els-muted);
    font-size: 16px;
    line-height: 1.75;
  }

  /* HERO */
  .els-hero {
    background:
      radial-gradient(circle at 85% 12%, rgba(255,255,255,.95), transparent 32%),
      linear-gradient(135deg, #f5efe7 0%, #fffdf9 58%, #eee4d8 100%);
  }

  .els-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    align-items: center;
    gap: 56px;
    min-height: 640px;
  }

  .els-hero-copy {
    padding: 30px 0;
  }

  .els-hero-title {
    margin: 0 0 18px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(44px, 6vw, 76px);
    line-height: 0.98;
    font-weight: 500;
    letter-spacing: -0.04em;
  }

  .els-hero-description {
    max-width: 590px;
    margin-bottom: 25px !important;
    font-size: 18px !important;
  }

  .els-hero-points {
    display: grid;
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 24px;
  }

  .els-hero-point {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--els-text);
    font-size: 15px;
    font-weight: 700;
  }

  .els-check {
    display: grid;
    place-items: center;
    flex: 0 0 26px;
    width: 26px;
    height: 26px;
    border: 1px solid var(--els-accent);
    border-radius: 50%;
    color: var(--els-accent);
    font-size: 14px;
    line-height: 1;
  }

  .els-hero-media {
    position: relative;
    padding: 34px 0;
  }

  .els-main-image-wrap {
    position: relative;
    overflow: hidden;
    border-radius: 30px 30px 8px 30px;
    background: #eee8e1;
    box-shadow: 0 28px 60px rgba(62, 48, 37, 0.14);
  }

  .els-main-image {
    aspect-ratio: 1 / 1;
    object-fit: cover;
  }

  .els-image-badge {
    position: absolute;
    left: 20px;
    bottom: 20px;
    max-width: 220px;
    padding: 14px 17px;
    border: 1px solid rgba(255,255,255,.72);
    border-radius: 14px;
    background: rgba(255,253,249,.88);
    backdrop-filter: blur(9px);
    box-shadow: 0 10px 35px rgba(39,30,25,.12);
  }

  .els-image-badge strong {
    display: block;
    margin-bottom: 3px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
  }

  .els-image-badge span {
    color: var(--els-muted);
    font-size: 13px;
    line-height: 1.45;
  }

  /* INTRO */
  .els-intro {
    text-align: center;
  }

  .els-intro p {
    max-width: 760px;
    margin-right: auto;
    margin-left: auto;
  }

  /* FEATURES */
  .els-features {
    background: var(--els-bg);
  }

  .els-section-head {
    max-width: 760px;
    margin: 0 auto 26px;
    text-align: center;
  }

  .els-feature-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
  }

  .els-feature-card {
    height: 100%;
    padding: 25px 20px;
    border: 1px solid rgba(168,130,84,.2);
    border-radius: 18px;
    background: rgba(255,253,249,.88);
    text-align: center;
  }

  .els-icon {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    margin: 0 auto 17px;
    border-radius: 50%;
    background: var(--els-soft);
    color: var(--els-accent);
  }

  .els-icon svg {
    width: 26px;
    height: 26px;
    stroke: currentColor;
  }

  .els-feature-card p {
    margin-bottom: 0;
    font-size: 14px;
    line-height: 1.65;
  }

  /* STORY */
  .els-story-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 52px;
    align-items: center;
  }

  .els-story-image {
    overflow: hidden;
    border-radius: 8px 28px 28px 28px;
    background: #eee8e1;
  }

  .els-story-image img {
    aspect-ratio: 4 / 5;
    object-fit: cover;
  }

  .els-story-copy p:last-child {
    margin-bottom: 0;
  }

  .els-quote {
    margin-top: 23px;
    padding: 18px 20px;
    border-left: 3px solid var(--els-accent);
    background: var(--els-bg);
    color: var(--els-text);
    font-family: Georgia, "Times New Roman", serif;
    font-size: 19px;
    line-height: 1.55;
  }

  /* PLACEMENT */
  .els-placement {
    background: #2e2925;
    color: #fff;
  }

  .els-placement .els-eyebrow {
    color: #d4b185;
  }

  .els-placement h2,
  .els-placement h3 {
    color: #fff;
  }

  .els-placement .els-section-head p,
  .els-placement-card p {
    color: rgba(255,255,255,.68);
  }

  .els-placement-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
  }

  .els-placement-card {
    padding: 23px 19px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 16px;
    background: rgba(255,255,255,.055);
  }

  .els-placement-number {
    margin-bottom: 15px;
    color: #d4b185;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 30px;
    line-height: 1;
  }

  .els-placement-card p {
    margin-bottom: 0;
    font-size: 14px;
  }

  /* DETAILS */
  .els-details {
    background: var(--els-paper);
  }

  .els-details-grid {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr);
    gap: 52px;
    align-items: start;
  }

  .els-detail-table {
    overflow: hidden;
    border: 1px solid var(--els-line);
    border-radius: 18px;
    background: #fff;
  }

  .els-detail-row {
    display: grid;
    grid-template-columns: 170px 1fr;
    border-bottom: 1px solid var(--els-line);
  }

  .els-detail-row:last-child {
    border-bottom: 0;
  }

  .els-detail-label,
  .els-detail-value {
    padding: 16px 18px;
    font-size: 14px;
    line-height: 1.5;
  }

  .els-detail-label {
    background: var(--els-bg);
    color: var(--els-text);
    font-weight: 750;
  }

  .els-detail-value {
    color: var(--els-muted);
  }

  .els-notice {
    margin-top: 16px;
    padding: 15px 17px;
    border-radius: 12px;
    background: var(--els-bg);
    color: var(--els-muted);
    font-size: 13px;
    line-height: 1.6;
  }

  /* PACKAGE & CARE */
  .els-care {
    background: var(--els-bg);
  }

  .els-care-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
  }

  .els-care-card {
    padding: 26px;
    border: 1px solid var(--els-line);
    border-radius: 18px;
    background: var(--els-paper);
  }

  .els-care-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .els-care-list li {
    position: relative;
    margin: 0;
    padding: 10px 0 10px 25px;
    border-bottom: 1px solid var(--els-line);
    color: var(--els-muted);
    font-size: 15px;
    line-height: 1.55;
  }

  .els-care-list li:last-child {
    border-bottom: 0;
  }

  .els-care-list li::before {
    position: absolute;
    top: 11px;
    left: 0;
    color: var(--els-accent);
    content: "✦";
  }

  /* BOTTOM */
  .els-bottom {
    padding: 38px 0;
    background: linear-gradient(135deg, #f2e9df, #fffdf9);
    text-align: center;
  }

  .els-bottom h2 {
    max-width: 760px;
    margin-right: auto;
    margin-left: auto;
  }

  .els-bottom p {
    max-width: 650px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0;
  }

  @media (max-width: 900px) {
    .els-hero-grid,
    .els-story-grid,
    .els-details-grid {
      grid-template-columns: 1fr;
      gap: 28px;
    }

    .els-hero-grid {
      min-height: auto;
    }

    .els-hero-copy {
      padding: 40px 0 0;
      text-align: center;
    }

    .els-hero-description {
      margin-right: auto;
      margin-left: auto;
    }

    .els-hero-points {
      width: fit-content;
      margin-right: auto;
      margin-left: auto;
      text-align: left;
    }

    .els-hero-media {
      padding-top: 0;
    }

    .els-feature-grid,
    .els-placement-grid {
      grid-template-columns: repeat(2, 1fr);
    }

    .els-story-copy {
      order: -1;
    }
  }

  @media (max-width: 600px) {
    .els-container {
      width: min(100% - 28px, 1180px);
    }

    .els-section {
      padding: 30px 0;
    }

    .els-hero-title {
      font-size: 43px;
    }

    .els-hero-description {
      font-size: 16px !important;
    }

    .els-main-image-wrap {
      border-radius: 22px 22px 6px 22px;
    }

    .els-image-badge {
      right: 13px;
      bottom: 13px;
      left: 13px;
      max-width: none;
    }

    .els-feature-grid,
    .els-placement-grid,
    .els-care-grid {
      grid-template-columns: 1fr;
    }

    .els-feature-card {
      padding: 21px 18px;
    }

    .els-detail-row {
      grid-template-columns: 1fr;
    }

    .els-detail-label {
      padding-bottom: 7px;
    }

    .els-detail-value {
      padding-top: 7px;
    }
  }
</style>

<section class="els-product-page">

  <!-- HERO -->
  <div class="els-hero">
    <div class="els-container">
      <div class="els-hero-grid">

        <div class="els-hero-copy">
          <p class="els-eyebrow">Modern Home Decoration</p>

          <h1 class="els-hero-title">
            Elegant Lady Sculpture
          </h1>

          <p class="els-hero-description">
            A graceful decorative statement piece featuring a flowing gown,
            refined silhouette, and timeless white finish for modern interiors.
          </p>

          <div class="els-hero-points">
            <div class="els-hero-point">
              <span class="els-check">✓</span>
              <span>Elegant flowing silhouette</span>
            </div>

            <div class="els-hero-point">
              <span class="els-check">✓</span>
              <span>Clean modern white finish</span>
            </div>

            <div class="els-hero-point">
              <span class="els-check">✓</span>
              <span>Ideal for shelves, desks and consoles</span>
            </div>
          </div>
        </div>

        <div class="els-hero-media">
          <div class="els-main-image-wrap">
            {% if product.featured_image %}
              <img
                class="els-main-image"
                src="{{ product.featured_image | image_url: width: 1600 }}"
                alt="{{ product.featured_image.alt | default: 'Elegant white lady sculpture with flowing dress for modern home decor' | escape }}"
                width="800"
                height="800"
                loading="eager"
              >
            {% else %}
              {{ 'product-1' | placeholder_svg_tag: 'els-main-image' }}
            {% endif %}

            <div class="els-image-badge">
              <strong>Grace in Every Detail</strong>
              <span>A refined accent designed to elevate your space.</span>
            </div>
          </div>
        </div>

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

  <!-- INTRO -->
  <div class="els-section els-intro">
    <div class="els-container">
      <p class="els-eyebrow">Timeless Elegance</p>

      <h2>A Sculptural Accent for Beautiful Interiors</h2>

      <p>
        Bring a sophisticated finishing touch to your home with this elegant
        lady sculpture. Its graceful posture, wide-brim hat, and flowing gown
        create a strong sense of movement while maintaining a clean and
        understated appearance.
      </p>
    </div>
  </div>

  <!-- FEATURES -->
  <div class="els-section els-features">
    <div class="els-container">

      <div class="els-section-head">
        <p class="els-eyebrow">Product Highlights</p>
        <h2>Designed to Stand Out Beautifully</h2>
        <p>
          A versatile decorative piece created to complement contemporary,
          minimalist, neutral, and modern home settings.
        </p>
      </div>

      <div class="els-feature-grid">

        <div class="els-feature-card">
          <div class="els-icon">
            <svg viewBox="0 0 24 24" fill="none" stroke-width="1.6">
              <path d="M12 3v18M5 8c4 0 7-2 7-5M19 8c-4 0-7-2-7-5M5 16c4 0 7 2 7 5M19 16c-4 0-7 2-7 5"/>
            </svg>
          </div>
          <h3>Graceful Design</h3>
          <p>
            The flowing dress and refined pose create an elegant sense of
            movement and sophistication.
          </p>
        </div>

        <div class="els-feature-card">
          <div class="els-icon">
            <svg viewBox="0 0 24 24" fill="none" stroke-width="1.6">
              <circle cx="12" cy="12" r="8"/>
              <path d="M8 12c1.5-3 6.5-3 8 0-1.5 3-6.5 3-8 0Z"/>
            </svg>
          </div>
          <h3>Modern White Finish</h3>
          <p>
            A clean neutral look that works beautifully with a wide range of
            interior colors and styles.
          </p>
        </div>

        <div class="els-feature-card">
          <div class="els-icon">
            <svg viewBox="0 0 24 24" fill="none" stroke-width="1.6">
              <path d="M4 20h16M6 20v-9h12v9M9 11V7h6v4"/>
            </svg>
          </div>
          <h3>Versatile Display</h3>
          <p>
            Suitable for shelves, desks, coffee tables, console tables,
            cabinets, and bedside displays.
          </p>
        </div>

        <div class="els-feature-card">
          <div class="els-icon">
            <svg viewBox="0 0 24 24" fill="none" stroke-width="1.6">
              <path d="M12 21s-7-4.2-7-10a4 4 0 0 1 7-2.6A4 4 0 0 1 19 11c0 5.8-7 10-7 10Z"/>
            </svg>
          </div>
          <h3>Thoughtful Gift</h3>
          <p>
            A stylish gift choice for housewarmings, birthdays, weddings,
            anniversaries, and holidays.
          </p>
        </div>

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

  <!-- STORY -->
  <div class="els-section">
    <div class="els-container">
      <div class="els-story-grid">

        <div class="els-story-image">
          {% if product.images.size > 1 %}
            <img
              src="{{ product.images[1] | image_url: width: 1400 }}"
              alt="{{ product.images[1].alt | default: 'Elegant lady decorative figurine displayed in a modern interior' | escape }}"
              width="700"
              height="875"
              loading="lazy"
            >
          {% elsif product.featured_image %}
            <img
              src="{{ product.featured_image | image_url: width: 1400 }}"
              alt="{{ product.featured_image.alt | default: 'Elegant lady decorative figurine displayed in a modern interior' | escape }}"
              width="700"
              height="875"
              loading="lazy"
            >
          {% else %}
            {{ 'product-2' | placeholder_svg_tag }}
          {% endif %}
        </div>

        <div class="els-story-copy">
          <p class="els-eyebrow">Art Meets Interior Design</p>

          <h2>Make Your Space Feel More Refined</h2>

          <p>
            Decorative accents help transform an ordinary room into a space
            that feels personal and complete. This sculpture adds visual
            interest without overwhelming the surrounding decor.
          </p>

          <p>
            Its smooth white appearance coordinates easily with wood, stone,
            glass, neutral textiles, and metallic accents. Display it alone as
            a statement piece or pair it with books, candles, vases, and framed
            artwork.
          </p>

          <div class="els-quote">
            “A graceful decorative detail that brings movement, balance, and
            timeless style into the room.”
          </div>
        </div>

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

  <!-- PLACEMENT IDEAS -->
  <div class="els-section els-placement">
    <div class="els-container">

      <div class="els-section-head">
        <p class="els-eyebrow">Styling Ideas</p>
        <h2>Perfect for Your Favorite Spaces</h2>
        <p>
          Place this elegant figurine wherever you want to introduce a refined,
          artistic focal point.
        </p>
      </div>

      <div class="els-placement-grid">

        <div class="els-placement-card">
          <div class="els-placement-number">01</div>
          <h3>Living Room</h3>
          <p>
            Display it on a coffee table, console, shelf, or media cabinet.
          </p>
        </div>

        <div class="els-placement-card">
          <div class="els-placement-number">02</div>
          <h3>Bedroom</h3>
          <p>
            Add a graceful finishing touch to a dresser or bedside table.
          </p>
        </div>

        <div class="els-placement-card">
          <div class="els-placement-number">03</div>
          <h3>Home Office</h3>
          <p>
            Create an inspiring decorative detail for your desk or bookcase.
          </p>
        </div>

        <div class="els-placement-card">
          <div class="els-placement-number">04</div>
          <h3>Entryway</h3>
          <p>
            Welcome guests with a sophisticated accent on an entry console.
          </p>
        </div>

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

  <!-- PRODUCT DETAILS -->
  <div class="els-section els-details">
    <div class="els-container">
      <div class="els-details-grid">

        <div>
          <p class="els-eyebrow">Product Information</p>
          <h2>Details at a Glance</h2>
          <p>
            Review the product specifications before ordering to make sure the
            sculpture is suitable for your intended display area.
          </p>

          <div class="els-notice">
            Please replace any bracketed information below with the exact
            measurements and material supplied by your product manufacturer.
          </div>
        </div>

        <div>
          <div class="els-detail-table">

            <div class="els-detail-row">
              <div class="els-detail-label">Product Name</div>
              <div class="els-detail-value">Elegant Lady Sculpture</div>
            </div>

            <div class="els-detail-row">
              <div class="els-detail-label">Style</div>
              <div class="els-detail-value">
                Modern, minimalist and elegant
              </div>
            </div>

            <div class="els-detail-row">
              <div class="els-detail-label">Color</div>
              <div class="els-detail-value">White</div>
            </div>

            <div class="els-detail-row">
              <div class="els-detail-label">Product Type</div>
              <div class="els-detail-value">
                Decorative tabletop sculpture
              </div>
            </div>

            <div class="els-detail-row">
              <div class="els-detail-label">Material</div>
              <div class="els-detail-value">
                [Insert actual product material]
              </div>
            </div>

            <div class="els-detail-row">
              <div class="els-detail-label">Dimensions</div>
              <div class="els-detail-value">
                [Insert actual product dimensions]
              </div>
            </div>

            <div class="els-detail-row">
              <div class="els-detail-label">Recommended Use</div>
              <div class="els-detail-value">
                Indoor decoration
              </div>
            </div>

            <div class="els-detail-row">
              <div class="els-detail-label">Quantity</div>
              <div class="els-detail-value">1 sculpture</div>
            </div>

          </div>
        </div>

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

  <!-- PACKAGE & CARE -->
  <div class="els-section els-care">
    <div class="els-container">

      <div class="els-section-head">
        <p class="els-eyebrow">Helpful Information</p>
        <h2>Package Contents & Care</h2>
      </div>

      <div class="els-care-grid">

        <div class="els-care-card">
          <h3>Package Includes</h3>

          <ul class="els-care-list">
            <li>1 × Elegant Lady Sculpture</li>
            <li>Decorative books and surrounding accessories are not included</li>
            <li>Packaging may vary depending on fulfillment location</li>
          </ul>
        </div>

        <div class="els-care-card">
          <h3>Care Instructions</h3>

          <ul class="els-care-list">
            <li>Clean gently with a soft, dry cloth</li>
            <li>Avoid harsh cleaning products and abrasive materials</li>
            <li>Keep away from prolonged moisture exposure</li>
            <li>Place on a stable, level surface</li>
            <li>Handle carefully when moving or cleaning</li>
          </ul>
        </div>

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

  <!-- BOTTOM MESSAGE -->
  <div class="els-bottom">
    <div class="els-container">
      <p class="els-eyebrow">A Beautiful Finishing Touch</p>

      <h2>Bring Graceful Character Into Your Home</h2>

      <p>
        Whether displayed as a standalone centerpiece or styled with your
        favorite decor, the Elegant Lady Sculpture adds a refined artistic
        presence to everyday spaces.
      </p>
    </div>
  </div>

</section>