.dog-needs{padding-block-start:var(--dn-pad-top, 48px);padding-block-end:var(--dn-pad-bottom, 48px);background-color:var(--dn-bg, transparent);width:100%;position:relative;box-sizing:border-box}.dog-needs__inner{width:100%;max-width:var(--dn-max-width, 100%);margin-inline:auto;box-sizing:border-box}.section--page-width>.dog-needs__inner{grid-column:2;width:100%}.section--full-width>.dog-needs__inner{grid-column:1 / -1;width:100%;padding-inline:var(--dn-full-width-padding, var(--page-margin, clamp(1rem, 3.5vw, 2.5rem)));box-sizing:border-box}.dog-needs__header{margin-block-end:var(--dn-header-gap, 36px);display:flex;flex-direction:column}.dog-needs__header--center{align-items:center;text-align:center}.dog-needs__header--left{align-items:flex-start;text-align:left}.dog-needs__header--right{align-items:flex-end;text-align:right}.dog-needs__heading-wrap{display:inline-flex;align-items:center;justify-content:center;gap:clamp(.75rem,1.8vw,1.5rem);max-width:100%}.dog-needs__line{flex:1;width:var(--dn-line-width, 44px);height:3px;background:linear-gradient(90deg,transparent,var(--dn-line-color, #ff1e56));border-radius:2px}.dog-needs__line-right{background:linear-gradient(90deg,var(--dn-line-color, #ff1e56),transparent)}.dog-needs__heading{margin:0;font-family:var(--font-heading--family, "Montserrat", sans-serif);font-size:var(--dn-heading-size, clamp(1.4rem, 2.5vw, 2.2rem));font-weight:800;line-height:1.2;letter-spacing:.03em;color:var(--dn-heading-color, #043658);text-transform:uppercase}@media screen and (max-width:549px){.dog-needs__heading{font-size:clamp(.85rem,4.5vw,1.3rem);white-space:normal;text-align:center}}.dog-needs__subheading{margin:.65rem 0 0;font-family:var(--font-body--family, sans-serif);font-size:var(--dn-subheading-size, clamp(.95rem, 1.15vw, 1.125rem));font-weight:500;line-height:1.5;color:var(--dn-subheading-color, #2c4b64);max-width:650px}.dog-needs__grid{display:grid;grid-template-columns:repeat(var(--dn-cols, 3),minmax(0,1fr));gap:var(--dn-card-gap, 24px);align-items:stretch;list-style:none;padding:0;margin:0}.dog-needs__card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background-color:var(--dn-card-bg, #fff5f7);border:var(--dn-card-border-width, 1px) solid var(--dn-card-border, rgba(255, 180, 190, .3));border-radius:var(--dn-card-radius, 20px);padding:var(--dn-card-pad-y, 40px) var(--dn-card-pad-x, 28px);box-sizing:border-box;height:100%;transition:transform .32s cubic-bezier(.16,1,.3,1),box-shadow .32s ease,border-color .32s ease}.dog-needs__card--shadow{box-shadow:0 4px 20px -2px #dc506e0f}.dog-needs__card--hover-lift:hover{transform:translateY(-6px);box-shadow:0 16px 32px -4px #dc506e26;border-color:#ff789673}.dog-needs__card--hover-glow:hover{box-shadow:0 0 28px #ff3c6e40;border-color:var(--dn-line-color, #ff1e56)}.dog-needs__card:hover .dog-needs__arrow-svg{transform:translate(6px)}.dog-needs__card:hover .dog-needs__solution-text{color:var(--dn-solution-hover, #ff1e56)}.dog-needs__card-overlay-link{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;z-index:2;cursor:pointer}.dog-needs__card-overlay-link:focus-visible{outline:2px solid var(--dn-line-color, #ff1e56);outline-offset:3px}.dog-needs__icon-wrap{display:flex;align-items:center;justify-content:center;min-height:72px;margin-block-end:1.25rem;color:var(--dn-icon-color, #ff1e56);flex-shrink:0}.dog-needs__icon-svg{width:var(--dn-block-icon-size, 64px);height:var(--dn-block-icon-size, 64px);display:block;transition:transform .3s ease}.dog-needs__card:hover .dog-needs__icon-svg{transform:scale(1.05)}.dog-needs__icon-circle-badge{width:var(--dn-block-icon-size, 68px);height:var(--dn-block-icon-size, 68px);border-radius:50%;background:radial-gradient(circle,#fee9ed,#ffdce2);display:grid;place-items:center;box-shadow:0 2px 10px #ff4b6e1f;transition:transform .3s ease}.dog-needs__card:hover .dog-needs__icon-circle-badge{transform:scale(1.06)}.dog-needs__custom-img{width:auto;max-width:var(--dn-block-icon-size, 80px);max-height:var(--dn-block-icon-size, 80px);object-fit:contain;display:block;transition:transform .3s ease}.dog-needs__card:hover .dog-needs__custom-img{transform:scale(1.05)}.dog-needs__question{margin:0 0 1.25rem;font-family:var(--font-heading--family, "Montserrat", sans-serif);font-size:var(--dn-question-size, clamp(1.05rem, 1.3vw, 1.225rem));font-weight:700;line-height:1.32;color:var(--dn-question-color, #043658);max-width:290px}.dog-needs__arrow{display:inline-flex;align-items:center;justify-content:center;margin-block-start:auto;margin-block-end:1.15rem;color:var(--dn-arrow-color, #ff1e56);flex-shrink:0}.dog-needs__arrow-svg{width:var(--dn-arrow-size, 22px);height:var(--dn-arrow-size, 22px);stroke:currentColor;transition:transform .28s cubic-bezier(.2,0,.2,1)}.dog-needs__solution{margin:0;font-family:var(--font-heading--family, "Montserrat", sans-serif);font-size:var(--dn-solution-size, clamp(1.05rem, 1.25vw, 1.18rem));font-weight:800;line-height:1.3;color:var(--dn-solution-color, #043658)}.dog-needs__solution-link{color:inherit;text-decoration:none;transition:color .25s ease;position:relative;z-index:3}.dog-needs__solution-link:hover,.dog-needs__solution-link:focus-visible{color:var(--dn-solution-hover, #ff1e56);text-decoration:underline}.dog-needs__solution-text{transition:color .25s ease}[data-dn-animate] .dn-anim{opacity:0;transition-property:opacity,transform;transition-duration:var(--dn-anim-dur, .6s);transition-timing-function:cubic-bezier(.16,1,.3,1)}[data-dn-animate=fade-up] .dn-anim{transform:translateY(32px)}[data-dn-animate=fade-in] .dn-anim{transform:scale(.98)}[data-dn-animate=zoom-in] .dn-anim{transform:scale(.92)}.dog-needs.dn-visible .dn-anim{opacity:1;transform:none}.dog-needs.dn-visible .dn-anim[data-dn-i="0"]{transition-delay:calc(var(--dn-anim-delay, .1s) * 0)}.dog-needs.dn-visible .dn-anim[data-dn-i="1"]{transition-delay:calc(var(--dn-anim-delay, .1s) * 1)}.dog-needs.dn-visible .dn-anim[data-dn-i="2"]{transition-delay:calc(var(--dn-anim-delay, .1s) * 2)}.dog-needs.dn-visible .dn-anim[data-dn-i="3"]{transition-delay:calc(var(--dn-anim-delay, .1s) * 3)}.dog-needs.dn-visible .dn-anim[data-dn-i="4"]{transition-delay:calc(var(--dn-anim-delay, .1s) * 4)}.dog-needs.dn-visible .dn-anim[data-dn-i="5"]{transition-delay:calc(var(--dn-anim-delay, .1s) * 5)}.dog-needs.dn-visible .dn-anim[data-dn-i="6"]{transition-delay:calc(var(--dn-anim-delay, .1s) * 6)}@media screen and (max-width:989px){.dog-needs__grid{gap:clamp(14px,2vw,20px)}.dog-needs__card{padding:clamp(28px,3.5vw,36px) clamp(18px,2.5vw,24px)}}@media screen and (max-width:749px){.dog-needs{padding-block-start:var(--dn-pad-top-mob, 32px);padding-block-end:var(--dn-pad-bottom-mob, 32px)}.dog-needs__heading-wrap{gap:.75rem}.dog-needs__line{width:clamp(20px,6vw,32px);height:2px}.dog-needs__subheading{margin-top:.5rem}.dog-needs__grid--stack{grid-template-columns:1fr;gap:16px}.dog-needs__grid--swipe{display:flex;overflow-x:auto;overflow-y:visible;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-inline:clamp(16px,5vw,28px);padding-block-start:10px;margin-block-start:-10px;padding-block-end:12px;scrollbar-width:none;-ms-overflow-style:none}.dog-needs__grid--swipe::-webkit-scrollbar{display:none}.dog-needs__grid--swipe .dog-needs__card{flex:0 0 82%;scroll-snap-align:center;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;opacity:.88}.dog-needs__grid--swipe .dog-needs__card.dn-slide-active{opacity:1;transform:scale(1.02)}.dog-needs__slider-dots{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:18px}.dog-needs__slider-dot{width:8px;height:8px;border-radius:50%;background:var(--dn-card-border, #ffccd5);border:2px solid var(--dn-card-border, #ffccd5);cursor:pointer;transition:background .25s ease,width .25s ease,border-radius .25s ease,border-color .25s ease;padding:0;appearance:none;-webkit-appearance:none}.dog-needs__slider-dot.dn-dot-active{background:var(--dn-line-color, #ff1e56);border-color:var(--dn-line-color, #ff1e56);width:22px;border-radius:4px}.dog-needs__grid--two-col{grid-template-columns:repeat(2,1fr);gap:12px}.dog-needs__card{padding:30px 18px}.dog-needs__question{max-width:100%;margin-bottom:1rem}.dog-needs__arrow{margin-bottom:.9rem}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/dog-needs.css.map */