.h2o-op{--op-stock-fs: var(--op-stock, 22px);--op-lab-fs: var(--op-lab, 14px);--op-num-fs: var(--op-num, 28px);--op-panel: #000;--op-fg: #fff;--op-accent: #f23b3b;--op-cd: #d60a00;--op-wall: #f5f5f5;border:0;padding:0;margin:auto;background:transparent;max-width:none;max-height:none;overflow:visible;color:var(--op-fg);font-family:inherit}.h2o-op *,.h2o-op *:before,.h2o-op *:after{box-sizing:border-box}.h2o-op::backdrop{background:#0e111699}.h2o-op[open]{animation:h2o-op-in .45s cubic-bezier(.2,.8,.2,1) both}.h2o-op[open]::backdrop{animation:h2o-op-fade .3s ease-out both}html.h2o-op-lock{overflow:hidden}.h2o-op__card{position:relative;width:min(var(--op-w, 980px),calc(100vw - 48px));height:min(var(--op-h, 600px),calc(100vh - 48px));display:grid;grid-template-columns:1fr 1fr;border-radius:24px;overflow:hidden;background:var(--op-panel);box-shadow:0 40px 80px #00000059}.h2o-op__close{position:absolute;top:14px;right:14px;z-index:5;width:44px;height:44px;border:0;border-radius:50%;background:#ffffffe6;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 10px #0000002e}.h2o-op__close:hover{background:#fff}.h2o-op__offer{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:32px 40px 24px;overflow-y:auto;text-align:center;background:var(--op-panel);color:var(--op-fg)}.h2o-op__headline{display:block;width:100%;max-width:380px;height:auto}.h2o-op__heading{margin:0;font-size:40px;line-height:1.05;font-weight:800;letter-spacing:-.025em;color:var(--op-fg)}.h2o-op__form{width:100%;max-width:400px}.h2o-op__form:empty{display:none}.h2o-op__form-empty{min-height:160px;display:flex;align-items:center;justify-content:center;padding:16px;border:1.5px dashed rgba(255,255,255,.35);border-radius:16px;font-size:13px;opacity:.8}.h2o-op__trust{margin:0;font-size:14px;opacity:.9}.h2o-op__wall{position:relative;overflow:hidden;background:var(--op-wall)}.h2o-op__grid{position:absolute;left:50%;top:50%;width:125%;height:210%;transform:translate(-50%,-50%) rotate(-15deg);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.h2o-op__col{overflow:hidden}.h2o-op__track{display:flex;flex-direction:column;gap:10px;animation:h2o-op-down 24s linear infinite}.h2o-op__col--up .h2o-op__track{animation-name:h2o-op-up}.h2o-op__track img{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;border-radius:14px;background:#0000000f}.h2o-op:not([open]) .h2o-op__track{animation-play-state:paused}.h2o-op__center{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:16px;pointer-events:none}.h2o-op__stock{margin:0;padding:10px 22px;border-radius:16px;background:color-mix(in srgb,var(--op-accent) 88%,transparent);color:#fff;font-size:var(--op-stock-fs);font-weight:700;letter-spacing:.02em;text-align:center;box-shadow:0 4px 12px #0000002e}.h2o-op__cd{display:flex;align-items:flex-start;gap:2px;padding:12px 10px;border-radius:18px;background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000002e;color:var(--op-cd)}.h2o-op__cd[hidden]{display:none}.h2o-op__cd-label{margin:0 0 -8px;padding:8px 16px;border-radius:14px;background:#ffffffd1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #0000002e;color:var(--op-cd);font-size:var(--op-lab-fs);font-weight:700;letter-spacing:.06em;text-align:center}.h2o-op__cd-label[hidden]{display:none}.h2o-op__u{display:flex;flex-direction:column;align-items:center;min-width:56px}.h2o-op__u b{font-size:var(--op-num-fs);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.h2o-op__u small{margin-top:5px;font-size:11px}.h2o-op__colon{font-size:24px;line-height:1;opacity:.7}.h2o-op__badges{position:absolute;right:14px;bottom:14px;z-index:2;display:flex;gap:8px}.h2o-op__badges img{display:block;height:46px;width:auto;border-radius:10px;box-shadow:0 2px 8px #00000026}.h2o-op :focus-visible{outline:2px solid var(--op-accent);outline-offset:3px}.h2o-op__card:focus,.h2o-op__card:focus-visible{outline:none}.h2o-op-teaser{position:fixed;left:24px;bottom:24px;z-index:50;min-height:52px;padding:6px 20px 6px 6px;border:0;border-radius:999px;background:#000;color:#fff;font-family:inherit;font-size:14px;font-weight:700;display:flex;align-items:center;gap:10px;cursor:pointer;box-shadow:0 12px 28px #0000004d;animation:h2o-op-in .45s cubic-bezier(.2,.8,.2,1) both}.h2o-op-teaser[hidden]{display:none}.h2o-op-teaser__badge{min-height:40px;padding:0 12px;border-radius:999px;background:var(--op-accent, #f23b3b);display:flex;align-items:center}.h2o-op-teaser:focus-visible{outline:2px solid #fff;outline-offset:3px}@keyframes h2o-op-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}@keyframes h2o-op-fade{0%{opacity:0}to{opacity:1}}@keyframes h2o-op-sheet{0%{transform:translateY(100%)}to{transform:none}}@keyframes h2o-op-up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 5px))}}@keyframes h2o-op-down{0%{transform:translateY(calc(-50% - 5px))}to{transform:translateY(0)}}@media screen and (max-width:989px){.h2o-op{margin:auto 0 0;width:100%;max-width:none;--op-stock-fs: var(--op-stock-m, 15px);--op-lab-fs: var(--op-lab-m, 11px);--op-num-fs: var(--op-num-m, 20px)}.h2o-op[open]{animation:h2o-op-sheet .45s cubic-bezier(.2,.8,.2,1) both}.h2o-op__card{width:100%;height:auto;max-height:92vh;grid-template-columns:1fr;grid-template-rows:180px auto;border-radius:22px 22px 0 0;overflow-y:auto;box-shadow:none}.h2o-op__wall{order:-1;height:180px}.h2o-op__grid{width:140%;height:300%}.h2o-op__stock{padding:7px 14px;border-radius:12px}.h2o-op__cd{padding:8px 6px;border-radius:14px}.h2o-op__cd-label{margin-bottom:-4px;padding:5px 12px;border-radius:10px}.h2o-op__u{min-width:44px}.h2o-op__u small{font-size:9px}.h2o-op__colon{font-size:18px}.h2o-op__center{gap:10px}.h2o-op__badges{display:none}.h2o-op__offer{padding:16px 20px 24px;gap:12px;overflow:visible}.h2o-op__headline{max-width:280px}.h2o-op__heading{font-size:30px}.h2o-op__close{top:10px;right:10px}.h2o-op-teaser{left:16px;bottom:16px}}@media(prefers-reduced-motion:reduce){.h2o-op[open],.h2o-op[open]::backdrop,.h2o-op-teaser{animation:none!important}.h2o-op__track{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/h2o-offer-popup.css.map */