/* Smoothie menu — 7-Eleven key visual: cream paper, green/orange/red stripes, hard offset shadows, sticker tags */
.menu-dialog{border:2px solid #142820;padding:0;width:min(780px,calc(100% - 32px));max-height:calc(100dvh - 40px);border-radius:18px;background:#fffef8;color:#142820;box-shadow:7px 7px 0 #f58220;overscroll-behavior:contain;overflow-x:hidden}
.menu-dialog::backdrop{background:#0d1a15d9}
.menu-close{position:absolute;right:14px;top:14px;width:40px;height:40px;border-radius:50%;background:#fffef8;border:2px solid #142820;box-shadow:2px 2px 0 #142820;font-size:22px;line-height:1;color:#142820;z-index:3}
.menu-close:hover{background:#ff8525}
.menu-inner{padding:0}

/* Header: white ground so the official stripes follow the brand guide (white/black backgrounds only) */
.menu-head{position:relative;overflow:hidden;background:#fff;color:#000;padding:30px 34px 44px;border-bottom:2px solid #142820}
.menu-head:before{content:"";position:absolute;left:34px;right:34px;bottom:16px;height:16px;background:linear-gradient(#ff6c00 0 4px,#fff 4px 5px,#007350 5px 11px,#fff 11px 12px,#ec0f2a 12px 16px)}
.menu-head:after{content:"";position:absolute;top:0;bottom:44px;right:-30px;width:230px;pointer-events:none;background:linear-gradient(115deg,transparent 40%,#ff6c00 40% 50%,transparent 50% 52.5%,#007350 52.5% 67.5%,transparent 67.5% 70%,#ec0f2a 70% 80%,transparent 80%)}
.menu-head h2{position:relative;z-index:1;font-size:38px;line-height:1.1;letter-spacing:-1.8px;margin:0;color:#007350}
.menu-head p{position:relative;z-index:1;margin:10px 0 0;font-size:14px;font-weight:600;color:#3c4a42}

/* Cafe-style menu: one card per smoothie */
.menu-dialog{width:min(1000px,calc(100% - 32px))}
.cafe-section{padding:24px 34px 8px}
.cafe-section + .cafe-section{border-top:2px dashed #d6dccd;padding-top:26px}
.cafe-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px}
.cafe-section-head h3{margin:0;font-size:21px;font-weight:900;letter-spacing:-.8px}
.cafe-section-head span{font-size:13px;font-weight:700;color:#5f6b62}
.cafe-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:18px}
.cafe-item{position:relative;display:flex;flex-direction:column;background:#fff;border:1.5px solid #142820;border-radius:16px;box-shadow:3px 3px 0 #142820;padding:0 0 14px;overflow:hidden;transition:transform .15s,box-shadow .15s}
.cafe-item:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #ff6c00}
.cafe-photo{background:var(--tint);padding:16px 18px 14px;border-bottom:1.5px solid #142820}
.cafe-photo img{display:block;width:100%;height:auto;aspect-ratio:1;border-radius:50%;background:#fff;border:3px solid #fff;box-shadow:0 4px 10px #0b2a1c26}
.cafe-item h4{margin:12px 14px 3px;font-size:16.5px;font-weight:900;letter-spacing:-.5px}
.cafe-item p{margin:0 14px;font-size:12px;line-height:1.5;color:#6a786f;min-height:36px}
.cafe-meta{display:flex;align-items:baseline;justify-content:space-between;margin:10px 14px 0}
.cafe-kcal{font-size:12px;font-weight:700;color:#007350}
.cafe-price{font-size:18px;font-weight:900;letter-spacing:-.4px}
.cafe-price small{font-size:12px;margin-left:1px}
.cafe-sale{margin:6px 14px 0;font-size:11.5px;font-weight:700;color:#5f6b62}
.cafe-sale strong{color:#ec0f2a;font-weight:900}
.cafe-badge{position:absolute;top:10px;left:10px;z-index:1;padding:3px 8px;background:#ec0f2a;color:#fff;border:1.5px solid #142820;border-radius:6px;box-shadow:2px 2px 0 #142820;transform:rotate(-6deg);font-size:11px;font-weight:900;letter-spacing:.5px}

/* Footer */
.menu-foot{padding:18px 34px 22px;background:#f5f2e6;display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
.menu-foot ul{list-style:none;margin:0;padding:0;font-size:12px;line-height:1.8;color:#5f6b62}
.menu-foot button{flex-shrink:0;font-size:13px;font-weight:800;color:#142820;background:#fffef8;border:1.5px solid #142820;border-radius:8px;box-shadow:2px 2px 0 #007d51;padding:8px 12px}
.menu-foot button:hover{background:#ff8525}

@media(max-width:760px){
  .menu-dialog{max-height:calc(100dvh - 24px);width:calc(100% - 22px);box-shadow:5px 5px 0 #f58220}
  .cafe-section{padding:20px 16px 6px}
  .cafe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .cafe-photo{padding:12px}
  .cafe-item h4{font-size:15px;margin:10px 10px 2px}
  .cafe-item p{margin:0 10px;font-size:11.5px}
  .cafe-meta,.cafe-sale{margin-left:10px;margin-right:10px}
  .cafe-price{font-size:16px}
  .menu-head{padding:24px 22px 46px}
  .menu-head:before{left:22px;right:22px;bottom:16px}
  .menu-head:after{bottom:46px}
  .menu-head:after{width:140px;right:-50px}
  .menu-head h2{font-size:30px}
  .menu-row{grid-template-columns:1fr;gap:18px;padding:22px 20px}
  .menu-photo{height:200px}
  .menu-foot{flex-direction:column;align-items:flex-start;gap:12px;padding:16px 20px 20px}
  .header-nav{gap:14px}
}