.collection-cards__header{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:14px;text-align:center}.collection-cards__heading{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;font-size:18px;line-height:1.3;color:#333}.collection-cards__count{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:22px;padding:0 8px;background:#f5f5f5;color:#6f6f6f;border-radius:2px;font-size:12px;font-weight:600;line-height:1}.collection-cards__arrows{display:none;gap:6px;margin-left:auto}.collection-cards__arrow{display:flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:2px;background:#0d324c;color:#fff;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.collection-cards__arrow:hover:not([disabled]){background:#0c1726}.collection-cards__arrow[disabled]{opacity:.3;cursor:default}.collection-cards__arrow svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.collection-cards__track{display:flex;justify-content:flex-start;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -17px;padding:2px 17px 4px;scroll-padding:0 17px;list-style:none}.collection-cards__track::-webkit-scrollbar{display:none}.collection-cards__item{flex:0 0 calc((100% - (var(--cards-mobile) - 1) * 10px) / var(--cards-mobile));scroll-snap-align:start;margin:0}.collection-cards.is-expanded .collection-cards__arrows{display:none}.collection-cards.is-expanded .collection-cards__track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow:visible;scroll-snap-type:none;margin:0;padding:2px 0 4px}.collection-cards.is-expanded .collection-cards__item{flex:none;width:auto;min-width:0}.collection-cards__footer{display:flex;justify-content:center;margin-top:16px}.collection-cards__toggle{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 22px;border:0;border-radius:2px;background:#f5f5f5;color:#0c1726;font-size:14px;font-weight:600;line-height:1;cursor:pointer;transition:background-color .2s ease}.collection-cards__toggle:hover{background:#e9e9e9}.collection-cards__toggle svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}.collection-cards__toggle .label-close,.collection-cards.is-expanded .collection-cards__toggle .label-open{display:none}.collection-cards.is-expanded .collection-cards__toggle .label-close{display:inline}.collection-cards.is-expanded .collection-cards__toggle svg{transform:rotate(180deg)}.collection-card-item{position:relative;display:flex;flex-direction:column;height:100%;background:#fff;border:1px solid #ececec;border-radius:2px;overflow:hidden;color:inherit;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease}.collection-card-item:hover{border-color:#0c1726;box-shadow:0 4px 14px #0c172614}.collection-card-item__media{position:relative;isolation:isolate;aspect-ratio:var(--card-media-ratio, 2 / 1);padding:12%;background:#f5f5f5;overflow:hidden;content-visibility:auto}.collection-card-item__media picture{position:relative;z-index:1;display:block;width:100%;height:100%}.collection-card-item__media picture img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .35s ease}.collection-cards--fit-cover .collection-card-item__media,.collection-cards--fit-contain .collection-card-item__media{padding:0}.collection-cards--fit-cover .collection-card-item__media picture img,.collection-cards--fit-contain .collection-card-item__media picture img{mix-blend-mode:normal}.collection-cards--fit-cover .collection-card-item__media picture img{object-fit:cover;object-position:center}.collection-cards--fit-contain .collection-card-item__media picture img{object-fit:contain}.collection-cards--fit-cover .collection-card-item__media:after,.collection-cards--fit-contain .collection-card-item__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(to bottom,#0c17268c,#0c172633 25%,#0c172600 55% 100%);pointer-events:none}.collection-card-item:hover .collection-card-item__media picture img{transform:scale(1.06)}.collection-card-item__badges{position:absolute;top:10px;left:10px;right:10px;z-index:3;display:flex;flex-wrap:wrap;gap:4px 12px;pointer-events:none}.collection-card-item__badge{display:inline-flex;align-items:center;gap:5px;color:#333;font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.collection-cards--fit-cover .collection-card-item__badge,.collection-cards--fit-contain .collection-card-item__badge{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.35)}.collection-card-item__badge img{display:block;flex:0 0 14px;width:14px;height:14px;object-fit:contain}.collection-card-item__color-wheel{display:block;flex:0 0 12px;width:12px;height:12px;margin:1px;border-radius:50%;background:radial-gradient(circle closest-side,#ffffff 0 34%,transparent 35%),conic-gradient(#e53935 0deg 45deg,#fb8c00 45deg 90deg,#fdd835 90deg 135deg,#43a047 135deg 180deg,#00acc1 180deg 225deg,#1e88e5 225deg 270deg,#8e24aa 270deg 315deg,#d81b60 315deg 360deg)}.collection-card-item__custom-badge{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:6px;padding:7px 12px;background:#d9efe2;color:#333;font-size:12px;font-weight:600;letter-spacing:.01em;line-height:1.2;pointer-events:none}.collection-card-item__custom-badge img{display:block;flex:0 0 14px;width:14px;height:14px;object-fit:contain}.collection-card-item__custom-badge-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collection-card-item__body{display:flex;flex-direction:column;gap:8px;padding:12px;content-visibility:auto;contain-intrinsic-height:auto 130px}.collection-card-item__title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.collection-card-item__title{margin:0;font-size:14px;font-weight:600;line-height:1.3;color:#0c1726}.collection-card-item__arrow{flex:0 0 auto;width:14px;height:14px;fill:none;stroke:#8a8f98;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease,stroke .2s ease}.collection-card-item:hover .collection-card-item__arrow{stroke:#0c1726;transform:translate(3px)}.collection-card-item__description{margin:0;font-size:12px;line-height:1.5;color:#6f6f6f;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}@media screen and (min-width:769px){.collection-cards__header{justify-content:space-between;text-align:left}.collection-cards__heading{justify-content:flex-start;font-size:20px}.collection-cards--centered .collection-cards__header{justify-content:center;text-align:center}.collection-cards--centered .collection-cards__heading{justify-content:center}.collection-cards__arrows{display:flex}.collection-cards__track{gap:12px;margin:0;padding:2px 0 4px;scroll-padding:0}.collection-cards--centered:not(.is-expanded) .collection-cards__track>.collection-cards__item:first-child{margin-left:auto}.collection-cards--centered:not(.is-expanded) .collection-cards__track>.collection-cards__item:last-child{margin-right:auto}.collection-cards__item{flex-basis:calc((100% - (var(--cards-desktop) - 1) * 12px) / var(--cards-desktop))}.collection-cards__track--scrollable .collection-cards__item{flex-basis:calc((100% - var(--cards-desktop) * 12px) / (var(--cards-desktop) + .3))}.collection-cards.is-expanded .collection-cards__track{grid-template-columns:repeat(var(--cards-grid),minmax(0,1fr));gap:12px}.collection-cards__footer{margin-top:20px}.collection-card-item__badges{top:12px;left:12px;right:12px}.collection-card-item__badge{font-size:13px}.collection-card-item__custom-badge{padding:8px 14px;font-size:13px}.collection-card-item__body{padding:14px}.collection-card-item__title{font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/collection-cards.css.map */