.er-mystery{margin:24px 0 0;border:1px solid #dce0d8;border-radius:10px;overflow:hidden;background:#f7f7f3;color:#17352b;text-align:center}
.er-mystery h3{margin:0;padding:14px 12px;background:#17352b;color:#fff;font-size:17px;font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.4px}
.er-mystery__body{padding:18px 16px 14px}.er-mystery__headline{display:flex;align-items:center;justify-content:center;gap:14px}.er-mystery__illustration{flex:0 0 82px;color:#17352b}.er-mystery__illustration svg{display:block;width:82px;height:auto}.er-mystery__headline p{margin:0;text-align:left;font-size:12px;text-transform:uppercase;line-height:1.3}.er-mystery__headline strong{display:block;font-size:25px;letter-spacing:-.5px;white-space:nowrap}.er-mystery__description{font-size:12px;line-height:1.5;margin:12px 0 16px}.er-mystery__styles{display:flex;justify-content:center;gap:14px;border:0;padding:0;margin:0 0 16px}.er-mystery__styles label{display:flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;font-size:13px;line-height:1.3}.er-mystery__styles input{appearance:auto;accent-color:#17352b;width:18px;height:18px;margin:0;flex:none}.er-mystery__styles input:disabled+span{opacity:.5}.er-mystery__final{font-size:12px;line-height:1.5;margin:0 0 8px;color:#663c2a}.er-mystery__final strong{font-size:13px;letter-spacing:.8px}.er-mystery__terms{font-size:10px;line-height:1.5;margin:5px 0;color:#60695f}.er-mystery__terms a{color:inherit;text-underline-offset:2px}.er-mystery__add{display:block;width:100%;min-height:52px;padding:12px;background:#202521;color:#fff;border:0;font-size:17px;font-weight:700;cursor:pointer}.er-mystery__add:hover{background:#17352b}.er-mystery__add:disabled{opacity:.55;cursor:not-allowed}.er-mystery :focus-visible{outline:2px solid #d76b42;outline-offset:3px}.er-mystery__item-note{font-size:11px!important;line-height:1.45!important;color:#663c2a!important;margin:6px 0!important}.er-bag .er-mystery{margin-top:18px}.er-bag .er-mystery__add{min-height:48px}.er-bag .er-mystery input:disabled,.er-bag .er-mystery button:disabled{cursor:not-allowed}
@media(max-width:360px){.er-mystery__styles{gap:10px}.er-mystery__styles label{font-size:12px}.er-mystery__body{padding:16px 10px 12px}.er-mystery__headline strong{font-size:23px}}
.er-bag .er-mystery--compact{margin-top:8px;border-radius:8px;background:#f2f2f2;color:#111}
.er-mystery--compact h3{padding:7px 8px;background:#595959;font-size:12.5px;letter-spacing:.2px}
.er-mystery--compact .er-mystery__body{padding:7px 10px 3px}
.er-mystery--compact .er-mystery__headline{gap:10px}
.er-mystery--compact .er-mystery__illustration{flex-basis:56px;color:#595959}
.er-mystery--compact .er-mystery__illustration svg{width:56px}
.er-mystery--compact .er-mystery__headline p{font-size:10px}
.er-mystery--compact .er-mystery__headline strong{font-size:19px;letter-spacing:0}
.er-mystery--compact .er-mystery__styles{gap:16px;margin:2px 0 0}
.er-mystery--compact .er-mystery__styles label{min-height:44px;font-size:12px;gap:5px}
.er-mystery--compact .er-mystery__styles input{width:16px;height:16px;accent-color:#222}
.er-bag .er-mystery--compact .er-mystery__add{min-height:44px;padding:8px;font-size:14px;background:#242424}
.er-cart .er-mystery__description{margin-bottom:4px}
.er-cart .er-mystery__styles{margin-bottom:0}
.er-cart .er-mystery__body{padding-bottom:6px}