.fh.fh-ch{background:var(--fh-ch-bg,var(--fh-pink-tint));position:relative;overflow:hidden;isolation:isolate}.fh-ch:before{content:"";position:absolute;top:-40%;right:-18%;width:62%;height:120%;border-radius:50%;background:radial-gradient(closest-side,rgba(20,179,182,.14),transparent 72%);z-index:-1;pointer-events:none}.fh-ch-in{display:grid;gap:18px;padding-block:clamp(20px,4vw,48px) 0}.fh-ch-copy{display:grid;gap:12px;align-content:start}.fh-ch-crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-family:var(--fh-font-display);font-size:13px;font-weight:700;color:var(--fh-mute)}.fh-ch-crumb a{color:var(--fh-ink-2);min-height:32px;display:inline-flex;align-items:center;text-decoration:underline;text-decoration-color:var(--fh-line-2);text-underline-offset:4px}.fh.fh-ch .fh-ch-crumb a:hover{color:var(--fh-ink);text-decoration-color:var(--fh-ink)}.fh.fh-ch .fh-ch-h{font-size:clamp(34px,8.4vw,58px);line-height:1;margin:0}.fh-ch-lead{margin:0;max-width:58ch;font-size:15.5px;line-height:1.55;color:var(--fh-ink-2)}.fh-ch-meta{list-style:none;margin:2px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.fh-ch-meta li{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 12px;border-radius:999px;background:#fff;box-shadow:0 1px #14161c0a,0 6px 14px -10px #14161c59;font-family:var(--fh-font-display);font-weight:700;font-size:13px;color:var(--fh-ink)}.fh-ch-meta .fh-ic{width:15px;height:15px;color:var(--fh-teal)}.fh-ch-make{display:grid;grid-template-columns:88px minmax(0,1fr);gap:14px;align-items:center;padding:12px;border-radius:22px;background:#fff;box-shadow:0 1px #14161c0a,0 18px 34px -24px #14161c73}.fh-ch-make-img{display:grid;place-items:center;width:88px;aspect-ratio:1;border-radius:16px;background:var(--fh-surface);overflow:hidden}.fh-ch-make-img img{width:100%;height:100%;object-fit:contain;padding:8%;mix-blend-mode:multiply}.fh-ch-make-img--ic{background:var(--fh-pink-tint);color:var(--fh-pink-deep)}.fh-ch-make-img--ic .fh-ic{width:30px;height:30px}.fh-ch-make-t{display:grid;gap:4px;min-width:0}.fh-ch-make-t b{font-family:var(--fh-font-display);font-weight:800;font-size:15.5px;color:var(--fh-ink)}.fh-ch-make-t p{margin:0;font-size:13.5px;line-height:1.45;color:var(--fh-ink-2)}.fh-ch-make-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:6px}.fh-ch-make-price{font-family:var(--fh-font-display);font-weight:800;font-size:15px;color:var(--fh-ink)}.fh-ch-make-price small{font-size:11.5px;color:var(--fh-mute)}.fh-ch-make .fh-btn{height:44px}.fh-ch-types{display:flex;gap:10px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;margin-inline:calc(-1 * var(--fh-gutter));padding:4px var(--fh-gutter) 22px}.fh-ch-types::-webkit-scrollbar{display:none}.fh-ch-type{flex:none;scroll-snap-align:start;width:118px;display:grid;justify-items:center;gap:3px;padding:10px 8px 12px;border-radius:20px;background:#fff;text-align:center;box-shadow:0 1px #14161c0a,0 10px 22px -18px #14161c80;transition:transform .25s var(--fh-ease),box-shadow .25s}.fh-ch-type:hover{transform:translateY(-3px);box-shadow:0 1px #14161c0a,0 18px 28px -18px #14161c8c}.fh-ch-type[aria-current=page]{box-shadow:inset 0 0 0 2px var(--fh-ink),0 10px 22px -18px #14161c80}.fh-ch-type-img{display:grid;place-items:center;width:100%;height:82px}.fh-ch-type-img img{max-height:82px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(20,22,28,.16))}.fh-ch-type-img .fh-ic{width:34px;height:34px;color:var(--fh-pink-deep)}.fh-ch-type-l{font-family:var(--fh-font-display);font-weight:800;font-size:13px;line-height:1.2;color:var(--fh-ink)}.fh-ch-type-n{font-size:11.5px;font-weight:700;color:var(--fh-mute)}@media(max-width:639px){.fh-ch-in{gap:14px}.fh-ch-copy{gap:10px}.fh-ch-lead{font-size:15px}.fh-ch-make{grid-template-columns:56px minmax(0,1fr);gap:12px;padding:8px 10px 8px 8px;border-radius:18px}.fh-ch-make-img{width:56px;border-radius:12px}.fh-ch-make-t p{display:none}.fh-ch-make-t b{font-size:14.5px}.fh-ch-make-row{margin-top:2px;gap:10px}.fh-ch-make .fh-btn{height:44px;padding:0 14px;font-size:13px}.fh-ch-type{width:100px;padding:8px 6px 10px;border-radius:18px}.fh-ch-type-img{height:62px}.fh-ch-type-img img{max-height:62px}.fh-ch-types{padding-bottom:18px}}@media(min-width:900px){.fh-ch-in{grid-template-columns:minmax(0,1fr) minmax(320px,400px);column-gap:48px;align-items:end}.fh-ch-types{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));overflow:visible;margin-inline:0;padding:8px 0 28px}.fh-ch-type{width:auto}.fh-ch-make{grid-template-columns:104px minmax(0,1fr);padding:14px}.fh-ch-make-img{width:104px}}.fh.fh-cat{background:var(--fh-cat-bg,#fff)}.fh-cat-bar{display:grid;gap:12px;margin-bottom:22px}.fh-cat-types,.fh-cat-sizes{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(-1 * var(--fh-gutter));padding:2px var(--fh-gutter)}.fh-cat-types::-webkit-scrollbar,.fh-cat-sizes::-webkit-scrollbar{display:none}.fh-cat-types[hidden],.fh-cat-sizes[hidden],.fh-cat-chip[hidden],.fh-cat-empty[hidden],.fh-cat-more[hidden],.fh-cat-clear[hidden]{display:none}.fh-cat-chip{flex:none;display:inline-flex;align-items:center;gap:7px;height:44px;padding:0 16px;border-radius:999px;background:var(--fh-surface);color:var(--fh-ink-2);font-family:var(--fh-font-display);font-weight:700;font-size:14px;transition:background .2s,color .2s}.fh-cat-chip:hover{background:var(--fh-surface-2);color:var(--fh-ink)}.fh-cat-chip[aria-pressed=true]{background:var(--fh-ink);color:#fff}.fh-cat-chip .fh-ic{width:17px;height:17px}.fh-cat-chip--sm{height:40px;padding:0 14px;font-size:13px}.fh-cat-n{font-size:11px;font-weight:800;padding:3px 7px;border-radius:999px;background:#14161c14;line-height:1}.fh-cat-n:empty{display:none}.fh-cat-chip[aria-pressed=true] .fh-cat-n{background:#fff3}.fh-cat-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.fh-cat-search{display:flex;align-items:center;gap:10px;height:46px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--fh-line-2);color:var(--fh-mute);transition:box-shadow .2s}.fh-cat-search:focus-within{box-shadow:inset 0 0 0 2px var(--fh-teal)}.fh-cat-search .fh-ic{width:18px;height:18px;flex:none}.fh-cat-search input{flex:1;min-width:0;height:100%;border:0;outline:0;background:transparent;font-family:var(--fh-font-body);font-size:16px;color:var(--fh-ink)}.fh-cat-search input::placeholder{color:var(--fh-mute)}.fh-cat-ftoggle{display:inline-flex;align-items:center;gap:7px;height:46px;padding:0 16px;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--fh-line-2);font-family:var(--fh-font-display);font-weight:700;font-size:14px;color:var(--fh-ink)}.fh-cat-ftoggle .fh-ic{width:17px;height:17px}.fh-cat-ftoggle[aria-expanded=true]{background:var(--fh-ink);color:#fff;box-shadow:none}.fh-cat-ftoggle[aria-expanded=true] .fh-cat-n{background:#fff3}.fh-cat-filters{display:none;gap:10px}.fh-cat-open .fh-cat-filters{display:grid;animation:fhCatIn .3s var(--fh-ease) both}.fh-cat-selects{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fh-cat-select{position:relative;display:block;min-width:0}.fh-cat-select select{appearance:none;-webkit-appearance:none;width:100%;height:46px;padding:0 38px 0 16px;border:0;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--fh-line-2);font-family:var(--fh-font-display);font-weight:700;font-size:13.5px;color:var(--fh-ink);cursor:pointer;text-overflow:ellipsis}.fh-cat-select select:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--fh-teal)}.fh-cat-select .fh-ic{position:absolute;right:14px;top:50%;width:16px;height:16px;margin-top:-8px;pointer-events:none;color:var(--fh-ink-2)}.fh-cat-status{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;min-height:28px;margin:0;font-size:13.5px;font-weight:700;color:var(--fh-mute)}.fh-cat-clear{min-height:44px;padding:0 2px;font-family:var(--fh-font-display);font-weight:800;font-size:13px;color:var(--fh-pink-deep);text-decoration:underline;text-underline-offset:4px}@media(min-width:900px){.fh-cat-bar{grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:center;column-gap:24px;margin-bottom:28px}.fh-cat-types,.fh-cat-sizes{flex-wrap:wrap;overflow:visible;margin-inline:0;padding:2px 0}.fh-cat-tools{grid-template-columns:minmax(0,1fr)}.fh-cat-ftoggle{display:none}.fh-cat-filters,.fh-cat-open .fh-cat-filters{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 16px;animation:none}.fh-cat-sizes{flex:1 1 auto}.fh-cat-selects{display:flex;margin-left:auto}.fh-cat-status{grid-column:1 / -1}.fh-cat-select select{min-width:170px}}.fh-cat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.fh-cat-grid.fh-cat-in>*{animation:fhCatIn .45s var(--fh-ease) both}@keyframes fhCatIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fh-cc{position:relative;display:flex;flex-direction:column;min-width:0}.fh-cc-media{position:relative;display:block;aspect-ratio:1;border-radius:18px;background:var(--fh-cc-ground,#f3f4f8);overflow:hidden;isolation:auto}.fh-cc-media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:contain;padding:7%;mix-blend-mode:multiply;transition:transform .55s var(--fh-ease)}.fh-cc--cut .fh-cc-media img{mix-blend-mode:normal;padding:10% 12% 7%;object-position:50% 100%;filter:drop-shadow(0 12px 12px rgba(20,22,28,.16))}@media(hover:hover){.fh-cc:hover .fh-cc-media img{transform:scale(1.045)}}.fh-cc-tags{position:absolute;top:8px;left:8px;right:8px;display:flex;flex-wrap:wrap;gap:6px;pointer-events:none}.fh-cc-tag{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 10px;border-radius:999px;background:#fff;box-shadow:0 4px 10px -6px #14161c66;font-family:var(--fh-font-display);font-weight:800;font-size:11.5px;color:var(--fh-ink);white-space:nowrap}.fh-cc-tag .fh-ic{width:13px;height:13px}.fh-cc-tag--name .fh-ic{color:var(--fh-pink-ui)}.fh-cc-tag--sale{background:var(--fh-pink-ui);color:#fff}.fh-cc-tag--blank{background:var(--fh-ink);color:#fff}.fh-cc-tag--blank .fh-ic{color:var(--fh-teal-bright)}.fh-cc-body{display:flex;flex-direction:column;gap:10px;flex:1;padding:12px 2px 0}.fh-cc-name{display:block;font-family:var(--fh-font-display);font-weight:800;font-size:14.5px;line-height:1.25;letter-spacing:-.01em;color:var(--fh-ink)}.fh.fh-cat .fh-cc-name:hover{color:var(--fh-pink-deep)}.fh-cc-name span{display:block;margin-top:3px;font-family:var(--fh-font-body);font-weight:600;font-size:12.5px;letter-spacing:0;color:var(--fh-mute)}.fh-cc-row{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}.fh-cc-price{font-family:var(--fh-font-display);font-weight:800;font-size:15px;color:var(--fh-ink);white-space:nowrap}.fh-cc-price small{font-size:11.5px;font-weight:700;color:var(--fh-mute)}.fh-cc-price s{font-size:12px;font-weight:600;color:var(--fh-mute)}.fh-cc-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 15px;border-radius:999px;background:var(--fh-ink);color:#fff;font-family:var(--fh-font-display);font-weight:700;font-size:13.5px;white-space:nowrap;transition:background .2s,transform .2s var(--fh-ease)}.fh-cc-btn .fh-ic{width:15px;height:15px}.fh.fh-cat .fh-cc-btn:hover{background:var(--fh-pink-ui);color:#fff}.fh-cc-btn:active{transform:scale(.97)}.fh-cc-btn[aria-busy=true]{opacity:.6;pointer-events:none}.fh-cc-btn--pz{background:#fff;color:var(--fh-ink);box-shadow:inset 0 0 0 1.5px var(--fh-ink)}.fh-cc-btn--pz .fh-ic{color:var(--fh-pink-ui)}.fh.fh-cat .fh-cc-btn--pz:hover{background:var(--fh-ink);color:#fff}@media(max-width:639px){.fh-cc-row{flex-direction:column;align-items:stretch;gap:8px}.fh-cc-btn{height:44px}.fh-cc-name{font-size:14px}}@media(min-width:640px){.fh-cat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 16px}}@media(min-width:1100px){.fh-cat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 20px}}.fh-cat-pages{grid-column:1 / -1;display:flex;justify-content:center;margin:8px 0 0}.fh-cat-more{display:grid;justify-items:center;gap:14px;margin-top:34px}.fh-cat-meter{display:block;width:min(240px,60%);height:4px;border-radius:4px;background:var(--fh-line);overflow:hidden}.fh-cat-meter i{display:block;height:100%;width:0;border-radius:4px;background:var(--fh-pink-ui);transition:width .45s var(--fh-ease)}.fh-cat-empty{margin:0;padding:30px 20px;border-radius:20px;background:var(--fh-surface);text-align:center;font-size:15px;color:var(--fh-ink-2)}.fh-cat-note{margin:28px 0 0;text-align:center;font-size:14.5px;color:var(--fh-ink-2)}.fh-cat-note a{display:inline-flex;align-items:center;gap:6px;font-family:var(--fh-font-display);font-weight:800;color:var(--fh-pink-deep);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;text-decoration-color:var(--fh-pink-soft)}.fh.fh-cat .fh-cat-note a:hover{color:var(--fh-pink-deep);text-decoration-color:var(--fh-pink)}.fh-cat-note .fh-ic{width:15px;height:15px}@media(prefers-reduced-motion:reduce){.fh-cat-grid.fh-cat-in>*{animation:none}.fh-cc-media img,.fh-ch-type{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/fann-catalog.css.map */