/* amazon afillate */

html, body, div, a {
  margin: 0;
  padding: 0;
  border: 0;
  font-family: "Amazon Ember",Arial,sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  outline: 0;
}

a:hover, a:focus {
  color: inherit;
  text-decoration: none;
}
.amazon-ad-container {
  width: 300px;
  height: 250px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background-color: #fff;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.amazon-ad-header {
  display: flex;
  align-items: center;
  min-height: 25px;
  padding: 5px 10px;
  border-bottom: 1px solid #ccc;
  z-index: 2;
  background-color: #fff;
}
.amazon-ad-header img {
  width: 100px;
  margin-right: 10px;
}
.amazon-ad-header .amazon-ad-title {
  font-size: 16px;
  font-weight: bold;
}
.amazon-ad-image {
  position: relative;
  flex-grow: 1;
}
.amazon-ad-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.amazon-ad-image .amazon-ad-image {
  position: absolute;
  bottom: 5px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  padding: 3px;
  color: white;
  font-size: 12px;
}

.amazon-ad-image img {
  width: 300px;
  height: 150px;
}


.amazon-ad-details {
  padding: 5px 10px;
  display: flex;
  flex-direction: column;
}
.amazon-ad-details {
  font-size: 14px;
  font-weight: bold;
}

.amazon-product-title {
  min-height: 35px;
  max-height: 35px;
  overflow: hidden;
}

.amazon-ad-details .amazon-rating {
  display: flex;
  align-items: center;
  margin-top: 3px;
  font-size: 14px;
  color: #1a98ff;
}
.amazon-ad-details .amazon-rating .amazon-stars {
  color: #ffa500;
  margin-right: 5px;
}
.amazon-reviews {
  margin-top: -3px;
}
.amazon-ad-footer {
  padding: 5px 10px;
  border-top: 1px solid #ccc;
  text-align: center;
}
.amazon-ad-footer a {
  color: #0073b1;
  text-decoration: none;
  font-size: 12px;
}
.amazon-ad-footer .sponsored {
  font-size: 10px;
  color: #666;
  margin-top: 3px;
  display: block;
}

/* brand */
 .amazon-ad-title a {
   font-size: 16px;
   font-weight: bold;
   background: linear-gradient(90deg, #251e04, #3363ff, #006fff); /* 색상 설정 */
   background-size: 200% auto; /* 배경 크기 */
   color: #000; /* 기본 텍스트 색상 */
   background-clip: text;
   -webkit-background-clip: text;
   color: transparent;
   animation: shine 3s linear infinite; /* 샤이닝 애니메이션 */
 }

@keyframes shine {
  0% {
    background-position: 200% center; /* 시작 위치 */
  }
  100% {
    background-position: -200% center; /* 끝 위치 */
  }
}



/* image */
.amazon-ad-image img {
  display: inline-block;
  margin: 0 0.5rem;

  /*animation: jello; !* referring directly to the animation's @keyframe declaration *!*/
  animation: jackInTheBox; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s; /* don't forget to set a duration! */
}


/* star */
/* 별 평점에 애니메이션 효과 */
.amazon-stars svg {
  color: #ffcc00; /* 별 색상 */
  margin-right: 2px; /* 별 사이의 간격 */
  transform-origin: center; /* 중심을 기준으로 애니메이션 */
  animation: pulse2 1.5s ease-in-out infinite; /* 애니메이션 적용 */
  display: inline-block;
}

.amazon-stars svg:nth-child(2) {
  animation-delay: 0.3s;
}

.amazon-stars svg:nth-child(3) {
  animation-delay: 0.6s;
}

.amazon-stars svg:nth-child(4) {
  animation-delay: 0.9s;
}

.amazon-stars svg:nth-child(5) {
  animation-delay: 1.2s;
}

@keyframes pulse2 {
  0%, 100% {
    transform: scale(1); /* 기본 크기 */
  }
  50% {
    transform: scale(1.3); /* 확대 크기 */
  }
}

/* 리뷰 */
.amazon-reviews {
  font-size: 14px;
  color: #666;
  animation: pulse infinite; /* referring directly to the animation's @keyframe declaration */
  animation-duration: 2s; /* don't forget to set a duration! */
}