<template>
  <section class="theme-olive-page">
    <div class="page-hero">
      <span class="eyebrow">Olive</span>
      <h1>{{ 'Product' }}</h1>
      <p>장인의 손길로 빚어낸 작품 — 이 페이지는 Olive 테마 패키지의 `templates/pages/Product.vue` 입니다.</p>
    </div>
  </section>
</template>
<style scoped>
.page-hero { max-width:960px; margin:0 auto; padding:80px 24px; text-align:center; }
.eyebrow { color:#7c9a2a; font-weight:800; font-size:12px; letter-spacing:.12em; text-transform:uppercase; }
h1 { font-size:44px; color:#4d5e1a; margin:10px 0 16px; font-weight:800; }
p { color:#555; font-size:16px; line-height:1.7; }
</style>
