.olo-de{--olo-orange:#f15a24;--olo-cream:#f2ece4;box-sizing:border-box;width:100%;min-width:0;padding:clamp(22px,4vw,48px);border:1px solid #ffffff24;border-radius:22px;background:#070707;color:#fff;font-family:inherit}
.olo-de *{box-sizing:border-box}.olo-de [hidden]{display:none!important}.olo-de h2{font-family:inherit;color:#f2ece4;font-size:clamp(26px,3vw,42px);font-weight:600;line-height:1.15;letter-spacing:-.025em;margin:0 0 24px}.olo-de p{color:#f2ece4;line-height:1.6;margin:12px 0}.olo-de form{margin:0}.olo-de label{display:block;color:#f2ece4;font-size:15px;font-weight:500;margin-bottom:10px}
.olo-de input:not([type=checkbox]){display:block;width:100%;min-width:0;min-height:54px;padding:14px 17px;border:1px solid #ffffff40;border-radius:10px;background:#171717;color:#fff;font:inherit;line-height:1.4;box-shadow:none}.olo-de input::placeholder{color:#b9b5b0;opacity:1}.olo-de button,.olo-de .olo-de-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:14px 25px;border:1px solid #f15a24;border-radius:10px;background:#f15a24;color:#070707;font:inherit;font-weight:700;line-height:1.4;text-decoration:none;cursor:pointer;transition:background .2s,transform .2s}
.olo-de button:hover,.olo-de .olo-de-button:hover{background:#ff7948;color:#070707;transform:translateY(-1px)}.olo-de button:disabled{opacity:.6;cursor:default;transform:none}.olo-de :is(input,button,a):focus-visible{outline:3px solid #f2ece4;outline-offset:4px}.olo-de input:focus{border-color:#f15a24}.olo-de-result{overflow-wrap:anywhere}.olo-de-result:empty{display:none}.olo-de-result:not(:empty){margin-top:20px}.olo-de .olo-de-outline{background:transparent;color:#ff946e;border-color:#f15a2466;font-size:14px;min-height:46px;padding:10px 16px}.olo-de .olo-de-outline:hover{background:#f15a241c;color:#fff}.olo-de-hp,.olo-de-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:600px){.olo-de{padding:22px 18px;border-radius:16px}.olo-de input:not([type=checkbox]){font-size:16px}}
@media(prefers-reduced-motion:reduce){.olo-de button,.olo-de .olo-de-button{transition:none}}

/* OLO v1.1.1 — keep action labels readable over orange */
.olo-de button:not(.olo-de-outline):not(.olo-de-remove),
.olo-de .olo-de-button:not(.olo-de-outline),
.olo-de button:not(.olo-de-outline):not(.olo-de-remove):hover,
.olo-de .olo-de-button:not(.olo-de-outline):hover{
  color:#ffffff !important;
}