/* Built from scripts/phone-css/customer.src.css by scripts/phone-css/build.mjs. Edit the source, not this file. */
.m-only, .view-switch button {
  display: none;
}

html[data-dev]:not([data-m]) .view-switch {
  text-align: center;
  padding: 14px 0;
}

html[data-dev]:not([data-m]) .view-switch .to-phone {
  color: #1d5f93;
  background: #fff;
  border: 2px solid #1d5f93;
  border-radius: 12px;
  padding: 14px 28px;
  font-size: 22px;
  font-weight: bold;
  display: inline-block;
}

html[data-m] {
  --m-blue: #1d5f93;
  --m-blue-dark: #154a73;
  --m-amber: #f59e0b;
  --m-text: #1a1f24;
  --m-muted: #5b6670;
  --m-line: #eef1f3;
  --m-line2: #e3e7eb;
  --m-input: #c9d1d8;
  --m-soft: #f7fafc;
  --m-green: #1c6b36;
  --m-font: "Manrope", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --m-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  -webkit-text-size-adjust: 100%;
}

html[data-m] .m-only {
  display: block;
}

html[data-m] .m-hide-label {
  width: 1px;
  height: 1px;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}

html[data-m] body {
  font-family: var(--m-font);
  color: var(--m-text);
  background: #fff;
  font-size: 15px;
  line-height: 1.45;
  overflow-x: hidden;
}

html[data-m] body * {
  letter-spacing: normal;
  font-family: inherit;
}

html[data-m] a {
  color: var(--m-blue);
}

html[data-m] img {
  max-width: 100%;
  height: auto;
}

html[data-m] .header-language-background {
  display: none !important;
}

html[data-m] #header {
  display: none !important;
}

html[data-m] .breadcrumbs {
  display: none !important;
}

html[data-m] .wrapper {
  width: 100%;
  max-width: none;
  box-shadow: none;
  min-height: 0;
  margin: 0;
  padding: 0;
}

html[data-m] .page {
  width: 100%;
  max-width: none;
  box-shadow: none;
  min-height: 0;
  margin: 0;
  padding: 0;
}

html[data-m] .main-container {
  max-width: none;
  padding: 14px 14px 24px;
}

html[data-m] .main {
  max-width: none;
  padding: 0;
}

html[data-m] .col-main {
  float: none;
  width: 100%;
  padding: 0;
}

html[data-m] .col-left {
  float: none;
  width: 100%;
  padding: 0;
}

html[data-m] .col-right {
  float: none;
  width: 100%;
  padding: 0;
}

html[data-m] .mh {
  z-index: 60;
  color: #fff;
  background: #0d65fe;
  padding: 6px 10px 10px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  box-shadow: 0 1px #00000014;
}

html[data-m] .mh-bar {
  align-items: center;
  gap: 2px;
  min-height: 48px;
  display: flex;
}

html[data-m] .mh-brand {
  color: #fff;
  letter-spacing: .12em;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  min-width: 0;
  padding-left: 4px;
  font-size: 15px;
  font-weight: 800;
  text-decoration: none;
  overflow: hidden;
}

html[data-m] .mh-brand span {
  color: #b9d9f2;
}

html[data-m] .mh-ico {
  color: #fff;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  display: inline-flex;
  position: relative;
}

html[data-m] .mh-ico:active {
  background: #ffffff24;
}

html[data-m] .mh-back {
  flex: none;
  margin-left: -6px;
}

html[data-m] .mh-back + .mh-brand {
  letter-spacing: .06em;
  font-size: 14px;
}

html[data-m] body.cms-home .mh-back {
  display: none;
}

html[data-m] .mh-count {
  box-sizing: border-box;
  background: var(--m-amber);
  min-width: 18px;
  height: 18px;
  color: var(--m-text);
  text-align: center;
  border-radius: 9px;
  padding: 0 4px;
  font-size: 11px;
  font-weight: 800;
  line-height: 18px;
  position: absolute;
  top: 3px;
  right: 1px;
}

