.quickmenu-wrap{display:flex;justify-content:center;margin-bottom:.75rem}.quickmenu-grid{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.75rem;width:100%;margin:0 auto;justify-items:center}.quickmenu-grid .qcard{width:100%;max-width:90px;margin:0 auto}.menu-label{display:block;margin-top:.25rem;text-align:center;font-size:11px}.op-card{position:relative;overflow:hidden;border-radius:22px;padding:22px;color:#fff;background:linear-gradient(135deg,#4ebe86 0%,#023c27 100%);box-shadow:0 8px 28px rgba(0,0,0,.12)}.op-card::before{content:"";position:absolute;inset:0;background:radial-gradient(1200px 420px at -10% 0%,rgba(255,255,255,.1),transparent 60%),radial-gradient(1200px 420px at 110% 100%,rgba(255,255,255,.08),transparent 60%)}.op-card>*{position:relative}.sppg-mbg-card{color:#fff;background:radial-gradient(900px 360px at -10% 0%,rgba(255,255,255,.18),transparent 58%),radial-gradient(700px 320px at 110% 100%,rgba(255,255,255,.12),transparent 62%),linear-gradient(360deg,#4ebe86 0,#023c27 100%);box-shadow:0 16px 34px rgba(2,60,39,.25)}.sppg-mbg-card::before{display:block;background:linear-gradient(120deg,rgba(255,255,255,.14),transparent 34%),radial-gradient(240px 140px at 78% 8%,rgba(214,180,92,.18),transparent 68%)}.sppg-mbg-card .op-title,.sppg-mbg-card .txt{color:#fff;text-shadow:0 1px 2px rgba(2,30,20,.25)}.sppg-mbg-card .ico{background:rgba(255,255,255,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)}.sppg-mbg-card .sppg-penerima-highlight{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.54);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}.sppg-mbg-card .sppg-penerima-highlight strong{color:#fff}.sppg-mbg-card .sppg-penerima-highlight strong.sppg-penerima-less,.sppg-mbg-card .sppg-penerima-highlight strong.sppg-penerima-more{color:#fff !important}.op-title{margin:0 0 .55rem;font-size:1.5rem;font-weight:800}.op-row{display:flex;align-items:center;gap:.5rem;margin:.3rem 0}.op-row .ico{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:rgba(255,255,255,.15)}.op-row .txt{font-weight:700}.sppg-penerima-highlight{margin-top:.65rem;padding:.6rem .7rem;border-radius:14px;background:rgba(255,255,255,.17);border:1px dashed rgba(255,255,255,.5)}.sppg-penerima-highlight strong{color:#fff;font-size:1.35rem}.free-ongkir-card{position:relative;overflow:hidden;border-radius:16px;background:#fff}.free-ongkir-icon{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#277295,#20c997);box-shadow:0 8px 18px rgba(32,201,151,.25)}.voucher-section{text-align:left;margin-top:1rem}.voucher-label{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:.4rem;color:#277295;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.voucher-dot{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:999px;color:#fff;background:linear-gradient(135deg,#277295,#20c997);box-shadow:0 0 0 4px rgba(39,114,149,.15);font-size:.9rem}.voucher-pill{display:flex;align-items:flex-start;gap:.55rem;padding:.55rem .7rem;margin-bottom:.45rem;border-radius:12px;background:#f7fbff;border:1px solid rgba(39,114,149,.06);box-shadow:0 4px 10px rgba(15,23,42,.03);color:#374151}.voucher-pill-icon{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(39,114,149,.08);font-size:1.1rem}.voucher-pill-text{color:#374151;font-size:.8rem;line-height:1.45}.voucher-pill-title{margin-bottom:.1rem;font-weight:700}.t-card{--grad-1:#023c27;--grad-2:#0f7a4d;--grad-3:#4ebe86;position:relative;min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;overflow:hidden;border-radius:26px;padding:36px 22px 28px;color:#fff;text-align:center;background:radial-gradient(120% 100% at 100% 0,rgb(255 255 255 / .16),transparent 50%),linear-gradient(160deg,var(--grad-1) 0%,var(--grad-2) 60%,var(--grad-3) 100%);box-shadow:0 20px 50px rgb(2 6 23 / .15),inset 0 1px 0 rgb(255 255 255 / .15)}.t-card::before{content:"";position:absolute;inset:0;background:var(--bg,none) center / cover no-repeat;opacity:.15;mix-blend-mode:soft-light;pointer-events:none}.t-quote{position:relative;margin:0;font-weight:800;letter-spacing:.015em;line-height:1.6;font-size:clamp(18px,2.6vw,26px)}.t-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:14px;border:2px solid rgb(255 255 255 / .9);color:#fff;text-decoration:none;font-weight:800;letter-spacing:.06em;background:rgb(255 255 255 / .09);box-shadow:0 8px 22px rgb(2 6 23 / .25)}.t-btn:hover{color:#fff;background:rgb(255 255 255 / .18)}.sppg-home-chart-card{background:#fff;border:1px solid #e4efe9;border-radius:16px;padding:14px;box-shadow:0 8px 22px rgba(0,0,0,.05);margin-bottom:12px}.sppg-chart-filter{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.sppg-chart-filter strong{color:#023c27;text-transform:uppercase;letter-spacing:.04em}.sppg-chart-filter form{display:flex;gap:6px}.sppg-chart-filter input{max-width:160px}.sppg-data-badge{display:inline-flex;margin-top:5px;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:900}.sppg-data-badge.is-ready{background:#dcfce7;color:#166534}.sppg-data-badge.is-empty{background:#fff7ed;color:#9a3412}.sppg-preview-controls{display:flex;justify-content:space-between;gap:8px;width:100%}.sppg-preview-btn{min-width:42px}.menu-circle.loading .emoji-icon{opacity:0}.menu-circle.loading{position:relative}.menu-circle.loading::after{content:"";position:absolute;inset:0;width:26px;height:26px;margin:auto;border-radius:50%;border:3px solid rgba(255,255,255,.75);border-right-color:transparent;animation:sppgQuickSpin .6s linear infinite}@keyframes sppgQuickSpin{to{transform:rotate(360deg)}}@media (max-width:576px){.quickmenu-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:380px;gap:.6rem}.menu-label{font-size:10px}}@media (max-width:420px){.sppg-chart-filter{display:block}.sppg-chart-filter form{margin-top:8px}.sppg-chart-filter input{max-width:100%;width:100%}}