/*
  NURYA — Coffrets
  Editorial, not catalog: each coffret is its own full moment (image +
  facts + CTA), stacked with generous space — never a tight product grid.
*/

.nurya-coffrets__header {
  max-width: 58rem;
  margin-bottom: var(--nurya-space-2xl);
}

.nurya-coffrets__subtitle {
  margin-top: var(--nurya-space-sm);
  font-family: var(--nurya-font-heading);
  font-style: italic;
  font-size: var(--nurya-title-sm);
  color: var(--nurya-ctx-fg);
}

.nurya-coffrets__body {
  margin-top: var(--nurya-space-md);
  max-width: 52rem;
}

.nurya-coffrets__list {
  display: flex;
  flex-direction: column;
  gap: var(--nurya-space-3xl);
}

.nurya-coffrets__item {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--nurya-space-xl);
  align-items: center;
}

@media screen and (min-width: 900px) {
  .nurya-coffrets__item {
    grid-template-columns: 58fr 42fr;
    gap: var(--nurya-space-2xl);
  }

  .nurya-coffrets__item--reverse {
    grid-template-columns: 42fr 58fr;
  }

  .nurya-coffrets__item--reverse .nurya-coffrets__visual {
    order: 2;
  }

  .nurya-coffrets__item--reverse .nurya-coffrets__details {
    order: 1;
    align-items: flex-end;
    text-align: right;
  }
}

.nurya-coffrets__visual {
  position: relative;
  isolation: isolate;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--nurya-color-black-soft);
  border: 1px solid var(--nurya-ctx-border);
  perspective: 60rem;
  /* Lifts the whole frame off the page — reads as a shallow display
     case rather than a flat photo pasted on the page. */
  box-shadow: 0 3rem 5rem rgba(0, 0, 0, 0.35);
  transition: box-shadow var(--nurya-transition-slow);
}

.nurya-coffrets__visual:hover {
  box-shadow: 0 4rem 6rem rgba(0, 0, 0, 0.42);
}

.nurya-coffrets__halo {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 70%;
  aspect-ratio: 1;
  filter: blur(4rem);
  z-index: 0;
  transition: opacity var(--nurya-transition-slow), transform var(--nurya-transition-slow);
}

.nurya-coffrets__visual:hover .nurya-coffrets__halo {
  opacity: 1.3;
  transform: scale(1.08);
}

/* A quiet sense of a precious object exhibited under glass — the image
   tilts a few degrees toward the pointer and lifts on a deeper shadow,
   never a spin or a bounce. */
.nurya-coffrets__visual img {
  transition: transform var(--nurya-transition-slow), filter var(--nurya-transition-slow);
}

.nurya-coffrets__visual:hover img {
  transform: rotateY(-3deg) scale(1.025);
  filter: drop-shadow(0 2.4rem 3rem rgba(0, 0, 0, 0.4));
}

@media (prefers-reduced-motion: reduce) {
  .nurya-coffrets__visual:hover .nurya-coffrets__halo,
  .nurya-coffrets__visual:hover img {
    transform: none;
    transition: none;
  }
}

/* Trilogie (Femme) — warm, echoes the Collection Femme atmosphere. */
.nurya-coffrets__item--trilogie .nurya-coffrets__halo {
  background: radial-gradient(circle, rgba(217, 168, 151, 0.24) 0%, rgba(198, 161, 91, 0.1) 45%, transparent 72%);
}

/* Signature (Homme) — cooler, sobre, echoes Valenor/Aureon. */
.nurya-coffrets__item--signature .nurya-coffrets__halo {
  background: radial-gradient(circle, rgba(230, 232, 236, 0.18) 0%, rgba(198, 161, 91, 0.14) 45%, transparent 72%);
}

.nurya-coffrets__visual img {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.nurya-coffrets__mark {
  position: relative;
  z-index: 1;
  width: 4.4rem;
  height: 4.4rem;
  color: var(--nurya-color-gold-light);
  filter: drop-shadow(0 0 1.6rem rgba(198, 161, 91, 0.4));
}

.nurya-coffrets__details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}

.nurya-coffrets__tagline {
  font-family: var(--nurya-font-heading);
  font-style: italic;
  font-size: var(--nurya-text-lg);
  color: var(--nurya-ctx-fg);
  opacity: 0.9;
  margin: 0;
}

.nurya-coffrets__narrative {
  margin-top: var(--nurya-space-md);
  opacity: 0.85;
}

.nurya-coffrets__narrative p {
  margin: 0 0 var(--nurya-space-3xs);
}

.nurya-coffrets__name {
  margin-top: var(--nurya-space-2xs);
  font-family: var(--nurya-font-heading);
  font-size: clamp(2.4rem, 6vw, 3.6rem);
  color: var(--nurya-ctx-fg);
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

.nurya-coffrets__facts {
  margin: var(--nurya-space-lg) 0 0;
  display: flex;
  flex-direction: column;
  gap: var(--nurya-space-sm);
  width: 100%;
}

.nurya-coffrets__fact {
  padding-top: var(--nurya-space-sm);
  border-top: 1px solid var(--nurya-ctx-border);
}

.nurya-coffrets__fact dt {
  font-family: var(--nurya-font-body);
  font-weight: 500;
  font-size: 1.3rem;
  letter-spacing: var(--nurya-tracking-wide);
  text-transform: uppercase;
  color: var(--nurya-ctx-accent);
}

.nurya-coffrets__fact dd {
  margin: var(--nurya-space-3xs) 0 0;
  font-family: var(--nurya-font-body);
  font-size: var(--nurya-text-base);
  line-height: var(--nurya-leading-body);
  color: var(--nurya-ctx-fg);
  opacity: 0.95;
}

.nurya-coffrets__gift-note {
  margin: var(--nurya-space-md) 0 0;
  font-family: var(--nurya-font-heading);
  font-style: italic;
  font-size: var(--nurya-text-sm);
  color: var(--nurya-ctx-accent);
  opacity: 0.85;
}

/* Scoped to this section only — the shared .nurya-btn-primary used
   elsewhere (Hero, Universes) is untouched. */
.nurya-coffrets__details .nurya-btn {
  margin-top: var(--nurya-space-lg);
  padding-block: 1.7rem;
  padding-inline: 3.4rem;
  letter-spacing: calc(var(--nurya-tracking-wide) + 0.01em);
}