html[data-m] .mh-login {
  color: #fff;
  border: 1px solid #fff9;
  border-radius: 8px;
  margin-right: 4px;
  padding: 7px 12px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

html[data-m] .mh-menu {
  position: relative;
}

html[data-m] .mh-panel {
  z-index: 70;
  background: #fff;
  border-radius: 14px;
  width: min(280px, 86vw);
  padding: 8px 0;
  position: absolute;
  top: 50px;
  right: 0;
  box-shadow: 0 12px 34px #10182847;
}

html[data-m] .mh-panel a {
  min-height: 46px;
  color: var(--m-text);
  align-items: center;
  padding: 0 18px;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
  display: flex;
}

html[data-m] .mh-panel a:active {
  background: var(--m-soft);
}

html[data-m] .mh-panel .mh-acc {
  color: var(--m-blue);
  font-weight: 700;
}

html[data-m] .mh-sep {
  background: var(--m-line2);
  height: 1px;
  margin: 6px 0;
}

html[data-m] .mh-search {
  gap: 8px;
  margin-top: 4px;
  display: flex;
}

html[data-m] .mh-field {
  min-width: 0;
  height: 48px;
  color: var(--m-muted);
  background: #fff;
  border-radius: 10px;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 6px 0 12px;
  display: flex;
}

html[data-m] .mh-field input {
  min-width: 0;
  height: 44px;
  color: var(--m-text);
  background: none;
  outline: 0;
  flex: 1;
  margin: 0;
  font-family: var(--m-mono) !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  font-size: 16px !important;
}

html[data-m] .mh-field input::-webkit-search-cancel-button {
  display: none;
}

html[data-m] .mh-type {
  height: 32px;
  color: var(--m-blue);
  background: #fff;
  border-radius: 6px;
  flex: none;
  padding: 0 6px;
  font-weight: 700;
  border: 1px solid #b9d0e3 !important;
  width: auto !important;
  font-size: 13px !important;
}

html[data-m] .mh-go {
  background: var(--m-amber);
  height: 48px;
  color: var(--m-text);
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  flex: none;
  padding: 0 16px;
  font-size: 15px;
  font-weight: 800;
}

html[data-m] h1 {
  font-family: var(--m-font);
  text-transform: none;
  color: var(--m-text);
}

html[data-m] h2 {
  font-family: var(--m-font);
  text-transform: none;
  color: var(--m-text);
}

html[data-m] h3 {
  font-family: var(--m-font);
  text-transform: none;
  color: var(--m-text);
}

html[data-m] h4 {
  font-family: var(--m-font);
  text-transform: none;
  color: var(--m-text);
}

html[data-m] .page-title h1 {
  font-family: var(--m-font);
  text-transform: none;
  color: var(--m-text);
}

html[data-m] .page-title h2 {
  font-family: var(--m-font);
  text-transform: none;
  color: var(--m-text);
}

html[data-m] .h1 {
  font-family: var(--m-font);
  text-transform: none;
  color: var(--m-text);
}

html[data-m] .page-title {
  border: 0;
  margin: 0 0 12px;
  padding: 0;
}

html[data-m] .page-title h1 {
  text-align: left;
  margin: 0;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.25;
}

html[data-m] .page-title h2 {
  text-align: left;
  margin: 0;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.25;
}

html[data-m] .col-main > h1 {
  text-align: left;
  margin: 0;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.25;
}

html[data-m] .category-title h1 {
  text-align: left;
  margin: 0;
  font-size: 21px;
  font-weight: 800;
  line-height: 1.25;
}

html[data-m] h2 {
  font-size: 17px;
  font-weight: 800;
}

html[data-m] h3 {
  font-size: 16px;
  font-weight: 700;
}

html[data-m] .std {
  font-size: 15px;
  line-height: 1.5;
}

html[data-m] .std p {
  font-size: 15px;
  line-height: 1.5;
}

html[data-m] p {
  font-size: 15px;
  line-height: 1.5;
}

html[data-m] input.input-text {
  box-sizing: border-box;
  border: 1px solid var(--m-input);
  max-width: 100%;
  color: var(--m-text);
  background: #fff;
  border-radius: 8px;
  font-size: 16px !important;
}

html[data-m] input[type="text"] {
  box-sizing: border-box;
  border: 1px solid var(--m-input);
  max-width: 100%;
  color: var(--m-text);
  background: #fff;
  border-radius: 8px;
  font-size: 16px !important;
}

html[data-m] input[type="email"] {
  box-sizing: border-box;
  border: 1px solid var(--m-input);
  max-width: 100%;
  color: var(--m-text);
  background: #fff;
  border-radius: 8px;
  font-size: 16px !important;
}

html[data-m] input[type="password"] {
  box-sizing: border-box;
  border: 1px solid var(--m-input);
  max-width: 100%;
  color: var(--m-text);
  background: #fff;
  border-radius: 8px;
  font-size: 16px !important;
}

html[data-m] input[type="search"] {
  box-sizing: border-box;
  border: 1px solid var(--m-input);
  max-width: 100%;
  color: var(--m-text);
  background: #fff;
  border-radius: 8px;
  font-size: 16px !important;
}

html[data-m] input[type="tel"] {
  box-sizing: border-box;
  border: 1px solid var(--m-input);
  max-width: 100%;
  color: var(--m-text);
  background: #fff;
  border-radius: 8px;
  font-size: 16px !important;
}

html[data-m] input[type="number"] {
  box-sizing: border-box;
  border: 1px solid var(--m-input);
  max-width: 100%;
  color: var(--m-text);
  background: #fff;
  border-radius: 8px;
  font-size: 16px !important;
}

html[data-m] select {
  box-sizing: border-box;
  border: 1px solid var(--m-input);
  max-width: 100%;
  color: var(--m-text);
  background: #fff;
  border-radius: 8px;
  font-size: 16px !important;
}

html[data-m] textarea {
  box-sizing: border-box;
  border: 1px solid var(--m-input);
  max-width: 100%;
  color: var(--m-text);
  background: #fff;
  border-radius: 8px;
  font-size: 16px !important;
}

html[data-m] input.input-text {
  min-height: 44px;
  padding: 0 12px;
}

html[data-m] input[type="text"] {
  min-height: 44px;
  padding: 0 12px;
}

html[data-m] input[type="email"] {
  min-height: 44px;
  padding: 0 12px;
}

html[data-m] input[type="password"] {
  min-height: 44px;
  padding: 0 12px;
}

html[data-m] input[type="tel"] {
  min-height: 44px;
  padding: 0 12px;
}

html[data-m] input[type="number"] {
  min-height: 44px;
  padding: 0 12px;
}

html[data-m] select {
  min-height: 44px;
  padding: 0 12px;
}

html[data-m] textarea {
  width: 100%;
  padding: 10px 12px;
}

html[data-m] input:focus {
  outline-offset: 0;
  border-color: var(--m-blue);
  outline: 2px solid #1d5f9359;
}

html[data-m] select:focus {
  outline-offset: 0;
  border-color: var(--m-blue);
  outline: 2px solid #1d5f9359;
}

html[data-m] textarea:focus {
  outline-offset: 0;
  border-color: var(--m-blue);
  outline: 2px solid #1d5f9359;
}

html[data-m] label {
  color: var(--m-text);
  text-transform: none;
  font-size: 14px;
  font-weight: 700;
}

html[data-m] .form-list label {
  color: var(--m-text);
  text-transform: none;
  font-size: 14px;
  font-weight: 700;
}

html[data-m] .form-list li {
  margin-bottom: 12px;
}

html[data-m] .form-list .field {
  float: none;
  max-width: 100%;
  margin: 0 0 12px;
  width: 100% !important;
}

html[data-m] .form-list .input-box {
  float: none;
  max-width: 100%;
  margin: 0 0 12px;
  width: 100% !important;
}

html[data-m] .form-list li.wide .input-box {
  float: none;
  max-width: 100%;
  margin: 0 0 12px;
  width: 100% !important;
}

html[data-m] .fields .field {
  float: none;
  max-width: 100%;
  margin: 0 0 12px;
  width: 100% !important;
}

html[data-m] .form-list .input-box input {
  width: 100% !important;
}

html[data-m] .form-list .input-box select {
  width: 100% !important;
}

html[data-m] .form-list .input-box textarea {
  width: 100% !important;
}

html[data-m] .fieldset {
  border: 0;
  margin: 0 0 16px;
  padding: 0;
}

html[data-m] .fieldset .legend {
  text-transform: none;
  border: 0;
  margin: 0 0 10px;
  padding: 0;
  font-size: 17px;
  font-weight: 800;
}

html[data-m] .fieldset h2.legend {
  text-transform: none;
  border: 0;
  margin: 0 0 10px;
  padding: 0;
  font-size: 17px;
  font-weight: 800;
}

html[data-m] p.required {
  color: var(--m-muted);
  font-size: 13px;
}

html[data-m] .form-instructions {
  color: var(--m-muted);
  font-size: 13px;
}

html[data-m] .validation-advice {
  font-size: 13px;
}

html[data-m] .button {
  background: var(--m-blue);
  color: #fff;
  min-height: 46px;
  font-family: var(--m-font);
  text-transform: none;
  float: none;
  box-shadow: none;
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 800;
  line-height: 46px;
  text-decoration: none;
}

html[data-m] button.button {
  background: var(--m-blue);
  color: #fff;
  min-height: 46px;
  font-family: var(--m-font);
  text-transform: none;
  float: none;
  box-shadow: none;
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 800;
  line-height: 46px;
  text-decoration: none;
}

html[data-m] a.button {
  background: var(--m-blue);
  color: #fff;
  min-height: 46px;
  font-family: var(--m-font);
  text-transform: none;
  float: none;
  box-shadow: none;
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 800;
  line-height: 46px;
  text-decoration: none;
}

html[data-m] .buttons-set .button {
  background: var(--m-blue);
  color: #fff;
  min-height: 46px;
  font-family: var(--m-font);
  text-transform: none;
  float: none;
  box-shadow: none;
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 800;
  line-height: 46px;
  text-decoration: none;
}

html[data-m] .button2 {
  background: var(--m-blue);
  color: #fff;
  min-height: 46px;
  font-family: var(--m-font);
  text-transform: none;
  float: none;
  box-shadow: none;
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 800;
  line-height: 46px;
  text-decoration: none;
}

html[data-m] input[type="submit"] {
  background: var(--m-blue);
  color: #fff;
  min-height: 46px;
  font-family: var(--m-font);
  text-transform: none;
  float: none;
  box-shadow: none;
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 800;
  line-height: 46px;
  text-decoration: none;
}

html[data-m] input[type="reset"] {
  background: var(--m-blue);
  color: #fff;
  min-height: 46px;
  font-family: var(--m-font);
  text-transform: none;
  float: none;
  box-shadow: none;
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  padding: 0 20px;
  font-size: 16px;
  font-weight: 800;
  line-height: 46px;
  text-decoration: none;
}

html[data-m] .button span {
  height: auto;
  line-height: inherit;
  font: inherit;
  color: inherit;
  text-transform: none;
  background: none;
  padding: 0;
}

html[data-m] .button span span {
  height: auto;
  line-height: inherit;
  font: inherit;
  color: inherit;
  text-transform: none;
  background: none;
  padding: 0;
}

html[data-m] .button2 span {
  height: auto;
  line-height: inherit;
  font: inherit;
  color: inherit;
  text-transform: none;
  background: none;
  padding: 0;
}

html[data-m] .button2 span span {
  height: auto;
  line-height: inherit;
  font: inherit;
  color: inherit;
  text-transform: none;
  background: none;
  padding: 0;
}

html[data-m] .button:active {
  background: var(--m-blue-dark);
}

html[data-m] .button2:active {
  background: var(--m-blue-dark);
}

html[data-m] .button:disabled {
  opacity: .5;
}

html[data-m] .button2:disabled {
  opacity: .5;
}

html[data-m] .buttons-set {
  border: 0;
  flex-direction: column-reverse;
  align-items: stretch;
  gap: 12px;
  margin: 16px 0;
  padding: 0;
  display: flex;
}

html[data-m] .buttons-set .button {
  width: 100%;
}

html[data-m] .buttons-set .back-link {
  float: none;
  text-align: center;
  margin: 0;
}

html[data-m] .buttons-set p.back-link {
  float: none;
  text-align: center;
  margin: 0;
}

html[data-m] .messages {
  margin: 0 0 12px;
  padding: 0;
}

html[data-m] .messages li li {
  border-radius: 10px;
  font-size: 15px;
}

html[data-m] .messages .success-msg {
  border-radius: 10px;
  font-size: 15px;
}

html[data-m] .messages .error-msg {
  border-radius: 10px;
  font-size: 15px;
}

html[data-m] .messages .notice-msg {
  border-radius: 10px;
  font-size: 15px;
}

html[data-m] .messages .warning-msg {
  border-radius: 10px;
  font-size: 15px;
}

html[data-m] .messages .success-msg {
  background-image: none;
  border: 1px solid #0000;
  padding: 12px 14px;
}

html[data-m] .messages .error-msg {
  background-image: none;
  border: 1px solid #0000;
  padding: 12px 14px;
}

html[data-m] .messages .notice-msg {
  background-image: none;
  border: 1px solid #0000;
  padding: 12px 14px;
}

html[data-m] .messages .warning-msg {
  background-image: none;
  border: 1px solid #0000;
  padding: 12px 14px;
}

html[data-m] .messages .success-msg {
  color: #14532d;
  background-color: #e7f6ec;
  border-color: #b9e3c6;
}

html[data-m] .messages .error-msg {
  color: #8a1c10;
  background-color: #fdecea;
  border-color: #f4c2bd;
}

html[data-m] .messages .notice-msg {
  color: #6b4600;
  background-color: #fff7e6;
  border-color: #f5d28a;
}

html[data-m] .messages .warning-msg {
  color: #6b4600;
  background-color: #fff7e6;
  border-color: #f5d28a;
}

html[data-m] .data-table {
  border: 0;
  width: 100%;
  font-size: 14px;
}

html[data-m] .data-table th {
  color: var(--m-muted);
  text-transform: uppercase;
  letter-spacing: .04em;
  background: var(--m-soft);
  font-size: 12px;
  font-weight: 800;
}

html[data-m] .data-table th {
  border-color: var(--m-line);
  padding: 10px 8px;
}

html[data-m] .data-table td {
  border-color: var(--m-line);
  padding: 10px 8px;
}

html[data-m] .footer-container {
  background: var(--m-soft);
  border-top: 1px solid var(--m-line2);
  margin-top: 16px;
}

html[data-m] .footer {
  text-align: center;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px 0;
  max-width: none;
  padding: 18px 14px 28px;
  display: flex;
}

html[data-m] .footer .links {
  float: none;
  border: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}

html[data-m] .footer .links .block-title {
  display: none;
}

html[data-m] .footer .links ul {
  flex-wrap: wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
  display: flex;
}

html[data-m] .footer .links li {
  border: 0;
  margin: 0;
  padding: 0;
}

html[data-m] .footer .links a {
  color: var(--m-muted);
  text-transform: none;
  padding: 8px 10px;
  font-size: 13px;
  display: inline-block;
}

html[data-m] .footer .copyright {
  width: 100%;
  color: var(--m-muted);
  padding-top: 8px;
  font-size: 12px;
  font-style: normal;
}

html[data-m] .view-switch {
  width: 100%;
  padding-top: 8px;
}

html[data-m] .view-switch .to-computer {
  color: var(--m-blue);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 10px;
  font-size: 14px;
  font-weight: 700;
  text-decoration: underline;
  display: inline-block;
}

html[data-m] #shopping-cart-table .price {
  font-family: var(--m-font) !important;
}

