/* V7.45: remove doubled hairlines on order mode choices.
   Overrides only the V7.44 ordinary ordering view, not KOL.
   Keep native data-order-mode buttons and their existing JS events.
*/
body.order-front-v7 .order-reference-intro-v744 .order-toolbar-card > .order-mode-tabs {
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:5px!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:5px!important;
  background:#f3ede5!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:10px!important;
  box-sizing:border-box!important;
}
body.order-front-v7 .order-reference-intro-v744 .order-mode-tabs > button {
  -webkit-appearance:none!important;
  appearance:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  position:relative;
  flex:none!important;
  box-sizing:border-box!important;
  width:100%!important;
  min-width:0!important;
  min-height:44px!important;
  margin:0!important;
  padding:10px 7px!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  border-radius:7px!important;
  background:transparent!important;
  background-image:none!important;
  color:#56483d!important;
  font:600 13px/1.45 "Noto Sans TC","PingFang TC",sans-serif!important;
  letter-spacing:.01em!important;
  text-align:center!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  cursor:pointer;
  transition:background-color .18s ease,color .18s ease!important;
}
body.order-front-v7 .order-reference-intro-v744 .order-mode-tabs > button::before,
body.order-front-v7 .order-reference-intro-v744 .order-mode-tabs > button::after {
  display:none!important;
  content:none!important;
  border:0!important;
  box-shadow:none!important;
}
body.order-front-v7 .order-reference-intro-v744 .order-mode-tabs > button.active,
body.order-front-v7 .order-reference-intro-v744 .order-mode-tabs > button[aria-pressed="true"] {
  border:0!important;
  background:#554134!important;
  background-image:none!important;
  color:#fff!important;
  box-shadow:none!important;
}
body.order-front-v7 .order-reference-intro-v744 .order-mode-tabs > button:hover:not(.active):not([aria-pressed="true"]) {
  border:0!important;
  background:#e9dfd3!important;
  color:#45372d!important;
}
body.order-front-v7 .order-reference-intro-v744 .order-mode-tabs > button:focus-visible {
  outline:2px solid #b47a4d!important;
  outline-offset:-2px!important;
}
@media (max-width:680px) {
  body.order-front-v7 .order-reference-intro-v744 .order-toolbar-card > .order-mode-tabs {
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:5px!important;
    padding:5px!important;
  }
  body.order-front-v7 .order-reference-intro-v744 .order-mode-tabs > button {
    min-height:44px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
}
@media (prefers-reduced-motion:reduce) {
  body.order-front-v7 .order-reference-intro-v744 .order-mode-tabs > button {transition:none!important}
}