.recommendation-popup-modal-container{display:flex;align-items:center;justify-content:center}.recommendation-popup--modal{max-width:545px;width:100%;background:#fff;border-radius:20px;box-shadow:0 4px 45px #0000000d;padding:36px;margin:0 auto;z-index:100;position:relative;opacity:0;transition:opacity .3s ease-out}.recommendation-popup.open .recommendation-popup--modal{opacity:1}.recommendation-popup--modal .recommendation-popup--content{padding:0}.recommendation-popup--close{position:absolute;top:-28px;right:-28px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;border-radius:50%;cursor:pointer;z-index:10;transition:transform .2s ease}.recommendation-popup--close:hover{transform:scale(1.1)}.recommendation-popup--content{padding:0}.recommendation-popup--tabs{display:flex;gap:24px;align-items:center;justify-content:center;margin-bottom:24px}.recommendation-popup--tab{background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:8px;padding:0;font-family:Tiempos Text,serif;font-size:16px;font-weight:300;line-height:normal;letter-spacing:.2px;color:#003b17;transition:opacity .3s ease}.recommendation-popup--tab:not(.active){opacity:.6}.recommendation-popup--tab:not(.active) .recommendation-popup--tab-text{text-decoration:none}.recommendation-popup--tab.active .recommendation-popup--tab-text{color:#003b17;text-align:center;font-family:Tiempos Text,serif;font-size:16px;font-style:normal;font-weight:300;line-height:normal;letter-spacing:.2px;text-decoration:underline;text-decoration-skip-ink:none;text-underline-position:from-font}.recommendation-popup--tab-indicator{width:10px;height:10px;border-radius:50%;background:#fb691c;flex-shrink:0}.recommendation-popup--tab-content{display:none}.recommendation-popup--tab-content.active{display:block}.recommendation-popup--body{display:flex;flex-direction:column;gap:28px}.recommendation-popup--title{font-family:F37 Hooj,sans-serif;font-size:15px;font-weight:600;line-height:15px;letter-spacing:.4px;text-align:center;color:#003a16;margin-bottom:20px}.recommendation-popup--expectations{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}.recommendation-popup--subtitle{font-family:F37 Hooj,sans-serif;font-size:14px;font-weight:600;line-height:15px;letter-spacing:.4px;text-align:center;color:#003b17;margin:0}.recommendation-popup--timeline{display:flex;flex-direction:column;gap:24px}.recommendation-popup--timeline-item{display:flex;flex-direction:column;gap:14px;align-items:center}.recommendation-popup--timeline-divider{width:100%;height:1px;background:#003a16;opacity:.2}.recommendation-popup--timeline-content{display:flex;flex-direction:column;gap:8px;text-align:center}.recommendation-popup--timeline-period{font-family:F37 Hooj,sans-serif;font-size:12px;font-weight:600;line-height:11px;letter-spacing:.6px;text-transform:uppercase;color:#003b17;margin:0}.recommendation-popup--timeline-description{font-family:F37 Hooj,sans-serif;font-size:14px;font-weight:600;line-height:15px;letter-spacing:.4px;color:#003b17;opacity:.68;margin:0}.recommendation-popup--footer{background:#e5ebe8;border-radius:6px;padding:8px 16px;display:flex;align-items:center;justify-content:center}.recommendation-popup--footer p{font-family:F37 Hooj,sans-serif;font-size:14px;font-weight:500;line-height:20px;letter-spacing:.2px;text-align:center;color:#003b17;margin:0}.recommendation-popup .popup-modal--background{background:#f6f5eb66;-webkit-backdrop-filter:blur(4.5px);backdrop-filter:blur(4.5px)}@media (max-width: 1023px){.recommendation-popup-modal-container{align-items:flex-end}.recommendation-popup--modal{max-width:100%;width:100%;max-height:calc(100vh - 60px);padding:40px 16px 16px;border-radius:20px 20px 0 0;margin:0;opacity:1;transform:translateY(100%);transition:transform .3s ease-out}.recommendation-popup.open .recommendation-popup--modal{transform:translateY(0)}.recommendation-popup--close{top:-36px;right:50%;left:auto;transform:translate(50%)}.recommendation-popup--close:hover{transform:translate(50%)}.recommendation-popup--tabs{gap:12px;margin-bottom:20px}.recommendation-popup--tab{font-size:14px}.recommendation-popup--tab-indicator{width:8px;height:8px}.recommendation-popup--body{gap:20px}.recommendation-popup--footer{padding:12px 10px}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/recommendation-popup.css.map */
