:root {
  --uw-navy: #153b65;
  --uw-ink: #18344f;
  --uw-blue: #0965bb;
  --uw-blue-hover: #064c90;
  --uw-muted: #52677d;
  --uw-line: #d5e1ec;
  --uw-pale: #f2f7fc;
}

html { scroll-padding-top: 24px; }
body.uniway-bluewhite {
  margin: 0;
  background: #fff;
  color: var(--uw-ink);
  font-family: Arial, "Microsoft JhengHei", sans-serif;
  font-size: 16px !important;
  line-height: 1.65;
  accent-color: var(--uw-blue);
  caret-color: var(--uw-blue);
  scrollbar-color: #86a5c4 #edf3f9;
}
.uniway-bluewhite *, .uniway-bluewhite *::before, .uniway-bluewhite *::after { box-sizing: border-box; }
.uniway-bluewhite ::selection { color: #fff; background: #236eb5; }
.uniway-bluewhite a { color: var(--uw-blue); text-underline-offset: 4px; }
.uniway-bluewhite a:hover { color: var(--uw-blue-hover); }
.uniway-bluewhite :focus-visible { outline: 3px solid #4297e7; outline-offset: 4px; }
.uniway-bluewhite img { max-width: 100%; }
.uniway-bluewhite p { font-size: 15px; line-height: 1.75; }
.uniway-bluewhite h2 { color: var(--uw-navy); font-size: 27px; line-height: 1.3; padding: 0 0 24px; text-indent: 0; }
.uniway-bluewhite #wrapper.container {
  width: 100% !important;
  min-height: 0;
  padding: 0;
  margin: 0;
  background: #fff;
}
.uniway-bluewhite header {
  display: grid;
  grid-template-columns: 176px minmax(0, 1fr) auto;
  grid-template-areas: "logo company menu" "logo tagline info" "logo tagline cart";
  align-items: center;
  gap: 4px 28px;
  width: 100%;
  height: auto;
  min-height: 165px;
  padding: 18px max(5vw, calc((100% - 1560px) / 2)) 14px;
  background: var(--uw-navy);
  color: #fff;
}
.uniway-bluewhite header #logo,
.uniway-bluewhite header #h-menu,
.uniway-bluewhite header #h-companyName,
.uniway-bluewhite header #h-enquiry,
.uniway-bluewhite header #h-search,
.uniway-bluewhite header #h-info {
  position: static;
  inset: auto;
  float: none;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  background: none;
}
.uniway-bluewhite header #logo {
  grid-area: logo;
  width: 176px;
  height: 112px;
  background: #fff url(../img/logoMobile.png) left center / 388px 112px no-repeat;
  border-radius: 6px;
  overflow: hidden;
  z-index: 1;
}
.uniway-bluewhite header #h-companyName { grid-area: company; border: 0; }
.uniway-bluewhite header #h-companyName p { margin: 0; line-height: 1.5; }
.uniway-bluewhite header #h-companyName p:first-child { font-size: 14px; color: #d2e4f6; }
.uniway-bluewhite header #h-companyName p:first-child + p { font-size: clamp(18px, 1.8vw, 25px); color: #fff; }
.uniway-bluewhite header #h-search { grid-area: tagline; display: flex; flex-direction: column; align-items: flex-start; gap: 8px; }
.uniway-bluewhite header #h-search p { margin: 0; color: #d2e4f6; font-size: 14px; font-weight: normal; }
.uniway-bluewhite header #h-enquiry { grid-area: cart; justify-self: end; font-size: 14px; line-height: 1.5; }
.uniway-bluewhite header #h-enquiry a { display: inline-block; padding: 9px 14px; border: 1px solid #7898b9; border-radius: 6px; }
.uniway-bluewhite header #h-info { grid-area: info; align-self: end; padding-bottom: 6px; }
.uniway-bluewhite header #h-info ul { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 4px 16px; margin: 0; }
.uniway-bluewhite header #h-info ul li {
  width: auto;
  margin: 0;
  padding: 0;
  float: none;
  background: none;
  text-indent: 0 !important;
  color: #e1edfa;
  font-size: 13px !important;
  line-height: 1.6;
}
.uniway-bluewhite header #h-info ul li:last-child { width: 100%; font-size: 14px !important; }
.uniway-bluewhite header #h-info ul li { background: none !important; }
.uniway-bluewhite header a { color: #fff; }
.uniway-bluewhite header a:hover { color: #d8edff; }
.uniway-bluewhite header #h-menu { grid-area: menu; align-self: start; border: 0; margin: 0; z-index: 2; }
.uniway-bluewhite header #h-menu ul { display: flex; position: static; margin: 0; padding: 0; gap: 0; }
.uniway-bluewhite header #h-menu ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: auto;
  min-width: 70px;
  height: 44px;
  padding: 0 12px;
  border: 0;
  border-bottom: 3px solid transparent;
  background: none !important;
  text-indent: 0;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: bold !important;
  cursor: pointer;
}
.uniway-bluewhite header #h-menu ul li:hover,
.uniway-bluewhite header #h-menu ul li.active,
.uniway-bluewhite header #h-menu ul li[aria-current="page"] { color: #fff !important; border-bottom-color: #72b9fa; background-color: #224c77 !important; }
.uniway-menu-toggle { display: none; }
.uniway-bluewhite section { width: min(100%, 1360px); height: auto; padding: 0 32px 48px; margin: 0 auto; background: #fff; }
.uniway-bluewhite section > article,
.uniway-bluewhite section > article.clearfix {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 40px;
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 40px 0 0;
  margin: 0;
  background: #fff;
}
.uniway-bluewhite section > article.clearfix::after { display: none; }
.uniway-bluewhite section > article > form { width: 100%; min-width: 0; }
.uniway-bluewhite section article > aside { position: static; float: none; width: auto; min-height: 0; margin: 0; padding: 24px; border-radius: 12px; background: var(--uw-pale); align-self: start; }
.uniway-bluewhite section article #content { position: static; float: none; width: 100%; min-width: 0; padding: 0; margin: 0; background: none; }
.uniway-bluewhite section:not(.home) #banner { position: relative; left: auto; top: auto; display: flex; flex-direction: column; justify-content: center; gap: 14px; width: 100%; min-height: 160px; height: auto; margin: 0; padding: 35px 40px; background: var(--uw-pale); border-radius: 0 0 12px 12px; z-index: 1; }
.uniway-bluewhite section #banner h1,
.uniway-bluewhite section #banner p { position: static; float: none; width: auto; max-width: 820px; height: auto; margin: 0; padding: 0; color: var(--uw-navy); text-align: left; font-style: normal; }
.uniway-bluewhite section #banner h1 { font-size: clamp(30px, 3vw, 42px); line-height: 1.2; }
.uniway-bluewhite section #banner p { color: var(--uw-muted); font-size: 16px; line-height: 1.6; }
.uniway-bluewhite #asideSearch { position: static; left: auto; }
.uniway-bluewhite #asideSearch li { padding: 10px 0; }
.uniway-bluewhite #asideCategories { padding: 24px 0 0; }
.uniway-bluewhite #asideCategories li { padding: 10px 0; text-indent: 0; border-color: var(--uw-line); font-size: 14px; }
.uniway-bluewhite #asideCategories li:first-child { color: var(--uw-navy); font-size: 19px; font-style: normal; }
.uniway-bluewhite section article aside #searchProduct2 fieldset { width: 100% !important; padding: 0; background: none; }
.uniway-bluewhite section article aside #searchProduct2 legend { padding-bottom: 10px; text-indent: 0; font-size: 15px; }
.uniway-bluewhite section article aside #searchProduct2 input.aside_1 { position: static; width: 100% !important; margin: 8px 0 0; }
.uniway-bluewhite section article aside button { position: static; float: none; }
.uniway-bluewhite section article aside button.btn { width: 100% !important; margin: 10px 0 0 !important; }
.uniway-bluewhite #asideSearch #kw { float: none; display: block; width: 100%; }
.uniway-bluewhite #asideSearch #searchCross { position: static; display: inline-flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; height: auto; margin: 10px 0 0; padding: 10px 16px; border: 0; background: var(--uw-blue) !important; color: #fff; font: inherit; font-size: 15px; white-space: nowrap; cursor: pointer; }
.uniway-bluewhite input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.uniway-bluewhite textarea,
.uniway-bluewhite select {
  max-width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  border: 1px solid #aebfd1;
  border-radius: 6px;
  background: #fff;
  color: var(--uw-ink) !important;
  font: inherit !important;
  font-size: 15px !important;
  font-weight: normal !important;
  text-indent: 0 !important;
  box-shadow: none;
}
.uniway-bluewhite input::placeholder,
.uniway-bluewhite textarea::placeholder { color: #596f85; opacity: 1; }
.uniway-bluewhite input:focus,
.uniway-bluewhite textarea:focus { border-color: var(--uw-blue); background-color: #fff !important; }
.uniway-bluewhite button { border-radius: 6px; }
.uniway-bluewhite .btn_blue,
.uniway-bluewhite .btn_green,
.uniway-bluewhite .btn_red,
.uniway-bluewhite button.addCart,
.uniway-bluewhite button.addCart2,
.uniway-bluewhite .btn-primary,
.uniway-bluewhite #send,
.uniway-bluewhite .uniway-search-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 11px 20px;
  border: 0;
  border-radius: 6px;
  background: var(--uw-blue) !important;
  color: #fff !important;
  font-size: 15px;
  line-height: 1.4;
  font-weight: bold;
  text-decoration: none;
  cursor: pointer;
  box-shadow: none;
  text-shadow: none;
}
.uniway-bluewhite .btn_blue:hover,
.uniway-bluewhite .btn-primary:hover,
.uniway-bluewhite #send:not(:disabled):hover,
.uniway-bluewhite .uniway-search-button:hover { background: var(--uw-blue-hover) !important; }
.uniway-bluewhite #send:disabled { color: #f1f5fa !important; background: #6d8197 !important; cursor: not-allowed; }
.uniway-bluewhite section.home { display: flex; flex-direction: column; width: 100%; max-width: none; padding: 0; }
.uniway-bluewhite section.home #slogan {
  position: static;
  order: -2;
  width: 100%;
  height: auto;
  min-height: 430px;
  padding: 52px max(32px, calc((100% - 1256px) / 2));
  background-color: #f4f8fc;
  background-image: linear-gradient(90deg, #f4f8fc 0%, #f4f8fc 46%, rgba(244,248,252,0.4) 63%, rgba(244,248,252,0) 75%), url(../img/uniway-bluewhite-hero.png);
  background-size: cover, 52% auto;
  background-position: center, right center;
  background-repeat: no-repeat;
}
.uniway-hero-heading { max-width: 710px; margin: 0 0 20px; color: var(--uw-navy); font-size: clamp(30px, 3.2vw, 48px); line-height: 1.16; letter-spacing: -0.025em; text-wrap: balance; }
.uniway-bluewhite section.home #slogan > p { position: static; width: min(100%, 680px); max-width: 56%; height: auto; margin: 0 0 24px; font-size: 16px; line-height: 1.65; color: #344f68; }
.uniway-bluewhite section.home #banner { position: relative; order: -1; left: auto; top: auto; width: min(calc(100% - 64px), 1256px); height: 280px; margin: 32px auto 0; padding: 0; background: #fff; overflow: hidden; border-radius: 10px; }
.uniway-bluewhite section.home article { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 44px; width: min(calc(100% - 64px), 1256px); min-height: 0; margin: 0 auto; padding: 48px 0 64px; position: static; background: #fff; }
.uniway-bluewhite section.home article #content { position: static; width: auto; float: none; background: none; }
.uniway-bluewhite section.home article #content > p { position: static; width: auto; margin: 0 0 20px; text-align: left; font-size: 16px; line-height: 1.75; }
.uniway-bluewhite section.home article #content > p:first-child { color: var(--uw-navy); font-size: 27px; line-height: 1.3; font-weight: bold; }
.uniway-bluewhite section.home article #why-homeProduct { position: relative; left: auto; top: auto; width: 100%; min-height: 120px; margin: 0; padding: 24px 0 24px 182px; border-bottom: 1px solid var(--uw-line); background-position: left 24px; }
.uniway-bluewhite section.home article #why-homeProduct ul { position: static; width: auto; display: flex; flex-wrap: wrap; gap: 0 5px; line-height: 1.8; }
.uniway-bluewhite section.home article #why-homeProduct ul li { float: none; font-size: 14px; }
.uniway-bluewhite section.home article #why-homeProduct ul li:first-child { width: 100%; margin-bottom: 6px; color: var(--uw-navy); font-size: 18px; }
.uniway-bluewhite section.home article #content #action_prod { position: static; width: 100%; height: auto; margin: 24px 0 0; }
.uniway-bluewhite #action_prod div { float: none; width: auto; height: auto; text-align: left; }
.uniway-bluewhite section.home article #search-r { position: static; left: auto; top: auto; float: none; width: auto; }
.uniway-bluewhite #searchWrapper {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0;
  margin: 0 0 24px !important;
  padding: 24px;
  border-radius: 12px;
  background: var(--uw-pale) !important;
}
.uniway-bluewhite #searchWrapper p,
.uniway-bluewhite #searchWrapper p.first { position: static !important; left: auto !important; top: auto !important; width: auto !important; max-width: 100%; margin: 0 0 14px; color: var(--uw-muted) !important; font-size: 13px; line-height: 1.6; }
.uniway-bluewhite #searchWrapper > p:first-child { color: var(--uw-navy) !important; font-size: 19px !important; font-weight: bold; font-style: normal !important; }
.uniway-bluewhite #searchWrapper #searchProduct2 { display: grid; grid-template-columns: 1fr; gap: 10px; margin: 0; }
.uniway-bluewhite #searchWrapper #searchProduct2 input.aside_1,
.uniway-bluewhite #search-r #searchWrapper #searchProduct2 input[name="key1"],
.uniway-bluewhite #search-r #searchWrapper #searchProduct2 input[name="key2"] {
  position: static !important;
  left: auto !important;
  top: auto !important;
  float: none !important;
  width: 100% !important;
  height: 46px !important;
  margin: 0 !important;
  border: 1px solid #aebfd1;
  border-radius: 6px;
  background: #fff !important;
}
.uniway-bluewhite #searchWrapper input { position: static !important; float: none !important; width: 100% !important; height: 46px !important; margin: 0 0 10px !important; background-image: none !important; }
.uniway-bluewhite #searchWrapper button,
.uniway-bluewhite #searchWrapper #searchProduct2 button {
  position: static !important;
  left: auto !important;
  top: auto !important;
  float: none !important;
  width: 100% !important;
  height: 46px !important;
  margin: 0 0 14px !important;
  background-image: none !important;
}
.uniway-bluewhite #slogan > .uniway-primary-query { max-width: 680px; padding: 0; margin: 28px 0 0 !important; background: transparent !important; }
.uniway-bluewhite #slogan > .uniway-primary-query #searchProduct2 { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 116px; }
.uniway-bluewhite #slogan > .uniway-primary-query > p { margin-bottom: 10px; }
.uniway-bluewhite #slogan > .uniway-primary-query > p.first { margin: 0; font-size: 12px; }
.uniway-bluewhite section.home article #search-r #searchWrapper button { width: 100% !important; }
.uniway-bluewhite #lineList { position: static; width: 100% !important; margin: 0 0 28px !important; padding: 0; color: var(--uw-ink); line-height: 1.8; font-size: 15px; text-align: left; }
.uniway-bluewhite #lineList > li:first-child { margin: 0 0 18px; padding: 0 0 12px; border-bottom: 1px solid var(--uw-line); color: var(--uw-navy); font-size: 25px; }
.uniway-bluewhite section.service #lineList { left: auto; top: auto; width: 100% !important; max-width: 75ch; }
.uniway-bluewhite #lineList li:first-child { color: var(--uw-navy); }
.uniway-bluewhite section.service #content ul.innerList { margin: 15px 0 !important; padding-left: 24px; left: auto; }
.uniway-bluewhite ul.innerList li { font-size: 15px; line-height: 1.8; }
.uniway-bluewhite ul.innerList li:first-child { left: auto; font-size: 15px !important; }
.uniway-bluewhite .about #lineList { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 5px 24px; }
.uniway-bluewhite .about #lineList > li:first-child { grid-column: 1 / -1; }
.uniway-bluewhite .about #lineList a { display: block; padding: 5px 0; overflow-wrap: anywhere; }
.uniway-bluewhite nav#address,
.uniway-bluewhite nav#address.fixed { position: static !important; inset: auto !important; float: none; grid-column: 1 / -1; width: 100%; margin: 24px 0 0; padding: 24px; border-radius: 12px; background: var(--uw-pale); font-size: 14px; }
.uniway-bluewhite nav#address p,
.uniway-bluewhite nav#address p.addTitle { position: static; padding: 0; margin: 0 0 8px; color: var(--uw-muted) !important; font-size: 14px; }
.uniway-bluewhite #product-showList { width: 100%; overflow-x: auto; }
.uniway-bluewhite #product-showList table { position: static !important; left: auto !important; width: 100% !important; border-collapse: collapse; font-size: 14px; }
.uniway-bluewhite #product-showList table td { padding: 13px 10px !important; border-bottom: 1px solid var(--uw-line); vertical-align: middle; line-height: 1.6; }
.uniway-bluewhite #product-showList table tr:first-child td { color: var(--uw-navy) !important; font-size: 15px !important; background: var(--uw-pale); border-color: #a8c2dc !important; }
.uniway-bluewhite #product-showList.p-detail { position: static; width: 100%; overflow: visible; }
.uniway-bluewhite #product-showList.p-detail #p-d-img { width: 100%; max-height: none; }
.uniway-bluewhite #product-showList.p-detail button,
.uniway-bluewhite section.product button.addCart2 { position: static; margin: 16px 0; }
.uniway-bluewhite ul.paginate.pag1 { position: static !important; left: auto !important; top: auto !important; display: flex; flex-wrap: wrap; gap: 6px; margin: 22px 0; padding: 0; }
.uniway-bluewhite ul.paginate.pag1 li { margin: 0 !important; }
.uniway-bluewhite ul.paginate.pag1 li a { display: inline-flex; align-items: center; justify-content: center; min-width: 34px; min-height: 36px; padding: 6px 10px; border: 1px solid var(--uw-line); border-radius: 4px; background: #fff; color: var(--uw-blue) !important; }
.uniway-bluewhite #contact_form { position: static; left: auto; top: auto; float: none; width: 100%; margin: 0; }
.uniway-bluewhite #contact_form form,
.uniway-bluewhite #contact_form fieldset { position: static; float: none; min-width: 0; width: 100% !important; max-width: 760px; height: auto; margin: 0; padding: 0; }
.uniway-bluewhite #contact_form label { display: block; position: static; float: none; width: auto; height: auto; margin: 18px 0 7px; padding: 0; text-align: left; color: var(--uw-ink); font-size: 15px; }
.uniway-bluewhite #contact_form input,
.uniway-bluewhite #contact_form select,
.uniway-bluewhite #contact_form textarea { position: static; float: none; width: 100%; margin: 0 0 8px; }
.uniway-bluewhite #contact_form textarea { min-height: 180px; height: 210px !important; }
.uniway-bluewhite #contact_form #gender { width: 130px; }
.uniway-bluewhite #contact_form #VerRight { position: static; width: 100%; margin: 12px 0 24px !important; height: auto; }
.uniway-bluewhite #contact_form label { border: 0; }
.uniway-bluewhite #contact_form label.error { color: #a21f32; }
.uniway-bluewhite #contact_form #VerRight img { vertical-align: middle; }
.uniway-bluewhite #contact_form #send { position: static; float: none !important; width: auto; min-width: 110px; margin: 12px 0 0; padding: 11px 20px !important; text-indent: 0; }
.uniway-bluewhite #contact_form #junk { display: none !important; }
.uniway-bluewhite #stepSign { left: 0; top: 0; max-width: 100%; }
.uniway-bluewhite #stepSign { width: 100%; height: auto; aspect-ratio: 571 / 85; background-size: contain; }
.uniway-bluewhite #action_prod { position: static; display: flex; flex-wrap: wrap; gap: 12px; width: 100%; height: auto; margin: 24px 0; }
.uniway-bluewhite #action_prod div { float: none; width: auto; height: auto; }
.uniway-bluewhite #sentSuccess { left: auto; padding: 32px 0; }
.uniway-bluewhite #qty { width: 76px; min-height: 40px; }
.uniway-bluewhite #f-w { position: static; width: 100%; padding: 32px max(28px, calc((100% - 1256px) / 2)); margin: 0; background: var(--uw-navy); color: #fff; line-height: 1.6; }
.uniway-bluewhite #f-w p { position: static; color: #dce9f8; font-size: 13px; line-height: 1.7; margin: 18px 0 12px; }
.uniway-bluewhite #footerNav,
.uniway-bluewhite #footerContact { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 24px; margin: 0; padding: 0; }
.uniway-bluewhite #footerNav li,
.uniway-bluewhite #footerContact li { display: block; margin: 0; padding: 4px 0; border: 0; color: #fff; font-size: 13px; cursor: pointer; }
.uniway-bluewhite footer { width: 100%; padding: 30px 32px 40px; margin: 0; background: #fff; }
.uniway-bluewhite footer #disclaimer { max-width: 1100px; margin: 0 auto; }
.uniway-bluewhite footer #disclaimer p { color: #52677d; font-size: 11px !important; line-height: 1.65; margin: 0 0 8px; }
.uniway-bluewhite #message { z-index: 20; }
.uniway-bluewhite a[href="/subscribe/"] { max-width: calc(100% - 32px); }
.uniway-bluewhite a[href="/subscribe/"][style*="position:fixed"] { position: static !important; display: table; margin: 12px auto 32px; }
.uniway-mobile > .container { width: 100%; padding: 0; }
.uniway-bluewhite.uniway-mobile header { grid-template-columns: 176px minmax(0, 1fr); grid-template-areas: "logo info" "language language"; padding: 20px; min-height: 110px; }
.uniway-bluewhite.uniway-mobile header #h-info ul { justify-content: flex-start; }
.uniway-bluewhite.uniway-mobile #search-r { width: 100%; padding: 24px; }
.uniway-bluewhite.uniway-mobile #search-r #searchWrapper button { width: 100% !important; white-space: nowrap; }
.uniway-bluewhite.uniway-mobile #slogan { min-height: 0; background-size: cover, cover; padding: 36px 24px; }
.uniway-bluewhite.uniway-mobile #slogan > p { max-width: 100%; width: 100%; }
.uniway-bluewhite.uniway-mobile .uniway-hero-heading { font-size: 30px; }
.uniway-bluewhite.uniway-mobile #f-w2 { padding: 12px 24px 32px; text-align: center; }
.uniway-banner-stage { position: relative; width: 880px; height: 280px; transform-origin: top left; }
.uniway-bluewhite .uniway-language-control { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-start; gap: 10px; margin: 0; padding: 0; background: transparent; color: #fff; }
.uniway-language-control label { float: none; margin: 0; font-size: 13px; font-weight: bold; color: #fff; }
.uniway-bluewhite .uniway-language-control select { width: 140px; min-height: 40px; padding: 7px 10px; font-size: 13px !important; }
.uniway-language-suggestion { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; gap: 10px 18px; padding: 12px 24px; background: #e1effc; color: var(--uw-navy); font-size: 14px; }
.uniway-language-suggestion button { min-height: 40px; padding: 8px 14px; border: 1px solid #7ca4cd; background: #fff; color: var(--uw-navy); font: inherit; cursor: pointer; }
.uniway-language-suggestion .uniway-language-accept { background: var(--uw-blue); border-color: var(--uw-blue); color: #fff; }
.uniway-bluewhite.uniway-subscribe section.hero { width: 100%; max-width: none; padding: 56px 24px; background: var(--uw-navy); color: #fff; }
.uniway-subscribe .box { width: calc(100% - 40px); max-width: 700px; border: 1px solid var(--uw-line); box-shadow: none; }
.uniway-subscribe .box h2 { padding-bottom: 0; }
.uniway-subscribe .consent input { width: auto; min-width: 18px; height: 18px; }
.uniway-subscribe .box button { background: var(--uw-blue); min-height: 44px; }

@media (max-width: 1100px) {
  .uniway-bluewhite header { grid-template-columns: 152px minmax(0, 1fr) 280px; grid-template-areas: "logo company info" "logo tagline cart" "menu menu menu"; gap: 4px 20px; }
  .uniway-bluewhite header #logo { width: 152px; height: 97px; background-size: 336px 97px; }
  .uniway-bluewhite header #h-info ul { gap: 4px 12px; }
  .uniway-bluewhite section > article.clearfix { grid-template-columns: 210px minmax(0, 1fr); gap: 28px; }
  .uniway-bluewhite section.home article { grid-template-columns: minmax(0, 1fr) 275px; gap: 30px; }
  .uniway-bluewhite section.home #slogan { background-size: cover, auto 100%; }
  .uniway-bluewhite section.home #slogan > p { max-width: 64%; }
  .uniway-bluewhite #slogan > .uniway-primary-query { max-width: 64%; }
  .uniway-bluewhite #slogan > .uniway-primary-query #searchProduct2 { grid-template-columns: 1fr 1fr; }
  .uniway-bluewhite #slogan > .uniway-primary-query #searchProduct2 button { grid-column: 1 / -1; width: 150px !important; }
  .uniway-bluewhite .about #lineList { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
  .uniway-bluewhite header { grid-template-columns: 120px minmax(0, 1fr); grid-template-areas: "logo company" "logo tagline" "cart info" "menu menu"; gap: 10px 18px; min-height: 0; padding: 20px 22px 0; }
  .uniway-bluewhite header #logo { width: 120px; height: 77px; background-size: 266px 77px; }
  .uniway-bluewhite header #h-companyName p:first-child { font-size: 12px; }
  .uniway-bluewhite header #h-companyName p:first-child + p { font-size: 19px; line-height: 1.3; }
  .uniway-bluewhite header #h-search p { font-size: 12px; }
  .uniway-bluewhite header #h-enquiry { justify-self: start; font-size: 12px; }
  .uniway-bluewhite header #h-enquiry a { padding: 8px; }
  .uniway-bluewhite header #h-info ul { justify-content: flex-end; gap: 2px 12px; }
  .uniway-bluewhite header #h-info ul li { font-size: 11px !important; }
  .uniway-bluewhite header #h-info ul li:last-child { font-size: 12px !important; }
  .uniway-bluewhite header #h-menu { margin-top: 4px; border-top: 1px solid #486a8c; }
  .uniway-bluewhite header #h-menu ul { justify-content: space-between; gap: 0; }
  .uniway-bluewhite header #h-menu ul li { min-width: 0; padding: 0 9px; height: 48px; font-size: 13px !important; }
  .uniway-bluewhite section { padding: 0 22px 36px; }
  .uniway-bluewhite section > article.clearfix { grid-template-columns: 1fr; gap: 24px; padding-top: 26px; }
  .uniway-bluewhite section article > aside { order: 1; }
  .uniway-bluewhite section article > #content { order: 0; }
  .uniway-bluewhite section article > nav#address { order: 2; }
  .uniway-bluewhite section:not(.home) #banner { min-height: 135px; padding: 30px 24px; }
  .uniway-bluewhite section #banner h1 { font-size: 30px; }
  .uniway-bluewhite section #banner p { font-size: 14px; }
  .uniway-bluewhite section.home #slogan { min-height: 0; padding: 36px 24px; background-image: linear-gradient(90deg, rgba(244,248,252,0.98), rgba(244,248,252,0.91)), url(../img/uniway-bluewhite-hero.png); background-size: cover; }
  .uniway-bluewhite .uniway-hero-heading { max-width: 100%; font-size: 34px; }
  .uniway-bluewhite section.home #slogan > p { width: 100%; max-width: 100%; font-size: 15px; }
  .uniway-bluewhite #slogan > .uniway-primary-query { max-width: 100%; }
  .uniway-bluewhite #slogan > .uniway-primary-query #searchProduct2 { grid-template-columns: 1fr; }
  .uniway-bluewhite #slogan > .uniway-primary-query #searchProduct2 button { width: 100% !important; grid-column: auto; }
  .uniway-bluewhite section.home #banner { width: calc(100% - 44px); height: 180px; margin-top: 24px; }
  .uniway-bluewhite section.home #banner .slides_container { transform-origin: top left; }
  .uniway-bluewhite section.home article { grid-template-columns: 1fr; width: calc(100% - 44px); padding: 32px 0; gap: 26px; }
  .uniway-bluewhite section.home article #content > p:first-child { font-size: 25px; }
  .uniway-bluewhite section.home article #why-homeProduct { min-height: 110px; padding-left: 145px; background-size: 130px auto; }
  .uniway-bluewhite section.home article #why-homeProduct ul li { font-size: 13px; }
  .uniway-bluewhite section.home article #why-homeProduct ul li:first-child { font-size: 17px; }
  .uniway-bluewhite #lineList { font-size: 14px; }
  .uniway-bluewhite .about #lineList { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 3px 18px; }
  .uniway-bluewhite #product-showList table { min-width: 510px; }
  .uniway-bluewhite #f-w { padding: 28px 22px; }
  .uniway-bluewhite #footerNav, .uniway-bluewhite #footerContact { gap: 6px 16px; }
  .uniway-bluewhite footer { padding: 24px 22px; }
}
@media (prefers-reduced-motion: no-preference) {
  .uniway-bluewhite a, .uniway-bluewhite button, .uniway-bluewhite input { transition: color 160ms ease-out, background-color 160ms ease-out, border-color 160ms ease-out; }
}

.uniway-contact-icon { display: inline-block; width: 17px; margin-right: 5px; text-align: center; }
.uniway-bluewhite .uniway-table-hint { display: none; margin: 0 0 12px; color: var(--uw-blue); font-size: 13px; line-height: 1.5; }
.uniway-contact-label { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.uniway-bluewhite.uniway-mobile header > .uniway-language-control { grid-area: language; padding-top: 12px; }
.uniway-bluewhite.uniway-subscribe .hero > .uniway-language-control { justify-content: center; margin: 22px auto 0; }
@media (max-width: 760px) { .uniway-bluewhite .uniway-language-control select { width: 132px; } .uniway-bluewhite header #h-menu { align-self: stretch; } .uniway-bluewhite .uniway-table-hint:not([hidden]) { display: block; } }