html[data-m] .tier-prices .price {
  font-family: var(--m-font) !important;
}

html[data-m] .price .p-lead {
  display: none;
}

html[data-m] #shopping-cart-table .price:before {
  content: "$";
}

html[data-m] .tier-prices .price:before {
  content: "$";
}

html[data-m] .m-home {
  padding: 16px 14px 4px;
}

html[data-m] .m-home-lead {
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 600;
}

html[data-m] .m-tiles {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

html[data-m] .m-tile {
  box-sizing: border-box;
  border: 1px solid var(--m-line2);
  min-height: 96px;
  color: var(--m-text);
  background: #fff;
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  padding: 14px;
  text-decoration: none;
  display: flex;
}

html[data-m] .m-tile svg {
  color: var(--m-blue);
}

html[data-m] .m-tile b {
  font-size: 15px;
  font-weight: 800;
}

html[data-m] .m-tile span {
  color: var(--m-muted);
  font-size: 12.5px;
}

html[data-m] .m-tile:active {
  background: var(--m-soft);
}

html[data-m] .m-tile:last-child:nth-child(odd) {
  grid-column: 1 / -1;
  min-height: 0;
}

html[data-m] body.cms-home .main-container {
  padding-top: 10px;
}

html[data-m] body.cms-home .std img {
  border-radius: 12px;
}

html[data-m] body.cms-home .col-main img {
  border-radius: 12px;
}

html[data-m] #atr_form > h2 {
  margin: 4px 0;
  font-size: 18px;
}

