/* ==========================================================================
   UNBOXING SECTION
   ========================================================================== */

.unboxing-section {
  padding: var(--space-16) var(--space-6);
  background-color: var(--color-bg-secondary); /* Beige for contrast */
}

@media (min-width: 1024px) {
  .unboxing-section {
    padding: var(--space-32) var(--space-12);
  }
}

.unboxing-container {
  max-width: var(--container-max);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: var(--space-12);
}

@media (min-width: 1024px) {
  .unboxing-container {
    flex-direction: row;
    align-items: center;
    gap: var(--space-24);
  }
}

.unboxing-image-col {
  flex: 1;
  position: relative;
  opacity: 0; /* GSAP */
  transform: translateX(-30px);
}

.unboxing-img-wrapper {
  aspect-ratio: 4/5;
  overflow: hidden;
}

.unboxing-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-slow);
}

.unboxing-img-wrapper:hover .unboxing-img {
  transform: scale(1.05);
}

.unboxing-content-col {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.unboxing-header {
  margin-bottom: var(--space-12);
  opacity: 0; /* GSAP */
  transform: translateY(20px);
}

.unboxing-title {
  font-family: var(--font-heading);
  font-size: var(--text-h2);
  color: var(--color-text-primary);
  margin-bottom: var(--space-4);
}

.unboxing-list {
  display: flex;
  flex-direction: column;
  gap: var(--space-8);
}

.unboxing-item {
  display: flex;
  align-items: flex-start;
  gap: var(--space-6);
  opacity: 0; /* GSAP */
  transform: translateY(20px);
}

.unboxing-icon {
  width: 24px;
  height: 24px;
  color: var(--color-accent); /* Gold */
  margin-top: 2px;
}

.unboxing-text {
  font-family: var(--font-body);
  font-size: var(--text-large);
  color: var(--color-text-primary);
  letter-spacing: var(--tracking-wide);
}