.collection-hero{position:relative;background:var(--navy);overflow:hidden;padding:3rem 0 4rem}.collection-hero__bg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.12;background-image:radial-gradient(circle at 15% 85%,#e879a8 0%,transparent 45%),radial-gradient(circle at 85% 15%,#f5a623 0%,transparent 45%);pointer-events:none}.collection-hero__floaters{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.collection-hero__inner{position:relative;max-width:80rem;margin:0 auto;padding:0 1rem;display:grid;gap:2.5rem;align-items:center}@media(min-width:640px){.collection-hero__inner{padding:0 1.5rem}}@media(min-width:1024px){.collection-hero__inner{padding:0 2rem;grid-template-columns:1.4fr 1fr;gap:4rem}}.collection-hero__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;color:#faf6ef8c;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:2rem;grid-column:1 / -1;animation:ttFadeUp .5s ease both}.collection-hero__crumbs a{transition:color .2s}.collection-hero__crumbs a:hover{color:var(--orange-400)}.collection-hero__crumbs-current{color:var(--cream)}.collection-hero__content{display:flex;flex-direction:column;gap:1.5rem;animation:ttFadeUp .6s .05s ease both}.collection-hero__badge{display:inline-flex;align-items:center;gap:.5rem;align-self:flex-start;background:#ffffff14;border:1px solid rgba(255,255,255,.18);border-radius:9999px;padding:.375rem 1rem;color:var(--cream);font-size:.75rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.collection-hero__badge svg{color:#f472b6}.collection-hero__title{font-size:2.75rem;font-weight:900;line-height:1.05;margin:0;color:var(--cream)}@media(min-width:640px){.collection-hero__title{font-size:3.5rem}}@media(min-width:1024px){.collection-hero__title{font-size:4.5rem}}.collection-hero__title-line{display:block}.collection-hero__title-line--small{font-size:.4em;font-weight:600;letter-spacing:.15em;text-transform:uppercase;color:#faf6ef8c;margin-top:.5rem}.collection-hero__desc{color:#faf6efbf;font-size:1rem;line-height:1.7;max-width:32rem}.collection-hero__desc p{margin:0 0 .75rem}.collection-hero__desc p:last-child{margin-bottom:0}.collection-hero__meta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.collection-hero__count{display:inline-flex;align-items:center;gap:.75rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:1rem;padding:.75rem 1rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.collection-hero__count-icon{width:2.25rem;height:2.25rem;border-radius:.625rem;background:linear-gradient(to bottom right,var(--pink-500),var(--orange-400));display:flex;align-items:center;justify-content:center;color:#fff}.collection-hero__count-icon--blue{background:linear-gradient(to bottom right,var(--blue-500),var(--cyan-400))}.collection-hero__count-num{color:var(--cream);font-weight:900;font-size:1rem;line-height:1;margin:0}.collection-hero__count-label{color:#faf6ef99;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;margin:.25rem 0 0}.collection-hero__media{position:relative;display:none;animation:ttFadeUp .7s .15s ease both}@media(min-width:1024px){.collection-hero__media{display:flex;justify-content:center}}.collection-hero__media-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#ec489959,#fb923c59);border-radius:1.5rem;filter:blur(52px)}.collection-hero__media-frame{position:relative;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1.5rem;padding:1rem;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.collection-hero__media-img{width:100%;max-width:26rem;border-radius:1rem;object-fit:cover;aspect-ratio:1 / 1}.collection-nav{position:sticky;top:4rem;z-index:30;background:#ffffffeb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--gray-100)}.collection-nav__inner{max-width:80rem;margin:0 auto;padding:.75rem 1rem}@media(min-width:640px){.collection-nav__inner{padding:.75rem 1.5rem}}@media(min-width:1024px){.collection-nav__inner{padding:.875rem 2rem}}.collection-nav__scroller{display:flex;gap:.5rem;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding:.25rem 0;scroll-snap-type:x mandatory;-webkit-mask-image:linear-gradient(to right,transparent,#000 1rem,#000 calc(100% - 1rem),transparent);mask-image:linear-gradient(to right,transparent,#000 1rem,#000 calc(100% - 1rem),transparent)}.collection-nav__scroller::-webkit-scrollbar{display:none}.collection-nav__pill{flex-shrink:0;display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem .5rem .5rem;background:var(--cream);border:1px solid transparent;border-radius:9999px;font-size:.875rem;font-weight:600;color:var(--navy);scroll-snap-align:start;transition:all .25s ease}.collection-nav__pill:hover{background:#fff;border-color:var(--gray-200);transform:translateY(-1px);box-shadow:0 4px 6px -1px #0000000f}.collection-nav__pill.is-active{background:var(--navy);color:var(--cream);box-shadow:0 10px 15px -3px #1a206659}.collection-nav__pill.is-active .collection-nav__pill-count{background:#ffffff2e;color:var(--cream)}.collection-nav__pill-img{width:1.75rem;height:1.75rem;border-radius:9999px;object-fit:cover;background:#fff}.collection-nav__pill:not(:has(.collection-nav__pill-img)){padding-left:1rem}.collection-nav__pill-count{background:#1a206614;color:var(--navy);font-size:.7rem;font-weight:700;padding:.125rem .5rem;border-radius:9999px}.collection-grid{padding:2.5rem 0 5rem;background:#fff}.collection-grid__inner{max-width:80rem;margin:0 auto;padding:0 1rem}@media(min-width:640px){.collection-grid__inner{padding:0 1.5rem}}@media(min-width:1024px){.collection-grid__inner{padding:0 2rem}}.collection-grid__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;padding:1rem 0;margin-bottom:1rem}.collection-grid__filter-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:var(--cream);color:var(--navy);font-weight:700;font-size:.875rem;border-radius:9999px;transition:all .25s ease;border:1px solid transparent}.collection-grid__filter-btn:hover{background:#fff;border-color:var(--gray-200);box-shadow:0 4px 6px -1px #0000000f}.collection-grid__filter-btn[aria-expanded=true]{background:var(--navy);color:var(--cream)}.collection-grid__filter-count{background:linear-gradient(to right,var(--pink-500),var(--orange-400));color:#fff;font-size:.7rem;font-weight:800;min-width:1.25rem;height:1.25rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;padding:0 .4rem}.collection-grid__result-count{color:var(--gray-500);font-size:.875rem;margin:0}.collection-grid__sort{margin-left:auto}.collection-grid__sort-wrap{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1rem;background:var(--cream);border-radius:9999px;color:var(--navy);transition:all .25s ease}.collection-grid__sort-wrap:hover{background:#fff;box-shadow:0 4px 6px -1px #0000000f}.collection-grid__sort-wrap svg{color:var(--orange-400);transform:rotate(90deg)}.collection-grid__sort-wrap select{appearance:none;-webkit-appearance:none;background:transparent;border:none;color:var(--navy);font-weight:600;font-size:.875rem;padding-right:.25rem;cursor:pointer;font-family:inherit}.collection-grid__sort-wrap select:focus{outline:none}.filter-panel{background:var(--cream);border-radius:1.5rem;padding:1.5rem;margin-bottom:2rem;animation:ttFadeUp .35s ease both}.filter-panel[hidden]{display:none}@media(min-width:768px){.filter-panel{padding:2rem}}.filter-panel__grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.filter-panel__grid{grid-template-columns:1fr 1fr;gap:1.25rem}}@media(min-width:1024px){.filter-panel__grid{grid-template-columns:repeat(3,1fr)}}.filter-group{background:#fff;border-radius:1rem;padding:1rem 1.25rem;border:1px solid transparent;transition:all .2s ease}.filter-group[open]{border-color:var(--gray-200);box-shadow:0 4px 6px -1px #0000000a}.filter-group__summary{display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none;color:var(--navy);font-weight:700;font-size:.875rem}.filter-group__summary::-webkit-details-marker{display:none}.filter-group__label{display:inline-flex;align-items:center;gap:.5rem}.filter-group__badge{background:linear-gradient(to right,var(--pink-500),var(--orange-400));color:#fff;font-size:.7rem;font-weight:800;padding:.125rem .5rem;border-radius:9999px}.filter-group__chevron{transition:transform .25s ease;color:var(--gray-400)}.filter-group[open] .filter-group__chevron{transform:rotate(90deg)}.filter-group__body{margin-top:1rem}.filter-list{display:flex;flex-wrap:wrap;gap:.375rem}.filter-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:var(--cream);border:1px solid transparent;border-radius:9999px;font-size:.8rem;font-weight:600;color:var(--navy);cursor:pointer;transition:all .2s ease}.filter-chip input{position:absolute;opacity:0;pointer-events:none}.filter-chip:hover{border-color:var(--navy)}.filter-chip.is-active{background:var(--navy);color:var(--cream);box-shadow:0 4px 6px -1px #1a206640}.filter-chip.is-disabled{opacity:.4;cursor:not-allowed;text-decoration:line-through}.filter-chip__count{color:var(--gray-400);font-size:.7rem;font-weight:600}.filter-chip.is-active .filter-chip__count{color:#faf6ef99}.filter-price__inputs{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.filter-price__inputs label{display:flex;flex-direction:column;gap:.25rem;font-size:.7rem;font-weight:600;color:var(--gray-500);text-transform:uppercase;letter-spacing:.05em}.filter-price__field{display:flex;align-items:center;gap:.25rem;padding:.5rem .75rem;background:var(--cream);border:1px solid var(--gray-200);border-radius:.625rem;transition:border-color .2s}.filter-price__field:focus-within{border-color:var(--orange-400)}.filter-price__field span{color:var(--gray-400);font-weight:700}.filter-price__field input{border:none;background:transparent;color:var(--navy);font-weight:700;width:100%;padding:0;outline:none}.filter-panel__footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--gray-200)}.filter-panel__clear{color:var(--gray-500);font-size:.875rem;font-weight:600;text-decoration:underline;transition:color .2s}.filter-panel__clear:hover{color:var(--navy)}.filter-panel__apply{flex-shrink:0}.collection-grid__products{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}@media(min-width:640px){.collection-grid__products{gap:1.25rem}}@media(min-width:768px){.collection-grid__products{grid-template-columns:repeat(3,1fr);gap:1.5rem}}@media(min-width:1280px){.collection-grid__products{grid-template-columns:repeat(4,1fr)}}.collection-grid__cell{animation:ttFadeUp .45s ease both;animation-delay:calc(var(--i, 0) * 40ms)}.collection-grid__pagination{margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.collection-grid__load-more{min-width:12rem;justify-content:center}.collection-grid__load-more.is-loading{opacity:.6;pointer-events:none}.collection-grid__pages{display:flex;gap:.375rem}.collection-grid__page-btn{min-width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;padding:0 .75rem;border-radius:9999px;background:var(--cream);color:var(--navy);font-weight:700;font-size:.875rem;transition:all .2s}.collection-grid__page-btn:hover{background:#fff;box-shadow:0 4px 6px -1px #0000000f}.collection-grid__page-btn.is-current{background:var(--navy);color:var(--cream)}.collection-empty{text-align:center;padding:4rem 1rem 6rem;animation:ttFadeUp .6s ease both}.collection-empty__art{position:relative;width:10rem;height:10rem;margin:0 auto 2rem}.collection-empty__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom right,#ec489926,#fb923c26);border-radius:9999px;filter:blur(24px);animation:ttPulse 3s ease-in-out infinite}.collection-empty__emoji{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:5rem;animation:ttWiggle 3s ease-in-out infinite}.collection-empty__sparkle{position:absolute;color:var(--orange-400);font-size:1.25rem;animation:ttFloat 3s ease-in-out infinite}.collection-empty__sparkle--1{top:0;left:10%}.collection-empty__sparkle--2{top:20%;right:0;animation-delay:.6s;color:var(--pink-500)}.collection-empty__sparkle--3{bottom:10%;left:0;animation-delay:1.2s}.collection-empty__title{font-size:2rem;font-weight:900;color:var(--navy);margin:0 0 1rem;line-height:1.1}@media(min-width:640px){.collection-empty__title{font-size:2.5rem}}.collection-empty__text{color:var(--gray-500);max-width:28rem;margin:0 auto 2rem;line-height:1.625}.collection-empty__actions{display:inline-flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.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}@keyframes ttFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes ttPulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes ttWiggle{0%,to{transform:rotate(-4deg)}50%{transform:rotate(4deg)}}@keyframes ttFloat{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-8px);opacity:1}}@media(prefers-reduced-motion:reduce){.collection-grid__cell,.collection-hero__content,.collection-hero__media,.collection-hero__crumbs,.collection-empty,.filter-panel,.collection-empty__bg,.collection-empty__emoji,.collection-empty__sparkle{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/collection.css.map */