.ccoll-shell{padding-block:var(--space-section-m,1.25rem) var(--space-section-m,2rem)}.ccoll-title{margin:0 0 1rem}.ccoll-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .75rem;list-style:none;margin:0;padding:0}@media(min-width:750px){.ccoll-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 1rem}}@media(min-width:990px){.ccoll-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1300px){.ccoll-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.ccoll-grid>li{display:flex;flex-direction:column}.card-product.card-pop.ccard{position:relative;padding-top:18%!important;flex:1 1 auto;cursor:pointer}.ccard .card-pop__top{aspect-ratio:176/112;clip-path:inset(-80% -20% 0 -20%)}.ccard .card-pop__media{bottom:0;height:128%;display:block}.ccard__img{position:absolute;bottom:0;height:100%;width:auto;max-width:58%;object-fit:contain;filter:drop-shadow(0 8px 10px rgba(0,0,0,.3))}.ccard__img--1{left:50%;transform:translate(-50%);z-index:2}.ccard__img--2,.ccard__img--3{height:80%;bottom:1%;z-index:1;max-width:46%}.ccard__img--2{right:7%;transform:rotate(8deg);transform-origin:bottom center}.ccard__img--3{left:7%;transform:rotate(-8deg);transform-origin:bottom center}.ccard__fan--2 .ccard__img--1{left:auto;right:16%;transform:none}.ccard__fan--2 .ccard__img--2{right:auto;left:10%;transform:rotate(-8deg)}.card-product.card-pop.ccard .ccard__body{position:static;gap:.15rem;padding:.7rem .9rem .85rem!important}.ccard__title{margin:0;font-size:min(var(--fs-body),4vw);font-weight:700;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ccard__link{color:inherit;text-decoration:none}.ccard__link:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:5}.ccard__count{font-size:var(--fs-sm);color:color-mix(in oklab,var(--color-foreground) 60%,transparent)}.ccard:hover .ccard__img--1{transform:translate(-50%) translateY(-3px)}.ccard__img{transition:transform .25s ease}.ccard__link:focus-visible{outline:none}.ccard:has(.ccard__link:focus-visible){outline:2px solid var(--pop);outline-offset:3px;border-radius:var(--radius-lg,22px)}
/*# sourceMappingURL=/cdn/shop/t/40/assets/card-coll.css.map */