/*
 * WEBGLOBE MAINTAINER NOTES
 *
 * Style the kitchen brand interface and its responsive presentation.
 *
 * The selectors form a contract with the rendered markup and browser interactions. Preserve
 * keyboard focus, disabled/hidden states and the smaller-screen rules when adjusting the
 * cascade; an attractive desktop layout is not sufficient evidence of usable mobile forms.
 *
 * Kook & Ko owns a separate customer realm. Keep its account, stock and order identifiers scoped
 * to that shop when connecting this component to shared infrastructure. Demo prices and parcels
 * remain presentation and workflow examples.
 */
/* Responsive derivatives keep the original composition and whitespace crop. */
.k-wordmark { display: inline-block; position: relative; width: 280px; max-width: 100%; aspect-ratio: 1495 / 380; overflow: hidden; vertical-align: middle; }
.k-wordmark > img { display: block; position: absolute; width: 118.6622%; max-width: none; height: auto; left: -9.3645%; top: -61.3158%; }
.k-confirmation-page { color-scheme: light; background: #faf9f6; color: #20251e; }
.k-confirmation-page .k-wordmark, .k-confirmation-page .k-wordmark:hover { min-height: 0; margin-top: 0; padding: 0; border-radius: 0; background: none; }
.k-confirmation-page h1 { font-family: Georgia, 'Times New Roman', serif; }
.k-confirmation-page a:not(.k-wordmark), .k-confirmation-page button { background: #4e5738; color: #faf9f6; }
.k-confirmation-page a:not(.k-wordmark):hover, .k-confirmation-page button:hover { background: #394229; }
.k-confirmation-page :focus-visible { outline-color: #4e5738; }
.k-legal-links { display: flex; flex-wrap: wrap; gap: 12px 24px; padding-block: 20px; font-size: 13px; }
.k-legal-links a { text-decoration: underline; text-underline-offset: 4px; }
.k-account-footer .k-legal-links { justify-content: center; }
.k-demo-pickup-summary { margin-block: 18px; padding: 16px; border-left: 3px solid var(--k-olive); background: #f6f5ef; overflow-wrap: anywhere; }
.k-demo-pickup-summary p { margin-block: 8px; }
.k-demo-pickup-summary small { color: var(--k-muted); line-height: 1.6; }
