@keyframes cg-spin{to{transform:rotate(360deg)}}.collection-grid .animate-spin{animation:cg-spin 1s linear infinite}.collection-grid{padding:3rem 0}.collection-grid__header{margin-bottom:2rem;text-align:center;max-width:1280px;margin-left:auto;margin-right:auto;padding:0 1rem}.collection-grid__header--left{text-align:left}.collection-grid__header--right{text-align:right}.collection-grid__heading{font-size:1.75rem;font-weight:700;color:var(--color-text, #1f2937)}@media(min-width:768px){.collection-grid__heading{font-size:2.25rem}}.collection-grid__top-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.collection-grid__top-header .collection-grid__heading{flex:1;min-width:0}.collection-grid__top-header--left .collection-grid__heading{text-align:left}.collection-grid__top-header--center .collection-grid__heading{text-align:center}.collection-grid__top-header--right .collection-grid__heading{text-align:right}.collection-grid__top-header--nav-top-right{flex-direction:row;justify-content:space-between}.collection-grid__top-header--nav-top-left{flex-direction:row-reverse;justify-content:space-between}.collection-grid__top-header--nav-inline{justify-content:flex-start}.collection-grid__top-header--nav-inline .collection-grid__heading{flex:1;width:100%}.collection-grid__heading-spacer{flex:1}.collection-grid__nav-group{display:flex;gap:.5rem;flex-shrink:0}.collection-grid__grid{display:grid;grid-template-columns:1fr;gap:1.5rem;max-width:1280px;margin:0 auto;padding:0 1rem}@media(min-width:640px){.collection-grid__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.collection-grid__grid{grid-template-columns:repeat(var(--columns, 3),1fr)}}.collection-grid__carousel{position:relative;max-width:1280px;margin:0 auto;padding:0 1rem}.collection-grid__track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:1rem}.collection-grid__track::-webkit-scrollbar{display:none}.collection-grid--carousel .collection-card{flex:0 0 280px;scroll-snap-align:start}@media(min-width:768px){.collection-grid--carousel .collection-card{flex:0 0 320px}}.collection-grid__nav{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;min-width:2.75rem;min-height:2.75rem;border:1px solid var(--color-border, #e5e7eb);border-radius:50%;background:#fff;color:var(--color-text, #1f2937);cursor:pointer;transition:all .2s ease;padding:0;margin:0}.collection-grid__nav:hover:not(:disabled){border-color:var(--color-text, #1f2937);background:var(--color-text, #1f2937);color:#fff}.collection-grid__nav:active:not(:disabled){transform:scale(.95)}.collection-grid__nav--disabled,.collection-grid__nav:disabled{opacity:.4;cursor:not-allowed}.collection-grid__nav--disabled:hover,.collection-grid__nav:disabled:hover{border-color:var(--color-border, #e5e7eb);background:#fff;color:var(--color-text, #1f2937)}.collection-grid__nav--inline{position:absolute;top:50%;transform:translateY(-50%);z-index:10;box-shadow:0 2px 8px #0000001a}.collection-grid__nav--inline:hover:not(:disabled){box-shadow:0 4px 12px #00000026}.collection-grid__nav--inline.collection-grid__nav--prev{left:0}.collection-grid__nav--inline.collection-grid__nav--next{right:0}@media(min-width:768px){.collection-grid__nav--inline.collection-grid__nav--prev{left:-20px}.collection-grid__nav--inline.collection-grid__nav--next{right:-20px}}.collection-grid__list{display:flex;flex-direction:column;gap:1rem;max-width:1280px;margin:0 auto;padding:0 1rem}.collection-list-item{display:flex;align-items:center;gap:1.5rem;padding:1rem;background:var(--color-background, #fff);border:1px solid var(--color-border, #e5e7eb);border-radius:8px;text-decoration:none;color:inherit;transition:all .2s ease}.collection-list-item:hover{border-color:var(--color-primary, #4f46e5);box-shadow:0 4px 12px #00000014}.collection-list-item__image{flex-shrink:0;width:80px;height:80px;border-radius:8px;overflow:hidden}@media(min-width:768px){.collection-list-item__image{width:120px;height:120px}}.collection-list-item__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.collection-list-item__content{flex:1;min-width:0}.collection-list-item__title{font-size:1.125rem;font-weight:600;margin-bottom:.25rem;color:var(--color-text, #1f2937)}.collection-list-item__desc{font-size:.875rem;color:var(--color-textMuted, #6b7280);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collection-list-item__count{font-size:.75rem;color:var(--color-textMuted, #9ca3af)}.collection-list-item__arrow{flex-shrink:0;color:var(--color-textMuted, #9ca3af);transition:transform .2s ease}.collection-list-item:hover .collection-list-item__arrow{transform:translate(4px);color:var(--color-primary, #4f46e5)}.collection-card{display:block;text-decoration:none;color:inherit;border-radius:var(--radius-block, 8px);overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.collection-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001f}.collection-card__image{position:relative;aspect-ratio:var(--aspect-ratio, 1/1);overflow:hidden;background:var(--color-backgroundMuted, #f3f4f6)}.collection-card__image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.collection-card:hover .collection-card__image img{transform:scale(1.05)}.collection-card__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.collection-card__placeholder span{font-size:3rem;font-weight:700;color:#9ca3af}.collection-card--overlay .collection-card__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 60%);color:#fff}.collection-card--overlay .collection-card__title{font-size:1.25rem;font-weight:600;margin-bottom:.25rem}.collection-card--overlay .collection-card__desc{font-size:.875rem;opacity:.9;margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collection-card--overlay .collection-card__count{font-size:.75rem;opacity:.8}.collection-card__overlay--carousel{background:transparent;justify-content:flex-end;padding:0}.collection-card__bottom-bar{position:absolute;left:0;right:0;bottom:2px;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:linear-gradient(to top,rgba(0,0,0,.7) 0%,transparent 100%)}.collection-card--overlay .collection-card__bottom-bar .collection-card__title{flex:1 1 auto;min-width:0;font-size:1rem;font-weight:600;margin:0;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.collection-card--overlay .collection-card__bottom-bar .collection-card__arrow{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:transform .2s ease}.collection-card:hover .collection-card__arrow{transform:translate(4px)}.collection-card--below .collection-card__info{padding:1rem 0}.collection-card--below .collection-card__title{font-size:1.125rem;font-weight:600;color:var(--color-text, #1f2937);margin-bottom:.25rem}.collection-card--below .collection-card__desc{font-size:.875rem;color:var(--color-textMuted, #6b7280);margin-bottom:.5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.collection-card--below .collection-card__count{font-size:.75rem;color:var(--color-textMuted, #9ca3af)}.collection-card--placeholder .collection-card__image,.collection-list-item--placeholder .collection-list-item__image{background:#e5e7eb}