/* Keep the existing navigation while making the pickup list and its next action clear. */
#app .rt-simple-booking .rt-pickup-item-count {
  margin: -4px 0 8px;
  color: #4d6457;
  font-size: 14px;
}
#app .rt-simple-booking .rt-pickup-suggestions { margin: 8px 0 12px; }
#app .rt-pickup-suggestions .rt-related-heading {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 8px;
}
#app .rt-swipe-label { color: #4c6456; font-size: 12px; }
#app .rt-pickup-suggestions .rt-suggestion-grid {
  display: grid;
  grid-auto-flow: column;
  grid-template-columns: none;
  grid-auto-columns: clamp(66px, 23%, 105px);
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  scroll-snap-type: x proximity;
  padding: 2px 2px 6px;
}
#app .rt-suggestion-tile { scroll-snap-align: start; }
#app .rt-simple-booking #quick-results .rt-search-group {
  margin: 5px 0 0;
  color: #244837;
  font-size: 14px;
}
#app .rt-simple-booking .rt-compact-item > .rt-search-photo {
  grid-column: 1;
  grid-row: 1 / 4;
  width: 48px;
  height: 48px;
}
#app .rt-simple-booking .rt-catalogue-search .booking-more-items { margin-top: 0; }
#app .rt-simple-booking .booking-more-items > .actions { margin: 0 0 8px; }
#app .rt-simple-booking .booking-more-items > .actions > button { min-height: 44px; }
.rt-product-placeholder { color: #567566; font-size: 24px; }

#app .rt-simple-booking .booking-photo-actions { grid-template-columns: 1fr; }
#app .rt-simple-booking .rt-has-photos .rt-photo-required { display: none; }
#app .rt-simple-booking #photos:not(:empty) {
  display: grid;
  grid-template-columns: 1fr;
  order: 1;
  margin: 6px 0;
}
#app .rt-simple-booking .rt-has-photos > .actions { order: 2; }
#app .rt-simple-booking .rt-has-photos > #photo-feedback { order: 3; }
#app .rt-simple-booking #photos .rt-pickup-photo {
  display: grid;
  grid-template-columns: minmax(96px, 164px) 1fr;
  align-items: center;
  gap: 8px 12px;
}
#app .rt-simple-booking #photos .rt-pickup-photo img {
  display: block;
  width: 100%;
  height: 100px;
  max-height: 100px;
  border-radius: 8px;
  object-fit: cover;
}
#app .rt-pickup-photo-tools { display: flex; flex-wrap: wrap; gap: 3px 5px; }
#app .rt-pickup-photo-tools button { min-height: 44px; padding: 6px 8px; }

.rt-installation-choices {
  display: grid;
  grid-template-columns: 1fr 1.45fr 1fr;
  gap: 6px;
}
.rt-installation-choices :is(button, label span) {
  display: grid;
  place-items: center;
  min-height: 44px;
  padding: 6px;
  border: 1px solid #bccdc2;
  border-radius: 9px;
  color: #244437;
  background: white;
  font: inherit;
  text-align: center;
  font-size: 13px;
}
.rt-installation-choices button[aria-pressed="true"],
.rt-installation-choices input:checked + span {
  border-color: #00853e;
  background: #e2f5e9;
  color: #175737;
}
.rt-installation-choices label { position: relative; cursor: pointer; }
.rt-installation-choices input {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  margin: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.rt-installation-choices input:focus-visible + span { outline: 2px solid #00853e; }
#product-sheet :is([hidden], #product-detail-add) { display: none !important; }
#product-sheet .rt-installation-choices { margin-top: 8px; }
#product-sheet #rt-installed-label { color: #17372b; font-weight: 700; }
#product-sheet #rt-product-optional > summary {
  min-height: 44px;
  padding: 11px 0;
  color: #176141;
  cursor: pointer;
}
#product-sheet #rt-product-optional > label { display: grid; gap: 4px; margin-bottom: 8px; }
#product-sheet #product-detail-continue { min-height: 48px; background: #00853e; }
#product-sheet #product-detail-subtotal { display: none; }
#product-sheet .detail-price-info { margin-top: 0; }

.rt-pickup-item-dialog {
  width: min(calc(100% - 24px), 420px);
  max-height: calc(100dvh - 32px);
  padding: 16px;
  border: 1px solid #d5e4da;
  border-radius: 16px;
  color: #122b1d;
  background: white;
}
.rt-pickup-item-dialog::backdrop { background: #152b25a8; }
.rt-pickup-item-dialog form { display: grid; gap: 12px; }
.rt-pickup-item-dialog header,
.rt-pickup-item-dialog .rt-ac-quantity {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0;
}
.rt-pickup-item-dialog h2 { margin: 0; font-size: 22px; }
.rt-pickup-item-dialog button { min-height: 44px; }
.rt-pickup-item-dialog header button { min-width: 44px; padding: 4px; font-size: 22px; }
.rt-pickup-item-dialog .rt-ac-photo {
  display: grid;
  place-items: center;
  background: #f6f8f6;
  border-radius: 12px;
}
.rt-pickup-item-dialog .rt-ac-photo > span { display: grid; place-items: center; width: 178px; height: 126px; }
.rt-pickup-item-dialog .rt-ac-photo svg { width: 100%; height: 100%; }
.rt-pickup-item-dialog .rt-ac-rate {
  display: grid;
  gap: 2px;
  margin: 0;
  padding: 10px;
  border-radius: 9px;
  background: #e2f5e9;
  font-size: 17px;
}
.rt-pickup-item-dialog .quantity-control { display: flex; }
.rt-pickup-item-dialog .quantity-control input { width: 54px; min-width: 0; text-align: center; padding: 4px; }
.rt-pickup-item-dialog fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.rt-pickup-item-dialog legend { margin-bottom: 7px; font-weight: 700; }
.rt-pickup-item-dialog .rt-ac-submit { width: 100%; background: #00853e; color: #fff; font-weight: 700; }
