.order-gateway { position: relative; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); padding: clamp(2.5rem, 6vw, 5.5rem) var(--ek-space-3); overflow: hidden; background: #f7f2e8; color: var(--ek-color-black); }
.order-gateway::before { position: absolute; inset: 0; pointer-events: none; content: ''; background-image: radial-gradient(rgb(23 23 23 / 9%) 0.7px, transparent 0.8px); background-size: 0.7rem 0.7rem; opacity: 0.4; }
.order-gateway__background { position: absolute; inset: 0; pointer-events: none; background: var(--ek-order-background) center / cover no-repeat; opacity: 0.16; }
.order-gateway__inner { position: relative; display: grid; grid-template-columns: minmax(15rem, 0.8fr) minmax(0, 1.35fr); align-items: center; gap: clamp(1.5rem, 5vw, 5rem); width: min(100%, var(--ek-content-width)); min-height: 60svh; margin: 0 auto; }
.order-gateway__content { max-width: 48rem; }
.order-gateway:not(.order-gateway--has-combo) .order-gateway__content { grid-column: 1 / -1; max-width: 58rem; margin: 0 auto; }
.order-gateway__combo { align-self: end; justify-self: center; width: min(100%, 31rem); margin-bottom: -0.8rem; }
.order-gateway__combo img { display: block; width: 100%; height: auto; max-height: 29rem; object-fit: contain; }
.order-gateway__intro { margin-bottom: clamp(1.5rem, 3vw, 2.5rem); }
.order-gateway h1 { max-width: 10ch; margin: 0; font-family: "Arial Narrow", "Roboto Condensed", Impact, var(--ek-font-interface); font-size: clamp(3.8rem, 8.5vw, 8rem); font-stretch: condensed; font-weight: 900; letter-spacing: -0.07em; line-height: 0.84; text-transform: uppercase; text-wrap: balance; }
.order-gateway__accent { position: relative; display: inline-block; margin: 0.5rem 0 0 clamp(0.5rem, 3vw, 2rem); color: var(--ek-color-red); font-family: "Segoe Print", "Bradley Hand", cursive; font-size: clamp(1.75rem, 4vw, 3.4rem); font-style: italic; font-weight: 700; letter-spacing: -0.08em; line-height: 1; }
.order-gateway__accent::after { position: absolute; right: 0.1em; bottom: -0.14em; left: 0; height: 0.12em; content: ''; background: var(--ek-color-yellow); border-radius: 999px; transform: rotate(-2deg); }
.order-gateway__card { display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem; max-width: 43rem; padding: 0.75rem; background: rgb(255 255 255 / 90%); border: 1px solid #ded7ca; border-radius: 0.5rem; box-shadow: 0 5px 14px rgb(23 23 23 / 8%); }
.order-gateway__location { flex: 1 1 15rem; margin: 0; padding: 0.65rem 0.75rem; color: #514a45; font-weight: 800; }
.order-gateway__button { display: inline-flex; min-height: 3.25rem; align-items: center; justify-content: center; padding: 0.6rem 1.1rem; color: var(--ek-color-white); font-size: 1rem; font-weight: 900; letter-spacing: 0.035em; text-decoration: none; text-transform: uppercase; background: var(--ek-color-red); border: 1px solid var(--ek-color-red); border-radius: 0.3rem; transition: background-color 180ms ease, transform 180ms ease; }
.order-gateway__button:hover, .order-gateway__button:focus-visible { background: var(--ek-color-action-hover); transform: translateY(-1px); }
.order-gateway__button:focus-visible { outline: 3px solid var(--ek-color-focus); outline-offset: 3px; }
.order-gateway__button:active { transform: translateY(0); }
@media (max-width: 48rem) {
	.order-gateway { padding-block: var(--ek-space-4); }
	.order-gateway__inner { grid-template-columns: 1fr; gap: var(--ek-space-2); min-height: 60svh; }
	.order-gateway__content { grid-row: 1; width: 100%; }
	.order-gateway__combo { grid-row: 2; width: min(65%, 16rem); margin: -0.5rem auto 0; }
	.order-gateway__combo img { max-height: 11rem; }
	.order-gateway h1 { max-width: 9ch; font-size: clamp(3.5rem, 17vw, 5.6rem); }
	.order-gateway__accent { margin-left: 0.65rem; }
	.order-gateway__card { max-width: none; }
	.order-gateway__button { flex: 1 1 10rem; }
}
@media (prefers-reduced-motion: reduce) { .order-gateway__button { transition: none; } .order-gateway__button:hover, .order-gateway__button:focus-visible { transform: none; } }