@charset "UTF-8";
/* ═══════════════════════════════════════════════════════════
   product.css — 06 產品

   圖文左右對開，偶數項自動交錯。
   ═══════════════════════════════════════════════════════════ */

.sec-product .product__list{
  display:flex; flex-direction:column;
  gap:var(--s-6);
}

.sec-product .product__item{
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:var(--s-6);
}
.sec-product .product__item:nth-child(even) .product__media{ order:2 }

.sec-product .product__media{
  aspect-ratio:4/5;
  display:grid; place-items:center;
  padding:var(--s-5);
  background:var(--c-gray-1);
  border-radius:var(--r-card);
}
.sec-product .product__media picture{ display:contents }
.sec-product .product__media img{
  width:auto; max-width:100%;
  height:auto; max-height:100%;
  object-fit:contain;
}

.sec-product .product__name{
  margin-top:var(--s-3);
  font-size:var(--fs-h2); font-weight:700;
  line-height:var(--lh-tight); letter-spacing:.06em;
}
.sec-product .product__step{
  margin-top:var(--s-2);
  font-size:var(--fs-note); color:var(--c-gray-2); letter-spacing:.06em;
}
.sec-product .product__text{
  margin-top:var(--s-4);
  font-size:var(--fs-h3); font-weight:400;
  line-height:var(--lh-base); letter-spacing:.04em;
  max-width:24em;
}
.sec-product .product__cta{ margin-top:var(--s-5) }

@media (max-width:900px){
  .sec-product .product__item{ grid-template-columns:1fr; gap:var(--s-4) }
  .sec-product .product__item:nth-child(even) .product__media{ order:0 }
  .sec-product .product__media{ aspect-ratio:3/2; padding:var(--s-4) }
}