.page-collection{--col-haut-barre: 4.5rem;--col-pastille: 44px;padding-top:var(--hauteur-entete)}.col-tete{padding-block:var(--e-9) var(--e-7)}.col-tete .t-etiquette{margin-bottom:var(--e-5)}.col-tete h1{font-weight:200}.col-tete__bas{display:flex;align-items:baseline;justify-content:space-between;gap:var(--e-5);flex-wrap:wrap;margin-top:var(--e-5)}.col-tete__bas .t-voix{color:var(--texte-2);max-width:30ch}.col-compte{color:var(--texte-2);white-space:nowrap}.col-compte:before{content:"";display:inline-block;width:1.5rem;height:1px;background:var(--lumiere);vertical-align:middle;margin-right:var(--e-3)}@media(max-width:720px){.col-tete{padding-block:var(--e-8) var(--e-6)}.col-tete__bas{margin-top:var(--e-4)}}.col-filtres{position:sticky;top:var(--hauteur-entete);z-index:40;background:color-mix(in oklab,var(--fond) 90%,transparent);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%);border-bottom:1px solid var(--filet);transition:transform var(--d-3) var(--c-douce)}.entete.est-cachee~main .col-filtres{transform:translateY(calc(-1 * var(--hauteur-entete)))}.col-filtres__cadre{display:flex;align-items:center;gap:var(--e-5);min-height:var(--col-haut-barre)}.col-filtres__int{position:relative;flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:var(--e-6);padding-block:var(--e-2)}.col-groupe{margin:0;padding:0;border:0;min-width:0;display:flex;align-items:center;gap:var(--e-3)}.col-groupe--coloris{flex:1 1 auto}.col-groupe--tri{margin-left:auto}.col-pastilles{display:flex;gap:var(--e-1)}.col-pastille{flex:0 0 auto;display:inline-flex;align-items:center;min-height:var(--col-pastille);padding:0 var(--e-4);border:1px solid var(--filet);border-radius:999px;font-size:var(--t-6);color:var(--texte-2);white-space:nowrap;cursor:pointer;position:relative;isolation:isolate;overflow:hidden;transition:color var(--d-2) var(--c-douce),border-color var(--d-2) var(--c-douce),background-color var(--d-2) var(--c-douce);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}.col-pastille:after{content:"";position:absolute;top:-20%;right:-40%;bottom:-20%;left:-40%;z-index:-1;pointer-events:none;background:var(--lumiere-bande);opacity:0;transform:translate(-70%);transition:transform var(--d-4) var(--c-sortie),opacity var(--d-2)}.col-pastille:hover{color:var(--texte);border-color:var(--filet-fort)}.col-pastille:hover:after{opacity:.7;transform:translate(70%)}.col-pastille:has(>input:checked){color:var(--craie);border-color:var(--fumee);background:var(--fumee)}.col-pastille:has(>input:focus-visible){outline:2px solid var(--focus);outline-offset:3px}.col-disques{display:flex;flex:0 0 auto}.col-disque,.col-pastille-c{position:relative;flex:0 0 auto;display:grid;place-items:center;width:var(--col-pastille);height:var(--col-pastille);cursor:pointer;border-radius:50%;-webkit-tap-highlight-color:transparent}.col-disque__i{display:block;width:18px;height:18px;border-radius:50%;background:var(--hex);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--fumee) 16%,transparent);transition:transform var(--d-2) var(--c-sortie),box-shadow var(--d-2) var(--c-douce)}.col-disque:hover .col-disque__i,.col-pastille-c:hover .col-disque__i{transform:scale(1.12)}.col-disque:has(>input:checked) .col-disque__i,.col-pastille-c:has(>input:checked) .col-disque__i{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--fumee) 16%,transparent),0 0 0 3px var(--fond),0 0 0 4px var(--texte)}.col-disque:has(>input:focus-visible),.col-pastille-c:has(>input:focus-visible){outline:2px solid var(--focus);outline-offset:-2px}.col-lecture{font-size:var(--t-7);color:var(--texte-2);min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-height:1em;letter-spacing:var(--ls-data)}.col-lecture.est-survol{color:var(--texte)}.col-lecture:empty:before{content:"Coloris";text-transform:uppercase;letter-spacing:var(--ls-etiquette);font-size:var(--t-8);color:var(--texte-2)}.col-select{position:relative;display:inline-flex;align-items:center}.col-select select{appearance:none;-webkit-appearance:none;background:transparent;border:0;border-bottom:1px solid var(--filet-fort);border-radius:0;min-height:var(--col-pastille);padding:0 1.6rem 0 0;font-size:var(--t-6);color:var(--texte);cursor:pointer;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:border-color var(--d-2) var(--c-douce)}.col-select select:hover{border-color:var(--texte)}.col-select select:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.col-select:after{content:"";position:absolute;right:.35rem;top:50%;width:7px;height:7px;pointer-events:none;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-70%) rotate(45deg);color:var(--texte-2)}.col-reinit{min-height:var(--col-pastille);padding:0 var(--e-2);font-family:var(--f-data);font-size:var(--t-8);letter-spacing:var(--ls-etiquette);text-transform:uppercase;color:var(--texte-2);white-space:nowrap;border-bottom:1px solid transparent;transition:color var(--d-2),border-color var(--d-2)}.col-reinit:hover{color:var(--lien-survol);border-bottom-color:currentColor}.col-corps{padding-block:var(--e-7) var(--e-9)}.col-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gouttiere);row-gap:var(--e-8);align-items:start}.col-carte{min-width:0}.col-carte.est-ancre{grid-column:1 / span 2;grid-row:span 2;align-self:stretch;display:grid}.col-carte.est-ancre .col-carte__int{grid-template-rows:minmax(0,1fr) auto}.col-carte.est-ancre .col-carte__image{aspect-ratio:auto;height:100%;min-height:0}.col-carte.est-retiree{opacity:0;transform:scale(.985);transition:opacity var(--d-1) var(--c-douce),transform var(--d-1) var(--c-douce);pointer-events:none}.col-carte.est-en-attente{opacity:0}.col-carte[data-entre]{animation:col-entre var(--d-4) var(--c-sortie) both;animation-delay:calc(var(--i, 0) * 40ms)}@keyframes col-entre{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.col-carte__int{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--e-4)}.col-carte__image{display:block;aspect-ratio:4 / 5}.col-carte__image img{position:absolute;top:0;right:0;bottom:0;left:0}.col-carte__image img.col-fondu{transition-duration:var(--d-2);z-index:1}.col-carte__texte{display:grid;grid-template-columns:1fr auto;column-gap:var(--e-4);row-gap:var(--e-1);align-items:baseline;grid-template-areas:"nom prix" "role role" "coloris tailles"}.col-carte__nom{grid-area:nom;font-family:var(--f-titre);font-weight:300;font-size:var(--t-6);text-transform:uppercase;letter-spacing:.16em;line-height:1.3}.col-carte__nom a{color:var(--texte);transition:color var(--d-2)}.col-carte__nom a:hover{color:var(--lien-survol)}.col-carte__prix{grid-area:prix;color:var(--texte);justify-self:end;white-space:nowrap}.col-carte__role{grid-area:role;font-family:var(--f-data);font-size:var(--t-7);letter-spacing:var(--ls-data);line-height:1.4;color:var(--texte-2);text-transform:none}.col-carte__coloris{grid-area:coloris;display:flex;margin-left:calc((var(--col-pastille) - 18px) / -2);align-self:center}.col-carte__tailles{grid-area:tailles;justify-self:end;font-size:var(--t-7);color:var(--texte-2);white-space:nowrap;align-self:center;word-spacing:.35em}.col-carte.est-ancre .col-carte__nom{font-size:var(--t-5);letter-spacing:.2em}.col-carte.est-ancre .col-carte__role{font-size:var(--t-6)}.col-vide{display:grid;gap:var(--e-5);justify-items:start;padding-block:var(--e-8);border-top:1px solid var(--filet)}.col-vide__msg{font-size:var(--t-4);color:var(--texte);max-width:var(--largeur-texte);text-wrap:pretty}.col-vide__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--e-3) var(--e-5)}.col-vide .btn--nu{--h: 44px}.col-fin{padding-bottom:var(--e-10)}.col-fin__int{display:grid;justify-items:start;padding-top:var(--e-8)}.col-fin .t-etiquette{margin-bottom:var(--e-4)}.col-fin__offerte{font-family:var(--f-texte);font-style:normal;font-weight:500;font-size:var(--t-5);color:var(--texte)}.col-fin__delai{margin-top:var(--e-2);max-width:42ch;font-size:var(--t-6);color:var(--texte-2)}.col-fin__lien{display:inline-flex;align-items:center;min-height:44px;margin-top:var(--e-4);font-size:var(--t-6);color:var(--lien);transition:color var(--d-2)}.col-fin__lien:hover{color:var(--lien-survol)}.col-fin__lien.lien-souligne:after{bottom:.7rem}@media(max-width:1199px){.col-filtres__cadre{padding-inline:0;gap:0;min-height:0}.col-filtres__int{gap:var(--e-5);padding-inline:var(--marge);overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,transparent,#000 .75rem,#000 calc(100% - 2.5rem),transparent);mask-image:linear-gradient(90deg,transparent,#000 .75rem,#000 calc(100% - 2.5rem),transparent)}.col-filtres__int::-webkit-scrollbar{display:none}.col-groupe,.col-groupe--coloris{flex:0 0 auto}.col-groupe--tri{margin-left:0}.col-lecture{flex:0 0 9rem}.col-reinit{flex:0 0 auto;align-self:stretch;padding:0 var(--marge) 0 var(--e-4);border-bottom:0;border-left:1px solid var(--filet)}}@media(max-width:899px){.col-filtres__int{gap:var(--e-4)}.col-lecture{display:none}.col-pastille{min-height:44px;padding:0 var(--e-4);font-size:var(--t-7)}.col-select select{font-size:var(--t-7)}.col-grille{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--e-7)}.col-carte.est-ancre{grid-column:1 / -1;grid-row:auto}.col-carte.est-ancre .col-carte__image{aspect-ratio:4 / 5;height:auto}.col-carte__texte{grid-template-columns:1fr auto;grid-template-areas:"nom nom" "role role" "coloris coloris" "prix tailles"}.col-carte__texte{grid-template-columns:auto minmax(0,1fr);column-gap:var(--e-3)}.col-carte__prix{justify-self:start}.col-carte__tailles{white-space:normal;text-align:right;word-spacing:.2em}.col-carte__coloris{margin-inline:calc((var(--col-pastille) - 18px) / -2);flex-wrap:wrap}.col-carte__nom{font-size:var(--t-7);letter-spacing:.14em}.col-carte__role{font-size:var(--t-8)}.col-carte.est-ancre .col-carte__nom{font-size:var(--t-6)}.col-carte.est-ancre .col-carte__role{font-size:var(--t-7)}.col-corps{padding-block:var(--e-6) var(--e-8)}.col-fin{padding-bottom:var(--e-9)}.col-carte.est-seule{grid-column:1 / -1}.col-carte.est-seule .col-carte__image{aspect-ratio:16 / 10}.col-carte.est-seule .col-carte__image img{object-position:50% 8%}}@media(max-width:720px){.col-carte__tailles{display:none}.col-carte__texte{grid-template-areas:"nom nom" "role role" "coloris coloris" "prix prix"}}@media(prefers-reduced-motion:reduce){.col-carte.est-en-attente,.col-carte[data-entre]{opacity:1;animation:none}.col-pastille:after{display:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/collection.css.map */