@import url('https://fonts.googleapis.com/css2?family=Pacifico&family=Poppins:wght@400;500;600;700&display=swap');
/* ── Tema 14 · Tropik Bar (Tropical Cocktail) ────────────────────── */
:root{
  --ink:#08343a; --sub:#3f6b70; --card:rgba(255,255,255,.92);
  --coral:#ff6f61; --teal:#10b7a6; --line:rgba(8,52,58,.1);
}
*{box-sizing:border-box}
body{background:linear-gradient(150deg,#12b3a4 0%,#3ec6c0 42%,#ff9a76 100%);background-attachment:fixed;color:var(--ink);font-family:'Poppins',system-ui,sans-serif;line-height:1.55}
.menu-container{max-width:840px;margin:0 auto;padding:30px 18px 60px}
.menu-header{text-align:center;margin:8px 0 24px;color:#fff}
.menu-logo{max-height:96px;margin-bottom:8px}
.restaurant-name{font-family:'Pacifico',cursive;font-size:2.6rem;color:#fff;font-weight:400;text-shadow:0 4px 16px rgba(0,0,0,.22)}
.divider{display:flex;align-items:center;justify-content:center;margin:8px 0}
.divider-line{height:2px;width:34px;background:rgba(255,255,255,.85);border-radius:2px}
.divider-diamond{margin:0 10px;color:#fff}
.category-nav{position:sticky;top:0;z-index:10;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:12px 0;margin-bottom:28px}
.nav-item{color:#08343a;text-decoration:none;font-size:.82rem;font-weight:600;padding:7px 16px;background:rgba(255,255,255,.9);border-radius:24px;transition:.2s}
.nav-item:hover{background:var(--coral);color:#fff}
.category-section{margin:28px 0 42px;scroll-margin-top:74px}
.category-title-wrap{text-align:center;margin-bottom:20px}
.category-img{max-width:100%;max-height:180px;border-radius:18px;margin:0 auto 14px;display:block;object-fit:cover;box-shadow:0 10px 26px rgba(0,0,0,.2)}
.category-title{display:inline-block;font-size:1.5rem;font-weight:700;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2)}
.items-list{display:grid;grid-template-columns:1fr;gap:14px}
@media(min-width:600px){.items-list{grid-template-columns:1fr 1fr}}
.menu-item{display:flex;background:var(--card);border-radius:18px;overflow:hidden;box-shadow:0 8px 22px rgba(0,0,0,.14);transition:.2s;backdrop-filter:blur(4px)}
.menu-item:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(0,0,0,.2)}
.item-img{width:104px;height:104px;flex-shrink:0;object-fit:cover}
.item-info{padding:13px 16px;flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}
.item-header{display:flex;align-items:baseline;gap:8px}
.item-name{font-weight:600;font-size:1rem}
.item-dots{flex:1;border-bottom:2px dotted rgba(8,52,58,.18);align-self:center;height:0}
.item-price{font-weight:700;color:var(--coral);white-space:nowrap}
.item-desc{color:var(--sub);font-size:.84rem;margin-top:5px}
.menu-footer{margin-top:46px;text-align:center;color:#fff;font-size:.82rem;padding-top:22px}
.footer-name{font-family:'Pacifico',cursive;font-size:1.4rem;margin-bottom:6px;text-shadow:0 2px 10px rgba(0,0,0,.2)}
.qr-empty{text-align:center;padding:60px 20px;color:#fff}
@media(max-width:600px){.restaurant-name{font-size:2.1rem}.item-img{width:90px;height:90px}}