.cat-card.svelte-1pd0ii4{background:#fff;border:1px solid #cde0de;border-radius:10px;box-shadow:0 1px 2px #3342410f;display:flex;flex-direction:column;font-family:Poppins,sans-serif;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.cat-card.svelte-1pd0ii4,.photo.svelte-1pd0ii4{overflow:hidden}img.svelte-1pd0ii4{display:block;height:236px;-o-object-fit:cover;object-fit:cover;transition:transform .35s ease;width:100%}.body.svelte-1pd0ii4{display:flex;flex:1 1 auto;flex-direction:column;gap:14px;padding:22px 24px 24px}h2.svelte-1pd0ii4{color:#334241;font-size:20px;font-weight:600;line-height:1.25;margin:0}.price.svelte-1pd0ii4{color:#496361;font-size:15px;font-weight:500;margin:4px 0 0}.specs.svelte-1pd0ii4{display:grid;font-size:14px;grid-template-columns:92px 1fr;line-height:1.4;margin:0;row-gap:6px}dt.svelte-1pd0ii4{color:#496361;font-weight:300}dd.svelte-1pd0ii4{font-weight:400;margin:0}.more.svelte-1pd0ii4,dd.svelte-1pd0ii4{color:#334241}.more.svelte-1pd0ii4{border-top:1px solid #e2e9e8;display:block;font-size:14px;font-weight:600;margin-top:auto;padding-top:14px;transition:color .2s ease}.more.svelte-1pd0ii4 .arrow{color:#81b0ac;margin-left:8px;transition:transform .2s ease;vertical-align:middle}.cat-card.svelte-1pd0ii4:focus-visible,.cat-card.svelte-1pd0ii4:hover{border-color:#81b0ac;box-shadow:0 10px 28px #33424124;transform:translateY(-3px)}.cat-card.svelte-1pd0ii4:focus-visible{outline:2px solid #81b0ac;outline-offset:2px}.cat-card.svelte-1pd0ii4:hover img:where(.svelte-1pd0ii4){transform:scale(1.03)}.cat-card.svelte-1pd0ii4:focus-visible .more:where(.svelte-1pd0ii4),.cat-card.svelte-1pd0ii4:hover .more:where(.svelte-1pd0ii4){color:#496361}.cat-card.svelte-1pd0ii4:focus-visible .more:where(.svelte-1pd0ii4) .arrow,.cat-card.svelte-1pd0ii4:hover .more:where(.svelte-1pd0ii4) .arrow{transform:rotate(90deg) translateY(-4px)}@media(prefers-reduced-motion:reduce){.cat-card.svelte-1pd0ii4,.more.svelte-1pd0ii4 .arrow,img.svelte-1pd0ii4{transition:none}.cat-card.svelte-1pd0ii4:focus-visible,.cat-card.svelte-1pd0ii4:hover,.cat-card.svelte-1pd0ii4:hover img:where(.svelte-1pd0ii4){transform:none}.cat-card.svelte-1pd0ii4:focus-visible .more:where(.svelte-1pd0ii4) .arrow,.cat-card.svelte-1pd0ii4:hover .more:where(.svelte-1pd0ii4) .arrow{transform:rotate(90deg)}}
