.add-project-wrapper{position:relative}.project-dropdown{z-index:999;background:#fff;border:1px solid #efefef;border-radius:28px;width:360px;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 16px 45px #0000001f}.plant-card:first-child .project-dropdown,.plant-grid>:nth-child(4n+1) .project-dropdown{left:0;transform:translate(0)}@media only screen and (max-width:1152px){.plant-grid>* .project-dropdown,.plant-card .project-dropdown{left:0!important;right:auto!important;transform:translate(0)!important}}.plant-grid>:nth-child(4n) .project-dropdown{left:auto;right:0;transform:translate(0)}.project-dropdown.dropdown-bottom{top:calc(100% + 12px)}.project-dropdown.dropdown-top{bottom:calc(100% + 12px)}.project-dropdown-header{padding:24px}.project-dropdown-title{text-align:center;margin-bottom:20px}.project-dropdown-title h4{font-size:18px;font-family:var(--medium-font-family);margin:0}.project-dropdown-search{position:relative}.project-dropdown-search:before{content:"";opacity:.8;background:url(/images/icons/search.svg) 50%/contain no-repeat;width:18px;height:18px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.project-dropdown-search input{background:#f5f5f5;border:none;border-radius:999px;outline:none;width:100%;height:54px;padding:0 22px 0 52px;font-size:15px}.project-dropdown-search input::placeholder{color:#000}.project-dropdown-body{max-height:270px;padding:0 24px 18px;overflow-y:auto}.project-dropdown-body::-webkit-scrollbar{width:4px}.project-dropdown-body::-webkit-scrollbar-thumb{background:#d5d5d5;border-radius:50px}.project-dropdown-item{cursor:pointer;border-radius:12px;align-items:center;gap:14px;padding:12px 0;transition:all .3s;display:flex}.project-dropdown-item:hover{background:#f8f8f8;padding-left:8px;padding-right:8px}.project-dropdown-image{border-radius:12px;flex-shrink:0;width:48px;height:48px;overflow:hidden}.project-dropdown-image img{object-fit:cover;width:100%;height:100%}.project-dropdown-content{flex:1}.project-dropdown-content h5{font-size:18px;font-family:var(--medium-font-family);margin:0;font-weight:500}.project-dropdown-content p{color:#000;margin-top:4px;font-size:13px}.project-dropdown-empty{text-align:center;color:#000;padding:40px 0}.project-dropdown-footer{cursor:pointer;background:#fff;border-top:1px solid #f1f1f1;align-items:center;gap:18px;padding:18px 24px;transition:all .3s;display:flex;box-shadow:0 -8px 18px #0000000a}.project-dropdown-footer:hover{background:#fafafa}.project-dropdown-footer span{color:#202020;background:#f4f4f4;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-size:34px;font-weight:300;display:flex}.project-dropdown-footer p{font-size:18px;font-family:var(--medium-font-family);margin:0}.add-project-btn p{white-space:nowrap;display:block}.add-project-btn.listing{padding:.5rem 0}.add-project-btn.listing:hover{background:#5c7a52}.add-project-btn.link-btn.listing:after{background:#fff}.add-project-btn.listing p{color:#fff}.add-project-btn{border-radius:.5rem;align-items:center;gap:8px;display:flex}.add-project-btn p{white-space:nowrap;margin:0}.add-project-chevron{flex-shrink:0;transition:transform .3s;position:relative;width:18px!important;height:18px!important}.add-project-chevron.active{transform:rotate(180deg)}.add-project-btn.listing .add-project-chevron{filter:brightness(0)invert()}@media (max-width:767px){.project-dropdown{width:320px;right:0}.project-dropdown-header,.project-dropdown-body,.project-dropdown-footer{padding-left:18px;padding-right:18px}.project-dropdown-footer span{width:42px;height:42px}.project-dropdown.dropdown-top{width:290px;right:unset;transform:unset;left:0}.bottom-strip-flex .project-dropdown.dropdown-top{right:-2rem;left:unset}.add-project-btn.listing p{font-size:.875rem}.plant-grid>* .project-dropdown,.plant-card .project-dropdown{width:290px!important;transform:unset!important;left:-2rem!important;right:0!important}.project-dropdown-footer{cursor:pointer;background:#fff;border-top:1px solid #f1f1f1;align-items:center;gap:18px;padding:8px 16px;transition:all .3s;display:flex;box-shadow:0 -8px 18px #0000000a}}
.favourite-btn{border:unset;cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex;transform:translateY(-2px);background:0 0!important}.favourite-btn.listing{filter:brightness(100)invert()}.favourite-btn.listing.active{filter:brightness(100)invert();background:0 0!important}.favourite-btn img{width:100%!important;height:auto!important}