.wdmqp-public {
    --wdmqp-bg:#f7f6f2;
    --wdmqp-surface:#ffffff;
    --wdmqp-text:#22201a;
    --wdmqp-muted:#6b7280;
    background:linear-gradient(180deg,#f7f6f2 0%,#f2efe9 100%);
    color:var(--wdmqp-text);
    border-radius:28px;
    padding:32px;
    box-shadow:0 20px 50px rgba(0,0,0,.09);
}
.wdmqp-hero { display:grid; grid-template-columns:1.5fr .8fr; gap:24px; align-items:center; margin-bottom:32px; }
.wdmqp-pill,.wdmqp-badge { display:inline-flex; align-items:center; border-radius:999px; font-weight:700; }
.wdmqp-pill { background:color-mix(in srgb, var(--wdmqp-accent) 12%, white); color:var(--wdmqp-accent); padding:7px 13px; margin-bottom:14px; }
.wdmqp-public h2 { font-size:clamp(34px,4vw,58px); line-height:1.05; margin:0 0 12px; }
.wdmqp-subtitle,.wdmqp-restaurant { color:var(--wdmqp-muted); margin:0 0 8px; }
.wdmqp-qrbox { background:var(--wdmqp-surface); border:1px solid #ece7de; border-radius:22px; padding:20px; text-align:center; }
.wdmqp-qrbox img { margin:0 auto 12px; }
.wdmqp-sections { display:grid; gap:24px; }
.wdmqp-section { background:rgba(255,255,255,.72); backdrop-filter: blur(8px); border:1px solid #ece7de; border-radius:22px; padding:22px; }
.wdmqp-section h3 { margin:0 0 18px; color:var(--wdmqp-accent); font-size:28px; }
.wdmqp-items-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.wdmqp-item-card { display:grid; grid-template-columns:120px 1fr; gap:16px; background:#fff; border:1px solid #f0ece5; border-radius:18px; padding:14px; }
.wdmqp-item-image { width:120px; height:120px; object-fit:cover; border-radius:14px; }
.wdmqp-item-top { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.wdmqp-item-top h4 { margin:0; font-size:22px; }
.wdmqp-item-top strong { color:var(--wdmqp-accent); white-space:nowrap; }
.wdmqp-badge { background:color-mix(in srgb, var(--wdmqp-accent) 10%, white); color:var(--wdmqp-accent); padding:5px 10px; font-size:12px; margin:10px 0; }
.wdmqp-item-body p, .wdmqp-item-body small { color:var(--wdmqp-muted); }
@media (max-width: 920px) {
    .wdmqp-hero, .wdmqp-items-grid { grid-template-columns:1fr; }
    .wdmqp-item-card { grid-template-columns:1fr; }
    .wdmqp-item-image { width:100%; height:220px; }
    .wdmqp-public { padding:20px; border-radius:20px; }
}