.grova-pdp--product .grova-subscription-modal{--grova-drawer-duration: .24s;padding:20px}.grova-pdp--product .grova-subscription-modal .gnp-modal__dialog{display:flex;flex-direction:column;width:min(860px,100%);max-height:calc(100dvh - 40px);padding:0;overflow:hidden;border-radius:24px;background:#fff;color:#225b36;opacity:1;transform:none;transition:opacity .24s ease,transform .24s ease}.grova-pdp--product .grova-subscription-modal.is-opening .gnp-modal__dialog,.grova-pdp--product .grova-subscription-modal.is-closing .gnp-modal__dialog{opacity:0;transform:translateY(8px) scale(.98)}.grova-pdp--product .grova-subscription-modal.is-closing .gnp-modal__backdrop{animation:none;opacity:0;transition:opacity .24s ease}.grova-pdp--product .grova-subscription-modal__heading{display:flex;flex:none;align-items:center;justify-content:space-between;gap:16px;margin-inline:30px;padding:28px 0 24px;border-bottom:1px dashed #c8d8c1}.grova-pdp--product .grova-subscription-modal h2,.grova-pdp--product .grova-subscription-modal h3{margin:0;color:#225b36;font-family:GrovaKefir,Georgia,serif;font-weight:400;letter-spacing:-.02em;text-transform:none}.grova-pdp--product .grova-subscription-modal h2{font-size:32px;line-height:1.15}.grova-pdp--product .grova-subscription-modal h3{font-size:25px;line-height:1.15}.grova-pdp--product .grova-subscription-modal p{margin:0;font:300 16px/1.4 var(--grova-font-body);letter-spacing:normal;color:#225b36;max-width:620px}.grova-pdp--product .grova-subscription-modal .gnp-modal__close{position:relative;inset:auto;display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;background:#fbfde9;color:#225b36}.grova-pdp--product .grova-subscription-modal__close span{position:absolute;width:22px;height:1.5px;background:currentColor;transform:rotate(45deg)}.grova-pdp--product .grova-subscription-modal__close span:last-child{transform:rotate(-45deg)}.grova-pdp--product .grova-subscription-modal__body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:28px 34px 34px 30px}.grova-pdp--product .grova-subscription-modal__cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;list-style:none;margin:0;padding:0}.grova-pdp--product .grova-subscription-modal__card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-width:0;min-height:240px;padding:26px 22px;border:1px solid #225b36;border-radius:28px;background:#fbfde9;box-shadow:4px 4px #225b36;text-align:center}.grova-pdp--product .grova-subscription-modal__card--wide{grid-column:1 / -1;min-height:210px}.grova-pdp--product .grova-subscription-modal__icon{display:block;flex:0 0 46px;width:46px;height:46px;background:linear-gradient(#89b978,#a4d095);-webkit-mask:var(--subscription-icon) center / contain no-repeat;mask:var(--subscription-icon) center / contain no-repeat}@media(max-width:749px){.grova-pdp--product .grova-subscription-modal{padding:12px}.grova-pdp--product .grova-subscription-modal .gnp-modal__dialog{max-height:calc(100dvh - 24px);border-radius:20px}.grova-pdp--product .grova-subscription-modal__heading{margin-inline:18px;padding:22px 0 20px;gap:12px;container-type:inline-size}.grova-pdp--product .grova-subscription-modal h2{font-size:26px}.grova-pdp--product .grova-subscription-modal__heading h2{font-size:clamp(13px,calc(7cqi - 4px),22px)}.grova-pdp--product .grova-subscription-modal h3{font-size:21px}.grova-pdp--product .grova-subscription-modal p{font-size:14px}.grova-pdp--product .grova-subscription-modal__body{padding:22px 22px 26px 18px}.grova-pdp--product .grova-subscription-modal__cards{gap:16px 12px}.grova-pdp--product .grova-subscription-modal__card{min-height:230px;padding:22px 12px;gap:16px;border-radius:22px}.grova-pdp--product .grova-subscription-modal__card--wide{min-height:210px;padding-inline:20px}.grova-pdp--product .grova-subscription-modal__icon{width:40px;height:40px;flex-basis:40px}}@media(prefers-reduced-motion:reduce){.grova-pdp--product .grova-subscription-modal .gnp-modal__dialog,.grova-pdp--product .grova-subscription-modal .gnp-modal__backdrop{transition:none;animation:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/grova-subscription-modal.css.map */