/* products.css - products.php 전용 */

/* HERO (비디오 배경) */
.page-hero{
  position: relative;
  padding: 92px 0 40px;
  border-bottom:1px solid rgba(255,255,255,.12);
  overflow:hidden;
}

.page-hero-inner{
  position: relative;
  z-index: 2;
}

.page-hero h1{
  margin:0 0 14px;
  font-size: 38px;
}

.page-hero-media{
  position:absolute;
  inset:0;
  z-index: 0;
  overflow:hidden;
}
.page-hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transform: scale(1.02);
}
.page-hero-overlay{
  position:absolute;
  inset:0;
  /* 제품 페이지는 조금 더 “차분한” 오버레이 추천 */
  background:
    radial-gradient(1100px 520px at 25% 10%, rgba(37,99,235,.28), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.58), rgba(0,0,0,.34) 35%, rgba(0,0,0,.60));
}

/* 본문 */
.product-section{
  padding: 72px 0;
}
.product-section h2{
  font-size: 26px;
  margin-bottom: 12px;
}

.product-desc{
  max-width: 820px;
  color: rgba(234,240,255,.85);
  font-size: 16px;
  line-height: 1.7;
}

.product-image{
  max-width: 820px;
  margin: 36px auto;
  border-radius: 22px;
  overflow: hidden;
  border:1px solid rgba(255,255,255,.12);
}
.product-image img{
  display:block;
  width:100%;
  height:auto;
}

/* 이미지 사이즈 유틸 */
.img-wide   { max-width: 900px; }
.img-medium { max-width: 720px; }
.img-small  { max-width: 440px; }