/* Reusable customer-facing mix visual. Each recipe swaps only the image source. */
.recipe-mix-card{position:relative;width:min(100%,360px);height:168px;margin:22px auto 17px;overflow:hidden;border-radius:16px;background:radial-gradient(circle at 30% 25%,#d8ea75,transparent 33%),linear-gradient(130deg,#143b34,#5d321d);box-shadow:5px 6px 0 rgba(0,0,0,.12)}.recipe-mix-card:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,25,20,.55),transparent 55%),linear-gradient(0deg,rgba(5,25,20,.48),transparent 56%);pointer-events:none}.recipe-mix-card img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.recipe-mix-caption{position:absolute;z-index:1;left:17px;bottom:14px;color:#fff;text-align:left;text-shadow:0 2px 9px rgba(0,0,0,.45)}.recipe-mix-caption b{display:block;font:900 31px/1 var(--serif);letter-spacing:-.08em}.recipe-mix-caption small{display:block;margin-top:7px;font:10px var(--mono);letter-spacing:.13em}.customer-name-box label{display:flex;align-items:center;gap:7px}.customer-name-box label em{padding:2px 5px;background:var(--lime);color:var(--ink);font:9px var(--mono);font-style:normal}.customer-name-box input[aria-invalid="true"]{border-color:#ff9a7c;box-shadow:0 0 0 2px rgba(233,99,51,.25)}.customer-name-box #customer-name-privacy{margin:7px 0 0;color:rgba(255,255,255,.64);font-size:10px;line-height:1.5}.input-error{min-height:16px;margin:5px 0 0;color:#ffb5a0;font-size:11px}.customer-name-preview{min-height:16px;margin:3px 0 0;color:var(--lime);font-size:11px}.success .success-customer-name{margin:-14px 0 20px!important;color:var(--green);font:700 14px var(--serif)}
@media(max-width:520px){.recipe-mix-card{height:151px;border-radius:13px}.recipe-mix-caption b{font-size:27px}}