/* EOMS BD — MERN e-commerce pages: extras on top of solutions.css */
.cap ul{list-style:none;display:grid;gap:7px;margin-top:4px}
.cap li{display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-size:.9rem;line-height:1.5}
.cap li i{color:var(--teal);font-size:.75rem;margin-top:5px;flex:0 0 auto}
.lowprice{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:32px 34px;border-radius:var(--r);
  background:linear-gradient(135deg,rgba(255,176,32,.12),rgba(255,77,141,.10));border:1px solid rgba(255,176,32,.35)}
.lowprice h2{font-family:var(--head);font-size:1.45rem;line-height:1.3;margin-bottom:8px}
.lowprice p{color:var(--muted);font-size:.97rem}
.lp-ic{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;font-size:1.6rem;background:var(--grad);color:#170b02}
@media(max-width:860px){.lowprice{grid-template-columns:1fr;padding:26px 22px}.lowprice .btn{justify-content:center}}
.work{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
@media(max-width:980px){.work{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.work{grid-template-columns:repeat(2,1fr)}}
.wk{padding:18px 16px;border-radius:14px;background:var(--surface);border:1px solid var(--line);text-align:center}
.wk b{display:block;font-family:var(--head);font-size:1rem}
.wk small{color:var(--dim);font-size:.8rem}
.wk.more{background:transparent;border-style:dashed}
.wk.more b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.3rem}
/* module picker */
.md-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
@media(max-width:480px){.md-grid{grid-template-columns:1fr}}
.md-opt{display:block;cursor:pointer}
.md-opt input{position:absolute;opacity:0;pointer-events:none}
.md-opt span{display:flex;gap:9px;align-items:center;padding:10px 12px;border-radius:10px;background:var(--bg2);border:1px solid var(--line);font-size:.86rem;font-weight:600;color:var(--muted);transition:all .2s}
.md-opt span i{color:var(--dim)}
.md-opt input:checked+span{border-color:rgba(255,176,32,.6);color:var(--text);background:rgba(255,176,32,.08)}
.md-opt input:checked+span i{color:var(--amber)}
.md-opt input:focus-visible+span{outline:2px solid var(--amber);outline-offset:2px}
/* stack picker */
.pk-out{margin-top:6px;padding:16px 18px;border-radius:14px;background:var(--bg2);border:1px dashed var(--line)}
.pk-out small{display:block;color:var(--dim);font-size:.78rem;margin-bottom:4px}
.pk-out p{font-size:.98rem}
.pk-out p b{color:var(--amber)}