/**
 * Fixperts - 제품 상세 페이지 반응형 디자인
 */

/* 1023px 이하 - 메인/사이드 레이아웃 해제 (1024px까지는 두 칸 유지) */
@media (max-width: 1023px) {
  .product-detail-layout {
    flex-direction: column;
  }

  .product-detail-main {
    flex: 1 1 auto;
    max-width: 100%;
  }

  .product-detail-aside {
    display: none;
  }
}

/* 태블릿 (1200px 이하) */
@media (max-width: 1200px) {
  .content-wrapper {
    display: block;
  }
}

/* 태블릿 (1024px 이하) */
@media (max-width: 1024px) {
  .product-header {
    grid-template-columns: 1fr;
  }
}

/* 모바일 (768px 이하) */
@media (max-width: 768px) {
  /* 한줄평 섹션 */
  .reviews-section {
    padding: 20px 16px;
  }

  .reviews-section__header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }

  .reviews-section__write-btn {
    width: 100%;
  }
}