/* Pages Collections (/collections, /collections/{slug}) et Tendances.
   Système de cartes de collection : ratio commun, zone texte réservée à gauche,
   composition de produits bornée à droite, rien ne sort de la carte. Les règles
   sont limitées à `.collection-grid` pour ne pas toucher au rail de l'accueil. */
.collection-store{padding-bottom:48px}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:24px 0;min-width:0}
.collection-grid>*{min-width:0}
.collection-grid .home-card,.collection-grid .home-story{width:auto;min-width:0;max-width:none;flex:none}
.collection-group-intro{color:#58585e;margin:6px 0 0;max-width:70ch}

/* Carte */
.collection-grid .home-story.theme-tile{container-type:inline-size;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);column-gap:clamp(12px,3vw,24px);align-items:stretch;aspect-ratio:16/10;min-height:0;height:auto;padding:clamp(18px,2vw,28px);overflow:hidden;border-radius:22px;box-shadow:0 6px 20px rgba(0,0,0,.10);transition:transform .25s ease,box-shadow .25s ease}
.collection-grid .home-story.theme-tile.theme-photos-0{grid-template-columns:minmax(0,1fr)}
.collection-grid .theme-tile .theme-motif{top:-6%;right:-4%;width:36%;max-width:180px;opacity:.3}
/* Zone texte : toujours au premier plan, jamais recouverte */
.collection-grid .theme-tile .theme-copy{position:relative;z-index:4;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:0}
.collection-grid .theme-tile .theme-label{font-size:clamp(11px,2.8cqi,13px);margin-bottom:6px}
.collection-grid .home-story.theme-tile h3{font-size:clamp(19px,6.2cqi,30px);line-height:1.08;margin:0 0 8px;max-width:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-wrap:balance}
.collection-grid .home-story.theme-tile p{font-size:clamp(13px,3.3cqi,15px);line-height:1.4;margin:0 0 12px;max-width:none;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.collection-grid .theme-tile .theme-cta{margin-top:auto;min-height:36px;padding:0 14px;font-size:13px;white-space:nowrap}
/* Composition : une zone bornée, les polaroïds sont dimensionnés par rapport à son plus petit côté */
.collection-grid .theme-tile .theme-stack{position:relative;container-type:size;height:auto;margin:0;min-width:0;min-height:0;z-index:1}
.collection-grid .theme-tile .theme-photo{position:absolute;width:70%;height:auto;aspect-ratio:1;padding:6%;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.22);bottom:auto;top:auto;left:auto;right:auto}
.collection-grid .theme-tile .theme-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;margin:0}
.collection-grid .theme-tile .theme-photo-1{width:70cqmin;left:50%;bottom:3cqmin;z-index:3;transform:translateX(-50%) rotate(-2deg)}
.collection-grid .theme-tile .theme-photo-2{width:44cqmin;left:2cqmin;top:4cqmin;z-index:2;transform:rotate(-6deg)}
.collection-grid .theme-tile .theme-photo-3{width:44cqmin;right:2cqmin;top:10cqmin;z-index:1;transform:rotate(6deg)}
.collection-grid .theme-tile.theme-photos-2 .theme-photo-1{width:66cqmin;left:50%;transform:translateX(-56%) rotate(-3deg)}
.collection-grid .theme-tile.theme-photos-2 .theme-photo-2{width:42cqmin;left:auto;right:2cqmin;top:4cqmin;bottom:auto;transform:rotate(5deg)}
.collection-grid .theme-tile.theme-photos-1 .theme-photo-1{width:74cqmin;left:50%;bottom:10cqmin;transform:translateX(-50%) rotate(-1deg)}
@media(hover:hover) and (pointer:fine){
 .collection-grid .home-story.theme-tile:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(0,0,0,.18)}
 .collection-grid .theme-tile:hover .theme-photo-1{transform:translateX(-50%) translateY(-4px) rotate(-1deg)}
 .collection-grid .theme-tile.theme-photos-2:hover .theme-photo-1{transform:translateX(-56%) translateY(-4px) rotate(-2deg)}
 .collection-grid .theme-tile:hover .theme-photo-2{transform:translate(-2px,-2px) rotate(-8deg)}
 .collection-grid .theme-tile.theme-photos-2:hover .theme-photo-2{transform:translate(2px,-2px) rotate(7deg)}
 .collection-grid .theme-tile:hover .theme-photo-3{transform:translate(2px,-2px) rotate(8deg)}
}
@media(prefers-reduced-motion:reduce){.collection-grid .home-story.theme-tile{transition:none}}
.collection-tile img{object-fit:contain;max-width:100%;mix-blend-mode:multiply}

