.product-container {
   display: grid;
   grid-template-columns: 1fr 1fr;
   gap: 60px;
   background: white;
   padding: 50px;
   border-radius: 8px;
}

.product-images {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.main-image {
   width: 100%;
   height: auto;
   border-radius: 8px;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
}

.main-image img {
   object-fit: contain;
}

.swiper-container-thumbnail {
   width: 100%;
}

.swiper-slide-thumbnail {
   width: 80px;
   height: 80px;
   background: white;
   border-radius: 6px;
   cursor: pointer;
   border: 2px solid transparent;
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
   transition: all .3s ease;
}

.swiper-slide-thumbnail:hover,
.swiper-slide-thumbnail.active {
   border-color: #00c4cd;
}

.swiper-slide-thumbnail img {
   width: 100%;
   height: 100%;
   object-fit: contain;
}

.product-info {
   display: flex;
   flex-direction: column;
}

.product-name {
   font-size: 16px;
   font-weight: 700;
   color: #333;
   margin-bottom: 12px;
   min-height: 40px;
   display: flex;
   align-items: center;
   justify-content: center;
   line-height: 1.4;
   text-transform: uppercase;
}

.product-title {
   font-size: 36px;
   font-weight: 900;
   color: #333;
   margin-bottom: 30px;
   line-height: 1.3;
}

.product-details {
   margin-bottom: 40px;
}

.detail-row {
   display: grid;
   grid-template-columns: 180px 1fr;
   gap: 20px;
   padding: 15px 0;
   border-bottom: 1px solid #eee;
   align-items: start;
}

.detail-row:last-child {
   border-bottom: none;
}

.detail-label {
   font-weight: 700;
   color: #333;
   font-size: 14px;
}

.detail-value {
   color: #666;
   font-size: 14px;
   line-height: 1.7;
}

.detail-value strong {
   color: #333;
   font-weight: 700;
}

.button-group {
   display: flex;
   gap: 15px;
   margin-top: auto;
   padding-top: 30px;
}

.btn-inquiry {
   background: #ff9800;
   color: white;
   border: none;
   padding: 15px 40px;
   font-size: 15px;
   font-weight: 700;
   border-radius: 6px;
   cursor: pointer;
   text-transform: uppercase;
   letter-spacing: .5px;
   transition: all .3s ease;
   flex: 1;
   text-align: center;
   text-decoration: none;
   display: flex;
   align-items: center;
   justify-content: center;
}

.btn-inquiry:hover {
   background: #f57c00;
   transform: translateY(-2px);
   box-shadow: 0 4px 12px rgba(255, 152, 0, .3);
   color: white;
}

.btn-contact {
   background: transparent;
   color: #00c4cd;
   border: 2px solid #00c4cd;
   padding: 13px 40px;
   font-size: 15px;
   font-weight: 700;
   border-radius: 6px;
   cursor: pointer;
   text-transform: uppercase;
   letter-spacing: .5px;
   transition: all .3s ease;
   flex: 1;
   text-align: center;
   text-decoration: none;
   display: flex;
   align-items: center;
   justify-content: center;
}

.btn-contact:hover {
   background: #00c4cd;
   color: white;
}

.swiper {
   width: 100%;
}

.swiper-slide {
   display: flex;
   align-items: center;
   justify-content: center;
}

.thumbnail-wrapper {
   display: flex;
   gap: 10px;
}

@media (max-width:1024px) {
   .product-container {
      grid-template-columns: 1fr;
      gap: 40px
   }

   .main-image {
      height: 350px
   }

   .product-title {
      font-size: 28px
   }
}

@media (max-width:768px) {
   .product-container {
      padding: 20px;
      grid-template-columns: 1fr
   }

   .main-image {
      height: 280px
   }

   .detail-row {
      grid-template-columns: 120px 1fr;
      gap: 15px;
      padding: 12px 0
   }

   .product-title {
      font-size: 22px;
      margin-bottom: 20px
   }

   .button-group {
      flex-direction: column
   }

   .swiper-slide-thumbnail {
      width: 70px;
      height: 70px
   }
}