.zk-local-product { clear: both; flex: 0 0 100%; grid-column: 1 / -1; order: 2; width: 100%; margin: 0; }

/* Compact panel: matches the off-white surfaces already used in the purchase card (quantity box, search field). */
.quote-fields div.zk-local-notice.zk-local-hint,
.zk-local-product div.zk-local-notice.zk-local-hint.zk-local-hint--product { box-sizing: border-box; display: block; clear: both; flex: 0 0 100%; grid-column: 1 / -1; width: 100%; max-width: 100%; margin: 4px 0 20px; padding: 14px 16px 16px; border: 1px solid #e4e1db; border-radius: 6px; background: #f7f6f3; font-family: inherit; font-size: 13px; font-weight: 400; line-height: 18px; color: #444; text-align: left; }
.zk-local-product div.zk-local-notice.zk-local-hint.zk-local-hint--product { margin: 14px 0 0; }

.zk-local-hint .zk-local-title { display: block; margin: 0 0 4px; font: inherit; font-size: 15px; font-weight: 600; line-height: 20px; color: #111; }
.zk-local-hint .zk-local-text { display: block; margin: 0; font: inherit; color: #444; }
.zk-local-hint .zk-local-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; margin: 12px 0 0; }

/* Secondary outline action in the shop's primary green; Add to Quote stays the only filled button. */
.zk-local-hint a.zk-local-link,
.zk-local-product .zk-local-hint a.zk-local-link,
.quote-fields .zk-local-hint a.zk-local-link { display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-height: 38px; margin: 0; padding: 0 16px; border: 1.5px solid #0b493d; border-radius: 6px; background: #fff; box-shadow: none; color: #0b493d; font: inherit; font-size: 14px; font-weight: 600; line-height: 20px; text-decoration: none; white-space: nowrap; cursor: pointer; transition: background-color .15s ease, color .15s ease; }
.zk-local-hint a.zk-local-link:hover,
.zk-local-product .zk-local-hint a.zk-local-link:hover,
.quote-fields .zk-local-hint a.zk-local-link:hover { background: #0b493d; color: #fff; text-decoration: none; }

.zk-local-hint button.zk-local-change,
.zk-local-product .zk-local-hint button.zk-local-change { display: inline; width: auto; min-height: 0; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; color: #555; font: inherit; font-size: 13px; font-weight: 400; line-height: 18px; text-decoration: underline; text-underline-offset: 2px; cursor: pointer; }
.zk-local-hint button.zk-local-change:hover { color: #111; }

.zk-local-label { display: block; margin: 14px 0 6px; font-size: 13px; font-weight: 600; line-height: 17px; color: #111; }
.zk-local-product .zk-local-country { box-sizing: border-box; width: 100%; min-height: 42px; padding: 10px 12px; border: 1px solid #ddd; border-radius: 4px; background: #fff; color: #222; font: inherit; font-size: 14px; }

.zk-local-hint[hidden], .zk-local-editor[hidden] { display: none !important; }
.zk-local-link:focus-visible, .zk-local-change:focus-visible, .zk-local-country:focus-visible { outline: 2px solid #0b493d; outline-offset: 2px; }

@media (max-width: 480px) {
  .zk-local-hint .zk-local-actions { gap: 10px 14px; }
  .zk-local-hint a.zk-local-link,
  .zk-local-product .zk-local-hint a.zk-local-link,
  .quote-fields .zk-local-hint a.zk-local-link { flex: 1 1 auto; }
}