.collection-list{background:var(--cl-bg, #FFFFFF);padding:var(--cl-section-padding-y, 64px) 0}.collection-list__container{max-width:var(--cl-max-width, 1280px);margin:0 auto;padding:0 var(--cl-section-padding-x, 16px)}.collection-list__header{text-align:center;margin-bottom:3rem}.collection-list__headline{font-size:var(--cl-headline-size, 32px);font-weight:700;line-height:1.15;color:var(--cl-text-primary, #1A1A1A);margin:0 0 .75rem}.collection-list__headline-em{font-style:italic;color:var(--cl-accent, #22C55E)}.collection-list__subheadline{font-size:var(--cl-subheadline-size, 16px);line-height:1.6;color:var(--cl-text-secondary, #6B7280);max-width:600px;margin:0 auto}.collection-list__grid{display:grid;gap:var(--cl-gap, 24px);grid-template-columns:repeat(var(--cl-columns-mobile, 2),1fr)}@media screen and (min-width:768px){.collection-list__grid{grid-template-columns:repeat(var(--cl-columns-tablet, 2),1fr)}}@media screen and (min-width:1024px){.collection-list__grid{grid-template-columns:repeat(var(--cl-columns-desktop, 3),1fr)}}.collection-list__grid--list{display:flex;flex-direction:column;gap:var(--cl-gap, 24px)}.collection-list__grid--list .collection-list__item{width:100%}.collection-list__grid--list .collection-list__link{display:grid;grid-template-columns:200px 1fr;gap:1.5rem;align-items:center}.collection-list__grid--list .collection-list__media{aspect-ratio:1/1}@media screen and (max-width:767px){.collection-list__grid--list .collection-list__link{grid-template-columns:120px 1fr;gap:1rem}}.collection-list__grid--masonry{grid-template-columns:repeat(var(--cl-columns-mobile, 2),1fr)}.collection-list__grid--masonry .collection-list__item:nth-child(3n+1){grid-row:span 2}.collection-list__grid--masonry .collection-list__item:nth-child(3n+1) .collection-list__media{aspect-ratio:3/4}@media screen and (min-width:768px){.collection-list__grid--masonry{grid-template-columns:repeat(var(--cl-columns-tablet, 2),1fr)}}@media screen and (min-width:1024px){.collection-list__grid--masonry{grid-template-columns:repeat(var(--cl-columns-desktop, 3),1fr)}}.collection-list__item{position:relative}.collection-list__link{display:block;text-decoration:none;color:inherit;transition:transform .3s ease}.collection-list__link:hover{text-decoration:none}.collection-list__media{position:relative;aspect-ratio:var(--cl-image-aspect, 4/5);overflow:hidden;border-radius:var(--cl-image-radius, 16px);background:#f3f4f6}.collection-list__image-wrapper{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.collection-list__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .5s cubic-bezier(.25,.46,.45,.94)}.collection-list__item:hover .collection-list__image{transform:scale(var(--cl-hover-scale, 1.08))}.collection-list__image-wrapper--placeholder{display:flex;align-items:center;justify-content:center}.collection-list__image-wrapper--placeholder svg{width:60%;height:60%;opacity:.3}.collection-list__media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--cl-overlay, rgba(0,0,0,.4));opacity:0;transition:opacity .3s ease;border-radius:var(--cl-image-radius, 16px)}.collection-list__grid--overlay .collection-list__media-overlay{opacity:1}.collection-list__item:hover .collection-list__media-overlay{opacity:1;background:var(--cl-overlay, rgba(0,0,0,.5))}.collection-list__overlay-text{font-size:18px;font-weight:600;color:var(--cl-overlay-text, #FFFFFF);text-transform:uppercase;letter-spacing:.05em}.collection-list__badge{position:absolute;top:12px;left:12px;z-index:5;padding:6px 12px;border-radius:9999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--cl-badge-bg, #22C55E);color:var(--cl-badge-text, #FFFFFF);line-height:1}.collection-list__count{position:absolute;top:12px;right:12px;z-index:5;padding:6px 12px;border-radius:9999px;font-size:var(--cl-count-size, 12px);font-weight:600;background:#ffffffe6;color:var(--cl-text-primary, #1A1A1A);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);line-height:1}.collection-list__hover-btn{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;pointer-events:none}.collection-list__item:hover .collection-list__hover-btn{opacity:1}.collection-list__hover-btn-text{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:9999px;font-size:14px;font-weight:600;background:var(--cl-btn-bg, #1A1A1A);color:var(--cl-btn-text, #FFFFFF);box-shadow:0 4px 20px #0003;transform:translateY(8px);transition:transform .3s ease,background-color .2s ease}.collection-list__item:hover .collection-list__hover-btn-text{transform:translateY(0)}.collection-list__hover-btn-text:hover{background:var(--cl-btn-hover, #374151)}.collection-list__content{padding-top:1rem}.collection-list__grid--overlay .collection-list__content{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:1.5rem;color:var(--cl-overlay-text, #FFFFFF)}.collection-list__grid--cards .collection-list__content{padding:1.25rem;background:var(--cl-card-bg, #FFFFFF);border:1px solid var(--cl-card-border, #E5E7EB);border-top:none;border-radius:0 0 var(--cl-card-radius, 16px) var(--cl-card-radius, 16px)}.collection-list__grid--cards .collection-list__media{border-radius:var(--cl-card-radius, 16px) var(--cl-card-radius, 16px) 0 0}.collection-list__grid--minimal .collection-list__content{padding-top:.75rem;text-align:center}.collection-list__title{font-size:var(--cl-title-size, 20px);font-weight:600;text-align:left;line-height:1.3;color:var(--cl-text-primary, #1A1A1A);margin:0 0 .4rem;transition:color .2s ease}.collection-list__grid--overlay .collection-list__title{color:var(--cl-overlay-text, #FFFFFF);font-size:22px;margin-bottom:0}.collection-list__item:hover .collection-list__title{color:var(--cl-accent, #22C55E)}.collection-list__description{font-size:var(--cl-desc-size, 14px);line-height:1.5;color:var(--cl-text-secondary, #6B7280);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collection-list__grid--overlay .collection-list__description{color:#ffffffd9;margin-top:.5rem}.collection-list__grid--cards .collection-list__item{border-radius:var(--cl-card-radius, 16px);overflow:hidden;box-shadow:0 1px 3px #0000000d;transition:box-shadow .3s ease,transform .3s ease}.collection-list__grid--cards .collection-list__item:hover{box-shadow:0 12px 40px #0000001f;transform:translateY(-4px)}.collection-list__grid--cards .collection-list__media{border-radius:0}.collection-list__footer{text-align:center;margin-top:3rem}.collection-list__footer-btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 32px;border-radius:9999px;font-size:15px;font-weight:600;text-decoration:none;background:var(--cl-btn-bg, #1A1A1A);color:var(--cl-btn-text, #FFFFFF);transition:background-color .2s ease,transform .2s ease}.collection-list__footer-btn:hover{background:var(--cl-btn-hover, #374151);transform:translateY(-2px)}@media screen and (min-width:768px){.collection-list__headline{font-size:var(--cl-headline-size-desktop, 48px)}.collection-list__header{margin-bottom:4rem}.collection-list__grid--overlay .collection-list__title{font-size:24px}}.collection-list__link:focus-visible{outline:3px solid var(--cl-accent, #22C55E);outline-offset:4px;border-radius:var(--cl-card-radius, 16px)}.collection-list__headline p{margin-bottom:0;margin-top:20px}.collection-list__link:focus-visible .collection-list__image{transform:scale(var(--cl-hover-scale, 1.08))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){.collection-list__image,.collection-list__hover-btn,.collection-list__hover-btn-text,.collection-list__media-overlay,.collection-list__item{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/p2-section-collection-list.css.map */