/* codex-site-v17: consolidated first-paint styles */
/* source: codex-latest-catalog-fix-style */
/* Keep the new branded badge and suppress only the legacy green "New" sticker. */
.us-module-item .us-module-stickers-sticker-stickers_new {
  display: none !important;
}
.us-module-item .us-module-stickers.codex-only-legacy-new {
  display: none !important;
}

html.codex-latest-prepaint #product-special {
  visibility: hidden !important;
}
body.codex-latest-page #product-special {
  padding-top: 22px;
  padding-bottom: 48px;
}
body.codex-latest-page #product-special > .row:first-child {
  margin: 0 0 22px;
  padding: 26px 30px;
  border: 1px solid #d9e4f2;
  border-radius: 18px;
  background: linear-gradient(135deg, #f8fbff 0%, #eef5ff 62%, #fff3f5 100%);
  box-shadow: 0 12px 30px rgba(7, 27, 58, .08);
}
body.codex-latest-page #product-special h1.us-main-shop-title {
  margin: 0;
  color: #071b3a;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.12;
  font-weight: 800;
}
.codex-latest-page-intro {
  margin: 10px 0 0;
  max-width: 760px;
  color: #5d6f86;
  font-size: 16px;
  line-height: 1.55;
}
body.codex-latest-page .codex-latest-hidden {
  display: none !important;
}
body.codex-latest-page .codex-latest-products-title {
  margin-top: 0 !important;
}
body.codex-latest-page .codex-latest-products-title .codex-latest-all {
  display: none !important;
}
body.codex-latest-page #us-latest_0 {
  margin-top: 0;
}

.codex-full-catalog-modal {
  position: fixed;
  inset: 0;
  z-index: 100080;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 24px;
  background: rgba(5, 18, 40, .72);
  backdrop-filter: blur(5px);
}
.codex-full-catalog-modal.is-open { display: flex; }
.codex-full-catalog-dialog {
  width: min(1180px, 100%);
  max-height: min(820px, calc(100vh - 48px));
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 20px;
  background: #f7faff;
  box-shadow: 0 28px 80px rgba(3, 16, 38, .34);
}
.codex-full-catalog-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 20px 24px;
  color: #fff;
  background: linear-gradient(100deg, #071b3a 0%, #0b5ed7 70%, #e6001e 130%);
}
.codex-full-catalog-head h2 {
  margin: 0;
  color: inherit;
  font-size: 25px;
  font-weight: 800;
}
.codex-full-catalog-close {
  width: 42px;
  height: 42px;
  border: 1px solid rgba(255,255,255,.38);
  border-radius: 12px;
  color: #fff;
  background: rgba(255,255,255,.12);
  font-size: 28px;
  line-height: 1;
  cursor: pointer;
}
.codex-full-catalog-scroll {
  max-height: calc(min(820px, 100vh - 48px) - 83px);
  overflow: auto;
  padding: 22px;
}
.codex-full-catalog-list,
.codex-full-catalog-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.codex-full-catalog-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.codex-full-catalog-list > li {
  display: block !important;
  min-width: 0;
  padding: 16px;
  border: 1px solid #dbe6f4;
  border-radius: 15px;
  background: #fff;
  box-shadow: 0 7px 20px rgba(7, 27, 58, .05);
}
.codex-full-catalog-list .oct-menu-child-ul {
  position: static !important;
  display: block !important;
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin-top: 10px;
  padding: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  box-shadow: none !important;
  background: transparent !important;
}
.codex-full-catalog-list .oct-menu-child-ul ul {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 4px;
}
.codex-full-catalog-list .oct-menu-back,
.codex-full-catalog-list .oct-menu-toggle,
.codex-full-catalog-list .codex-cat-icon {
  display: none !important;
}
.codex-full-catalog-list > li > a,
.codex-full-catalog-list > li > div > a {
  display: block;
  color: #071b3a !important;
  font-size: 16px;
  font-weight: 800;
  text-decoration: none;
}
.codex-full-catalog-list .oct-menu-child-ul a {
  display: block;
  padding: 6px 8px;
  border-radius: 8px;
  color: #425a76 !important;
  font-size: 13px;
  line-height: 1.25;
  text-decoration: none;
}
.codex-full-catalog-list .oct-menu-child-ul a:hover {
  color: #0b5ed7 !important;
  background: #edf5ff;
}
body.codex-catalog-modal-open { overflow: hidden !important; }

@media (max-width: 991.98px) {
  .codex-full-catalog-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 575.98px) {
  body.codex-latest-page #product-special { padding-top: 12px; }
  body.codex-latest-page #product-special > .row:first-child {
    margin-bottom: 14px;
    padding: 20px 18px;
    border-radius: 14px;
  }
  .codex-latest-page-intro { font-size: 14px; }
  .codex-full-catalog-modal { padding: 0; align-items: stretch; }
  .codex-full-catalog-dialog { max-height: 100vh; border-radius: 0; }
  .codex-full-catalog-head { padding: 15px 16px; }
  .codex-full-catalog-head h2 { font-size: 21px; }
  .codex-full-catalog-scroll { max-height: calc(100vh - 73px); padding: 12px; }
  .codex-full-catalog-list { grid-template-columns: 1fr; gap: 10px; }
  .codex-full-catalog-list > li { padding: 14px; }
}

/* source: codex-account-redesign-style */
:root {
  --codex-account-navy: #071b3a;
  --codex-account-blue: #0b5ed7;
  --codex-account-red: #e6001e;
  --codex-account-soft: #f3f7fc;
}
.codex-account-page {
  margin: 0 0 34px;
  font-family: inherit;
}
.codex-account-shell {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 28px;
  align-items: stretch;
}
.codex-account-card {
  position: relative;
  overflow: hidden;
  min-height: 560px;
  border: 1px solid #d7e4f3;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(7, 27, 58, .08);
}
.codex-account-card-login {
  padding: 34px 34px 28px;
}
.codex-account-card-register {
  padding: 30px 34px 28px;
  border-color: rgba(230, 0, 30, .25);
  background:
    radial-gradient(circle at 82% 2%, rgba(230, 0, 30, .14), transparent 34%),
    linear-gradient(145deg, #fff 0%, #fff7fa 100%);
}
.codex-account-head {
  max-width: 560px;
  margin: 0 auto 24px;
  text-align: center;
}
.codex-account-title {
  margin: 0 0 12px;
  color: var(--codex-account-navy);
  font-size: 30px;
  line-height: 1.18;
  font-weight: 900;
  letter-spacing: 0;
}
.codex-account-subtitle {
  margin: 0;
  color: #64758b;
  font-size: 15px;
  line-height: 1.65;
  font-weight: 600;
}
.codex-account-tabs {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0;
  margin: 18px 0 20px;
  border-bottom: 1px solid #dbe6f4;
}
.codex-account-tab {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #25364c;
  font-weight: 850;
  text-decoration: none !important;
  border-bottom: 3px solid transparent;
}
.codex-account-tab.is-active {
  color: var(--codex-account-red);
  border-color: var(--codex-account-red);
}
.codex-account-login-form .form-group {
  margin-bottom: 18px;
}
.codex-account-login-form label {
  margin-bottom: 7px;
  color: var(--codex-account-navy);
  font-size: 13px;
  font-weight: 850;
}
.codex-account-login-form input.form-control,
.codex-register-form input.form-control {
  height: 52px;
  border: 1px solid #cddbec;
  border-radius: 12px;
  color: var(--codex-account-navy);
  font-size: 15px;
  font-weight: 650;
  box-shadow: none;
}
.codex-account-login-form input.form-control:focus,
.codex-register-form input.form-control:focus {
  border-color: #7aaef0;
  box-shadow: 0 0 0 3px rgba(11, 94, 215, .12);
}
.codex-account-login-form .btn,
.codex-register-submit {
  width: 100%;
  min-height: 54px;
  border: 0 !important;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--codex-account-red), var(--codex-account-blue)) !important;
  color: #fff !important;
  font-size: 16px;
  font-weight: 900;
  text-transform: none;
  box-shadow: 0 16px 28px rgba(11, 94, 215, .2);
}
.codex-account-login-form .btn:hover,
.codex-register-submit:hover {
  background: linear-gradient(135deg, #ff173c, #0754c4) !important;
  color: #fff !important;
}
.codex-account-small-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: -4px 0 14px;
  color: #65758a;
  font-size: 13px;
  font-weight: 700;
}
.codex-account-small-row a {
  color: var(--codex-account-blue) !important;
  font-weight: 800;
}
.codex-remember {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  cursor: pointer;
}
.codex-remember input {
  width: 16px;
  height: 16px;
  accent-color: var(--codex-account-red);
}
.codex-account-or {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 14px;
  align-items: center;
  margin: 22px 0;
  color: #8b98a8;
  font-size: 13px;
  font-weight: 800;
}
.codex-account-or:before,
.codex-account-or:after {
  content: "";
  height: 1px;
  background: #dfe8f4;
}
.codex-back-catalog {
  min-height: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: 100%;
  border: 1px solid #cddbec;
  border-radius: 11px;
  color: var(--codex-account-navy) !important;
  font-weight: 850;
  text-decoration: none !important;
  background: #fff;
}
.codex-register-hero {
  display: grid;
  justify-items: center;
  gap: 14px;
  margin-bottom: 18px;
  text-align: center;
}
.codex-register-avatar {
  width: 104px;
  height: 104px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 46%, #fff 0 33%, transparent 34%),
    linear-gradient(135deg, rgba(230,0,30,.13), rgba(11,94,215,.10));
  color: var(--codex-account-red);
  font-size: 34px;
  box-shadow: inset 0 0 0 1px rgba(230,0,30,.08);
}
.codex-register-avatar:before,
.codex-register-avatar:after {
  content: "";
  position: absolute;
  border-radius: 8px;
  background: var(--codex-account-red);
}
.codex-register-avatar:before {
  width: 20px;
  height: 32px;
  margin-left: -78px;
  margin-top: 48px;
}
.codex-register-avatar:after {
  width: 22px;
  height: 30px;
  margin-left: 78px;
  margin-top: -48px;
  background: var(--codex-account-blue);
}
.codex-benefits {
  display: grid;
  gap: 10px;
  margin: 0 0 18px;
}
.codex-benefit {
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 12px;
  align-items: center;
  min-height: 58px;
  padding: 10px 14px;
  border: 1px solid rgba(230,0,30,.18);
  border-radius: 12px;
  background: rgba(255,255,255,.78);
}
.codex-benefit-icon {
  width: 38px;
  height: 38px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  background: linear-gradient(135deg, rgba(230,0,30,.12), rgba(11,94,215,.12));
  color: var(--codex-account-red);
}
.codex-benefit strong {
  display: block;
  color: var(--codex-account-navy);
  font-size: 13px;
  line-height: 1.2;
}
.codex-benefit span {
  display: block;
  color: #6b7d93;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 650;
}
.codex-register-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 13px 14px;
}
.codex-register-field {
  display: grid;
  gap: 7px;
}
.codex-register-field.is-wide {
  grid-column: 1 / -1;
}
.codex-register-field label {
  margin: 0;
  color: var(--codex-account-navy);
  font-size: 13px;
  font-weight: 850;
}
.codex-register-agree {
  grid-column: 1 / -1;
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 4px 0 2px;
  color: var(--codex-account-navy);
  font-size: 13px;
  line-height: 1.35;
  font-weight: 750;
}
.codex-register-agree input {
  width: 17px;
  height: 17px;
  margin-top: 1px;
  accent-color: var(--codex-account-red);
}
.codex-account-alert {
  margin: 0 0 18px;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 14px;
  font-weight: 800;
}
.codex-account-alert.success {
  border: 1px solid rgba(11, 94, 215, .25);
  background: #eef6ff;
  color: var(--codex-account-blue);
}
.codex-account-alert.error {
  border: 1px solid rgba(230, 0, 30, .22);
  background: #fff1f4;
  color: var(--codex-account-red);
}
.codex-account-trust {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin-top: 18px;
}
.codex-account-trust-item {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  border: 1px solid #d7e4f3;
  border-radius: 14px;
  background: #fff;
  color: #67778e;
  font-size: 13px;
  font-weight: 700;
}
.codex-account-trust-item i {
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eaf4ff;
  color: var(--codex-account-blue);
}
.codex-account-trust-item strong {
  color: var(--codex-account-navy);
}
@media (max-width: 991.98px) {
  .codex-account-shell {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .codex-account-card {
    min-height: 0;
  }
}
@media (max-width: 575.98px) {
  .codex-account-page {
    margin: 0 -3px 24px;
  }
  .codex-account-card-login,
  .codex-account-card-register {
    padding: 24px 18px 20px;
    border-radius: 14px;
  }
  .codex-account-title {
    font-size: 25px;
  }
  .codex-account-subtitle {
    font-size: 14px;
  }
  .codex-register-grid,
  .codex-account-trust {
    grid-template-columns: 1fr;
  }
  .codex-account-tabs {
    margin-top: 14px;
  }
  .codex-register-avatar {
    width: 86px;
    height: 86px;
  }
}

/* codex-account-layout-polish-v1 */
#account-login .codex-account-page {
  margin: 24px 0 34px !important;
}
.codex-account-card-register {
  scroll-margin-top: 72px;
}
.codex-account-login-form .btn-group {
  width: 100% !important;
  min-height: 54px;
}
.codex-account-login-form input[type="submit"].us-module-btn {
  width: 100% !important;
  min-height: 54px !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, #e6001e 0%, #0b5ed7 100%) !important;
  color: #fff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  text-transform: none !important;
  box-shadow: 0 14px 26px rgba(7, 27, 58, .18) !important;
}
.codex-account-login-form input[type="submit"].us-module-btn:hover,
.codex-account-login-form input[type="submit"].us-module-btn:focus {
  background: linear-gradient(135deg, #ff173c 0%, #0754c4 100%) !important;
  color: #fff !important;
}
.codex-account-small-row {
  margin: 14px 0 16px !important;
}
.codex-benefit-icon {
  width: 38px !important;
  height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 12px !important;
  background: linear-gradient(135deg, rgba(230,0,30,.12), rgba(11,94,215,.12)) !important;
  color: #e6001e !important;
}
.codex-benefit-icon i {
  display: inline-block !important;
  color: inherit !important;
  font-size: 20px !important;
  line-height: 1 !important;
}
@media (max-width: 575.98px) {
  #account-login .codex-account-page {
    margin: 16px -3px 24px !important;
  }
}
/* /codex-account-layout-polish-v1 */

/* source: codex-mobile-fixes-v3-style */
:root {
  --codex-shop-ink: #071b3a;
  --codex-shop-blue: #0b5ed7;
  --codex-shop-blue-soft: #1f72d8;
  --codex-shop-red: #e6001e;
  --codex-shop-red-soft: #ef2334;
  --codex-shop-line: #d7e4f2;
}

.us-module-item .us-module-cart-btn,
.us-module-cart-btn,
.product-thumb .us-module-cart-btn,
.product-layout .us-module-cart-btn,
.us-module-buttons .us-module-cart-btn,
.product-thumb .button-cart,
.product-layout .button-cart,
.button-cart,
.oct-button.button-cart,
.codex-brand-cart-button,
.us-product-one-click-btn,
.us-product-one-click button,
#button-cart,
button[onclick*="cart.add"],
a[onclick*="cart.add"] {
  background: var(--codex-shop-blue-soft) !important;
  background-image: none !important;
  border-color: var(--codex-shop-blue-soft) !important;
  color: #fff !important;
  box-shadow: 0 12px 24px rgba(31, 114, 216, .18) !important;
}
.us-module-item .us-module-cart-btn:hover,
.us-module-cart-btn:hover,
.product-thumb .us-module-cart-btn:hover,
.product-layout .us-module-cart-btn:hover,
.us-module-buttons .us-module-cart-btn:hover,
.product-thumb .button-cart:hover,
.product-layout .button-cart:hover,
.button-cart:hover,
.oct-button.button-cart:hover,
.codex-brand-cart-button:hover,
.us-product-one-click-btn:hover,
.us-product-one-click button:hover,
#button-cart:hover,
button[onclick*="cart.add"]:hover,
a[onclick*="cart.add"]:hover,
.us-module-item .us-module-cart-btn:focus,
.us-module-cart-btn:focus,
.product-thumb .us-module-cart-btn:focus,
.product-layout .us-module-cart-btn:focus,
.us-module-buttons .us-module-cart-btn:focus,
.product-thumb .button-cart:focus,
.product-layout .button-cart:focus,
.button-cart:focus,
.oct-button.button-cart:focus,
.codex-brand-cart-button:focus,
.us-product-one-click-btn:focus,
.us-product-one-click button:focus,
#button-cart:focus,
button[onclick*="cart.add"]:focus,
a[onclick*="cart.add"]:focus,
.us-module-item .us-module-cart-btn:active,
.us-module-cart-btn:active,
.product-thumb .us-module-cart-btn:active,
.product-layout .us-module-cart-btn:active,
.us-module-buttons .us-module-cart-btn:active,
.product-thumb .button-cart:active,
.product-layout .button-cart:active,
.button-cart:active,
.oct-button.button-cart:active,
.codex-brand-cart-button:active,
.us-product-one-click-btn:active,
.us-product-one-click button:active,
#button-cart:active,
button[onclick*="cart.add"]:active,
a[onclick*="cart.add"]:active {
  background: linear-gradient(135deg, var(--codex-shop-red) 0%, var(--codex-shop-blue) 100%) !important;
  background-color: var(--codex-shop-red) !important;
  border-color: var(--codex-shop-red) !important;
  color: #fff !important;
}

.codex-card-qty button:hover,
.codex-card-qty button:focus,
.codex-card-qty button:active,
.codex-brand-qty-button:hover,
.codex-brand-qty-button:focus,
.codex-brand-qty-button:active,
.us-product-quantity button:hover,
.us-product-quantity button:focus,
.us-product-quantity button:active,
.us-product-quantity-btn:hover,
.us-product-quantity-btn:focus,
.us-product-quantity-btn:active,
.btn-minus:hover,
.btn-minus:focus,
.btn-minus:active,
.btn-plus:hover,
.btn-plus:focus,
.btn-plus:active,
button[id*="minus"]:hover,
button[id*="minus"]:focus,
button[id*="minus"]:active,
button[id*="plus"]:hover,
button[id*="plus"]:focus,
button[id*="plus"]:active {
  background: linear-gradient(135deg, var(--codex-shop-red) 0%, var(--codex-shop-blue) 100%) !important;
  border-color: transparent !important;
  color: #fff !important;
}

.codex-brand-cart-button {
  background: var(--codex-shop-blue-soft) !important;
  background-color: var(--codex-shop-blue-soft) !important;
  background-image: none !important;
  border-color: var(--codex-shop-blue-soft) !important;
  color: #fff !important;
}
.codex-brand-qty-button {
  transition: background .18s ease, color .18s ease, border-color .18s ease !important;
}

#cart-total,
#cart .badge,
#cart .cart-total,
#mobile_cart_index,
.mobile-header-index,
.header-cart-index,
.cart-total,
.us-cart-quantity,
.oct-cart-quantity,
.us-cart-img .badge,
.us-cart-img .cart-total,
.us-cart-img .us-cart-quantity,
.us-top-mobile-item-cart .badge,
.us-top-mobile-item-cart .cart-total,
.us-top-mobile-item-cart .us-cart-quantity,
.us-top-mobile-item-cart span:not(.sr-only):not(.us-navbar-cart-text) {
  background: linear-gradient(135deg, var(--codex-shop-red) 0%, var(--codex-shop-blue) 100%) !important;
  background-color: var(--codex-shop-red) !important;
  color: #fff !important;
  border-color: rgba(255,255,255,.28) !important;
}

