<!-- Paste markup into an Embed, or recreate as native elements.
     Styles below map 1:1 to the class names above. -->
<section class="product_component">
  <div class="product_layout">
    <div class="product_media">
      <p class="product_medialabel">New — Atelier N°04</p>
      <img class="product_image" src="https://pub-8060008fc1ab494c98adf87ab62286c4.r2.dev/assets/inspiration/section-product-detail-luxury-serif-2-1-12.webp" alt="Amber glass fragrance bottle on a warm cream backdrop" />
    </div>
    <div class="product_content">
      <p class="product_meta">Eau de Parfum — 100ml</p>
      <h1 class="product_title">
        <span class="product_titleaccent">a quiet warmth</span>
      </h1>
      <p class="product_price">$185.00</p>
      <div class="product_divider"></div>
      <p class="product_description">Composed in small batches, this fragrance opens with bergamot and settles into a slow drift of amber, cedar and the faint memory of woodsmoke. Made to be worn close — an accord that lingers long after the room has emptied.</p>
      <ul class="product_notes">
        <li class="product_note">Top — Calabrian bergamot, pink pepper</li>
        <li class="product_note">Heart — Iris, cedarwood, dried tobacco</li>
        <li class="product_note">Base — Amber, vetiver, soft woodsmoke</li>
      </ul>
      <div class="product_actions">
        <button class="product_addbutton">Add to Cart</button>
        <a class="product_wishlink" href="#wishlist">Add to Wishlist</a>
      </div>
      <p class="product_ship">Complimentary shipping & samples on orders over $120.</p>
    </div>
  </div>
</section>

<style>
.product_component {
  width:100%;
  background-color:#faf8f4;
  padding:100px 24px;
  font-family:Georgia,'Times New Roman',serif;
  box-sizing:border-box;
}

.product_layout {
  max-width:1200px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:64px;
  align-items:start;
}

.product_media {
  position:relative;
}

.product_medialabel {
  position:absolute;
  top:24px;
  left:24px;
  z-index:2;
  margin:0;
  font-family:Georgia,serif;
  font-size:11px;
  letter-spacing:0.22em;
  text-transform:uppercase;
  color:#a67c52;
}

.product_image {
  width:100%;
  height:620px;
  object-fit:cover;
  display:block;
  border-radius:2px;
}

.product_content {
  padding-top:24px;
  display:flex;
  flex-direction:column;
}

.product_meta {
  margin:0 0 24px;
  font-family:Georgia,serif;
  font-size:11px;
  letter-spacing:0.28em;
  text-transform:uppercase;
  color:#a67c52;
}

.product_title {
  margin:0;
  font-family:Georgia,'Times New Roman',serif;
  font-size:54px;
  line-height:1.05;
  font-weight:400;
  color:#1a1613;
  letter-spacing:-0.01em;
}

.product_titleaccent {
  font-style:italic;
  color:#a67c52;
}

.product_price {
  margin:28px 0 0;
  font-family:Georgia,serif;
  font-size:28px;
  color:#1a1613;
  letter-spacing:0.01em;
}

.product_divider {
  height:1px;
  width:100%;
  background-color:#e4ddd1;
  margin:32px 0;
}

.product_description {
  margin:0;
  font-family:Georgia,serif;
  font-size:17px;
  line-height:1.75;
  color:#4a453e;
  max-width:440px;
}

.product_notes {
  list-style:none;
  padding:0;
  margin:28px 0 0;
  display:flex;
  flex-direction:column;
  gap:10px;
}

.product_note {
  font-family:Georgia,serif;
  font-size:13px;
  letter-spacing:0.06em;
  color:#6b655c;
}

.product_actions {
  display:flex;
  align-items:center;
  gap:16px;
  margin-top:40px;
  flex-wrap:wrap;
}

.product_addbutton {
  background-color:#1a1613;
  color:#faf8f4;
  font-family:Georgia,serif;
  font-size:13px;
  letter-spacing:0.18em;
  text-transform:uppercase;
  padding:20px 40px;
  border:0;
  cursor:pointer;
  transition:background-color 0.3s ease;
}

.product_wishlink {
  font-family:Georgia,serif;
  font-size:13px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:#a67c52;
  text-decoration:none;
  border-bottom:1px solid #a67c52;
  padding-bottom:3px;
}

.product_ship {
  margin:28px 0 0;
  font-family:Georgia,serif;
  font-size:12px;
  letter-spacing:0.1em;
  color:#8a8378;
}
</style>