@charset "UTF-8";.ohp{--or:#f76c06;--ink:#1a0b02;--dim:rgba(26,11,2,.66);position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;display:flex;align-items:center;justify-content:center;padding:16px;font-family:var(--font-body-family,Poppins,Helvetica,Arial,sans-serif)}.ohp[hidden]{display:none}.ohp *{box-sizing:border-box}.ohp :where(p,h2){margin:0}.ohp__bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#080503a8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .25s ease}.ohp__box{position:relative;display:grid;grid-template-areas:"top" "media" "bot";width:100%;max-width:440px;max-height:calc(100dvh - 32px);overflow:auto;border-radius:22px;background:var(--or);color:var(--ink);box-shadow:0 30px 80px -24px #000000b3;opacity:0;transform:translateY(16px) scale(.98);transition:opacity .28s cubic-bezier(.23,1,.32,1),transform .28s cubic-bezier(.23,1,.32,1)}.ohp .ohp__box:focus,.ohp .ohp__box:focus-visible{outline:none}.ohp.is-open .ohp__bg{opacity:1}.ohp.is-open .ohp__box{opacity:1;transform:none}.ohp__x{position:absolute;right:12px;top:12px;z-index:4;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;margin:0;border:0;border-radius:50%;display:grid;place-items:center;background:#000;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.ohp__x svg{width:20px;height:20px}.ohp__top{grid-area:top;padding:28px 22px 0;text-align:center}.ohp__k{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:8px}.ohp__h{font-family:var(--font-heading-family,Poppins,Helvetica,Arial,sans-serif);color:#fff;font-weight:800;text-transform:uppercase;font-size:clamp(56px,17vw,92px);line-height:.92;letter-spacing:-.045em}.ohp__h em{display:block;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.02em;font-size:.78em;line-height:.9;margin-top:-.08em;padding-left:1.2em;color:#fff}.ohp__sub{margin:14px auto 0;max-width:34ch;font-size:15px;line-height:1.5;font-weight:500;color:var(--ink)}.ohp__media{grid-area:media;padding:14px 22px 0}.ohp__pic{position:relative;max-width:360px;margin:0 auto}.ohp__pic img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 6%);mask-composite:intersect}.ohp__badge{position:absolute;left:-4px;top:4%;z-index:2;width:clamp(84px,24vw,112px);aspect-ratio:1;border-radius:50%;background:#000;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-8deg);box-shadow:0 14px 34px -14px #0009}.ohp__badge b{font-weight:800;font-size:clamp(26px,7vw,34px);line-height:1;letter-spacing:-.04em}.ohp__badge span{margin-top:3px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.ohp__bot{grid-area:bot;display:flex;flex-direction:column;gap:12px;padding:0 22px calc(18px + env(safe-area-inset-bottom))}.ohp__box:not(.has-media) .ohp__bot{padding-top:18px}.ohp__code{position:relative;z-index:3;margin-top:-26px;padding:16px 20px;border-radius:18px;background:#fff;color:var(--ink);box-shadow:0 18px 44px -20px #1a0b028c;-webkit-mask:radial-gradient(circle 10px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 10px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;mask:radial-gradient(circle 10px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 10px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat}.ohp__box:not(.has-media) .ohp__code{margin-top:0}.ohp__code-k{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.6}.ohp__code-v{margin-top:4px;font-size:clamp(30px,8vw,38px);font-weight:800;letter-spacing:.08em;line-height:1}.ohp__code-ok{margin-top:6px;font-size:13px;font-weight:600;color:#0b8a6e}.ohp__cta{display:flex;align-items:center;justify-content:center;min-height:56px;padding:0 24px;border-radius:999px;background:#fff;color:#000;text-align:center;font-weight:700;font-size:16px;line-height:1.2;text-decoration:none;box-shadow:0 12px 30px -14px #1a0b0299;transition:transform .12s cubic-bezier(.23,1,.32,1);touch-action:manipulation}.ohp__cta:hover{color:#000}.ohp__cta:active{transform:scale(.97)}.ohp__no{align-self:center;background:none;border:0;padding:4px;min-height:44px;color:var(--ink);font-family:inherit;font-weight:500;font-size:13px;line-height:1.3;text-decoration:underline;cursor:pointer}.ohp :focus-visible{outline:3px solid #000;outline-offset:3px}.ohp__x:focus-visible{outline-color:#fff}@media(min-width:760px){.ohp__box.has-media{max-width:820px;grid-template-columns:1.05fr .95fr;grid-template-areas:"top media" "bot media";align-content:center;padding:20px 0}.ohp__box.has-media .ohp__top{text-align:left;padding:36px 8px 0 36px;align-self:end}.ohp__box.has-media .ohp__h em{padding-left:1.6em}.ohp__box.has-media .ohp__sub{margin-left:0}.ohp__box.has-media .ohp__bot{padding:20px 8px 32px 36px;align-self:start}.ohp__box.has-media .ohp__code{margin-top:0}.ohp__box.has-media .ohp__media{padding:48px 36px 24px 12px;align-self:center}.ohp__box.has-media .ohp__pic img{max-height:420px}}@media(max-width:759px){.ohp{align-items:flex-end;padding:0}.ohp__box{max-width:none;border-radius:22px 22px 0 0;max-height:94dvh;transform:translateY(100%)}}.ohp-teaser{position:fixed;bottom:calc(var(--ohp-tb,20px) + env(safe-area-inset-bottom));z-index:998;display:flex;align-items:center;gap:4px;font-family:var(--font-body-family,Poppins,Helvetica,Arial,sans-serif);animation:ohpTeaserIn .4s cubic-bezier(.23,1,.32,1)}.ohp-teaser[hidden]{display:none}.ohp-teaser--left{left:16px}.ohp-teaser--right{right:16px;flex-direction:row-reverse}@media(max-width:759px){.ohp-teaser{bottom:calc(var(--ohp-tb-m,16px) + env(safe-area-inset-bottom))}}.ohp-teaser__open{display:inline-flex;align-items:center;gap:10px;min-height:48px;margin:0;padding:4px 18px 4px 4px;border:0;border-radius:999px;background:#f76c06;color:#1a0b02;font-family:inherit;font-weight:700;font-size:14px;line-height:1;letter-spacing:-.01em;cursor:pointer;box-shadow:0 12px 30px -10px #0000008c;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:transform .12s cubic-bezier(.23,1,.32,1)}.ohp-teaser__open:active{transform:scale(.96)}.ohp-teaser__badge{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#000;color:#fff;font-size:12px;font-weight:800;letter-spacing:-.03em;transform:rotate(-8deg)}.ohp-teaser__x{display:grid;place-items:center;width:28px;height:28px;min-width:28px;padding:0;margin:0;border:0;border-radius:50%;background:#000000b8;color:#fff;cursor:pointer;position:relative}.ohp-teaser__x:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.ohp-teaser__x svg{width:14px;height:14px}.ohp-teaser__open:focus-visible,.ohp-teaser__x:focus-visible{outline:3px solid #000;outline-offset:3px}@keyframes ohpTeaserIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ohp-teaser{animation:none}}html.ohp-lock,html.ohp-lock body{overflow:hidden}@media(prefers-reduced-motion:reduce){.ohp__bg,.ohp__box,.ohp__cta{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/338/assets/odaban-hw-popup.css.map */