.codex-mobile-sale-page .oct-slideshow-plus,
.codex-mobile-sale-page .oct-slideshow,
.codex-mobile-sale-page .slideshow,
.codex-mobile-sale-page .oct-banner-plus,
.codex-mobile-sale-page .oct-banner-row,
.codex-mobile-sale-page .banner-row,
.codex-mobile-sale-page .us-banner-row,
.codex-mobile-sale-page .us-home-banner,
.codex-mobile-sale-page .codex-home-promo-row-hidden,
.codex-mobile-sale-page .codex-legacy-banner-hidden {
  display: none !important;
}
.codex-mobile-sale-page h1 {
  color: var(--codex-shop-ink) !important;
}
.codex-mobile-sale-page #content > h1,
.codex-mobile-sale-page .breadcrumb + h1 {
  margin-bottom: 20px !important;
}

.codex-contact-page .btn-primary,
.codex-contact-page input[type="submit"],
.codex-contact-page button[type="submit"],
.codex-contact-page .us-module-btn,
.codex-contact-page .oct-button,
.codex-contact-page .btn-success,
.codex-contact-page .btn-info {
  background: var(--codex-shop-blue-soft) !important;
  background-image: none !important;
  border-color: var(--codex-shop-blue-soft) !important;
  color: #fff !important;
}
.codex-contact-page .btn-primary:hover,
.codex-contact-page input[type="submit"]:hover,
.codex-contact-page button[type="submit"]:hover,
.codex-contact-page .us-module-btn:hover,
.codex-contact-page .oct-button:hover,
.codex-contact-page .btn-success:hover,
.codex-contact-page .btn-info:hover {
  background: linear-gradient(135deg, var(--codex-shop-red) 0%, var(--codex-shop-blue) 100%) !important;
  border-color: var(--codex-shop-red) !important;
  color: #fff !important;
}
.codex-contact-page a:not(.btn) {
  color: var(--codex-shop-blue) !important;
}
.codex-contact-page a:not(.btn):hover {
  color: var(--codex-shop-red) !important;
}
.codex-contact-page .form-control:focus,
.codex-contact-page input:focus,
.codex-contact-page textarea:focus {
  border-color: var(--codex-shop-blue) !important;
  box-shadow: 0 0 0 3px rgba(11,94,215,.12) !important;
}
.codex-contact-page .text-success,
.codex-contact-page .green,
.codex-contact-page [style*="#58c700"],
.codex-contact-page [style*="rgb(88, 199, 0)"],
.codex-contact-page [style*="green"] {
  color: var(--codex-shop-blue) !important;
}
.codex-contact-page .codex-contact-brand-icon {
  background: linear-gradient(135deg, var(--codex-shop-red) 0%, var(--codex-shop-blue) 100%) !important;
  background-color: var(--codex-shop-red) !important;
  border-color: transparent !important;
  color: #fff !important;
  box-shadow: 0 14px 26px rgba(11,94,215,.22) !important;
}
.codex-contact-page .codex-contact-brand-icon *,
.codex-contact-page .codex-contact-brand-icon svg,
.codex-contact-page .codex-contact-brand-icon i {
  color: #fff !important;
  fill: currentColor !important;
  stroke: currentColor !important;
}
.codex-contact-page .codex-contact-brand-border {
  border-color: rgba(11,94,215,.22) !important;
  box-shadow: 0 14px 30px rgba(7,27,58,.06) !important;
}
.codex-contact-page .codex-contact-brand-soft {
  background: linear-gradient(135deg, rgba(230,0,30,.045), rgba(11,94,215,.055)) !important;
  border-color: rgba(11,94,215,.18) !important;
}

.codex-product-page .us-product-info-is,
#us-quickview-modal .us-product-info-is,
.codex-brand-availability .us-product-info-is,
.us-product-info-item.codex-availability-line .us-product-info-is,
.codex-product-page .text-success,
#us-quickview-modal .text-success {
  color: var(--codex-shop-blue) !important;
}

.codex-brand-availability,
.us-product-info-item.codex-availability-line {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  max-width: 100% !important;
  min-height: 34px !important;
  padding: 6px 12px !important;
  border: 1px solid rgba(11, 94, 215, .24) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, rgba(230, 0, 30, .07), rgba(11, 94, 215, .08)) !important;
  color: var(--codex-shop-ink) !important;
  box-shadow: 0 10px 22px rgba(7, 27, 58, .06) !important;
}

.codex-brand-availability::before,
.us-product-info-item.codex-availability-line::before {
  content: "" !important;
  flex: 0 0 10px !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, var(--codex-shop-red) 0%, var(--codex-shop-blue) 100%) !important;
  box-shadow: 0 0 0 4px rgba(11, 94, 215, .10) !important;
}

#us-quickview-modal .modal-header,
#us-quickview-modal .modal-header.codex-mobile-title-brand {
  background: linear-gradient(135deg, var(--codex-shop-red) 0%, var(--codex-shop-blue) 100%) !important;
  color: #fff !important;
}

#us-quickview-modal .modal-header *,
#us-quickview-modal .modal-title {
  color: #fff !important;
}

#us-quickview-modal.modal,
#us-quickview-modal.show {
  z-index: 2147483000 !important;
}

@media (max-width: 767.98px) {
  body.codex-quickview-locked {
    overflow: hidden !important;
    width: 100% !important;
  }

  #us-quickview-modal {
    padding: 8px !important;
    overflow: hidden !important;
    overscroll-behavior: contain !important;
    background: rgba(4, 8, 12, .86) !important;
    z-index: 2147483000 !important;
  }

  .modal-backdrop.show {
    z-index: 2147482990 !important;
  }

  #us-quickview-modal .modal-dialog {
    width: calc(100vw - 16px) !important;
    max-width: calc(100vw - 16px) !important;
    height: calc(100dvh - 16px) !important;
    max-height: calc(100dvh - 16px) !important;
    margin: 0 auto !important;
    align-items: stretch !important;
    transform: none !important;
  }

  #us-quickview-modal .modal-content {
    width: 100% !important;
    height: 100% !important;
    max-height: calc(100dvh - 16px) !important;
    overflow: hidden !important;
    border-radius: 12px !important;
  }

  #us-quickview-modal .modal-header {
    position: relative !important;
    flex: 0 0 auto !important;
    min-height: 48px !important;
    padding: 8px 50px 8px 14px !important;
    border-radius: 12px 12px 0 0 !important;
  }

  #us-quickview-modal .modal-header .modal-title {
    display: -webkit-box !important;
    max-width: 100% !important;
    max-height: 40px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    word-break: normal !important;
    overflow-wrap: anywhere !important;
    overflow: hidden !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
  }

  #us-quickview-modal .modal-header .close,
  #us-quickview-modal .modal-header button.close {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    width: 48px !important;
    height: 100% !important;
    margin: 0 !important;
    opacity: 1 !important;
    color: #fff !important;
    text-shadow: none !important;
    background: rgba(7, 27, 58, .16) !important;
  }

  #us-quickview-modal .modal-body-quickview,
  #us-quickview-modal .modal-body {
    flex: 1 1 auto !important;
    height: auto !important;
    max-height: calc(100dvh - 56px) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
    padding: 0 0 18px !important;
  }

  #us-quickview-modal .modal-body-quickview > .row,
  #us-quickview-modal .modal-body > .row {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }

  #us-quickview-modal .modal-body-quickview [class*="col-"],
  #us-quickview-modal .modal-body [class*="col-"] {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }

  #us-quickview-modal .us-product-photo-main,
  #us-quickview-modal .popup-product-photo {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto 12px !important;
    overflow: hidden !important;
  }

  #us-quickview-modal .us-product-photo-main img,
  #us-quickview-modal .popup-product-photo img,
  #us-quickview-modal .modal-body img {
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    max-height: 34dvh !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
  }

  #us-quickview-modal .us-product-info-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 10px 0 12px !important;
  }

  #us-quickview-modal .us-product-info-item {
    margin: 0 !important;
  }

  #us-quickview-modal .us-product-price,
  #us-quickview-modal .us-product-one-click,
  #us-quickview-modal .us-product-quantity,
  #us-quickview-modal .us-product-btn,
  #us-quickview-modal #oct-popup-button-cart {
    max-width: 100% !important;
  }

  #us-quickview-modal .us-popup-view-description {
    margin-top: 14px !important;
  }

  .nav-dropdown-menu,
  .nav-dropdown-menu-content,
  .nav-dropdown-menu-body,
  #us_menu_mobile,
  #us_info_mobile,
  #us_account_mobile,
  .mobile-menu,
  .oct-mobile-menu,
  .us-mobile-menu,
  .codex-mobile-catalog-content {
    max-height: calc(100dvh - 76px) !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;
    overscroll-behavior: contain !important;
  }
  #us_menu_mobile .nav-dropdown-menu-content,
  #us_menu_mobile .nav-dropdown-menu-body,
  #us_menu_mobile .mobile-menu,
  #us_menu_mobile .oct-mobile-menu,
  #us_menu_mobile .us-mobile-menu,
  .codex-mobile-catalog-content {
    padding-bottom: 128px !important;
  }
  #us_menu_mobile .nav-dropdown-menu-content:not(.codex-mobile-catalog-content),
  #us_menu_mobile .nav-dropdown-menu-body {
    padding-top: 56px !important;
  }
  .nav-dropdown-menu-title,
  .nav-dropdown-menu-header,
  .nav-dropdown-menu-heading,
  .mobile-menu-title,
  .oct-mobile-menu-title,
  #us_info_mobile .modal-header,
  #us_menu_mobile .modal-header,
  .nav-dropdown-menu .modal-header,
  #us-account-mobile .modal-header {
    background: linear-gradient(135deg, var(--codex-shop-red) 0%, var(--codex-shop-blue) 100%) !important;
    color: #fff !important;
  }
  .nav-dropdown-menu-title *,
  .nav-dropdown-menu-header *,
  .nav-dropdown-menu-heading *,
  .mobile-menu-title *,
  .oct-mobile-menu-title *,
  #us_info_mobile .modal-header *,
  #us_menu_mobile .modal-header *,
  .nav-dropdown-menu .modal-header *,
  #us-account-mobile .modal-header * {
    color: #fff !important;
  }
  .nav-dropdown-menu .us-close,
  .nav-dropdown-menu .close,
  #us_info_mobile .us-close,
  #us_menu_mobile .us-close,
  #us-account-mobile .us-close {
    background: linear-gradient(135deg, rgba(230,0,30,.96), rgba(11,94,215,.96)) !important;
    color: #fff !important;
    opacity: 1 !important;
  }
}

/* source: codex-no-flash-prepaint-style */
html.codex-account-prepaint #account-login {
  visibility: hidden !important;
}

/* source: codex-hide-product-card-rating */
/* Product cards do not use ratings; keep product-page reviews untouched. */
.us-module-item .us-module-rating {
  display: none !important;
}

/* source: codex-modern-top-style */
#top.codex-modern-top {
  min-height: 46px;
  background: linear-gradient(90deg, #102747 0%, #071b35 100%) !important;
  border-bottom: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 6px 18px rgba(5,21,45,.12);
}
#top.codex-modern-top .container { max-width: 1460px; }
#top.codex-modern-top #top-left,
#top.codex-modern-top #top-links { min-height: 46px; align-items: center; }
#top.codex-modern-top .top-address,
#top.codex-modern-top .btn-shedule {
  min-height: 46px;
  padding: 0 13px;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  color: #f7fbff !important;
  font-weight: 700;
  font-size: 13px;
  text-decoration: none !important;
  border-left: 1px solid rgba(255,255,255,.09);
  transition: background .18s ease, color .18s ease;
}
#top.codex-modern-top .top-address:hover,
#top.codex-modern-top .btn-shedule:hover { background: rgba(255,255,255,.07); color: #fff !important; }
#top.codex-modern-top .codex-quick-links { display: none !important; }
#top.codex-modern-top .top-address i:first-child,
#top.codex-modern-top .btn-shedule i:first-child {
  width: 19px; height: 19px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  color: #fff; background: #e30613; font-size: 10px;
}
#top.codex-modern-top .codex-top-info-dropdown { position: relative; flex: 0 0 auto; }
#top.codex-modern-top .codex-info-trigger {
  min-height: 46px; padding: 0 18px; display: inline-flex !important; align-items: center; gap: 10px;
  color: #fff !important; font-weight: 800; letter-spacing: 0; text-decoration: none !important;
  background: linear-gradient(180deg, #f10731 0%, #d40025 100%); border: 0; border-radius: 0;
  box-shadow: inset 0 -2px 0 rgba(0,0,0,.12);
}
#top.codex-modern-top .codex-info-trigger:hover,
#top.codex-modern-top .codex-info-trigger:focus { color: #fff !important; background: linear-gradient(180deg, #ff163d 0%, #c80020 100%); }
#top.codex-modern-top .codex-burger { width: 18px; display: inline-flex; flex-direction: column; gap: 4px; }
#top.codex-modern-top .codex-burger i { display: block; height: 2px; border-radius: 2px; background: #fff; }
#top.codex-modern-top .codex-info-menu {
  min-width: 265px; padding: 9px; margin-top: 0; border: 1px solid rgba(16,39,71,.12);
  border-radius: 0 0 8px 8px; box-shadow: 0 18px 38px rgba(10,26,55,.22);
}
#top.codex-modern-top .codex-info-menu .dropdown-item { padding: 0; border-radius: 6px; overflow: hidden; }
#top.codex-modern-top .codex-info-menu .dropdown-item a {
  min-height: 38px; padding: 8px 10px; display: flex; align-items: center; gap: 9px;
  color: #102747; font-size: 14px; font-weight: 700; text-decoration: none;
}
#top.codex-modern-top .codex-info-menu .dropdown-item a:hover { color: #0057b8; background: #eef6ff; }
#top.codex-modern-top .codex-info-icon {
  width: 22px; height: 22px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center;
  background: #edf5ff; color: #e30613; font-size: 11px; flex: 0 0 auto;
}
#top.codex-modern-top .codex-telegram-link .codex-info-icon { background: #e6f6ff; color: #1487c8; }
#top.codex-modern-top #top-links { gap: 8px; }
#top.codex-modern-top #top-links .btn,
#top.codex-modern-top #top-links > .dropdown > a,
#top.codex-modern-top #top-links > form .btn {
  min-height: 30px; padding: 0 12px; border-radius: 18px; border: 1px solid rgba(255,255,255,.24);
  background: rgba(255,255,255,.08); color: #fff !important; font-weight: 800; font-size: 13px;
  display: inline-flex; align-items: center; gap: 7px; text-decoration: none !important;
}
#top.codex-modern-top #top-links .btn:hover,
#top.codex-modern-top #top-links > .dropdown > a:hover,
#top.codex-modern-top #top-links > form .btn:hover { background: rgba(0,87,184,.26); border-color: rgba(255,255,255,.42); }
#top.codex-modern-top #us-account-dropdown .us-navbar-account { display: none; }
#top.codex-modern-top #us-account-dropdown .fa-user { color: #ffd700; }
@media (min-width: 992px) { #top.codex-modern-top .codex-top-info-dropdown:hover > .dropdown-menu { display: block; } }
@media (max-width: 991.98px) {
  #top.codex-modern-top { min-height: 50px; }
  #top.codex-modern-top .codex-top-info-dropdown,
  #top.codex-modern-top #top-left { display: none !important; }
  #top.codex-modern-top #top-links .btn,
  #top.codex-modern-top #top-links > .dropdown > a,
  #top.codex-modern-top #top-links > form .btn { min-height: 34px; padding: 0 9px; }
}

/* source: codex-lang-currency-callback-style */
#top.codex-modern-top #top-links {
  align-items: center;
  gap: 8px;
}
#top.codex-modern-top #language,
#top.codex-modern-top #currency {
  height: 100%;
}
#top.codex-modern-top #language .btn-group,
#top.codex-modern-top #currency .btn-group,
#top.codex-modern-top #form-language,
#top.codex-modern-top #form-currency {
  height: 100%;
}
#top.codex-modern-top #language .dropdown-toggle.codex-lang-accent {
  min-height: 34px !important;
  padding: 0 13px 0 14px !important;
  border-radius: 19px !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  background: linear-gradient(180deg, #f10731 0%, #d40025 100%) !important;
  color: #fff !important;
  box-shadow: 0 8px 18px rgba(227,6,19,.2);
}
#top.codex-modern-top #language .dropdown-toggle.codex-lang-accent:hover {
  background: linear-gradient(180deg, #ff183c 0%, #c90022 100%) !important;
}
#top.codex-modern-top #language .dropdown-toggle.codex-lang-accent img,
#top.codex-modern-top #language .dropdown-menu img {
  width: 22px;
  height: 15px;
  object-fit: cover;
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 1px 2px rgba(0,0,0,.12);
}
#top.codex-modern-top #language .dropdown-toggle.codex-lang-accent .codex-lang-label {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1.05;
}
#top.codex-modern-top #language .dropdown-toggle.codex-lang-accent .codex-lang-label span {
  font-size: 13px;
  font-weight: 900;
}
#top.codex-modern-top #language .dropdown-toggle.codex-lang-accent .codex-lang-label small {
  margin-top: 2px;
  font-size: 10px;
  font-weight: 800;
  color: rgba(255,255,255,.74);
}
#top.codex-modern-top #currency .dropdown-toggle.codex-currency-clean {
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 19px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  background: rgba(255,255,255,.08) !important;
  color: #fff !important;
}
#top.codex-modern-top #currency .dropdown-toggle.codex-currency-clean:hover {
  background: rgba(0,87,184,.26) !important;
}
#top.codex-modern-top #currency .dropdown-toggle.codex-currency-clean strong {
  margin: 0;
  font-size: 15px;
  color: #fff;
}
#top.codex-modern-top #currency .dropdown-toggle.codex-currency-clean span {
  font-size: 13px;
  font-weight: 900;
  color: #fff;
}
#top.codex-modern-top #language .dropdown-menu,
#top.codex-modern-top #currency .dropdown-menu {
  min-width: 170px;
  padding: 8px;
  margin-top: 0;
  border: 1px solid rgba(16,39,71,.12);
  border-radius: 0 0 8px 8px;
  box-shadow: 0 18px 38px rgba(10,26,55,.22);
}
#top.codex-modern-top #language .language-select,
#top.codex-modern-top #currency .currency-select {
  min-height: 38px;
  padding: 8px 10px !important;
  border-radius: 6px;
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  color: #102747 !important;
  font-size: 14px;
  font-weight: 900;
  text-align: left;
}
#top.codex-modern-top #language .language-select:hover,
#top.codex-modern-top #currency .currency-select:hover {
  background: #fff3f5 !important;
  color: #d40025 !important;
}
#top.codex-modern-top #language .language-select.active-item,
#top.codex-modern-top #currency .currency-select.active-item {
  background: #eef6ff !important;
  color: #0057b8 !important;
}
#top.codex-modern-top .codex-callback-btn {
  min-height: 34px !important;
  padding: 0 14px !important;
  border-radius: 19px !important;
  border: 1px solid rgba(255,255,255,.28) !important;
  background: #fff !important;
  color: #102747 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  text-decoration: none !important;
  box-shadow: 0 8px 20px rgba(16,39,71,.1);
}
#top.codex-modern-top .codex-callback-btn i {
  font-size: 17px;
  color: #0057b8;
}
#top.codex-modern-top .codex-callback-btn:hover {
  color: #d40025 !important;
  background: #fff3f5 !important;
}
@media (max-width: 1199.98px) {
  #top.codex-modern-top .codex-callback-btn span {
    display: none;
  }
  #top.codex-modern-top .codex-callback-btn {
    width: 36px;
    justify-content: center;
    padding: 0 !important;
  }
}
@media (max-width: 991.98px) {
  #top.codex-modern-top #language .dropdown-toggle.codex-lang-accent .codex-lang-label small,
  #top.codex-modern-top .codex-callback-btn {
    display: none !important;
  }
}

/* source: codex-lang-currency-dropdown-fix */
#top.codex-modern-top #language .dropdown-menu .language-select:not(.active-item),
#top.codex-modern-top #currency .dropdown-menu .currency-select:not(.active-item) {
  background: #fff !important;
  color: #102747 !important;
}
#top.codex-modern-top #language .dropdown-menu .language-select:not(.active-item):hover,
#top.codex-modern-top #currency .dropdown-menu .currency-select:not(.active-item):hover {
  background: #fff3f5 !important;
  color: #d40025 !important;
}