html[data-m] .col-main > h2 {
  margin: 4px 0;
  font-size: 18px;
}

html[data-m] #atr_form {
  padding-bottom: 96px;
}

html[data-m] .col-main > h2 + strong {
  color: var(--m-muted);
  margin-bottom: 6px;
  font-size: 12.5px;
  font-weight: 600;
  line-height: 1.4;
  display: block;
}

html[data-m] #atr_form .products-list {
  border-top: 1px solid var(--m-line);
  margin: 0 -14px;
  padding: 0;
}

html[data-m] #atr_form .products-list > li.item {
  border-bottom: 1px solid var(--m-line);
  background: #fff;
  margin: 0;
  list-style: none;
  position: relative;
  padding: 14px 14px 14px 48px !important;
}

html[data-m] #atr_form .products-list > li.item:has( > input.product_check:checked) {
  background: var(--m-soft);
}

html[data-m] #atr_form .products-list > li.item > input.product_check {
  width: 22px;
  height: 22px;
  accent-color: var(--m-blue);
  margin: 0;
  position: absolute;
  top: 16px;
  left: 14px;
}

html[data-m] #atr_form .products-list > li.item > .product-shop {
  display: none !important;
}

html[data-m] .products-list:not(#products-list) {
  margin: 8px 0 0;
  padding: 0;
}

html[data-m] .products-list:not(#products-list) > li.item {
  border-bottom: 1px solid var(--m-line);
  list-style: none;
  padding: 12px 0 !important;
}

html[data-m] .products-list:not(#products-list) .product-shop {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-m] .products-list:not(#products-list) .f-fix {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-m] .products-list:not(#products-list) .prd-detail {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-m] .products-list:not(#products-list) .product-primary {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-m] .products-list:not(#products-list) .product-secondary {
  float: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

html[data-m] .products-list:not(#products-list) .product-name {
  margin: 0 0 4px;
  font-size: 16px;
}

html[data-m] .products-list:not(#products-list) .product-name a {
  color: var(--m-text);
  font-weight: 700;
  text-decoration: none;
  font-family: var(--m-mono) !important;
}

html[data-m] .products-list:not(#products-list) .tier-prices {
  box-sizing: border-box;
  border: 1px solid var(--m-line2);
  border-radius: 8px;
  width: 100%;
  margin: 8px 0;
  padding: 4px 10px;
  display: block;
}

html[data-m] .products-list:not(#products-list) .tier-prices li {
  justify-content: space-between;
  padding: 3px 0;
  font-size: 13px;
  display: flex;
}

html[data-m] .products-list:not(#products-list) p.availability {
  font-size: 13px;
  line-height: 1.6;
  float: none !important;
  width: 100% !important;
  margin: 6px 0 !important;
}

html[data-m] .products-list:not(#products-list) .add-to-cart {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  display: flex;
  text-align: left !important;
}

html[data-m] .products-list:not(#products-list) .add-to-cart input.qty {
  text-align: center;
  height: 42px;
  width: 64px !important;
}

html[data-m] .products-list:not(#products-list) .add-to-cart .button {
  flex: 1;
  min-width: 140px;
}

html[data-m] .m-row {
  flex-direction: column;
  gap: 6px;
  display: flex !important;
}

html[data-m] .m-alt {
  color: #b30000;
  text-transform: uppercase;
  margin: 0;
  font-size: 12px;
  font-weight: 800;
}

html[data-m] .m-l1 {
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  display: flex;
}

html[data-m] .m-pn {
  color: var(--m-text);
  word-break: break-all;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  font-family: var(--m-mono) !important;
}

html[data-m] .m-price {
  white-space: nowrap;
  font-size: 17px;
  font-weight: 800;
}

html[data-m] .m-l2 {
  color: var(--m-muted);
  font-size: 13px;
}

html[data-m] .m-stock {
  color: var(--m-green);
  font-weight: 700;
}

html[data-m] .m-nostock {
  color: var(--m-muted);
  font-weight: 700;
}

html[data-m] .m-desc {
  color: var(--m-muted);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-size: 13px;
  display: -webkit-box;
  overflow: hidden;
}

html[data-m] .m-tiers {
  border: 1px solid var(--m-line2);
  background: #fff;
  border-radius: 8px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4px 12px;
  padding: 8px 10px;
  display: grid;
}

html[data-m] .m-tier {
  white-space: nowrap;
  justify-content: space-between;
  gap: 6px;
  font-size: 12px;
  display: flex;
}

html[data-m] .m-tier span {
  color: var(--m-muted);
}

html[data-m] .m-added {
  color: var(--m-green);
  font-size: 14px;
  font-weight: 800;
}

html[data-m] .m-l3 {
  align-items: center;
  gap: 8px;
  margin-top: 2px;
  display: flex;
}

html[data-m] .m-qtylab {
  color: var(--m-muted);
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  display: flex;
}

html[data-m] .m-qty {
  text-align: center;
  height: 40px;
  width: 60px !important;
  min-height: 40px !important;
  padding: 0 4px !important;
}

html[data-m] .m-add {
  border: 1.5px solid var(--m-blue);
  height: 40px;
  color: var(--m-blue);
  cursor: pointer;
  background: #fff;
  border-radius: 8px;
  padding: 0 14px;
  font-size: 14px;
  font-weight: 800;
}

html[data-m] .m-add:disabled {
  opacity: .5;
}

html[data-m] .m-more {
  white-space: nowrap;
  margin-left: auto;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

html[data-m] .m-min {
  color: #b35900;
  font-size: 12px;
}

html[data-m] .m-row .price-update {
  margin: 2px 0;
}

html[data-m] .m-selbar {
  z-index: 55;
  background: var(--m-text);
  color: #fff;
  padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
  align-items: center;
  gap: 12px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -6px 20px #0000002e;
  display: flex !important;
}

html[data-m] .m-selinfo {
  flex-direction: column;
  flex: 1;
  font-size: 15px;
  display: flex;
}

html[data-m] .m-selinfo small {
  opacity: .75;
  font-size: 12px;
}

html[data-m] .m-seladd {
  background: var(--m-amber);
  height: 48px;
  color: var(--m-text);
  cursor: pointer;
  border: 0;
  border-radius: 10px;
  padding: 0 22px;
  font-size: 16px;
  font-weight: 800;
}

html[data-m] #atr_messages .messages {
  z-index: 58;
  border-radius: 10px;
  margin: 0;
  position: fixed;
  bottom: 88px;
  left: 12px;
  right: 12px;
  box-shadow: 0 8px 24px #0003;
}

html[data-m] #atr_form .atr_btn {
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  margin: 8px 0;
  display: flex;
}

