/* Stockists page only: prevents old fixed positioning affecting logos, text or maps. */
.stockists-list { width: 100%; max-width: 100%; margin: 0 auto; }
.stockist-entry { padding: 26px 0 30px; border-bottom: 1px solid rgb(155, 163, 160); }
.stockist-entry:last-of-type { border-bottom: 0; }
.stockist-heading { font: inherit; font-size: 24px; font-weight: normal; line-height: 1.35; color: #999; margin: 0 0 28px; }
.stockist-grid { display: grid; grid-template-columns: 260px minmax(0, 1fr) 95px; gap: 24px; align-items: start; width: 100%; }
.stockist-image, .stockist-description, .stockist-map-action { min-width: 0; }
.stockist-image { text-align: center; }
.stockist-image img { display: block; max-width: 100%; max-height: 200px; width: auto; height: auto; margin: 0 auto; object-fit: contain; }
.stockist-description { line-height: 1.5; overflow-wrap: anywhere; }
.stockist-description p { margin: 0 0 12px; }
.stockist-description a { overflow-wrap: anywhere; }
.stockist-map-action { display: flex; justify-content: center; }
.stockist-map-button { display: inline-flex; align-items: center; flex-direction: column; gap: 8px; background: none; border: 0; padding: 8px; cursor: pointer; color: #777; font: inherit; }
.stockist-map-button img { width: 54px; max-width: 100%; height: auto; }
.stockist-map-button span { font-size: 14px; text-decoration: underline; }
.stockist-map-button:hover, .stockist-map-button:focus-visible { color: #444; }
.stockist-map-dialog { border: 1px solid #aaa; padding: 14px; width: min(680px, calc(100vw - 24px)); max-width: 100%; max-height: calc(100dvh - 24px); background: white; box-sizing: border-box; color: #555; }
.stockist-map-dialog::backdrop { background: rgb(0 0 0 / 55%); }
.stockist-dialog-heading { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 12px; }
.stockist-dialog-heading strong { font-size: 17px; font-weight: normal; }
.stockist-close-map { font: inherit; cursor: pointer; background: #f6f6f6; border: 1px solid #aaa; border-radius: 3px; padding: 8px 12px; }
.stockist-map-dialog iframe { display: block; width: 100%; height: min(62dvh, 520px); border: none; }
@media (max-width: 850px) {
  .stockist-grid { grid-template-columns: minmax(0, 210px) minmax(0, 1fr); gap: 18px; }
  .stockist-map-action { grid-column: 2; justify-content: flex-start; }
}
@media (max-width: 600px) {
  .stockist-entry { padding: 22px 0 26px; }
  .stockist-heading { font-size: 21px; margin-bottom: 18px; }
  .stockist-grid { grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .stockist-image img { max-height: 190px; }
  .stockist-map-action { grid-column: 1; justify-content: center; }
  .stockist-map-button { flex-direction: row; }
  .stockist-map-button img { width: 40px; }
  .stockist-map-dialog iframe { height: min(65dvh, 460px); }
}