/* source: codex-catalog-menu-height-fix-style */
.menu-row.codex-menu-redesign #oct-menu-ul > .oct-menu-li > .oct-menu-child-ul {
  height: auto !important;
  min-height: 240px !important;
  max-height: 540px !important;
  box-sizing: border-box !important;
}
.menu-row.codex-menu-redesign .oct-menu-child-ul > .oct-menu-ul {
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}

/* source: codex-catalog-menu-panel-style */
#codex-menu-preview-panel {
  display: none;
  position: fixed;
  width: min(860px, calc(100vw - 610px));
  min-width: 620px;
  max-height: 540px;
  overflow: auto;
  padding: 18px;
  box-sizing: border-box;
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
  border: 1px solid #dbe8f7;
  border-radius: 14px;
  box-shadow: 0 24px 58px rgba(16,39,71,.25);
  z-index: 200000;
}
#codex-menu-preview-panel.codex-show {
  display: block;
}
#codex-menu-preview-panel:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  background: linear-gradient(180deg, #d40025, #0057b8);
  border-radius: 14px 0 0 14px;
}
#codex-menu-preview-panel .codex-panel-title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 14px 0;
  padding-left: 4px;
  color: #102747;
  font-size: 17px;
  font-weight: 900;
}
#codex-menu-preview-panel .codex-panel-title i {
  width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, #d40025, #0057b8);
}
#codex-menu-preview-panel .codex-panel-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
#codex-menu-preview-panel .codex-panel-card {
  min-height: 66px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 11px 12px;
  border: 1px solid #e2ecf8;
  border-radius: 12px;
  background: #fff;
  color: #102747;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 8px 18px rgba(16,39,71,.06);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
#codex-menu-preview-panel .codex-panel-card:hover {
  transform: translateY(-2px);
  border-color: #80b8ff;
  color: #0057b8;
  box-shadow: 0 14px 26px rgba(0,87,184,.14);
}
#codex-menu-preview-panel .codex-panel-icon {
  width: 32px;
  min-width: 32px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, #0057b8 0%, #d40025 100%);
}
@media (max-width: 1199.98px) {
  #codex-menu-preview-panel {
    min-width: 520px;
    width: min(720px, calc(100vw - 430px));
  }
  #codex-menu-preview-panel .codex-panel-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991.98px) {
  #codex-menu-preview-panel {
    display: none !important;
  }
}

/* source: codex-catalog-menu-redesign-style */
.menu-row.codex-menu-redesign {
  background: #102747 !important;
  border-top: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 10px 26px rgba(16,39,71,.18);
  z-index: 10020;
}
.menu-row.codex-menu-redesign #oct-ultra-menu-header {
  background: linear-gradient(135deg, #d40025 0%, #0057b8 100%) !important;
  color: #fff !important;
  font-weight: 900;
  letter-spacing: .01em;
}
.menu-row.codex-menu-redesign #oct-ultra-menu-header i,
.menu-row.codex-menu-redesign #oct-ultra-menu-header span {
  color: #fff !important;
}
.menu-row.codex-menu-redesign #oct-megamenu-box .oct-mm-link > a {
  min-height: 50px;
  display: inline-flex !important;
  align-items: center;
  gap: 9px;
  color: #fff !important;
  font-weight: 800;
  padding: 0 18px !important;
  transition: background .18s ease, color .18s ease;
}
.menu-row.codex-menu-redesign #oct-megamenu-box .oct-mm-link > a:before {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,.13);
  color: #fff;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 13px;
}
.menu-row.codex-menu-redesign #oct-megamenu-box .codex-nav-door > a:before { content: "\f52b"; }
.menu-row.codex-menu-redesign #oct-megamenu-box .codex-nav-furniture > a:before { content: "\f4b8"; }
.menu-row.codex-menu-redesign #oct-megamenu-box .codex-nav-wheels > a:before { content: "\f4df"; }
.menu-row.codex-menu-redesign #oct-megamenu-box .oct-mm-link:hover > a,
.menu-row.codex-menu-redesign #oct-megamenu-box .oct-mm-link > a:hover {
  background: rgba(255,255,255,.09) !important;
  color: #fff !important;
}
.menu-row.codex-menu-redesign #oct-megamenu-box .codex-telegram-menu > a {
  background: linear-gradient(135deg, #19a7e8 0%, #0066cc 100%) !important;
  border-radius: 0;
}
.menu-row.codex-menu-redesign #oct-megamenu-box .codex-telegram-menu > a:before {
  content: none !important;
}
.menu-row.codex-menu-redesign .codex-telegram-icon {
  width: 28px;
  height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  color: #fff;
}
.menu-row.codex-menu-redesign #oct-menu-box,
.menu-row.codex-menu-redesign #oct-menu-dropdown-menu,
.menu-row.codex-menu-redesign #oct-menu-ul,
.menu-row.codex-menu-redesign #oct-menu-ul > .oct-menu-li {
  overflow: visible !important;
}
.menu-row.codex-menu-redesign #oct-menu-dropdown-menu {
  z-index: 10080 !important;
}
.menu-row.codex-menu-redesign #oct-menu-ul.oct-menu-parent-ul {
  border: 1px solid #dbe8f7;
  border-top: 0;
  border-radius: 0 0 12px 12px;
  background: #fff;
  box-shadow: 0 18px 36px rgba(16,39,71,.16);
}
.menu-row.codex-menu-redesign #oct-menu-ul > .oct-menu-li {
  position: relative !important;
  background: #fff;
}
.menu-row.codex-menu-redesign #oct-menu-ul > .oct-menu-li > div {
  min-height: 51px;
  background: #fff;
  border-bottom: 1px solid #edf2f8;
  transition: background .16s ease, box-shadow .16s ease;
}
.menu-row.codex-menu-redesign #oct-menu-ul > .oct-menu-li:hover > div,
.menu-row.codex-menu-redesign #oct-menu-ul > .oct-menu-li.codex-open > div {
  background: #f1f7ff !important;
  box-shadow: inset 4px 0 0 #d40025;
}
.menu-row.codex-menu-redesign #oct-menu-ul .oct-menu-a,
.menu-row.codex-menu-redesign #oct-menu-ul .oct-menu-li > div > a {
  min-height: 50px;
  display: flex !important;
  align-items: center;
  gap: 10px;
  padding: 0 14px !important;
  color: #102747 !important;
  font-weight: 800;
  text-decoration: none !important;
}
.menu-row.codex-menu-redesign .codex-cat-icon {
  width: 30px;
  min-width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(135deg, #0057b8 0%, #d40025 100%);
  box-shadow: 0 8px 18px rgba(0,87,184,.18);
}
.menu-row.codex-menu-redesign .oct-menu-toggle {
  width: 40px;
  min-width: 40px;
  height: 50px;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  color: #0057b8 !important;
}
.menu-row.codex-menu-redesign #oct-menu-ul > .oct-menu-li > .oct-menu-child-ul {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  left: calc(100% + 10px) !important;
  top: -8px !important;
  width: min(860px, calc(100vw - 590px)) !important;
  min-width: 620px !important;
  max-height: 540px;
  overflow: auto !important;
  padding: 18px !important;
  background: linear-gradient(180deg, #f7fbff 0%, #ffffff 100%) !important;
  border: 1px solid #dbe8f7;
  border-radius: 14px;
  box-shadow: 0 22px 48px rgba(16,39,71,.22);
  z-index: 10120 !important;
}
.menu-row.codex-menu-redesign #oct-menu-ul > .oct-menu-li:hover > .oct-menu-child-ul,
.menu-row.codex-menu-redesign #oct-menu-ul > .oct-menu-li.codex-open > .oct-menu-child-ul {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}
.menu-row.codex-menu-redesign .oct-menu-child-ul .oct-menu-back {
  display: none !important;
}
.menu-row.codex-menu-redesign .oct-menu-child-ul > .oct-menu-ul {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  width: 100% !important;
  height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
  position: static !important;
  visibility: visible !important;
  opacity: 1 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.menu-row.codex-menu-redesign .oct-menu-child-ul > .oct-menu-ul > .oct-menu-li {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  position: static !important;
  border: 0 !important;
  background: transparent !important;
}
.menu-row.codex-menu-redesign .oct-menu-child-ul > .oct-menu-ul > .oct-menu-li > div {
  min-height: 0 !important;
  height: 100%;
  border: 0 !important;
  background: transparent !important;
}
.menu-row.codex-menu-redesign .oct-menu-child-ul a {
  min-height: 64px !important;
  height: 100%;
  padding: 10px 12px !important;
  border: 1px solid #e2ecf8;
  border-radius: 12px;
  background: #fff;
  color: #102747 !important;
  font-size: 14px;
  line-height: 1.25;
  box-shadow: 0 8px 18px rgba(16,39,71,.06);
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
}
.menu-row.codex-menu-redesign .oct-menu-child-ul a:hover {
  transform: translateY(-2px);
  border-color: #80b8ff;
  box-shadow: 0 14px 26px rgba(0,87,184,.14);
}
@media (max-width: 1199.98px) {
  .menu-row.codex-menu-redesign #oct-menu-ul > .oct-menu-li > .oct-menu-child-ul {
    min-width: 520px !important;
    width: min(720px, calc(100vw - 430px)) !important;
  }
  .menu-row.codex-menu-redesign .oct-menu-child-ul > .oct-menu-ul {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 991.98px) {
  .menu-row.codex-menu-redesign #oct-megamenu-box .oct-mm-link > a:before,
  .menu-row.codex-menu-redesign .codex-telegram-icon,
  .menu-row.codex-menu-redesign .codex-cat-icon {
    display: none !important;
  }
  .menu-row.codex-menu-redesign #oct-menu-ul > .oct-menu-li > .oct-menu-child-ul {
    position: static !important;
    min-width: 0 !important;
    width: 100% !important;
    max-height: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 10px !important;
  }
  .menu-row.codex-menu-redesign .oct-menu-child-ul > .oct-menu-ul {
    grid-template-columns: 1fr;
  }
}

/* source: codex-callback-dark-fix-style */
#top.codex-modern-top .codex-callback-btn {
  background: linear-gradient(135deg, #102747 0%, #0a5bbf 100%) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.38) !important;
  box-shadow: 0 10px 24px rgba(0,45,102,.24) !important;
  min-width: 184px !important;
  justify-content: center !important;
}
#top.codex-modern-top .codex-callback-btn span,
#top.codex-modern-top .codex-callback-btn i {
  color: #ffffff !important;
}
#top.codex-modern-top .codex-callback-btn:hover,
#top.codex-modern-top .codex-callback-btn:focus {
  background: linear-gradient(135deg, #d40025 0%, #0057b8 100%) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.55) !important;
  text-decoration: none !important;
}

/* source: codex-second-header-fix-style */
header.codex-second-header #search.codex-search {
  flex-wrap: nowrap !important;
}
header.codex-second-header #search.codex-search .header-input {
  flex: 1 1 0 !important;
  width: 1% !important;
  min-width: 0 !important;
  max-width: none !important;
}
header.codex-second-header .codex-voice-button {
  flex: 0 0 52px !important;
  min-width: 52px !important;
  position: static !important;
  margin: 0 !important;
  align-self: stretch !important;
}
header.codex-second-header #oct-search-button {
  flex: 0 0 58px !important;
  width: 58px !important;
  min-width: 58px !important;
  position: static !important;
  margin: 0 !important;
  padding: 0 !important;
  align-self: stretch !important;
}
header.codex-second-header .codex-phone-icon i {
  display: none !important;
}
header.codex-second-header .codex-phone-icon:before {
  content: "\f095";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20px;
  line-height: 1;
}
/* test_second_header_livesearch_fix_20260726_0002 */
header.codex-second-header #search.codex-search {
  position: relative !important;
}
header.codex-second-header #us_livesearch {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  top: calc(100% + 6px) !important;
  width: 100% !important;
  flex: 0 0 auto !important;
  z-index: 10050 !important;
}
header.codex-second-header #us_livesearch_close {
  display: none !important;
}

/* source: codex-second-header-style */
header.codex-second-header {
  padding: 22px 0;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%) !important;
  border-bottom: 1px solid rgba(16,39,71,.08);
}
header.codex-second-header .container { max-width: 1460px; }
header.codex-second-header .codex-second-row {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: nowrap;
}
header.codex-second-header .codex-brand-wrap {
  flex: 0 0 250px;
  max-width: 250px;
}
header.codex-second-header .codex-brand {
  min-height: 70px;
  display: inline-flex;
  flex-direction: column;
  justify-content: center;
  text-decoration: none !important;
}
header.codex-second-header .codex-brand-main {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #102747;
  font-size: 30px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: 0;
}
header.codex-second-header .codex-brand-main span {
  color: #0057b8;
}
header.codex-second-header .codex-brand-main b {
  padding: 4px 8px 5px;
  border-radius: 6px;
  background: #e30613;
  color: #fff;
  font-size: 24px;
  line-height: 1;
  box-shadow: 0 10px 22px rgba(227,6,19,.18);
}
header.codex-second-header .codex-brand-sub {
  margin-top: 7px;
  color: #52637a;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 800;
}
header.codex-second-header .codex-search-wrap {
  flex: 1 1 560px;
  min-width: 260px;
  max-width: 650px;
}
header.codex-second-header #search.codex-search {
  height: 52px;
  display: flex;
  align-items: center;
  overflow: hidden;
  border: 2px solid #dbe6f4;
  border-radius: 11px;
  background: #fff;
  box-shadow: 0 14px 30px rgba(16,39,71,.08);
}
header.codex-second-header #search.codex-search:focus-within {
  border-color: #0057b8;
  box-shadow: 0 16px 34px rgba(0,87,184,.14);
}
header.codex-second-header #search.codex-search .header-input {
  height: 100% !important;
  min-height: 52px;
  padding: 0 18px;
  border: 0 !important;
  box-shadow: none !important;
  color: #102747;
  font-size: 15px;
  font-weight: 600;
}
header.codex-second-header #search.codex-search .header-input::placeholder {
  color: #8a98aa;
  font-weight: 600;
}
header.codex-second-header .codex-voice-button {
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0;
  border-left: 1px solid #e5edf7;
  background: #fff;
  color: #102747;
  cursor: pointer;
}
header.codex-second-header .codex-voice-button:hover {
  background: #eef6ff;
  color: #0057b8;
}
header.codex-second-header .codex-mic {
  position: relative;
  width: 18px;
  height: 28px;
  display: inline-block;
}
header.codex-second-header .codex-mic:before {
  content: "";
  position: absolute;
  left: 4px;
  top: 0;
  width: 10px;
  height: 18px;
  border-radius: 9px;
  background: #102747;
}
header.codex-second-header .codex-mic:after {
  content: "";
  position: absolute;
  left: 2px;
  top: 11px;
  width: 14px;
  height: 10px;
  border: 3px solid #102747;
  border-top: 0;
  border-radius: 0 0 12px 12px;
}
header.codex-second-header .codex-mic i {
  position: absolute;
  left: 8px;
  top: 23px;
  width: 2px;
  height: 5px;
  background: #102747;
}
header.codex-second-header .codex-mic i:after {
  content: "";
  position: absolute;
  left: -5px;
  bottom: -3px;
  width: 12px;
  height: 2px;
  border-radius: 3px;
  background: #102747;
}
header.codex-second-header #oct-search-button {
  width: 58px;
  height: 52px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #e30613 !important;
  color: #fff !important;
  font-size: 18px;
}
header.codex-second-header #oct-search-button:hover {
  background: #c90022 !important;
}
header.codex-second-header .codex-phone-wrap {
  flex: 0 0 245px;
  max-width: 245px;
  display: flex !important;
  align-items: center;
  gap: 11px;
}
header.codex-second-header .codex-phone-icon {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #e30613;
  color: #fff;
  font-size: 20px;
  box-shadow: 0 12px 24px rgba(227,6,19,.2);
}
header.codex-second-header .codex-phone-wrap .us-phone-img {
  width: auto;
  margin: 0;
}
header.codex-second-header .codex-phone-wrap .us-phone-content {
  min-width: 0;
}
header.codex-second-header .codex-phone-wrap .top-phone-btn {
  padding: 0 !important;
  background: transparent !important;
  border: 0 !important;
  color: #102747 !important;
  box-shadow: none !important;
  text-align: left;
}
header.codex-second-header .codex-phone-wrap .top-phone-btn span {
  color: #102747;
  font-size: 17px;
  line-height: 1.1;
  font-weight: 950;
  white-space: nowrap;
}
header.codex-second-header .codex-phone-note {
  margin-top: 4px;
  display: block;
  color: #52637a;
  font-size: 12px;
  line-height: 1.25;
  font-weight: 800;
}
header.codex-second-header .codex-header-favorite {
  flex: 0 0 132px;
  min-height: 54px;
  padding: 8px 12px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  border-radius: 11px;
  background: #f3f8ff;
  color: #102747;
  text-decoration: none !important;
  font-weight: 900;
  box-shadow: inset 0 0 0 1px #e1ebf8;
}
header.codex-second-header .codex-header-favorite i {
  color: #e30613;
  font-size: 22px;
}
header.codex-second-header .codex-header-favorite span {
  display: flex;
  flex-direction: column;
  line-height: 1.12;
}
header.codex-second-header .codex-header-favorite small {
  margin-top: 4px;
  color: #52637a;
  font-size: 11px;
  font-weight: 800;
}
header.codex-second-header .codex-cart-wrap {
  flex: 0 0 185px;
  max-width: 185px;
  min-height: 58px;
  padding: 8px 12px;
  border-radius: 11px;
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  gap: 11px;
  background: #e30613;
  color: #fff;
  box-shadow: 0 14px 28px rgba(227,6,19,.2);
}
header.codex-second-header .codex-cart-wrap .us-cart-img {
  position: relative;
  width: 40px;
  height: 40px;
  flex: 0 0 40px;
  padding: 0;
  border: 0;
  border-radius: 10px;
  background: rgba(255,255,255,.14);
  color: #fff;
}
header.codex-second-header .codex-cart-wrap .us-cart-img img {
  display: none;
}
header.codex-second-header .codex-cart-wrap .us-cart-img:before {
  content: "\f07a";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 20px;
}
header.codex-second-header .codex-cart-wrap .header-cart-index {
  top: -7px;
  right: -7px;
  min-width: 22px;
  height: 22px;
  border: 2px solid #e30613;
  background: #fff !important;
  color: #e30613 !important;
  font-weight: 950;
}
header.codex-second-header .codex-cart-wrap .us-cart-content {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
header.codex-second-header .codex-cart-wrap .us-cart-text {
  margin: 0;
  color: #fff !important;
  font-size: 15px;
  line-height: 1.1;
  font-weight: 950;
  white-space: nowrap;
}
header.codex-second-header .codex-cart-wrap .us-cart-link {
  margin-top: 3px;
  color: rgba(255,255,255,.88) !important;
  font-size: 12px;
  line-height: 1.15;
  font-weight: 800;
  text-decoration: none !important;
}
@media (max-width: 1399.98px) {
  header.codex-second-header .codex-brand-wrap { flex-basis: 230px; max-width: 230px; }
  header.codex-second-header .codex-phone-wrap { flex-basis: 225px; max-width: 225px; }
  header.codex-second-header .codex-header-favorite { flex-basis: 118px; }
  header.codex-second-header .codex-cart-wrap { flex-basis: 170px; max-width: 170px; }
}
@media (max-width: 1199.98px) {
  header.codex-second-header .codex-second-row { gap: 14px; }
  header.codex-second-header .codex-brand-main { font-size: 25px; }
  header.codex-second-header .codex-brand-main b { font-size: 20px; }
  header.codex-second-header .codex-header-favorite small,
  header.codex-second-header .codex-phone-note { display: none; }
}
@media (max-width: 991.98px) {
  header.codex-second-header { padding: 16px 0; }
  header.codex-second-header .codex-second-row { flex-wrap: wrap; }
  header.codex-second-header .codex-brand-wrap { flex: 1 1 220px; max-width: none; }
  header.codex-second-header .codex-search-wrap { order: 5; flex: 1 1 100%; max-width: none; }
  header.codex-second-header .codex-phone-wrap,
  header.codex-second-header .codex-header-favorite,
  header.codex-second-header .codex-cart-wrap { display: none !important; }
}

/* source: codex-menu-fit-style */
@media (min-width: 1200px) {
  .menu-row.codex-menu-redesign #oct-megamenu-box {
    height: 50px !important;
    overflow: visible !important;
    white-space: nowrap !important;
  }
  .menu-row.codex-menu-redesign #oct-megamenu-box .oct-mm-link {
    display: inline-flex !important;
    float: none !important;
    vertical-align: top !important;
  }
  .menu-row.codex-menu-redesign #oct-megamenu-box .oct-mm-link > a {
    min-height: 50px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    gap: 7px !important;
    white-space: nowrap !important;
    font-size: 14px !important;
  }
  .menu-row.codex-menu-redesign #oct-megamenu-box .oct-mm-link > a:before,
  .menu-row.codex-menu-redesign .codex-telegram-icon {
    width: 25px !important;
    min-width: 25px !important;
    height: 25px !important;
    font-size: 12px !important;
  }
  .menu-row.codex-menu-redesign #oct-megamenu-box .codex-telegram-menu > a {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
}
@media (min-width: 1400px) {
  .menu-row.codex-menu-redesign #oct-megamenu-box .oct-mm-link > a {
    padding-left: 13px !important;
    padding-right: 13px !important;
  }
}

