/* Y3381-X4215-L9652 간편고등어 상세페이지 CSS */
/* 오쉐프 간편고등어(노르웨이) - 시원한 블루 테마 */

.Y3381_X4215_L9652_wrapper {
  font-family: 'Noto Sans KR', sans-serif !important;
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  background: linear-gradient(180deg, #e3f2fd 0%, #ffffff 100%) !important;
  color: #1a237e !important;
  line-height: 1.7 !important;
  overflow-x: hidden !important;
}

.Y3381_X4215_L9652_wrapper * {
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Hero Section */
.Y3381_X4215_L9652_hero {
  background: linear-gradient(135deg, #1976D2 0%, #0D47A1 100%) !important;
  padding: 50px 30px !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 30px !important;
}

.Y3381_X4215_L9652_hero_content {
  flex: 1 !important;
  min-width: 280px !important;
}

.Y3381_X4215_L9652_badge {
  display: inline-block !important;
  background: rgba(255, 255, 255, 0.2) !important;
  color: #fff !important;
  padding: 8px 16px !important;
  border-radius: 25px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  margin-bottom: 15px !important;
}

.Y3381_X4215_L9652_title {
  font-family: 'Noto Serif KR', serif !important;
  font-size: 38px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 15px !important;
  line-height: 1.3 !important;
}

.Y3381_X4215_L9652_subtitle {
  font-size: 18px !important;
  color: rgba(255, 255, 255, 0.9) !important;
  margin-bottom: 25px !important;
  line-height: 1.6 !important;
}

.Y3381_X4215_L9652_spec_badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
}

.Y3381_X4215_L9652_spec_badges span {
  background: rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
  padding: 8px 14px !important;
  border-radius: 20px !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

.Y3381_X4215_L9652_hero_image {
  flex: 1 !important;
  min-width: 280px !important;
  text-align: center !important;
}

.Y3381_X4215_L9652_hero_image img {
  max-width: 100% !important;
  height: auto !important;
  border-radius: 16px !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3) !important;
}

/* Section Title */
.Y3381_X4215_L9652_section_title {
  font-family: 'Noto Serif KR', serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #1565C0 !important;
  text-align: center !important;
  margin-bottom: 35px !important;
}

/* Features Section */
.Y3381_X4215_L9652_features {
  padding: 60px 30px !important;
  background: #ffffff !important;
}

.Y3381_X4215_L9652_features_grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 25px !important;
}

.Y3381_X4215_L9652_feature_card {
  background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%) !important;
  padding: 30px 25px !important;
  border-radius: 16px !important;
  text-align: center !important;
  transition: transform 0.3s ease !important;
}

.Y3381_X4215_L9652_feature_card:hover {
  transform: translateY(-5px) !important;
}

.Y3381_X4215_L9652_feature_icon {
  font-size: 42px !important;
  margin-bottom: 15px !important;
}

.Y3381_X4215_L9652_feature_card h3 {
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0D47A1 !important;
  margin-bottom: 10px !important;
}

.Y3381_X4215_L9652_feature_card p {
  font-size: 14px !important;
  color: #1565C0 !important;
  line-height: 1.5 !important;
}

/* Gallery Section */
.Y3381_X4215_L9652_gallery {
  padding: 60px 30px !important;
  background: #f5f9ff !important;
}

.Y3381_X4215_L9652_gallery_grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
}

.Y3381_X4215_L9652_gallery_item img {
  width: 100% !important;
  height: auto !important;
  border-radius: 12px !important;
  box-shadow: 0 8px 25px rgba(21, 101, 192, 0.15) !important;
}

/* Menu Ideas Section */
.Y3381_X4215_L9652_menu_ideas {
  padding: 60px 30px !important;
  background: #ffffff !important;
}

.Y3381_X4215_L9652_menu_grid {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 20px !important;
}

