/* =====================================================================
   Lacquer & Lash · page pieces (Polish industry template)
   Load after polish.css. Prefix ll-.
   ===================================================================== */
.ll-svc .ll-meta { display: flex; justify-content: space-between; align-items: baseline; margin-top: 4px; padding-top: 10px; border-top: 1px dashed var(--line); font-size: 15px; color: var(--muted); }
.ll-svc .ll-meta b { font: 800 22px/1 var(--display); letter-spacing: -0.03em; color: var(--ink); }
.ll-list { display: grid; gap: 8px; }
.ll-list li { display: flex; justify-content: space-between; gap: 12px; padding-bottom: 8px; border-bottom: 1px dashed var(--line); }
.ll-list small { color: var(--muted); font-weight: 600; white-space: nowrap; }
.ll-steps { --n: 1; grid-template-columns: 1fr; }
.ll-slots { display: grid; grid-template-columns: repeat(auto-fill, minmax(112px, 1fr)); gap: 8px; }
.ll-slots .ll-day { grid-column: 1 / -1; margin-top: 8px; font: 700 12px/1.2 var(--body); letter-spacing: 0.08em; text-transform: uppercase; color: var(--muted); }
.ll-slots .ll-day:first-child { margin-top: 0; }
.ll-slots button { min-height: 44px; padding: 0 10px; border-radius: var(--r-pill); border: 1.5px solid var(--line); background: var(--card); cursor: pointer; font: 700 14.5px/1 var(--body); color: var(--ink); transition: border-color var(--d-fast), background var(--d-fast), color var(--d-fast); }
.ll-slots button:hover { border-color: var(--cherry); }
.ll-slots button[aria-pressed="true"] { background: var(--cherry); border-color: var(--cherry); color: var(--on-cherry); }
.ll-patch { margin: 0; }
.ll-need { background: var(--cherry-soft); }
.ll-sum { position: sticky; top: 110px; }
.ll-sum h3 { font-size: 28px; }
@media (max-width: 900px) { .ll-sum { position: static; } }