#recommendation-modal{align-items:flex-start;background:rgba(var(--color-foreground),.2);box-sizing:border-box;display:flex;height:100%;justify-content:center;left:0;margin:0 auto;opacity:0;overflow:auto;position:fixed;top:0;visibility:hidden;width:100%;z-index:-1}#recommendation-modal[open]{opacity:1;visibility:visible;z-index:1000}#recommendation-modal .recommendation-modal-inner{background-color:#fff;border-radius:16px;margin:180px 15px 15px;padding:30px;position:relative;width:850px}#recommendation-modal .recommendation-modal-inner h3{color:var(--darkgreen);font-weight:var(--fw-demi);margin-right:30px;margin-top:0}#recommendation-modal .recommendation-modal-inner .card-container{display:flex;gap:10px;justify-content:space-evenly}#recommendation-modal .recommendation-modal-inner .card-container .card{background-color:var(--lightgrey-5);border:1px solid var(--midgrey);border-radius:16px;display:flex;height:auto;justify-content:space-between;margin-top:60px;padding:15px;text-align:center}#recommendation-modal .recommendation-modal-inner .card-container .card .image-container{background-position:bottom;background-repeat:no-repeat;background-size:70%;display:flex;margin-bottom:-150px;min-height:275px;transform:translateY(-150px)}#recommendation-modal .recommendation-modal-inner .card-container .card a.btn{align-items:center;display:flex;gap:.25em;justify-content:center;margin:auto;width:-moz-fit-content;width:fit-content;z-index:1001}#recommendation-modal .recommendation-modal-inner .card-container .card a.btn span{position:relative;top:1px}#recommendation-modal .recommendation-modal-inner .card-container .card a.btn span svg path{fill:#fff}@media screen and (max-width:1023px){#recommendation-modal .recommendation-modal-inner .card-container .card a.btn span{display:none}}#recommendation-modal .recommendation-modal-inner .card-container .card a.btn:hover span svg path{fill:var(--orange)}#recommendation-modal .recommendation-modal-inner .recommendation-modal-close{background-color:transparent;border:none;cursor:pointer;position:absolute;right:10px;top:24px}#recommendation-modal .recommendation-modal-inner .recommendation-modal-close svg{height:19px;width:19px}#recommendation-modal .recommendation-modal-inner .recommendation-modal-close svg path{fill:var(--plus-secondary)}@media screen and (max-width:767px){#recommendation-modal .recommendation-modal-inner{padding:30px 20px}#recommendation-modal .recommendation-modal-inner h3{margin-bottom:30px}#recommendation-modal .recommendation-modal-inner .card-container .card{margin-top:60px}#recommendation-modal .recommendation-modal-inner .card-container .card .image-container{min-height:230px}}@media screen and (max-width:479px){#recommendation-modal .recommendation-modal-inner h3{margin-bottom:30px}#recommendation-modal .recommendation-modal-inner{margin:75px 15px 15px}#recommendation-modal .recommendation-modal-inner .card-container{align-items:center;flex-direction:column}#recommendation-modal .recommendation-modal-inner .card-container .card{margin-top:60px}#recommendation-modal .recommendation-modal-inner .card-container .card .image-container{min-height:230px}}