.filters{padding:var(--space-5) 0;background:var(--surface-sunken);border-bottom:1px solid var(--border-subtle);position:sticky;top:71px;z-index:40}.filters__inner{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.filters__title{font-family:var(--font-display);font-weight:700;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);margin-right:var(--space-3)}.fpill{font-family:var(--font-display);font-weight:600;font-size:.86rem;padding:9px 18px;border-radius:var(--radius-pill);background:#fff;border:1.5px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .25s var(--ease-bounce)}.fpill:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--color-neutral-200)}.fpill:hover{border-color:var(--color-brand);color:var(--color-brand);transform:translateY(-2px)}.fpill.on{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.fpill.on:before{background:#fff}.filters__sort{margin-left:auto;display:flex;gap:8px;align-items:center;font-size:.82rem;color:var(--text-secondary)}.filters__sort select{font-family:var(--font-display);font-weight:600;font-size:.84rem;padding:8px 32px 8px 14px;border-radius:var(--radius-pill);border:1.5px solid var(--border-subtle);background:#fff;color:var(--text-primary);cursor:pointer;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235F4F45' stroke-width='2.4' stroke-linecap='round'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 10px center;background-size:14px}.pgrid-section{padding:var(--section-y) 0;position:relative;overflow:hidden}.pgrid-section__bg-1{position:absolute;width:480px;height:480px;background:var(--color-red-50);border-radius:55% 45% 60% 40%/60% 50% 50% 40%;top:8%;right:-220px;animation:morphA 20s ease-in-out infinite;z-index:0;pointer-events:none}.pgrid-section__bg-2{position:absolute;width:340px;height:340px;background:var(--color-yellow-50);border-radius:62% 38% 56% 44%/48% 52%;bottom:14%;left:-180px;animation:morphB 24s ease-in-out infinite;z-index:0;pointer-events:none}.pgrid-section .wrap{position:relative;z-index:2}.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.pkit{background:#fff;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-subtle);position:relative;display:flex;flex-direction:column;transition:transform var(--duration-base) var(--ease-bounce),box-shadow var(--duration-base) var(--ease-out)}.pkit:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:var(--shadow-lg)}.pkit__photo{aspect-ratio:1/1;background:var(--color-paper-sunken);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:24px}.pkit.c1 .pkit__photo{background:var(--color-yellow-50)}.pkit.c2 .pkit__photo{background:var(--color-blue-50)}.pkit.c3 .pkit__photo{background:var(--color-green-50)}.pkit.c4 .pkit__photo{background:var(--color-purple-50)}.pkit.c5 .pkit__photo{background:var(--color-red-50)}.pkit__photo img{max-width:80%;max-height:80%;width:auto;height:auto;object-fit:contain;transition:transform .6s var(--ease-bounce);position:relative;z-index:2}.pkit:hover .pkit__photo img{transform:scale(1.08) rotate(-2deg)}.pkit__blob{position:absolute;border-radius:50%;z-index:1}.pkit.c1 .pkit__blob{width:200px;height:200px;background:#f5c51866;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:60% 40% 50% 50%/55% 50% 50% 45%;animation:morphA 12s ease-in-out infinite,breath-c 6s ease-in-out infinite}.pkit.c2 .pkit__blob{width:200px;height:200px;background:#2e89d840;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:55% 45% 60% 40%/60% 50% 50% 40%;animation:morphB 14s ease-in-out infinite,breath-c 7s ease-in-out infinite}.pkit.c3 .pkit__blob{width:200px;height:200px;background:#7ac54a4d;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:62% 38% 56% 44%/48% 52%;animation:morphA 13s ease-in-out infinite,breath-c 5s ease-in-out infinite}.pkit.c4 .pkit__blob{width:200px;height:200px;background:#6f2a8c38;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;animation:breath-c 6s ease-in-out infinite}.pkit.c5 .pkit__blob{width:200px;height:200px;background:#e63b3b38;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:54% 46% 64% 36%/38% 55% 45% 62%;animation:morphA 14s ease-in-out infinite,breath-c 7s ease-in-out infinite}.pkit__badge{position:absolute;top:16px;left:16px;background:var(--color-brand);color:#fff;font-family:var(--font-display);font-weight:700;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;padding:5px 12px;border-radius:var(--radius-pill);z-index:3}.pkit__badge.new{background:var(--color-green-500)}.pkit__badge.soon{background:var(--color-yellow-500);color:var(--color-neutral-900)}.pkit__body{padding:var(--space-5);display:flex;flex-direction:column;flex:1}.pkit__tag{font-size:.72rem;font-family:var(--font-display);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px}.pkit h3{font-size:1.2rem;margin-bottom:8px;letter-spacing:-.01em}.pkit__desc{font-size:.88rem;color:var(--text-secondary);margin-bottom:var(--space-4);line-height:1.55;flex:1}.pkit__details{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4);padding:12px 14px;background:var(--color-paper-sunken);border-radius:var(--radius-md)}.pkit__details li{list-style:none;font-size:.78rem;color:var(--text-secondary);display:flex;align-items:center;gap:8px}.pkit__details li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-brand);flex:none}.pkit__foot{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--border-subtle);gap:12px}.pkit__btn{background:var(--color-brand);color:#fff;border:none;font-family:var(--font-display);font-weight:600;font-size:.85rem;padding:11px 18px;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;text-decoration:none;transition:all .2s var(--ease-bounce)}.pkit__btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #e63b3b66}.pkit__btn svg{width:14px;height:14px}.why{padding:var(--section-y) 0;background:var(--color-paper-sunken);position:relative;overflow:hidden}.why__bg{position:absolute;width:380px;height:380px;background:var(--color-purple-50);border-radius:62% 38% 56% 44%/48% 52%;top:-160px;right:-140px;animation:morphA 22s ease-in-out infinite;z-index:0;pointer-events:none}.why .wrap{position:relative;z-index:2}.why__head{text-align:center;max-width:680px;margin:0 auto var(--space-7)}.why__head h2{font-size:var(--text-h1);margin:var(--space-3) 0;letter-spacing:-.02em}.why__head h2 em{font-style:normal;color:var(--color-brand)}.why__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.why-cell{background:#fff;border-radius:var(--radius-lg);padding:var(--space-5);text-align:center;border:1px solid var(--border-subtle);transition:all .35s var(--ease-bounce)}.why-cell:hover{transform:translateY(-4px);border-color:var(--color-brand)}.why-cell__icon{width:70px;height:70px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;color:#fff;background:var(--color-brand);border-radius:55% 45% 60% 40%/60% 50% 50% 40%;animation:morphA 12s ease-in-out infinite}.why-cell.w2 .why-cell__icon{background:var(--color-purple-500);animation:morphB 14s ease-in-out infinite}.why-cell.w3 .why-cell__icon{background:var(--color-green-500);animation:morphA 11s ease-in-out infinite}.why-cell.w4 .why-cell__icon{background:var(--color-yellow-500);color:var(--color-neutral-900);animation:morphB 13s ease-in-out infinite}.why-cell__icon svg{width:28px;height:28px}.why-cell h4{font-size:var(--text-h4);margin-bottom:8px}.why-cell p{font-size:.88rem;color:var(--text-secondary);line-height:1.55}@media(max-width:1100px){.pgrid,.why__grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.pgrid,.why__grid{grid-template-columns:1fr}.filters{top:71px}}
