.pet-features{padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);background-color:var(--bg-color);color:var(--title-color)}.pet-features span{color:var(--highlight-color)}.pet-features__title{margin:0;font-size:clamp(40px,calc(64 * var(--relative-px)),64px);font-weight:700;line-height:1;letter-spacing:0;text-align:var(--text-align);color:var(--title-color)}.pet-features__list{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-auto-rows:1fr;gap:var(--grid-gap);margin:var(--list-gap) 0 0;padding:0}.pet-features__item{position:relative;display:flex;flex-direction:column;overflow:hidden;min-height:0}.pet-features__item--featured{grid-row:span 2;height:100%}.pet-features__media{display:block;flex:1 1 auto;width:100%;height:100%;min-height:0;object-fit:cover;position:relative;inset:auto}.pet-features__media img{display:block;width:100%;height:100%;object-fit:cover}.pet-features__content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding:clamp(10px,calc(22 * var(--relative-px)),28px);color:var(--card-text-color);--content-gap: clamp(10px, calc(20 * var(--relative-px)), 20px);--large-content-gap: clamp(16px, calc(26 * var(--relative-px)), 26px);gap:var(--content-gap)}.pet-features__item--featured .pet-features__content{gap:var(--large-content-gap)}.pet-features__content--pc-bottom{justify-content:flex-end}.pet-features__content:before{display:var(--card-mask-display, block);content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(180deg,#00000073,#00000014 42%,#0000 68%)}.pet-features__content--pc-bottom:before{display:var(--card-mask-display, block);background:linear-gradient(0deg,#00000080,#0000001f 42%,#0000 68%)}.pet-features__item-title{margin:0;font-family:var(--fonts-header);font-size:clamp(32px,calc(48 * var(--relative-px)),48px);font-weight:700;line-height:1;color:inherit}.pet-features__item-title:after{--border-width: 4px;display:var(--card-title-bar-display, block);content:"";width:clamp(75px,calc(100 * var(--relative-px)),100px);padding-top:calc(var(--content-gap) - var(--border-width));border-bottom:solid var(--highlight-color)}.pet-features__item-desc{font-size:clamp(14px,calc(18 * var(--relative-px)),18px);font-weight:400;line-height:1.2;color:inherit;max-width:100%}.pet-features__item-desc p{margin:0}.pet-features__item-desc p+p{margin-top:10px}.pet-features__link{display:inline-block;font-size:clamp(14px,calc(20 * var(--relative-px)),20px);font-weight:700;line-height:1.2}a.pet-features__link{text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:auto;text-decoration-thickness:auto;text-underline-offset:auto;text-underline-position:from-font;pointer-events:auto}a.pet-features__link:hover,a.pet-features__link:focus-visible{color:var(--highlight-color)}.pet-features__badge{width:var(--badge-width, clamp(72px, calc(96 * var(--relative-px)), 96px));max-width:120px;line-height:0}.pet-features__badge img{display:block;width:100%;height:auto}@media only screen and (min-width:1001px)and (max-width:1200px){.pet-features__content{--content-gap: 10px}.pet-features__item--featured .pet-features__content{gap:var(--content-gap)}.pet-features__item-title:after{padding-top:8px}.pet-features__item-title{font-size:24px}}@media only screen and (min-width:1001px)and (max-width:1100px){.pet-features__content{--content-gap: 8px}.pet-features__item-title{font-size:20px}.pet-features__item-desc,.pet-features__link{font-size:12px}.pet-features__badge{max-width:65px}}@media only screen and (max-width:1000px){.pet-features{padding-top:var(--mb-padding-top);padding-bottom:var(--mb-padding-bottom)}.pet-features__title{text-align:var(--text-align-mb)}.pet-features__list{display:block}.pet-features__list:not(.slick-initialized){display:flex;flex-wrap:nowrap;overflow:hidden}.pet-features__list:not(.slick-initialized) .pet-features__item{flex:0 0 calc((100% - (var(--pad-slides) - 1) * var(--grid-gap, 8px)) / var(--pad-slides));width:calc((100% - (var(--pad-slides) - 1) * var(--grid-gap, 8px)) / var(--pad-slides));min-width:calc((100% - (var(--pad-slides) - 1) * var(--grid-gap, 8px)) / var(--pad-slides))}.pet-features__list .slick-slide{padding-right:calc(var(--grid-gap, 8px) * min(1,max(0,var(--pad-slides) - 1)))}.pet-features__list .slick-list{margin-right:calc(var(--grid-gap, 8px) * min(1,max(0,var(--pad-slides) - 1)) * -1)}.pet-features__item,.pet-features__item--featured{grid-row:auto;height:auto}.pet-features__content{justify-content:flex-start;padding:20px}.pet-features__content--mb-bottom{justify-content:flex-end}.pet-features__content:before{display:var(--card-mask-display, block);background:linear-gradient(180deg,#00000073,#00000014 42%,#0000 68%)}.pet-features__content--mb-bottom:before{display:var(--card-mask-display, block);background:linear-gradient(0deg,#0000008c,#0000001f 45%,#0000 72%)}.pet-features__list .slick-track{display:flex;align-items:stretch}.pet-features__list .slick-slide{height:auto}.pet-features__list .slick-slide>div{height:100%}.pet-features__list .slick-dots{display:flex;justify-content:center;align-items:center;gap:4px;margin-top:26px}.pet-features__list .slick-dots li,.pet-features__list .slick-dots li button,.pet-features__list .slick-dots li:before{flex:none;width:8px;height:8px;border-radius:50%;margin:0}.pet-features__list .slick-dots li button,.pet-features__list .slick-dots li:before{background:var(--color-white)}.pet-features__list .slick-dots li.slick-active,.pet-features__list .slick-dots li.slick-active button,.pet-features__list .slick-dots li.slick-active:before{background:#423933}}@media only screen and (max-width:749px){.pet-features__list:not(.slick-initialized) .pet-features__item{flex:0 0 calc((100% - (var(--mb-slides) - 1) * var(--grid-gap, 8px)) / var(--mb-slides));width:calc((100% - (var(--mb-slides) - 1) * var(--grid-gap, 8px)) / var(--mb-slides));min-width:calc((100% - (var(--mb-slides) - 1) * var(--grid-gap, 8px)) / var(--mb-slides))}.pet-features__list .slick-slide{padding-right:calc(var(--grid-gap, 8px) * min(1,max(0,var(--mb-slides) - 1)))}.pet-features__list .slick-list{margin-right:calc(var(--grid-gap, 8px) * min(1,max(0,var(--mb-slides) - 1)) * -1)}.pet-features__item-desc{font-size:clamp(12px,4.8vw,18px)}.pet-features__link{font-size:clamp(12px,4.27vw,16px)}}
/*# sourceMappingURL=/cdn/shop/t/366/assets/section-pet-features.css.map */