html[data-m] #atr_form .atr_btn > #product-addtocart-buttons {
  display: none;
}

html[data-m] .ms-quick {
  gap: 8px;
  margin: 0;
  font-size: 13px;
}

html[data-m] .ms-qbtn {
  height: 36px;
  color: var(--m-text);
  background: #fff;
  border: 1px solid #d5dbe0;
  border-radius: 18px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 700;
}

html[data-m] .ms-qbtn:active {
  border-color: var(--m-blue);
  background: #e8f1f8;
}

html[data-m] .ms-quick-count {
  color: var(--m-blue);
  font-size: 13px;
}

html[data-m] #atr_form > input[type="checkbox"] {
  vertical-align: middle;
  width: 20px;
  height: 20px;
  accent-color: var(--m-blue);
}

html[data-m] .toolbar {
  background: none;
  border: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin: 10px 0;
  padding: 0;
  display: flex;
}

html[data-m] .toolbar .sorter {
  float: none;
  border: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: auto;
  margin: 0;
  padding: 0;
  display: flex;
}

html[data-m] .toolbar .pager {
  float: none;
  border: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  width: auto;
  margin: 0;
  padding: 0;
  display: flex;
}

html[data-m] .toolbar .view-mode {
  display: none;
}

html[data-m] .toolbar label {
  color: var(--m-muted);
  font-size: 13px;
  font-weight: 700;
}

html[data-m] .toolbar select {
  height: 38px;
  padding: 0 8px;
  min-height: 38px !important;
  font-size: 14px !important;
}

html[data-m] .toolbar .amount {
  margin: 0;
  font-size: 13px;
}

html[data-m] .toolbar .pages {
  align-items: center;
  gap: 4px;
  display: flex;
}

html[data-m] .toolbar .pages ol {
  gap: 4px;
  display: flex;
}

html[data-m] .toolbar .pages a {
  border: 1px solid var(--m-line2);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  height: 36px;
  font-size: 14px;
  display: inline-flex;
}

html[data-m] .toolbar .pages .current {
  border: 1px solid var(--m-line2);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-width: 36px;
  height: 36px;
  font-size: 14px;
  display: inline-flex;
}

html[data-m] .toolbar .pages .current {
  background: var(--m-blue);
  color: #fff;
  border-color: var(--m-blue);
}

html[data-m] .toolbar-bottom .toolbar .sorter {
  display: none;
}

html[data-m] #searchprod {
  min-height: 200px;
  font-family: var(--m-mono) !important;
  font-size: 16px !important;
}

html[data-m] .multisearch-index-index form .button {
  background: none;
  gap: 10px;
  min-height: 0;
  margin-top: 12px;
  padding: 0;
  line-height: normal;
  display: flex;
}

html[data-m] form#multisearch_form .button {
  background: none;
  gap: 10px;
  min-height: 0;
  margin-top: 12px;
  padding: 0;
  line-height: normal;
  display: flex;
}

html[data-m] .multisearch-index-index form .button input[type="submit"] {
  background: var(--m-amber);
  color: var(--m-text);
  flex: 2;
}

html[data-m] .multisearch-index-index form .button input[type="reset"] {
  color: var(--m-blue);
  border: 1.5px solid var(--m-blue);
  background: #fff;
  flex: 1;
}

html[data-m] .multisearch-index-index form .button span {
  flex: 1;
  display: flex;
}

html[data-m] .multisearch-index-index form .button span input {
  width: 100%;
}

html[data-m] body.catalog-product-view {
  padding-bottom: 86px;
}

html[data-m] .product-view {
  margin: 0;
}

html[data-m] .product-view .product-img-box {
  display: none;
}

html[data-m] .product-view .product-shop {
  margin: 0;
  padding: 0;
  float: none !important;
  width: 100% !important;
}

html[data-m] .product-view .product-name {
  margin: 0 0 4px;
}

html[data-m] .product-view .product-name .h1 {
  color: var(--m-text);
  word-break: break-all;
  font-size: 24px;
  font-weight: 700;
  font-family: var(--m-mono) !important;
}

html[data-m] .product-view .short-description {
  color: var(--m-muted);
  margin: 0 0 12px;
  font-size: 14px;
}

