/* Keep every slide whole and within the first viewport below the navigation. */
.home header .header_bg{background-color:#98af5c;opacity:1}
.home .banner-section{--x9-home-top-offset:128px;flex:0 0 auto;margin-top:128px;margin-top:var(--x9-home-top-offset,128px);background:#f2f1eb}
.home .banner-section .swiper.bannerSwiper{box-sizing:border-box;width:100%;height:56.5625vw;max-height:calc(100vh - 128px);max-height:calc(100vh - var(--x9-home-top-offset,128px));max-height:calc(100svh - var(--x9-home-top-offset,128px));max-height:var(--x9-home-available-height,calc(100svh - var(--x9-home-top-offset,128px)))}
.home .banner-section .bannerSwiper .swiper-wrapper,.home .banner-section .bannerSwiper .swiper-slide{height:100%}
.home .banner-section .bannerSwiper .swiper-slide{position:relative;overflow:hidden;background:#f2f1eb}
/* Contain also applies to the existing background-image fallback in older browsers. */
.home .banner-section .bannerSwiper .swiper-slide a{position:relative;display:block;box-sizing:border-box;width:100%;height:100%;padding-left:var(--x9-home-side-gap,0px);padding-right:var(--x9-home-side-gap,0px);padding-bottom:var(--x9-home-bottom-gap,0px);padding-left:calc(var(--x9-home-side-gap,0px) + env(safe-area-inset-left,0px));padding-right:calc(var(--x9-home-side-gap,0px) + env(safe-area-inset-right,0px));padding-bottom:calc(var(--x9-home-bottom-gap,0px) + env(safe-area-inset-bottom,0px));background-size:contain;background-position:center;background-repeat:no-repeat;background-origin:content-box;background-clip:content-box}
.home .banner-section .bannerSwiper .swiper-slide img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}
.home .x9-department-strip{padding-top:24px;padding-bottom:24px}
.home .cert-section{margin-top:12px}
.home .bannerSwiper .swiper-button-next:focus,.home .bannerSwiper .swiper-button-prev:focus{opacity:1!important;outline:2px solid #004f32;outline-offset:2px}
.home.x9-home-hero-visible #sale-modal{display:none!important}
@media(min-width:993px){.home header .nav ul>li{display:flex;align-items:center;white-space:nowrap}.home header .nav ul li>a.underline-anim{font-size:14px;font-size:clamp(14px,1.1vw,20px);padding-left:7px;padding-right:7px}.home header .nav .x9-nav-toggle{flex:0 0 24px;width:24px;color:#fff}}
@media(min-width:1800px){.home header .nav ul li>a.underline-anim{font-size:20px}}
@media(min-width:993px) and (max-width:1200px){.home header .header_box{width:96%}.home header .header_right{gap:8px}.home header .nav ul li>a.underline-anim{padding-left:5px;padding-right:5px}.home header .nav .x9-nav-toggle{flex-basis:20px;width:20px}}
@media(max-width:992px){.home .banner-section{--x9-home-top-offset:104px;margin-top:104px;margin-top:var(--x9-home-top-offset,104px)}.home .banner-section .swiper.bannerSwiper{max-height:calc(100vh - 104px);max-height:calc(100vh - var(--x9-home-top-offset,104px));max-height:calc(100svh - var(--x9-home-top-offset,104px))}}
@media(max-width:768px){.home .banner-section{--x9-home-top-offset:94px;margin-top:94px;margin-top:var(--x9-home-top-offset,94px)}.home .banner-section .swiper.bannerSwiper{max-height:calc(100vh - 94px);max-height:calc(100vh - var(--x9-home-top-offset,94px));max-height:calc(100svh - var(--x9-home-top-offset,94px))}.home .x9-department-strip{padding-top:20px;padding-bottom:16px}.home .cert-section{margin-top:0}}
@media(max-width:576px){.home .banner-section{--x9-home-top-offset:71px;margin-top:71px;margin-top:var(--x9-home-top-offset,71px)}.home .banner-section .swiper.bannerSwiper{max-height:calc(100vh - 71px);max-height:calc(100vh - var(--x9-home-top-offset,71px));max-height:calc(100svh - var(--x9-home-top-offset,71px))}}
.home .banner-section .swiper.bannerSwiper{max-height:var(--x9-home-available-height,calc(100svh - var(--x9-home-top-offset,128px)))}

.home .x9-layered-hero-sample{--x9-layered-hero-ink:#173c2c;--x9-layered-hero-action:#004f32}
.home .banner-section .bannerSwiper .x9-layered-hero a.x9-layered-hero-link{display:grid;grid-template-columns:minmax(0,36fr) minmax(0,64fr);align-items:center;gap:16px;padding:28px 4vw;padding-left:calc(max(24px,4vw,var(--x9-home-side-gap,0px)) + env(safe-area-inset-left,0px));padding-right:calc(max(24px,4vw,var(--x9-home-side-gap,0px)) + env(safe-area-inset-right,0px));padding-bottom:calc(max(28px,var(--x9-home-bottom-gap,0px)) + env(safe-area-inset-bottom,0px));color:var(--x9-layered-hero-ink);background:var(--x9-layered-hero-background,#c5c3a9) center bottom/cover no-repeat;background-origin:border-box;background-clip:border-box;text-decoration:none}
.home .banner-section .bannerSwiper .x9-hero-pet a.x9-layered-hero-link{background-image:linear-gradient(90deg,rgba(245,246,232,.65),rgba(245,246,232,.2) 40%,rgba(245,246,232,0) 68%),url('/static/images/pet-hero-room-20261026.jpg')}
.home .x9-layered-hero-copy{position:relative;z-index:1;min-width:0;max-width:460px;text-align:left}
.home .x9-layered-hero-label{display:block;margin-bottom:18px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:inherit}
.home .x9-layered-hero-title{margin:0 0 20px;font-size:clamp(32px,4.4vw,70px);font-weight:600;line-height:1.08;letter-spacing:-.045em;color:inherit}
.home .x9-layered-hero-description{max-width:340px;margin:0 0 26px;font-size:clamp(14px,1.3vw,18px);line-height:1.6;color:inherit}
.home .x9-layered-hero-cta{display:inline-flex;box-sizing:border-box;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:10px 22px;border:1px solid var(--x9-layered-hero-action);border-radius:30px;background:var(--x9-layered-hero-action);color:var(--x9-layered-hero-action-ink,#fff);font-size:14px;font-weight:600;line-height:1.4}
.home .x9-layered-hero-cta>span{font-size:21px;line-height:1}
.home .x9-layered-hero-art{display:flex;align-items:flex-end;justify-content:center;align-self:stretch;min-width:0;min-height:0}
.home .banner-section .bannerSwiper .x9-layered-hero .x9-layered-hero-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.home .x9-layered-hero-link:focus-visible{outline:3px solid var(--x9-layered-hero-action);outline-offset:-4px}
@media(min-width:993px){.home .x9-layered-hero-copy{transform:translateY(-24px)}}
@media(min-width:993px),(orientation:landscape){.home .banner-section .bannerSwiper .x9-layered-hero a.x9-layered-hero-link{padding-right:calc(max(112px,4vw,var(--x9-home-side-gap,0px)) + env(safe-area-inset-right,0px))}}
@media(max-width:600px) and (orientation:portrait){
 .home .x9-layered-hero-sample .swiper.bannerSwiper{height:clamp(350px,112vw,500px)}
 .home .banner-section .bannerSwiper .x9-layered-hero a.x9-layered-hero-link{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:12px;padding:20px 18px 18px;padding-left:calc(18px + env(safe-area-inset-left,0px));padding-right:calc(18px + env(safe-area-inset-right,0px));padding-bottom:calc(max(18px,var(--x9-home-bottom-gap,0px)) + env(safe-area-inset-bottom,0px));background-position:center bottom}
 .home .banner-section .bannerSwiper .x9-hero-pet a.x9-layered-hero-link{background-image:linear-gradient(180deg,rgba(245,246,232,.92),rgba(245,246,232,.82) 42%,rgba(245,246,232,0) 72%),url('/static/images/pet-hero-room-20261026.jpg')}
 .home .x9-layered-hero-copy{max-width:none;text-align:center}
 .home .x9-layered-hero-label{margin-bottom:8px;font-size:10px}
 .home .x9-layered-hero-title{max-width:17ch;margin:0 auto 10px;font-size:clamp(28px,8.6vw,42px);line-height:1.08}
 .home .x9-layered-hero-description{max-width:32ch;margin:0 auto 13px;font-size:13px;line-height:1.5}
 .home .x9-layered-hero-cta{min-height:34px;padding:7px 16px;font-size:12px;gap:12px}
 .home .x9-layered-hero-cta>span{font-size:18px}
}
@media(max-width:992px) and (orientation:landscape){
 .home .banner-section .bannerSwiper .x9-layered-hero a.x9-layered-hero-link{grid-template-columns:minmax(0,35fr) minmax(0,65fr);gap:12px;padding-top:16px;padding-bottom:calc(max(44px,var(--x9-home-bottom-gap,0px)) + env(safe-area-inset-bottom,0px))}
 .home .x9-layered-hero-label{margin-bottom:9px;font-size:10px}
 .home .x9-layered-hero-title{margin-bottom:10px;font-size:clamp(24px,3.4vw,32px)}
 .home .x9-layered-hero-description{margin-bottom:14px;font-size:12px;line-height:1.5}
 .home .x9-layered-hero-cta{min-height:34px;padding:7px 15px;font-size:12px}
}

.home .x9-hero-training{--x9-layered-hero-ink:#fff;--x9-layered-hero-action:#ffd13d;--x9-layered-hero-action-ink:#10366c;--x9-layered-hero-background:radial-gradient(ellipse at 76% 46%,#80d1e6 0%,#3287c1 46%,#10448f 100%)}
.home .x9-hero-cotton{--x9-layered-hero-ink:#004f32;--x9-layered-hero-action:#004f32;--x9-layered-hero-background:linear-gradient(0deg,#98af5c 0%,#98af5c 15%,#eed4af 15%,#f4e4cb 100%)}
.home .x9-hero-family{--x9-layered-hero-ink:#173c2c;--x9-layered-hero-action:#004f32;--x9-layered-hero-background:radial-gradient(ellipse at 18% 24%,#e4edbc 0%,#c1d87c 44%,#7f9b45 100%)}
@media(max-width:600px) and (orientation:portrait){.home .x9-hero-training{--x9-layered-hero-background:radial-gradient(ellipse at 76% 85%,#75cce2 0%,#2475af 48%,#0c357b 100%)}}
@media(min-width:601px){.home .banner-section .bannerSwiper .x9-hero-training a.x9-layered-hero-link,.home .banner-section .bannerSwiper .x9-hero-cotton a.x9-layered-hero-link,.home .banner-section .bannerSwiper .x9-hero-family a.x9-layered-hero-link{padding-left:calc(max(24px,4vw) + env(safe-area-inset-left,0px))}}

.home .x9-layered-hero .x9-hero-title-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}
.home .banner-section .bannerSwiper .x9-layered-hero img.x9-hero-original-lettering{display:block;width:100%;height:auto;object-fit:contain;object-position:left center}
.home .x9-hero-training .x9-layered-hero-title,.home .x9-hero-cotton .x9-layered-hero-title,.home .x9-hero-family .x9-layered-hero-title{max-width:100%;margin:0 0 24px;font-size:inherit;line-height:0;letter-spacing:normal}
.home .x9-hero-training .x9-layered-hero-description,.home .x9-hero-cotton .x9-layered-hero-description,.home .x9-hero-family .x9-layered-hero-description{max-width:none;font-weight:400;letter-spacing:0}
@media(min-width:993px){.home .x9-hero-training .x9-layered-hero-description{font-size:clamp(13px,1.1vw,16px)}}
.home .x9-hero-training .x9-layered-hero-cta,.home .x9-hero-cotton .x9-layered-hero-cta,.home .x9-hero-family .x9-layered-hero-cta{min-height:44px;padding:9px 24px;color:#fff;font-size:18px;font-weight:700;gap:12px}
.home .x9-hero-cotton{--x9-layered-hero-action:#ff8900}
.home .x9-hero-family{--x9-layered-hero-ink:#fff;--x9-layered-hero-background:linear-gradient(110deg,#537c2b 0%,#7fa343 52%,#a9c56b 100%)}
.home .x9-hero-shop-icon{display:block;flex:0 0 16px;width:16px;height:16px;fill:currentColor}
.home .x9-hero-shop-icon.x9-hero-paw{flex-basis:22px;width:22px;height:22px}
@media(max-width:600px) and (orientation:portrait){
 .home .x9-hero-training .x9-layered-hero-title,.home .x9-hero-cotton .x9-layered-hero-title,.home .x9-hero-family .x9-layered-hero-title{margin:0 auto 14px}
 .home .x9-hero-family .x9-layered-hero-title{max-width:260px}
 .home .x9-hero-training .x9-layered-hero-cta,.home .x9-hero-cotton .x9-layered-hero-cta,.home .x9-hero-family .x9-layered-hero-cta{min-height:36px;padding:7px 20px;font-size:14px}
}
@media(max-width:992px) and (orientation:landscape){
 .home .x9-hero-training .x9-layered-hero-title,.home .x9-hero-cotton .x9-layered-hero-title,.home .x9-hero-family .x9-layered-hero-title{margin-bottom:12px}
 .home .x9-hero-family .x9-layered-hero-title{max-width:230px}
 .home .x9-hero-training .x9-layered-hero-cta,.home .x9-hero-cotton .x9-layered-hero-cta,.home .x9-hero-family .x9-layered-hero-cta{min-height:34px;padding:6px 18px;font-size:14px}
}