/* Crate Saverz V2 "Drive-Thru" coming-soon section. Made with Claude, Nov 3 2026. */
.dt{--dtr:#b3261e;--dtr2:#7a1712;--dty:#ffe500;--chk:22px;max-width:560px;margin:34px auto 30px;color:var(--dtr);text-align:center;scroll-margin-top:80px}
.dt-chk{height:var(--chk);border:3px solid var(--dtr);background:repeating-conic-gradient(var(--dtr) 0 25%,#fff 0 50%) 0 0/var(--chk) var(--chk)}
.dt-chk.t{border-bottom:0;border-radius:12px 12px 0 0}.dt-chk.b{border-top:0;border-radius:0 0 12px 12px}
.dt-card{background:#fff;border-left:3px solid var(--dtr);border-right:3px solid var(--dtr);padding:18px 18px 16px;box-shadow:8px 0 0 #000}
.dt-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
.dt-kick{font:400 14px/1 var(--disp);letter-spacing:.14em;text-transform:uppercase;color:var(--dtr)}
.dt-open{font:400 17px/1 var(--mk);color:var(--dtr);background:var(--dty);border:2px solid var(--dtr);border-radius:999px;padding:6px 14px 4px;animation:dtflick 4s infinite}
@keyframes dtflick{0%,92%,100%{opacity:1}93%{opacity:.45}95%{opacity:1}96%{opacity:.6}}
.dt-wm{position:relative}
.dt-wm:before{content:"";position:absolute;inset:-10px 0;background:url(watermark.webp) center/min(92%,420px) auto no-repeat;opacity:.09;pointer-events:none}
.dt-wm>*{position:relative}
.dt-title{display:flex;align-items:flex-end;justify-content:center;gap:6px;margin:0}
.dt-title span{font:400 clamp(34px,9vw,52px)/1 var(--disp);text-transform:uppercase;letter-spacing:.02em;color:var(--dtr)}
.dt-palm{width:34px;height:44px;flex:none;transform-origin:50% 100%;animation:dtsway 5s ease-in-out infinite}
.dt-palm.r{transform:scaleX(-1);animation-name:dtsway2}
@keyframes dtsway{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
@keyframes dtsway2{0%,100%{transform:scaleX(-1) rotate(-3deg)}50%{transform:scaleX(-1) rotate(3deg)}}
.dt-sub{margin:8px 0 16px;font-size:15px;color:var(--dtr2)}
.dt-order{font:400 24px/1.1 var(--mk);margin:0 0 8px;color:var(--dtr)}
.dt-drop{display:block;border:3px dashed var(--dtr);border-radius:8px;padding:20px 10px;margin:0 0 16px;color:var(--dtr);text-decoration:none;background:rgba(255,255,255,.55)}
.dt-drop svg{width:34px;height:34px;display:block;margin:0 auto 6px}
.dt-drop b{display:block;font:400 20px/1.1 var(--disp);letter-spacing:.04em;text-transform:uppercase}
.dt-drop small{display:block;margin-top:4px;font-size:13px;color:var(--dtr2)}
.dt-menu{background:var(--dty);border:3px solid var(--dtr);border-radius:8px;padding:12px 16px;text-align:left;color:var(--dtr2)}
.dt-menu h3{font:400 18px/1 var(--disp);letter-spacing:.1em;margin:0 0 8px;color:var(--dtr)}
.dt-menu ul{list-style:none;margin:0;padding:0}
.dt-menu li{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-bottom:1px solid rgba(122,23,18,.25);font-size:16px}
.dt-menu li:last-child{border-bottom:0}
.dt-menu li em{font-style:normal;font-size:14px;opacity:.85;white-space:nowrap}
.dt-menu li.fave em{font-weight:700;opacity:1}
.dt-fresh{margin:12px 0 14px;font-size:14px;color:var(--dtr2)}
.dt .signup{background:#fff;border-color:var(--dtr);box-shadow:none;padding:14px 12px 12px;margin:0}
.dt .signup-h{color:var(--dtr)}
.dt .chk{color:var(--dtr2)}
.dt .sub-row input{border-color:var(--dtr)}
.dt .status{color:var(--dtr2)}
.dt-foot{display:flex;align-items:center;justify-content:space-between;margin-top:14px}
.dt-foot span{width:56px}
.dt-foot p{margin:0;font:400 22px/1 var(--mk);color:var(--dtr)}
.dt-foot img{width:56px;height:auto;border-radius:6px;display:block}
@media (prefers-reduced-motion:reduce){.dt-open,.dt-palm{animation:none}}
/* Beta test bar at the very top of the site */
.beta-bar{background:#ffe500;color:#7a1712;text-align:center;font:400 15px/1 var(--disp);letter-spacing:.16em;text-transform:uppercase;padding:9px 12px 7px;border-bottom:3px solid #b3261e}
.beta-bar b{font-weight:400;color:#b3261e}
/* Nov 3: tappable beta bar + sign-up box near the top */
a.beta-bar{display:block;text-decoration:none}
a.beta-bar u{text-decoration:underline;text-underline-offset:3px;color:#b3261e}
.top-signup{max-width:520px;margin:18px auto 6px;text-align:left}