.cpg{padding:3.5rem 0 6rem}.cpg__wrap{max-width:150rem;margin:0 auto;padding:0 2.4rem;display:grid;grid-template-columns:23rem 1fr;gap:4.5rem;align-items:start}.cpg__side{position:sticky;top:12rem}.cpg__side-title{text-transform:uppercase;letter-spacing:.18em;font-size:1.2rem;font-weight:600;color:rgba(var(--color-foreground),.55);margin:0 0 1.6rem}.cpg__nav{display:flex;flex-direction:column;gap:.4rem}.cpg__nav-link{font-size:1.55rem;color:rgb(var(--color-foreground));text-decoration:none;padding:.9rem 1.4rem;border-radius:1rem;transition:background-color .15s ease}.cpg__nav-link:hover{background:rgba(var(--color-foreground),.06)}.cpg__nav-link.is-active{background:#213a47;color:#fbf8f3;font-weight:600}.cpg__nav-all{margin-top:1.2rem;padding:.9rem 1.4rem;font-size:1.4rem;font-weight:600;color:#1e9bd1;text-decoration:none}.cpg__nav-all:hover{text-decoration:underline}.cpg__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2.6rem 2.2rem}.cpg__card{display:flex;flex-direction:column;text-decoration:none;color:rgb(var(--color-foreground))}.cpg__media{position:relative;display:block;aspect-ratio:1 / 1;border-radius:1.4rem;overflow:hidden;background:rgba(var(--color-foreground),.04);margin-bottom:1.2rem}.cpg__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:opacity .4s ease,transform .6s ease}.cpg__img--2{opacity:0}.cpg__card:hover .cpg__img--1{transform:scale(1.04)}.cpg__card:hover .cpg__img--2{opacity:1}.cpg__cta{position:absolute;left:50%;bottom:1.4rem;transform:translate(-50%,.8rem);display:inline-flex;align-items:center;gap:.4rem;background:#213a47;color:#fbf8f3;font-size:1.3rem;font-weight:600;padding:1rem 1.9rem;border-radius:999px;white-space:nowrap;box-shadow:0 6px 18px #0d1b2247;opacity:0;transition:opacity .25s ease,transform .25s ease}.cpg__card:hover .cpg__cta{opacity:1;transform:translate(-50%)}.cpg__name{font-family:var(--font-heading-family);font-size:1.6rem;line-height:1.3;letter-spacing:-.01em;color:#213a47}.cpg__rating{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.cpg__stars{--rate: 100%;position:relative;display:inline-block;width:7rem;height:1.4rem;font-size:0;line-height:1;vertical-align:middle}.cpg__stars:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#e0a92e var(--rate),rgba(var(--color-foreground),.2) var(--rate));-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5c.4 0 .77.24.94.6l2.36 4.78 5.28.77c.4.06.73.34.85.72.12.38.02.8-.26 1.08l-3.82 3.72.9 5.26c.07.4-.1.8-.42 1.04-.33.24-.77.27-1.13.08L12 18.06l-4.72 2.48c-.36.19-.8.16-1.13-.08-.32-.24-.49-.64-.42-1.04l.9-5.26-3.82-3.72c-.28-.28-.38-.7-.26-1.08.12-.38.45-.66.85-.72l5.28-.77 2.36-4.78c.17-.36.54-.6.94-.6z' fill='%23000'/%3E%3C/svg%3E") left center / 1.4rem auto repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2.5c.4 0 .77.24.94.6l2.36 4.78 5.28.77c.4.06.73.34.85.72.12.38.02.8-.26 1.08l-3.82 3.72.9 5.26c.07.4-.1.8-.42 1.04-.33.24-.77.27-1.13.08L12 18.06l-4.72 2.48c-.36.19-.8.16-1.13-.08-.32-.24-.49-.64-.42-1.04l.9-5.26-3.82-3.72c-.28-.28-.38-.7-.26-1.08.12-.38.45-.66.85-.72l5.28-.77 2.36-4.78c.17-.36.54-.6.94-.6z' fill='%23000'/%3E%3C/svg%3E") left center / 1.4rem auto repeat-x}.cpg__rcount{font-size:1.2rem;color:rgba(var(--color-foreground),.55)}.cpg__price{margin-top:.5rem;font-size:1.5rem;font-weight:700;color:rgb(var(--color-foreground))}.cpg__price-compare{margin-right:.6rem;font-weight:400;color:rgba(var(--color-foreground),.45);text-decoration:line-through}.cpg__price-now{color:rgb(var(--color-foreground))}.cpg__badge{position:absolute;top:1rem;left:1rem;z-index:1;background:#213a47;color:#fbf8f3;font-size:1.15rem;font-weight:700;line-height:1;letter-spacing:.01em;padding:.5rem .85rem .55rem;border-radius:.8rem;box-shadow:0 4px 12px #0d1b2233}.cpg__empty{color:rgba(var(--color-foreground),.6)}.cpg__pagination{display:flex;justify-content:center;gap:.6rem;margin-top:4rem}.cpg__page{min-width:3.8rem;height:3.8rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.9rem;font-size:1.4rem;color:rgb(var(--color-foreground));text-decoration:none;border:1px solid rgba(var(--color-foreground),.14)}.cpg__page:hover{border-color:#213a47}.cpg__page.is-current{background:#213a47;color:#fbf8f3;border-color:#213a47}@media screen and (max-width:989px){.cpg__wrap{grid-template-columns:1fr;gap:2.4rem}.cpg__side,.cpg__grid,.cpg__card{min-width:0}.cpg__side{position:static}.cpg__nav{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;gap:.6rem;margin:0 -2.4rem;padding:0 2.4rem .6rem;scroll-padding-left:2.4rem;-webkit-overflow-scrolling:touch;scrollbar-width:none}.cpg__nav::-webkit-scrollbar{display:none}.cpg__nav-link{white-space:nowrap;border:1px solid rgba(var(--color-foreground),.14);padding:.7rem 1.3rem}.cpg__nav-all{white-space:nowrap}}@media screen and (max-width:749px){.cpg__grid{grid-template-columns:repeat(2,1fr);gap:1.8rem 1.4rem}.cpg__cta{font-size:1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-collection-perso-grid.css.map */