.bn-snoot-grid{--bn-pink:#FF3D8A;--bn-pink-deep:#C6206A;--bn-yellow:#FFC93C;--bn-yellow-pale:#FFF3B0;--bn-mint:#B9F2D9;--bn-ink:#5A1F49;--bn-ink-2:#7A2E63;--bn-ink-3:#A15D8E;--bn-cream:#FFF8E6;--bn-ease:cubic-bezier(.2,.8,.3,1);--bn-dur:.26s;--bn-ease-pop:cubic-bezier(.34,1.56,.64,1);--bn-dur-pop:.32s;padding:56px 24px;background:var(--bn-cream);font-family:Fredoka,sans-serif;color:var(--bn-ink);-webkit-font-smoothing:antialiased}.bn-snoot-grid *{box-sizing:border-box}.bn-snoot-grid__inner{max-width:1200px;margin:0 auto}.bn-snoot-grid__title{margin:0;text-align:center;font-family:Fredoka,sans-serif;font-weight:700;font-size:clamp(28px,4.2vw,44px);line-height:1.1;letter-spacing:-.01em;color:var(--bn-ink);text-transform:none}.bn-snoot-grid__title em{font-style:normal;color:var(--bn-pink)}.bn-snoot-grid__sub{margin:10px 0 0;text-align:center;font-weight:400;font-size:clamp(16px,2vw,19px);color:var(--bn-ink-2)}.bn-snoot-grid__grid{margin-top:112px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:28px}.bn-snoot-grid__card{position:relative;display:flex;flex-direction:column;text-align:center;background:transparent;transition:transform var(--bn-dur) var(--bn-ease);will-change:transform}.bn-snoot-grid__card:hover{transform:translateY(-10px)}.bn-snoot-grid__cardlink{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:block;border-radius:28px;cursor:pointer}.bn-snoot-grid__stage{position:relative;width:100%;height:320px;flex:0 0 320px;padding:0;border-radius:28px;overflow:visible;display:flex;align-items:flex-end;justify-content:center;box-shadow:0 6px #5a1f492e;transition:box-shadow var(--bn-dur) var(--bn-ease)}.bn-snoot-grid__stage--pink{background:var(--bn-pink)}.bn-snoot-grid__stage--yellow{background:var(--bn-yellow)}.bn-snoot-grid__stage--mint{background:var(--bn-mint)}.bn-snoot-grid__card:hover .bn-snoot-grid__stage{box-shadow:0 16px #5a1f492e}.bn-snoot-grid__stage:after{content:"";position:absolute;z-index:0;left:50%;bottom:10px;width:52%;height:16px;transform:translate(-50%) scale(1);transform-origin:center center;background:#5a1f4938;border-radius:50%;filter:blur(8px);transition:transform var(--bn-dur) var(--bn-ease),background-color var(--bn-dur) var(--bn-ease);pointer-events:none;will-change:transform}.bn-snoot-grid__card:hover .bn-snoot-grid__stage:after{transform:translate(-50%) translateY(5px) scale(1.2692,1.25);background:#5a1f4952}.bn-snoot-grid__stage img{position:relative;z-index:1;display:block;height:102%;width:auto;max-width:92%;margin-bottom:12px;object-fit:contain;transform-origin:center bottom;transition:transform var(--bn-dur-pop) var(--bn-ease-pop);will-change:transform}.bn-snoot-grid__card:hover .bn-snoot-grid__stage img{transform:scale(1.16) translateY(-18px) rotate(-2deg)}.bn-snoot-grid__body{padding:16px 8px 0;flex:1 1 auto;min-height:247px;display:flex;flex-direction:column}.bn-snoot-grid__breed{margin:0;height:16px;font-size:12px;line-height:16px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--bn-ink-3)}.bn-snoot-grid__name{margin:6px 0 0;height:32px;overflow:hidden;font-family:Fredoka,sans-serif;font-size:27px;font-weight:700;line-height:32px;color:var(--bn-ink);text-transform:none;letter-spacing:normal}.bn-snoot-grid__proof{margin:6px 0 0;height:20px;font-size:15px;line-height:20px;font-weight:500;color:var(--bn-ink-2)}.bn-snoot-grid__star{color:var(--bn-yellow)}.bn-snoot-grid__pills{margin:12px 0 0;height:31px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px}.bn-snoot-grid__pill{background:var(--bn-yellow-pale);color:var(--bn-ink);border-radius:999px;padding:0 14px;height:31px;line-height:31px;font-size:13px;font-weight:500;white-space:nowrap}.bn-snoot-grid__price{margin:12px 0 0;height:32px;display:flex;align-items:baseline;justify-content:center;gap:10px}.bn-snoot-grid__now{font-size:26px;line-height:32px;font-weight:700;color:var(--bn-ink)}.bn-snoot-grid__was{font-size:16px;line-height:32px;font-weight:400;color:var(--bn-ink-3);text-decoration:line-through}.bn-snoot-grid__btn{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;width:100%;margin-top:auto;height:50px;padding:0 20px;border:0;border-radius:999px;background:var(--bn-pink);color:#fff;font-family:Fredoka,sans-serif;font-size:17px;font-weight:600;text-decoration:none;text-transform:none;letter-spacing:normal;cursor:pointer;box-shadow:0 8px 0 var(--bn-pink-deep);transition:transform var(--bn-dur) var(--bn-ease),box-shadow var(--bn-dur) var(--bn-ease),filter var(--bn-dur) var(--bn-ease)}.bn-snoot-grid__card:hover .bn-snoot-grid__btn{filter:brightness(1.07)}.bn-snoot-grid__btn:hover,.bn-snoot-grid__btn:focus-visible{transform:translateY(4px);box-shadow:0 4px 0 var(--bn-pink-deep);color:#fff;text-decoration:none}@media(min-width:781px){.bn-snoot-grid__cardlink{top:-56px;left:-14px;right:-14px;bottom:-16px}}@media(min-width:781px)and (max-width:1040px){.bn-snoot-grid__grid{gap:20px}.bn-snoot-grid__pill{padding:0 10px;font-size:12px}}@media(max-width:780px){.bn-snoot-grid{padding:48px 20px}.bn-snoot-grid__grid{grid-template-columns:minmax(0,1fr);gap:56px;max-width:420px;margin:80px auto 0}}@media(prefers-reduced-motion:reduce){.bn-snoot-grid__card{transition:transform .12s ease-out}.bn-snoot-grid__card:hover{transform:translateY(-4px)}.bn-snoot-grid__stage{transition:box-shadow .12s ease-out}.bn-snoot-grid__card:hover .bn-snoot-grid__stage{box-shadow:0 10px #5a1f492e}.bn-snoot-grid__stage img{transition:transform .12s ease-out}.bn-snoot-grid__card:hover .bn-snoot-grid__stage img{transform:scale(1.06)}.bn-snoot-grid__stage:after,.bn-snoot-grid__card:hover .bn-snoot-grid__stage:after{transition:none;transform:translate(-50%) scale(1);background:#5a1f4938}.bn-snoot-grid__btn{transition:transform .12s ease-out,box-shadow .12s ease-out,filter .12s ease-out}.bn-snoot-grid__btn:hover,.bn-snoot-grid__btn:focus-visible{transform:translateY(2px);box-shadow:0 6px 0 var(--bn-pink-deep)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/bn-snoot-grid.css.map */