/* A NEW PICTURE WAITING TO BE CHOSEN (kit-choose.js): over its slot, Image ready and Choose image; at the page's foot,
   its notice; the window that puts the two side by side (one over the other on a phone) */
.g-picture__ready { position: absolute; inset: 0; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: var(--g-2);
  padding: var(--g-3); border-radius: inherit; background: var(--g-scrim); color: var(--g-paper); text-align: center; }
.g-picture__ready-t { font-weight: var(--g-w-bold); }
.g-notice { position: fixed; inset-inline: var(--g-4); bottom: var(--g-4); z-index: 60; margin-inline: auto; max-width: var(--g-window); display: flex; align-items: center; gap: var(--g-3);
  padding: var(--g-3) var(--g-3) var(--g-3) var(--g-4); border-radius: var(--g-r-sm); background: var(--g-surface); color: var(--g-text); box-shadow: var(--g-shadow-lift);
  animation: g-notice-in var(--g-mid) var(--g-ease); }
.g-notice__t { flex: 1; min-width: 0; }
@keyframes g-notice-in { from { transform: translateY(100%); opacity: 0; } }
.g-choice { display: flex; flex-direction: column; gap: var(--g-4); }
.g-choice__pair { display: grid; grid-template-columns: 1fr 1fr; gap: var(--g-3); }
.g-choice__one { margin: 0; display: flex; flex-direction: column; gap: var(--g-2); }
.g-choice__one img { width: 100%; aspect-ratio: 1; object-fit: contain; border-radius: var(--g-r-sm); background: var(--g-fill); }
@media (max-width: 560px) { .g-choice__pair { grid-template-columns: 1fr; } }