.nurseryPage {
   position: relative;
}
.nursery .container {
    max-width: 1616px;
}
.nurseryPage .banner {
   position: relative;
}

.nurseryPage__rainbow {
   position: absolute;
   top: 82px;
    left: 5%;
    width: 392px;
    height: 204px;
   z-index: 2;
   pointer-events: none;
}

.nursery {
   position: relative;
   overflow: hidden;
   padding: 100px 0;
}

.nursery__decor {
   position: absolute;
   pointer-events: none;
   user-select: none;
   z-index: 0;
}

.nursery__decor--stars {
   top: 40px;
   left: 2%;
   width: min(150px, 9vw);
}

.nursery__decor--moon {
   top: 30px;
   right: 3%;
   width: 203px;
    height: 210px;
}

.nursery__decor--cloud1 {
   bottom: 22%;
   left: 0;
    width: 350px;
    height: 150px;
    z-index: 2;
}

.nursery__decor--cloud2 {
    top: 43%;
    right: -94px;
   width: 350px;
    height: 150px;
}
.nursery__decor--cloud3 {
    top: 14%;
    right: 39%;
    width: 350px;
    height: 150px;
}

.nursery__inner {
   position: relative;
   z-index: 1;
   display: flex;
   align-items: center;
   gap: clamp(32px, 5vw, 80px);
}

.nursery__side {
   flex: 0 0 auto;
   width: 45%;
   max-width: 613px;
   display: flex;
   flex-direction: column;
   align-items: center;
   gap: 40px;
}

.nursery__frame {
   width: 100%;
   background: #ACDEE7;
   border-radius: 50px 5px 50px 5px;
   padding: 14px 10% 60px;
}

.nursery--girl .nursery__frame {
   background: #FFBBB2;
}

.nursery__badge {
   margin: 0 0 7px;
   text-align: center;
   color: #fff;
   font-weight: 700;
   text-transform: uppercase;
   font-size: clamp(20px, 1.9vw, 34px);
   line-height: 1.2;
}

.nursery__photo {
   aspect-ratio: 491 / 594;
   border-radius: 30px 0 30px 0;
   overflow: hidden;
   background: #d9d9d9;
}

.nursery__photo img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.nursery__back {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 289px;
   max-width: 100%;
   min-height: 55px;
   padding: 8px 16px;
   background: #003E52;
   color: #fff;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: 1px;
   text-align: center;
   text-transform: uppercase;
   transition: .35s;
}

.nursery__back:hover {
   background: #A32035;
   color: #fff;
}

.nursery__info {
   flex: 1 1 auto;
   min-width: 0;
    margin-top: -81px;
}

.nursery__announcement {
   margin: 0 0 20px;
   color: #000;
   font-weight: 700;
   text-transform: uppercase;
   font-size: clamp(22px, 2.1vw, 40px);
   line-height: 1.12;
}

.nursery__name {
   margin: 0 0 24px;
   color: #1CA5BE;
   font-weight: 700;
   text-transform: uppercase;
   font-size: clamp(20px, 1.8vw, 34px);
   line-height: 1.2;
}

.nursery--girl .nursery__name {
   color: #FF9B8F;
}

.nursery__facts {
   margin: 0 0 60px;
   padding: 0;
   list-style: none;
    grid-gap: 11px;
    display: flex;
    flex-direction: column;
}

.nursery__facts li {
   color: #000;
   font-weight: 500;
   font-size: clamp(17px, 1.55vw, 30px);
   line-height: 1.45;
}

.nursery__facts span {
   font-weight: 700;
}

.nursery__actions {
   display: flex;
   flex-wrap: wrap;
   gap: 19px;
}

.nursery__actions .button {
   min-width: 0;
   width: 270px;
   max-width: 100%;
   padding: 17px 12px;
   border: 0;
   font-size: 16px;
   letter-spacing: 1px;
   text-transform: uppercase;
   cursor: pointer;
}

@media (max-width: 1024px) {
   .nursery {
      padding: 60px 0;
   }

   .nursery__inner {
      flex-direction: column;
      align-items: center;
   }

   .nursery__side {
      width: 100%;
      order: 1;
   }

   .nursery__info {
      width: 100%;
      order: 2;
      text-align: center;
       margin-top: 0;
   }

   .nursery__facts {
      margin-bottom: 32px;
   }

   .nursery__actions {
      justify-content: center;
   }

   .nursery__decor--cloud1,
   .nursery__decor--cloud2 {
      display: none;
   }

   .nurseryPage__rainbow {
      top: 24px;
      width: 26vw;
   }
}