/* source: codex-new-products-style */
:root {
  --codex-shop-ink: #071b3a;
  --codex-shop-muted: #5d6f86;
  --codex-shop-blue: #0756c9;
  --codex-shop-blue-soft: #1f72d8;
  --codex-shop-red: #ef2334;
  --codex-shop-line: #d7e4f2;
}
#top.codex-modern-top {
  position: relative;
  z-index: 12000 !important;
}
#top.codex-modern-top .codex-top-info-dropdown {
  z-index: 13000 !important;
}
#top.codex-modern-top .codex-info-menu {
  z-index: 14000 !important;
  display: none;
  visibility: visible !important;
  opacity: 1 !important;
}
#top.codex-modern-top .codex-top-info-dropdown:hover > .codex-info-menu,
#top.codex-modern-top .codex-top-info-dropdown.codex-info-open > .codex-info-menu,
#top.codex-modern-top .codex-top-info-dropdown.open > .codex-info-menu,
#top.codex-modern-top .codex-top-info-dropdown.show > .codex-info-menu {
  display: block !important;
}
.menu-row,
.menu-row.codex-menu-redesign {
  position: relative;
  z-index: 3000;
}
.row .codex-latest-title-col {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 18px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--codex-shop-line);
}
.row .codex-latest-title-col .us-main-shop-title {
  margin: 0;
  padding: 0;
  border: 0;
  color: var(--codex-shop-ink);
  font-size: 28px;
  line-height: 1.1;
  font-weight: 900;
  letter-spacing: 0;
}
.codex-latest-all {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  min-height: 42px;
  padding: 0 20px;
  border-radius: 999px;
  background: linear-gradient(135deg, #0756c9 0%, #1f72d8 52%, #ef2334 100%);
  color: #fff !important;
  font-size: 14px;
  font-weight: 900;
  text-decoration: none !important;
  box-shadow: 0 12px 26px rgba(7, 86, 201, .20);
  white-space: nowrap;
}
.codex-latest-all:hover {
  background: linear-gradient(135deg, #ef2334 0%, #b41359 42%, #0756c9 100%);
  color: #fff !important;
  transform: translateY(-1px);
}
#us-latest_0.us-module-row {
  row-gap: 22px;
}
#us-latest_0 .us-item.codex-hide-home-extra {
  display: none !important;
}
@media (min-width: 1200px) {
  #us-latest_0 > .us-item {
    flex: 0 0 20%;
    max-width: 20%;
  }
}
#us-latest_0 .us-module-item {
  position: relative;
  height: 100%;
  min-height: 505px;
  padding: 18px 16px 16px;
  overflow: hidden;
  border: 1px solid var(--codex-shop-line);
  border-radius: 8px;
  background:
    radial-gradient(circle at 82% 9%, rgba(239, 35, 52, .08), transparent 25%),
    radial-gradient(circle at 16% 8%, rgba(7, 86, 201, .09), transparent 30%),
    #fff;
  box-shadow: 0 16px 38px rgba(8, 36, 74, .10);
  transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
#us-latest_0 .us-module-item:hover {
  transform: translateY(-3px);
  border-color: rgba(7, 86, 201, .34);
  box-shadow: 0 20px 45px rgba(8, 36, 74, .14);
}
#us-latest_0 .codex-new-badge {
  position: absolute;
  z-index: 4;
  top: 12px;
  left: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 0 10px;
  border-radius: 999px;
  background: linear-gradient(90deg, #ef2334 0%, #b41359 42%, #0756c9 100%);
  color: #fff;
  font-size: 11px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
  box-shadow: 0 9px 18px rgba(7, 86, 201, .22);
}
#us-latest_0 .us-module-buttons-list {
  top: 12px;
  right: 12px;
  z-index: 5;
}
#us-latest_0 .us-module-buttons-link:hover {
  color: var(--codex-shop-red) !important;
}
#us-latest_0 .us-module-img {
  height: 245px;
  margin: 0 0 14px;
  padding: 18px 6px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #e8eff7;
}
#us-latest_0 .us-module-img a {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#us-latest_0 .us-module-img img {
  max-width: 100%;
  max-height: 215px;
  object-fit: contain;
  filter: drop-shadow(0 12px 18px rgba(8, 36, 74, .12));
}
#us-latest_0 .us-module-title {
  flex-grow: 0 !important;
  min-height: 96px;
  height: auto !important;
  margin: 0 0 10px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  overflow: visible !important;
}
#us-latest_0 .us-module-title a {
  display: block !important;
  max-height: none !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  overflow-wrap: anywhere;
  color: var(--codex-shop-ink) !important;
  font-size: 16px;
  line-height: 1.28;
  font-weight: 800;
  text-align: center;
  letter-spacing: 0;
}
#us-latest_0 .us-module-rating {
  margin-top: auto;
}
#us-latest_0 .us-module-price {
  margin: 13px 0 15px;
  text-align: center;
}
#us-latest_0 .us-module-price-actual {
  color: #08306f !important;
  font-size: 23px;
  line-height: 1.15;
  font-weight: 900;
}
#us-latest_0 .us-module-cart-btn {
  min-height: 44px;
  border: 0 !important;
  border-radius: 8px;
  background: #1f72d8 !important;
  color: #fff !important;
  font-size: 15px;
  font-weight: 900;
  text-transform: uppercase;
  box-shadow: 0 12px 24px rgba(31, 114, 216, .18);
  transition: background .18s ease, box-shadow .18s ease, transform .18s ease;
}
#us-latest_0 .us-module-cart-btn:hover {
  background: var(--codex-shop-red) !important;
  color: #fff !important;
  box-shadow: 0 14px 26px rgba(239, 35, 52, .22);
  transform: translateY(-1px);
}
.us-module-item.codex-card-enhanced .us-module-img a {
  cursor: zoom-in;
}
.us-module-item.codex-card-enhanced .codex-card-qty {
  display: grid;
  grid-template-columns: 54px minmax(44px, 1fr) 54px;
  align-items: center;
  width: 100%;
  max-width: 228px;
  min-height: 44px;
  margin: 0 auto 10px;
  overflow: hidden;
  border: 1px solid var(--codex-shop-line);
  border-radius: 8px;
  background: #fff;
}
.us-module-item.codex-card-enhanced .codex-card-qty button,
.us-module-item.codex-card-enhanced .codex-card-qty input {
  width: 100%;
  height: 44px;
  border: 0;
  outline: none;
  background: transparent;
  color: var(--codex-shop-ink);
  text-align: center;
  font-size: 16px;
  line-height: 1;
  font-weight: 900;
}
.us-module-item.codex-card-enhanced .codex-card-qty button {
  cursor: pointer;
  transition: background .18s ease, color .18s ease;
}
.us-module-item.codex-card-enhanced .codex-card-qty button:hover {
  background: linear-gradient(135deg, var(--codex-shop-red) 0%, var(--codex-shop-blue) 100%);
  color: #fff;
}
.us-module-item.codex-card-enhanced .codex-card-qty input {
  border-left: 1px solid var(--codex-shop-line);
  border-right: 1px solid var(--codex-shop-line);
}
.us-module-item.codex-card-enhanced .codex-card-pack {
  margin: 9px auto 0;
  color: var(--codex-shop-muted);
  font-size: 12px;
  line-height: 1.35;
  font-weight: 800;
  text-align: center;
}
.codex-home-about {
  margin: 26px 0 24px;
  padding: 28px 30px;
  overflow: hidden;
  border: 1px solid var(--codex-shop-line);
  border-radius: 8px;
  background:
    radial-gradient(circle at 92% 8%, rgba(239, 35, 52, .10), transparent 28%),
    radial-gradient(circle at 0% 100%, rgba(7, 86, 201, .11), transparent 34%),
    linear-gradient(135deg, #ffffff 0%, #f5faff 100%);
  box-shadow: 0 18px 42px rgba(8, 36, 74, .09);
}
.codex-home-promo-row-hidden {
  display: none !important;
}
.codex-home-legacy-hidden {
  display: none !important;
}
.codex-home-about-kicker {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 28px;
  margin-bottom: 12px;
  padding: 0 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(239, 35, 52, .10), rgba(7, 86, 201, .10));
  color: var(--codex-shop-red);
  font-size: 12px;
  line-height: 1;
  font-weight: 900;
  text-transform: uppercase;
}
.codex-home-about h2 {
  max-width: 920px;
  margin: 0 0 14px;
  color: var(--codex-shop-ink);
  font-size: 28px;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: 0;
}
.codex-home-about p {
  max-width: 1030px;
  margin: 0 0 12px;
  color: #2f4056;
  font-size: 15px;
  line-height: 1.68;
  font-weight: 600;
}
.codex-home-about p:last-child {
  margin-bottom: 0;
}
.codex-home-about strong {
  color: var(--codex-shop-ink);
  font-weight: 900;
}
.codex-home-about-topic {
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(7, 86, 201, .12);
}
.codex-home-about-topic h3 {
  margin: 0 0 8px;
  color: var(--codex-shop-ink);
  font-size: 19px;
  line-height: 1.28;
  font-weight: 900;
  letter-spacing: 0;
}
.codex-home-about-topic p {
  margin-bottom: 0;
}
.codex-home-about-links {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}
.codex-home-about-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0 14px;
  border: 1px solid rgba(7, 86, 201, .18);
  border-radius: 999px;
  background: #fff;
  color: var(--codex-shop-blue) !important;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none !important;
  transition: all .18s ease;
}
.codex-home-about-links a:hover {
  border-color: transparent;
  background: var(--codex-shop-red);
  color: #fff !important;
  transform: translateY(-1px);
}
body.codex-product-page .codex-product-meta-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  max-width: 620px;
  margin: 12px 0 18px;
}
body.codex-product-page .codex-availability-line {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  padding: 7px 12px;
  border: 1px solid rgba(7, 86, 201, .18);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(7, 86, 201, .08), rgba(239, 35, 52, .06));
  color: var(--codex-shop-ink) !important;
  font-weight: 800;
}
body.codex-product-page .codex-availability-line:before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 50%;
  background: #16a34a;
  box-shadow: 0 0 0 4px rgba(22, 163, 74, .12);
}
body.codex-product-page .codex-product-article-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 9px 0 12px;
  padding: 8px 12px;
  border: 1px solid rgba(7, 86, 201, .18);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(8, 36, 74, .06);
}
body .modal .codex-product-article-inline,
body #us-quickview-modal .codex-product-article-inline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 9px 0 12px;
  padding: 8px 12px;
  border: 1px solid rgba(7, 86, 201, .18);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 8px 18px rgba(8, 36, 74, .06);
}
body.codex-product-page .codex-product-article-inline span,
body.codex-product-page .codex-product-pack-card span,
body .modal .codex-product-article-inline span,
body #us-quickview-modal .codex-product-article-inline span {
  color: var(--codex-shop-muted);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 900;
  text-transform: uppercase;
}
body.codex-product-page .codex-product-article-inline strong,
body.codex-product-page .codex-product-pack-card strong,
body .modal .codex-product-article-inline strong,
body #us-quickview-modal .codex-product-article-inline strong {
  color: var(--codex-shop-ink);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 900;
}
body.codex-product-page .codex-product-pack-info {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  max-width: 360px;
  margin: 12px 0 16px;
}
body.codex-product-page .codex-product-pack-card {
  min-height: 64px;
  padding: 11px 13px;
  border: 1px solid var(--codex-shop-line);
  border-radius: 8px;
  background: linear-gradient(135deg, #f7fbff 0%, #fff 100%);
  box-shadow: 0 10px 22px rgba(8, 36, 74, .07);
}
body.codex-product-page .codex-product-meta-card {
  min-height: 70px;
  padding: 12px 14px;
  border: 1px solid var(--codex-shop-line);
  border-radius: 8px;
  background: linear-gradient(135deg, #f7fbff 0%, #fff 100%);
  box-shadow: 0 10px 22px rgba(8, 36, 74, .07);
}
body.codex-product-page .codex-product-meta-card span {
  display: block;
  margin-bottom: 4px;
  color: var(--codex-shop-muted);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 800;
  text-transform: uppercase;
}
body.codex-product-page .codex-product-meta-card strong {
  display: block;
  color: var(--codex-shop-ink);
  font-size: 16px;
  line-height: 1.25;
  font-weight: 900;
}
body.codex-product-page #button-cart,
body.codex-product-page .button-cart,
body.codex-product-page a[onclick*="cart.add"],
body.codex-product-page button[onclick*="cart.add"] {
  border: 0 !important;
  border-radius: 8px !important;
  background: #1f72d8 !important;
  color: #fff !important;
  font-weight: 900 !important;
  text-transform: uppercase;
  box-shadow: 0 12px 24px rgba(31, 114, 216, .18);
}
body.codex-product-page #button-cart:hover,
body.codex-product-page .button-cart:hover,
body.codex-product-page a[onclick*="cart.add"]:hover,
body.codex-product-page button[onclick*="cart.add"]:hover {
  background: var(--codex-shop-red) !important;
  background-color: var(--codex-shop-red) !important;
  background-image: none !important;
  color: #fff !important;
}
body.codex-product-page .us-product-one-click button,
body.codex-product-page .us-product-one-click-btn,
body.codex-product-page .us-module-btn.us-product-one-click-btn,
body.codex-product-page [class*="one-click"] button,
body.codex-product-page button[id*="one_click"],
body.codex-product-page button[onclick*="oneclick"],
body.codex-product-page button[onclick*="OneClick"],
.modal button[onclick*="oneclick"],
.modal button[onclick*="OneClick"] {
  border-color: transparent !important;
  background: var(--codex-shop-blue-soft) !important;
  background-color: var(--codex-shop-blue-soft) !important;
  background-image: none !important;
  color: #fff !important;
  font-weight: 900 !important;
  box-shadow: 0 10px 20px rgba(31, 114, 216, .16);
}
body.codex-product-page .us-product-one-click button:hover,
body.codex-product-page .us-product-one-click-btn:hover,
body.codex-product-page .us-module-btn.us-product-one-click-btn:hover,
body.codex-product-page [class*="one-click"] button:hover,
body.codex-product-page button[id*="one_click"]:hover,
body.codex-product-page button[onclick*="oneclick"]:hover,
body.codex-product-page button[onclick*="OneClick"]:hover,
.modal button[onclick*="oneclick"]:hover,
.modal button[onclick*="OneClick"]:hover {
  background: var(--codex-shop-red) !important;
  background-color: var(--codex-shop-red) !important;
  background-image: none !important;
  color: #fff !important;
}
body.codex-product-page .us-product-quantity input,
body.codex-product-page input[name="quantity"] {
  border-color: var(--codex-shop-line) !important;
  color: var(--codex-shop-ink) !important;
  font-weight: 800;
}
body.codex-product-page .us-product-quantity button,
body.codex-product-page .us-product-quantity .btn,
body.codex-product-page .btn-minus,
body.codex-product-page .btn-plus {
  color: #0756c9 !important;
}
body.codex-product-page .us-product-quantity button:hover,
body.codex-product-page .us-product-quantity .btn:hover,
body.codex-product-page .us-product-quantity-btn:hover,
body.codex-product-page .btn-minus:hover,
body.codex-product-page .btn-plus:hover,
.modal .us-product-quantity button:hover,
.modal .us-product-quantity .btn:hover,
.modal .us-product-quantity-btn:hover,
.modal .btn-minus:hover,
.modal .btn-plus:hover {
  border-color: var(--codex-shop-red) !important;
  background: var(--codex-shop-red) !important;
  background-color: var(--codex-shop-red) !important;
  background-image: none !important;
  color: #fff !important;
}
body.codex-product-page input[type="tel"],
body.codex-product-page input[name*="phone"],
body.codex-product-page input[name*="telephone"],
body.codex-product-page input[id*="phone"],
body.codex-product-page input[id*="telephone"] {
  border-color: var(--codex-shop-line) !important;
}
footer.codex-footer-v2 {
  margin-top: 36px !important;
  padding: 34px 0 22px !important;
  border: 0 !important;
  background:
    radial-gradient(circle at 92% 0%, rgba(239, 35, 52, .26), transparent 28%),
    radial-gradient(circle at 5% 100%, rgba(31, 114, 216, .28), transparent 32%),
    linear-gradient(135deg, #071933 0%, #0a2c66 56%, #101a2c 100%) !important;
  color: #f5f8ff !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);
}
footer.codex-footer-v2 * {
  box-sizing: border-box;
}
footer.codex-footer-v2 a {
  color: #dbe7f7 !important;
  text-decoration: none !important;
  transition: color .16s ease, transform .16s ease, background .16s ease, border-color .16s ease;
}
footer.codex-footer-v2 a:hover {
  color: #fff !important;
}
.codex-footer-v2-wrap {
  display: block;
}
.codex-footer-v2-top {
  display: grid;
  grid-template-columns: minmax(210px, 1fr) 2.4fr;
  gap: 18px;
  align-items: center;
  margin-bottom: 26px;
  padding: 0 0 22px;
  border-bottom: 1px solid rgba(255, 255, 255, .14);
}
.codex-footer-v2-brand {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.codex-footer-v2-brand strong {
  color: #fff;
  font-size: 23px;
  line-height: 1;
  font-weight: 950;
  letter-spacing: .02em;
}
.codex-footer-v2-brand span {
  color: #b9c9dd;
  font-size: 13px;
  font-weight: 700;
}
.codex-footer-v2-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: flex-end;
}
.codex-footer-v2-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 13px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  color: #eef5ff;
  font-size: 13px;
  font-weight: 850;
  white-space: nowrap;
}
.codex-footer-v2-pill i {
  color: #ff3145;
}
.codex-footer-v2-grid {
  display: grid;
  grid-template-columns: 1.05fr 1fr 1.15fr 1.25fr;
  gap: 24px;
}
.codex-footer-v2-col {
  min-width: 0;
}
.codex-footer-v2-title {
  display: flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 14px;
  color: #fff;
  font-size: 17px;
  line-height: 1.2;
  font-weight: 950;
}
.codex-footer-v2-title i {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ef2334 0%, #0756c9 100%);
  color: #fff;
  font-size: 12px;
}
.codex-footer-v2-list {
  display: grid;
  gap: 9px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.codex-footer-v2-list a {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #c8d7eb !important;
  font-size: 14px;
  line-height: 1.25;
  font-weight: 700;
}
.codex-footer-v2-list a:before {
  content: "";
  width: 7px;
  height: 7px;
  flex: 0 0 7px;
  border-radius: 999px;
  background: linear-gradient(135deg, #ef2334 0%, #1f72d8 100%);
  box-shadow: 0 0 0 4px rgba(255, 255, 255, .07);
}
.codex-footer-v2-list a:hover {
  transform: translateX(2px);
}
.codex-footer-v2-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.codex-footer-v2-tag {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border: 1px solid rgba(255, 255, 255, .16);
  border-radius: 999px;
  background: rgba(255, 255, 255, .08);
  color: #eef5ff !important;
  font-size: 13px;
  font-weight: 900;
}
.codex-footer-v2-tag:hover {
  border-color: rgba(239, 35, 52, .56);
  background: linear-gradient(135deg, rgba(239, 35, 52, .96), rgba(7, 86, 201, .96));
}
.codex-footer-v2-contact {
  display: grid;
  gap: 11px;
  color: #dbe7f7;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 700;
}
.codex-footer-v2-contact a {
  font-weight: 900;
}
.codex-footer-v2-work {
  display: grid;
  gap: 5px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, .15);
  border-radius: 8px;
  background: rgba(255, 255, 255, .07);
}
.codex-footer-v2-work strong {
  color: #fff;
}
.codex-footer-v2-work .codex-footer-v2-off {
  color: #ffccd2;
}
.codex-footer-v2-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 2px;
}
.codex-footer-v2-action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
  border-radius: 8px;
  background: #1f72d8;
  color: #fff !important;
  font-weight: 950;
  box-shadow: 0 12px 24px rgba(31, 114, 216, .20);
}
.codex-footer-v2-action:hover {
  background: #ef2334;
  color: #fff !important;
}
.codex-footer-v2-bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px solid rgba(255, 255, 255, .14);
  color: #aebed2;
  font-size: 13px;
  font-weight: 700;
}
@media (max-width: 1199px) {
  #us-latest_0 .us-module-item { min-height: 490px; }
  #us-latest_0 .us-module-img { height: 225px; }
  .codex-footer-v2-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 767px) {
  .row .codex-latest-title-col {
    align-items: flex-start;
    flex-direction: column;
  }
  #us-latest_0 .us-module-item {
    min-height: 455px;
    padding: 14px 12px;
  }
  #us-latest_0 .us-module-img {
    height: 178px;
  }
  #us-latest_0 .us-module-img img {
    max-height: 155px;
  }
  #us-latest_0 .us-module-title {
    min-height: 118px;
  }
  #us-latest_0 .us-module-title a {
    font-size: 14px;
    line-height: 1.25;
  }
  body.codex-product-page .codex-product-meta-grid {
    grid-template-columns: 1fr;
    max-width: none;
  }
  .codex-home-about {
    margin: 20px 0;
    padding: 22px 18px;
  }
  .codex-home-about h2 {
    font-size: 22px;
  }
  .codex-home-about p {
    font-size: 14px;
  }
  .codex-footer-v2-top {
    grid-template-columns: 1fr;
  }
  .codex-footer-v2-pills {
    justify-content: flex-start;
  }
  .codex-footer-v2-grid {
    grid-template-columns: 1fr;
    gap: 22px;
  }
  .codex-footer-v2-pill,
  .codex-footer-v2-tag {
    white-space: normal;
  }
}

