
  

  .cosmos-collection{
    --nuit: #241711;
    --nuit-2: #42301F;
    --or: #C9A05C;
    --or-clair: #EAD7A8;
    --or-sombre: #A8763A;
    --ivoire: #FBF3E7;
    --cacao: #4A2C1D;
    --rose: #C79A98;
    --texte: #FBF3E7;
    --texte-doux: rgba(251,243,231,0.72);

    position: relative;
    font-family: 'Jost', 'Segoe UI', sans-serif;
    color: var(--texte);
    background: var(--nuit);
    overflow-x: hidden;
  }
  .cosmos-collection *{ box-sizing: border-box; }
  .cosmos-collection h1, .cosmos-collection h2, .cosmos-collection h3{
    font-family: 'Cormorant Garamond', 'Georgia', serif;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin: 0;
  }
  .cosmos-collection a{ text-decoration: none; }

  .cosmos-collection .cosmos-eyebrow{
    font-family: 'Jost', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.35em;
    font-size: 0.7rem;
    color: var(--or-clair);
  }

  
  .cosmos-collection .cosmos-pageheader{
    position: relative;
    padding: 2.1rem 1.2rem 1.9rem;
    text-align: center;
    background:
      radial-gradient(circle at 20% 10%, rgba(201,160,92,0.13), transparent 42%),
      radial-gradient(circle at 84% 90%, rgba(199,154,152,0.10), transparent 44%),
      var(--nuit);
    overflow: hidden;
  }
  @media (min-width: 641px) {
    .cosmos-collection .cosmos-pageheader{ padding: 2.9rem 1.5rem 2.5rem; }
  }
  .cosmos-collection .cosmos-pageheader__stars{
    position: absolute;
    inset: 0;
    background-image:
      radial-gradient(1.5px 1.5px at 20% 30%, var(--or-clair), transparent),
      radial-gradient(1px 1px at 75% 50%, var(--ivoire), transparent),
      radial-gradient(1.5px 1.5px at 50% 70%, var(--rose), transparent),
      radial-gradient(1px 1px at 88% 20%, var(--ivoire), transparent),
      radial-gradient(1.5px 1.5px at 10% 75%, var(--or-clair), transparent);
    opacity: 0.4;
  }
  .cosmos-collection .cosmos-breadcrumb{
    position: relative;
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: rgba(251,243,231,0.55);
    margin-bottom: 0.9rem;
  }
  .cosmos-collection .cosmos-breadcrumb a{ color: rgba(251,243,231,0.78); transition: color 0.25s ease; }
  .cosmos-collection .cosmos-breadcrumb a:hover, .cosmos-collection .cosmos-breadcrumb a:active{ color: var(--or-clair); }
  .cosmos-collection .cosmos-pageheader h1{
    position: relative;
    font-size: clamp(1.65rem, 5.5vw, 2.35rem);
    color: var(--ivoire);
    margin: 0.35rem 0 0.55rem;
  }
  .cosmos-collection .cosmos-pageheader p{
    position: relative;
    max-width: 520px;
    margin: 0 auto;
    color: rgba(251,243,231,0.78);
    font-size: 0.92rem;
    line-height: 1.6;
  }

  
  .cosmos-collection .cosmos-catalogue{
    padding: 2.2rem 1.2rem 3.6rem;
    background:
      radial-gradient(circle at 8% 12%, rgba(201,160,92,0.055), transparent 28%),
      radial-gradient(circle at 92% 82%, rgba(199,154,152,0.04), transparent 30%),
      #2B1D16;
    box-shadow:
      inset 0 18px 30px -22px rgba(0,0,0,0.72),
      inset 0 -14px 24px -22px rgba(0,0,0,0.45);
  }
  @media (min-width: 641px) {
    .cosmos-collection .cosmos-catalogue{ padding: 3.2rem 1.5rem 4.6rem; }
  }
  .cosmos-collection .cosmos-catalogue__grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    max-width: 1080px;
    margin: 0 auto;
  }
  @media (min-width: 641px) {
    .cosmos-collection .cosmos-catalogue__grid{
      grid-template-columns: repeat(2, 1fr);
      gap: 2.4rem;
      max-width: 980px;
    }
  }

  .cosmos-collection .cosmos-produit-card{
    position: relative;
    display: grid;
    grid-template-rows: 62% 38%;
    aspect-ratio: 1 / 1;
    background: rgba(251,243,231,0.055);
    border: 1px solid rgba(201,160,92,0.26);
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 10px 28px rgba(0,0,0,0.18);
    transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
  }
  .cosmos-collection .cosmos-produit-card::before{
    content: "";
    position: absolute;
    top: 0;
    left: 18%;
    right: 18%;
    height: 1px;
    z-index: 2;
    background: linear-gradient(90deg, transparent, rgba(234,215,168,0.75), transparent);
    pointer-events: none;
  }

  .cosmos-collection .cosmos-produit-card:hover, .cosmos-collection .cosmos-produit-card:active{
    transform: translateY(-6px);
    border-color: var(--or);
    box-shadow: 0 20px 42px rgba(0,0,0,0.30), 0 0 28px rgba(201,160,92,0.08);
  }
  .cosmos-collection .cosmos-produit-card:focus-visible{
    outline: 2px solid var(--or-sombre);
    outline-offset: 3px;
  }

  .cosmos-collection .cosmos-produit-card__photo{
    width: 100%;
    height: 100%;
    background-image: var(--img, none), linear-gradient(145deg, var(--or-clair), var(--cacao));
    background-size: cover, cover;
    background-position: center, center;
    overflow: hidden;
    transition: transform 0.6s ease;
  }
  .cosmos-collection .cosmos-produit-card:hover .cosmos-produit-card__photo, .cosmos-collection .cosmos-produit-card:active .cosmos-produit-card__photo{
    transform: scale(1.06);
  }

  .cosmos-collection .cosmos-produit-card__body{
    min-height: 0;
    padding: 0.75rem 0.8rem 0.85rem;
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
    overflow: hidden;
  }

  @media (min-width: 641px) {
    .cosmos-collection .cosmos-produit-card__body{
      padding: 1.15rem 1.25rem 1.2rem;
      gap: 0.45rem;
    }
  }
  .cosmos-collection .cosmos-produit-card__body h3{
    font-size: clamp(1rem, 2.6vw, 1.45rem);
    line-height: 1.05;
    color: var(--ivoire);
  }
  .cosmos-collection .cosmos-produit-card__body p{
    font-size: 0.72rem;
    line-height: 1.35;
    color: rgba(251,243,231,0.72);
    margin: 0;
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  @media (min-width: 641px) {
    .cosmos-collection .cosmos-produit-card__body p{
      font-size: 0.88rem;
      line-height: 1.45;
      -webkit-line-clamp: 2;
    }
  }
  .cosmos-collection .cosmos-produit-card__cta{
    margin-top: auto;
    font-size: 0.68rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--or-clair);
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    transition: gap 0.25s ease, color 0.25s ease;
  }
  @media (min-width: 641px) {
    .cosmos-collection .cosmos-produit-card__cta{
      font-size: 0.8rem;
      margin-top: auto;
    }
  }
  .cosmos-collection .cosmos-produit-card:hover .cosmos-produit-card__cta, .cosmos-collection .cosmos-produit-card:active .cosmos-produit-card__cta{
    gap: 0.6rem;
    color: var(--ivoire);
  }

  @media (hover: none) {
    .cosmos-collection .cosmos-produit-card{ transition-duration: 0.25s; }
  }


  
  @media (max-width: 640px) {
    .cosmos-collection .cosmos-catalogue{
      padding: 1.8rem 1rem 3.2rem;
    }

    .cosmos-collection .cosmos-catalogue__grid{
      grid-template-columns: 1fr;
      gap: 1.5rem;
      max-width: 440px;
      margin: 0 auto;
    }

    .cosmos-collection .cosmos-produit-card{
      width: 100%;
      max-width: 440px;
      margin: 0 auto;
      aspect-ratio: 1 / 1;
      grid-template-rows: 64% 36%;
      border-radius: 16px;
    }

    .cosmos-collection .cosmos-produit-card__body{
      padding: 1rem 1.1rem 1.1rem;
      gap: 0.4rem;
    }

    .cosmos-collection .cosmos-produit-card__body h3{
      font-size: clamp(1.35rem, 6vw, 1.7rem);
      line-height: 1.05;
    }

    .cosmos-collection .cosmos-produit-card__body p{
      font-size: 0.88rem;
      line-height: 1.45;
      -webkit-line-clamp: 2;
    }

    .cosmos-collection .cosmos-produit-card__cta{
      font-size: 0.78rem;
      letter-spacing: 0.06em;
    }
  }

  @media (max-width: 380px) {
    .cosmos-collection .cosmos-catalogue{
      padding-left: 0.75rem;
      padding-right: 0.75rem;
    }

    .cosmos-collection .cosmos-catalogue__grid{
      gap: 1.25rem;
    }

    .cosmos-collection .cosmos-produit-card__body{
      padding: 0.85rem 0.95rem 0.95rem;
    }

    .cosmos-collection .cosmos-produit-card__body h3{
      font-size: 1.25rem;
    }

    .cosmos-collection .cosmos-produit-card__body p{
      font-size: 0.8rem;
    }
  }


