@font-face{font-display:swap;font-family:IBM Plex Sans;src:url(/js-project-7/assets/IBMPlexSans-VariableFont-BTDN9bpA.ttf) format("truetype")}@font-face{font-display:swap;font-family:Open Sans;src:url(/js-project-7/assets/OpenSans-VariableFont-SQU0RjE2.ttf) format("truetype")}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{border:none;background:none;cursor:pointer}img{display:block;max-width:100%;height:auto}body{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:14px}.container{min-width:320px;max-width:375px;margin:0 auto;padding:0 20px}@media only screen and (min-width: 768px){.container{max-width:768px;padding-left:32px;padding-right:32px}}@media only screen and (min-width: 1440px){.container{max-width:1440px;padding-left:64px;padding-right: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)}}html{scroll-behavior:smooth}.header{background:#f6f4f1;padding:6.5px 0;font-size:14px;font-weight:400}@media only screen and (min-width: 1440px){.header{font-size:16px}}.header-container{display:flex;justify-content:space-between;align-items:center;min-width:320px;max-width:375px;min-height:0}@media only screen and (min-width: 768px){.header-container{max-width:768px}}@media only screen and (min-width: 1440px){.header-container{max-width:1440px}}.header-logo{line-height:0}.burger-btn{width:48px;height:48px;padding:12px;cursor:pointer;transition:transform .4s ease-in}@media only screen and (min-width: 1440px){.burger-btn{display:none}}.header-nav{display:none}@media only screen and (min-width: 1440px){.header-nav{display:flex;justify-content:space-between;width:100%;margin-left:24px}}.nav-list{display:flex;align-items:center;gap:32px;line-height:1.5;color:#02060a}.nav-item a{border-bottom:1px solid transparent;transition:color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.nav-item a:hover,.nav-item a:focus{border-bottom:1px solid #0b0803}.nav-item a:active{border-bottom:1px solid #88765C}.nav-button{display:flex;align-items:center;justify-content:center;border:1px solid #88765c;border-radius:8px;padding:8px 20px;background:#88765c;line-height:1.5;color:#fff;transition:color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1),background .25s cubic-bezier(.4,0,.2,1),transform .4s ease-in}.nav-button:hover,.nav-button:focus{background:#eee9e3;border-color:#88765c;color:#02060a}.nav-button:active{box-shadow:inset 0 4px 6px -2px #00000008,inset 0 12px 16px -4px #00000014;background:#eee9e3;border-color:#88765c;color:#02060a}.mobile{position:fixed;top:0;left:0;width:100%;height:100%;background:#f6f4f1;z-index:999;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1)}@media only screen and (min-width: 1440px){.mobile{display:none}}.mobile.is-open{opacity:1;visibility:visible;pointer-events:initial;transition-delay:0ms}.header-box{display:flex;justify-content:space-between;align-items:center;padding:6.5px 0}.mobile-nav{display:flex;align-items:flex-start;justify-content:flex-start;flex-direction:column;gap:64px;margin-top:16px;border-bottom:1px solid transparent;transition:color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}@media only screen and (min-width: 768px){.mobile-nav{align-items:center}}.mobile-nav-list{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:32px;padding-top:24px}@media only screen and (min-width: 768px){.mobile-nav-list{align-items:center}}.mobile-nav-button{width:100%}@media only screen and (min-width: 768px){.mobile-nav-button{width:196px;height:37px}}.mobile-nav-item a{border-bottom:1px solid transparent;transition:color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.mobile-nav-item a:hover,.mobile-nav-item a:focus{border-bottom:1px solid #0b0803;cursor:pointer}.mobile-nav-item a:active{border-bottom:1px solid #88765C}.hero{background:linear-gradient(90deg,#3e3626bd,#3e362600),image-set(url(/js-project-7/assets/cat-and-dog-SnfIo53Y.jpg) 1x,url(/js-project-7/assets/cat-and-dog@2x-D0bCOf3X.jpg) 2x);background-repeat:no-repeat;background-position:90%;background-size:cover;padding-top:64px;padding-bottom:64px;color:#fff;font-family:Open Sans,sans-serif;max-width:768px}.hero-text{margin-bottom:32px}.hero-title{font-weight:700;font-size:40px;line-height:1.2;letter-spacing:-.01em;margin-bottom:24px}.hero-subtitle{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:16px;line-height:1.5;max-width:512px}.hero-link{display:inline-block;padding:12px 24px;border-radius:8px;background-color:#88765c;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1);font-family:IBM Plex Sans,sans-serif;border:1px solid transparent;color:#fff}.hero-link:hover,.hero-link:focus{background:#eee9e3;border-color:#88765c;color:#02060a}@media screen and (min-width: 768px){.hero{max-width:1440px;padding-bottom:235px}.hero-text{width:622px}}@media screen and (min-width: 1440px){.hero{padding-top:128px;padding-bottom:413px;margin:0 auto}.hero-title{font-size:56px}.hero-subtitle{font-size:18px}.hero-link{font-size:16px}}body{background-color:#f6f4f1;font-family:IBM Plex Sans,sans-serif;color:#02060a}h1,h2,h3,h4,h5,h6{font-family:Open Sans,sans-serif}.pets{padding-top:80px;padding-bottom:80px}.pet-card__image-wrapper{margin-bottom:16px}.our-pets__discription{display:flex;flex-direction:column;width:100%;align-items:center}.our-pets__title{font-family:Open Sans,sans-serif;font-weight:700;font-style:normal;font-size:36px;line-height:1.2;letter-spacing:-.01em;text-align:center;color:#02060a;margin-bottom:16px}.our-pets__text{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:1.5;letter-spacing:0;text-align:center;color:#02060a}.our-pets__types-list{display:flex;flex-direction:row;justify-content:center;margin-top:40px}.pets-type__btn{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:1.5;padding:10px 16px;background-color:#f6f4f1;border:none;white-space:nowrap;flex-shrink:0;cursor:pointer}.pets-list{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:40px;padding:0;list-style:none;margin-bottom:40px}.pet-card{background-color:#eee9e3;border-radius:20px;padding:12px;display:flex;flex-direction:column;transition:transform .2s ease}.pet-card__img{width:100%;height:280px;object-fit:cover;border-radius:16px}.pet-card__content{display:flex;flex-direction:column;flex-grow:1}.pet-card__category{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-style:normal;font-size:10px;line-height:1.5;letter-spacing:0;color:#02060a80;margin-bottom:4px;display:block}.pet-card__name{font-family:Open Sans,sans-serif;font-weight:700;font-size:20px;margin-bottom:4px}.pet-card__tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:11px;padding:0;list-style:none}.pet-tag{font-family:IBM Plex Sans,sans-serif;font-size:10px;font-weight:600;line-height:1.5;background-color:#02060a14;color:#02060a;padding:6px 12px;border-radius:40px;white-space:nowrap}.pet-card__info{display:flex;gap:12px;margin-bottom:16px}.pet-info__item{font-family:IBM Plex Sans,sans-serif;font-size:10px;font-weight:400;line-height:1.5;letter-spacing:0%;color:#02060a}.pet-card__description{font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:12px;line-height:1.5;margin-bottom:16px}.pet-card__btn{margin-top:auto;padding:8px 20px;background:transparent;border:1px solid #02060a;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:IBM Plex Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.5;letter-spacing:0%;color:#02060a;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.pet-list__btn-wrap{width:100%;margin:auto;display:flex;justify-content:center}.pet-list__btn{padding:12px 24px;border-radius:8px;background-color:#88765c;border:1px solid #88765c;color:#fff;font-family:IBM Plex Sans,sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:1.5;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.loader-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background-color:#ffffffb3;z-index:999;transition:opacity .3s ease}.loader{width:48px;height:48px;border:5px solid #fff;border-bottom-color:#ff3d00;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.is-hidden{opacity:0;pointer-events:none;visibility:hidden}@media screen and (max-width: 1311px){.pets{padding-top:64px;padding-bottom:64px}.our-pets__types-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 10px;padding:0 20px;overflow:visible}}@media screen and (max-width: 768px){.our-pets__list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 16px;overflow:visible}.our-pets__types-list{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 16px;margin-top:32px;overflow:visible}.our-pets__types-list::-webkit-scrollbar{display:none}.pets-list{gap:20px}}@media screen and (min-width: 768px){.pet-card__category{font-size:16px}.pet-card__name{font-size:20px;line-height:1.4;letter-spacing:-.01em}.pet-tag,.pet-info__item{font-size:10px}.pet-card__description{font-size:12px}.pet-card__btn{font-size:14px}.our-pets__title{font-size:48px}}@media screen and (min-width: 1440px){.pet-card__category{font-size:12px}.pet-card__name{font-size:24px}.pet-tag{font-size:12px;margin-bottom:46px}.pet-info__item{font-size:12px}.pet-card__description{font-size:14px}.pet-card__btn{font-size:16px}.our-pets__text{font-size:18px}}@media scpet-card__image-wrappereen and (max-width: 480px){.our-pets__types-list{gap:8px 8px}.pets-type__btn{padding:8px 12px;font-size:16px}.pets-list{grid-template-columns:1fr;gap:16px}.pet-card__img{height:240px}.our-pets__list{margin-top:40px}}.pets-type__btn.is-active{background-color:#eee9e3;font-weight:700;border-radius:40px;color:#02060a}.pets-type__btn:hover:not(.is-active){background-color:#02060a0d;border-radius:40px}.pet-list__btn:hover,.pet-list__btn:focus,.pet-list__btn:active{color:#02060a;background-color:#eee9e3;border:1px solid #88765c}.pet-card__btn:hover,.pet-card__btn:focus,.pet-card__btn:active{color:#fff;background-color:#eee9e3;border:1px solid #88765c}/*! base styles */.about{background-color:#f6f4f1;padding-block:64px}@media only screen and (min-width: 1440px){.about{padding-block:80px}}.about-us-heading-two{font-family:Open Sans,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:-.01em;color:#02060a;text-align:center}@media only screen and (min-width: 1440px){.about-us-heading-two{font-size:48px}}/*! Swiper */.about-us-container .swiper{width:100%;height:100%;margin-top:40px;margin-bottom:24px}.about-us-swiper .swiper-wrapper .swiper-slide{overflow:hidden;max-width:335px;height:auto;display:flex;justify-content:center;align-items:center;background:#c3b49d}@media only screen and (min-width: 768px){.about-us-swiper .swiper-wrapper .swiper-slide{max-width:704px;height:404px}}@media only screen and (min-width: 1440px){.about-us-container .swiper{margin-bottom:48px}.about-us-swiper .swiper-wrapper .swiper-slide{max-width:1312px;height:753px}}.about-us-swiper .slide-picture{display:block;line-height:0;object-fit:cover}.about-us-swiper .slide-picture:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.8));z-index:1;pointer-events:none}.about-us-swiper .slide-text-wrapper{position:absolute;left:20px;bottom:20px;z-index:2;display:flex;max-width:295px;max-height:168px;text-align:left;font-size:16px;line-height:1.5;color:#f6f4f1}@media only screen and (min-width: 768px){.about-us-swiper .slide-text-wrapper{left:32px;bottom:32px;max-width:548px;max-height:108px}}@media only screen and (min-width: 1440px){.about-us-swiper .slide-text-wrapper{left:64px;bottom:64px;max-height:108px;font-size:18px}}.about-us-swiper-elements{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;height:auto}.swiper-el-bullets-box{position:relative;width:60px;height:8px}.swiper-el-buttons-box{display:flex;flex-direction:row;gap:8px;width:120px;height:64px;padding:8px}@media only screen and (min-width: 768px){.about-us-swiper-elements{display:block;position:relative;height:28px;padding:10px 0}.swiper-el-bullets-box{width:100%;margin:0 auto}.swiper-el-buttons-box{position:absolute;left:-28px;bottom:232px;justify-content:space-between;width:760px;height:48px;padding:0}}@media only screen and (min-width: 1440px){.swiper-el-buttons-box{bottom:436px;width:1368px}}.swiper-el-bullets-box{position:relative}#about .swiper-el-bullets-box .swiper-pagination{display:block;position:absolute;margin:0;padding:0;width:60px!important;left:50%!important;transform:translate(-50%)!important;white-space:nowrap;--swiper-pagination-bullet-size: 8px;--swiper-pagination-color: #02060A;--swiper-pagination-bullet-opacity: 1;--swiper-pagination-bullet-inactive-color: #02060A;--swiper-pagination-bullet-inactive-opacity: .2;--swiper-pagination-bottom: 0}.swiper-el-bullets-box .swiper-pagination-bullet{display:inline-block}.swiper-el-bullets-box .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-el-bullets-box .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev,.swiper-el-bullets-box .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.5)}.swiper-el-bullets-box .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev,.swiper-el-bullets-box .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.75)}@media only screen and (max-width: 767px){#about .swiper-el-bullets-box .swiper-pagination{width:60px!important}.swiper-el-bullets-box .swiper-pagination-bullet{margin:0 3%!important}}@media only screen and (min-width: 768px){#about .swiper-el-bullets-box .swiper-pagination{width:100%!important;line-height:0%}.swiper-el-bullets-box .swiper-pagination-bullet{margin:0 4.5px!important}}.swiper-el-buttons-box .swiper-button-prev,.swiper-el-buttons-box .swiper-button-next{display:block;position:static;margin:0;width:48px;height:48px;border:1px solid #c3b49d;background-color:#eee9e3;border-radius:8px;padding:11px 0;text-align:center;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1),fill .25s cubic-bezier(.4,0,.2,1)}.swiper-el-buttons-box .swiper-button-icon{fill:#02060a}.swiper-el-buttons-box .swiper-button-prev:hover,.swiper-el-buttons-box .swiper-button-prev:focus,.swiper-el-buttons-box .swiper-button-next:hover,.swiper-el-buttons-box .swiper-button-next:focus{border-color:#02060a99}.swiper-el-buttons-box .swiper-button-prev:active,.swiper-el-buttons-box .swiper-button-next:active{border-color:#02060a99;box-shadow:inset 0 4px 6px -2px #00000008,inset 0 12px 16px -4px #00000014}.swiper-el-buttons-box .swiper-button-prev:disabled,.swiper-el-buttons-box .swiper-button-next:disabled{border-color:#f6f4f1;opacity:.4}.swiper-el-buttons-box .swiper-button-prev:disabled .swiper-button-icon,.swiper-el-buttons-box .swiper-button-next:disabled .swiper-button-icon{fill:#02060a}.faq{padding:64px 0}.faq .section-title{font-weight:700;font-size:36px;line-height:1.2;text-align:center;margin-bottom:40px}.faq .faq-list{list-style:none;padding:0;margin:0 auto;display:flex;flex-direction:column;gap:16px}.faq .faq-list-item{width:100%;max-width:335px;background-color:#eee9e3;border-radius:8px}.faq .button-text{display:flex;justify-content:space-between;align-items:center;gap:24px}.faq .ac.is-active svg{transform:rotate(45deg)}.faq .ac-trigger:before,.faq .ac-trigger:after{display:none!important;content:none!important}.faq .ac-trigger{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;width:100%;cursor:pointer;padding:0}.faq .faq-icon{margin-left:auto;display:flex}.faq .ac .ac-trigger{font-size:16px;font-weight:700;padding:20px 24px;display:flex}.faq .ac-panel{padding:0}.ac-panel{overflow:hidden}.faq-content{font-weight:400;font-size:14px;line-height:1.5;padding:0 24px 20px}ol.faq-steps{list-style-type:decimal}ul.faq-steps{list-style-type:disc}.faq-steps{padding-left:20px;margin-top:12px}@media screen and (min-width: 1440px){.faq{padding:100px 0}.faq .section-title{font-size:48px;margin-bottom:56px}.faq .ac .ac-trigger{font-size:18px}.faq .faq-list-item{max-width:864px}.faq-content{font-size:16px}}@media screen and (min-width: 768px){.faq{padding:80px 0}.faq .faq-list{align-items:center}.faq .faq-list-item{width:100%;max-width:704px}.faq .button-text{font-size:16px;justify-content:space-between}}.stories{padding:64px 0;background-color:#f6f4f1}.title-stories{font-family:Open Sans,sans-serif;font-size:36px;font-weight:700;line-height:1.2;text-align:center;color:#02060a;margin-bottom:24px;letter-spacing:-.01em}.subtitle-stories{font-family:IBM Plex Sans,sans-serif;font-size:16px;font-weight:400;text-align:center;line-height:1.5;color:#02060a;margin-bottom:40px}@media only screen and (min-width: 1440px){.subtitle-stories{font-size:18px}.title-stories{font-size:48px}.stories{padding:80px 0}}.rating{display:flex;flex-direction:row;gap:4px;margin-bottom:32px!important;justify-content:flex-start!important}.feedback-rate{display:flex;gap:4px;align-items:center}.stars{display:flex;flex-direction:row;gap:4px;align-items:center}.star{display:block;width:20px;height:20px;flex:0 0 auto}.star-filled{fill:#02060a}.star-outline{fill:none;stroke:#02060a;stroke-width:2px}.star-half{position:relative;display:inline-block;width:20px;height:20px;flex:0 0 auto}.star-half .star{position:absolute;top:0;left:0}.star-half-fill{position:absolute;top:0;left:0;width:50%;height:100%;overflow:hidden}.feedback-card{display:flex;flex-direction:column;height:auto}.feedback-description{font-size:18px;line-height:1.5;font-weight:400;margin-bottom:32px}.feedback-author{font-size:14px;font-weight:600;line-height:1.5;margin:0}@media only screen and (min-width:1440px){.feedback-author{font-size:16px}.feedback-description{font-size:20px}}.stories-container-btn{display:flex;align-items:center;justify-content:center;gap:16px;flex-direction:row}.stories-btn{border:1px solid #C3B49D;background:#eee9e3;border-radius:8px;padding:12px;width:48px;height:48px;transition:border-color .4s ease,box-shadow .3s ease,transform .12ms ease}.stories-btn:hover{border:1px solid #02060A}.stories-btn:focus{border:1px solid #02060A;box-shadow:inset 0 4px 6px -2px #00000008,inset 0 12px 16px -4px #00000014;transform:scale(.97)}.btn-back.swiper-button-disabled,.btn-next.swiper-button-disabled{opacity:.5;cursor:default;pointer-events:none}.stories-pagination-clip{width:144px;overflow:hidden}.stories-swiper .swiper-wrapper{align-items:flex-start}.swiper-slide{height:auto;background-color:transparent!important}.stories-swiper{margin-bottom:40px;height:auto}.stories-navigation{width:100%;display:flex;align-items:center;justify-content:space-between}#stories .swiper-pagination{position:relative;bottom:auto;left:0;width:auto;text-align:left}.stories-container-btn{display:flex;gap:16px}.stories-navigation .swiper-pagination-bullet{flex:0 0 auto;background:#c3b49d;width:8px;height:8px;transition:transform .2s ease,background .2s ease;opacity:1;cursor:pointer}@media only screen and (min-width: 768px){.stories-navigation .swiper-pagination-bullet{width:6px;height:6px}}.swiper-pagination-bullet-active{background:#02060a!important}#stories .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:0;transform:translate(-25%)}@media only screen and (min-width: 767px){#stories .swiper-pagination-bullets.swiper-pagination-bullets-dynamic{transform:translate(-8%)}}.loader{width:50px;aspect-ratio:1;border-radius:50%;border:8px solid;border-color:#000 #0000;animation:l1 1s infinite;margin:40px auto}@keyframes l1{to{transform:rotate(.5turn)}}.loader-hidden{display:none}@media only screen and (min-width: 768px){.swiper .swiper-wrapper .swiper-slide{height:auto!important}}.modal-pet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;justify-content:center;align-items:center;background:#00000040}.modal-pet-backdrop.is-hidden{display:none}.modal-pet-window{position:relative;width:100%;max-width:335px;max-height:90vh;overflow-y:auto;background:#f6f4f1;border-radius:8px;padding:32px 20px}.modal-pet-close-btn{position:absolute;top:16px;right:16px;display:flex;justify-content:center;align-items:center;width:32px;height:32px;padding:0;z-index:1;transition:opacity .25s cubic-bezier(.4,0,.2,1)}.modal-pet-close-btn:hover,.modal-pet-close-btn:focus{opacity:.7}.modal-pet-close-icon{fill:#02060a;pointer-events:none}.modal-pet-content{display:flex;flex-direction:column;gap:32px}.modal-pet-image-wrap{width:100%}.modal-pet-image{width:100%;height:295px;object-fit:cover;border-radius:8px}.modal-pet-info{display:block}.modal-pet-species{font-weight:400;font-size:12px;line-height:1.5;color:#02060a;margin-bottom:8px}.modal-pet-name{font-family:Open Sans,sans-serif;font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-.01em;color:#02060a;margin-bottom:8px}.modal-pet-meta{display:flex;gap:16px;margin-bottom:24px}.modal-pet-age,.modal-pet-gender{font-weight:400;font-size:12px;line-height:1.5;color:#02060a}.modal-pet-subtitle{font-weight:600;font-size:14px;line-height:1.5;color:#02060a;margin-bottom:8px;display:block}.modal-pet-subtitle-bold{font-weight:700}.modal-pet-desc,.modal-pet-health,.modal-pet-behavior{font-weight:400;font-size:14px;line-height:1.5;color:#02060a;margin-bottom:24px}.modal-pet-adopt-btn{display:flex;justify-content:center;align-items:center;width:100%;height:45px;padding:12px 24px;background:#88765c;border:1px solid #88765C;border-radius:8px;font-family:IBM Plex Sans,sans-serif;font-weight:400;font-size:14px;line-height:1.5;color:#fff;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}.modal-pet-adopt-btn:hover,.modal-pet-adopt-btn:focus{background:#eee9e3;color:#02060a}.modal-pet-adopt-btn:active{background:#eee9e3;color:#02060a;box-shadow:inset 0 12px 16px -4px #00000014,inset 0 4px 6px -2px #00000008}@media only screen and (min-width: 768px){.modal-pet-backdrop{padding:0}.modal-pet-window{max-width:704px;padding:40px}.modal-pet-content{flex-direction:row;align-items:flex-start}.modal-pet-image-wrap{flex-shrink:0;width:304px}.modal-pet-image{height:450px}.modal-pet-info{flex:1;min-width:0}}@media only screen and (min-width: 1440px){.modal-pet-backdrop{padding:0}.modal-pet-window{max-width:1040px;padding:40px}.modal-pet-image-wrap{width:576px}.modal-pet-species{font-size:14px}.modal-pet-name{font-size:40px}.modal-pet-age,.modal-pet-gender{font-size:14px}.modal-pet-subtitle,.modal-pet-desc,.modal-pet-health,.modal-pet-behavior{font-size:16px}.modal-pet-adopt-btn{height:48px;font-size:16px}}body:has(.order-modal-overlay.is-open){overflow:hidden}.order-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;justify-content:center;overflow-y:auto;padding:64px 20px;background:#00000040;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s ease,visibility .25s ease}.order-modal-overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.order-modal{position:relative;width:100%;max-width:335px;margin:auto;padding:64px 20px;background:#f6f4f1;border-radius:8px}@media only screen and (min-width: 768px){.order-modal{max-width:704px;padding-left:32px;padding-right:32px}}@media only screen and (min-width: 1440px){.order-modal{max-width:768px;padding-left:64px;padding-right:64px}}.order-close-btn{position:absolute;top:16px;right:16px;display:flex;justify-content:center;align-items:center;width:32px;height:32px;padding:0}.order-close-icon{fill:#02060a}.order-title{font-family:Open Sans,sans-serif;font-weight:700;font-size:36px;line-height:1.2;letter-spacing:-.01em;text-align:center;color:#02060a;margin-bottom:48px}.order-form-group{position:relative;margin-bottom:24px}.order-form-label{display:block;margin-bottom:8px;font-size:14px;line-height:1.5;color:#02060a}.order-form-input,.order-form-textarea{background-color:#02060a0d;display:block;width:100%;border:1px solid rgba(255,255,255,0);border-radius:12px;padding:8px 12px;outline:none;line-height:1.5}.order-form-textarea{height:180px;resize:none;padding-top:12px;padding-bottom:12px}.order-form-input:focus,.order-form-textarea:focus{background-color:#eee9e3;border-color:#88765c}.order-form-input:focus::placeholder,.order-form-textarea:focus::placeholder{opacity:0}.order-input-error{position:absolute;bottom:0;left:0;transform:translateY(110%);font-size:12px;line-height:1.5;color:#ae0000;opacity:0;transition:opacity .25s ease}.order-form-input:user-invalid:required~.order-input-error{opacity:1}.order-form-input:user-invalid:required{color:#ae0000;border-color:#ae0000}.order-form-input:user-invalid:required::placeholder{color:#ae0000}.order-submit-btn{display:block;margin:0 auto;background-color:#88765c;border:1px solid #88765c;border-radius:8px;padding:12px 24px;width:100%;font-weight:400;font-size:16px;line-height:1.5;color:#fff;outline:none;transition:color .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1)}.order-submit-btn:hover,.order-submit-btn:focus{background-color:#eee9e3;color:#02060a}.order-submit-btn:active{box-shadow:inset 0 4px 6px -2px #00000008,inset 0 12px 16px -4px #00000014}.order-submit-btn:disabled{border-color:#88765c;background-color:#88765c;color:#fff;opacity:.3}@media only screen and (min-width: 768px){.order-submit-btn{width:240px}}.toast-container{position:fixed;inset:auto;top:70px;right:16px;display:flex;flex-direction:column;gap:10px;background:transparent!important;pointer-events:none;z-index:9999}.toast{pointer-events:auto;width:clamp(260px,30vw,380px);padding:14px 18px;background:#fffffff2;border-radius:8px;font-size:16px;box-shadow:0 8px 30px #0003;transition:opacity .25s ease}@media (max-width: 480px){.toast-container{left:10px;right:10px}.toast{width:100%}}.toast-title{font-size:18px}.footer{background-color:#c3b49d;padding-top:48px;padding-bottom:48px}.footer-container{display:flex;flex-direction:column;align-items:center;justify-content:start}.footer-logo{margin-bottom:32px}.footer-logo-icon{fill:#332c22}.footer-list{display:flex;flex-direction:column;align-items:center;gap:32px;margin-bottom:42px;font-weight:600;font-size:12px;line-height:1.5}.footer-list-item{border-bottom:1px solid transparent;transition:color .25s cubic-bezier(.4,0,.2,1),border-color .25s cubic-bezier(.4,0,.2,1)}.footer-list-item:hover,.footer-list-item:focus{border-bottom:1px solid #000000}.footer-list-item:active{color:#88765c;border-color:#88765c}.footer-social{display:flex;gap:24px;align-items:center;margin-bottom:80px}.footer-link-icon{transition:fill .25s cubic-bezier(.4,0,.2,1)}.footer-link-icon:hover,.footer-link-icon:focus{fill:#88765c}.footer-policy{width:100%;height:50px;display:flex;align-items:center;justify-content:center;border-top:1px solid #A69A87;font-size:12px;line-height:1.5}@media only screen and (min-width: 768px){.footer-list{flex-direction:row}}@media only screen and (min-width: 1440px){.footer{padding-top:64px;padding-bottom:64px}.footer-list{font-size:14px}}
