.card-pet{position:relative;height:100%}.card-pet:hover a.card-inner{border-color:#d77a62}.card-pet .senior-tag{z-index:3}.card-pet .card-wrapper{height:100%;position:relative}.card-pet .card-wrapper::before{border-radius:10px;content:"";display:block;position:absolute;left:2px;top:2px;width:calc(100% - 4px);height:calc(100% - 4px);background-color:#fff;box-shadow:1px 2px 4px 1px rgba(0,0,0,.06)}.card-pet .card-inner{height:100%;border-radius:14px;display:flex;flex-direction:column;position:relative;border:2px solid rgba(0,0,0,0);transition:0.2s;overflow:hidden;z-index:2}.card-pet .card-inner figure{background-color:#fdfbfa;position:relative;transition:0.2s}.card-pet .card-inner figure::before{content:"";display:block;padding-bottom:85.11%}.card-pet .card-inner figure img{position:absolute;left:0;top:0;display:block;width:100%;height:100%;object-fit:cover}.card-pet .card-inner figure.is-tall{overflow:hidden}.card-pet .card-inner figure.is-tall img{object-fit:contain;transform:scale(1.02)}.card-pet .card-inner figure .img-backdrop{position:absolute;inset:-30px;background-size:cover;background-position:center;filter:blur(20px)}.card-pet .card-inner figure .match-badge{position:absolute;top:12px;right:12px;z-index:2;padding:5px 10px;border-radius:20px;background-color:rgba(255,255,255,.92);box-shadow:0 1px 4px rgba(0,0,0,.08);font-weight:600;font-size:13px;line-height:16px;color:#17403d}.card-pet .card-inner .card-content{padding:20px;flex-grow:1;display:flex;flex-direction:column;text-align:center}.card-pet .card-inner .card-content .title{font-weight:600;font-size:22px;line-height:28px;color:#d77a62;margin-bottom:20px}.card-pet .card-inner .card-content .title:last-child{margin-bottom:0px}.card-pet .card-inner .card-content .text{font-weight:400;font-size:16px;line-height:20px;color:#17403d}.card-pet .card-inner .card-content .text:not(:last-child){margin-bottom:6px}.card-pet .card-inner .card-content .ctas{margin-top:10px;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end}.popup{position:fixed;z-index:99998;left:0;top:0;width:100%;height:100%;background:rgba(255,255,255,.8);backdrop-filter:blur(20px);overflow:auto;transition:0.2s}.popup-box{transition:0.2s}.popup .btn-close{padding:0;border-radius:0;background:rgba(0,0,0,0);position:absolute;right:50px;top:50px;width:34px;height:34px;z-index:2}@media screen and (max-width: 768px){.popup .btn-close{width:14px;height:14px;right:20px;top:20px}}.popup .btn-close .icon,.popup .btn-close svg,.popup .btn-close img{width:100%;height:100%;display:block}.popup .btn-close svg path{transition:0.2s}.popup .btn-close:hover svg path{fill:#295350}.popup.hide{display:block;opacity:0;visibility:hidden}.popup.hide .popup-box{transform:scale(0.1)}.pet-test-popup{--pu-w: 810;--pu-h: 822;--pu: min(1px, calc((100vh - 40px) / var(--pu-h)), calc((100vw - 32px) / var(--pu-w)))}@supports(height: 100dvh){.pet-test-popup{--pu: min(1px, calc((100dvh - 40px) / var(--pu-h)), calc((100vw - 32px) / var(--pu-w)))}}@media screen and (max-width: 768px){.pet-test-popup{--pu-w: 290;--pu-h: 313}}.pet-test-popup.popup{z-index:100000}.pet-test-popup .container{padding:0;height:100%}.pet-test-popup .popup-inner{height:100%}.pet-test-popup .popup-content{height:100%}.pet-test-popup .popup-box{max-width:calc(810*var(--pu));margin:0 auto;position:relative}@media screen and (max-width: 768px){.pet-test-popup .popup-box{max-width:calc(290*var(--pu))}}.pet-test-popup .popup-box .btn-close{width:calc(34*var(--pu));height:calc(34*var(--pu));right:calc(50*var(--pu));top:calc(50*var(--pu))}.pet-test-popup .popup-box .btn-close::after{content:"";position:absolute;inset:-10px}@media screen and (max-width: 768px){.pet-test-popup .popup-box .btn-close{width:calc(14*var(--pu));height:calc(14*var(--pu));right:calc(20*var(--pu));top:calc(20*var(--pu))}}.pet-test-popup .display-table-cell{padding:16px}.pet-test-popup .test-box{text-align:center}.pet-test-popup .test-box-inner{background:#fcf5f0;box-shadow:1px 2px 4px 1px rgba(0,0,0,.06);border-radius:calc(30*var(--pu));overflow-x:hidden;overflow-y:auto;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px)}@media screen and (max-width: 768px){.pet-test-popup .test-box-inner{border-radius:calc(10*var(--pu))}}.pet-test-popup .test-box .box-text-wrapper{max-width:calc(537*var(--pu));margin:0 auto}@media screen and (max-width: 768px){.pet-test-popup .test-box .box-text-wrapper{max-width:calc(218*var(--pu))}}.pet-test-popup .test-box .box-body{padding:calc(110*var(--pu)) calc(50*var(--pu))}@media screen and (max-width: 768px){.pet-test-popup .test-box .box-body{padding:calc(40*var(--pu)) calc(36*var(--pu))}}.pet-test-popup .test-box .box-body figure{max-width:calc(472*var(--pu));height:calc(198*var(--pu));margin:0 auto calc(54*var(--pu))}@media screen and (max-width: 768px){.pet-test-popup .test-box .box-body figure{max-width:calc(170*var(--pu));height:calc(71*var(--pu));margin-bottom:calc(20*var(--pu))}}.pet-test-popup .test-box .box-body figure img{display:block;width:100%;height:100%;object-fit:contain}.pet-test-popup .test-box .box-body .title{color:#d77a62;font-size:calc(40*var(--pu));line-height:calc(54*var(--pu));margin-bottom:calc(20*var(--pu))}@media screen and (max-width: 768px){.pet-test-popup .test-box .box-body .title{margin-bottom:calc(6*var(--pu));font-size:calc(16*var(--pu));line-height:calc(24*var(--pu))}}.pet-test-popup .test-box .box-body .text,.pet-test-popup .test-box .box-body .text p{font-weight:400;font-size:calc(32*var(--pu));line-height:calc(48*var(--pu));color:#17403d}@media screen and (max-width: 768px){.pet-test-popup .test-box .box-body .text,.pet-test-popup .test-box .box-body .text p{font-size:calc(12*var(--pu));line-height:calc(16*var(--pu))}}.pet-test-popup .test-box .box-body .buttons{margin-top:calc(50*var(--pu))}@media screen and (max-width: 768px){.pet-test-popup .test-box .box-body .buttons{margin-top:calc(20*var(--pu))}}.pet-test-popup .test-box .box-body .buttons .btn{font-size:calc(60*var(--pu));line-height:calc(70*var(--pu));padding:calc(30*var(--pu)) calc(95*var(--pu));border-radius:calc(90*var(--pu))}@media screen and (max-width: 768px){.pet-test-popup .test-box .box-body .buttons .btn{width:auto;font-size:calc(22*var(--pu));line-height:calc(28*var(--pu));padding:calc(16*var(--pu)) calc(42*var(--pu));border-radius:calc(50*var(--pu))}}.filter-item.open .filter-controls{display:block}.filter-item.open .filter-label .label .icon{transform:rotate(180deg)}.filter-item.has-icon .filter-controls{display:flex;flex-direction:column;gap:8px;margin-top:0}@media screen and (max-width: 768px){.filter-item.has-icon .filter-controls{flex-direction:row}}.filter-item.has-icon .filter-controls label{position:relative;flex:1 1 0;min-width:0;min-height:50px;justify-content:center;padding:6px 8px;border:1.5px solid rgba(201,105,80,.55);border-radius:26px;background-color:#fcf5f0;transition:0.2s}.filter-item.has-icon .filter-controls label:not(:last-child){margin-bottom:0}.filter-item.has-icon .filter-controls label input{position:absolute;width:1px;height:1px;border:0;opacity:0;pointer-events:none}.filter-item.has-icon .filter-controls label .icon{flex:none;width:34px;height:34px}.filter-item.has-icon .filter-controls label .icon svg{display:block;width:100%;height:100%}.filter-item.has-icon .filter-controls label .icon svg path{transition:0.2s}.filter-item.has-icon .filter-controls label .txt{flex:none;width:auto;padding-left:10px;font-weight:500;font-size:17px;line-height:22px;transition:0.2s}@media(hover: hover){.filter-item.has-icon .filter-controls label:hover{border-color:#d77a62;background-color:#f8e6df}.filter-item.has-icon .filter-controls label:hover .icon svg path{fill:#d77a62}.filter-item.has-icon .filter-controls label:hover .txt{color:#d77a62}}.filter-item.has-icon .filter-controls label:has(:focus-visible){outline:2px solid #d77a62;outline-offset:1px}.filter-item.has-icon .filter-controls label:has(:checked){background-color:#fff;border-color:#d77a62;box-shadow:0 2px 6px rgba(215,122,98,.18)}.filter-item.has-icon .filter-controls label:has(:checked) .icon svg path{fill:#d77a62}.filter-item.has-icon .filter-controls label:has(:checked) .txt{font-weight:600;color:#d77a62}.filter-label .label{display:inline-flex;cursor:pointer;user-select:none}.filter-label .label .icon{width:24px;height:24px;transition:0.2s;padding:3px}.filter-label .label .icon svg{display:block;width:100%;height:100%}.filter-label .label .txt{padding-top:2px;font-weight:500;font-size:18px;line-height:22px;text-transform:uppercase;color:#17403d;width:auto;max-width:calc(100% - 24px);padding-left:18px}@media screen and (max-width: 768px){.filter-label .label{flex-direction:row-reverse;width:100%;justify-content:space-between}.filter-label .label .txt{padding-left:0px;padding-right:18px}}.filter-controls{display:none;margin-top:2px}.filter-controls label{user-select:none;display:flex;align-items:center;cursor:pointer}.filter-controls label:not(:last-child){margin-bottom:6px}@media screen and (max-width: 768px){.filter-controls label{padding:5px 0}.filter-controls label:not(:last-child){margin-bottom:0}}.filter-controls label input{-webkit-appearance:none;appearance:none;flex:none;margin:0;display:block;width:16px;height:16px;border-radius:50%;border:1.5px solid rgba(23,64,61,.35);background-color:#fff;position:relative;cursor:pointer;transition:0.2s}.filter-controls label input::after{content:"";display:block;position:absolute;inset:2.5px;border-radius:50%;background-color:#17403d;transform:scale(0.4);opacity:0;transition:0.2s}.filter-controls label input:checked{border-color:#17403d}.filter-controls label input:checked::after{transform:scale(1);opacity:1}.filter-controls label input:focus-visible{outline:2px solid #d77a62;outline-offset:2px}.filter-controls label .txt{flex:1;min-width:0;padding-left:10px;font-weight:400;font-size:14px;line-height:20px;color:#17403d}.filter-controls label .count{font-weight:400;font-size:14px;line-height:20px;color:#fa5f55}.filter-controls label .hidden-count{display:none}.form-filter:not(.form-filter--type) .filter-label .label{width:100%;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:9px 0}.form-filter:not(.form-filter--type) .filter-label .label .icon{flex:none;width:12px;height:12px;padding:0}.form-filter:not(.form-filter--type) .filter-label .label .icon svg path{stroke:#5d626a}.form-filter:not(.form-filter--type) .filter-label .label .txt{padding:0;max-width:none;font-weight:600;font-size:12px;line-height:16px;letter-spacing:.07em;color:#5d626a}.form-filter:not(.form-filter--type) .filter-item.open{margin-bottom:14px}.form-filter:not(.form-filter--type) .filter-item:not(.open){border-top:1px solid #efe4dc}.btn-clear-filters{display:inline-flex;align-items:center;gap:6px;margin-bottom:4px;padding:4px 0;border-radius:0;background:rgba(0,0,0,0);font-family:inherit;font-weight:600;font-size:13px;line-height:18px;letter-spacing:0;text-transform:none;color:#c96950}.btn-clear-filters:hover{background:rgba(0,0,0,0);text-decoration:underline}.btn-clear-filters:focus-visible{outline:2px solid #d77a62;outline-offset:2px}.btn-clear-filters svg{flex:none}.filter-mobile-toggle{text-align:center}@media screen and (min-width: 769px){.filter-mobile-toggle{display:none}}.filter-mobile-toggle .btn-open-filter-mobile{display:inline-flex;width:auto;padding:0;background:rgba(0,0,0,0);align-items:center}.filter-mobile-toggle .btn-open-filter-mobile .txt{font-weight:500;font-size:14px;line-height:18px;color:#17403d;padding-left:14px}.filter-mobile-toggle .mobile-filter-header{margin-bottom:4px;text-align:left}.filter-mobile-toggle .mobile-filter-header .filter-label .label{align-items:center;padding:6px 0}.filter-mobile-toggle .mobile-filter-header .filter-label .label .icon{width:22px;height:22px;margin-right:-4px;padding:4px}.filter-mobile-toggle .mobile-filter-header .filter-label .label .txt{padding:0;max-width:none;font-weight:600;font-size:14px;line-height:18px;letter-spacing:.07em}@media screen and (max-width: 768px){.filter-item--sort .filter-label .label{width:100%;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:9px 0}.filter-item--sort .filter-label .label .icon{flex:none;width:12px;height:12px;padding:0}.filter-item--sort .filter-label .label .icon svg path{stroke:#5d626a}.filter-item--sort .filter-label .label .txt{padding:0;max-width:none;font-weight:600;font-size:12px;line-height:16px;letter-spacing:.07em;color:#5d626a}.filter-item--sort.open{margin-bottom:14px}.filter-item--sort:not(.open){border-top:1px solid #efe4dc}}@media screen and (min-width: 769px){.filter-item--sort{position:absolute;right:0;top:0;z-index:3}.filter-item--sort .filter-label .label{flex-direction:row-reverse}.filter-item--sort .filter-label .label .txt{padding-left:0px;padding-right:18px;font-weight:500;font-size:18px;line-height:22px}.filter-item--sort .filter-controls.dropdown{position:absolute;padding:10px;background:#fff;box-shadow:1px 2px 4px 1px rgba(0,0,0,.06);border-radius:10px;right:0;white-space:nowrap}}.filter--type{margin-bottom:20px}@media screen and (max-width: 768px){.filter--details .js-forms-filter-wrapper{display:none}.filter--details .js-forms-filter-wrapper.open{display:block}}@media screen and (max-width: 768px){section.pet-archive{padding-top:30px;padding-bottom:180px}}@media screen and (min-width: 769px){section.pet-archive{padding-bottom:260px}}section.pet-archive.loading{opacity:.4;cursor:no-drop}section.pet-archive .wrapper{position:relative}section.pet-archive .cols{display:flex;flex-wrap:wrap}section.pet-archive .cols .col-filter{width:200px}@media screen and (max-width: 768px){section.pet-archive .cols .col-filter{width:100%}}section.pet-archive .cols .col-pets{width:calc(100% - 200px)}@media screen and (min-width: 769px){section.pet-archive .cols .col-pets{padding-left:60px}}@media screen and (max-width: 768px){section.pet-archive .cols .col-pets{width:100%}}@media screen and (min-width: 769px){section.pet-archive .filter-wrapper{padding-top:50px}}@media screen and (max-width: 768px){section.pet-archive .filter-wrapper{margin-bottom:30px}}section.pet-archive .filter-info-wrapper .info-total{font-weight:400;font-size:16px;line-height:20px;color:#17403d;padding:10px 0px}@media screen and (min-width: 769px){section.pet-archive .filter-info-wrapper .info-total{max-width:calc(100% - 100px)}}@media screen and (max-width: 768px){section.pet-archive .filter-info-wrapper .info-total{text-align:center}}section.pet-archive .no-result-wrapper{text-align:center;margin-top:92px}section.pet-archive .no-result-wrapper .title{font-weight:700;font-size:40px;line-height:60px}@media screen and (max-width: 768px){section.pet-archive .no-result-wrapper .title{font-weight:800;font-size:22px;line-height:28px}}section.pet-archive .no-result-wrapper .text p{color:#17403d;font-size:28px;line-height:40px}@media screen and (max-width: 768px){section.pet-archive .no-result-wrapper .text p{font-size:18px;line-height:30px}}section.pet-archive .pets-wrapper{margin-top:30px}section.pet-archive .pets-wrapper .grid-section{column-gap:20px;row-gap:40px}@media screen and (max-width: 768px){section.pet-archive .pets-wrapper .grid-section{row-gap:30px}}section.pet-archive .pets-wrapper .senior-tag{left:-10px;top:10px}section.pet-archive .pagination-wrapper{margin-top:100px}@media screen and (max-width: 768px){section.pet-archive .pagination-wrapper{margin-top:70px}}section.pet-archive .pagination-wrapper .pagination{display:flex;justify-content:center;gap:10px}section.pet-archive .pagination-wrapper .pagination .page-numbers{display:block;width:34px;height:34px;border:1px solid #d77a62;border-radius:5px;text-align:center;font-weight:600;font-size:16px;line-height:20px;letter-spacing:.02em;color:#d77a62;padding:7px 3px}section.pet-archive .pagination-wrapper .pagination .page-numbers.current{background-color:#d77a62;color:#fff}section.pet-archive .pagination-wrapper .pagination .page-numbers.dots,section.pet-archive .pagination-wrapper .pagination .page-numbers.next,section.pet-archive .pagination-wrapper .pagination .page-numbers.prev{border-color:rgba(0,0,0,0)}section.pet-archive .hide{display:none}section.pet-archive .decor-1{right:0;bottom:0;transform:translate(100%, 50%)}section.pet-archive .decor-2{left:0;bottom:-80px;transform:translate(-24px, 100%)}