/* source: codex-mobile-polish-style */
@media (max-width: 767.98px) {
  html,
  body {
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  .container,
  .container-fluid {
    max-width: 100% !important;
  }
  header .container.d-flex.h-100 {
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .us-menu-mobile,
  .us-top-mobile-item-info,
  #top-links.nav.ml-auto.d-flex,
  .us-mobile-top-btn {
    flex: 0 0 16.666666% !important;
    width: 16.666666% !important;
    max-width: 16.666666% !important;
    min-width: 0 !important;
  }
  #top-links.nav.ml-auto.d-flex {
    align-items: center !important;
    justify-content: center !important;
    margin-left: 0 !important;
    overflow: hidden !important;
  }
  #top-links .codex-callback-btn {
    display: none !important;
  }
  #top-links #us-account-dropdown,
  #top-links .btn-user {
    width: 100% !important;
    height: 100% !important;
    min-height: 49px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  #top-links .btn-user img.us-navbar-account,
  #top-links .btn-user .hidden-xs {
    display: none !important;
  }
  #top-links .btn-user i.fa-user {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 46px !important;
    height: 31px !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(239,35,52,.86), rgba(7,86,201,.88)) !important;
    color: #fff !important;
    font-size: 17px !important;
    line-height: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 8px 18px rgba(0,0,0,.14) !important;
  }
  .us-top-mobile-item-info {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .us-top-mobile-item-info > img.us-navbar-info {
    display: none !important;
  }
  .us-top-mobile-item-info:before {
    content: attr(data-codex-lang-short) !important;
    min-width: 47px !important;
    height: 31px !important;
    padding: 0 9px;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(239,35,52,.86), rgba(7,86,201,.88)) !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 8px 18px rgba(0,0,0,.14) !important;
  }
  #top-links .btn-user i.fa-user {
    display: none !important;
  }
  #top-links .btn-user:before {
    content: "Каб" !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 47px !important;
    height: 31px !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.04)) !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 8px 18px rgba(0,0,0,.14) !important;
  }
  .nav-dropdown-menu-content {
    max-height: calc(100vh - 50px) !important;
    overflow-y: auto !important;
    padding: 15px 22px 24px !important;
  }
  #us_info_mobile .language,
  #us_info_mobile .currency {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 14px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid #edf1f6 !important;
  }
  #us_info_mobile .language .btn-group,
  #us_info_mobile .currency .btn-group {
    width: 100% !important;
    height: auto !important;
    display: grid !important;
    gap: 8px !important;
  }
  #us_info_mobile .language .btn-lang,
  #us_info_mobile .currency .btn-currency {
    width: 100% !important;
    min-height: 42px !important;
    justify-content: flex-start !important;
    border: 1px solid #d8e5f4 !important;
    border-radius: 12px !important;
    background: #f8fbff !important;
    color: #071b3a !important;
  }
  .codex-second-row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .codex-brand-wrap,
  .codex-search-wrap {
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .codex-brand {
    margin: 9px 0 12px !important;
    max-width: 100% !important;
  }
  .codex-brand-main {
    font-size: 29px !important;
  }
  .codex-brand-sub {
    font-size: 15px !important;
  }
  .codex-search-wrap {
    margin-bottom: 0 !important;
  }
  .codex-search {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 9px !important;
    overflow: hidden !important;
  }
  .codex-search .form-control {
    min-width: 0 !important;
    font-size: 15px !important;
  }
  .codex-voice-button,
  .header-btn-search {
    flex: 0 0 52px !important;
    width: 52px !important;
  }
  .codex-home-promo-wrap {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin: 14px auto 18px !important;
    display: block !important;
    gap: 0 !important;
  }
  .codex-home-promo-stage {
    width: 100% !important;
    min-height: 0 !important;
    height: 400px !important;
    border-radius: 10px !important;
    touch-action: pan-y !important;
  }
  .codex-home-promo-slide {
    min-height: 0 !important;
    height: 400px !important;
    background-position: center right !important;
    touch-action: pan-y !important;
  }
  .codex-home-promo-slide:before {
    background:
      linear-gradient(90deg, rgba(6,18,52,.98) 0 43%, rgba(6,18,52,.72) 58%, rgba(6,18,52,.13) 100%),
      linear-gradient(0deg, rgba(6,18,52,.22), rgba(6,18,52,.04)) !important;
  }
  .codex-home-promo-copy {
    width: 100% !important;
    min-height: 0 !important;
    height: 400px !important;
    padding: 21px 20px 48px 20px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
  }
  .codex-home-promo-kicker {
    align-self: flex-start !important;
    margin-bottom: 15px !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
    line-height: 1 !important;
  }
  .codex-home-promo-title {
    max-width: 306px !important;
    margin: 0 0 11px !important;
    font-size: clamp(24px, 7vw, 30px) !important;
    line-height: 1.04 !important;
  }
  .codex-home-promo-text {
    max-width: 302px !important;
    margin: 0 0 14px !important;
    font-size: 14px !important;
    line-height: 1.36 !important;
  }
  .codex-home-promo-points {
    width: 100% !important;
    max-width: 324px !important;
    margin-top: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .codex-home-promo-point {
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 10px 0 8px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    line-height: 1.08 !important;
  }
  .codex-home-promo-point i {
    flex: 0 0 28px !important;
    width: 28px !important;
    height: 28px !important;
    margin-right: 7px !important;
    font-size: 12px !important;
  }
  .codex-home-promo-point span {
    display: block !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  .codex-home-promo-dots {
    left: auto !important;
    right: 16px !important;
    bottom: 15px !important;
    transform: none !important;
    padding: 4px 7px !important;
    gap: 8px !important;
  }
  .codex-home-promo-dot {
    width: 27px !important;
    height: 8px !important;
  }
  .codex-home-promo-dot.is-active {
    width: 39px !important;
  }
  .codex-home-promo-wholesale {
    width: 100% !important;
    min-height: 0 !important;
    margin-top: 12px !important;
    border-radius: 10px !important;
    box-shadow: 0 14px 30px rgba(7,23,51,.10) !important;
    display: grid !important;
    grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr) !important;
    overflow: hidden !important;
  }
  .codex-home-promo-info,
  .codex-home-promo-discounts {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }
  .codex-home-promo-info {
    padding-top: 16px !important;
    padding-bottom: 14px !important;
  }
  .codex-home-promo-badge {
    padding: 7px 10px !important;
    font-size: 10px !important;
    line-height: 1.05 !important;
  }
  .codex-home-promo-info h2,
  .codex-home-promo-discount-title {
    font-size: 20px !important;
    line-height: 1.08 !important;
  }
  .codex-home-promo-info h2 {
    margin-top: 11px !important;
    margin-bottom: 8px !important;
  }
  .codex-home-promo-info p {
    font-size: 11px !important;
    line-height: 1.32 !important;
  }
  .codex-home-promo-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 7px !important;
    margin-top: 12px !important;
  }
  .codex-home-promo-stat {
    min-height: 62px !important;
    padding: 8px 8px !important;
  }
  .codex-home-promo-stat b {
    font-size: 22px !important;
  }
  .codex-home-promo-stat span {
    font-size: 10px !important;
  }
  .codex-home-promo-discounts {
    min-height: 0 !important;
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .codex-home-promo-discounts:after,
  .codex-home-promo-discounts:before {
    width: 42px !important;
    height: 42px !important;
    top: 14px !important;
    right: 12px !important;
    font-size: 27px !important;
  }
  .codex-home-promo-discount-title {
    max-width: 150px !important;
    margin-bottom: 14px !important;
    padding-right: 42px !important;
  }
  .codex-home-promo-row {
    grid-template-columns: 27px minmax(0, 1fr) 33px !important;
    min-height: 50px !important;
    gap: 7px !important;
    padding: 7px 8px !important;
    border-radius: 9px !important;
  }
  .codex-home-promo-row.codex-personal {
    grid-template-columns: 27px minmax(0, 1fr) !important;
  }
  .codex-home-promo-row i {
    width: 27px !important;
    height: 27px !important;
    font-size: 12px !important;
  }
  .codex-home-promo-row small {
    font-size: 9px !important;
  }
  .codex-home-promo-row b {
    font-size: 9px !important;
  }
  .codex-home-promo-value {
    font-size: 22px !important;
  }
  .codex-category-showcase {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin: 18px auto 26px !important;
    padding: 14px !important;
    border-radius: 18px !important;
  }
  .codex-category-head {
    display: block !important;
    margin-bottom: 13px !important;
  }
  .codex-category-title {
    font-size: 27px !important;
    line-height: 1.08 !important;
  }
  .codex-category-subtitle {
    font-size: 14px !important;
    line-height: 1.32 !important;
  }
  .codex-category-all {
    width: 100% !important;
    min-width: 0 !important;
    height: 43px !important;
    margin-top: 12px !important;
  }
  .codex-category-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 9px !important;
  }
  .codex-cat-card {
    min-height: 142px !important;
    padding: 11px 9px 42px 11px !important;
    border-radius: 15px !important;
  }
  .codex-cat-card::before {
    background-image:
      linear-gradient(90deg, rgba(3, 15, 43, .62) 0%, rgba(3, 15, 43, .38) 52%, rgba(3, 15, 43, .06) 100%),
      var(--cat-img) !important;
    background-position: center !important;
    background-size: cover !important;
  }
  .codex-cat-card h3 {
    max-width: 138px !important;
    min-height: 0 !important;
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.12 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.45) !important;
  }
  .codex-cat-card p {
    max-width: 132px !important;
    margin-top: 7px !important;
    font-size: 12px !important;
    line-height: 1.22 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
  }
  .codex-cat-arrow {
    left: 10px !important;
    bottom: 10px !important;
    width: 32px !important;
    height: 32px !important;
  }
}
@media (max-width: 374.98px) {
  .codex-home-promo-stage,
  .codex-home-promo-slide,
  .codex-home-promo-copy {
    height: 384px !important;
  }
  .codex-home-promo-title {
    font-size: 23px !important;
  }
  .codex-home-promo-text {
    font-size: 13px !important;
  }
  .codex-cat-card {
    min-height: 136px !important;
  }
  .codex-cat-card h3 {
    font-size: 14px !important;
  }
  .codex-cat-card p {
    font-size: 11px !important;
  }
}

/* source: codex-mobile-menu-v2-style */
@media (max-width: 767.98px) {
  :root {
    --codex-red: #e6001e;
    --codex-blue: #0b5ed7;
    --codex-navy: #071b3a;
    --codex-soft: #f3f7fc;
  }

  #top-links .btn-user:before {
    content: none !important;
    display: none !important;
  }
  #top-links .btn-user {
    font-size: 0 !important;
    color: transparent !important;
  }
  #top-links .btn-user i.fa-user,
  #top-links .btn-user .fa-user {
    display: none !important;
  }
  #top-links .btn-user:after {
    content: "\f007" !important;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 48px !important;
    height: 31px !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.04)) !important;
    color: #fff !important;
    font-size: 16px !important;
    line-height: 1 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 8px 18px rgba(0,0,0,.14) !important;
  }

  .us-top-mobile-item-info {
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .us-top-mobile-item-info > img.us-navbar-info,
  .us-top-mobile-item-info > i,
  .us-top-mobile-item-info > span:not(.sr-only) {
    display: none !important;
  }
  .us-top-mobile-item-info:before {
    content: attr(data-codex-lang-short) !important;
    min-width: 50px !important;
    height: 31px !important;
    padding: 0 9px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, rgba(230,0,30,.92), rgba(11,94,215,.9)) !important;
    color: #fff !important;
    font-size: 13px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.14), 0 8px 18px rgba(0,0,0,.14) !important;
  }

  .nav-dropdown-menu-title,
  .nav-dropdown-menu-header,
  .nav-dropdown-menu-heading,
  .oct-mobile-menu-title,
  .mobile-menu-title,
  #us_menu_mobile .nav-dropdown-menu-title,
  #us_info_mobile .nav-dropdown-menu-title,
  #us-account-mobile .nav-dropdown-menu-title,
  #us_info_mobile .modal-header,
  #us_menu_mobile .modal-header,
  .nav-dropdown-menu .modal-header,
  #us-account-mobile .modal-header,
  .modal-header {
    background: linear-gradient(135deg, var(--codex-red) 0%, var(--codex-blue) 100%) !important;
    color: #fff !important;
  }
  .nav-dropdown-menu-title *,
  .nav-dropdown-menu-header *,
  .nav-dropdown-menu-heading *,
  .oct-mobile-menu-title *,
  .mobile-menu-title *,
  #us_info_mobile .nav-dropdown-menu-title *,
  #us_info_mobile .modal-header *,
  #us_menu_mobile .modal-header *,
  .nav-dropdown-menu .modal-header *,
  #us-account-mobile .modal-header * {
    color: #fff !important;
  }
  #us_info_mobile .us-close,
  #us_menu_mobile .us-close,
  .nav-dropdown-menu .us-close,
  .modal-header .us-close,
  .modal-header .close {
    background: linear-gradient(135deg, rgba(230,0,30,.96), rgba(11,94,215,.96)) !important;
    color: #fff !important;
    border: 0 !important;
    opacity: 1 !important;
  }
  #us_info_mobile .us-close .us-modal-close-icon,
  #us_menu_mobile .us-close .us-modal-close-icon,
  .nav-dropdown-menu .us-close .us-modal-close-icon {
    background: #fff !important;
  }

  .codex-mobile-catalog-content {
    padding: 112px 16px 26px !important;
    background: #fff !important;
  }
  .codex-mobile-catalog-content > .codex-mobile-menu-old {
    display: none !important;
  }
  .codex-mobile-catalog-shell {
    display: grid;
    gap: 12px;
  }
  .codex-mobile-catalog-toggle {
    width: 100%;
    min-height: 54px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 10px 14px;
    border: 0;
    border-radius: 16px;
    background: linear-gradient(135deg, rgba(230,0,30,.10), rgba(11,94,215,.10));
    color: var(--codex-navy);
    font-size: 18px;
    font-weight: 900;
    text-align: left;
    box-shadow: inset 0 0 0 1px #d8e5f4;
  }
  .codex-mobile-catalog-toggle .codex-mobile-toggle-icon {
    width: 42px;
    height: 42px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    color: #fff;
    background: linear-gradient(135deg, var(--codex-red), var(--codex-blue));
    box-shadow: 0 12px 22px rgba(11,94,215,.18);
  }
  .codex-mobile-catalog-toggle .codex-mobile-chevron {
    transition: transform .2s ease;
  }
  .codex-mobile-catalog-shell.is-open .codex-mobile-chevron {
    transform: rotate(180deg);
  }
  .codex-mobile-catalog-list {
    display: none;
    gap: 8px;
  }
  .codex-mobile-catalog-shell.is-open .codex-mobile-catalog-list {
    display: grid;
  }
  .codex-mobile-menu-link {
    min-height: 49px;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 12px;
    border: 1px solid #e3edf8;
    border-radius: 14px;
    background: #fff;
    color: var(--codex-navy) !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.25;
    text-decoration: none !important;
    box-shadow: 0 8px 18px rgba(16,39,71,.05);
  }
  .codex-mobile-menu-link .codex-mobile-link-icon {
    width: 34px;
    min-width: 34px;
    height: 34px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(135deg, var(--codex-blue), var(--codex-red));
  }
  .codex-mobile-menu-link.codex-link-accent .codex-mobile-link-icon {
    background: linear-gradient(135deg, #1eb6ff, #0b5ed7);
  }
  .codex-mobile-menu-divider {
    height: 1px;
    margin: 4px 0;
    background: #edf2f8;
  }
  .codex-mobile-menu-section-title {
    margin: 4px 2px 0;
    color: #60728a;
    font-size: 12px;
    font-weight: 900;
    text-transform: uppercase;
  }

  #us_info_mobile .nav-dropdown-menu-content,
  .codex-mobile-info-content {
    padding: 16px 18px 28px !important;
    background: #fff !important;
  }

  #us_info_mobile .codex-mobile-original-info {
    display: none !important;
  }
  #dropdown_menu_info #us_info_mobile .nav-dropdown-menu-content > :not(.codex-mobile-settings):not(.codex-mobile-info-links),
  #us_info_mobile .language,
  #us_info_mobile .curency,
  #us_info_mobile .currency,
  #us_info_mobile .mobile-information-box,
  #us_info_mobile .mobile-shedule-box,
  #us_info_mobile .us_mobile_menu_info-map {
    display: none !important;
  }

  #us_info_mobile .codex-mobile-settings {
    display: grid !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
    padding: 0 0 14px !important;
    border-bottom: 1px solid #edf2f8 !important;
  }

  #us_info_mobile .codex-mobile-setting {
    display: grid !important;
    gap: 7px !important;
  }

  #us_info_mobile .codex-mobile-setting-title {
    margin: 0 !important;
    color: var(--codex-navy) !important;
    font-size: 13px !important;
    line-height: 1.2 !important;
    font-weight: 900 !important;
  }

  #us_info_mobile .codex-mobile-language-choice,
  #us_info_mobile .codex-mobile-currency-choice {
    width: 100% !important;
    min-height: 38px !important;
    padding: 7px 10px !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    border: 1px solid #d8e5f4 !important;
    border-radius: 10px !important;
    background: #f8fbff !important;
    color: var(--codex-navy) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    text-align: left !important;
  }
  #us_info_mobile .codex-mobile-currency-choice strong {
    width: 24px !important;
    height: 24px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 8px !important;
    background: linear-gradient(135deg, var(--codex-blue), var(--codex-red)) !important;
    color: #fff !important;
    font-size: 14px !important;
    line-height: 1 !important;
    flex: 0 0 auto !important;
  }
  #us_info_mobile .codex-mobile-language-choice img {
    width: 22px !important;
    height: auto !important;
    flex: 0 0 auto !important;
  }
  #us_info_mobile .codex-mobile-language-choice.is-active,
  #us_info_mobile .codex-mobile-currency-choice.is-active {
    background: #eef6ff !important;
    border-color: #b8d8ff !important;
    color: var(--codex-blue) !important;
  }
  .codex-mobile-currency-grid,
  .codex-mobile-language-grid {
    display: grid;
    gap: 7px;
  }
  .codex-mobile-info-links {
    display: grid;
    gap: 8px;
    margin-top: 8px;
  }
  .codex-mobile-title-brand {
    background: linear-gradient(135deg, var(--codex-red) 0%, var(--codex-blue) 100%) !important;
    color: #fff !important;
  }
}

