
  

  .cosmos-model{
    --nuit: #241711;
    --nuit-2: #33231A;
    --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-model *{ box-sizing: border-box; }
  .cosmos-model h1, .cosmos-model h2{
    font-family: 'Cormorant Garamond', 'Georgia', serif;
    font-weight: 600;
    letter-spacing: 0.02em;
    margin: 0;
  }
  .cosmos-model a{ text-decoration: none; }

  .cosmos-model .cosmos-eyebrow{
    font-family: 'Jost', sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.35em;
    font-size: 0.7rem;
    color: var(--or-clair);
  }

  
  .cosmos-model .cosmos-pageheader{
    position: relative;
    padding: 1.6rem 1.2rem;
    background:
      radial-gradient(circle at 20% 30%, rgba(201,160,92,0.10), transparent 34%),
      radial-gradient(circle at 82% 65%, rgba(199,154,152,0.07), transparent 36%),
      linear-gradient(180deg, var(--nuit) 0%, var(--nuit-2) 100%);
    border-bottom: 1px solid rgba(201,160,92,0.16);
  }
  .cosmos-model .cosmos-breadcrumb{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: rgba(251,243,231,0.55);
    max-width: 900px;
    margin: 0 auto;
  }
  .cosmos-model .cosmos-breadcrumb a{ color: rgba(251,243,231,0.78); transition: color 0.25s ease; }
  .cosmos-model .cosmos-breadcrumb a:hover, .cosmos-model .cosmos-breadcrumb a:active{ color: var(--or-clair); }
  .cosmos-model .cosmos-breadcrumb span.is-current{ color: var(--or-clair); }

  
  .cosmos-model .cosmos-produit{
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.6rem;
    max-width: 1000px;
    margin: 0 auto;
    padding: 1.8rem 1.2rem 3rem;
  }
  @media (min-width: 761px) {
    .cosmos-model .cosmos-produit{
      grid-template-columns: 1fr 1fr;
      gap: 3rem;
      padding: 3.4rem 1.5rem 5rem;
      align-items: start;
    }
  }

  .cosmos-model .cosmos-produit__media{
    position: relative;
  }
  .cosmos-model .cosmos-produit__image{
    aspect-ratio: 1 / 1;
    border-radius: 18px;
    background-image: var(--img, none), linear-gradient(145deg, var(--or-clair), var(--cacao));
    background-size: cover, cover;
    background-position: center, center;
    box-shadow: 0 18px 42px rgba(0,0,0,0.30), 0 0 24px rgba(201,160,92,0.06);
    border: 1px solid rgba(201,160,92,0.24);
    transition: opacity 0.3s ease;
  }
  .cosmos-model .cosmos-produit__image.is-changing{ opacity: 0.35; }

  @media (min-width: 761px) {
    .cosmos-model .cosmos-produit__media{ position: sticky; top: 1.5rem; }
  }

  .cosmos-model .cosmos-produit__info{
    display: flex;
    flex-direction: column;
  }
  .cosmos-model .cosmos-produit__info h1{
    font-size: clamp(1.8rem, 5vw, 2.5rem);
    margin: 0.5rem 0 0.8rem;
    color: var(--ivoire);
  }
  .cosmos-model .cosmos-produit__desc{
    font-size: 0.95rem;
    line-height: 1.8;
    color: rgba(251,243,231,0.72);
    margin: 0 0 1.6rem;
  }

  .cosmos-model .cosmos-produit__prix{
    font-family: 'Cormorant Garamond', serif;
    font-weight: 600;
    font-size: 2rem;
    color: var(--or-clair);
    margin-bottom: 1.6rem;
    transition: opacity 0.25s ease;
  }
  .cosmos-model .cosmos-produit__prix.is-changing{ opacity: 0.3; }
  .cosmos-model .cosmos-produit__prix small{
    font-family: 'Jost', sans-serif;
    font-size: 0.85rem;
    font-weight: 400;
    color: rgba(251,243,231,0.52);
    margin-left: 0.3rem;
  }

  .cosmos-model .cosmos-taille__label{
    display: block;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(251,243,231,0.58);
    margin-bottom: 0.7rem;
  }
  .cosmos-model .cosmos-taille__options{
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-bottom: 2rem;
  }
  .cosmos-model .cosmos-taille__btn{
    position: relative;
    padding: 0.65rem 1.1rem;
    border: 1px solid rgba(201,160,92,0.42);
    border-radius: 999px;
    background: rgba(251,243,231,0.05);
    color: var(--ivoire);
    font-family: 'Jost', sans-serif;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background 0.25s ease, border-color 0.25s ease, color 0.25s ease, transform 0.15s ease;
  }
  .cosmos-model .cosmos-taille__btn:hover{
    border-color: var(--or);
    background: rgba(201,160,92,0.10);
  }
  .cosmos-model .cosmos-taille__btn:active{
    transform: scale(0.96);
  }
  .cosmos-model .cosmos-taille__btn.is-active{
    background: var(--or);
    border-color: var(--or);
    color: var(--nuit);
    box-shadow: 0 8px 22px rgba(201,160,92,0.18);
  }
  .cosmos-model .cosmos-taille__btn:focus-visible{
    outline: 2px solid var(--or-sombre);
    outline-offset: 2px;
  }

  .cosmos-model .cosmos-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    position: relative;
    overflow: hidden;
    padding: 0.95rem 2rem;
    border: 1px solid var(--or);
    border-radius: 999px;
    background: var(--or);
    color: var(--nuit);
    font-size: 0.85rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    cursor: pointer;
    transition: background 0.3s ease, transform 0.2s ease, box-shadow 0.3s ease;
  }
  .cosmos-model .cosmos-btn:hover, .cosmos-model .cosmos-btn:active{
    background: var(--or-sombre);
    border-color: var(--or-clair);
    box-shadow: 0 10px 22px rgba(168,118,58,0.3);
  }
  .cosmos-model .cosmos-btn:active{ transform: scale(0.97); }
  .cosmos-model .cosmos-btn svg{ width: 18px; height: 18px; fill: currentColor; flex: 0 0 auto; }

  .cosmos-model .cosmos-produit__note{
    margin-top: 1rem;
    font-size: 0.78rem;
    color: rgba(251,243,231,0.52);
  }

  
  .cosmos-model .cosmos-galerie{
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 1.2rem 2.8rem;
  }
  @media (min-width: 761px) {
    .cosmos-model .cosmos-galerie{ padding: 0 1.5rem 4.2rem; }
  }
  .cosmos-model .cosmos-galerie__label{
    display: block;
    font-size: 0.78rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: rgba(251,243,231,0.58);
    margin-bottom: 0.8rem;
  }
  .cosmos-model .cosmos-galerie__row{
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
  }
  .cosmos-model .cosmos-galerie__thumb{
    width: 62px;
    height: 62px;
    flex: 0 0 auto;
    padding: 0;
    border-radius: 10px;
    border: 1px solid rgba(201,160,92,0.32);
    background-image: var(--img, none), linear-gradient(145deg, var(--or-clair), var(--cacao));
    background-size: cover, cover;
    background-position: center, center;
    cursor: pointer;
    transition: border-color 0.25s ease, transform 0.2s ease, box-shadow 0.25s ease;
  }
  @media (min-width: 761px) {
    .cosmos-model .cosmos-galerie__thumb{ width: 86px; height: 86px; border-radius: 12px; }
  }
  .cosmos-model .cosmos-galerie__thumb:hover{
    border-color: var(--or);
    transform: translateY(-3px);
  }
  .cosmos-model .cosmos-galerie__thumb:active{ transform: scale(0.96); }
  .cosmos-model .cosmos-galerie__thumb.is-active{
    border-color: var(--or);
    box-shadow: 0 0 0 2px rgba(201,160,92,0.35), 0 8px 18px rgba(0,0,0,0.25);
  }
  .cosmos-model .cosmos-galerie__thumb:focus-visible{
    outline: 2px solid var(--or-sombre);
    outline-offset: 2px;
  }