html[data-m] .product-view .extra-info {
  flex-direction: column;
  gap: 10px;
  display: flex;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
}

html[data-m] .product-view .product-shop .extra-info {
  flex-direction: column;
  gap: 10px;
  display: flex;
  float: none !important;
  width: 100% !important;
  max-width: none !important;
}

html[data-m] .product-view .extra-info p.availability {
  top: auto;
  left: auto;
  right: auto;
  float: none !important;
  position: static !important;
}

html[data-m] .product-view .extra-info .tier-prices {
  top: auto;
  left: auto;
  right: auto;
  float: none !important;
  position: static !important;
}

html[data-m] .product-view .extra-info p.availability span {
  text-transform: none;
  color: var(--m-text);
}

html[data-m] .product-view .extra-info p.availability {
  border: 1px solid var(--m-line2);
  background: var(--m-soft);
  box-sizing: border-box;
  border-radius: 12px;
  margin: 0;
  padding: 12px;
  font-size: 14px;
  line-height: 1.7;
  width: 100% !important;
}

html[data-m] .product-view .extra-info p.availability .label {
  display: none;
}

html[data-m] .product-view .extra-info p.availability .value {
  font-weight: 800;
  color: var(--m-green) !important;
}

html[data-m] .product-view .extra-info > div {
  width: 100%;
  max-width: 100% !important;
  margin: 0 !important;
  display: block !important;
}

html[data-m] .tier-prices.product-pricing {
  box-sizing: border-box;
  border: 1px solid var(--m-line2);
  background: #fff;
  border-radius: 12px;
  width: 100%;
  margin: 0;
  padding: 4px 12px;
  display: block;
}

html[data-m] .tier-prices.product-pricing li {
  border-bottom: 1px solid var(--m-line);
  color: var(--m-muted);
  justify-content: space-between;
  align-items: baseline;
  padding: 8px 0;
  font-size: 14px;
  display: flex;
}

html[data-m] .tier-prices.product-pricing li:last-child {
  border-bottom: 0;
}

html[data-m] .tier-prices.product-pricing li:first-child .price {
  font-size: 20px;
}

html[data-m] .tier-prices.product-pricing .price {
  color: var(--m-text);
  font-size: 16px;
  font-weight: 800;
}

html[data-m] .product-view .add-to-cart-wrapper {
  float: none;
  border: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}

html[data-m] .product-view .add-to-box {
  float: none;
  border: 0;
  width: 100%;
  margin: 0;
  padding: 0;
}

html[data-m] .product-view .add-to-cart {
  z-index: 55;
  padding: 12px 14px calc(12px + env(safe-area-inset-bottom));
  background: var(--m-text);
  align-items: center;
  gap: 10px;
  margin: 0;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -6px 20px #0000002e;
}

html[data-m] .product-view .add-to-cart .qty-wrapper {
  align-items: center;
  gap: 8px;
  margin: 0;
  display: flex;
}

html[data-m] .product-view .add-to-cart .qty-wrapper label {
  color: #fff;
  margin: 0;
}

html[data-m] .product-view .add-to-cart .qty-wrapper span {
  color: #ffcf8a !important;
}

html[data-m] .product-view .add-to-cart input.qty {
  text-align: center;
  height: 46px;
  min-height: 46px;
  margin: 0;
  width: 64px !important;
}

html[data-m] .product-view .add-to-cart .add-to-cart-buttons {
  margin: 0;
  float: none !important;
  flex: auto !important;
  width: auto !important;
}

html[data-m] .product-view .add-to-cart-buttons .button {
  background: var(--m-amber);
  width: 100%;
  color: var(--m-text);
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  height: 48px;
  min-height: 48px;
  padding: 0 12px;
  line-height: normal;
  display: flex;
}

html[data-m] .product-view .add-to-cart .or {
  display: none;
}

html[data-m] .product-view .add-to-box > .or {
  display: none;
}

html[data-m] .product-view .add-to-links {
  display: none;
}

html[data-m] .product-collateral {
  margin-top: 18px;
}

html[data-m] .product-collateral .tab {
  display: none;
}

html[data-m] .product-collateral h2 {
  margin: 0 0 8px;
  font-size: 16px;
}

html[data-m] .product-collateral .data-table {
  display: block;
}

html[data-m] .product-collateral .data-table tbody {
  display: block;
}

html[data-m] .product-collateral .data-table tr {
  border-bottom: 1px solid var(--m-line);
  justify-content: space-between;
  gap: 12px;
  display: flex;
}

html[data-m] .product-collateral .data-table th {
  text-transform: none;
  letter-spacing: 0;
  background: none;
  border: 0;
  padding: 10px 0;
  font-size: 14px;
  display: block;
}

html[data-m] .product-collateral .data-table td {
  text-transform: none;
  letter-spacing: 0;
  background: none;
  border: 0;
  padding: 10px 0;
  font-size: 14px;
  display: block;
}

html[data-m] .product-collateral .data-table th {
  color: var(--m-muted);
  flex: 0 0 42%;
  font-weight: 600;
}

html[data-m] .product-collateral .data-table td {
  text-align: right;
  word-break: break-word;
  font-weight: 600;
}

html[data-m] body.checkout-cart-index {
  padding-bottom: 150px;
}

html[data-m] .checkout-toolbar {
  display: none;
}

html[data-m] .cart .page-title h1 {
  font-size: 21px;
}

html[data-m] #shopping-cart-table {
  border: 0;
  flex-direction: column;
  width: calc(100% + 28px);
  margin: 0 -14px;
  display: flex;
}

html[data-m] #shopping-cart-table colgroup {
  display: none;
}

html[data-m] #shopping-cart-table thead {
  display: none;
}

html[data-m] #shopping-cart-table tbody {
  border-top: 1px solid var(--m-line);
  order: 1;
  display: block;
}

html[data-m] #shopping-cart-table tbody tr {
  border-bottom: 1px solid var(--m-line);
  background: #fff;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 2px 12px;
  padding: 14px;
  display: flex;
}

html[data-m] #shopping-cart-table tbody td {
  color: var(--m-muted);
  order: 3;
  font-size: 12.5px;
  line-height: 1.5;
  display: block;
  position: static;
  text-align: left !important;
  background: none !important;
  border: 0 !important;
  width: auto !important;
  padding: 0 !important;
}

html[data-m] #shopping-cart-table tbody td:empty {
  display: none;
}