/* source: codex-catalog-page-cleanup-style */
.codex-old-brands-row,
.us-carousel-brands-box {
  display: none !important;
}

.codex-register-avatar {
  position: relative !important;
}
.codex-register-avatar::before,
.codex-register-avatar::after {
  margin: 0 !important;
  z-index: 1;
}
.codex-register-avatar::before {
  left: -18px !important;
  right: auto !important;
  top: 54% !important;
}
.codex-register-avatar::after {
  left: auto !important;
  right: -18px !important;
  top: 9px !important;
}

body.codex-full-catalog-page #common-home > :not(.codex-category-showcase):not(script) {
  display: none !important;
}
body.codex-full-catalog-page #common-home {
  padding-top: 28px;
  padding-bottom: 42px;
}
body.codex-full-catalog-page .codex-category-showcase {
  margin-top: 0 !important;
}
body.codex-full-catalog-page .codex-category-head .codex-category-all {
  display: none !important;
}
body.codex-full-catalog-page .codex-category-head h1 {
  margin: 0;
  color: #0a1d38;
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 800;
}
body.codex-full-catalog-page .codex-full-catalog-modal {
  display: none !important;
}

@media (max-width: 767.98px) {
  .codex-register-avatar::before {
    width: 14px !important;
    height: 24px !important;
    left: -12px !important;
    top: 55% !important;
  }
  .codex-register-avatar::after {
    width: 16px !important;
    height: 23px !important;
    right: -12px !important;
    top: 7px !important;
  }
  body.codex-full-catalog-page #common-home {
    padding-top: 16px;
    padding-bottom: 28px;
  }
}

/* source: codex-full-catalog-hero-cleanup */
body.codex-full-catalog-page > .codex-home-promo-wrap { display: none !important; }

/* source: codex-full-directory-v2-style */
.codex-register-avatar::before,
.codex-register-avatar::after {
  width: 14px !important;
  height: 14px !important;
  top: 50% !important;
  margin: 0 !important;
  transform: translateY(-50%) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 3px rgba(255,255,255,.9) !important;
}
.codex-register-avatar::before {
  left: 7px !important;
  right: auto !important;
}
.codex-register-avatar::after {
  left: auto !important;
  right: 7px !important;
}

body.codex-full-catalog-page .codex-category-grid {
  display: none !important;
}
.codex-full-directory-v2 {
  margin-top: 24px;
}
.codex-directory-summary {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px;
  padding: 12px 16px;
  border: 1px solid rgba(11,94,215,.18);
  border-radius: 14px;
  color: #425777;
  background: linear-gradient(135deg, rgba(230,0,30,.035), rgba(11,94,215,.055));
  font-size: 14px;
  line-height: 1.45;
}
.codex-directory-summary strong {
  color: #0a1d38;
}
.codex-directory-groups {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}
.codex-directory-group {
  overflow: hidden;
  border: 1px solid rgba(11,94,215,.16);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(13,42,88,.07);
}
.codex-directory-group.is-large {
  grid-column: span 1;
}
.codex-directory-title {
  display: flex;
  align-items: center;
  gap: 12px;
  min-height: 64px;
  padding: 14px 18px;
  color: #fff !important;
  text-decoration: none !important;
  background: linear-gradient(125deg, #071d43 0%, #0b5ed7 72%, #e6001e 145%);
  font-size: 18px;
  font-weight: 800;
  line-height: 1.25;
}
.codex-directory-title:hover {
  color: #fff !important;
  filter: brightness(1.05);
}
.codex-directory-title .codex-cat-icon {
  display: grid;
  flex: 0 0 38px;
  width: 38px;
  height: 38px;
  place-items: center;
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(135deg, #e6001e, #0b5ed7);
  box-shadow: 0 8px 18px rgba(0,0,0,.16);
}
.codex-directory-title-arrow {
  margin-left: auto;
  font-size: 18px;
  opacity: .9;
}
.codex-directory-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 14px;
}
.codex-directory-link {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 46px;
  padding: 10px 34px 10px 14px;
  border: 1px solid #e3eaf4;
  border-radius: 12px;
  color: #142b4d !important;
  background: #f8fbff;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.3;
  transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.codex-directory-link::after {
  content: '›';
  position: absolute;
  right: 13px;
  top: 50%;
  color: #0b5ed7;
  font-size: 20px;
  transform: translateY(-52%);
}
.codex-directory-link:hover {
  border-color: rgba(11,94,215,.42);
  color: #0b5ed7 !important;
  box-shadow: 0 8px 18px rgba(11,94,215,.08);
  transform: translateY(-1px);
}
.codex-directory-group.is-single .codex-directory-title {
  min-height: 76px;
}

@media (max-width: 991.98px) {
  .codex-directory-groups {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 767.98px) {
  .codex-register-avatar::before,
  .codex-register-avatar::after {
    width: 12px !important;
    height: 12px !important;
    box-shadow: 0 0 0 2px rgba(255,255,255,.92) !important;
  }
  .codex-register-avatar::before {
    left: 6px !important;
  }
  .codex-register-avatar::after {
    right: 6px !important;
  }
  .codex-full-directory-v2 {
    margin-top: 16px;
  }
  .codex-directory-summary {
    align-items: flex-start;
    margin-bottom: 12px;
    padding: 11px 12px;
    border-radius: 12px;
    font-size: 12px;
  }
  .codex-directory-groups {
    gap: 12px;
  }
  .codex-directory-group {
    border-radius: 14px;
  }
  .codex-directory-title {
    min-height: 56px;
    padding: 11px 13px;
    font-size: 15px;
  }
  .codex-directory-title .codex-cat-icon {
    flex-basis: 32px;
    width: 32px;
    height: 32px;
    border-radius: 9px;
  }
  .codex-directory-links {
    grid-template-columns: 1fr;
    gap: 7px;
    padding: 10px;
  }
  .codex-directory-link {
    min-height: 43px;
    padding: 9px 30px 9px 12px;
    border-radius: 10px;
    font-size: 12px;
  }
}

/* source: codex-all-products-v1-style */
html.codex-all-products-page #product-search #content > .codex-all-products-hide {
  display: none !important;
}
html.codex-all-products-page #product-search .codex-all-products-intro {
  position: relative;
  overflow: hidden;
  margin: 0 0 22px;
  padding: 24px 26px;
  border: 1px solid rgba(15, 77, 146, .14);
  border-radius: 18px;
  background: linear-gradient(115deg, rgba(229, 0, 42, .07), rgba(18, 111, 213, .09));
  color: #10233f;
}
html.codex-all-products-page #product-search .codex-all-products-intro:after {
  content: '';
  position: absolute;
  right: -36px;
  top: -52px;
  width: 150px;
  height: 150px;
  border: 18px solid rgba(18, 111, 213, .08);
  border-radius: 50%;
}
html.codex-all-products-page #product-search .codex-all-products-intro strong {
  position: relative;
  z-index: 1;
  display: block;
  margin-bottom: 5px;
  font-size: 20px;
  line-height: 1.3;
  color: #10233f;
}
html.codex-all-products-page #product-search .codex-all-products-intro span {
  position: relative;
  z-index: 1;
  color: #66758a;
  font-size: 15px;
}
html.codex-clean-sale-page #product-special > .content-top-box {
  display: none !important;
}
html.codex-clean-sale-page #product-special .codex-sale-empty {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 44px 28px;
  border: 1px solid rgba(229, 0, 42, .15);
  border-radius: 20px;
  background: linear-gradient(120deg, rgba(229, 0, 42, .07), rgba(18, 111, 213, .08));
  text-align: center;
  color: #10233f;
}
html.codex-clean-sale-page #product-special .codex-sale-empty__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  margin: 0 auto 16px;
  border-radius: 18px;
  background: linear-gradient(135deg, #e5002a, #126fd5);
  color: #fff;
  font-size: 30px;
  font-weight: 800;
  box-shadow: 0 12px 28px rgba(18, 111, 213, .22);
}
html.codex-clean-sale-page #product-special .codex-sale-empty h2 {
  margin: 0 0 8px;
  color: #10233f;
  font-size: 25px;
}
html.codex-clean-sale-page #product-special .codex-sale-empty p {
  max-width: 620px;
  margin: 0 auto 20px;
  color: #66758a;
  font-size: 15px;
}
html.codex-clean-sale-page #product-special .codex-sale-empty a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 0 24px;
  border-radius: 12px;
  background: #126fd5;
  color: #fff !important;
  font-weight: 700;
  text-decoration: none !important;
  box-shadow: 0 10px 22px rgba(18, 111, 213, .2);
}
@media (max-width: 575px) {
  html.codex-all-products-page #product-search .codex-all-products-intro {
    padding: 19px 18px;
    border-radius: 15px;
  }
  html.codex-all-products-page #product-search .codex-all-products-intro strong {
    font-size: 18px;
  }
  html.codex-clean-sale-page #product-special .codex-sale-empty {
    padding: 34px 18px;
    border-radius: 16px;
  }
  html.codex-clean-sale-page #product-special .codex-sale-empty h2 {
    font-size: 22px;
  }
}

/* source: codex-mobile-catalog-overlay-v1-style */
@media(max-width:991.98px){
body.codex-mobile-catalog-open{overflow:hidden!important;overscroll-behavior:none!important}
body.codex-mobile-catalog-open #top{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
#us_menu_mobile_box.codex-mobile-catalog-content{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;box-sizing:border-box!important;padding:max(14px,env(safe-area-inset-top)) 16px calc(28px + env(safe-area-inset-bottom))!important;overflow-x:hidden!important;overflow-y:auto!important;background:#fff!important;z-index:30000!important;isolation:isolate!important}
#us_menu_mobile_box.codex-mobile-catalog-content:not(.expanded){left:-140%!important;right:auto!important}
#us_menu_mobile_box.expanded.codex-mobile-catalog-content{left:0!important;right:0!important}
#us_menu_mobile_box .codex-mobile-catalog-shell{min-height:calc(100dvh - 42px);align-content:start;background:#fff!important}
#us_menu_mobile_box .codex-mobile-overlay-toolbar{min-height:42px;display:flex;align-items:center;justify-content:flex-end;margin:0 0 8px}
#us_menu_mobile_box .codex-mobile-overlay-close{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;background:linear-gradient(135deg,#e6001e,#0b5ed7);color:#fff;font-size:23px;line-height:1;font-weight:700;box-shadow:0 10px 22px rgba(11,94,215,.18)}
}

/* source: codex-mobile-products-v2-style */
/* Quick-view title: clear white header with high-contrast text. */
#us-quickview-modal .modal-header.codex-mobile-title-brand {
  background: #fff !important;
  background-image: none !important;
  border-bottom: 1px solid #dfe6ef !important;
  color: #101828 !important;
}
#us-quickview-modal .modal-header.codex-mobile-title-brand .modal-title {
  color: #101828 !important;
  text-shadow: none !important;
}
#us-quickview-modal .modal-header.codex-mobile-title-brand .us-close {
  background: #fff !important;
  background-image: none !important;
  border-left: 1px solid #e4e9f0 !important;
}
#us-quickview-modal .modal-header.codex-mobile-title-brand .us-modal-close-icon {
  background-color: #101828 !important;
}

/* Two clean product cards per row on phones: all-products and category pages. */
@media (max-width: 575.98px) {
  #product-search #content > .row > .product-layout,
  #product-category #content > .row > .product-layout {
    display: flex !important;
    flex: 0 0 50% !important;
    width: 50% !important;
    max-width: 50% !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    margin-bottom: 10px !important;
  }
  #product-search #content > .row,
  #product-category #content > .row {
    margin-right: -5px !important;
    margin-left: -5px !important;
  }
  #product-search .product-layout .us-module-item,
  #product-category .product-layout .us-module-item {
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    padding: 9px 7px 10px !important;
    border-radius: 12px !important;
  }
  #product-search .product-layout .us-module-img,
  #product-category .product-layout .us-module-img {
    min-height: 145px !important;
    height: 145px !important;
    margin-bottom: 7px !important;
  }
  #product-search .product-layout .us-module-img img,
  #product-category .product-layout .us-module-img img {
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
  }
  #product-search .product-layout .us-module-title,
  #product-category .product-layout .us-module-title {
    min-height: 52px !important;
    margin-bottom: 5px !important;
  }
  #product-search .product-layout .us-module-title a,
  #product-category .product-layout .us-module-title a {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 3 !important;
    font-size: 12.5px !important;
    line-height: 1.35 !important;
  }
  #product-search .product-layout .us-module-rating,
  #product-category .product-layout .us-module-rating {
    display: none !important;
  }
  #product-search .product-layout .us-module-price,
  #product-category .product-layout .us-module-price {
    margin: 4px 0 8px !important;
  }
  #product-search .product-layout .us-module-price-actual,
  #product-category .product-layout .us-module-price-actual {
    font-size: 18px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
  #product-search .product-layout .codex-card-qty,
  #product-category .product-layout .codex-card-qty {
    width: 100% !important;
    height: 40px !important;
    margin: 0 0 8px !important;
  }
  #product-search .product-layout .codex-card-qty button,
  #product-search .product-layout .codex-card-qty input,
  #product-category .product-layout .codex-card-qty button,
  #product-category .product-layout .codex-card-qty input {
    min-width: 0 !important;
    height: 40px !important;
    font-size: 15px !important;
  }
  #product-search .product-layout .us-module-cart-btn,
  #product-category .product-layout .us-module-cart-btn {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 8px 4px !important;
    font-size: 12px !important;
    line-height: 1.15 !important;
    white-space: normal !important;
    border-radius: 8px !important;
  }
  #product-search .product-layout .codex-card-pack,
  #product-category .product-layout .codex-card-pack {
    margin-top: 7px !important;
    font-size: 10px !important;
    line-height: 1.25 !important;
  }
  #product-search .product-layout .us-module-buttons-list,
  #product-category .product-layout .us-module-buttons-list {
    top: 7px !important;
    right: 6px !important;
  }
  #product-search .product-layout .us-module-buttons-item,
  #product-category .product-layout .us-module-buttons-item {
    margin-bottom: 3px !important;
  }
  #product-search .product-layout .us-module-buttons-link,
  #product-category .product-layout .us-module-buttons-link {
    width: 28px !important;
    height: 28px !important;
    font-size: 15px !important;
  }
}

/* The overlay close control must remain tappable above every iOS layer. */
@media (max-width: 991.98px) {
  #us_menu_mobile_box .codex-mobile-overlay-close {
    position: relative !important;
    z-index: 32010 !important;
    pointer-events: auto !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
    cursor: pointer !important;
  }
}

/* source: codex-mobile-cards-oos-v3-style */
@media (max-width: 575.98px) {
  /* Keep packing information in the normal flow, above the action button. */
  #product-search .product-layout .us-module-caption,
  #product-category .product-layout .us-module-caption {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    min-height: 0 !important;
  }
  #product-search .product-layout .codex-card-pack,
  #product-category .product-layout .codex-card-pack {
    position: static !important;
    order: 1 !important;
    width: 100% !important;
    min-height: 26px !important;
    margin: 7px 0 8px !important;
    padding: 0 2px !important;
    overflow: visible !important;
    color: #65758b !important;
    line-height: 1.3 !important;
  }
  #product-search .product-layout .us-module-cart-btn,
  #product-category .product-layout .us-module-cart-btn {
    position: static !important;
    inset: auto !important;
    order: 2 !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    transform: none !important;
  }
}

@media (max-width: 767.98px) {
  /* A quick-view product must always be a clean vertical mobile stack. */
  #us-quickview-modal .us-product-top,
  #us-quickview-modal .us-product-right {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    transform: none !important;
  }
  #us-quickview-modal .us-product-right::before {
    content: none !important;
    display: none !important;
  }
  #us-quickview-modal .us-product-rating-wishlist {
    position: static !important;
    display: flex !important;
    width: 100% !important;
    min-height: 54px !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 1px solid #e5eaf1 !important;
    border-radius: 10px !important;
    background: #fff !important;
    overflow: hidden !important;
  }
  #us-quickview-modal .us-product-info {
    position: static !important;
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    transform: none !important;
  }
  #us-quickview-modal .us-product-info-list {
    display: block !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
  }
  #us-quickview-modal .us-product-info-item.codex-availability-line {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    min-height: 36px !important;
    margin: 0 !important;
    padding: 7px 11px !important;
    white-space: normal !important;
  }
  #us-quickview-modal .us-product-info-item.us-out-of-stock.codex-availability-line::before {
    background: #e6001e !important;
    box-shadow: 0 0 0 4px rgba(230,0,30,.10) !important;
  }
  #us-quickview-modal .us-product-info-item.us-out-of-stock .us-product-info-is {
    color: #c8001b !important;
  }
  #us-quickview-modal .us-price-block {
    position: static !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px 16px !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px !important;
    border: 1px solid #e5eaf1 !important;
    border-radius: 10px !important;
    background: #fff !important;
    transform: none !important;
  }
  #us-quickview-modal .us-price-block .us-price-actual {
    margin: 0 !important;
    color: #101828 !important;
    font-size: 24px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
  }
  #us-quickview-modal .codex-product-article-inline {
    position: static !important;
    display: flex !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 48px !important;
    margin: 12px 0 !important;
    padding: 10px 12px !important;
    transform: none !important;
  }
  #us-quickview-modal .us-popup-view-description {
    position: static !important;
    clear: both !important;
    width: 100% !important;
    height: auto !important;
    margin-top: 12px !important;
    transform: none !important;
  }
}

/* source: codex-card-model-v1-style */
.us-module-item .codex-card-model {
  display: inline-flex !important;
  align-items: center !important;
  align-self: center !important;
  gap: 6px !important;
  max-width: 100% !important;
  min-height: 28px !important;
  margin: 0 0 10px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(11,94,215,.18) !important;
  border-radius: 8px !important;
  background: linear-gradient(135deg, rgba(230,0,30,.045), rgba(11,94,215,.06)) !important;
  color: #101828 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.us-module-item .codex-card-model::before {
  content: "" !important;
  flex: 0 0 7px !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, #e6001e, #0b5ed7) !important;
}
.us-module-item .codex-card-model span {
  color: #65758b !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}
.us-module-item .codex-card-model strong {
  overflow: hidden !important;
  color: #101828 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
}
@media (max-width: 575.98px) {
  #product-search .product-layout .codex-card-model,
  #product-category .product-layout .codex-card-model,
  #product-special .product-layout .codex-card-model,
  #product-manufacturer .product-layout .codex-card-model {
    align-self: stretch !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 25px !important;
    margin: 0 0 7px !important;
    padding: 4px 5px !important;
    gap: 4px !important;
  }
  .us-module-item .codex-card-model span {
    font-size: 8.5px !important;
  }
  .us-module-item .codex-card-model strong {
    min-width: 0 !important;
    font-size: 10.5px !important;
  }
}

