:root{--bs-primary: #7c68ee;--bs-secondary: #ff8c42;--bs-success: #48bb78;--bs-info: #4ecdc4;--bs-warning: #f6ad55;--bs-danger: #f56565;--bs-light: #f7fafc;--bs-dark: #1a202c;--bs-body-bg: #f8f9fa;--bs-body-color: #2d3748}.btn-primary{--bs-btn-bg: #7c68ee;--bs-btn-border-color: #7c68ee;--bs-btn-hover-bg: rgb(96.1625, 71.9125, 234.3875);--bs-btn-hover-border-color: rgb(96.1625, 71.9125, 234.3875);--bs-btn-active-bg: rgb(84.2321428571, 58.1607142857, 232.8392857143);--bs-btn-active-border-color: rgb(84.2321428571, 58.1607142857, 232.8392857143)}.btn-outline-primary{--bs-btn-color: #7c68ee;--bs-btn-border-color: #7c68ee;--bs-btn-hover-bg: #7c68ee;--bs-btn-hover-border-color: #7c68ee;--bs-btn-hover-color: #fff}:root{--laskera-primary: #7b68ee;--laskera-button: #ff8c42;--laskera-favorite: #ff6b6b}.animals-list-page{font-size:16px;font-family:Inter,system-ui,-apple-system,sans-serif}.animals-list-page__title{font-size:1.5rem;font-weight:600;color:#1a1a1a}.animals-list-page .btn-primary{background-color:var(--laskera-button);border-color:var(--laskera-button)}.animals-list-page .btn-primary:hover{background-color:#e67d3a;border-color:#e67d3a}.animals-list-page .btn-outline-primary{border-color:var(--laskera-primary);color:var(--laskera-primary)}.animals-list-page .btn-outline-primary:hover{background-color:var(--laskera-primary);color:#fff}.animals-list-page__btn-filters,.animals-list-page #animals-list-load-more .btn{min-height:48px;min-width:48px}.animals-list-page .filters-trigger-btn.filters-btn--active{background-color:var(--laskera-primary);border-color:var(--laskera-primary);color:#fff}.animals-list-page .filters-trigger-btn.filters-btn--active:hover{background-color:#6a58d4;border-color:#6a58d4;color:#fff}.animals-list-card__favorite{position:absolute;top:.5rem;right:.5rem;z-index:2;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border:none;border-radius:50%;background:#ffffffe6;box-shadow:0 1px 4px #00000026;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,transform .15s}.animals-list-card__favorite:hover,.animals-list-card__favorite:focus-visible{background:#fff;box-shadow:0 2px 8px #0003;transform:scale(1.05)}.animals-list-card__favorite-icon{font-size:1.25rem;line-height:1;color:#adb5bd}.animals-list-card__favorite--active .animals-list-card__favorite-icon{color:var(--laskera-favorite)}.animals-list-card{display:flex;flex-direction:row;align-items:stretch;min-height:200px;border-radius:12px;overflow:hidden;background:#fff;border:1px solid #eee;text-decoration:none;color:inherit}@media (min-width: 768px){.animals-list-card{flex-direction:column;min-height:auto}}.animals-list-card__photo-wrap{position:relative;flex-shrink:0;width:120px;height:160px;background:#f0f0f0}@media (min-width: 768px){.animals-list-card__photo-wrap{width:100%;height:200px}}.animals-list-card__photo{width:100%;height:100%;object-fit:cover;border-radius:12px}.animals-list-card__photo-link{display:block;width:100%;height:100%;color:inherit}.animals-list-card__body-link{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;text-decoration:none;color:inherit}.animals-list-card__body{flex:1;padding:.75rem 1rem;display:flex;flex-direction:column;min-width:0}.animals-list-card__name{font-weight:600;margin-bottom:.25rem}.animals-list-card__meta{font-size:.875rem;color:#666;margin-bottom:.25rem}.animals-list-card__shelter{font-size:.8rem;color:#888;margin-bottom:.5rem}.animals-list-card__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.animals-list-card__tag{font-size:12px;font-weight:600;padding:.15rem .4rem;background:#f0f0f0;border-radius:4px}.animals-list-card__link{margin-top:auto;font-size:.875rem;font-weight:500;color:var(--laskera-primary)}.animals-list-card__info{display:flex;flex-direction:column;flex:1 1 auto}.animals-list-card__footer{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.75rem}@media (max-width: 767.98px){.animals-list-card{flex-direction:column;min-height:0;border-radius:16px;border:none;box-shadow:0 6px 18px #00000014;overflow:hidden}.animals-list-card__photo-wrap{width:100%;height:220px}.animals-list-card__photo-wrap:after{content:"";position:absolute;z-index:1;left:0;right:0;bottom:0;height:40%;background:linear-gradient(to top,#00000073,#0000);pointer-events:none}.animals-list-card__photo{border-radius:0}.animals-list-card__body{padding:.75rem 1rem 1rem}.animals-list-card__name{font-size:1.1rem}.animals-list-card__cta-primary,.animals-list-card__cta-secondary{white-space:nowrap}}.animals-list-skeleton{display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width: 768px){.animals-list-skeleton{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1200px){.animals-list-skeleton{grid-template-columns:repeat(3,1fr)}}.animals-list-skeleton__card{min-height:200px;border-radius:12px;background:linear-gradient(90deg,#f0f0f0 25%,#e8e8e8,#f0f0f0 75%);background-size:200% 100%;animation:animals-list-skeleton-shine 1.2s ease-in-out infinite}@keyframes animals-list-skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 319px){.animals-list-page{padding-left:.5rem;padding-right:.5rem}}@media (min-width: 1440px){.animals-list-page.container{max-width:1440px}}@media (min-width: 768px){.animals-list-card-wrap{display:flex}.animals-list-card{flex:1 1 auto;width:100%}}.animals-search-wrapper{max-width:100%}.animals-search-input{padding-right:3rem}.animals-search-trigger{position:absolute;top:0;right:0;height:100%;border:0;background:transparent;color:#6c757d;padding-left:.75rem;padding-right:.75rem}.animals-search-trigger:focus-visible{outline:2px solid var(--laskera-primary);outline-offset:2px}.animals-search-spinner{position:absolute;top:50%;right:2.5rem;transform:translateY(-50%)}@media (max-width: 767.98px){.animals-search-trigger{font-size:1.25rem;padding-left:.9rem;padding-right:.9rem}}.animals-search-autocomplete{position:absolute;left:0;right:0;z-index:1000;margin-top:2px;background-color:#fff;border:1px solid rgba(0,0,0,.1);border-radius:0 0 .25rem .25rem;max-height:240px;overflow-y:auto;font-size:.9rem}.animals-search-autocomplete-item{padding:.35rem .75rem;cursor:pointer}.animals-search-autocomplete-item:hover{background-color:#f8f9fa}
