h3 {
  font-weight: bold;
}

.p-layout.p-layout-media .p-layout__inner {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start;
  gap: 40px;
}

.detail {
  width: 564px !important;
  flex: 0 0 564px !important;
}

.pack_info {
  flex: 0 0 360px !important;
}


.pack_info img {
  width: 360px !important;
  height: auto !important;
}

@media screen and (max-width: 768px) {

  .p-layout.p-layout-media .p-layout__inner {
    flex-direction: column !important;
    gap: 16px;
  }

  .detail {
    width: auto !important;
    flex: none !important;
  }

  .pack_info {
    width: 100%;
    flex: none !important;
  }

  .pack_info img {
    width: 100% !important;
    max-width: 480px; 
    margin: 0 auto;
    display: block;
  }
}