@media (max-width: 625px) {
   .nursery {
      padding: 40px 0;
   }

   .nursery__frame {
      border-radius: 30px 5px 30px 5px;
      padding: 16px 8% 32px;
   }

   .nursery__side {
      gap: 28px;
   }

   .nursery__actions .button {
      width: 100%;
   }

   .nursery__decor--stars,
   .nursery__decor--moon {
      width: 70px;
   }

   .nurseryPage__rainbow {
      width: 34vw;
      top: 12px;
       height: auto;
       display: none;
   }
}

.nurseryArchive__inner {
   position: relative;
   z-index: 1;
   display: flex;
   align-items: flex-start;
   gap: 108px;
}
.nurseryArchive {
    overflow: visible;
}
.nurseryArchive .nursery__decor--stars {
    top: -42px;
    left: 69px;
}
.nurseryArchive .nursery__decor--moon {
    width: 160px;
    height: 140px;
    object-fit: contain;
    top: -12px;
    right: 24px;
}
.nurseryFilters {
   flex: 0 0 auto;
   width: 273px;
}

.nurseryFilters__form input[type="text"],
.nurseryFilters__gender {
   display: block;
   width: 100%;
   height: 45px;
   margin: 0 0 12px;
   padding: 0 16px;
   border: 2px solid #003E52;
   background: #fff;
   color: #000;
   font-weight: 700;
   font-size: 16px;
   font-family: inherit;
}

.nurseryFilters__form input::placeholder {
   color: #B0B0B0;
   font-weight: 700;
}

.nurseryFilters__gender {
   background: #003E52;
   color: #fff;
   cursor: pointer;
   appearance: none;
   background-image: linear-gradient(45deg, transparent 50%, #fff 50%), linear-gradient(135deg, #fff 50%, transparent 50%);
   background-position: calc(100% - 20px) 20px, calc(100% - 14px) 20px;
   background-size: 6px 6px, 6px 6px;
   background-repeat: no-repeat;
}

.nurseryFilters__label {
   margin: 38px 0 5px 10px;
   color: #000;
   font-weight: 700;
   font-size: 16px;
}

.nurseryFilters__letters {
   display: grid;
   grid-template-columns: repeat(5, 1fr);
   width: 213px;
   max-width: 100%;
    border-left: 2px solid #003E52;
    border-top: 2px solid #003E52;
}

.nurseryFilters__letter {
   padding: 8px 0;
    border: none;

   background: #fff;
   color: #000;
   font-weight: 700;
   font-size: 16px;
   font-family: inherit;
   cursor: pointer;
   transition: .2s;
    border-right: 2px solid #003E52;
    border-bottom: 2px solid #003E52;
}

.nurseryFilters__letter:hover {
   background: #ACDEE7;
}

.nurseryFilters__letter.is-active {
   background: #003E52;
   color: #fff;
}

.nurseryFilters__reset {
   width: 258px;
   max-width: 100%;
   margin: 32px 0 0;
   padding: 20px 12px;
   border: 0;
   background: #A32035;
   color: #fff;
   font-weight: 700;
   font-size: 16px;
   font-family: inherit;
   text-transform: uppercase;
   cursor: pointer;
   transition: .35s;
}

.nurseryFilters__reset:hover {
   background: #003E52;
}

.nurseryFilters__note {
   width: 258px;
   max-width: 100%;
   margin: 32px 0 0;
   padding: 26px 20px;
   background: #003E52;
   color: #fff;
   font-weight: 500;
   font-size: 16px;
   line-height: 1.8;
   text-align: center;
}

.nurseryFilters__note p {
   margin: 0;
}

.nurseryArchive__content {
   flex: 1 1 auto;
   min-width: 0;
}

.nurseryGrid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 46px 54px;
}

.nurseryGrid__empty {
   grid-column: 1 / -1;
   padding: 40px 0;
   font-size: 20px;
   font-weight: 700;
   text-align: center;
}

.babyCard {
   position: relative;
   display: flex;
   flex-direction: column;
   padding: 17px 14px 26px;
   border: 2px solid #A32035;
   background: #fff;
   box-shadow: 0 20px 50px rgba(0, 0, 0, .05);
}

.babyCard__pic {
   aspect-ratio: 330 / 251;
   overflow: hidden;
   background: #F6FBFD;
}

