.site-header.site-header--order .nav-actions {
 display: flex;
 flex: 0 0 auto;
 align-items: center;
 gap: 8px;
 margin-left: auto;
}

.site-header.site-header--order .header-franchise,
.site-header.site-header--order .header-order-link {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 44px;
 padding: 10px 17px;
 font: 800 12px/1 var(--body);
 letter-spacing: .05em;
 white-space: nowrap;
}

.site-header.site-header--order .header-franchise {
 display: inline-flex !important;
 box-shadow: inset 0 0 0 1px #ffd8ba70;
}

.site-header.site-header--order .header-order-link,
.mobile-drawer .drawer-order-link {
 background: #f3cd66;
 color: #3d1712;
}

.site-header.site-header--order .header-order-link:hover,
.mobile-drawer .drawer-order-link:hover {
 background: #ffe396;
}

.mobile-drawer .drawer-order-link {
 margin-top: 8px;
 padding-inline: 15px;
}

.order-platforms-page {
 --order-gold: #f3cd66;
 --order-red: #781824;
 background: #f8f4ed;
}

.order-platforms-hero {
 background: var(--order-red);
 color: #fff7ed;
 padding-block: clamp(115px, 13vw, 165px) clamp(34px, 5vw, 72px);
 border-bottom: 4px solid var(--order-gold);
}

.order-platforms-eyebrow {
 margin: 0;
 font: 800 11px/1.4 var(--body);
 letter-spacing: .13em;
 text-transform: uppercase;
}

.order-platforms-hero h1 {
 margin: 10px 0;
 font: 900 clamp(55px, 9vw, 116px)/.95 var(--head);
}

.order-platforms-hero em {
 color: var(--order-gold);
 font-style: normal;
}

.order-platforms-hero p:last-child {margin: 12px 0 0;}

.order-platforms-layout {
 display: grid;
 grid-template-columns: minmax(240px, 1fr) minmax(0, 2fr);
 gap: clamp(18px, 3vw, 42px);
 align-items: start;
 padding-block: clamp(24px, 5vw, 65px);
}

.order-picker,
.order-branch-card,
.order-selection-hint {
 border: 1px solid #e1d5c8;
 border-radius: 14px;
 background: #fffdf8;
}

.order-picker {padding: clamp(20px, 3vw, 34px);}
.order-picker .order-platforms-eyebrow,
.order-branch-details .order-platforms-eyebrow {color: var(--order-red);}

.order-picker h2,
.order-branch-details h2 {
 margin: 8px 0;
 color: #43191d;
 font: 800 clamp(34px, 4vw, 54px)/1 var(--head);
}

.order-picker p:nth-of-type(2) {
 margin: 0 0 20px;
 color: #61524b;
}

.order-picker label {
 display: block;
 margin-top: 15px;
 color: #43191d;
 font-weight: 800;
}

.order-picker select {
 width: 100%;
 min-height: 46px;
 margin-top: 6px;
 padding: 9px 12px;
 border: 1px solid #c6b7ac;
 border-radius: 6px;
 background: #fff;
 color: #3d2624;
 font: inherit;
}

.order-picker select:disabled {background: #f2ebe4;color: #645951;}
.order-picker select:focus-visible,
.order-platform-tile:focus-visible,
.order-branch-phone:focus-visible {outline: 2px solid var(--order-red);outline-offset: 3px;}

.order-selection-hint {
 margin: 0;
 padding: clamp(28px, 5vw, 56px);
 color: #61524b;
}

.order-branch-card {overflow: hidden;}

.order-branch-visual {
 aspect-ratio: 12 / 5;
 background: #671420;
}

.order-branch-visual > img,
.order-branch-placeholder {
 width: 100%;
 height: 100%;
}

.order-branch-visual > img {object-fit: cover;}

.order-branch-placeholder {
 display: grid;
 place-content: center;
 justify-items: center;
 gap: 14px;
 background: radial-gradient(ellipse at 50% 0%, #9a3039, #671420 78%);
 color: #fff1dd;
 font-size: 12px;
}

.order-branch-placeholder img {width: min(180px, 45vw);height: auto;}
.order-platforms-page [hidden] {display: none;}

.order-branch-details {padding: clamp(18px, 3vw, 34px);}
.order-branch-details > p:not(.order-platforms-eyebrow) {color: #61524b;}
.order-branch-details h3 {margin: 22px 0 10px;font-size: 16px;color: #43191d;}

.order-platform-grid {
 display: grid;
 grid-auto-flow: column;
 grid-auto-columns: minmax(0, 1fr);
 gap: 10px;
 margin: 0;
 padding: 0;
 list-style: none;
}

.order-platform-tile {
 display: grid;
 height: 100%;
 place-items: center;
 gap: 7px;
 padding: 10px 5px;
 border: 1px solid #e1d5c8;
 border-radius: 8px;
 background: #fff;
 text-align: center;
 color: #6f625a;
 font: 700 11px/1.3 var(--body);
}

.order-platform-tile img {width: min(112px, 92%);height: 34px;object-fit: contain;}
.order-platform-tile:not([href]) img {opacity: .6;}
a.order-platform-tile {color: var(--order-red);}
a.order-platform-tile:hover {border-color: var(--order-red);background: #fff5ed;}
.order-platforms-note {margin: 14px 0 10px;font-size: 13px;}
.order-branch-phone {display: inline-block;color: var(--order-red);font-weight: 800;text-decoration: underline;text-underline-offset: 3px;}

@media (max-width: 1050px) {
 .site-header.site-header--order .nav-actions {gap: 6px;}
 .site-header.site-header--order .header-franchise,
 .site-header.site-header--order .header-order-link {padding-inline: 10px;font-size: 10px;}
 .site-header.site-header--order .mobile-toggle {margin-left: 0;flex-shrink: 0;}
}
@media (max-width: 760px) {
 .order-platforms-layout {grid-template-columns: 1fr;}
}
@media (max-width: 520px) {
 .site-header.site-header--order .nav-shell {gap: 5px;}
 .site-header.site-header--order .brand {min-width: 0;}
 .site-header.site-header--order .brand img {width: clamp(80px, 30vw, 125px);height: auto;}
 .site-header.site-header--order .mobile-toggle {width: 32px;}
 .site-header.site-header--order .header-franchise,
 .site-header.site-header--order .header-order-link {min-height: 40px;padding-inline: 7px;}
 .order-platform-grid {gap: 6px;}
 .order-branch-visual {aspect-ratio: 8 / 5;}
}