

.nurseries-filter {
   display: flex ;
   flex-wrap: wrap ;
   gap: 8px ;
   margin: 0 0 28px ;
   padding: 0 ;
   list-style: none ;
   background: none ;
   border: none ;
}

.nf-btn {
   display: inline-block ;
   font-family: inherit ;
   font-size: 15px ;
   font-weight: 500 ;
   line-height: 1 ;
   padding: 7px 15px ;
   margin: 0 ;
   border-radius: 4px ;
   border: 1px solid #d6e3d6 ;
   background: #fff ;
   color: #4a6a4a ;
   cursor: pointer ;
   white-space: nowrap ;
   text-decoration: none ;
   box-shadow: none ;
   outline: none ;
   -webkit-appearance: none ;
}

.nf-btn:hover {
   background: #f0f7f0 ;
   border-color: #7aaa7a ;
   color: #2a5a2a ;
}

.nf-btn--active {
   background: #2d6a2d ;
   color: #fff ;
   border-color: #2d6a2d ;
}

.nf-btn--cat-active {
   background: var(--cat-color) ;
   color: #fff ;
   border-color: transparent ;
}

.nurseries-grid {
   display: grid ;
   grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)) ;
   gap: 14px ;
   margin: 0 ;
   padding: 0 ;
   list-style: none ;
}

@media screen and (min-width: 767px) {
   .nurseries-grid {
      grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) ;
   }
}

.nursery-card {
   display: flex ;
   flex-direction: column ;
   position: relative ;
   background: #fff ;
   border: 1px solid #e4ede4 ;
   border-radius: 6px ;
   overflow: hidden ;
   margin: 0 ;
   padding: 0 ;
   float: none ;
   width: auto ;
   box-shadow: none ;
}

.nursery-card:hover {
   box-shadow: 0 3px 16px rgba(45, 106, 45, .12) ;
   border-color: #b8d4b8 ;
}

.nursery-card--hidden {
   display: none ;
}

.nursery-badge {
   position: absolute ;
   top: 7px ;
   right: 7px ;
   z-index: 2 ;
   font-size: 9px ;
   font-weight: 700 ;
   letter-spacing: 0.05em ;
   text-transform: uppercase ;
   padding: 2px 7px ;
   border-radius: 3px ;
   background: #2d6a2d ;
   color: #fff ;
   line-height: 1.4 ;
   margin: 0 ;
}

.nursery-logo {
   display: block ;
   width: 100% ;
   height: 100px ;
   min-height: 100px ;
   max-height: 100px ;
   background: #f5f9f5 ;
   border-bottom: 1px solid #eef4ee ;
   overflow: hidden ;
   position: relative ;
   margin: 0 ;
   padding: 0 ;
   flex-shrink: 0 ;
}

.nursery-logo__img {
   display: block ;
   width: 100% ;
   height: 100% ;
   object-fit: contain ;
   margin: 0 ;
   padding: 8px ;
   border: none ;
   border-radius: 0 ;
   box-shadow: none ;
   float: none ;
   max-width: 100% ;
   max-height: 100% ;
   position: static ;
}

.nursery-body {
   padding: 11px 13px 13px ;
   flex: 1 ;
   background: none ;
}

.nursery-card .nursery-name {
   font-size: 15px ;
   font-weight: 600 ;
   color: #1f2d1f ;
   margin: 0 0 5px ;
   padding: 0 ;
   line-height: 1.3 ;
   border: none ;
   background: none ;
   text-transform: none ;
   letter-spacing: normal ;
}

.nursery-card .nursery-name::before,
.nursery-card .nursery-name::after {
   display: none ;
   content: none ;
}

.nursery-name__link {
   color: inherit ;
   text-decoration: none ;
   border-bottom: 1px dotted #b8d4b8 ;
   background: none ;
   padding: 0 ;
}

.nursery-name__link:hover {
   color: #2d6a2d ;
   border-bottom-color: #2d6a2d ;
}

.nursery-card .nursery-desc {
   font-size: 12px ;
   color: #7a957a ;
   line-height: 1.4 ;
   margin: 0 0 6px ;
   padding: 0 ;
   border: none ;
   background: none ;
}

.nursery-card .nursery-tags {
   display: flex ;
   flex-wrap: wrap ;
   gap: 3px ;
   list-style: none ;
   list-style-type: none ;
   margin: 4px 0 0 ;
   padding: 0 ;
   background: none ;
   border: none ;
}

.nursery-card .nursery-tags::before,
.nursery-card .nursery-tags::after {
   display: none ;
   content: none ;
}

.nursery-card .nursery-tags li, .nursery-card .nursery-tag {
	display: inline-block;
	font-size: 12px;
	font-weight: 500;
	line-height: 1;
	padding: 5px 8px;
	margin: 0;
	border-radius: 3px;
	white-space: nowrap;
	list-style: none;
	list-style-type: none;
	background-image: none;
	float: none;
	line-height: 100%;
}

.nursery-card .nursery-tags li::before,
.nursery-card .nursery-tag::before {
   display: none ;
   content: none ;
}

.nurseries-empty {
   display: none ;
   text-align: center ;
   padding: 48px 0 ;
   color: #b8c8b8 ;
   font-size: 14px ;
}

.nurseries-empty--visible {
   display: block ;
}

html {
   font-size: 16px;
}

@media screen and (max-width: 480px) {
   .nursery-logo {
      display: none;
   }
}