/* source: inline-codex-style */
.codex-legal-page{--c-red:#e50028;--c-blue:#1268d5;--c-ink:#071b3a;--c-muted:#62738d;max-width:1220px;margin:0 auto 28px;color:var(--c-ink);font-size:16px;line-height:1.65}
.codex-legal-page *{box-sizing:border-box}.codex-legal-hero{position:relative;overflow:hidden;margin-bottom:20px;padding:34px;border:1px solid #d7e3f2;border-radius:20px;background:linear-gradient(120deg,#fff5f7 0%,#f6f9ff 52%,#edf5ff 100%);box-shadow:0 14px 35px rgba(7,27,58,.08)}
.codex-legal-hero:after{content:"";position:absolute;right:-52px;top:-62px;width:190px;height:190px;border:25px solid rgba(18,104,213,.08);border-radius:50%}.codex-legal-kicker{display:inline-flex;padding:7px 12px;border-radius:999px;background:linear-gradient(135deg,var(--c-red),var(--c-blue));color:#fff;font-size:12px;font-weight:900;letter-spacing:.06em}.codex-legal-hero h2{position:relative;z-index:1;margin:14px 0 8px;color:var(--c-ink);font-size:clamp(26px,3vw,40px);line-height:1.15}.codex-legal-hero p{position:relative;z-index:1;max-width:850px;margin:0;color:var(--c-muted)}
.codex-legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.codex-legal-card{display:flex;gap:16px;min-height:145px;padding:22px;border:1px solid #dce5f0;border-radius:17px;background:#fff;box-shadow:0 10px 25px rgba(7,27,58,.06)}.codex-legal-card-accent{background:linear-gradient(135deg,#fff6f7,#f0f6ff)}.codex-legal-icon,.codex-legal-number{display:flex;flex:0 0 48px;width:48px;height:48px;align-items:center;justify-content:center;border-radius:14px;background:linear-gradient(135deg,var(--c-red),var(--c-blue));color:#fff;font-size:22px;font-weight:900;box-shadow:0 8px 18px rgba(18,104,213,.2)}.codex-legal-number{font-size:20px}.codex-legal-card h3,.codex-legal-section h3{margin:0 0 7px;color:var(--c-ink);font-size:20px;line-height:1.25}.codex-legal-card p,.codex-legal-section p{margin:0;color:var(--c-muted)}
.codex-legal-section{margin-top:16px;padding:24px;border:1px solid #dce5f0;border-radius:17px;background:#fff;box-shadow:0 9px 24px rgba(7,27,58,.05)}.codex-legal-list{margin:10px 0 0;padding:0;list-style:none}.codex-legal-list li{position:relative;margin:7px 0;padding-left:26px;color:#52647e}.codex-legal-list li:before{content:"✓";position:absolute;left:0;top:0;color:var(--c-blue);font-weight:900}.codex-legal-note{margin-top:14px!important;padding:13px 15px;border-left:4px solid var(--c-red);border-radius:0 10px 10px 0;background:#fff5f6;color:var(--c-ink)!important}.codex-legal-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.codex-legal-steps>div{display:flex;gap:11px;padding:15px;border-radius:13px;background:#f6f9fd;color:#53657f}.codex-legal-steps b{display:flex;flex:0 0 30px;width:30px;height:30px;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--c-red),var(--c-blue));color:#fff}.codex-legal-privacy{background:linear-gradient(120deg,#fff8f9,#f3f7ff)}.codex-legal-page a{color:#0756c9;font-weight:700;text-decoration:underline}.codex-legal-source{margin:16px 2px 0!important;color:#718096!important;font-size:13px}
/* codex-qty-white-v1 */
.codex-card-qty,.us-product-quantity,.us-product-quantity-control,.us-product-quantity-btn,.codex-card-qty button,.codex-brand-qty-button{background:#fff!important;background-color:#fff!important;background-image:none!important}
.codex-card-qty,.us-product-quantity,.us-product-quantity-control{border-color:#d7e0ec!important}
.codex-card-qty button,.us-product-quantity-btn,.codex-brand-qty-button{color:#071b3a!important;border-color:#d7e0ec!important;box-shadow:none!important}
.codex-card-qty button:hover,.codex-card-qty button:focus,.us-product-quantity-btn:hover,.us-product-quantity-btn:focus,.codex-brand-qty-button:hover,.codex-brand-qty-button:focus{background:#f7f9fc!important;background-color:#f7f9fc!important;background-image:none!important;color:#0756c9!important}
@media(max-width:767.98px){.codex-legal-page{font-size:15px}.codex-legal-hero{padding:24px 20px;border-radius:16px}.codex-legal-grid{grid-template-columns:1fr;gap:12px}.codex-legal-card{min-height:0;padding:18px}.codex-legal-section{padding:19px}.codex-legal-steps{grid-template-columns:1fr}.codex-legal-hero h2{font-size:27px}.codex-legal-card h3,.codex-legal-section h3{font-size:18px}}

/* source: inline-codex-style */
/* Larger, always-white quantity controls: product page and quick view */
html body .us-product-quantity .us-product-quantity-btn.codex-brand-qty-button,
html body #us-quickview-modal .us-product-quantity-btn.codex-brand-qty-button,
html body .modal.show .us-product-quantity-btn.codex-brand-qty-button {
  display:flex!important;
  flex:0 0 42px!important;
  align-items:center!important;
  justify-content:center!important;
  width:42px!important;
  min-width:42px!important;
  max-width:42px!important;
  height:40px!important;
  min-height:40px!important;
  padding:0!important;
  border:1px solid #d7e0ec!important;
  border-radius:0!important;
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:#0756c9!important;
  box-shadow:none!important;
  font-size:20px!important;
  font-weight:800!important;
  line-height:1!important;
  text-shadow:none!important;
}
html body .us-product-quantity .us-product-quantity-btn.codex-brand-qty-button:hover,
html body .us-product-quantity .us-product-quantity-btn.codex-brand-qty-button:focus,
html body .us-product-quantity .us-product-quantity-btn.codex-brand-qty-button:focus-visible,
html body .us-product-quantity .us-product-quantity-btn.codex-brand-qty-button:active,
html body .us-product-quantity .us-product-quantity-btn.codex-brand-qty-button.active,
html body #us-quickview-modal .us-product-quantity-btn.codex-brand-qty-button:hover,
html body #us-quickview-modal .us-product-quantity-btn.codex-brand-qty-button:focus,
html body #us-quickview-modal .us-product-quantity-btn.codex-brand-qty-button:focus-visible,
html body #us-quickview-modal .us-product-quantity-btn.codex-brand-qty-button:active,
html body .modal.show .us-product-quantity-btn.codex-brand-qty-button:hover,
html body .modal.show .us-product-quantity-btn.codex-brand-qty-button:focus,
html body .modal.show .us-product-quantity-btn.codex-brand-qty-button:focus-visible,
html body .modal.show .us-product-quantity-btn.codex-brand-qty-button:active {
  border-color:#b9cbe2!important;
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:#0756c9!important;
  box-shadow:0 0 0 3px rgba(18,104,213,.12)!important;
  outline:0!important;
}
html body .us-product-quantity,
html body #us-quickview-modal .us-product-quantity,
html body .modal.show .us-product-quantity {
  min-height:40px!important;
  border-color:#d7e0ec!important;
  background:#fff!important;
  background-image:none!important;
}
html body .us-product-quantity input,
html body #us-quickview-modal .us-product-quantity input,
html body .modal.show .us-product-quantity input {
  height:40px!important;
  min-height:40px!important;
  border-color:#d7e0ec!important;
  background:#fff!important;
  color:#071b3a!important;
  font-size:16px!important;
  font-weight:800!important;
  text-align:center!important;
}
/* The same white state is preserved on product cards after a tap. */
html body .codex-card-qty button.codex-brand-qty-button:hover,
html body .codex-card-qty button.codex-brand-qty-button:focus,
html body .codex-card-qty button.codex-brand-qty-button:focus-visible,
html body .codex-card-qty button.codex-brand-qty-button:active {
  background:#fff!important;
  background-color:#fff!important;
  background-image:none!important;
  color:#0756c9!important;
  box-shadow:inset 0 0 0 1px #d7e0ec!important;
  outline:0!important;
}

/* source: codex-mobile-info-overlay-v1-style */
@media(max-width:991.98px){
html.codex-mobile-info-open,body.codex-mobile-info-open{overflow:hidden!important;overscroll-behavior:none!important}
body.codex-mobile-info-open #us_info_mobile.expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:100dvh!important;max-height:100dvh!important;overflow:hidden!important;background:#fff!important;z-index:32000!important;isolation:isolate!important}
body.codex-mobile-info-open #us_info_mobile.expanded>.modal-header{position:relative!important;z-index:2!important;min-height:50px!important;background:linear-gradient(110deg,#e6001e 0%,#0b5ed7 100%)!important}
body.codex-mobile-info-open #us_info_mobile.expanded .codex-mobile-info-content{height:calc(100dvh - 50px)!important;min-height:0!important;max-height:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;background:#fff!important;padding-bottom:calc(32px + env(safe-area-inset-bottom))!important}
}

/* Server-rendered bilingual checkout copy: only the active language paints. */
.codex-lang-ru{display:none!important}
html[lang^="ru"] .codex-lang-ua{display:none!important}
html[lang^="ru"] .codex-lang-ru{display:inline!important}
html[lang^="uk"] .codex-lang-ua{display:inline!important}
html[lang^="uk"] .codex-lang-ru{display:none!important}

/* codex-v18: stable server-rendered topbar and usable checkout controls */
#top.codex-modern-top #language .dropdown-toggle,
#top.codex-modern-top #currency .dropdown-toggle,
#top.codex-modern-top .codex-callback-btn{contain:layout style;}
#collapse-payment-method .codex-preview-comment{grid-column:1/-1!important;display:block!important;margin:4px 0 0!important;padding:0!important;}
#collapse-payment-method .codex-preview-comment label{display:block!important;margin:0 0 8px!important;color:#102945!important;font-size:14px!important;font-weight:850!important;}
#collapse-payment-method .codex-preview-comment textarea{display:block!important;width:100%!important;min-height:92px!important;padding:14px 15px!important;border:1px solid #cfdeee!important;border-radius:13px!important;background:#fff!important;color:#102945!important;resize:vertical!important;box-shadow:none!important;}
#collapse-payment-method .codex-preview-comment small{display:block!important;margin-top:7px!important;color:#61738a!important;font-size:12px!important;line-height:1.45!important;}
#collapse-payment-method .codex-comment-payload{display:none!important;}
#collapse-payment-method .codex-approved-agree{display:flex!important;align-items:center!important;gap:11px!important;}
#collapse-payment-method .codex-approved-agree>input[name="agree"]{position:static!important;display:block!important;visibility:visible!important;opacity:1!important;clip:auto!important;clip-path:none!important;width:22px!important;height:22px!important;min-width:22px!important;margin:0!important;accent-color:#f00046!important;pointer-events:auto!important;}
#collapse-payment-method .codex-approved-agree>label{display:block!important;margin:0!important;padding:0!important;color:#102945!important;cursor:pointer!important;}
#collapse-payment-method .codex-approved-agree>label:before,
#collapse-payment-method .codex-approved-agree>label:after{display:none!important;content:none!important;}

/* codex-navigation-stability-v18-11 */
html {
  background: #f6f8fb;
  scrollbar-gutter: stable;
}
body {
  background: #f6f8fb;
}

@view-transition {
  navigation: auto;
}

#top {
  view-transition-name: codex-topbar;
}
header.codex-second-header {
  view-transition-name: codex-header;
}
.menu-row.codex-menu-redesign {
  view-transition-name: codex-main-menu;
}

@media (min-width: 992px) {
  #top {
    min-height: 46px;
  }
  header.codex-second-header {
    min-height: 115px;
  }
  .menu-row.codex-menu-redesign {
    min-height: 50px;
  }
}

::view-transition-group(codex-topbar),
::view-transition-group(codex-header),
::view-transition-group(codex-main-menu),
::view-transition-old(codex-topbar),
::view-transition-new(codex-topbar),
::view-transition-old(codex-header),
::view-transition-new(codex-header),
::view-transition-old(codex-main-menu),
::view-transition-new(codex-main-menu) {
  animation: none !important;
  mix-blend-mode: normal;
}

::view-transition-old(root) {
  animation: none !important;
  opacity: 0;
}
::view-transition-new(root) {
  animation: none !important;
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
}

/* Furnitura Next: the mobile header participates in normal document flow.
   The legacy theme reserves 50px for a fixed bar, which creates a blank strip. */
@media (max-width: 991.98px) {
  html body {
    padding-top: 0 !important;
  }

  .breadcrumb.us-breadcrumb {
    -ms-overflow-style: none;
    scrollbar-width: none;
  }

  .breadcrumb.us-breadcrumb::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
}

/* codex-search-layer-v18-15: live results must paint above menu and homepage promo */
header.codex-second-header {
  position: relative !important;
  z-index: 10080 !important;
  overflow: visible !important;
}
header.codex-second-header #search.codex-search-open,
header.codex-second-header #us_livesearch.expanded {
  z-index: 10090 !important;
}
/* furnitura-next-parity-v1:start */
#checkout-cart .codex-cart-primary,#checkout-cart .codex-cart-primary:visited{background:#fff!important;background-image:none!important;color:#111827!important;border:1px solid #cbd5e1!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important;text-shadow:none!important}
#checkout-cart .codex-cart-primary i,#checkout-cart .codex-cart-primary span{color:#111827!important}
#checkout-cart .codex-cart-primary:hover,#checkout-cart .codex-cart-primary:focus{background:#f8fafc!important;color:#020617!important;border-color:#94a3b8!important}
#checkout-cart .codex-cart-trust{margin-top:12px!important;padding:10px 12px!important;border:1px solid #bbf7d0!important;border-radius:12px!important;background:#f0fdf4!important;color:#166534!important}
#checkout-cart .codex-cart-trust span,#checkout-cart .codex-cart-trust i{color:#166534!important}
/* furnitura-next-parity-v1:end */

/* Desktop navigation: the left list links to categories; top mega menus remain expandable. */
.next-category-icon { display: none; }
@media (min-width: 992px) {
  .menu-row.codex-menu-redesign #oct-menu-dropdown-menu #oct-menu-ul .oct-menu-child-ul,
  #oct-menu-dropdown-menu .oct-menu-toggle { display: none !important; }
  #oct-menu-dropdown-menu > .oct-menu-parent-ul > li > a,
  #oct-menu-dropdown-menu > .oct-menu-parent-ul > li > div > a {
    display: flex !important; align-items: center; gap: 12px;
    width: 100%; min-height: 54px; padding: 10px 18px !important;
    color: #102747 !important; white-space: normal;
  }
  #oct-menu-dropdown-menu .next-category-icon {
    display: inline-flex; align-items: center; justify-content: center;
    flex: 0 0 32px; width: 32px; height: 32px; border-radius: 9px;
    background: #edf4ff; color: #1261cf; font-size: 17px;
    transition: color .15s, background-color .15s;
  }
  #oct-menu-dropdown-menu a:hover .next-category-icon,
  #oct-menu-dropdown-menu a:focus-visible .next-category-icon {
    background: #ed0034; color: #fff;
  }
  #oct-menu-dropdown-menu .oct-menu-item-name { min-width: 0; line-height: 1.35; }
  .codex-menu-redesign .oct-mm-dropdown .oct-mm-hassubchild { min-width: 0; margin-bottom: 20px; }
  .codex-menu-redesign .oct-mm-dropdown .oct-mm-parent-link {
    width: 100%; max-width: 100%; min-width: 0; height: auto !important;
    white-space: normal !important; align-items: center;
  }
  .codex-menu-redesign .oct-mm-dropdown .oct-mm-parent-title {
    display: block !important; position: static !important;
    width: 100%; max-width: 100%; min-width: 0; height: auto !important;
    white-space: normal !important; overflow-wrap: anywhere; word-break: normal;
    line-height: 1.4 !important; margin: 10px 0 0 !important;
  }
}

/* Left category links stay readable in hover/focus/open states. */
@media(min-width:992px){
.menu-row.codex-menu-redesign #oct-menu-dropdown-menu #oct-menu-ul .oct-menu-a,
.menu-row.codex-menu-redesign #oct-menu-dropdown-menu #oct-menu-ul .oct-menu-item-name {color:#111!important;}
}

/* Mobile information uses the real OpenCart forms, not discarded legacy clones. */
@media(max-width:991.98px){
 #top #dropdown_menu_info #us_info_mobile .next-mobile-info-content > ul,
 #top #dropdown_menu_info #us_info_mobile .next-mobile-settings #language,
 #top #dropdown_menu_info #us_info_mobile .next-mobile-settings #currency {display:block!important;visibility:visible!important;opacity:1!important;}
 #top #dropdown_menu_info #us_info_mobile .next-mobile-info-content {
   height:calc(100dvh - 50px)!important;min-height:0!important;max-height:none!important;
   padding:16px 16px calc(28px + env(safe-area-inset-bottom))!important;
   overflow-y:auto!important;overflow-x:hidden!important;background:#fff!important;text-align:left!important;
 }
 #top #dropdown_menu_info #us_info_mobile .next-mobile-settings {display:grid!important;grid-template-columns:1fr;gap:16px!important;}
 #top #us_info_mobile .next-mobile-settings form,
 #top #us_info_mobile .next-mobile-settings .btn-group {display:block!important;height:auto!important;width:100%!important;}
 #top #us_info_mobile .next-mobile-settings .dropdown-toggle {display:none!important;}
 #top #us_info_mobile .next-mobile-settings .dropdown-menu {
   position:static!important;display:grid!important;grid-template-columns:1fr 1fr;gap:8px;
   float:none!important;transform:none!important;opacity:1!important;visibility:visible!important;
   width:100%!important;min-width:0!important;margin:8px 0 0!important;padding:0!important;border:0!important;box-shadow:none!important;background:#fff!important;
 }
 #top #us_info_mobile .next-mobile-settings .dropdown-menu button {
   margin:0!important;min-height:44px;padding:10px!important;border:1px solid #dce5f2!important;
   border-radius:10px!important;background:#fff!important;color:#111!important;white-space:normal!important;font-weight:700;
 }
 #top #us_info_mobile .next-mobile-settings .dropdown-menu button.active-item {border-color:#1261cf!important;background:#edf4ff!important;}
 #top #us_info_mobile .next-mobile-settings .mobile-info-title {display:block!important;color:#111!important;margin:0!important;}
 #top #us_info_mobile .next-mobile-settings img {display:inline-block!important;width:22px!important;height:auto!important;margin-right:8px;}
 #top #us_info_mobile .next-mobile-info-content > ul {margin:12px 0!important;padding:0!important;list-style:none!important;}
 #top #us_info_mobile .next-mobile-info-content > ul >li {display:block!important;}
 #top #us_info_mobile .next-mobile-info-content > ul a {display:block!important;padding:12px!important;margin:6px 0!important;border:1px solid #e0e7f0;border-radius:10px;color:#111!important;background:#fff!important;font-size:15px!important;line-height:1.4!important;}
 #us_menu_mobile_box #us_menu_mobile_content.codex-mobile-catalog-content {padding:16px 16px 26px!important;margin:0!important;}
 #us_menu_mobile_box #us_menu_mobile_title.modal-header,
 #top #dropdown_menu_info #us_info_mobile > .modal-header {background:#fff!important;color:#111!important;border-bottom:1px solid #e5eaf1!important;}
 #us_menu_mobile_box #us_menu_mobile_title .modal-title,
 #top #dropdown_menu_info #us_info_mobile > .modal-header .modal-title {color:#111!important;}
 #us_menu_mobile_box #us_menu_mobile_close,
 #top #us_info_mobile #us_info_mobile_close {background:#fff!important;}
 #us_menu_mobile_box #us_menu_mobile_close .us-modal-close-icon,
 #top #us_info_mobile #us_info_mobile_close .us-modal-close-icon {background:#111!important;}
 #top #dropdown_menu_info:before {content:'i'!important;font-family:Georgia,serif!important;font-weight:700!important;font-size:24px!important;color:#fff!important;display:flex!important;align-items:center;justify-content:center;}
 #top .us-mobile-top-btn-wishlist,#top .us-mobile-top-btn-compare {background:transparent!important;position:relative!important;}
 #top .us-mobile-top-btn-wishlist >.us-mobile-top-btn-item,
 #top .us-mobile-top-btn-compare >.us-mobile-top-btn-item {display:flex!important;align-items:center!important;justify-content:center!important;width:38px!important;height:38px!important;border-radius:12px!important;background:rgba(255,255,255,.08)!important;border:1px solid rgba(255,255,255,.16)!important;}
 #top .us-mobile-top-btn-wishlist img,#top .us-mobile-top-btn-compare img {width:25px!important;height:25px!important;object-fit:contain!important;}
 #top .us-mobile-top-btn .next-mobile-count {position:absolute!important;top:4px!important;right:4px!important;min-width:18px!important;height:18px!important;padding:0 4px!important;border-radius:9px!important;background:#ed0034!important;color:#fff!important;font-size:11px!important;line-height:18px!important;text-align:center!important;box-sizing:border-box!important;}
}

