:root{--gro-color-primary: #2D2B6B;--gro-color-primary-hover: #1F1D52;--gro-color-text: #1A1A1A;--gro-color-text-light: #666666;--gro-color-border: #E5E5E5;--gro-color-bg: #FFFFFF;--gro-color-backdrop: rgba(0, 0, 0, .6);--gro-font-title: 15px;--gro-font-body: 12px;--gro-font-small: 11px;--gro-font-button: 14px}html.groModalOpen,html.groModalOpen body{overflow:hidden;height:100%}.groModal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--gro-color-backdrop);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;touch-action:none}.groModal[hidden]{display:none}.groModal--active{opacity:1;visibility:visible}.groModal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer}.groModal__wrapper{position:absolute;left:0;right:0;bottom:0;overflow:visible;transform:translateY(100%);transition:transform .4s cubic-bezier(.4,0,.2,1)}.groModal--active .groModal__wrapper{transform:translateY(0)}.groModal__close{position:absolute;top:-56px;left:50%;transform:translate(-50%);z-index:1;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:none;border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--gro-color-text);box-shadow:0 2px 10px #00000026;transition:background .15s ease}.groModal__close:hover{background:#fff}.groModal__card{background:var(--gro-color-bg);font-family:Poppins,sans-serif;width:100%;max-height:85vh;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;box-sizing:border-box;border-radius:16px 16px 0 0;padding:2rem 1.5rem 1.5rem;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom))}.groModal__option{padding:20px 0;text-align:left}.groModal__option:first-child{padding-top:0}.groModal__option:not(:last-child){border-bottom:1px solid var(--gro-color-border)}.groModal__title{font-family:Poppins,sans-serif;font-size:var(--gro-font-title);font-weight:700;color:var(--gro-color-text);margin:0 0 8px;text-transform:uppercase;letter-spacing:.02em}.groModal__desc{font-size:var(--gro-font-body);color:var(--gro-color-text);line-height:1.5;margin:0 0 8px}.groModal__bestFor{font-size:var(--gro-font-small);color:var(--gro-color-text);line-height:1.4;margin:0 0 16px}.groModal__bestFor strong{font-weight:700}.groModal__cta{display:block;width:100%;padding:14px 24px;background:var(--gro-color-primary);color:#fff;text-align:center;text-decoration:none;font-family:Poppins,sans-serif;font-size:var(--gro-font-button);font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease;box-sizing:border-box}.groModal__cta:hover{background:var(--gro-color-primary-hover);color:#fff;text-decoration:none}.groModal__paidNote{display:flex;align-items:center;gap:6px;font-size:var(--gro-font-small);color:var(--gro-color-text-light);margin:10px 0 0;font-style:italic}.groModal__paidNote svg{flex-shrink:0}.groModal__clinicHeader{padding-bottom:16px;border-bottom:1px solid var(--gro-color-border);margin-bottom:20px}.groModal__clinicHeader .groModal__bestFor{margin-bottom:0}.groModal__clinicHeading{font-family:Poppins,sans-serif;font-size:var(--gro-font-title);font-weight:700;color:var(--gro-color-text);text-transform:uppercase;letter-spacing:.02em;margin:0 0 16px}.groModal__clinicList{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.groModal__clinicBtn{display:block;width:100%;padding:14px 24px;background:var(--gro-color-primary);color:#fff;text-align:center;text-decoration:none;font-family:Poppins,sans-serif;font-size:var(--gro-font-button);font-weight:700;letter-spacing:.05em;text-transform:uppercase;border:none;border-radius:4px;cursor:pointer;transition:background .2s ease;box-sizing:border-box}.groModal__clinicBtn:hover{background:var(--gro-color-primary-hover);color:#fff;text-decoration:none}.groModal__backBtn{display:inline-flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;font-family:Poppins,sans-serif;font-size:var(--gro-font-body);font-weight:700;color:var(--gro-color-text);text-transform:uppercase;letter-spacing:.05em;padding:0;transition:color .15s ease}.groModal__backBtn:hover{color:var(--gro-color-primary)}@media screen and (min-width:700px){.groModal__wrapper{left:50%;bottom:50%;right:auto;transform:translate(-50%,50%) scale(.95);opacity:0;transition:transform .3s ease,opacity .3s ease}.groModal--active .groModal__wrapper{transform:translate(-50%,50%) scale(1);opacity:1}.groModal__close{top:-56px;left:50%;transform:translate(-50%)}.groModal__card{width:500px;max-width:90vw;border-radius:12px;max-height:80vh;padding:2rem}}.groFloat{position:fixed;bottom:0;left:0;right:0;z-index:998;display:flex;align-items:center;gap:12px;padding:12px 16px;padding-bottom:calc(12px + env(safe-area-inset-bottom));background:transparent}@media screen and (min-width:700px){.groFloat{display:none}}html.groModalOpen .groFloat{display:none}body:has(.mobile-nav-overlay.open) .groFloat{display:none}body:has(.navigation-drawer[open]) .groFloat{display:none}.groFloat__btn{display:inline-flex;align-items:center;justify-content:center;border:none;cursor:pointer;text-decoration:none;font-family:Poppins,sans-serif;font-weight:700;font-size:var(--gro-font-button);letter-spacing:.05em;text-transform:uppercase;transition:background .2s ease,color .2s ease}.groFloat__btn--filled{flex:1;padding:14px 24px;background:var(--gro-color-primary);color:#fff;border-radius:4px}.groFloat__btn--filled:hover{background:var(--gro-color-primary-hover);color:#fff;text-decoration:none}.groFloat__btn--outline{flex:1;padding:14px 24px;background:var(--gro-color-bg);color:var(--gro-color-primary);border:2px solid var(--gro-color-primary);border-radius:4px}.groFloat__btn--outline:hover{background:var(--gro-color-primary);color:#fff;text-decoration:none}.groFloat__btn--icon_circle{width:50px;height:50px;min-width:50px;border-radius:50%;background:var(--gro-color-primary);color:#fff;padding:0}.groFloat__btn--icon_circle:hover{background:var(--gro-color-primary-hover);text-decoration:none}.groFloat__btn--icon_circle svg{width:22px;height:22px}
/*# sourceMappingURL=/cdn/shop/t/102/assets/gro-modal.css.map */
