.spec.astro-gbc6nnr2{--c-bg: var(--foam);--c-bg-2: #fbf9f5;--c-ink: var(--brass);--c-pat: none;--c-pat-mask: none;--c-shadow: 60, 38, 14;position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr auto auto;aspect-ratio:4 / 5;padding:.95rem 1.05rem 1.1rem;gap:.4rem;background:radial-gradient(120% 70% at 50% 58%,var(--c-bg-2),var(--c-bg) 72%);color:var(--ink);overflow:hidden}.spec.astro-gbc6nnr2:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--c-pat);-webkit-mask-image:var(--c-pat-mask);mask-image:var(--c-pat-mask);transition:opacity .7s var(--ease-water),transform 1.4s var(--ease-water)}.spec.astro-gbc6nnr2[data-cat=feed]{--c-bg: #dfe9ec;--c-bg-2: #edf3f4;--c-ink: #1f5f7d;--c-shadow: 18, 48, 66;--c-pat: repeating-radial-gradient(ellipse 150% 62% at 50% 64%, transparent 0 15px, rgba(31, 95, 125, .11) 15px 16px);--c-pat-mask: radial-gradient(ellipse 78% 54% at 50% 62%, #000 30%, transparent 100%)}.spec.astro-gbc6nnr2[data-cat=pet]{--c-bg: #efdfd3;--c-bg-2: #f7ece4;--c-ink: #a24f2c;--c-shadow: 92, 40, 18;--c-pat: radial-gradient(circle, rgba(162, 79, 44, .2) 1.3px, transparent 1.8px) 0 0 / 13px 13px;--c-pat-mask: linear-gradient(to top, #000 0%, rgba(0, 0, 0, .55) 34%, transparent 70%)}.spec.astro-gbc6nnr2[data-cat=food]{--c-bg: #f0e5c9;--c-bg-2: #f8f1de;--c-ink: #8a6417;--c-shadow: 84, 60, 12;--c-pat: repeating-linear-gradient(116deg, transparent 0 8px, rgba(138, 100, 23, .12) 8px 9px);--c-pat-mask: linear-gradient(to top, #000 0%, rgba(0, 0, 0, .5) 38%, transparent 74%)}.spec__top.astro-gbc6nnr2{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;color:var(--c-ink)}.spec__no.astro-gbc6nnr2{font-family:var(--f-serif);font-optical-sizing:auto;font-weight:300;font-size:clamp(2.5rem,1.5rem + 2vw,3.9rem);line-height:.76;letter-spacing:-.04em;font-variant-numeric:lining-nums proportional-nums}.spec__cat.astro-gbc6nnr2{display:inline-flex;align-items:center;gap:.45em;margin-top:.1rem;font-family:var(--f-mono);font-size:clamp(.74rem,.66rem + .2vw,.88rem);font-weight:500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.spec__cat.astro-gbc6nnr2:before{content:"";width:.5em;height:.5em;border-radius:50%;background:currentColor}.spec__img.astro-gbc6nnr2{position:relative;display:block;min-height:0;overflow:visible}.spec__img.astro-gbc6nnr2 img{position:absolute;inset:6% 4%;width:92%;height:88%;object-fit:contain;filter:drop-shadow(0 14px 14px rgba(var(--c-shadow),.2)) drop-shadow(0 2px 3px rgba(var(--c-shadow),.22));transition:transform 1.1s var(--ease-water),opacity .6s var(--ease-water)}.spec__img.astro-gbc6nnr2 .spec__pack{inset:0 4% 2%;height:98%;opacity:0;transform:translateY(10px) scale(.94)}.spec__name.astro-gbc6nnr2{text-align:center;text-wrap:balance;font-size:clamp(1.05rem,.95rem + .4vw,1.3rem);line-height:1.15;letter-spacing:-.01em}.spec__meta.astro-gbc6nnr2{display:grid;gap:.15rem;font-size:.66rem;letter-spacing:.03em;color:var(--ink-2);max-height:0;opacity:0;transition:max-height .6s var(--ease-water),opacity .5s}.spec__cta-row.astro-gbc6nnr2{display:block;text-align:center;max-height:0;opacity:0;transition:max-height .6s var(--ease-water),opacity .45s var(--ease-water)}.spec__cta.astro-gbc6nnr2{display:inline-flex;align-items:center;gap:.5em;margin-top:.35rem;height:2.15rem;padding-inline:.95rem .8rem;border-radius:999px;background:var(--c-ink);color:#fff;font-family:var(--f-sans);font-size:.84rem;font-weight:550;letter-spacing:.005em;white-space:nowrap;transform:translateY(6px);transition:transform .6s var(--ease-water),filter .3s}.spec__cta.astro-gbc6nnr2 .arr{transition:transform .42s var(--ease-water)}html[dir=rtl] .spec__cta.astro-gbc6nnr2 .arr{transform:scaleX(-1)}.spec.astro-gbc6nnr2:after{content:"";position:absolute;inset-inline-start:1.05rem;inset-inline-end:1.05rem;bottom:0;height:2px;background:var(--c-ink);transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease-water)}@media(hover:hover){.spec.astro-gbc6nnr2:hover:before{transform:scale(1.06)}.spec.astro-gbc6nnr2:hover .spec__img.astro-gbc6nnr2 .spec__prod{transform:translateY(-6px) scale(1.04)}.spec--pack.astro-gbc6nnr2:hover .spec__img.astro-gbc6nnr2 .spec__prod{opacity:0;transform:translateY(-8px) scale(.9)}.spec--pack.astro-gbc6nnr2:hover .spec__img.astro-gbc6nnr2 .spec__pack{opacity:1;transform:none}.spec.astro-gbc6nnr2:hover .spec__meta.astro-gbc6nnr2{max-height:3rem;opacity:1}.spec.astro-gbc6nnr2:hover .spec__cta-row.astro-gbc6nnr2{max-height:2.5rem;opacity:1}.spec.astro-gbc6nnr2:hover .spec__cta.astro-gbc6nnr2{transform:none}.spec.astro-gbc6nnr2:hover .spec__cta.astro-gbc6nnr2 .arr{transform:translate(3px)}html[dir=rtl] .spec.astro-gbc6nnr2:hover .spec__cta.astro-gbc6nnr2 .arr{transform:scaleX(-1) translate(3px)}.spec.astro-gbc6nnr2:hover:after{transform:scaleX(1)}}.spec--meta.astro-gbc6nnr2 .spec__meta.astro-gbc6nnr2{max-height:3rem;opacity:1}.spec.astro-gbc6nnr2:focus-visible .spec__meta.astro-gbc6nnr2{max-height:3rem;opacity:1}.spec.astro-gbc6nnr2:focus-visible .spec__cta-row.astro-gbc6nnr2{max-height:2.5rem;opacity:1}.spec.astro-gbc6nnr2:focus-visible .spec__cta.astro-gbc6nnr2{transform:none}@media(hover:none){.spec__meta.astro-gbc6nnr2{max-height:3rem;opacity:1}.spec__cta-row.astro-gbc6nnr2{opacity:1;max-height:2.25rem}.spec__cta.astro-gbc6nnr2{transform:none;height:1.9rem;padding-inline:.75rem .6rem;font-size:.76rem}}@media(prefers-reduced-motion:reduce){.spec__img.astro-gbc6nnr2 img,.spec.astro-gbc6nnr2:before{transition-duration:1ms}}@media(max-width:640px){.spec.astro-gbc6nnr2{aspect-ratio:auto;grid-template-rows:auto 120px auto auto}}