.hpp{--hp-ink:#4d0a01;--hp-cream:#fdfaf1;--hp-lemon:#ffffa5;--hp-muted:#746b66;--hp-mono:'ABCFavoritMono',ui-monospace,Menlo,monospace;--hp-head:'SeasonMix',Georgia,serif;--hp-body:'SeasonSans','Helvetica Neue',Arial,sans-serif;font-family:var(--hp-body);-webkit-font-smoothing:antialiased}
.hpp *,.hpp *::before,.hpp *::after{box-sizing:border-box}
:where(.hpp) p{margin:0}:where(.hpp) button{font:inherit}
.hpp :is(a,button,input,select):focus-visible{outline:2px solid var(--hp-ink);outline-offset:3px}
.hpp__sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hpp__confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:3}
.hpp__confetti i{position:absolute;top:-16px;width:10px;height:10px;border-radius:2px;animation:hpp-fall 1.5s cubic-bezier(.2,.6,.4,1) forwards}
.hpp__confetti i.c{border-radius:50%;background:var(--hp-lemon);box-shadow:inset 0 0 0 1.5px var(--hp-ink)}
@keyframes hpp-fall{to{transform:translate(var(--x,0),300px) rotate(480deg);opacity:0}}
@media(prefers-reduced-motion:reduce){.hpp__confetti i{animation:none}}
.hpp{border:0;padding:0;background:transparent;width:min(430px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 24px);overflow:visible;color:var(--hp-ink)}
.hpp__card:focus{outline:none}
.hpp::backdrop{background:#2a050070;backdrop-filter:blur(3px)}
.hpp__card{position:relative;overflow:hidden;border-radius:26px;height:min(680px,calc(100dvh - 32px));display:flex;flex-direction:column;background:#ECDEFF;background-image:radial-gradient(120% 70% at 0% 0%,#ECDEFF 0%,rgba(236,222,255,0) 60%),radial-gradient(110% 70% at 100% 100%,#FFFFA5 0%,rgba(255,255,165,0) 62%),linear-gradient(180deg,#f3ebff 0%,#fdfaf1 55%,#fffbd8 100%);box-shadow:0 40px 90px #2a050040}
.hpp__top{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:18px 16px 0}
.hpp__logo{display:block;height:26px;width:auto;margin:0 auto}
.hpp__logo-t{font-family:var(--hp-head);font-size:28px;text-align:center}
.hpp__close{width:40px;height:40px;border:0;border-radius:50%;background:#fdfaf1b3;display:grid;place-items:center;color:var(--hp-ink);cursor:pointer;padding:0}
.hpp__close svg{width:12px;height:12px}
.hpp__body{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding:26px 30px 0;animation:hpp-in .35s cubic-bezier(.2,.8,.2,1)}
@keyframes hpp-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.hpp__eyebrow{font-family:var(--hp-mono);font-size:11px!important;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px!important;color:var(--hp-ink);opacity:.8}
.hpp h2{font-family:var(--hp-head);font-weight:400;font-size:clamp(30px,7.6vw,36px);line-height:1.08;letter-spacing:-.02em;margin:0 0 12px;color:var(--hp-ink);text-wrap:balance}
.hpp h2 em{font-style:normal;background:linear-gradient(transparent 66%,#ffffa5 66%,#ffffa5 90%,transparent 90%);padding:0 2px}
.hpp__sub{font-size:16px;line-height:1.45;margin:0 0 22px!important;max-width:320px;color:var(--hp-ink);text-wrap:balance}
.hpp__products{flex:1 1 auto;min-height:0;align-items:flex-end}.hpp__products img{max-height:100%;object-fit:contain;object-position:bottom}
.hpp__field{position:relative;width:100%;margin-top:2px}
.hpp__dateinput{box-sizing:border-box;width:100%;height:56px;border:1.5px solid #4d0a0140;border-radius:40px;background:#fff;padding:0 56px;text-align:center;font:17px var(--hp-body);letter-spacing:.06em;color:var(--hp-ink);transition:border-color .15s,box-shadow .15s}
.hpp__dateinput::placeholder{color:#4d0a0170;letter-spacing:.08em}
.hpp__dateinput:focus{outline:none;border-color:#4d0a01b3;box-shadow:0 0 0 3px #ffffa599}
.hpp__field.is-warn .hpp__dateinput{border-color:#b0412a99}
.hpp__calbtn{position:absolute;right:8px;top:8px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:var(--hp-ink);pointer-events:none;transition:background .15s}
.hpp__calbtn svg{width:19px;height:19px}
.hpp__field:hover .hpp__calbtn{background:#ecdeff}
.hpp__native{position:absolute;right:8px;top:8px;width:40px;height:40px;opacity:0;border:0;padding:0;margin:0;cursor:pointer;color-scheme:light}
.hpp__native::-webkit-calendar-picker-indicator{position:absolute;inset:0;width:auto;height:auto;margin:0;cursor:pointer}
.hpp__opts{margin-top:4px}
.hpp__smart.is-warn{background:#fdfaf1;box-shadow:inset 0 0 0 1px #b0412a55}
.hpp__smart{width:100%;box-sizing:border-box;margin:10px 0 0!important;padding:11px 14px;border-radius:14px;background:#ffffa5b3;font-size:14px;line-height:1.4;color:var(--hp-ink);text-align:left;animation:hpp-in .3s ease}
[data-hpp-next]{margin-top:12px}[data-hpp-next]:disabled{opacity:.35;cursor:default}
.hpp__opts{display:grid;gap:10px;width:100%}
.hpp__opt,.hpp__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;border-radius:40px;font-family:var(--hp-mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;text-decoration:none;transition:background .15s,color .15s,transform .15s}
.hpp__opt{border:1.5px solid var(--hp-ink);background:#fdfaf1cc;color:var(--hp-ink)}
.hpp__opt:hover{background:var(--hp-ink);color:var(--hp-cream)}
.hpp__opt:active,.hpp__cta:active{transform:scale(.98)}
.hpp__cta{border:0;background:var(--hp-ink);color:var(--hp-cream)!important}
.hpp__form{display:grid;gap:10px;width:100%;text-align:left}
.hpp__form input:not([type=checkbox]),.hpp__form select{height:54px;border:1.5px solid #4d0a0140;border-radius:40px;padding:0 20px;font:16px var(--hp-body);color:var(--hp-ink);background:#fff;width:100%;box-sizing:border-box}
.hpp__form input:focus,.hpp__form select:focus{outline:none;border-color:var(--hp-ink)}
.hpp__form.is-err input:not([type=checkbox]){border-color:#b0412a}
.hpp__tel{display:grid;grid-template-columns:112px minmax(0,1fr);gap:8px}
.hpp__tel select{appearance:none;-webkit-appearance:none;padding:0 28px 0 18px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='7' viewBox='0 0 10 7'%3E%3Cpath d='m1 1 4 4 4-4' fill='none' stroke='%234d0a01' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center}
.hpp__err{font-size:13px;color:#b0412a;margin:-2px 0 0 18px!important}
.hpp__consent{display:flex;gap:12px;align-items:center;width:100%;box-sizing:border-box;margin:2px 0 4px;padding:12px 14px;border-radius:18px;background:#fdfaf1cc;box-shadow:inset 0 0 0 1px #4d0a0126;color:var(--hp-ink);text-align:left;cursor:pointer;transition:box-shadow .15s,background .15s}
.hpp__consent:has(input:checked){background:#fff;box-shadow:inset 0 0 0 1.5px var(--hp-ink)}
.hpp__cicon{flex:none;width:36px;height:36px;border-radius:50%;background:#ecdeff;display:grid;place-items:center}.hpp__cicon svg{width:19px;height:19px}
.hpp__consent:has(input:checked) .hpp__cicon{background:#ffffa5}
.hpp__ctext{flex:1;min-width:0;display:grid;gap:2px}.hpp__ctext strong{font-weight:500;font-size:14px;line-height:1.3}.hpp__ctext small{font-size:12px;line-height:1.35;opacity:.72}
.hpp__consent input{width:20px;height:20px;margin:0;accent-color:#4d0a01;flex:none;cursor:pointer}
.hpp__no{all:unset;cursor:pointer;margin-top:16px;font-size:14px;color:var(--hp-ink);text-decoration:underline;text-underline-offset:4px}
.hpp__coin{margin:6px 0 16px}.hpp__coin .hpp__coinsvg{width:64px;height:64px;animation:hpp-coin .8s cubic-bezier(.2,.8,.2,1)}
@keyframes hpp-coin{0%{transform:scale(.4) rotate(-40deg)}70%{transform:scale(1.12) rotate(8deg)}100%{transform:none}}
.hpp__code{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:54px;margin:0 0 12px;padding:0 20px;border:1.5px dashed var(--hp-ink);border-radius:14px;background:#fdfaf1cc;color:var(--hp-ink);cursor:pointer;font-family:var(--hp-mono);font-size:18px;letter-spacing:.14em}
.hpp__code small{font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.hpp__fine{font-size:11px;color:var(--hp-muted);margin-top:10px!important}
.hpp__products{position:relative;z-index:1;margin-top:auto;display:flex;justify-content:center;pointer-events:none;padding-top:18px}
.hpp__products img{display:block;width:100%;max-width:400px;height:auto;margin-bottom:-6px;filter:drop-shadow(0 14px 18px #4d0a011f)}
.hpp[data-step="3"] .hpp__products img,.hpp[data-step="4"] .hpp__products img{max-width:340px}
@media(max-height:700px){.hpp__products img{max-width:280px}.hpp__body{padding-top:16px}}
@media(prefers-reduced-motion:reduce){.hpp__body,.hpp__coin .hpp__coinsvg{animation:none}}


.hpp{margin:auto}.hpp__card{overflow-y:auto;overscroll-behavior:contain}.hpp__top,.hpp__body{flex-shrink:0}.hpp__products{min-height:100px}.hpp__cta:disabled{opacity:.6;cursor:wait}.hpp [hidden]{display:none!important}.hpp__err[role=alert]{line-height:1.4}.hpp__form input:focus-visible,.hpp__form select:focus-visible{outline:2px solid var(--hp-ink);outline-offset:2px}@media(max-height:600px){.hpp__products{min-height:70px}.hpp__products img{max-height:110px}}