@font-face{font-family:CrushPopupAgrandir;src:url('./fonts/agrandir-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:CrushPopupIBM;src:url('./fonts/ibm-plex-mono.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:CrushPopupIBM;src:url('./fonts/ibm-plex-mono-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}

/* All component styles are scoped: the host site's buttons and type stay intact. */
#crush-push,#crush-push-tab{
  --crush-cream:#EDE3D0;--crush-black:#0B0B0B;--crush-turquoise:#23BFC4;--crush-magenta:#C9067F;
  box-sizing:border-box;color:var(--crush-black);background:var(--crush-cream);
  font:400 13px/1.5 CrushPopupIBM,monospace;text-align:left;text-transform:none;
  letter-spacing:0;isolation:isolate;color-scheme:light;
  right:calc(24px + env(safe-area-inset-right,0px));bottom:calc(24px + env(safe-area-inset-bottom,0px));
  position:fixed;z-index:1000;
}
#crush-push *,#crush-push *::before,#crush-push *::after,#crush-push-tab *{box-sizing:border-box}
#crush-push{width:392px;max-width:calc(100% - 32px);border:1px solid var(--crush-black);box-shadow:7px 7px 0 var(--crush-black),0 14px 50px #0B0B0B30;animation:crush-popup-enter .36s cubic-bezier(.2,.8,.2,1) both}
#crush-push .crush-scroll{max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px - env(safe-area-inset-bottom,0px));overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--crush-black) var(--crush-cream)}
#crush-push p,#crush-push h2,#crush-push dl,#crush-push dt,#crush-push dd{margin:0;padding:0;color:inherit}
#crush-push .photo{height:200px;position:relative;isolation:isolate;overflow:hidden;background:var(--crush-black)}
#crush-push .crush-food{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:none}
#crush-push .photo::after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:15px;background:var(--crush-cream);clip-path:polygon(0 65%,3% 35%,6% 55%,9% 25%,12% 65%,15% 45%,19% 75%,23% 20%,27% 45%,31% 15%,35% 55%,39% 20%,43% 65%,47% 45%,51% 70%,55% 35%,59% 55%,63% 15%,67% 60%,71% 35%,75% 65%,79% 25%,83% 50%,87% 20%,91% 65%,95% 25%,100% 55%,100% 100%,0 100%)}
#crush-push .crush-logo{position:absolute;left:18px;top:14px;display:block;width:99px;height:37px;background:var(--crush-cream);overflow:hidden;transform:rotate(-3deg)}
#crush-push .crush-logo img{position:absolute;display:block;max-width:none;width:99px;height:99px;top:-30px;left:0}
#crush-push .close{all:unset;box-sizing:border-box;position:absolute;right:12px;top:12px;z-index:3;display:grid;place-items:center;width:44px;height:44px;color:var(--crush-cream);background:var(--crush-black);border:1px solid var(--crush-cream);border-radius:50%;font:400 32px/1 Arial,sans-serif;cursor:pointer;transition:transform .18s,background .18s}
#crush-push .close:hover{background:var(--crush-magenta);transform:rotate(8deg)}
#crush-push .photo .kicker{position:absolute;left:18px;bottom:22px;max-width:calc(100% - 36px);padding:6px 9px 5px;background:var(--crush-cream);color:var(--crush-black);font:700 10px/1.4 CrushPopupIBM,monospace;text-transform:uppercase;letter-spacing:.025em;transform:rotate(-1deg)}
#crush-push .body{padding:14px 24px 16px;position:relative;background:var(--crush-cream)}
#crush-push .body::before{content:"";position:absolute;pointer-events:none;right:3px;top:14px;bottom:14px;width:9px;background:radial-gradient(circle at 3px 5px,var(--crush-black) 0 1px,transparent 1.3px) 0 0/9px 47px,radial-gradient(circle at 6px 9px,var(--crush-magenta) 0 .8px,transparent 1.1px) 0 0/9px 71px}
#crush-push h2{font:700 31px/1.06 CrushPopupAgrandir,sans-serif;text-transform:uppercase;letter-spacing:-.045em;max-width:none}
#crush-push h2 span{display:block;color:var(--crush-magenta);margin-top:3px}
#crush-push .lead{margin-top:12px;font:400 12px/1.6 CrushPopupIBM,monospace}
#crush-push .crush-offers{margin-top:17px;border-top:1px solid var(--crush-black)}
#crush-push .row{display:grid;grid-template-columns:1fr auto;column-gap:12px;padding:12px 0 11px;border-bottom:1px solid var(--crush-black);align-items:center}
#crush-push .row dt{font:700 13px/1.4 CrushPopupIBM,monospace;grid-column:1;grid-row:1}
#crush-push .detail{grid-column:1;grid-row:2;font:400 10px/1.6 CrushPopupIBM,monospace;max-width:230px;margin-top:3px}
#crush-push .price{grid-column:2;grid-row:1 / span 2;font:700 34px/1 CrushPopupIBM,monospace;letter-spacing:-.08em;white-space:nowrap;color:var(--crush-magenta)}
#crush-push .price span{font-size:22px;letter-spacing:-.06em}
#crush-push .crush-included{display:flex;align-items:center;gap:8px;margin:13px 0 14px;padding:8px 10px;background:var(--crush-turquoise);font:400 11px/1.3 CrushPopupIBM,monospace;clip-path:polygon(0 6%,24% 1%,49% 5%,75% 0,100% 4%,99% 100%,72% 96%,46% 100%,20% 96%,1% 100%)}
#crush-push .crush-included strong{font-weight:700;margin-left:auto}
#crush-push .crush-beat,#crush-push-tab .crush-tab-beat{display:flex;align-items:center;justify-content:center;gap:2px;height:18px}
#crush-push .crush-beat i,#crush-push-tab .crush-tab-beat i{display:block;width:2px;height:7px;background:currentColor}
#crush-push .crush-beat i:nth-child(2),#crush-push-tab .crush-tab-beat i:nth-child(2){height:17px}
#crush-push .crush-beat i:nth-child(3),#crush-push-tab .crush-tab-beat i:nth-child(3){height:12px}
#crush-push .crush-beat i:nth-child(4){height:18px}
#crush-push a{font-family:CrushPopupIBM,monospace;text-decoration:none;text-transform:none;letter-spacing:0;cursor:pointer}
#crush-push .cta{display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:11px 16px;background:var(--crush-black);color:var(--crush-cream);font-size:13px;font-weight:700;transition:background .18s}
#crush-push .cta:hover{background:var(--crush-magenta)}
#crush-push .cta span{font:400 25px/1 Arial,sans-serif}
#crush-push .wa{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;font-size:11px;font-weight:700;color:var(--crush-black);text-decoration:underline;text-underline-offset:4px}
#crush-push .wa:hover{color:var(--crush-magenta)}
#crush-push .crush-foot{border-top:1px dashed var(--crush-black);padding-top:9px;text-align:center}
#crush-push .place{font:400 9px/1.5 CrushPopupIBM,monospace}
#crush-push .signature{font:400 9px/1.5 CrushPopupIBM,monospace;letter-spacing:.08em;margin-top:3px}
#crush-push :is(a,button):focus-visible,#crush-push-tab:focus-visible{outline:3px solid var(--crush-magenta);outline-offset:3px}
#crush-push .close:focus-visible{outline-color:var(--crush-turquoise)}
#crush-push-tab{appearance:none;border:1px solid var(--crush-black);border-radius:0;max-width:calc(100% - 32px);padding:12px 14px;display:flex;align-items:center;gap:12px;cursor:pointer;box-shadow:4px 4px 0 var(--crush-black);animation:crush-popup-enter .25s ease both;transition:transform .18s}
#crush-push-tab:hover{transform:translateY(-3px)}
#crush-push-tab .crush-tab-beat{width:32px;height:36px;background:var(--crush-turquoise);flex-shrink:0}
#crush-push-tab .kicker{display:block;font:700 10px/1.4 CrushPopupIBM,monospace;color:var(--crush-magenta);text-transform:uppercase}
#crush-push-tab .title{display:block;font:700 11px/1.5 CrushPopupIBM,monospace;margin-top:3px}
#crush-push-tab .crush-tab-arrow{font:400 24px/1 Arial,sans-serif}
@keyframes crush-popup-enter{from{opacity:0;transform:translateY(18px) rotate(1deg)}to{opacity:1;transform:none}}
@media(max-width:600px){
  #crush-push,#crush-push-tab{right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  #crush-push{width:370px;max-width:calc(100% - 24px - env(safe-area-inset-right,0px) - env(safe-area-inset-left,0px));box-shadow:4px 4px 0 var(--crush-black),0 10px 40px #0B0B0B30}
  #crush-push .crush-scroll{max-height:calc(100vh - 28px);max-height:calc(100dvh - 28px - env(safe-area-inset-bottom,0px) - env(safe-area-inset-top,0px))}
  #crush-push .photo{height:168px}
  #crush-push .body{padding:12px 20px 14px}
  #crush-push h2{font-size:29px}
}
@media(max-height:740px){
  #crush-push .photo{height:148px}
  #crush-push .body{padding-top:10px;padding-bottom:10px}
  #crush-push h2{font-size:28px}
  #crush-push .lead{margin-top:8px}
  #crush-push .crush-offers{margin-top:10px}
  #crush-push .row{padding:9px 0}
  #crush-push .crush-included{margin:10px 0}
}
@media(max-width:360px){
  #crush-push .body{padding-left:16px;padding-right:16px}
  #crush-push h2{font-size:25px}
  #crush-push .photo .kicker{font-size:9px;left:12px}
  #crush-push .price{font-size:30px}
  #crush-push .row{column-gap:8px}
  #crush-push-tab{gap:8px;padding:10px}
  #crush-push-tab .title{font-size:10px}
}
@media(prefers-reduced-motion:reduce){#crush-push,#crush-push-tab{animation:none}#crush-push *,#crush-push-tab{transition:none}}
@media print{#crush-push,#crush-push-tab{display:none!important}}