/* Styles de src/partials/collections_grid.php — sortis de la page (i102b). */

.cg-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:22px}
/* UNE SEULE RANGÉE (accueil) : quatre collections côte à côte, deux sur
   tablette, une sur téléphone. Une rangée de trois plus un orphelin en
   dessous ne montre pas un choix, elle montre un reste. */
.cg-grille.cg-rangee{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:1100px){.cg-grille.cg-rangee{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.cg-grille.cg-rangee{grid-template-columns:1fr}}
.cg-item{display:flex;flex-direction:column;gap:12px}
.cg-carte{position:relative;display:block;text-decoration:none;color:inherit;background:#0c0c11;
  border:1px solid #1c1c26;border-radius:14px;aspect-ratio:16/12;overflow:hidden;
  box-shadow:0 18px 44px rgba(0,0,0,.45);transition:transform .25s,border-color .25s}
.cg-carte:hover{transform:translateY(-5px);border-color:#3a3320}
.cg-carte.a-theme:hover{border-color:color-mix(in srgb,var(--ca) 55%,transparent)}
.cg-scene{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:8% 6% 26%}
.cg-ph{position:relative;box-sizing:content-box;flex:0 0 auto;height:92%;width:auto;background:#fff;
  padding:3px;border-radius:3px;box-shadow:0 12px 28px rgba(0,0,0,.6);transition:transform .35s}
.cg-ph.p{transform:rotate(-6deg);z-index:2}
.cg-ph.s{transform:rotate(-1deg);margin:0 -2%;z-index:3}
.cg-ph.l{height:62%;transform:rotate(5deg);margin-left:-2%;z-index:1}
/* Au survol, l'éventail s'ouvre : on voit les trois formats séparément. */
.cg-carte:hover .cg-ph.p{transform:rotate(-11deg) translateX(-7%)}
.cg-carte:hover .cg-ph.l{transform:rotate(9deg) translateX(7%)}
.cg-carte:hover .cg-ph.s{transform:rotate(0deg) translateY(-4%)}
@media(prefers-reduced-motion:reduce){.cg-carte,.cg-ph{transition:none}.cg-carte:hover{transform:none}}
img.cg-ph{min-width:40px}
canvas.cg-ph{opacity:0;transition:opacity .35s}
canvas.cg-ph.fp-pret{opacity:1}
.cg-marque{position:absolute;right:12px;bottom:12px;left:12px;text-align:right;z-index:5}
.cg-nom{display:inline-block;max-width:100%;background:#f7f4ee;color:#141414;font-weight:700;
  font-size:.95rem;line-height:1.15;padding:.34rem .8rem;border-radius:3px;
  box-shadow:0 8px 20px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.14)}
.cg-carte.a-theme .cg-nom{background:var(--ca);color:var(--ct);font-family:var(--cf,inherit);
  font-style:var(--cfs,normal);font-weight:var(--cfw,700)}
.cg-mot{font-size:.6rem;font-weight:600;letter-spacing:.4em;margin-top:.5em;margin-right:-.4em;
  color:var(--cw,#c9a962);text-transform:uppercase}
.cg-txt h3{font-family:var(--serif);font-weight:500;font-size:1.12rem;margin:0 0 6px;line-height:1.25}
.cg-txt h3 a{color:var(--ivoire);text-decoration:none}
.cg-txt h3 a:hover{color:var(--or)}
.cg-txt p{color:var(--ivoire-2);font-size:.9rem;line-height:1.6;margin:0}