h1,h2,h3,h4,h5,h6,p{margin:0}p:last-child{margin-bottom:0}ul{margin:0;padding:0;list-style:none}a{color:currentColor;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;height:auto}:root{font-family:IBM Plex Sans,Open Sans,sans-serif;line-height:1.5;font-weight:400;color:#02060a;background-color:#f6f4f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*,:after,:before{box-sizing:border-box;margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Open Sans,sans-serif;font-weight:700;line-height:1.2}body{display:flex;flex-direction:column;min-width:100vw;min-height:100vh;margin:0;font-family:IBM Plex Sans,sans-serif}main{flex-grow:1}main:has(.back-link){text-align:center}html{scroll-behavior:smooth}.container{width:100%;min-width:320px;max-width:375px;margin:auto;padding:64px 20px}@media (min-width: 768px){.container{max-width:768px;padding:64px 32px}}@media (min-width: 1440px){.container{max-width:1440px;padding:80px 64px}}@keyframes slide{0%{transform:translate(-140%) translateY(-50%)}to{transform:translate(-104%) translateY(-50%)}}@keyframes stretch{0%{opacity:0;transform:translate(-50%) translateY(100%) scale(.2)}to{opacity:1;transform:translate(-50%) translateY(100%) scale(1)}}.header_container{margin:0;padding:0 12px 0 20px;width:100%;height:64px}a{-webkit-tap-highlight-color:rgba(0,0,0,0)}.nav{display:flex;justify-content:space-between;align-items:center;height:100%;width:100%}.nav-menu{display:flex;flex-direction:row;gap:24px}.nav-logo,.nav-burgermenu{-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.nav-list{display:flex;align-items:center;justify-content:flex-end;gap:40px}.menu-item:hover,.menu-item:focus{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;color:#02060a}.menu-item:active{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;color:#88765c}.nav-button,.mobile-button{width:130px;height:40px;border-radius:8px;color:#fff;background-color:#88765c;border:1px solid #88765c;display:flex;justify-content:center;align-items:center}.nav-button:hover,.mobile-button:hover,.nav-button:focus,.mobile-button:focus{background-color:#eee9e3;color:#02060a}.nav-button:active,.mobile-button:active{box-shadow:inset 0 4px 6px -2px #00000008,inset 0 12px 16px -4px #00000014;background-color:#eee9e3;border-color:#88765c;color:#02060a}.mobile-modal{height:100vh;width:100%;z-index:5;background-color:#fff;position:fixed;top:0;left:0;opacity:0;transform:translate(100%);transition:transform .5s cubic-bezier(0,0,1,1),opacity .3s cubic-bezier(0,0,1,1)}.mobile-modal-logo{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:0 20px}.mobile-modal-list{padding:16px 32px 32px;display:flex;flex-direction:column;align-items:center;gap:64px}.mobile-list{padding:16px 32px}.mobile-list li{text-align:center;padding-bottom:32px}.mobile-list :first-child{padding-top:24px}.mobile-list :last-child{padding-bottom:0}.mobile-button{width:196px;height:37px}@media only screen and (min-width: 1200px){.menu-list{display:flex;flex-direction:row;visibility:visible}}@media only screen and (width < 1440px){.menu-list,.nav-button{list-style-type:none;color:#000;display:none;opacity:0;visibility:hidden}.mobile-menu-item:hover,.mobile-menu-item:focus{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;color:#02060a}.mobile-menu-item:active{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;color:#88765c}}@media only screen and (375px <= width <= 768px){.header_container{width:100%;max-width:768px}}@media only screen and (768px <= width < 1440px){header{display:flex;justify-content:center}.header_container{max-width:768px;padding:0 32px}.mobile-modal-logo{padding:0 32px}}@media only screen and (1440px< width){header{display:flex;justify-content:center}.header_container{max-width:1440px}}@media only screen and (width >= 1440px){.header_container{padding:0 64px}.nav-burgermenu{display:none;opacity:0;visibility:hidden}.menu-list{display:flex;flex-direction:row;align-items:center;gap:32px}}.is-active{transform:translate(0);opacity:1;pointer-events:auto}.hero-section{color:#fff;background-image:linear-gradient(90deg,#3e3626bd,#3e362600),url(/Group_Project_JS_Animal_Adoption/assets/hero@1x-DW7JCWY_.webp);background-repeat:no-repeat;background-position:57%;background-size:cover;margin:0 auto}@media (min-resolution: 192dpi){.hero-section{background-image:linear-gradient(90deg,#3e3626bd,#3e362600),url(/Group_Project_JS_Animal_Adoption/assets/hero@2x-BAmaVxfK.webp)}}@media only screen and (min-width: 768px){.hero-section{width:100%;background-position:10% 0%}}@media only screen and (min-width: 1440px){.hero-section{min-width:100%;width:100%;height:900px;background-repeat:no-repeat;background-size:132%;background-position:5% 30%}}.hero-container{padding:64px 20px 115px}@media only screen and (min-width: 768px){.hero-container{padding:64px 32px 235px}}@media only screen and (min-width: 1440px){.hero-container{padding:128px 64px 413px;max-width:1312px}}.hero-title{max-width:335px;font-size:40px;letter-spacing:-.01em;text-align:left;margin-bottom:24px}@media only screen and (min-width: 768px){.hero-title{min-width:622px}}@media only screen and (min-width: 1440px){.hero-title{font-size:56px}}.hero-text{color:#fff;margin-bottom:32px}@media only screen and (min-width: 768px){.hero-text{max-width:512px}}@media only screen and (min-width: 1440px){.hero-text{font-size:18px;min-width:512px}}.hero-btn{display:inline-block;width:171px;border-radius:8px;padding:11px 23px;height:45px;border:1px solid transparent;background:#88765c}.hero-btn:hover,.hero-btn:focus{background-color:#eee9e3;border-color:#88765c;color:#02060a;transition:box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.hero-btn:active{box-shadow:inset 0 4px 6px -2px #00000008,inset 0 12px 16px -4px #00000014;background-color:#eee9e3;border-color:#88765c;color:#02060a}.hero-link{display:inline-block;font-weight:400;font-size:14px;line-height:1.5;color:#fff}@media only screen and (min-width: 1440px){.hero-link{font-size:16px}.hero-btn{width:189px;height:48px}}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;justify-content:center;align-items:center;z-index:1000;background-color:#00000040;opacity:1;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.swal2-popup{--swal2-confirm-button-background-color: #88765c}.modal{position:relative;padding:64px 20px;width:100%;max-width:335px;max-height:90vh;height:763px;border-radius:8px;background-color:#f6f4f1;overflow-y:auto;-webkit-overflow-scrolling:touch}.modalCloseButton{position:absolute;top:16px;right:16px;display:flex;align-items:center;justify-content:center;padding:0;width:35px;height:35px;border:none;background:transparent;cursor:pointer}.buttonIcon{width:24px;height:24px}.modalTitle{font-family:Open Sans,sans-serif;margin-bottom:48px;text-align:center;font-size:36px;font-weight:700}.form{display:flex;flex-direction:column}.formLabel{margin-bottom:8px;font-size:14px;font-weight:400}.formInput,.formTextarea{margin-bottom:24px;padding:8px 12px;border:1px solid transparent;border-radius:12px;background-color:#02060a0d;font-size:14px;font-weight:400;transition:background-color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.formInput::placeholder,.formTextarea::placeholder{color:#02060a99;font-size:14px;font-weight:400}.formInput:focus,.formInput:hover,.formTextarea:focus,.formTextarea:hover{background-color:#eee9e3;border-color:#88765c;outline:none}.formTextarea{height:180px}.formButton{cursor:pointer;display:flex;align-items:center;justify-content:center;height:45px;border:1px solid transparent;border-radius:8px;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:400;background-color:#88765c;color:#fff}.formButton:focus,.formButton:hover{background-color:#eee9e3;border-color:#88765c;color:#02060a;transition:box-shadow .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.formButton:active{box-shadow:inset 0 4px 6px -2px #00000003,inset 0 12px 16px -4px #00000008;border-color:#88765c;color:#02060a}.formInput:not(:placeholder-shown):invalid,.formTextarea:not(:placeholder-shown):invalid{background-color:#02060a0d;border:1px solid #ae0000;color:#ae0000}.errorText{display:none;margin-top:-16px;margin-bottom:16px;font-size:12px;font-weight:400;color:#ae0000}.formInput:not(:placeholder-shown):invalid+.errorText{display:block}.body-no-scroll{overflow:hidden}.is-hidden{opacity:0;visibility:hidden}@media (max-width: 360px){.modal{width:90%;padding:32px 16px}}@media (min-width: 768px){.modal{padding:64px 32px;max-width:704px;height:677px}.formButton{margin:0 auto;width:240px}}@media (min-width: 1440px){.modal{padding:64px;height:768px;max-width:768px}.modalTitle{font-size:48px}.formLabel,.formInput,.formTextarea{font-size:16px}.formInput::placeholder,.formTextarea::placeholder{font-size:16px}.formButton{font-size:16px;width:240px;height:48px}}.loaderOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f6f4f1cc;z-index:10}.loader{transform:scale(1.5)}.about__container{position:relative}.about__title{text-align:center;font-family:Open Sans,sans-serif;color:#02060a;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:-.01em;margin-bottom:24px;max-width:335px;width:100%;margin-left:auto;margin-right:auto}.about__slider{width:100%;position:relative;max-width:335px;margin-left:auto;margin-right:auto}.about-swiper{overflow:hidden;position:relative}.about-slide__media{position:relative;overflow:hidden;height:402px}.about-slide__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000000a1,#0000002e);pointer-events:none}.about-slide__img{width:100%;height:100%;display:block;object-fit:cover}.about-slide__img--split{object-position:97% center}.about-slide__img--team{object-position:39% center}.about-slide__text{position:absolute;left:20px;right:20px;bottom:20px;z-index:2;font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#f6f4f1;text-shadow:0 1px 6px rgba(0,0,0,.5);max-width:295px}.about__controls{display:flex;align-items:center;width:100%;max-width:335px;height:64px;margin-top:24px;margin-left:auto;margin-right:auto}.about__pagination{width:60px;min-width:60px;display:flex;align-items:center;justify-content:flex-start}.about__buttons{width:251px;height:64px;margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-right:8px;box-sizing:border-box}.about__nav{width:48px;height:48px;padding:12px;border-radius:8px;background:#eee9e3;border:1px solid #c3b49d;color:#02060a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.about__nav:hover,.about__nav:focus-visible{border:1px solid rgba(2,6,10,.6);outline:none}.about__nav:active{border:1px solid rgba(2,6,10,.6);box-shadow:inset 0 4px 6px -2px #02060a40}.about__nav:disabled,.about__nav.swiper-button-disabled{opacity:.4;border:1px solid #f6f4f1;box-shadow:none;pointer-events:none;cursor:default}.about__nav-icon{width:24px;height:24px;flex-shrink:0;fill:none;stroke:currentColor}.about__pagination .swiper-pagination-bullet{width:16px;height:24px;flex:0 0 16px;margin:0 4px 0 0!important;border-radius:50%;opacity:1;cursor:pointer;background:transparent;position:relative;box-sizing:border-box;transition:transform .2s ease,box-shadow .2s ease}.about__pagination .swiper-pagination-bullet:last-child{margin-right:0!important}.about__pagination .swiper-pagination-bullet:after{content:"";position:absolute;top:50%;left:50%;width:8px;height:8px;border-radius:50%;transform:translate(-50%,-50%);background:#02060a33;transition:transform .2s ease,background-color .2s ease}.about__pagination .swiper-pagination-bullet:hover:after{transform:translate(-50%,-50%) scale(1.15);background:#02060a59}.about__pagination .swiper-pagination-bullet:focus-visible{outline:2px solid rgba(2,6,10,.45);outline-offset:2px}.about__pagination .swiper-pagination-bullet-active:after{background:#02060a}@media (min-width: 768px){.about__title{font-size:36px;margin-bottom:32px;max-width:704px;width:100%}.about__slider{max-width:704px;margin-left:auto;margin-right:auto;position:relative}.about-slide__media{height:404px}.about-slide__text{left:32px;right:auto;bottom:32px;max-width:548px;font-size:16px}.about__controls{display:block;max-width:704px;width:100%;height:auto;margin-left:auto;margin-right:auto;margin-top:0}.about__buttons{position:static;width:0;height:0;min-width:0;display:block;padding-left:0;padding-right:0;margin-left:0}.about__nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5}.about__nav--prev{left:-24px}.about__nav--next{right:-24px}.about__pagination{width:100%;min-width:100%;margin-top:24px;display:flex;justify-content:center;align-items:center}}@media (min-width: 1440px){.about__title{font-size:48px;margin-bottom:40px;max-width:768px;width:100%}.about__slider{max-width:1312px;margin-left:auto;margin-right:auto}.about-slide__media{height:753px}.about-slide__text{left:48px;right:auto;bottom:40px;max-width:548px;font-size:16px}.about__controls{max-width:1312px}.about__nav--prev{left:-24px}.about__nav--next{right:-24px}.about__pagination{width:100%;min-width:100%;margin-top:48px;justify-content:center}}.our-pets-container{display:flex;flex-direction:column;align-items:center;padding-bottom:32px}.our-pets-title{font-family:Open Sans,sans-serif;font-weight:700;line-height:1.2;font-size:36px;letter-spacing:-.01em;text-align:center;margin-bottom:16px}.our-pets-additional-text{font-family:IBM Plex Sans,sans-serif;font-size:16px;line-height:1.5;text-align:center;margin-bottom:32px}.our-pets-categories{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-bottom:32px}.category-btn{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.5;border-radius:100px;padding:10px 16px;border:0px;background-color:inherit;transition:background-color .3s ease-in-out}.category-btn:hover,.category-btn:focus{background-color:#eee9e3}.active{font-weight:500;background-color:#eee9e3}.our-pets-list{margin:0 auto 40px;display:flex;flex-direction:column;justify-content:center;gap:32px}.our-pets-item{display:flex;flex-direction:column;width:100%;max-width:335px;background:#eee9e3;border-radius:16px;padding:12px}.pets-img{border-radius:8px;width:100%;height:245px;object-fit:cover;margin-bottom:16px}.pets-species{font-size:10px;margin-bottom:4px}.pets-name{font-family:Open Sans,sans-serif;font-weight:700;font-size:20px;line-height:1.4;letter-spacing:-.01em;margin-bottom:4px}.pets-categories{display:flex;flex-direction:row;flex-wrap:wrap;gap:4px;min-height:50px;margin-bottom:4px}.pets-category p{font-family:IBM Plex Sans,sans-serif;font-weight:600;font-size:10px;line-height:1.5;border-radius:100px;padding:4px 10px;background:#02060a0d}.pets-personal{display:flex;gap:16px;margin-bottom:16px}.pets-personal-item{font-family:IBM Plex Sans,sans-serif;font-weight:600;font-size:10px;line-height:1.5}.pets-short-description{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:12px;line-height:1.5;margin-bottom:16px}.pets-btn{width:100%;height:40px;border-radius:8px;padding:8px 20px;border:1px solid #02060a;background-color:inherit;font-size:14px;line-height:1.5;margin-top:auto;transition:background-color .3s ease-in-out}.pets-btn:hover,.pets-btn:focus{background-color:#c3b49d}.pets-btn:active{box-shadow:inset 0 4px 6px -2px #00000008,inset 0 12px 16px -4px #00000014;background:#c3b49d}.our-pets-pagination-btn{display:block;border:1px solid #88765c;border-radius:8px;padding:12px 24px;width:100%;height:45px;background:#88765c;font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.5;color:#fff;margin:0 auto;transition:background-color .3s ease-in-out}.our-pets-pagination-btn:hover,.our-pets-pagination-btn:focus{background-color:#eee9e3;color:#02060a}.our-pets-pagination-btn:active{box-shadow:inset 0 4px 6px -2px #00000008,inset 0 12px 16px -4px #00000014;background-color:#eee9e3;border-color:#88765c;color:#02060a}@media screen and (min-width: 768px){.our-pets-categories{max-width:579px}.our-pets-list{flex-direction:row;flex-wrap:wrap;justify-content:flex-start}.our-pets-item{max-width:none;width:calc((100% - 32px)/2)}.our-pets-pagination-btn{width:335px}}@media screen and (min-width: 1440px){.our-pets-title{font-size:48px}.our-pets-additional-text{font-size:18px;margin-bottom:40px}.our-pets-categories{max-width:1280px;margin-bottom:40px}.category-btn{font-size:16px}.our-pets-item{max-width:calc((100% - 64px) / 3)}.pets-img{height:309px}.pets-species{font-size:12px}.pets-name{font-size:24px}.pets-categories{min-height:68px}.pets-categories p,.pets-personal-item{font-size:12px}.pets-short-description{font-size:14px}.our-pets-pagination-btn{width:192px;font-size:16px;height:48px}}.is-hidden{position:absolute;max-width:1px;max-height:1px;margin:-1px;border:0;padding:0;white-space:nowrap;clip-path:inset(100%);clip:rect(0 0 0 0);overflow:hidden;pointer-events:none}#faq .faq-accordion .ac,#faq .faq-accordion .ac-header,#faq .faq-accordion .ac-trigger,#faq .faq-accordion .ac-panel,#faq .faq-accordion .ac-content{margin:0;padding:0}#faq .faq-title{font-family:Open Sans,sans-serif;font-weight:700;font-size:clamp(32px,9.6vw,36px);line-height:120%;letter-spacing:-.01em;text-align:center;margin-bottom:40px}#faq .faq-accordion{display:flex;flex-direction:column;gap:16px}#faq .faq-accordion .ac{border:none;border-radius:8px;overflow:hidden;background-color:#eee9e3}#faq .faq-accordion .ac-header{display:flex;align-items:center}#faq .faq-accordion .ac-header span{flex:1;font-weight:700;font-size:16px;line-height:1.5;letter-spacing:.01em}#faq .faq-accordion .ac-trigger{display:flex;justify-content:space-between;align-items:center;cursor:pointer;background-color:#eee9e3;border-radius:8px;gap:24px;padding:20px 24px;transition:border-radius .1s ease;font-size:16px;color:inherit;font-family:IBM Plex Sans,sans-serif}#faq .faq-accordion .ac-trigger:after{display:none}#faq .faq-accordion .ac.is-active .ac-trigger{border-bottom-left-radius:0;border-bottom-right-radius:0}#faq .faq-accordion .ac-panel{background-color:#eee9e3;border-bottom-left-radius:8px;border-bottom-right-radius:8px}#faq .faq-question{max-width:768px}#faq .faq-accordion .ac-content{padding:0 24px 24px;font-size:14px;line-height:1.5}#faq .faq-accordion .ac-content p:not(:last-child){margin-bottom:16px}#faq .faq-accordion .accordion-list,#faq .faq-accordion .accordion-bullets{padding-left:22px;margin-bottom:12px}#faq .faq-accordion .accordion-bullets{list-style-type:disc}#faq .faq-accordion ul li:not(:last-child),#faq .faq-accordion ol li:not(:last-child){margin-bottom:8px}.mobile-br{display:block}@media (min-width: 768px){.mobile-br{display:none}#faq .faq-title{font-size:36px}#faq .faq-accordion .ac-content{padding:0 24px 24px;font-size:14px}}@media (min-width: 1440px){.title-wrapper{max-width:768px;margin:0 auto}#faq .faq-title{font-size:48px}#faq .faq-accordion .ac-header span{font-size:18px}#faq .faq-accordion .ac-content{font-size:16px}#faq .faq-accordion{max-width:864px;margin:0 auto}}.success-stories{--swiper-theme-color: #02060a}.stories-title{font-size:36px;line-height:1.2;text-align:center;margin-bottom:24px}.stories-subtitle{text-align:center;margin-bottom:40px;font-size:16px}.stories-controls{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.stories-pagination{display:flex;gap:8px}.swiper-pagination-bullet{width:6px;height:6px;background:#02060a;opacity:.3}.swiper-pagination-bullet-active{opacity:1}.navi-btn{display:flex;gap:16px}.stories-btn{border:1px solid #c3b49d;border-radius:8px;padding:12px;width:48px;height:48px;background-color:#eee9e3;cursor:pointer;transition:border .25s ease}.stories-btn:hover,.stories-btn:focus{border:1px solid #02060a}.stories-btn:active{box-shadow:inset 0 4px 6px -2px #00000008,inset 0 12px 16px -4px #00000014}.stories-btn.swiper-button-disabled{opacity:.4;background-color:#eee9e3;border:1px solid #f6f4f1;pointer-events:none}.stories-swiper{overflow:hidden}.swiper-slide{display:flex;height:auto}.feedbacks-content{display:flex;flex-direction:column;width:100%;height:100%}.raty-stars{margin-bottom:32px}.raty-stars i{font-size:19px}.feedback-description{font-size:16px;margin-bottom:32px}.feedback-author{margin-top:auto;font-weight:600;font-size:14px}@media (min-width: 768px){.stories-title{font-size:36px}.stories-subtitle{font-size:16px}}@media (min-width: 1440px){.stories-title{font-size:48px}}.footer{background-color:#c3b49d;font-family:IBM Plex Sans,sans-serif;color:#02060a;padding:48px 20px;display:flex;justify-content:center}.footer__container{display:flex;position:relative;flex-direction:column;align-items:center;width:100%;max-width:1440px}.footer__logo-link{display:flex;align-items:center;justify-content:center;width:302px;height:129px;margin-bottom:32px;text-decoration:none;transition:transform .3s ease}.footer__logo{width:100%;height:100%;max-height:129px;fill:#02060a}.footer__nav{margin-bottom:32px;width:100%}.footer__nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:32px}.footer__nav-link{text-decoration:none;color:#02060a;font-weight:600;font-size:14px;line-height:1.5;transition:color .3s ease,text-decoration-color .3s ease}.footer__nav-link:hover,.footer__nav-link:focus{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;color:#02060a}.footer__nav-link:active{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;color:#88765c}.footer__socials{display:flex;flex-direction:row;gap:24px;margin-bottom:80px}.footer__social-link{display:flex;align-items:center;justify-content:center;color:#02060a;transition:color .3s ease}.footer__social-icon{width:32px;height:32px;fill:currentColor;transition:transform .3s ease}.footer__social-link:hover,.footer__social-link:focus{color:#88765c}.footer__copyright{width:100%;border-top:1px solid rgba(2,6,10,.15);padding-top:32px;text-align:center}.footer__copyright p{margin:0;color:#02060a;font-weight:400;font-size:14px;line-height:1.5}.footer__cat-decor{position:absolute;left:10%;bottom:50px;width:clamp(60px,20vw,130px);opacity:0;pointer-events:none;z-index:1;transform:translateY(20px) scale(.95)}@media (max-width: 320px){.footer__cat-decor{bottom:70px}}@media (min-width: 768px){.footer__cat-decor{bottom:45px}}.footer__cat-decor.is-visible{animation:catAppear .6s ease-out forwards}@keyframes catAppear{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (min-width: 768px){.footer{padding:48px 32px}.footer__nav-list{flex-direction:row;justify-content:center;gap:32px}}@media (min-width: 1440px){.footer{padding:64px}}.loader{position:relative;width:108px;height:48px;display:flex;justify-content:space-between}.loader:after,.loader:before{content:"";display:inline-block;width:48px;height:48px;background-color:#fff;background-image:radial-gradient(circle 14px,#0d161b 100%,transparent 0);background-repeat:no-repeat;border-radius:50%;animation:eyeMove 10s infinite,blink 10s infinite}@keyframes eyeMove{0%,10%{background-position:0px 0px}13%,40%{background-position:-15px 0px}43%,70%{background-position:15px 0px}73%,90%{background-position:0px 15px}93%,to{background-position:0px 0px}}@keyframes blink{0%,10%,12%,20%,22%,40%,42%,60%,62%,70%,72%,90%,92%,98%,to{height:48px}11%,21%,41%,61%,71%,91%,99%{height:18px}}.backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000040;z-index:100;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}.backdrop.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.modal-container{box-sizing:border-box;position:relative;background-color:#f6f4f1;border-radius:8px;min-width:335px;max-width:335px;max-height:100vh;overflow-y:auto;display:flex;flex-direction:column;padding:64px 20px}.modal-container{transform:scale(1);transition:transform .25s cubic-bezier(.4,0,.2,1)}.backdrop.is-hidden .modal-container{transform:scale(.9)}@media screen and (min-width: 768px){.modal-container{max-width:704px;max-height:685px;flex-direction:row;align-items:flex-start;gap:32px;flex-wrap:nowrap}}@media screen and (min-width: 1440px){.modal-container{max-width:1312px;max-height:650px;padding:64px}}@media screen and (min-width: 768px){.modal-content{display:flex;flex-direction:row;align-items:stretch;gap:24px;padding:0;background-color:#f6f4f1}}@media screen and (min-width: 1440px){.modal-content{gap:32px}}.animal-img{width:295px;height:295px;object-fit:cover;border-radius:8px;margin-bottom:32px}@media screen and (min-width: 768px){.animal-img{width:304px;height:450px;object-fit:cover;flex-shrink:0;border-radius:15px}}@media screen and (min-width: 1440px){.animal-img{width:576px;height:450px;object-fit:cover;flex-shrink:0;border-radius:8px}}.animal-info-wrapper{display:flex;flex-direction:column;width:295px;gap:24px}@media screen and (min-width: 768px){.animal-info-wrapper{width:304px}}@media screen and (min-width: 1440px){.animal-info-wrapper{width:576px;gap:24px}}.animal-traits-list-1,.animal-traits-list-2{list-style:none;padding:0;display:flex;flex-direction:column;gap:24px}.animal-traits-list-1{order:1}.animal-traits-list-2{order:2}@media screen and (min-width: 768px){.animal-traits-list-2{order:3}}@media screen and (min-width: 1440px){.animal-traits-list-2{order:2}}.animal-species,.animal-meta{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:12px;line-height:150%;color:#02060a}@media screen and (min-width: 1440px){.animal-species,.animal-meta{font-size:14px}}.meta-key{margin-right:16px}.animal-name{font-family:Open Sans,sans-serif;font-weight:700;font-size:32px;line-height:120%;letter-spacing:-.01em;color:#02060a;margin-top:-16px;margin-bottom:-16px}@media screen and (min-width: 1440px){.animal-name{font-size:40px}}.trait-title{font-family:IBM Plex Sans,sans-serif;font-weight:600;font-size:14px;line-height:150%;color:#02060a;padding-bottom:8px}@media screen and (min-width: 1440px){.trait-title{font-size:16px}}.trait-text{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:14px;line-height:150%;color:#02060a}@media screen and (min-width: 1440px){.trait-text{font-size:16px}}.modal-close-btn{position:absolute;width:32px;height:32px;font-size:24px;line-height:0;top:16px;right:16px;cursor:pointer;transition:transform .2s ease,color .2s ease;border:none;fill:currentColor;background-color:#f6f4f1}.modal-close-btn:hover{transform:rotate(90deg);color:#ff6b08}.btn-adopt{order:3;cursor:pointer;width:295px;height:45px;margin-top:8px;font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:16px;line-height:150%;color:#fff;background-color:#88765c;text-transform:uppercase;border:1px solid #88765c;border-radius:8px;transition:all .25s cubic-bezier(.4,0,.2,1)}.btn-adopt:hover,.btn-adopt:focus{border:1px solid #4d5053;background-color:#c3b49d;color:#02060a}@media screen and (min-width: 768px){.btn-adopt{order:2;width:304px}}@media screen and (min-width: 1440px){.btn-adopt{order:3;width:576px;height:48px}}body.modal-open{overflow:hidden}.modal-btn{cursor:pointer;width:45px;height:45px;font-size:1px;color:#fff;background-color:#05fa57;border-radius:50%}