:root {
  --iot-ink: #102033;
  --iot-muted: #5f6b7a;
  --iot-line: #d8e0ea;
  --iot-soft: #f5f8fb;
  --iot-panel: #ffffff;
  --iot-blue: #0b5cad;
  --iot-blue-dark: #083f78;
  --iot-cyan: #00a6a6;
  --iot-amber: #f59e0b;
  --iot-success: #16835c;
}
html,
body {
  background: var(--iot-soft);
  color: var(--iot-ink);
  letter-spacing: 0;
}
a {
  color: var(--iot-blue);
}
a:hover,
a:focus {
  color: var(--iot-blue-dark);
}
.navbar.navbar-top,
header .navbar,
.aimeos .navbar {
  background: #ffffff;
  border-bottom: 1px solid var(--iot-line);
  box-shadow: 0 8px 24px rgba(16, 32, 51, 0.08);
}
.navbar-top .nav-link,
.navbar-top .dropdown-toggle,
.navbar-top .navbar-brand,
header .nav-link,
header .dropdown-toggle {
  color: var(--iot-ink);
}
.navbar-top .nav-link:hover,
.navbar-top .dropdown-toggle:hover,
header .nav-link:hover,
header .dropdown-toggle:hover {
  color: var(--iot-blue);
}
.content main,
main,
.catalog-home,
.catalog-list,
.catalog-detail,
.basket-standard,
.checkout-standard,
.account-profile,
.cms-page {
  background: var(--iot-soft);
  color: var(--iot-ink);
}
.catalog-stage,
.catalog-home .stage,
.stage {
  background: linear-gradient(135deg, #102033 0%, #0b5cad 58%, #00a6a6 100%);
}
.catalog-stage,
.catalog-stage a,
.catalog-stage p,
.catalog-stage strong,
.catalog-home .stage,
.catalog-home .stage a,
.stage,
.stage a {
  color: #ffffff;
}
.catalog-stage .btn,
.catalog-stage .more,
.catalog-home .stage .btn,
.stage .btn {
  background: #ffffff;
  color: var(--iot-blue-dark);
  border-color: #ffffff;
}
.catalog-stage .btn:hover,
.catalog-home .stage .btn:hover,
.stage .btn:hover {
  background: #e8f3ff;
  border-color: #e8f3ff;
}
.catalog-home .catalog-list-items .product,
.catalog-list .product,
.catalog-product,
.catalog-detail .catalog-detail-basic,
.basket-standard,
.checkout-standard,
.account-profile,
.cms-page,
.card {
  background: var(--iot-panel);
  border-color: var(--iot-line);
  border-radius: 8px;
  box-shadow: 0 8px 20px rgba(16, 32, 51, 0.06);
}
.catalog-home .catalog-list-items .product,
.catalog-list .product,
.catalog-product {
  transition: transform 0.16s ease, box-shadow 0.16s ease, border-color 0.16s ease;
}
.catalog-home .catalog-list-items .product:hover,
.catalog-list .product:hover,
.catalog-product:hover {
  transform: translateY(-2px);
  border-color: rgba(11, 92, 173, 0.32);
  box-shadow: 0 14px 28px rgba(16, 32, 51, 0.1);
}
.btn,
button,
input[type='submit'],
.catalog-actions .btn,
.basket-mini .btn,
.checkout-standard .btn {
  border-radius: 6px;
  letter-spacing: 0;
}
.btn-primary,
.btn.action,
.btn-buy,
.catalog-actions .btn-primary,
.checkout-standard .btn-primary {
  border-color: var(--iot-blue);
  background: var(--iot-blue);
  color: #ffffff;
}
.btn-primary:hover,
.btn.action:hover,
.btn-buy:hover,
.catalog-actions .btn-primary:hover,
.checkout-standard .btn-primary:hover {
  border-color: var(--iot-blue-dark);
  background: var(--iot-blue-dark);
  color: #ffffff;
}
.btn-secondary,
.btn-default,
.catalog-actions .btn-secondary {
  border-color: var(--iot-line);
  background: #ffffff;
  color: var(--iot-ink);
}
.btn-secondary:hover,
.btn-default:hover,
.catalog-actions .btn-secondary:hover {
  border-color: var(--iot-blue);
  color: var(--iot-blue);
}
.price,
.catalog-detail .price,
.catalog-product .price,
.basket-mini .price,
.checkout-standard .price {
  color: var(--iot-blue-dark);
  font-weight: 700;
}
.rebate,
.discount,
.badge,
.catalog-product .rebate {
  background: var(--iot-amber);
  color: #102033;
}
.stock,
.available,
.catalog-product .stock {
  color: var(--iot-success);
}
.catalog-filter,
.catalog-filter-tree,
.catalog-filter-attribute,
.catalog-filter-supplier {
  background: #ffffff;
  border-color: var(--iot-line);
}
.catalog-filter h2,
.catalog-list h1,
.catalog-home h1,
.catalog-home h2,
.catalog-detail h1,
.cms-page h1 {
  color: var(--iot-ink);
  letter-spacing: 0;
}
footer {
  background: #102033;
  color: #dbe7f3;
}
footer a {
  color: #e8f3ff;
}
footer a:hover {
  color: #8ee6e6;
}
footer h2 {
  color: #ffffff;
  letter-spacing: 0;
}
input,
select,
textarea,
.form-control {
  border-color: var(--iot-line);
  border-radius: 6px;
}
input:focus,
select:focus,
textarea:focus,
.form-control:focus {
  border-color: var(--iot-blue);
  box-shadow: 0 0 0 0.18rem rgba(11, 92, 173, 0.16);
}
@media (max-width: 767px) {
  .navbar.navbar-top,
  header .navbar {
    padding: 10px 12px;
  }
  .navbar-top .navbar-collapse,
  header .navbar-collapse {
    padding-top: 12px;
  }
  .catalog-home .catalog-list-items .product,
  .catalog-list .product,
  .catalog-product {
    border-radius: 8px;
  }
  .catalog-stage,
  .catalog-home .stage,
  .stage {
    min-height: auto;
  }
}
/* IoT mall product list image normalization */
:root {
  --ai-product-image-ratio: 1/1;
}
.catalog-list-items .media-list {
  display: block;
  aspect-ratio: 1 / 1;
  background: #f7fafc;
  border-bottom: 1px solid var(--iot-line);
  overflow: hidden;
}
.catalog-list-items .media-list .media-item,
.catalog-list-items .media-list noscript,
.catalog-list-items .media-list picture {
  display: block;
  width: 100%;
  height: 100%;
}
.catalog-list-items .media-list .media-item > img,
.catalog-list-items .media-list img[itemprop='image'] {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  background: #ffffff;
}
.catalog-list-items.list .media-list {
  max-width: 320px;
}
@media (max-width: 767px) {
  .catalog-list-items.list .media-list {
    max-width: none;
  }
}