/* Fallback styling for standalone index.html; when embedded via embed.js, we rely on site styles */
:root{
  --lp-gap: 14px;
  --lp-border: #e8e5e0;
}
body{ margin:0; padding:24px; font-family: ui-serif, Georgia, 'Times New Roman', serif; background:#faf8f5; color:#222; }
.lp-wrap{ max-width: 860px; margin: 0 auto; }
.lp-h1{ font-size: 28px; margin-bottom: 12px; letter-spacing: .3px; }
.lp-note{ opacity:.75; margin-bottom: 22px; }
.lp-list{ display: grid; grid-template-columns: 1fr; gap: var(--lp-gap); }
.lp-card{ display:flex; gap: var(--lp-gap); align-items:center; padding:12px 0; border-bottom:1px solid var(--lp-border); }
.lp-card img{ width:92px; height:auto; object-fit:cover; border-radius:8px; }
.lp-card .lp-meta{ flex:1; }
.lp-title{ font-weight:600; }
.lp-price{ opacity:.8; font-size:.95rem; }
.lp-qty{ display:flex; align-items:center; gap:8px; }
.lp-qty button{ min-width:28px; min-height:28px; }
.lp-form{ margin-top: 26px; display:grid; gap:10px; }
.lp-form input, .lp-form textarea{ padding:10px; border:1px solid var(--lp-border); background:#fff; }
.lp-form button{ padding:10px 14px; border:1px solid #222; background:#222; color:#fff; cursor:pointer; }
.lp-badge{ font-size:.8rem; padding:2px 8px; border:1px solid var(--lp-border); border-radius:999px; }
.lp-row{ display:flex; justify-content:space-between; gap: var(--lp-gap); }
.lp-muted{ opacity:.65; }
.lp-success{ background:#edfbea; padding:12px; border:1px solid #d3f0d0; }
@media(min-width:720px){
  .lp-list{ grid-template-columns: 1fr; }
}