.babyCard__pic img {
   display: block;
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.babyCard__star,
.babyCard__swirl {
   position: absolute;
   pointer-events: none;
}

.babyCard__star {
    left: 28px;
    bottom: 129px;
    width: 41.678px;
    height: 76.717px;
    object-fit: contain;
}

.babyCard__swirl {
    right: 18px;
    bottom: 100px;
   width: 83px;
    height: 158px;
    object-fit: contain;
}

.babyCard__info {
   display: flex;
   flex-direction: column;
   align-items: center;
   flex: 1 1 auto;
   padding: 15px 0 0;
   text-align: center;
}

.babyCard__name {
   margin: 0 0 4px;
   color: #003E52;
   font-weight: 700;
   font-size: 24px;
   letter-spacing: 1px;
   line-height: 1.2;
}

.babyCard__parents {
   margin: 0 0 14px;
   color: #000;
   font-weight: 500;
   font-size: 20px;
   letter-spacing: 1px;
}

.babyCard__date {
   margin: 0 0 13px;
   color: #000;
   font-weight: 400;
   font-size: 16px;
   letter-spacing: 1px;
   line-height: 1.4;
}

.babyCard__btn {
   display: flex;
   align-items: center;
   justify-content: center;
   width: 270px;
   max-width: 100%;
   min-height: 55px;
   margin: auto 0 0;
   padding: 8px 12px;
   background: #003E52;
   color: #fff;
   font-weight: 700;
   font-size: 16px;
   letter-spacing: 1px;
   text-align: center;
   text-transform: uppercase;
   transition: .35s;
}

.babyCard__btn:hover {
   background: #A32035;
   color: #fff;
}

.nurseryPag {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: 68px;
   margin: 48px 0 0;
   flex-wrap: wrap;
}

.nurseryPag__link {
   display: inline-flex;
   align-items: center;
   gap: 10px;
   color: #003E52;
   font-weight: 600;
   font-size: 20px;
}

.nurseryPag__prev {
   color: #000;
   font-weight: 700;
}

.nurseryPag__link.is-disabled {
   opacity: .3;
   pointer-events: none;
}
.nurseryPag__link.is-disabled path {
    stroke: #231F20;
}

.nurseryPag__link img {
   width: 17px;
   height: auto;
}

.nurseryPag__pages {
   display: flex;
   align-items: center;
   gap: 6px;
   flex-wrap: wrap;
}

.nurseryPag__num,
.nurseryPag__sep {
   color: #231F20;
   font-weight: 700;
   font-size: 20px;
   line-height: 1.4;
}

.nurseryPag__num.is-active {
   color: #A32035;
}
.nurseryArchive {
    padding-top: 30px;
}
@media (max-width: 1399px) {
   .nurseryGrid {
      grid-template-columns: repeat(2, 1fr);
      gap: 32px;
   }
}

@media (max-width: 1024px) {
   .nurseryArchive__inner {
      flex-direction: column;
      align-items: center;
   }

   .nurseryFilters {
      width: 100%;
      max-width: 420px;
   }

   .nurseryFilters__letters,
   .nurseryFilters__reset,
   .nurseryFilters__note {
      width: 100%;
   }

   .nurseryArchive__content {
      width: 100%;
   }
   .nurseryPag__link span {
       display: none;
   }
}

@media (max-width: 625px) {
   .nurseryGrid {
      grid-template-columns: 1fr;
   }

   .nurseryPag {
      justify-content: center;
      gap: 20px;
   }

   .nurseryPag__link {
      font-size: 16px;
   }

   .nurseryPag__num,
   .nurseryPag__sep {
      font-size: 16px;
   }
    .nurseryArchive .nursery__decor--stars {
        top: -21px;
        left: -7px;
    }
    .nurseryArchive .nursery__decor--moon {
        top: -31px;
        right: -37px;
    }
    .nurseryArchive {
        padding-top: 10px;
    }
    .nurseryArchive__inner {
        grid-gap: 40px;
    }
}

@media print {
   .header,
   .footer,
   .nursery__decor,
   .nurseryPage__rainbow,
   .nursery__actions,
   .nursery__back,
   .banner {
      display: none !important;
   }

   .nursery {
      padding: 0;
      overflow: visible;
   }

   .nursery__inner {
      gap: 24px;
   }

   .nursery__side {
      width: 40%;
   }
}