html.glx-water-modal-open,html.glx-water-modal-open body{overflow:hidden}.glx-water-recommend-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:grid;place-items:center;padding:24px;background:#17131d8f;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.glx-water-recommend-modal.is-open{opacity:1;visibility:visible}.glx-water-recommend-modal__dialog{position:relative;width:min(1120px,100%);max-height:min(86vh,900px);overflow:auto;border:1px solid #e3d7f2;border-radius:24px;background:#fff;box-shadow:0 28px 90px #17131d47;transform:translateY(16px) scale(.985);transition:transform .22s ease}.glx-water-recommend-modal.is-open .glx-water-recommend-modal__dialog{transform:translateY(0) scale(1)}.glx-water-recommend-modal__close{position:absolute;top:18px;right:18px;z-index:3;display:grid;width:44px;height:44px;place-items:center;border:1px solid rgba(109,40,217,.16);border-radius:50%;background:#fff;color:#17131d;font:800 24px/1 var(--glx-font-consumer);cursor:pointer}.glx-water-recommend-modal__head{padding:38px 76px 28px 38px;border-bottom:1px solid #e3d7f2;background:radial-gradient(circle at 88% 12%,rgba(123,56,237,.16),transparent 27%),linear-gradient(135deg,#faf8ff,#fff 72%)}.glx-water-recommend-modal__eyebrow{color:#6d28d9;font:800 13.8px/1.3 var(--glx-font-consumer);letter-spacing:.055em;text-transform:uppercase}.glx-water-recommend-modal__head h2{margin:9px 0;color:#17131d;font:800 clamp(30px,2.2vw,40px)/1.12 var(--glx-font-consumer);letter-spacing:-.025em}.glx-water-recommend-modal__head p{max-width:820px;margin:0;color:#403945;font:500 16.1px/1.58 var(--glx-font-consumer)}.glx-water-recommend-modal__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:28px 30px 30px}.glx-water-recommend-modal__product{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid #e3d7f2;border-radius:18px;background:#fff;box-shadow:0 12px 30px #2f144b0f}.glx-water-recommend-modal__media{display:grid;min-height:220px;place-items:center;padding:20px;background:#faf8ff}.glx-water-recommend-modal__media img{width:100%;height:190px;object-fit:contain}.glx-water-recommend-modal__body{display:flex;flex:1;flex-direction:column;padding:20px}.glx-water-recommend-modal__match{align-self:flex-start;padding:6px 10px;border-radius:999px;background:#f4edff;color:#6d28d9;font:800 13.8px/1.25 var(--glx-font-consumer)}.glx-water-recommend-modal__product h3{margin:13px 0 6px;color:#17131d;font:800 20px/1.25 var(--glx-font-consumer);letter-spacing:-.018em}.glx-water-recommend-modal__price{color:#17131d;font:800 17.25px/1.3 var(--glx-font-consumer)}.glx-water-recommend-modal__reason{margin:12px 0 0;color:#403945;font:500 14.95px/1.55 var(--glx-font-consumer)}.glx-water-recommend-modal__product a{display:inline-flex;width:100%;min-height:46px;align-items:center;justify-content:center;margin-top:auto;padding:0 16px;border-radius:10px;background:linear-gradient(90deg,#b817a8,#53009b);color:#fff;font:800 14.95px/1.2 var(--glx-font-consumer);text-decoration:none}.glx-water-recommend-modal__footer{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;padding:20px 30px 28px;border-top:1px solid #e3d7f2}.glx-water-recommend-modal__footer p{max-width:680px;margin:0;color:#5b5361;font:500 13.8px/1.5 var(--glx-font-consumer)}.glx-water-recommend-modal__finder{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:0 18px;border:1px solid rgba(109,40,217,.22);border-radius:10px;background:#fff;color:#6d28d9;font:800 14.95px/1.2 var(--glx-font-consumer);text-decoration:none}@media(max-width:900px){.glx-water-recommend-modal__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.glx-water-recommend-modal{padding:12px}.glx-water-recommend-modal__dialog{max-height:92vh;border-radius:18px}.glx-water-recommend-modal__head{padding:30px 58px 22px 20px}.glx-water-recommend-modal__grid{grid-template-columns:1fr;padding:20px}.glx-water-recommend-modal__media{min-height:190px}.glx-water-recommend-modal__media img{height:165px}.glx-water-recommend-modal__footer{align-items:stretch;flex-direction:column;padding:18px 20px 22px}.glx-water-recommend-modal__finder{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/30/assets/glonyx-water-recommendation-modal.css.map */