.fp{--fp-cols:5;--fp-gap:12px;--fp-accent:var(--accent);--fp-heart:var(--accent);--fp-price:var(--accent);--fp-lines:2;position:relative}.fp-head{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:28px}.fp-title{color:var(--ink);font-family:var(--font-display);font-size:clamp(22px,2.4vw,28px);font-weight:600;line-height:1.2;margin:0}.fp-head-actions{align-items:center;display:flex;gap:16px;margin-left:auto}.fp-all{align-items:center;color:var(--ink);display:inline-flex;font-size:16px;gap:6px;text-decoration:none}.fp-all svg{height:18px;width:18px}.fp-all:hover{color:var(--fp-accent)}.fp-viewport{position:relative}.fp-track{display:grid;gap:var(--fp-gap);grid-auto-columns:calc((100% - (var(--fp-cols) - 1)*var(--fp-gap))/var(--fp-cols));grid-auto-flow:column;list-style:none;margin:0;overflow-x:auto;overscroll-behavior-x:contain;padding:0;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.fp-track::-webkit-scrollbar{display:none}.fp-item{display:flex;min-width:0;scroll-snap-align:start}.fp--grid .fp-track{grid-auto-flow:row;grid-template-columns:repeat(var(--fp-cols),minmax(0,1fr));overflow:visible}.fp-card{background:var(--bg);border:1px solid var(--line);border-radius:15px;display:flex;flex-direction:column;padding:10px 10px 14px;position:relative;transition:border-color .2s,box-shadow .2s;width:100%}.fp-card:hover{border-color:color-mix(in srgb,var(--ink) 16%,var(--line));box-shadow:var(--shadow)}.fp--out-muted .fp-card--out .fp-media img{filter:grayscale(1);opacity:.5}.fp--out-marked .fp-card--out{border-color:var(--warn)}.fp-card:has(.fp-link:focus-visible){outline:2px solid var(--fp-accent);outline-offset:2px}.fp--card-shadow .fp-card{border-color:transparent;box-shadow:var(--shadow)}.fp--card-plain .fp-card{background:transparent;border-color:transparent;padding-inline:0}.fp--card-plain .fp-card:hover{box-shadow:none}.fp-media{aspect-ratio:var(--fp-ratio,1/1);background:var(--bg);overflow:hidden;padding:8px;position:relative}.fp-media img{display:block;height:100%;object-fit:var(--fp-fit,contain);transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.fp-card:hover .fp-media img{transform:scale(1.03)}.fp-badge{background:var(--fp-accent);border-radius:99px;color:var(--bg);font-size:11px;font-weight:750;left:0;padding:4px 10px;position:absolute;top:0}.fp-body{align-items:center;display:flex;flex:1;flex-direction:column;gap:8px;padding-top:8px;text-align:center}.fp--align-left .fp-body{align-items:flex-start;text-align:left}.fp-cat{font-size:12px;letter-spacing:.03em;text-transform:uppercase}.fp-cat,.fp-name{color:var(--muted)}.fp-name{display:-webkit-box;font-family:inherit;font-size:13px;font-weight:400;letter-spacing:normal;line-height:1.3;margin:0;min-height:calc(1.3em*var(--fp-lines));overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:var(--fp-lines)}.fp-link{color:inherit;outline:none;text-decoration:none}.fp-link:after{border-radius:inherit;content:"";inset:0;position:absolute;z-index:1}.fp-card:hover .fp-link{color:var(--fp-accent)}.fp-price{color:var(--fp-price);font-size:13px;font-variant-numeric:tabular-nums;font-weight:700}.fp-price del{color:var(--muted);font-weight:400;margin-right:6px}.fp-price ins{text-decoration:none}.fp-rating:empty{display:none}.fp-buy{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.fp-buy input[type=number]{background:var(--bg);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;min-height:42px;padding:4px 7px;width:58px}.fp-buy button.fp-add{border:0;cursor:pointer}.fp-actions{margin-top:auto;padding-top:6px}.fp--btn-full .fp-actions,.fp--btn-full .fp-add{width:100%}.fp-add{align-items:center;background:var(--fp-accent);border-radius:999px;color:var(--bg);display:inline-flex;font-size:12px;font-weight:500;justify-content:center;min-height:36px;padding:0 16px;position:relative;text-decoration:none;transition:filter .2s,transform .15s,background-color .2s;z-index:2}.fp-add:hover{filter:brightness(1.08);transform:translateY(-1px)}.fp-add.is-loading{opacity:.7;pointer-events:none}.fp-add.is-added{background:var(--ok)}.fp-unavailable{color:var(--muted);font-size:13px}.fp .fp-wish{background:none;border:0;box-shadow:none;color:var(--fp-heart);height:auto;padding:4px;position:relative;width:auto;z-index:2}.fp .fp-wish .store-icon{height:var(--fp-heart-size,22px);width:var(--fp-heart-size,22px)}.fp .fp-wish.is-wished{background:none;color:var(--fp-heart)}.fp--wish-overlay .fp-media .fp-wish{background:var(--bg);border-radius:50%;box-shadow:0 4px 16px rgba(20,20,40,.08);padding:8px;position:absolute;right:0;top:0}.fp-arrow{background:var(--bg);border:1px solid var(--fp-accent);border-radius:4px;color:var(--fp-accent);cursor:pointer;display:grid;height:var(--fp-arrow-size,32px);padding:0;place-items:center;transition:background-color .2s,color .2s;width:var(--fp-arrow-size,32px)}.fp-arrow svg{height:56%;width:56%}.fp-arrow:hover:not(:disabled){background:var(--fp-accent);color:var(--bg)}.fp-arrow:disabled{background:color-mix(in srgb,var(--ink) 5%,var(--bg));border-color:var(--line);color:var(--muted);cursor:default}.fp-arrow[hidden]{display:none}.fp-prev svg{transform:rotate(180deg)}.fp--arrows-sides .fp-arrow{position:absolute;top:var(--fp-arrow-top,40%);transform:translateY(-50%);z-index:3}.fp--arrows-sides .fp-prev{left:var(--fp-arrow-offset,10px)}.fp--arrows-sides .fp-next{right:var(--fp-arrow-offset,10px)}.fp--arrows-header .fp-head-actions .fp-arrow+.fp-arrow{margin-left:-8px}.fp-dots{display:flex;gap:8px;justify-content:center;margin-top:18px}.fp-dots:empty{display:none}.fp-dots button{background:var(--line);border:0;border-radius:99px;cursor:pointer;height:8px;padding:0;transition:width .2s,background-color .2s;width:8px}.fp-dots button[aria-current=true]{background:var(--fp-accent);width:22px}@media (max-width:1024px){.fp{--fp-cols:3}}@media (max-width:767px){.fp{--fp-cols:2;--fp-gap:10px}.fp-head{flex-wrap:wrap;margin-bottom:18px}.fp-all{font-size:14px}.fp-card{padding:10px 10px 14px}.fp-name{font-size:12px}.fp-actions,.fp-add{width:100%}.fp-add{font-size:13px;line-height:1.2;min-height:40px;padding:6px 10px;text-align:center}}@media (prefers-reduced-motion:reduce){.fp-track{scroll-behavior:auto}.fp-add,.fp-media img{transition:none}}