.puppy-card{background:#e7e4df;border-radius:10px;overflow:hidden;position:relative;cursor:pointer}.puppy-card_heart{position:absolute;top:5px;right:10px;z-index:2}.puppy-card_age{background:#ef703e;padding:10px 15px;position:absolute;font-weight:500;top:0;left:0;border-bottom-right-radius:5px;z-index:2}.puppy-card:hover img{transform:scale(1.1);transition:.3s ease-in-out}.puppy-card_image{max-width:100%;height:300px;overflow:hidden}.puppy-card_image img{height:100%;width:100%;object-fit:cover;transition:.3s ease-in-out}.puppy-card_info{padding:10px 15px}.puppy-card_info h3{font-size:1.8rem;margin:0}.puppy-card_info p{font-size:1.2rem;margin:0}.pagination-bar{background:#e7e4df;color:#151514;width:100%;padding:30px;margin-bottom:50px}.pagination-bar_wrapper{max-width:1700px;margin:auto;display:flex;justify-content:flex-end;align-items:center;gap:20px}.pagination-bar_wrapper .pagination-bar_filter{margin-right:auto;display:flex;gap:20px;flex-wrap:wrap}.pagination-bar_wrapper .pagination-bar_filter button{border:2px solid #ef703e;background:#e7e4df;color:#252422;transition:.3s ease-in-out}.pagination-bar_wrapper .pagination-bar_filter button:hover{background:#ef703e;color:#fffcf2;transition:.3s ease-in-out}.pagination-bar_wrapper .pagination-bar_pages{display:flex;gap:20px}@media (max-width: 700px){.pagination-bar_wrapper{flex-direction:column}.pagination-bar_wrapper .pagination-bar_pages{align-self:flex-start}}.breed-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:auto;padding:20px}.breed-modal_wrapper{position:relative;width:900px;background:#fffcf2;padding:40px;border-radius:10px;display:flex;flex-direction:column;gap:20px;box-shadow:0 0 12px #00000080}.breed-modal_wrapper .breed-modal_header{display:inline-flex;justify-content:space-between;align-items:center}.breed-modal_wrapper .breed-modal_header .close{position:absolute;color:#ef703e;font-size:24px;right:20px;top:15px;cursor:pointer;background:transparent;padding:0}.breed-modal_wrapper form{display:flex;gap:30px;width:100%}.breed-modal_wrapper form .react-select-container{flex-grow:1}@media (max-width: 600px){.breed-modal_wrapper .breed-modal_header .close{top:10px;right:15px}.breed-modal_wrapper form{display:flex;flex-direction:column}}.main_wrapper{max-width:1700px;margin:auto;padding:30px 0}.main_wrapper .main_heading{display:flex;flex-direction:column;gap:30px;padding:0 20px}.main_wrapper .main_heading__header{display:flex;justify-content:space-between;align-items:center;gap:30px}@media (max-width: 600px){.main_wrapper{padding:20px 0}.main_wrapper .main_heading__header{flex-direction:column}}.breeds-list_heading{padding-bottom:10px}.breeds-list ul{display:flex;flex-wrap:wrap;gap:30px;align-items:center;list-style-type:none;padding:0}.breeds-list ul li{background:#e7e4df;padding:5px 10px 5px 20px;border-radius:5px}.breeds-list ul li .breeds-list_button{font-size:14px;padding:5px;color:#ef703e;background:transparent;margin-left:10px}.filters-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:auto;padding:20px}.filters-modal_wrapper{position:relative;max-width:900px;background:#fffcf2;padding:40px;border-radius:10px;display:flex;flex-direction:column;gap:20px;box-shadow:0 0 12px #00000080}.filters-modal_wrapper .filters-modal_header{display:inline-flex;justify-content:space-between;align-items:center}.filters-modal_wrapper .filters-modal_header .close{border:none;position:absolute;color:#ef703e;font-size:24px;right:20px;top:15px;cursor:pointer;background:transparent;padding:0}.filters-modal_wrapper .filters-modal_header .close:hover{background:transparent;color:#ef703e}.filters-modal_wrapper .favorites-filter{font-size:18px}.filters-modal_wrapper .favorites-filter label{display:flex;align-items:center;font-weight:700}.filters-modal_wrapper .favorites-filter input{margin-right:10px;height:18px;width:18px;box-shadow:0 0 5px #0000004d;cursor:pointer}.filters-modal_wrapper .age-filter{padding-top:15px;display:flex;flex-direction:column;gap:10px;font-size:18px}.filters-modal_wrapper .age-filter label{display:flex;flex-direction:column;gap:5px;font-weight:700}.filters-modal_wrapper .age-filter label input{padding:5px 10px;background:#e7e4df;color:#151514;border:none;border-radius:5px;font-size:16px;box-shadow:0 0 5px #0000004d;max-width:100%}.filters-modal_wrapper .sort-filter{padding-top:15px;display:flex;gap:30px;font-size:18px;padding-bottom:15px}.filters-modal_wrapper .sort-filter .sort-category{display:flex;flex-direction:column;gap:5px}.filters-modal_wrapper .sort-filter .sort-category label{font-weight:700}.filters-modal_wrapper .sort-filter .sort-order{display:flex;flex-direction:column;gap:5px}.filters-modal_wrapper .sort-filter .sort-order label{font-weight:700}.filters-modal_wrapper .sort-filter .sort-category_options{display:flex;gap:5px}.filters-modal_wrapper .filters-submit{width:100%;background:transparent!important}.filters-modal_wrapper .filters-submit:hover{background:#ef703e!important}.puppy-modal{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10;pointer-events:auto;padding:20px}.puppy-modal_wrapper{position:relative;background:#fffcf2;padding:40px;border-radius:10px;display:flex;flex-direction:column;gap:20px;box-shadow:0 0 12px #00000080}.puppy-modal_wrapper .puppy-modal_header{display:inline-flex;justify-content:center;align-items:center}.puppy-modal_wrapper .puppy-modal_header .close{position:absolute;color:#ef703e;font-size:24px;right:20px;top:15px;cursor:pointer;background:transparent;padding:0}.puppy-modal_wrapper .puppy-modal_img{height:100%;width:100%}.puppy-modal_wrapper .puppy-modal_img img{width:100%;height:100%;object-fit:cover;border-radius:10px}.puppy-modal_wrapper .puppy-modal_info__about{padding:0 10px 15px}.puppy-modal_wrapper .puppy-modal_info p{text-align:center}.puppies-grid{max-width:1700px;margin:auto auto 50px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));gap:20px}.main{position:relative;padding:30px 0}.wrapper{max-width:1700px;margin:auto;padding:0 20px}.wrapper h2{text-align:center}.login{position:relative;width:100vw;height:100vh;background:#000000b3;display:flex;justify-content:center;align-items:center;padding:20px}.login_wrapper{position:relative;width:600px;background:#fffcf2;padding:40px;border-radius:10px;display:flex;flex-direction:column;gap:20px;box-shadow:0 0 12px #00000080;text-align:center}.login_wrapper form{display:flex;flex-direction:column;gap:20px}.login_wrapper form input{padding:10px;background:#e7e4df;color:#151514;border:none;border-radius:5px;font-size:18px;box-shadow:0 0 5px #0000004d}:root{line-height:1.2;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility}*{margin:0;box-sizing:border-box}body{margin:0;background:#fffcf2;color:#151514}.no-scroll{overflow:hidden}button{background:#ef703e;color:#fffcf2;border:none;padding:10px 30px;border-radius:5px;font-weight:700;cursor:pointer;transition:.3s ease-in-out;font-size:16px}button:hover{transition:.3s ease-in-out;background:#e74f13}button:disabled{opacity:.5;pointer-events:none}h1{font-size:clamp(1.5rem,.875rem + 2vw,3rem);line-height:clamp(2.525rem,1.5rem + 2vw,3.625rem)}h2{font-size:clamp(1.5625rem,1.3021rem + .8333vw,2.1875rem);line-height:clamp(2.1875rem,1.9271rem + .8333vw,2.8125rem)}p{font-size:clamp(1.125rem,1.0208rem + .3333vw,1.375rem);line-height:clamp(1.5rem,1.3958rem + .3333vw,1.75rem)}