.nekoan-fit-hero{position:relative;isolation:isolate;width:100%;margin:0;color:#fff;overflow:hidden;--fit-inset:5vw}.nekoan-fit-hero__picture{display:block;width:100%;height:100%}.nekoan-fit-hero__picture img{display:block;width:100%;height:100%;object-fit:cover}.nekoan-fit-hero--dachshund{aspect-ratio:2/1}.nekoan-fit-hero--sighthound{aspect-ratio:2.4/1}.nekoan-fit-hero__copy{position:absolute;z-index:2;top:18%;left:var(--fit-inset);width:min(34%,440px);color:#fff;pointer-events:none}.nekoan-fit-hero__copy h1{margin:0 0 14px;color:inherit;font-family:inherit;font-size:clamp(26px,2.2vw,42px);font-weight:500;line-height:1.15;letter-spacing:.02em;text-transform:none;overflow-wrap:normal}.nekoan-fit-hero__copy p{margin:0;color:inherit;font-size:clamp(14px,1.2vw,18px);line-height:1.55;letter-spacing:.01em}.nekoan-fit-hero__copy p span{display:block}.nekoan-fit-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.36),transparent 45%)}.nekoan-fit-hero--dachshund:after{background:linear-gradient(270deg,rgba(0,0,0,.4),transparent 50%)}.nekoan-fit-hero--dachshund .nekoan-fit-hero__copy{left:auto;right:var(--fit-inset)}.nekoan-fit-hero .nekoan-hero-nav{inset:auto auto 5% var(--fit-inset);width:40%;padding:0;background:none;z-index:3}.nekoan-fit-hero--dachshund .nekoan-hero-nav{left:auto;right:var(--fit-inset)}.nekoan-fit-hero .nekoan-hero-nav a{background:transparent}.nekoan-fit-hero .nekoan-hero-nav a:hover,.nekoan-fit-hero .nekoan-hero-nav a:active{background:#0000002e}.nekoan-fit-hero .nekoan-hero-nav a:focus-visible{background:#ffffff0a;outline:2px solid #fff;outline-offset:3px}.nekoan-fit-hero--selection{height:clamp(520px,42vw,800px)}.nekoan-fit-hero__scenes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:100%;gap:0}.nekoan-fit-hero__scene{position:relative;display:block;min-width:0;height:100%;color:#fff;text-decoration:none;overflow:hidden}.nekoan-fit-hero__scene--dachshund img{object-position:40% center}.nekoan-fit-hero__scene--sighthound img{object-position:64% center}.nekoan-fit-hero__choice,.nekoan-fit-hero__back{box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:52px;border:1px solid rgba(255,255,255,.55);border-radius:2px;background:transparent;color:#fff;font-size:14px;font-weight:400;letter-spacing:.04em;line-height:1.35;text-align:center;text-decoration:none;padding:10px 16px;transition:background-color .18s ease,border-color .18s ease;z-index:3}.nekoan-fit-hero__choice{position:absolute;bottom:32px;left:10%;width:80%}.nekoan-fit-hero__back{position:absolute;top:32px;right:var(--fit-inset);min-height:44px}.nekoan-fit-hero__scene:hover .nekoan-fit-hero__choice,.nekoan-fit-hero__scene:active .nekoan-fit-hero__choice,.nekoan-fit-hero__back:hover,.nekoan-fit-hero__back:active{background:#0000002e;color:#fff}.nekoan-fit-hero__scene:focus-visible{outline:3px solid white;outline-offset:-5px}.nekoan-fit-hero__scene:focus-visible .nekoan-fit-hero__choice,.nekoan-fit-hero__back:focus-visible{background:#ffffff0a;outline:2px solid #fff;outline-offset:3px}@media(min-width:750px)and (max-width:1100px){.nekoan-fit-hero__copy{top:12%;width:40%}.nekoan-fit-hero .nekoan-hero-nav{width:43%}.nekoan-fit-hero .nekoan-hero-nav a{font-size:12px;padding:8px}.nekoan-fit-hero--selection .nekoan-fit-hero__copy{width:40%}}@media(max-width:749px){.nekoan-fit-hero{--fit-inset:20px}.nekoan-fit-hero--dachshund{aspect-ratio:2/3}.nekoan-fit-hero--sighthound{aspect-ratio:auto;height:165vw}.nekoan-fit-hero--sighthound img{object-position:88% center}.nekoan-fit-hero__copy,.nekoan-fit-hero--dachshund .nekoan-fit-hero__copy{top:24px;left:20px;right:20px;width:auto}.nekoan-fit-hero__copy h1{font-size:26px;line-height:1.2;margin-bottom:10px}.nekoan-fit-hero__copy p{font-size:14px;line-height:1.5}.nekoan-fit-hero:after,.nekoan-fit-hero--dachshund:after{background:linear-gradient(180deg,rgba(0,0,0,.46),transparent 48%)}.nekoan-fit-hero .nekoan-hero-nav,.nekoan-fit-hero--dachshund .nekoan-hero-nav{left:20px;right:20px;bottom:20px;width:auto;gap:12px}.nekoan-fit-hero--sighthound .nekoan-hero-nav{top:176px;bottom:auto}.nekoan-fit-hero--sighthound:lang(de) .nekoan-hero-nav{top:192px}.nekoan-fit-hero .nekoan-hero-nav a{font-size:12px;min-height:48px;padding:8px}.nekoan-fit-hero--selection{height:auto}.nekoan-fit-hero__scenes{grid-template-columns:1fr}.nekoan-fit-hero__scene--dachshund{aspect-ratio:2/3;height:auto}.nekoan-fit-hero__scene--sighthound{aspect-ratio:1/1;height:auto}.nekoan-fit-hero__scene--sighthound img{object-position:center}.nekoan-fit-hero--selection .nekoan-fit-hero__copy{top:24px;width:auto}.nekoan-fit-hero--selection:after{height:240px;bottom:auto}.nekoan-fit-hero__choice{left:20px;right:20px;bottom:20px;width:auto;min-height:48px;font-size:12px}.nekoan-fit-hero__scene--sighthound .nekoan-fit-hero__choice{top:24px;bottom:auto}.nekoan-fit-hero__back{top:212px;left:20px;right:auto;min-height:40px;font-size:12px}}@media(prefers-reduced-motion:reduce){.nekoan-fit-hero__choice,.nekoan-fit-hero__back{transition:none}}.nekoan-fit-hero--selection .nekoan-fit-hero__copy{top:28px;width:31%}.nekoan-fit-hero--selection:after{background:linear-gradient(180deg,rgba(0,0,0,.28),transparent 35%)}.nekoan-fit-hero__scene--dachshund img{object-position:left center}.nekoan-fit-hero--selection .nekoan-fit-hero__back{top:auto;bottom:98px;left:5%;right:auto}@media(max-width:749px){.nekoan-fit-hero--dachshund,.nekoan-fit-hero__scene--dachshund{aspect-ratio:auto;height:max(650px,150vw)}.nekoan-fit-hero--dachshund img,.nekoan-fit-hero__scene--dachshund img{object-position:20% center}.nekoan-fit-hero--selection .nekoan-fit-hero__copy{top:24px;width:auto}.nekoan-fit-hero--selection .nekoan-fit-hero__back{top:auto;bottom:auto;left:20px;right:auto;transform:translateY(-100%);margin-top:-84px}.nekoan-fit-hero--selection .nekoan-fit-hero__back{top:max(650px,150vw);margin-top:-84px}}@media(max-width:749px){.nekoan-fit-hero__scene--sighthound:after{content:"";position:absolute;inset:0 0 auto;height:120px;background:linear-gradient(180deg,rgba(0,0,0,.34),transparent);pointer-events:none}.template-page #MainContent:has(.nekoan-fit-hero--selection){padding-bottom:0}}.nekoan-fit-hero__overlay{display:contents}@media(max-width:749px){.nekoan-fit-hero--sighthound{height:max(600px,165vw)}.nekoan-fit-hero--sighthound img{object-position:83% center}.nekoan-fit-hero--sighthound .nekoan-fit-hero__overlay{display:flex;flex-direction:column;gap:18px;position:absolute;z-index:3;top:24px;left:20px;right:20px}.nekoan-fit-hero--sighthound .nekoan-fit-hero__copy{position:static;width:auto}.nekoan-fit-hero--sighthound .nekoan-hero-nav,.nekoan-fit-hero--sighthound:lang(de) .nekoan-hero-nav{position:static;inset:auto;width:100%}}@media(min-width:750px){.nekoan-fit-hero--selection .nekoan-fit-hero__copy{left:55%;right:5%;width:auto}.nekoan-fit-hero--selection:after{background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 45%)}.nekoan-fit-hero__scene--dachshund img{object-position:40% center}}@media(max-width:749px){.nekoan-fit-hero--sighthound{height:max(560px,165vw)}.nekoan-fit-hero__scene--dachshund{height:max(750px,150vw)}.nekoan-fit-hero__scene--dachshund img{object-position:25% center}.nekoan-fit-hero--selection .nekoan-fit-hero__back{top:max(750px,150vw)}}.template-page #MainContent:has(.nekoan-fit-hero--selection){padding-bottom:0}.nekoan-fit-hero__scene,.nekoan-fit-hero__copy{transition:none}.nekoan-fit-hero .nekoan-fit-hero__scene{transition:none!important}.nekoan-fit-hero .nekoan-hero-nav a,.nekoan-fit-hero .nekoan-fit-hero__choice,.nekoan-fit-hero .nekoan-fit-hero__back{--fit-button-bg:rgba(255,255,255,.04);background:var(--fit-button-bg)!important;border:1px solid rgba(255,255,255,.55);border-radius:2px;color:#fff;font-weight:400;box-shadow:none;transition:background-color .18s ease,border-color .18s ease!important}.nekoan-fit-hero .nekoan-hero-nav a:focus-visible,.nekoan-fit-hero .nekoan-fit-hero__scene:focus-visible .nekoan-fit-hero__choice,.nekoan-fit-hero .nekoan-fit-hero__back:focus-visible{outline:2px solid #fff;outline-offset:3px}.nekoan-fit-hero .nekoan-hero-nav a:active,.nekoan-fit-hero .nekoan-fit-hero__scene:active .nekoan-fit-hero__choice,.nekoan-fit-hero .nekoan-fit-hero__back:active{--fit-button-bg:rgba(255,255,255,.14)}.nekoan-fit-hero .nekoan-fit-hero__choice{width:min(240px,calc(100% - 40px));left:50%;right:auto;transform:translate(-50%)}@media(hover:hover)and (pointer:fine)and (min-width:750px){.nekoan-fit-hero .nekoan-hero-nav a:hover,.nekoan-fit-hero .nekoan-fit-hero__scene:hover .nekoan-fit-hero__choice,.nekoan-fit-hero .nekoan-fit-hero__back:hover{--fit-button-bg:rgba(0,0,0,.18);border-color:#fffc}}@media(min-width:750px){.nekoan-fit-hero--selection .nekoan-fit-hero__copy{left:50%;right:auto;width:min(720px,calc(100% - 80px));transform:translate(-50%);text-align:center;top:28px}.nekoan-fit-hero .nekoan-hero-nav{width:min(440px,42%)}}@media(max-width:749px){.nekoan-fit-hero .nekoan-fit-hero__choice{width:min(220px,calc(100% - 40px))}}#MainContent:has(.nekoan-fit-hero):not(:has(.nekoan-fit-hero--selection)) .halo-collection-content{position:relative}#MainContent:has(.nekoan-fit-hero) .articleLookbook-block:not(:has(img,video,iframe,a)){display:none}#MainContent:has(.nekoan-fit-hero) #CollectionProductGrid .toolbar{margin-bottom:20px}@media(min-width:1025px){#MainContent:has(.nekoan-fit-hero) #halo-sidebar{width:calc(100% - 340px);padding:0;margin:0 0 20px}#MainContent:has(.nekoan-fit-hero) #CollectionFiltersForm{width:100%}#MainContent:has(.nekoan-fit-hero) #CollectionProductGrid{margin:0;padding:0}#MainContent:has(.nekoan-fit-hero) #CollectionProductGrid>.toolbar{position:absolute;top:0;right:0;width:320px;min-height:44px;margin:0;padding:0;border:0}#MainContent:has(.nekoan-fit-hero) #CollectionProductGrid>.toolbar .results-count{display:none}}@media(min-width:1025px){#MainContent:has(.nekoan-fit-hero) #CollectionProductGrid{position:static}#MainContent:has(.nekoan-fit-hero) #CollectionProductGrid>.toolbar{height:44px;box-sizing:border-box}}@media(min-width:1025px){#MainContent:has(.nekoan-fit-hero) #CollectionProductGrid>.toolbar{top:0!important;padding:0!important}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/nekoan-special-fits-heroes.css.map */