/* pages.css | LM V001
   purpose: page content layouts only (product page, store layout, events, contact, technology boards); behaviour/look stays in kit.css
   changelog: V003 stock admin layout | V001 first version */

/* product page */
.product { align-items: start; }
.product__info .lead { margin: 0; }
.product__buy { display: flex; align-items: center; gap: var(--sp-3); flex-wrap: wrap; }
.product__price { font-size: var(--fs-xl); font-weight: var(--fw-bold); }
.product__price small { font-size: var(--fs-sm); color: var(--c-silver); font-weight: 400; }
@media (min-width: 900px) { .product .gallery { position: sticky; top: calc(var(--header-h) + var(--sp-4)); } }

/* store */
.store { display: grid; gap: var(--sp-6); }
.store__filters { gap: var(--sp-5); align-content: start; margin-bottom: var(--sp-5); }
.store__bar { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4); margin-bottom: var(--sp-5); flex-wrap: wrap; }
.store__bar .kicker { margin: 0; }
.store__sort { display: flex; align-items: center; gap: var(--sp-3); }
.store__sort .select { min-width: 200px; }
.store-card__price { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-2); margin: var(--sp-2) 0 var(--sp-3); font-size: var(--fs-lg); }
.store-card__pickers { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sp-3); margin-bottom: var(--sp-4); }
.store-card__pickers .swatch { margin-left: 2px; }
.store .card__body { padding-bottom: var(--sp-4); }
.store .card__title a:hover { color: var(--c-gold); }
@media (min-width: 1024px) {
  .store { grid-template-columns: 260px 1fr; gap: var(--sp-7); }
  .store__filters { position: sticky; top: calc(var(--header-h) + var(--sp-4)); }
}

/* events */
.events { list-style: none; margin: 0; padding: 0; display: grid; gap: 0; }
.events__item { display: grid; gap: var(--sp-1); padding: var(--sp-4) 0; border-bottom: var(--line) solid var(--c-line); }
@media (min-width: 720px) { .events__item { grid-template-columns: 160px 1fr auto; align-items: center; gap: var(--sp-5); } }

/* technology boards: shown whole on a dark plate */
.board { background: var(--c-tile); border: var(--line) solid var(--c-line); padding: var(--tile-pad); }
.board .img { background: transparent; }

/* contact */
.contact { display: grid; gap: var(--sp-7); }
.contact__socials { list-style: none; margin: 0; padding: 0; }
@media (min-width: 900px) { .contact { grid-template-columns: 1.4fr 1fr; } }

/* stock admin */
.admin { display: grid; gap: var(--sp-6); }
.admin > * { min-width: 0; }
.admin__tools { display: grid; gap: var(--sp-4); }
.admin__actions { display: flex; align-items: center; justify-content: space-between; gap: var(--sp-3); flex-wrap: wrap; }
.admin__buttons { display: flex; gap: var(--sp-2); flex-wrap: wrap; }
.reorder { list-style: none; margin: 0; padding: 0; }
.reorder__item { display: grid; gap: var(--sp-1); justify-items: start; padding: var(--sp-3) 0; border-bottom: var(--line) solid var(--c-line); }
@media (min-width: 720px) { .admin__tools { grid-template-columns: minmax(240px, 1fr) auto; align-items: end; } }
@media (min-width: 1200px) { .admin { grid-template-columns: 1fr 300px; } .admin__side { position: sticky; top: calc(var(--header-h) + var(--sp-4)); align-self: start; } }