/* Grille responsive : 4 cartes sur très grand écran, 3, 2, puis 1 */
@media(min-width:2200px){.collection-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}}
@media(max-width:1000px){.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.collection-grid{grid-template-columns:1fr;gap:18px}.collection-grid .home-story.theme-tile,.home-store .collection-grid .home-story.theme-tile{aspect-ratio:4/3;min-height:0;padding:18px;border-radius:18px}.collection-grid .home-story.theme-tile h3{font-size:clamp(20px,6.6cqi,26px)}}

/* En-tête des pages */
.collection-store .home-intro>div{max-width:1000px}
.collection-store .home-intro h1{overflow-wrap:anywhere}
.collection-store a:focus-visible{outline:3px solid #0071e3;outline-offset:5px}

/* Page de détail d'une collection : même habillage que le catalogue */
.collections-wide{max-width:1680px;margin:auto;padding:0 48px}
.collection-page{padding-top:28px;padding-bottom:52px}
.collection-page .breadcrumbs{margin-bottom:18px}
.collection-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px 40px;align-items:end;margin-bottom:22px}
.collection-head h1{font-size:clamp(28px,2.6vw,38px);letter-spacing:-1px;line-height:1.15;margin:6px 0 10px}
.collection-head .collection-subtitle{font-size:17px;font-weight:600;color:var(--navy);margin-bottom:8px}
.collection-head .collection-intro{color:#58585e;max-width:70ch;margin:0}
.collection-head .collection-moment{font-size:13px;color:var(--muted);margin-top:10px}
.collection-filters{display:flex;flex-wrap:wrap;gap:14px 18px;align-items:end;padding:16px 18px;background:var(--soft);border-radius:8px;margin-bottom:14px}
.collection-filters label{display:grid;gap:6px;flex:1 1 200px;font-size:13px;font-weight:600}
.collection-filters input,.collection-filters select{width:100%;min-height:44px;padding:8px 10px;border:1px solid var(--line);border-radius:4px;background:#fff;font-weight:400}
.collection-filters .btn{min-height:44px}
.collection-filters>a{font-size:13px;color:var(--navy);font-weight:600;align-self:center}
.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 18px;font-size:13px;color:var(--muted)}
.collection-toolbar strong{color:var(--ink)}
.collection-item{display:flex;flex-direction:column;gap:8px;min-width:0}
.collection-item>.product-card{flex:1 1 auto}
.bundle-note{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline;font-size:12px;color:var(--muted);padding:0 2px}
.bundle-note strong{color:var(--navy);font-weight:700;white-space:nowrap}
.collection-empty{grid-column:1/-1;padding:40px;background:var(--soft);border-radius:8px}
.collection-empty h2{font-size:22px;margin-bottom:10px}
.collection-empty p{margin:0 0 18px;color:#58585e;max-width:70ch}
.collection-editorial{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:40px;padding:32px;background:var(--soft);border-radius:12px}
.collection-editorial h2{font-size:24px;letter-spacing:-.6px;margin-bottom:10px}
.collection-editorial p{color:#58585e;margin:0 0 8px;max-width:70ch}
.collection-editorial>a{flex-shrink:0;display:grid;gap:2px;font-weight:700;color:var(--navy)}
.collection-editorial>a small{font-weight:400;color:var(--muted)}
.collection-pagination{display:flex;gap:24px;justify-content:center;margin:32px 0;flex-wrap:wrap}
@media(max-width:1200px){.collections-wide{padding-left:28px;padding-right:28px}}
@media(max-width:800px){.collections-wide{padding-left:20px;padding-right:20px}.collection-head{grid-template-columns:1fr}.collection-editorial{display:block}.collection-editorial>a{margin-top:18px}}
@media(max-width:600px){.collection-filters{align-items:stretch;padding:14px}.collection-filters .btn{width:100%}.collection-toolbar{flex-direction:column;align-items:flex-start;gap:6px}}
@media(max-width:520px){.collections-wide{padding-left:16px;padding-right:16px}.collection-page{padding-top:22px}}