/* Mobile-only finishing: information cards, aligned controls, visible close. */
@media(max-width:991.98px){
 #us_menu_mobile_box #us_menu_mobile_close .us-modal-close-icon,
 #top #us_info_mobile #us_info_mobile_close .us-modal-close-icon {background:#ed0034!important;border-color:#ed0034!important;box-shadow:none!important;}
 #us_menu_mobile_box #us_menu_mobile_close,
 #top #us_info_mobile #us_info_mobile_close {color:#ed0034!important;}
 #top #dropdown_menu_info:before {content:'\f05a'!important;font-family:'Font Awesome 5 Free'!important;font-weight:900!important;font-size:24px!important;text-transform:none!important;}
 #top .us-mobile-top-btn {display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;padding:0!important;}
 #top .us-mobile-top-btn > .us-mobile-top-btn-item {display:flex!important;align-items:center!important;justify-content:center!important;position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;transform:none!important;margin:0!important;width:38px!important;height:38px!important;border-radius:12px!important;border:1px solid rgba(255,255,255,.16)!important;background:rgba(255,255,255,.08)!important;}
 #top .us-mobile-top-btn img {display:block!important;position:static!important;transform:none!important;margin:0!important;width:25px!important;height:25px!important;}
 #top .us-mobile-top-btn #mobile_cart_index,
 #top .us-mobile-top-btn .next-mobile-count {position:absolute!important;top:4px!important;right:4px!important;left:auto!important;bottom:auto!important;transform:none!important;min-width:18px!important;height:18px!important;line-height:18px!important;padding:0 4px!important;border-radius:12px!important;background:#ed0034!important;color:#fff!important;font-size:11px!important;text-align:center!important;box-sizing:border-box!important;}
 #top #dropdown_menu_info #us_info_mobile .next-mobile-info-content > ul.mobile-information-box a {display:flex!important;align-items:center!important;gap:12px!important;padding:10px 12px!important;min-height:58px!important;border-radius:14px!important;text-decoration:none!important;font-weight:700!important;color:#101e32!important;box-shadow:0 6px 18px rgba(14,37,67,.06)!important;}
 #top #us_info_mobile .next-info-icon {display:flex!important;flex:0 0 36px!important;width:36px!important;height:36px!important;align-items:center!important;justify-content:center!important;border-radius:11px!important;background:linear-gradient(135deg,#ed0034,#0864d9)!important;color:#fff!important;}
 #top #us_info_mobile .next-info-icon i {font-size:17px!important;color:#fff!important;}
 #top #us_info_mobile .next-mobile-settings {padding:14px!important;border:1px solid #e1e7f1!important;border-radius:14px!important;background:linear-gradient(135deg,#fff8fa,#f4f8ff)!important;}
 #top #us_info_mobile .next-mobile-settings .dropdown-menu {background:transparent!important;}
 #top #us_info_mobile .next-mobile-settings button:after {display:none!important;}
}

@media(max-width:991.98px){#top #us_info_mobile .next-info-icon .fa-phone-alt:before{content:"\f095"!important;}#top .us-mobile-top-btn #mobile_cart_index,#top .us-mobile-top-btn .next-mobile-count{margin:0!important;}.next-mobile-latest #content > label[for="input-search"],.next-mobile-latest #content > .row:has(#input-search),.next-mobile-latest #content > .us-search-block,.next-mobile-latest #content > .us-content-search-title{display:none!important;}}
@media(max-width:991.98px){#top .us-mobile-top-btn > .us-mobile-top-btn-item{width:48px!important;max-width:calc(100% - 8px)!important;height:32px!important;border-radius:999px!important;}#top #us_info_mobile .next-mobile-settings .language-select:before,#top #us_info_mobile .next-mobile-settings .currency-select:before,#top #us_info_mobile .next-mobile-settings .language-select:after,#top #us_info_mobile .next-mobile-settings .currency-select:after{display:none!important;content:none!important;}}
/* One mobile cart-button palette across home, category and search listings. */
@media(max-width:991.98px){body .us-module-item .us-module-cart-btn,#content .us-module-item .us-module-cart-btn,#common-home .us-module-item .us-module-cart-btn{background:#1261d9!important;background-image:none!important;border-color:#1261d9!important;color:#fff!important;}body .us-module-item .us-module-cart-btn:is(:hover,:focus,:active),#content .us-module-item .us-module-cart-btn:is(:hover,:focus,:active),#common-home .us-module-item .us-module-cart-btn:is(:hover,:focus,:active){background:#ed0034!important;background-image:none!important;border-color:#ed0034!important;color:#fff!important;}body .us-module-item .us-module-cart-btn *,#content .us-module-item .us-module-cart-btn *,#common-home .us-module-item .us-module-cart-btn *{color:#fff!important;}}
body>.alert-block.next-cart-toast .us-alert-text{padding-right:44px!important;}body>.alert-block.next-cart-toast .next-cart-toast-close{position:absolute;right:4px;top:4px;width:36px;height:36px;border:0;border-radius:8px;background:#fff;color:#ed0034;font-size:28px;line-height:32px;font-weight:700;z-index:2;cursor:pointer;}body>.alert-block.next-cart-toast .next-cart-toast-close:focus-visible{outline:2px solid #1261d9;}
@media(max-width:991.98px){#us_info_mobile .next-info-contact-card{list-style:none!important;background:#fff!important;border:1px solid #dce5f2!important;border-radius:14px!important;padding:16px!important;margin:14px 0!important;box-shadow:0 5px 18px rgba(16,40,70,.05)}#us_info_mobile .next-info-card-title{display:flex!important;align-items:center;gap:10px;padding:0!important;margin:0 0 10px!important;color:#111!important;font-size:16px!important;line-height:1.4}#us_info_mobile .next-info-card-title .next-info-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#ed0034,#1261d9);color:#fff}#us_info_mobile .next-info-card-body{padding:0 0 0 44px!important;margin:0!important;color:#172b45!important;font-size:15px!important;line-height:1.6!important}#us_info_mobile .next-info-card-body>a{display:block!important;padding:0!important;color:#172b45!important;font-size:15px!important;line-height:1.6!important;text-decoration:none!important;white-space:normal!important}#us_info_mobile .next-info-hours{display:block;color:#1261d9;font-size:21px;line-height:1.5;letter-spacing:.3px}#us_info_mobile .next-info-card-body small{display:block;font-size:13px;color:#64748b}body #collapse-payment-address fieldset#account>.form-group.codex-field-patronymic{order:0!important}}
@media(max-width:991.98px){#us_info_mobile .mobile-shedule-box.next-info-contact-card>li:not(.next-info-card-title):not(.next-info-card-body){display:none!important}body #checkout-checkout #collapse-payment-address fieldset#account>.form-group.codex-field-patronymic{order:0!important}}
@media(max-width:991.98px){#top #dropdown_menu_info #us_info_mobile .next-info-contact-card{list-style:none!important;background:#fff!important;border:1px solid #dce5f2!important;border-radius:14px!important;padding:16px!important;margin:14px 0!important;box-shadow:0 5px 18px rgba(16,40,70,.05)}#top #dropdown_menu_info #us_info_mobile .next-info-card-title{display:flex!important;align-items:center;gap:10px;padding:0!important;margin:0 0 10px!important;color:#111!important;font-size:16px!important;line-height:1.4}#top #dropdown_menu_info #us_info_mobile .next-info-card-title .next-info-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#ed0034,#1261d9);color:#fff}#top #dropdown_menu_info #us_info_mobile .next-info-card-body{padding:0 0 0 44px!important;margin:0!important;color:#172b45!important;font-size:15px!important;line-height:1.6!important}#top #dropdown_menu_info #us_info_mobile .next-info-card-body>a{display:block!important;padding:0!important;color:#172b45!important;font-size:15px!important;line-height:1.6!important;text-decoration:none!important;white-space:normal!important}#top #dropdown_menu_info #us_info_mobile .next-info-hours{display:block;color:#1261d9;font-size:21px;line-height:1.5;letter-spacing:.3px}#top #dropdown_menu_info #us_info_mobile .next-info-card-body small{display:block;font-size:13px;color:#64748b}body #collapse-payment-address fieldset#account>.form-group.codex-field-patronymic{order:0!important}}@media(max-width:991.98px){#top #dropdown_menu_info #us_info_mobile .mobile-shedule-box.next-info-contact-card>li:not(.next-info-card-title):not(.next-info-card-body){display:none!important}body #checkout-checkout #collapse-payment-address fieldset#account>.form-group.codex-field-patronymic{order:0!important}}@media(max-width:991.98px){#top #dropdown_menu_info #us_info_mobile .next-info-card-body>a{border:0!important;margin:0!important;background:transparent!important;box-shadow:none!important}}
/* Checkout on all screens: retain the submitted payload, display one comment editor. */
body #checkout-checkout #collapse-payment-method textarea[name="comment"]:not(#codex-order-comment-preview){display:none!important;visibility:hidden!important;}
body #checkout-checkout .codex-confirm-feedback{margin-top:12px;color:#14283f;font-size:14px;line-height:1.5;white-space:normal;}

/* Checkout carrier touch targets and stable, permanently open one-page sections. */
body #checkout-checkout #collapse-payment-address,
body #checkout-checkout #collapse-shipping-method,
body #checkout-checkout #collapse-payment-method{transition:none!important;animation:none!important;height:auto!important;}
body #checkout-checkout .codex-preview-option{min-height:44px;touch-action:manipulation;white-space:normal;line-height:1.4;}
body #checkout-checkout .codex-combobox button{min-width:44px;min-height:44px;touch-action:manipulation;}
body #checkout-checkout .codex-preview-options{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;}
@media(max-width:991.98px){body #checkout-checkout input.form-control,body #checkout-checkout #codex-preview-city,body #checkout-checkout #codex-preview-warehouse,body #checkout-checkout textarea{font-size:16px!important;}body #checkout-checkout .codex-preview-option:active{background:#eaf2ff;color:#102945;}}

/* Consolidated header-photo-v1.css */
/* Compact top controls and always visible comparison entry. */
html body #top #top-links #form-language,html body #top #top-links #form-currency{display:flex!important;align-items:center!important;}
html body #top #top-links #form-language>.btn-group,html body #top #top-links #form-currency>.btn-group{height:auto!important;align-items:center!important;}
html body #top #top-links #form-language>.btn-group>button,html body #top #top-links #form-currency>.btn-group>button{height:32px!important;min-height:32px!important;padding:3px 10px!important;}
.us-mobile-top-btn-wishlist,.us-mobile-top-btn-compare{position:relative;}
.next-mobile-count{position:absolute;right:2px;top:4px;min-width:17px;height:17px;padding:0 4px;border-radius:10px;background:#ec0038;color:#fff;font-size:10px;line-height:17px;text-align:center;}
#top-links #form-language>.btn-group>button,#top-links #form-currency>.btn-group>button,#top-links #form-language>div>button,#top-links #form-currency>div>button{height:32px!important;min-height:32px!important;padding:3px 10px!important;border-radius:18px!important;line-height:1.1!important;font-size:11px!important;}
#top-links #form-language,#top-links #form-currency{align-self:center!important;}
#top-links #form-language img{width:19px!important;height:auto!important;}
#top-links #form-language small{font-size:8px!important;line-height:1!important;}
header.codex-second-header .codex-header-compare{display:flex;align-items:center;gap:7px;flex:0 0 auto;min-height:46px;padding:8px 9px;border:1px solid #cbdcf1;border-radius:11px;background:#f8fbff;color:#102a4d;text-decoration:none;}
header.codex-second-header .codex-header-compare>i{font-size:23px;color:#1465d9;}
header.codex-second-header .codex-header-compare>span{font-size:11px;font-weight:700;line-height:1.2;}
header.codex-second-header .codex-header-compare small{display:block;font-size:10px;margin-top:3px;}
header.codex-second-header .codex-header-compare:hover{border-color:#1465d9;background:#edf4ff;}
header.codex-second-header .codex-search-wrap{min-width:150px;}
@media(max-width:767px){header.codex-second-header .codex-header-compare{display:none!important;}}
#next-photo-zoom{padding:0;border:0;border-radius:12px;background:#fff;width:min(1200px,96vw);height:94dvh;max-width:96vw;max-height:94dvh;color:#111;overflow:hidden;}
#next-photo-zoom::backdrop{background:rgba(6,17,35,.88);}
#next-photo-zoom[open]{position:fixed!important;inset:0!important;margin:auto!important;}
#next-photo-zoom .next-zoom-toolbar{display:flex;align-items:center;gap:10px;height:58px;padding:6px 12px;border-bottom:1px solid #dde5ef;background:#fff;}
#next-photo-zoom button{min-width:44px;height:44px;border:0;border-radius:8px;background:#1465d9;color:#fff;font-size:22px;font-weight:700;cursor:pointer;}
#next-photo-zoom button:hover{background:#ec0038;}
#next-photo-zoom button:focus-visible{outline:3px solid #111;outline-offset:2px;}
#next-photo-zoom [data-z=reset]{font-size:14px;padding:0 12px;}
#next-photo-zoom [data-z=close]{margin-left:auto;background:#ec0038;font-size:32px;}
#next-photo-zoom output{font-size:14px;min-width:48px;text-align:center;}
#next-photo-zoom .next-zoom-stage{height:calc(100% - 58px);display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none;cursor:grab;user-select:none;}
#next-photo-zoom .next-zoom-stage:active{cursor:grabbing;}
#next-photo-zoom img{max-width:none!important;max-height:none!important;object-fit:contain;flex-shrink:0;pointer-events:none;transform-origin:center;}
@media(min-width:992px) and (hover:hover) and (pointer:fine){.popup-product-photo,#product-product .us-product-photo-main a.oct-gallery{cursor:zoom-in;}}
@media(max-width:991px),(hover:none),(pointer:coarse){.popup-product-photo,#product-product .us-product-photo-main a.oct-gallery{cursor:default;touch-action:auto;}}
.popup-product-photo:focus-visible{outline:3px solid #1465d9;outline-offset:3px;}
/* Contacts use the same red / blue palette as the information pages. */
body .fz-contact-hero{border-color:#dbe4f2;background:linear-gradient(120deg,#fff3f7,#edf5ff);}
body .fz-contact-hero:after{border-color:rgba(20,101,217,.10);}
body .fz-contact-label{background:#ffe6ed;color:#d90032;}
body .fz-contact-label span{background:#ec0038;}
body .fz-contact-icon{background:linear-gradient(135deg,#ec0038,#1465d9);color:#fff;}
body .fz-contact-title,body .fz-contact-card h2{color:#102747;}
body .fz-contact-card a{color:#1465d9;}
body .fz-contact-card a:hover{color:#ec0038;}
body .fz-contact-notice{border-color:#dbe4f2;background:linear-gradient(120deg,#fff3f7,#edf5ff);}

/* Consolidated account-modal.css */
/* Restore the account palette also in the independent login popup. */
body #loginModal .modal-content{border:1px solid #d7e4f3;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 18px 42px rgba(7,27,58,.18);}
body #loginModal .modal-header{background:linear-gradient(110deg,#e6001e,#0b5ed7);border:0;align-items:center;min-height:58px;padding:16px 62px 16px 24px;}
body #loginModal .modal-title{color:#fff;font-size:21px;font-weight:800;line-height:1.25;}
body #loginModal .us-close{background:#e6001e;opacity:1;right:0;top:0;width:54px;height:58px;}
body #loginModal .us-close span{background:#fff!important;}
body #loginModal .modal-body{padding:26px;background:#fff;color:#071b3a;}
body #loginModal .form-control{border:1px solid #d7e4f3;border-radius:10px;min-height:46px;background:#fff;color:#111;font-size:16px;}
body #loginModal .form-control:focus{border-color:#0b5ed7;box-shadow:0 0 0 3px rgba(11,94,215,.12);}
body #loginModal .form-control::placeholder{color:#53647b;opacity:1;}
body #loginModal .login-popup-links{gap:12px;flex-wrap:wrap;}
body #loginModal .login-popup-links a{color:#0b5ed7;font-size:14px;font-weight:600;}
body #loginModal #popup-login-button{background:#0b5ed7;color:#fff;font-weight:800;font-size:16px;border:0;border-radius:10px;min-height:44px;padding:10px 24px;}
body #loginModal #popup-login-button:hover,body #loginModal #popup-login-button:focus-visible{background:#e6001e;color:#fff;}
@media(max-width:575px){body #loginModal .modal-body{padding:22px;}body #loginModal .modal-dialog{margin:12px;}}
 body #loginModal .modal-header{position:relative;}body #loginModal .us-close{position:absolute!important;margin:0!important;}body #loginModal{z-index:40000!important;}body:has(#loginModal.show)>.modal-backdrop{z-index:39990!important;}
/* Shared search geometry: controls stay inside the border, results remain outside. */
body header.codex-second-header #search.codex-search{box-sizing:border-box!important;align-items:stretch!important;flex-wrap:nowrap!important;}
body header.codex-second-header #search.codex-search>#input_search,
body header.codex-second-header #search.codex-search>.codex-voice-button,
body header.codex-second-header #search.codex-search>#oct-search-button{height:auto!important;min-height:0!important;max-height:100%!important;align-self:stretch!important;margin-top:0!important;margin-bottom:0!important;top:auto!important;bottom:auto!important;box-sizing:border-box!important;transform:none!important;}
body header.codex-second-header #search.codex-search>#input_search{min-width:0!important;border-radius:14px 0 0 14px!important;}
body header.codex-second-header #search.codex-search>.codex-voice-button{border-radius:0!important;}
body header.codex-second-header #search.codex-search>#oct-search-button{border-radius:0 14px 14px 0!important;}
body #us_livesearch .codex-live-search-all,body #us_livesearch .codex-live-search-all:hover,body #us_livesearch .codex-live-search-all:focus{background:#fff!important;background-image:none!important;color:#111!important;box-shadow:none!important;border:0!important;border-radius:0!important;transform:none!important;text-shadow:none!important;}
body #us_livesearch .codex-live-search-all:hover{text-decoration:underline!important;}
body>.alert-block{z-index:50000!important;max-width:calc(100vw - 24px)!important;}
body>.alert-block .us-alert{border:1px solid #d7e4f3!important;border-radius:12px!important;background:#fff!important;overflow:hidden;box-shadow:0 10px 30px #102a4c33!important;}
body>.alert-block .us-alert-success .us-alert-icon{background:linear-gradient(135deg,#ed0027,#1261d6)!important;color:#fff!important;}
body>.alert-block .us-alert-text{background:#fff!important;color:#102a4c!important;font-size:14px;line-height:1.45;}
body>.alert-block .us-alert-text a{color:#0758c9!important;}

.codex-footer-v2-action{background:#1556a8;color:#fff!important}.codex-footer-v2-action:hover,.codex-footer-v2-action:focus{background:#bd1027;color:#fff!important}