.Y3381_X4215_L9652_menu_item {
  background: linear-gradient(145deg, #1976D2, #1565C0) !important;
  padding: 25px 15px !important;
  border-radius: 14px !important;
  text-align: center !important;
  color: #ffffff !important;
}

.Y3381_X4215_L9652_menu_emoji {
  font-size: 36px !important;
  display: block !important;
  margin-bottom: 12px !important;
}

.Y3381_X4215_L9652_menu_item h4 {
  font-size: 15px !important;
  font-weight: 700 !important;
  margin-bottom: 8px !important;
}

.Y3381_X4215_L9652_menu_item p {
  font-size: 12px !important;
  opacity: 0.9 !important;
}

/* Product Info Section */
.Y3381_X4215_L9652_info {
  padding: 60px 30px !important;
  background: #e3f2fd !important;
}

.Y3381_X4215_L9652_info_table {
  background: #ffffff !important;
  border-radius: 16px !important;
  overflow: hidden !important;
  box-shadow: 0 5px 20px rgba(21, 101, 192, 0.1) !important;
}

.Y3381_X4215_L9652_info_row {
  display: flex !important;
  border-bottom: 1px solid #e3f2fd !important;
}

.Y3381_X4215_L9652_info_row:last-child {
  border-bottom: none !important;
}

.Y3381_X4215_L9652_info_label {
  flex: 0 0 140px !important;
  background: #1976D2 !important;
  color: #ffffff !important;
  padding: 16px 20px !important;
  font-weight: 600 !important;
  font-size: 14px !important;
}

.Y3381_X4215_L9652_info_value {
  flex: 1 !important;
  padding: 16px 20px !important;
  font-size: 14px !important;
  color: #1a237e !important;
}

/* Reviews Section */
.Y3381_X4215_L9652_reviews {
  padding: 60px 30px !important;
  background: #ffffff !important;
}

.Y3381_X4215_L9652_reviews_grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 20px !important;
}

.Y3381_X4215_L9652_review_card {
  background: #f5f9ff !important;
  padding: 25px !important;
  border-radius: 14px !important;
  border-left: 4px solid #1976D2 !important;
}

.Y3381_X4215_L9652_review_header {
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  margin-bottom: 12px !important;
}

.Y3381_X4215_L9652_review_stars {
  color: #FFC107 !important;
  font-size: 16px !important;
}

.Y3381_X4215_L9652_review_author {
  font-weight: 600 !important;
  color: #1565C0 !important;
  font-size: 14px !important;
}

.Y3381_X4215_L9652_review_text {
  font-size: 14px !important;
  color: #37474f !important;
  line-height: 1.6 !important;
}

/* CTA Section */
.Y3381_X4215_L9652_cta {
  padding: 60px 30px !important;
  background: linear-gradient(135deg, #0D47A1 0%, #1565C0 100%) !important;
  text-align: center !important;
}

.Y3381_X4215_L9652_cta_title {
  font-family: 'Noto Serif KR', serif !important;
  font-size: 28px !important;
  font-weight: 700 !important;
  color: #ffffff !important;
  margin-bottom: 15px !important;
}

.Y3381_X4215_L9652_cta_subtitle {
  font-size: 16px !important;
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Footer */
.Y3381_X4215_L9652_footer {
  background: #0D47A1 !important;
  padding: 40px 30px !important;
  text-align: center !important;
  color: #ffffff !important;
}

.Y3381_X4215_L9652_footer_content {
  max-width: 400px !important;
  margin: 0 auto !important;
}

.Y3381_X4215_L9652_footer_logo {
  font-family: 'Noto Serif KR', serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
}

.Y3381_X4215_L9652_footer_info {
  margin-bottom: 20px !important;
}

.Y3381_X4215_L9652_footer_info p {
  font-size: 14px !important;
  margin-bottom: 8px !important;
  opacity: 0.9 !important;
}

.Y3381_X4215_L9652_footer_copyright {
  font-size: 12px !important;
  opacity: 0.7 !important;
}

/* Responsive Design */
@media (max-width: 768px) {
  .Y3381_X4215_L9652_hero {
    padding: 40px 20px !important;
    flex-direction: column !important;
  }

  .Y3381_X4215_L9652_title {
    font-size: 28px !important;
  }

  .Y3381_X4215_L9652_subtitle {
    font-size: 15px !important;
  }

  .Y3381_X4215_L9652_section_title {
    font-size: 22px !important;
  }

  .Y3381_X4215_L9652_features,
  .Y3381_X4215_L9652_gallery,
  .Y3381_X4215_L9652_menu_ideas,
  .Y3381_X4215_L9652_info,
  .Y3381_X4215_L9652_reviews,
  .Y3381_X4215_L9652_cta {
    padding: 40px 20px !important;
  }

  .Y3381_X4215_L9652_features_grid,
  .Y3381_X4215_L9652_gallery_grid,
  .Y3381_X4215_L9652_reviews_grid {
    grid-template-columns: 1fr !important;
  }

  .Y3381_X4215_L9652_menu_grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .Y3381_X4215_L9652_info_row {
    flex-direction: column !important;
  }

  .Y3381_X4215_L9652_info_label {
    flex: none !important;
  }

  .Y3381_X4215_L9652_cta_title {
    font-size: 22px !important;
  }

  .Y3381_X4215_L9652_footer {
    padding: 30px 20px !important;
  }
}