/* AKopi menu studio: the ordering UI shares the public site's visual language. */
:root {
  --cafe-ink: #211a14;
  --cafe-ink-soft: #49392b;
  --cafe-muted: #75695d;
  --cafe-accent: #e6bd8e;
  --cafe-accent-strong: #8c542f;
  --cafe-line: #ddcfc0;
  --cafe-border-clean: #ddcfc0;
  --cafe-card-radius: 8px;
  --cafe-control-radius: 6px;
  --cafe-shadow-clean: 0 8px 24px rgba(33, 26, 20, .06);
  --cafe-shadow-lift: 0 16px 36px rgba(33, 26, 20, .12);
  --heading: 'Manrope', Arial, sans-serif;
  --body: 'Manrope', Arial, sans-serif;
  --ui: 'Manrope', Arial, sans-serif;
  --menu-header-height: 80px;
}

html { scroll-padding-top: calc(var(--menu-header-height) + 76px); }

body {
  padding-top: var(--menu-header-height) !important;
  color: var(--cafe-ink);
  background: #f4eddf;
  font-family: var(--body);
}

body::before { display: none; }

.admin-topbar,
.admin-topbar.scrolled {
  min-height: var(--menu-header-height);
  background: #191511;
  border-bottom: 1px solid rgba(230, 189, 142, .18);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

.admin-topbar::before,
.admin-topbar::after { display: none; }

.admin-nav-container {
  width: 100%;
  max-width: none;
  min-height: var(--menu-header-height);
  padding: 9px max(clamp(20px, 3.2vw, 64px), env(safe-area-inset-right)) 9px max(clamp(20px, 3.2vw, 64px), env(safe-area-inset-left));
  display: flex;
  justify-content: space-between;
  gap: 22px;
}

.menu-site-brand {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  gap: 9px;
  color: #f6eee2;
}

.menu-site-brand img { display: block; width: 52px; height: 52px; flex: none; border-radius: 50%; object-fit: contain; background: #f5eee4; }
.menu-brand-cross { color: var(--cafe-accent); font-size: 19px; font-weight: 700; }
.menu-brand-copy { display: grid; gap: 2px; margin-left: 8px; line-height: 1.1; }
.menu-brand-copy strong { font-size: 16px; white-space: nowrap; }
.menu-brand-copy small { color: #d8aa75; font-size: 10px; font-weight: 800; letter-spacing: .13em !important; text-transform: uppercase; white-space: nowrap; }

.menu-site-actions { display: flex; align-items: center; gap: 8px; }
.menu-site-actions a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 16px;
  border: 1px solid transparent;
  border-radius: 6px;
  color: #f6eee2;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease, border-color .2s ease;
}
.menu-site-actions a:hover { color: var(--cafe-accent); background: rgba(255,255,255,.07); }
.menu-site-actions a { border-color: rgba(230,189,142,.44); }
.menu-site-actions a[hidden] { display: none; }

.menu-first-main { padding-top: 0 !important; background: #f4eddf; }
.order-start-section { width: 100% !important; margin: 0 0 clamp(54px, 7vw, 110px); }
.order-start-card {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  align-items: center;
  gap: clamp(20px, 3vw, 60px);
  min-height: min(1040px, calc(100svh - var(--menu-header-height)));
  padding-block: clamp(32px, 5vh, 72px);
  padding-inline: max(clamp(24px, 5.4vw, 104px), calc((100% - 1680px) / 2));
  border: 0;
  border-radius: 0;
  color: #f6eee2;
  background: linear-gradient(90deg, rgba(20, 16, 13, .96) 0%, rgba(20, 16, 13, .9) 48%, rgba(20, 16, 13, .66) 100%), url('../Image/home-coffee-detail.webp') center 40% / cover no-repeat, #171310;
  box-shadow: none;
}
.order-start-card::before { display: none; }
.order-start-copy { position: relative; z-index: 1; min-width: 0; max-width: 780px; }
.order-start-card .section-kicker {
  display: inline-block;
  margin: 0 0 20px;
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--cafe-accent);
  background: none;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em !important;
  text-transform: uppercase;
}
.order-start-card h1 {
  max-width: 800px;
  margin: 0;
  color: #f7f0e4;
  font-size: clamp(48px, 5.2vw, 90px);
  font-weight: 800;
  letter-spacing: -.04em !important;
  line-height: 1.02;
  text-wrap: balance;
}
.order-start-card h1 span { color: var(--cafe-accent); }
.order-start-card .order-start-intro {
  max-width: 580px;
  margin: 24px 0 0;
  color: rgba(246, 238, 226, .78);
  font-size: clamp(14px, 1.3vw, 18px);
  font-weight: 500;
  line-height: 1.6;
}
.order-start-card .primary-btn {
  width: fit-content;
  min-height: 50px;
  margin-top: 28px;
  padding: 13px 23px;
  border: 1px solid var(--cafe-accent);
  border-radius: 6px;
  color: #211a14;
  background: var(--cafe-accent);
  font-size: 13px;
  font-weight: 800;
  box-shadow: none;
  transition: transform .2s ease, background .2s ease;
}
.order-start-card .primary-btn:hover { transform: translateY(-2px); background: #f1d1aa; }
#startOrderBtn {
  min-height: 50px;
  padding: 12px 23px;
  border: 1px solid #e6bd8e;
  border-radius: 6px;
  color: #211a14 !important;
  background: #e6bd8e !important;
  box-shadow: none;
  font-weight: 800;
}
#startOrderBtn:hover { background: #f1d1aa !important; box-shadow: none; filter: none; }
.order-start-steps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin: 34px 0 0;
}
.order-start-steps li {
  display: block;
  min-height: 102px;
  padding: 13px 14px;
  border: 1px solid rgba(230, 189, 142, .28);
  border-radius: 5px;
  background: rgba(25, 21, 17, .64);
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.order-start-steps span {
  display: block;
  width: auto;
  height: auto;
  margin-bottom: 9px;
  border-radius: 0;
  color: var(--cafe-accent);
  background: none;
  box-shadow: none;
  font-size: 11px;
  line-height: 1;
}
.order-start-steps strong { display: block; color: #f6eee2; font-size: 11px; font-weight: 800; }
.order-start-steps small { display: block; margin-top: 5px; color: rgba(246,238,226,.66); font-size: 10px; font-weight: 500; line-height: 1.4; }
.order-start-art { position: relative; display: grid; place-items: center; min-width: 0; min-height: 0; height: clamp(360px, 40vw, 680px); max-height: 74svh; }
.order-start-art::before {
  content: '';
  position: absolute;
  inset: 10% 1%;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(155, 91, 53, .27), transparent 67%);
  filter: blur(18px);
}
.order-start-art img { position: relative; width: min(100%, 670px); max-height: 690px; object-fit: contain; filter: drop-shadow(0 30px 34px rgba(0,0,0,.3)); }
.order-start-art .cup-fallback,
.order-start-art #coffee-canvas { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; }
.order-start-art #coffee-canvas { opacity: 0; touch-action: pan-y; transition: opacity .4s ease; }
.order-start-art.is-3d-ready #coffee-canvas { opacity: 1; cursor: grab; }
.order-start-art.is-3d-ready #coffee-canvas.is-dragging { cursor: grabbing; }
.order-start-art.is-3d-ready .cup-fallback { opacity: 0; visibility: hidden; animation: none; pointer-events: none; }

.menu-toolbar,
.menu-page-header,
.menu-category-shell,
.menu-section,
.visit-section { width: min(1600px, calc(100% - 64px)) !important; }
.menu-toolbar,
.menu-page-header { grid-template-columns: minmax(0, 1fr) minmax(340px, 440px); gap: clamp(28px, 5vw, 90px); margin-bottom: 24px; }
.menu-heading-copy { padding: 0; }
.section-kicker { color: #956b45; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em !important; }
.menu-toolbar h2,
.menu-section-header h2,
.visit-card h2 { color: var(--cafe-ink); font-family: var(--heading); font-size: clamp(34px, 3.7vw, 58px); font-weight: 800; letter-spacing: -.04em !important; }
.menu-intro,
.menu-page-header .menu-intro { max-width: 530px; color: var(--cafe-muted); font-size: 15px; line-height: 1.65; }
.menu-filter-panel { padding: 20px; border: 1px solid var(--cafe-line); border-radius: 8px; background: #fffaf3; box-shadow: none; }
.menu-control-label { color: #66584d; font-size: 10px; font-weight: 800; }
.menu-search-input-wrap input,
.available-only-control,
.menu-view-switch { border-color: #d9c7b4; border-radius: 6px; background: #fffdf9; box-shadow: none; }
.menu-search-icon,
.menu-category-select-icon { color: #91633f; }
.menu-view-btn { border-radius: 4px; }
.menu-view-btn.active,
.menu-view-btn[aria-pressed='true'] { color: #211a14; background: #e6bd8e; box-shadow: none; }
.available-only-control input:checked + .available-only-switch { background: #493225; }
.menu-clear-filters { color: #7c4a2b; }

.menu-category-shell {
  top: var(--menu-header-height);
  margin-bottom: 36px;
  padding: 8px;
  border: 1px solid #4d3b2e;
  border-radius: 6px;
  background: #211a14;
  box-shadow: 0 8px 24px rgba(33,26,20,.14);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
.menu-category-link { min-height: 44px; border-radius: 4px; color: #e7dccf; background: transparent; font-weight: 750; }
.menu-category-link:hover { color: #e6bd8e; border-color: transparent; background: rgba(255,255,255,.07); }
.menu-category-link.active,
.menu-category-link[aria-current='page'] { color: #211a14; border-color: #e6bd8e; background: #e6bd8e; box-shadow: none; }
.menu-category-mobile-label { color: #f6eee2; }
.menu-category-select-wrap select { border: 1px solid #695446; border-radius: 4px; color: #f6eee2; background-color: #211a14; }

.menu-section { margin-bottom: clamp(48px, 6vw, 88px); scroll-margin-top: 146px; }
.menu-section-header { margin-bottom: 20px; }
.menu-section-header h2 { font-size: clamp(31px, 3vw, 44px); }
.menu-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 260px), 1fr)); gap: 16px; }
.menu-compact-view .menu-grid { grid-template-columns: repeat(auto-fill, minmax(min(100%, 360px), 1fr)); }
.menu-card {
  border: 1px solid #ddcfc0;
  border-radius: 8px;
  background: #fffaf3;
  box-shadow: 0 5px 16px rgba(33,26,20,.04);
  overflow: hidden;
}
.menu-card:hover { transform: translateY(-3px); border-color: #caa478; background: #fffaf3; box-shadow: var(--cafe-shadow-lift); }
.menu-image-btn { width: 100%; height: clamp(205px, 17vw, 250px); padding: 0; border-bottom: 1px solid #eadfD2; background: #eee4d5; }
.menu-image-btn img,
.product-menu-image { width: 100%; height: 100%; padding: 17px; border-radius: 0; object-fit: contain; }
.menu-card:hover .menu-image-btn img,
.menu-card:hover .product-menu-image { transform: scale(1.025); }
.menu-card-body { padding: 18px 18px 20px; }
.product-status { margin-bottom: 10px; padding: 0; border: 0; border-radius: 0; color: #8a6547; background: none; box-shadow: none; font-size: 10px; font-weight: 800; text-transform: uppercase; }
.product-status.unavailable-status { color: #a34135; }
.menu-card h3 { margin-bottom: 8px; color: #211a14 !important; font-size: 19px; font-weight: 800; }
.product-copy { color: #74675b !important; font-size: 12px; line-height: 1.55; }
.product-addon-note { color: #765235; }
.product-addon-note::before { border-color: #c99e6b; background: linear-gradient(#765235,#765235) center / 7px 1.5px no-repeat, linear-gradient(#765235,#765235) center / 1.5px 7px no-repeat; }
.product-buy-row { gap: 10px; padding-top: 12px; border-top: 1px solid #e9ddd0; }
.product-buy-row strong,
.menu-card strong { padding: 0; border: 0; border-radius: 0; color: #211a14 !important; background: transparent; font-size: 18px; font-weight: 850; }
.buy-menu-btn,
.add-to-cart-btn { min-height: 44px; border: 1px solid #211a14; border-radius: 5px; color: #f6eee2; background: #211a14; box-shadow: none; font-size: 11px; font-weight: 800; }
.menu-card:hover .buy-menu-btn,
.menu-card:hover .add-to-cart-btn:not(:disabled),
.buy-menu-btn:hover,
.add-to-cart-btn:hover { color: #211a14; border-color: #e6bd8e; background: #e6bd8e; box-shadow: none; }
.unavailable-btn { border-radius: 5px; }
.menu-compact-view .menu-card { border-radius: 8px; }
.menu-compact-view .menu-image-btn { height: 156px; border-right: 1px solid #eadfd2; border-bottom: 0; }
.visit-card { border: 1px solid #ddcfc0; border-radius: 8px; background: #fffaf3; box-shadow: none; }

.customer-cart-toggle { border: 1px solid #b48a63; border-radius: 7px; color: #f6eee2; background: #211a14; box-shadow: 0 10px 26px rgba(33,26,20,.2); }
.customer-cart-toggle:hover { background: #38291f; }
.customer-cart-toggle-icon { border-radius: 4px; color: #211a14; background: #e6bd8e; }
.customer-cart-count { border: 0; color: #211a14; background: #e6bd8e; }
.customer-cart-backdrop,
.customer-order-modal { background: rgba(14,11,9,.72); backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(3px); }
.customer-order-cart { border-color: #604631; background: #f4eddf; box-shadow: -20px 0 60px rgba(20,16,13,.28); }
.customer-cart-header { color: #f6eee2; background: #211a14; }
.customer-cart-header .section-kicker { color: #e6bd8e; }
.customer-cart-header h2 { color: #f6eee2; }
.customer-checkout-progress { background: #f8f2e9; border-color: #ddcfc0; }
.customer-checkout-step.is-active .customer-checkout-step-number,
.customer-checkout-step.is-complete .customer-checkout-step-number { background: #211a14; }
.customer-cart-item,
.customer-cart-empty,
.customer-checkout-summary,
.customer-qr-items-card,
.customer-qr-details,
.customer-qr-fallback,
.customer-service-type-card span,
.customer-addon-choice { border-color: #ddcfc0; border-radius: 6px; background: #fffaf3; box-shadow: none; }
.customer-cart-item-image-wrap { background: #eee4d5; }
.customer-cart-footer { border-color: #ddcfc0; background: #f8f2e9; }
.customer-cart-footer #openQrCheckoutBtn {
  border: 1px solid #211a14;
  border-radius: 5px;
  color: #f6eee2;
  background: #211a14;
  box-shadow: none;
  font-weight: 800;
}
.customer-cart-footer #openQrCheckoutBtn:hover { color: #211a14; border-color: #e6bd8e; background: #e6bd8e; box-shadow: none; filter: none; }
.customer-cart-footer #clearCustomerCartBtn {
  border: 1px solid #bcaa97;
  border-radius: 5px;
  color: #654332;
  background: transparent;
  box-shadow: none;
}
.customer-cart-footer #clearCustomerCartBtn:hover { color: #9f2f24; border-color: #9f2f24; background: #fff7f0; box-shadow: none; }
.customer-cart-qty-btn,
.customer-addon-step-btn { border-radius: 4px; background: #211a14; }
.customer-order-modal-card { border: 1px solid #ddcfc0; border-radius: 8px; background: #f8f2e9; box-shadow: 0 26px 80px rgba(20,16,13,.32); }
.customer-order-modal-card h2,
.customer-addon-modal-card h2,
.customer-qr-result-card h2 { color: #211a14; font-weight: 800; }
.customer-order-modal-heading .section-kicker { color: #956b45; background: none; border: 0; }
.customer-order-modal-close { border: 1px solid #ddcfc0; border-radius: 4px; color: #49392b; background: #fffaf3; box-shadow: none; }
.customer-order-modal-close:hover { color: #b2392d; transform: none; }
.customer-order-field input,
.customer-order-field select,
.customer-order-field textarea { border-color: #d2bda8; border-radius: 5px; background: #fffdf9; box-shadow: none; }
.customer-addon-group { border-color: #ddcfc0; border-radius: 6px; background: #fffaf3; }
.customer-qr-code { border-color: #ddcfc0; border-radius: 6px; background: white; box-shadow: none; }
.customer-qr-code img,
.customer-qr-code canvas { border-radius: 0; }
.customer-qr-action-btn,
.customer-qr-cancel-btn { border-radius: 5px; }
.customer-order-toast { border-color: #b48a63; border-radius: 6px; background: #211a14; }
.primary-btn,
.customer-generate-qr-btn,
.customer-submit-qr-btn { border-radius: 5px; background: #211a14; box-shadow: none; }
.secondary-btn,
.customer-clear-cart-btn,
.menu-clear-filters { border-radius: 5px; }
.scroll-top-btn { border-radius: 6px; background: #211a14; }

/* Keep touch controls and forms usable at browser zoom and on smaller tablets. */
.menu-filter-panel { max-width: none; min-width: 0; }
.menu-view-btn { min-height: 44px; }
.menu-search-input-wrap input,
.menu-category-select-wrap select,
.customer-order-field input,
.customer-order-field select,
.customer-order-field textarea { font-size: 16px; }
.customer-cart-quantity input[data-cart-quantity] { font-size: 16px; }
.customer-addon-stepper { grid-template-columns: 44px minmax(42px, 1fr) 44px; }
.customer-addon-step-btn { width: 44px; height: 44px; }
.customer-addon-count { width: 100%; height: 44px; }
.customer-order-modal-card { min-width: 0; }
.customer-order-modal-heading { overflow-wrap: anywhere; }

:is(a,button,input,select,textarea):focus-visible,
.available-only-control:focus-within,
.menu-card:focus-within { outline: 3px solid #b87d4b; outline-offset: 3px; }

@media (max-width: 1100px) {
  .order-start-card { grid-template-columns: minmax(0, 1fr) minmax(0, .8fr); }
  .menu-toolbar,.menu-page-header { grid-template-columns: 1fr; }
  .order-start-steps { grid-template-columns: repeat(3, minmax(0,1fr)); }
}

@media (min-width: 721px) and (max-width: 980px) {
  .order-start-card { gap: 20px; padding-inline: 32px; }
  .order-start-card h1 { font-size: clamp(40px, 5.3vw, 52px); }
  .order-start-art { height: clamp(340px, 45vw, 440px); }
  .order-start-steps { grid-template-columns: 1fr; gap: 0; margin-top: 24px; }
  .order-start-steps li { display: grid; grid-template-columns: 24px 1fr; min-height: 0; padding: 10px 0; border: 0; border-bottom: 1px solid rgba(230,189,142,.22); background: transparent; }
  .order-start-steps span { grid-row: span 2; margin: 0; padding-top: 3px; }
}

@media (max-width: 720px) {
  :root { --menu-header-height: 68px; }
  .admin-topbar,.admin-topbar.scrolled,.admin-nav-container { min-height: 68px; }
  .admin-nav-container { padding: 8px max(15px, env(safe-area-inset-right)) 8px max(15px, env(safe-area-inset-left)); gap: 10px; }
  .menu-site-brand { gap: 6px; }
  .menu-site-brand img { width: 38px; height: 38px; }
  .menu-brand-cross { font-size: 14px; }
  .menu-brand-copy { margin-left: 4px; }
  .menu-brand-copy strong { font-size: 11px; }
  .menu-brand-copy small { font-size: 8px; }
  .menu-site-actions { gap: 0; }
  .menu-site-actions a { min-height: 44px; padding: 8px 10px; font-size: 11px; }
  .order-start-section { margin-bottom: 56px; }
  .order-start-card {
    grid-template-columns: 1fr;
    gap: 28px;
    min-height: 0;
    padding: 26px 22px 34px;
    background: linear-gradient(180deg, rgba(20,16,13,.86), rgba(20,16,13,.94) 45%, #171310 100%), url('../Image/home-coffee-detail.webp') center top / cover no-repeat, #171310;
  }
  .order-start-art { grid-row: 1; min-height: 0; height: clamp(260px, 70vw, 400px); max-height: none; width: min(100%, 480px); justify-self: center; }
  .order-start-art img { max-height: none; }
  .order-start-copy { grid-row: 2; }
  .order-start-card .section-kicker { margin-bottom: 12px; font-size: 9px; }
  .order-start-card h1 { max-width: 580px; font-size: clamp(36px, 9vw, 55px); line-height: 1.06; }
  .order-start-card .order-start-intro { margin-top: 17px; font-size: 15px; }
  .order-start-card .primary-btn { width: 100%; margin-top: 22px; }
  .order-start-steps { grid-template-columns: 1fr; gap: 0; margin-top: 26px; border-top: 1px solid rgba(230,189,142,.3); }
  .order-start-steps li { display: grid; grid-template-columns: 28px 1fr; column-gap: 8px; min-height: 0; padding: 11px 0; border: 0; border-bottom: 1px solid rgba(230,189,142,.22); background: transparent; }
  .order-start-steps span { grid-row: span 2; margin: 0; padding-top: 2px; }
  .order-start-steps strong { font-size: 11px; }
  .order-start-steps small { margin-top: 2px; font-size: 10px; }
  .menu-toolbar,.menu-page-header,.menu-category-shell,.menu-section,.visit-section { width: calc(100% - 32px) !important; }
  .menu-toolbar,.menu-page-header { gap: 18px; margin-bottom: 18px; }
  .menu-toolbar h2,.menu-section-header h2,.visit-card h2 { font-size: 34px; }
  .menu-intro,.menu-page-header .menu-intro { font-size: 13px; }
  .menu-filter-panel { padding: 14px; }
  .menu-category-shell { top: var(--menu-header-height) !important; margin-bottom: 26px; border-radius: 5px; }
  .menu-section { margin-bottom: 50px; scroll-margin-top: 124px; }
  #menu:not(.menu-compact-view) .menu-grid { grid-template-columns: 1fr; gap: 12px; }
  #menu.menu-compact-view .menu-grid { grid-template-columns: 1fr; }
  #menu:not(.menu-compact-view) .menu-card { border-radius: 6px; }
  #menu:not(.menu-compact-view) .menu-image-btn { height: 200px; padding: 0; }
  #menu:not(.menu-compact-view) .menu-card-body { padding: 15px; }
  #menu:not(.menu-compact-view) .product-buy-row { grid-template-columns: auto minmax(122px,1fr); }
  #menu.menu-compact-view .menu-image-btn { height: 126px; padding: 0; }
  #menu.menu-compact-view .menu-card-body { padding: 10px; }
  .product-buy-row strong,.menu-card strong { font-size: 16px; }
  .customer-cart-toggle { border-radius: 5px; }
  .customer-order-modal-card { border-radius: 8px 8px 0 0; }
}

@media (min-width: 600px) and (max-width: 720px) {
  #menu:not(.menu-compact-view) .menu-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-height: 500px) and (min-width: 721px) {
  .order-start-card { min-height: 0; padding-block: 28px; }
  .order-start-art { height: 300px; max-height: none; }
}

/* A short landscape viewport needs one scroll area, not a squeezed item list. */
@media (max-height: 600px) {
  .customer-order-cart { overflow-y: auto; overscroll-behavior: contain; }
  .customer-order-cart > .customer-cart-items,
  .customer-order-cart > .customer-cart-empty { flex: 0 0 auto; overflow: visible; }
}

@media (hover: none) {
  .menu-card:hover,
  .menu-card:hover .menu-image-btn img,
  .menu-card:hover .product-menu-image { transform: none; }
}

@media (max-width: 430px) {
  .menu-site-brand img { width: 34px; height: 34px; }
  .menu-brand-copy strong { display: none; }
  .menu-site-actions a { padding: 8px; font-size: 10px; }
  .order-start-card { padding-inline: 18px; }
  .order-start-art { height: clamp(235px, 73vw, 330px); }
  .menu-toolbar,.menu-page-header,.menu-category-shell,.menu-section,.visit-section { width: calc(100% - 28px) !important; }
  #menu:not(.menu-compact-view) .product-buy-row { grid-template-columns: auto minmax(0,1fr); }
}

@media (prefers-reduced-motion: no-preference) {
  .order-start-copy { animation: cafe-enter .7s cubic-bezier(.2,.7,.2,1) both; }
  .order-start-art img { animation: cafe-cup-enter .9s cubic-bezier(.2,.7,.2,1) .1s both; }
  @keyframes cafe-enter { from { opacity: 0; transform: translateX(-26px); } to { opacity: 1; transform: translateX(0); } }
  @keyframes cafe-cup-enter { from { opacity: 0; transform: translate(20px,14px) scale(.96); } to { opacity: 1; transform: translate(0,0) scale(1); } }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .order-start-copy,.order-start-art img,.order-start-art canvas,.menu-card,.menu-site-actions a { animation: none !important; transition: none !important; }
}