.cosmos-model img{display:block;width:100%;height:100%;object-fit:cover} .cosmos-model :focus-visible{outline:2px solid #EAD7A8;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.cosmos-model *,.cosmos-model *::before{transition:none!important;animation:none!important}}
 .cosmos-model{overflow:visible}.cosmos-model .cosmos-produit__image{overflow:hidden}.cosmos-model .cosmos-produit__image [hidden]{display:none}.cosmos-model .cosmos-galerie__thumb{overflow:hidden}.cosmos-model .cosmos-btn{white-space:normal;text-align:center}.admin-bar .cosmos-model .cosmos-produit__media{top:56px}

body.single-cosmos_modele > .cosmos-home{overflow:visible}.cosmos-model .cosmos-btn::after{content:none}

/* Targeted product refinements. */
.cosmos-model .cosmos-produit__prix,.cosmos-model .cosmos-taille__btn,.cosmos-model-sticky { font-variant-numeric:lining-nums tabular-nums; font-feature-settings:"lnum" 1,"tnum" 1; }
.cosmos-model .cosmos-taille__label { font-size:14px; color:#bfa98f; font-weight:500; text-transform:none; letter-spacing:normal; }
.cosmos-model .cosmos-taille__options { gap:12px; }
.cosmos-model .cosmos-taille__btn { min-height:48px; border:1px solid rgba(201,164,106,.35); }
.cosmos-model .cosmos-taille__btn.is-active { border:1.5px solid var(--or); background:rgba(201,164,106,.14); color:var(--ivoire); font-weight:500; box-shadow:none; }
.cosmos-model .cosmos-taille__btn.is-active::before { content:'✓'; margin-right:8px; }
.cosmos-model .cosmos-produit { padding-bottom:64px; }
.cosmos-model .cosmos-produit__media { position:relative; top:auto; min-width:0; }
.cosmos-model .cosmos-produit__image { border-radius:12px; transition:opacity 100ms; }
.cosmos-model .cosmos-galerie__row { margin-top:12px; gap:12px; flex-wrap:nowrap; }
.cosmos-model .cosmos-galerie__thumb { width:calc((100% - 48px)/5); height:auto; aspect-ratio:1; border-radius:10px; }
.cosmos-model .cosmos-galerie__thumb[aria-pressed=true] { border:2px solid var(--or); box-shadow:none; }
.cosmos-model .cosmos-model-order { width:100%; min-height:56px; font-size:16px; letter-spacing:.01em; text-transform:none; }
.cosmos-model .cosmos-produit__note { color:#bfa98f; font-size:14px; }
.cosmos-model .cosmos-eyebrow,.cosmos-model .cosmos-eyebrow a { color:#d9b97e; }
.cosmos-model .cosmos-produit__prix small,.cosmos-model .cosmos-breadcrumb { color:#bfa98f; }
.cosmos-product-details details { border-top:1px solid rgba(201,164,106,.3); }
.cosmos-product-details summary { cursor:pointer; min-height:48px; display:flex; align-items:center; justify-content:space-between; font-size:16px; list-style:none; }
.cosmos-product-details summary::-webkit-details-marker { display:none; }
.cosmos-product-details summary::after { content:'+'; }
.cosmos-product-details details[open] summary::after { content:'−'; }
.cosmos-product-details p { font-size:16px; color:var(--ivoire); }
.cosmos-model-sticky { display:none; }
@media(min-width:900px){ .cosmos-model .cosmos-produit__info.is-shorter { position:sticky; top:calc(var(--cosmos-header-h,80px) + var(--wp-admin--admin-bar--height,0px) + 24px); } }
@media(max-width:899px){
 .cosmos-model { padding-bottom:calc(100px + env(safe-area-inset-bottom)); }
 .cosmos-model .cosmos-produit { grid-template-columns:1fr; padding-bottom:40px; }
 .cosmos-model .cosmos-galerie__row { overflow-x:auto; scroll-snap-type:x mandatory; }
 .cosmos-model .cosmos-galerie__thumb { width:calc((100% - 36px)/4); scroll-snap-align:start; }
 .cosmos-model-sticky:not([hidden]) { display:flex; align-items:center; gap:12px; justify-content:space-between; position:fixed; bottom:0; left:0; right:0; z-index:900; background:#1a0f0a; border-top:1px solid rgba(201,164,106,.25); padding:12px var(--cosmos-gutter,20px) calc(12px + env(safe-area-inset-bottom)); color:var(--ivoire); }
 .cosmos-model-sticky a { background:var(--or); color:#17100b; border-radius:999px; padding:12px 16px; font-size:14px; text-align:center; }
}
@media(prefers-reduced-motion:reduce){.cosmos-model .cosmos-produit__image,.cosmos-model .cosmos-produit__prix,.cosmos-model .cosmos-taille__btn{transition:none;}}

.cosmos-model .cosmos-produit__image { position:relative; }
.cosmos-model .cosmos-produit__image [data-photo] { position:absolute; inset:0; opacity:0; transition:opacity 200ms; }
.cosmos-model .cosmos-produit__image .is-photo-active { opacity:1; }
@media(prefers-reduced-motion:reduce){.cosmos-model .cosmos-produit__image [data-photo]{transition:none;}}
