.collection-finder{--cf-radius: 14px;--cf-border: rgba(0,0,0,.1);--cf-shadow: 0 1px 2px rgba(0,0,0,.04), 0 12px 30px rgba(0,0,0,.06);background:var(--cf-bg, #faf7f2);color:var(--cf-text, #1c1a17);padding:clamp(28px,5vw,64px) 20px}.collection-finder *,.collection-finder *:before,.collection-finder *:after{box-sizing:border-box}.collection-finder__inner{max-width:1080px;margin:0 auto}.collection-finder__head{text-align:center;margin-bottom:clamp(20px,3vw,36px)}.collection-finder__heading{font-size:clamp(1.6rem,1rem + 2vw,2.6rem);line-height:1.15;margin:0 0 .35em;letter-spacing:-.01em}.collection-finder__subheading{margin:0 auto;max-width:56ch;opacity:.72;font-size:clamp(.95rem,.9rem + .3vw,1.05rem)}.collection-finder__grid{display:grid;grid-template-columns:1fr;gap:16px}@media(min-width:600px){.collection-finder__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.collection-finder__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.cf-selectors{display:contents}.cf-field{display:flex;flex-direction:column;gap:8px;min-width:0}.cf-label{font-size:.82rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;opacity:.78}.cf-select{position:relative}.cf-select__toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;font-size:1rem;text-align:left;color:inherit;background:var(--cf-card, #fff);border:1px solid var(--cf-border);border-radius:var(--cf-radius);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.cf-select__toggle:hover:not(:disabled){border-color:#00000038}.cf-select__toggle:disabled{opacity:.55;cursor:not-allowed}.cf-select__toggle:focus-visible{outline:none;border-color:var(--cf-accent, #8a6d3b);box-shadow:0 0 0 3px color-mix(in srgb,var(--cf-accent, #8a6d3b) 25%,transparent)}.cf-select__value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-select__value[data-empty=true]{opacity:.55}.cf-chevron{width:20px;height:20px;flex:0 0 auto;opacity:.6;transition:transform .18s ease}.cf-select__toggle[aria-expanded=true] .cf-chevron{transform:rotate(180deg)}.cf-select__panel{margin-top:6px;max-height:260px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px;background:var(--cf-card, #fff);border:1px solid var(--cf-border);border-radius:var(--cf-radius);box-shadow:var(--cf-shadow)}.cf-select__panel[hidden]{display:none}@media(min-width:700px){.collection-finder:not(.collection-finder--modal) .cf-select__panel{position:absolute;z-index:30;top:calc(100% + 6px);left:0;right:0;margin-top:0}}.cf-option{width:100%;display:flex;align-items:center;gap:10px;padding:10px;border-radius:9px;cursor:pointer;font:inherit;font-size:.95rem;color:inherit;text-align:left;background:none;border:none}.cf-option:hover{background:color-mix(in srgb,var(--cf-accent, #8a6d3b) 10%,transparent)}.cf-option:focus-visible{outline:none;background:color-mix(in srgb,var(--cf-accent, #8a6d3b) 16%,transparent)}.cf-option[aria-selected=true]{background:color-mix(in srgb,var(--cf-accent, #8a6d3b) 14%,transparent);font-weight:600}.cf-option__label{flex:1 1 auto}.cf-loading{display:flex;align-items:center;gap:10px;margin-top:18px;opacity:.8}.cf-loading[hidden]{display:none}.cf-status{margin:16px 0 0;opacity:.8}.cf-status[hidden]{display:none}.cf-spinner{width:18px;height:18px;flex:0 0 auto;border:2px solid color-mix(in srgb,var(--cf-text, #1c1a17) 22%,transparent);border-top-color:var(--cf-accent, #8a6d3b);border-radius:50%;animation:cf-spin .7s linear infinite}@keyframes cf-spin{to{transform:rotate(360deg)}}.cf-results{margin-top:28px}.cf-results[hidden]{display:none}.cf-results__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.cf-results__count{margin:0;font-weight:600}.cf-reset{background:none;border:none;padding:0;cursor:pointer;font:inherit;color:var(--cf-accent, #8a6d3b);text-decoration:underline}.cf-reset:focus-visible{outline:2px solid var(--cf-accent, #8a6d3b);outline-offset:3px}.cf-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.cf-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--cf-card, #fff);border:1px solid var(--cf-border);border-radius:12px;overflow:hidden;transition:transform .15s ease,box-shadow .15s ease}.cf-card:hover{transform:translateY(-2px);box-shadow:var(--cf-shadow)}.cf-card:focus-visible{outline:2px solid var(--cf-accent, #8a6d3b);outline-offset:2px}.cf-card__media{aspect-ratio:3 / 4;background:color-mix(in srgb,var(--cf-text, #1c1a17) 6%,transparent)}.cf-card__media img{width:100%;height:100%;object-fit:cover;display:block}.cf-card__body{padding:10px 12px;display:flex;flex-direction:column;gap:4px}.cf-card__title{font-size:.85rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cf-card__price{font-weight:600;font-size:.9rem}.cf-anim-in{animation:cf-rise .4s cubic-bezier(.2,.7,.2,1) both}@keyframes cf-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cf-just-enabled{animation:cf-glow .9s ease}@keyframes cf-glow{0%{box-shadow:0 0 color-mix(in srgb,var(--cf-accent, #8a6d3b) 45%,transparent)}to{box-shadow:0 0 0 6px transparent}}.cf-trigger-wrap{display:inline-block}.cf-trigger{display:inline-flex;align-items:center;gap:9px;padding:11px 22px;font-size:.95rem;font-weight:600;color:#fff;background:var(--cf-accent, #8a6d3b);border:none;border-radius:999px;cursor:pointer;transition:transform .12s ease,filter .15s ease}.cf-trigger:hover{filter:brightness(1.06)}.cf-trigger:active{transform:translateY(1px)}.cf-trigger:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--cf-accent, #8a6d3b) 35%,transparent)}.cf-trigger__icon{width:18px;height:18px}.cf-dialog{width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:0;border:none;border-radius:18px;overflow:visible;background:transparent}.cf-dialog::backdrop{background:#14100c80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0}.cf-dialog[open]::backdrop{animation:cf-fade .25s ease forwards}.cf-dialog[open]{animation:cf-pop .28s cubic-bezier(.2,.8,.2,1) both}@keyframes cf-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes cf-fade{to{opacity:1}}.collection-finder--modal{position:relative;border-radius:18px;max-height:calc(100dvh - 48px);overflow-y:auto;padding:clamp(24px,4vw,40px);box-shadow:0 24px 70px #0000004d}.collection-finder--modal .collection-finder__grid{grid-template-columns:1fr!important}.cf-dialog__close{position:absolute;top:14px;right:14px;z-index:2;width:38px;height:38px;display:grid;place-items:center;color:var(--cf-text, #1c1a17);background:var(--cf-card, #fff);border:1px solid var(--cf-border);border-radius:50%;cursor:pointer;transition:transform .12s ease}.cf-dialog__close:hover{transform:rotate(90deg)}.cf-dialog__close:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--cf-accent, #8a6d3b) 30%,transparent)}.cf-dialog__close svg{width:18px;height:18px}@media(prefers-reduced-motion:reduce){.cf-dialog[open],.cf-anim-in,.cf-just-enabled,.cf-card{animation:none;transition:none}.cf-dialog[open]::backdrop{opacity:1;animation:none}.cf-spinner{animation-duration:1.6s}}
/*# sourceMappingURL=/cdn/shop/t/1/compiled_assets/styles.css.map */