html[data-m] #shopping-cart-table tbody td[data-label]:before {
  content: attr(data-label) ": ";
  float: none;
  color: var(--m-muted);
  text-transform: none;
  letter-spacing: 0;
  font-size: 12.5px;
  font-weight: 600;
  display: inline;
}

html[data-m] #shopping-cart-table tbody td[data-rwd-label]:before {
  content: attr(data-label) ": ";
  float: none;
  color: var(--m-muted);
  text-transform: none;
  letter-spacing: 0;
  font-size: 12.5px;
  font-weight: 600;
  display: inline;
}

html[data-m] #shopping-cart-table tbody td.product-cart-info {
  flex: 1 1 0;
  order: 1;
  min-width: 0;
}

html[data-m] #shopping-cart-table tbody td.product-cart-info > .btn-remove {
  display: none;
}

html[data-m] #shopping-cart-table tbody td.product-cart-info .product-name {
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
}

html[data-m] #shopping-cart-table tbody td.product-cart-info .product-name a {
  color: var(--m-text);
  word-break: break-all;
  font-weight: 700;
  text-decoration: none;
  font-family: var(--m-mono) !important;
}

html[data-m] #shopping-cart-table tbody td.product-cart-total {
  color: var(--m-text);
  order: 2;
  font-size: 16px;
  font-weight: 800;
  text-align: right !important;
}

html[data-m] #shopping-cart-table tbody td.product-cart-total:before {
  display: none !important;
}

html[data-m] #shopping-cart-table tbody td.product-cart-total .price {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

html[data-m] #shopping-cart-table tbody td.product-cart-price .price {
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}

html[data-m] #shopping-cart-table tbody tr:after {
  content: "";
  flex-basis: 100%;
  order: 2;
  height: 0;
}

html[data-m] #shopping-cart-table tbody td.product-cart-info .product-name {
  text-indent: 0;
  padding-left: 0 !important;
}

html[data-m] #shopping-cart-table tbody td.product-cart-info {
  text-indent: 0;
  padding-left: 0 !important;
}

html[data-m] #shopping-cart-table tbody td.product-cart-price:before {
  content: "Each: " !important;
}

html[data-m] #shopping-cart-table tbody td.price-being-updated {
  order: 2;
  max-width: 45%;
  font-size: 13px;
  font-weight: 700;
  text-align: right !important;
}

html[data-m] #shopping-cart-table tbody td.no-longer-available {
  order: 2;
  max-width: 45%;
  font-size: 13px;
  font-weight: 700;
  text-align: right !important;
}

html[data-m] #shopping-cart-table tbody td.price-being-updated:before {
  display: none !important;
}

html[data-m] #shopping-cart-table tbody td.no-longer-available:before {
  display: none !important;
}

html[data-m] #shopping-cart-table tbody tr:before {
  content: "";
  flex-basis: 100%;
  order: 4;
  height: 0;
}

html[data-m] #shopping-cart-table tbody td.product-cart-price .price {
  font-weight: 600;
  font-size: 12.5px !important;
}

html[data-m] #shopping-cart-table tbody td.product-cart-actions {
  flex: auto;
  order: 5;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

html[data-m] #shopping-cart-table tbody td.product-cart-actions:before {
  display: none !important;
}

html[data-m] #shopping-cart-table tbody td.product-cart-actions input.qty {
  text-align: center;
  height: 42px;
  min-height: 42px;
  margin: 0;
  width: 64px !important;
}

html[data-m] #shopping-cart-table tbody td.product-cart-actions .button {
  min-height: 42px;
  color: var(--m-blue);
  border: 1.5px solid var(--m-blue);
  white-space: nowrap;
  background: #fff;
  padding: 0 14px;
  font-size: 14px;
  line-height: 40px;
}

html[data-m] #shopping-cart-table tbody td.product-cart-actions .cart-links {
  display: none;
}

html[data-m] #shopping-cart-table tbody td.product-cart-remove {
  order: 6;
  align-items: center;
  gap: 16px;
  margin-top: 8px;
  display: flex;
}

html[data-m] #shopping-cart-table tbody td.product-cart-remove a {
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  display: inline;
  position: static;
}

html[data-m] #shopping-cart-table tbody td.product-cart-remove a.btn-remove {
  color: #8a2d0a;
  text-indent: 0;
  background: none;
  width: auto;
  height: auto;
  overflow: visible;
}

html[data-m] #shopping-cart-table tfoot {
  order: 2;
  display: block;
}

html[data-m] #shopping-cart-table tfoot tr {
  box-sizing: border-box;
  background: none;
  border: 0;
  width: 100%;
  display: block;
}

html[data-m] #shopping-cart-table tfoot td {
  box-sizing: border-box;
  background: none;
  border: 0;
  width: 100%;
  display: block;
}

html[data-m] #shopping-cart-table tfoot td {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
  text-align: left !important;
  padding: 14px !important;
}

html[data-m] #shopping-cart-table tfoot td > button[style*="hidden"] {
  display: none;
}

html[data-m] #shopping-cart-table tfoot .or {
  display: none;
}

html[data-m] #shopping-cart-table tfoot .buttons-set {
  display: none;
}

html[data-m] #shopping-cart-table tfoot .button2 {
  min-height: 44px;
  color: var(--m-blue);
  border: 1.5px solid var(--m-blue);
  white-space: nowrap;
  background: #fff;
  flex: 40%;
  justify-content: center;
  align-items: center;
  padding: 0 10px;
  font-size: 14px;
  line-height: normal;
  text-decoration: none;
  display: inline-flex;
}

html[data-m] #shopping-cart-table tfoot .button2 span {
  text-decoration: none;
}

html[data-m] .cart-totals-wrapper {
  display: none;
}

html[data-m] .m-cartbar {
  z-index: 55;
  background: var(--m-soft);
  border-top: 1px solid var(--m-line2);
  padding: 12px 16px calc(14px + env(safe-area-inset-bottom));
  flex-direction: column;
  gap: 10px;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 -6px 20px #00000014;
  display: flex !important;
}

html[data-m] .m-cartsum {
  color: var(--m-muted);
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font-size: 14px;
  display: flex;
}

html[data-m] .m-cartsum b {
  color: var(--m-text);
  font-size: 22px;
  font-weight: 800;
}

html[data-m] .m-cartbar .button {
  background: var(--m-amber);
  width: 100%;
  color: var(--m-text);
  min-height: 50px;
  font-size: 17px;
  line-height: 50px;
}

