.koko-welcome[hidden]{display:none!important}
.koko-welcome{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:20px}
.koko-welcome__backdrop{position:absolute;inset:0;border:0;background:rgba(24,21,18,.48);backdrop-filter:blur(2px);cursor:pointer}
.koko-welcome__card{position:relative;width:min(92vw,470px);background:#f6f1e8;color:#171512;padding:48px 42px 38px;text-align:center;box-shadow:0 24px 80px rgba(0,0,0,.22)}
.koko-welcome__close{position:absolute;top:12px;right:16px;border:0;background:transparent;color:#171512;font:300 30px/1 Arial,sans-serif;cursor:pointer;padding:8px}
.koko-welcome__eyebrow{font:600 11px/1.2 Arial,sans-serif;letter-spacing:.22em;margin-bottom:18px}
.koko-welcome h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(34px,5vw,48px);line-height:1.02;letter-spacing:-.03em;margin:0 0 14px;text-transform:none}
.koko-welcome__lead{font:400 17px/1.5 Arial,sans-serif;margin:0 0 26px;color:#49443e}
.koko-welcome__form{margin:0}
.koko-welcome__form input[type=email]{display:block;width:100%;height:54px;border:1px solid #bdb5aa;background:#fffdf9;color:#171512;padding:0 16px;font-size:16px;border-radius:0;margin:0 0 10px}
.koko-welcome__form>button[type=submit],.koko-welcome__shop{width:100%;min-height:54px;border:1px solid #171512;background:#171512;color:#fff;text-transform:uppercase;letter-spacing:.14em;font-weight:600;font-size:12px;cursor:pointer}
.koko-welcome__fine{font:400 11px/1.45 Arial,sans-serif;color:#777067;margin:14px 0 0}
.koko-welcome__error{font:400 12px/1.4 Arial,sans-serif;color:#8b2424;margin-top:12px}
.koko-welcome__success-title{font-family:Georgia,"Times New Roman",serif;font-size:27px;line-height:1.1;margin:0 0 10px;text-transform:none}
.koko-welcome__success p:not(.koko-welcome__success-title){font:400 15px/1.5 Arial,sans-serif;margin:0 0 22px}
.koko-welcome__success strong{letter-spacing:.08em}
body.koko-popup-open{overflow:hidden}
@media(max-width:749px){
 .koko-welcome{padding:16px;align-items:end}
 .koko-welcome__card{width:100%;padding:40px 24px 28px}
 .koko-welcome h2{font-size:38px}
 .koko-welcome__lead{font-size:16px}
}
@media(prefers-reduced-motion:no-preference){
 .koko-welcome__card{animation:kokoPop .28s ease-out}
 @keyframes kokoPop{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
}