/* =========================================================
   Alderframe — Alderworks (product page + home additions)
   Builds on glass.css tokens. Loaded on / and /alderworks/.
   ========================================================= */
:root { --alderworks-a: #ff7a1a; --alderworks-b: #ffb340; }

/* ---------- Home: four products ---------- */
.shelf-row--4 { grid-template-columns: repeat(4, 1fr); max-width: 1000px; }
@media (max-width: 640px) { .shelf-row--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

.pcards--4 { grid-template-columns: repeat(2, 1fr); max-width: 980px; margin-inline: auto; }
@media (max-width: 900px)  { .pcards--4 { grid-template-columns: 1fr; max-width: 520px; margin-inline: auto; } }

.pcard--alderworks { --pa: var(--alderworks-a); --pb: var(--alderworks-b); }
.pcard__icon-glow--alderworks { --pa: var(--alderworks-a); }

.launch-strip--alderworks::before {
  background: linear-gradient(100deg, color-mix(in srgb, var(--alderworks-a) 12%, transparent), transparent 55%);
}
.launch-strip + .launch-strip { margin-top: 0.8rem; }

/* ---------- /alderworks/ ---------- */
.aw-hero-icon { border-radius: 22%; box-shadow: var(--shadow-2); }
.aw-facts { margin: 1.1rem 0 0; font-size: var(--text-small); color: var(--ink-3); }
.aw-facts span { white-space: nowrap; }

.aw-kv { grid-template-columns: repeat(4, 1fr); }
@media (max-width: 900px) { .aw-kv { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 480px) { .aw-kv { grid-template-columns: 1fr; } }

.aw-gallery {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 1rem;
  margin: 0; padding: 0; list-style: none;
}
.aw-gallery li:first-child { grid-column: 1 / -1; }
.aw-gallery figure { margin: 0; }
.aw-gallery img {
  display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover;
  border-radius: var(--radius-lg); border: 1px solid var(--glass-edge-b);
  box-shadow: var(--shadow-1); background: var(--bg-deep);
}
@media (max-width: 640px) { .aw-gallery { grid-template-columns: 1fr; } }

.aw-features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.1rem; }
@media (max-width: 1100px) { .aw-features { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .aw-features { grid-template-columns: 1fr; } }
.aw-features .feature-icon {
  color: color-mix(in srgb, var(--alderworks-a) 82%, var(--ink));
  background: color-mix(in srgb, var(--alderworks-a) 13%, transparent);
}

.aw-note { padding: 1.4rem 1.5rem; border-radius: var(--radius-lg); }
.aw-note p:last-child { margin-bottom: 0; }
.aw-smallprint { margin-top: 2.5rem; font-size: var(--text-micro); color: var(--ink-3); }