html[data-m] .cart-empty {
  font-size: 16px;
}

html[data-m] .col2-left-layout .col-left {
  padding: 0;
  float: none !important;
  width: 100% !important;
}

html[data-m] .col2-left-layout .col-main {
  padding: 0;
  float: none !important;
  width: 100% !important;
}

html[data-m] .col2-left-layout .col-left.sidebar:empty {
  display: none;
}

html[data-m] .col2-left-layout .main > .col-left.sidebar:last-child {
  display: none;
}

html[data-m] .block-account {
  background: none;
  border: 0;
  margin: 0 -14px 14px;
  padding: 0;
}

html[data-m] .block-account .block-title {
  display: none;
}

html[data-m] .block-account .block-content {
  background: none;
  border: 0;
  padding: 0;
}

html[data-m] .block-account .block-content ul {
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  gap: 8px;
  margin: 0;
  padding: 0 14px 4px;
  display: flex;
  overflow-x: auto;
}

html[data-m] .block-account .block-content ul::-webkit-scrollbar {
  display: none;
}

html[data-m] .block-account .block-content li {
  border: 0;
  flex: none;
  margin: 0;
  padding: 0;
}

html[data-m] .block-account .block-content li a {
  height: 36px;
  color: var(--m-text);
  white-space: nowrap;
  text-transform: none;
  background: #fff;
  border: 1px solid #d5dbe0;
  border-radius: 18px;
  align-items: center;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
}

html[data-m] .block-account .block-content li.current a {
  border-color: var(--m-blue);
  color: var(--m-blue-dark);
  background: #e8f1f8;
}

html[data-m] .block-account .block-content li a strong {
  color: inherit;
  font-weight: 800;
}

html[data-m] .my-account .col2-set .col-1 {
  float: none;
  width: 100%;
  margin: 0 0 14px;
  padding: 0;
}

html[data-m] .my-account .col2-set .col-2 {
  float: none;
  width: 100%;
  margin: 0 0 14px;
  padding: 0;
}

html[data-m] .col2-set .col-1 {
  float: none;
  width: 100%;
  margin: 0 0 14px;
  padding: 0;
}

html[data-m] .col2-set .col-2 {
  float: none;
  width: 100%;
  margin: 0 0 14px;
  padding: 0;
}

html[data-m] .my-account .box {
  border: 1px solid var(--m-line2);
  background: #fff;
  border-radius: 12px;
  margin: 0 0 12px;
  padding: 14px;
}

html[data-m] .dashboard .box-account {
  border: 1px solid var(--m-line2);
  background: #fff;
  border-radius: 12px;
  margin: 0 0 12px;
  padding: 14px;
}

html[data-m] .dashboard .box {
  border: 1px solid var(--m-line2);
  background: #fff;
  border-radius: 12px;
  margin: 0 0 12px;
  padding: 14px;
}

html[data-m] .dashboard .box-account {
  background: none;
  border: 0;
  padding: 0;
}

html[data-m] .box-head h2 {
  text-transform: none;
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 800;
}

html[data-m] .box-title h3 {
  text-transform: none;
  margin: 0 0 8px;
  font-size: 16px;
  font-weight: 800;
}

html[data-m] .box-title a {
  font-size: 14px;
  font-weight: 700;
}

html[data-m] .box-head a {
  font-size: 14px;
  font-weight: 700;
}

html[data-m] .dashboard .welcome-msg {
  font-size: 16px;
}

html[data-m] .welcome-msg .hello {
  font-size: 16px;
}

html[data-m] .my-account .data-table {
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  border: 1px solid var(--m-line2);
  border-radius: 10px;
  display: block;
  overflow-x: auto;
}

html[data-m] #my-orders-table {
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  border: 1px solid var(--m-line2);
  border-radius: 10px;
  display: block;
  overflow-x: auto;
}

html[data-m] #my-price-requests-table {
  -webkit-overflow-scrolling: touch;
  white-space: nowrap;
  border: 1px solid var(--m-line2);
  border-radius: 10px;
  display: block;
  overflow-x: auto;
}

html[data-m] #my-price-requests-table td {
  padding: 8px 6px;
  font-size: 13px;
}

html[data-m] #my-price-requests-table th {
  padding: 8px 6px;
  font-size: 13px;
}

html[data-m] .customer-account-login .col2-set {
  flex-direction: column-reverse;
  gap: 14px;
  display: flex;
}

html[data-m] .customer-account-login .col2-set .col-1 {
  border: 1px solid var(--m-line2);
  box-sizing: border-box;
  background: #fff;
  border-radius: 12px;
  margin: 0;
  padding: 16px;
}

html[data-m] .customer-account-login .col2-set .col-2 {
  border: 1px solid var(--m-line2);
  box-sizing: border-box;
  background: #fff;
  border-radius: 12px;
  margin: 0;
  padding: 16px;
}

html[data-m] .customer-account-login .col2-set h2 {
  font-size: 17px;
}

html[data-m] .customer-account-login .buttons-set {
  margin-bottom: 0;
}

html[data-m] .customer-account-login .new-users .buttons-set .button {
  color: var(--m-blue);
  border: 1.5px solid var(--m-blue);
  background: #fff;
}

html[data-m] .register-compact .field {
  float: none;
  width: 100%;
}

html[data-m] .register-compact .fields {
  float: none;
  width: 100%;
}

html[data-m] .remember-me-box {
  align-items: center;
  gap: 8px;
  display: flex;
}

html[data-m] .remember-me-box input {
  width: 20px;
  height: 20px;
}

html[data-m] .pu-dialog {
  border-radius: 14px;
  padding: 20px 18px 16px;
}

html[data-m] .pu-dialog h3 {
  font-size: 18px;
  font-weight: 800;
}

html[data-m] .pu-dialog p {
  font-size: 15px;
}

html[data-m] .pu-dialog-check {
  font-size: 15px;
}

html[data-m] .pu-dialog-check input[type="checkbox"] {
  width: 26px;
  height: 26px;
  margin: 0;
}

html[data-m] .pu-dialog-buttons .button {
  flex: 1;
}

html[data-m] .pu-dialog-buttons .pu-dialog-cancel {
  color: var(--m-blue);
  border: 1.5px solid var(--m-blue);
  background: #fff;
}

html[data-m] .cookie-notice {
  font-size: 14px;
}

html[data-m] #cookie-notice {
  font-size: 14px;
}