.cosmos-collection img{display:block;width:100%;height:100%;object-fit:cover} .cosmos-collection :focus-visible{outline:2px solid #EAD7A8;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.cosmos-collection *,.cosmos-collection *::before{transition:none!important;animation:none!important}}
 .cosmos-collection .cosmos-breadcrumb{flex-wrap:wrap}.cosmos-collection .cosmos-empty,.cosmos-collection .navigation{max-width:980px;margin:2rem auto}.cosmos-collection .page-numbers{padding:.5rem;color:var(--or-clair)}

.cosmos-collection .cosmos-specialty-cover{max-width:640px;aspect-ratio:2/1;margin:1.6rem auto 0;border-radius:14px;overflow:hidden;border:1px solid rgba(201,160,92,.26)}

/* Occasion collections only: specialty collections retain their existing cards. */
.cosmos-occasion-collection .cosmos-pageheader { padding:56px var(--cosmos-gutter,24px) 48px; border-bottom:1px solid rgba(201,164,106,.2); }
.cosmos-occasion-collection .cosmos-pageheader__stars { pointer-events:none; }
.cosmos-occasion-collection .cosmos-pageheader h1 { font-size:clamp(2.25rem,4vw,3.25rem); }
.cosmos-occasion-collection .cosmos-pageheader p { max-width:560px; text-wrap:balance; font-size:17px; color:#dfcfba; }
.cosmos-occasion-collection .cosmos-catalogue { padding:48px var(--cosmos-gutter,24px) 72px; }
.cosmos-occasion-collection .cosmos-catalogue__grid { list-style:none; padding:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,400px)); justify-content:center; align-items:stretch; max-width:1200px; margin:0 auto; gap:32px; }
.cosmos-occasion-collection .cosmos-catalogue__grid > li { display:flex; min-width:0; }
.cosmos-occasion-collection .cosmos-produit-card { display:flex; flex-direction:column; aspect-ratio:auto; width:100%; margin:0; border:1px solid rgba(201,164,106,.25); border-radius:12px; background:#35251c; transition:transform 300ms,border-color 300ms; }
.cosmos-occasion-collection .cosmos-produit-card::before { content:none; }
.cosmos-occasion-collection .cosmos-produit-card__photo { aspect-ratio:1; height:auto; flex-shrink:0; background:#3c281c; transition:none; }
.cosmos-occasion-collection .cosmos-produit-card__photo img { width:100%; height:100%; object-fit:cover; object-position:center var(--cosmos-focus-y,50%); transition:transform 300ms; }
.cosmos-occasion-collection .cosmos-produit-card:hover { transform:translateY(-3px); border-color:var(--or); }
.cosmos-occasion-collection .cosmos-produit-card:hover .cosmos-produit-card__photo { transform:none; }
.cosmos-occasion-collection .cosmos-produit-card:hover img { transform:scale(1.04); }
.cosmos-occasion-collection .cosmos-produit-card__body { padding:20px; gap:12px; flex:1; }
.cosmos-occasion-collection .cosmos-produit-card__body h3 { font-size:22px; line-height:1.2; }
.cosmos-occasion-collection .cosmos-produit-card__body p { font-size:14px; line-height:1.5; color:#dfcfba; flex:none; -webkit-line-clamp:2; }
.cosmos-occasion-collection .cosmos-produit-card__footer { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:auto; padding-top:16px; border-top:1px solid rgba(201,164,106,.15); }
.cosmos-occasion-collection .cosmos-produit-card__info { font-size:13px; color:#dfcfba; font-variant-numeric:lining-nums tabular-nums; font-feature-settings:"lnum" 1,"tnum" 1; }
.cosmos-occasion-collection .cosmos-produit-card__cta { margin:0 0 0 auto; flex-shrink:0; text-transform:none; letter-spacing:normal; font-size:14px; color:var(--or-clair); gap:6px; }
.cosmos-occasion-collection .cosmos-produit-card__cta svg { transition:transform 300ms; }
.cosmos-occasion-collection .cosmos-produit-card:hover .cosmos-produit-card__cta svg { transform:translateX(4px); }
.cosmos-occasion-collection .cosmos-collection-contact { color:var(--ivoire); text-decoration:underline; text-decoration-color:var(--or); text-underline-offset:6px; }
.cosmos-occasion-collection .cosmos-empty { text-align:center; color:#dfcfba; }
.cosmos-occasion-collection a:focus-visible { outline:2px solid var(--or); outline-offset:4px; }
@media(max-width:639px){ .cosmos-occasion-collection .cosmos-pageheader { padding-top:40px; padding-bottom:32px; } .cosmos-occasion-collection .cosmos-catalogue__grid { grid-template-columns:minmax(0,400px); gap:20px; } }
@media(prefers-reduced-motion:reduce){ .cosmos-occasion-collection .cosmos-produit-card:hover,.cosmos-occasion-collection .cosmos-produit-card:hover img,.cosmos-occasion-collection .cosmos-produit-card:hover .cosmos-produit-card__cta svg { transform:none; } }

/* Distinguish the existing CTA only after an occasion collection. */
.cosmos-occasion-collection + .cosmos-cta { background:#33231a; border-top:1px solid rgba(201,164,106,.2); }
