/* Shared premium icon treatment */
.market-icon,
.product-symbol,
.why-grid article > i,
.feature-list > div > i,
.steps > div > i {
  width: 48px;
  height: 48px;
  min-width: 48px;
  margin: 0;
  border: 1px solid rgba(220, 174, 58, 0.28);
  border-radius: 8px;
  background:
    linear-gradient(145deg, rgba(225, 179, 65, 0.11), rgba(225, 179, 65, 0.025)),
    #0d0e0b;
  color: #e2b84f;
  display: grid;
  place-items: center;
  font-style: normal;
  font-size: 23px;
  box-shadow: inset 0 0 18px rgba(220, 174, 58, 0.035), 0 9px 24px rgba(0, 0, 0, 0.22);
}

.market-icon svg {
  width: 25px;
  height: 25px;
}

.why-grid article > i {
  width: 52px;
  height: 52px;
  font-size: 27px;
}

.feature-list > div > i {
  font: 700 20px "Cormorant Garamond", serif;
}

.steps > div > i {
  margin: 25px 0 32px;
  font-size: 24px;
}

.side-nav a > svg,
.quick-actions > button > svg {
  width: 36px;
  height: 36px;
  min-width: 36px;
  padding: 8px;
  border: 1px solid rgba(216, 169, 60, 0.2);
  border-radius: 7px;
  background: rgba(216, 169, 60, 0.045);
  color: #c99b31;
}

.side-nav a.active > svg {
  border-color: rgba(216, 169, 60, 0.42);
  background: rgba(216, 169, 60, 0.11);
  color: #f1d17a;
  box-shadow: 0 0 20px rgba(216, 169, 60, 0.08);
}

.side-nav a {
  min-height: 52px;
  height: auto;
}

.stat-icon {
  width: 46px;
  height: 46px;
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(216, 169, 60, 0.11), rgba(216, 169, 60, 0.025));
}

.stat-icon svg {
  width: 23px;
  height: 23px;
}

.product-mark,
.activity-row > i {
  width: 44px;
  height: 44px;
  min-width: 44px;
  border-radius: 7px;
  background: rgba(216, 169, 60, 0.045);
  font-size: 20px;
}

.quick-actions > button {
  min-height: 60px;
}

.icon-btn svg,
.hamburger svg {
  width: 20px;
  height: 20px;
}

/* Administrator workspace */
.admin-app .sidebar nav button {
  min-height: 54px;
  height: auto;
}

.admin-app .sidebar nav button > svg {
  width: 36px;
  height: 36px;
  min-width: 36px;
  padding: 8px;
  border: 1px solid rgba(215, 165, 56, 0.2);
  border-radius: 7px;
  background: rgba(215, 165, 56, 0.045);
  color: #c99b31;
}

.admin-app .sidebar nav button.active > svg {
  border-color: rgba(215, 165, 56, 0.42);
  background: rgba(215, 165, 56, 0.11);
  color: #f0ce72;
  box-shadow: 0 0 20px rgba(215, 165, 56, 0.08);
}

.admin-app .stat-icon {
  width: 46px;
  height: 46px;
}

.admin-app .stat-icon svg {
  width: 23px;
  height: 23px;
}

.admin-app .person i {
  width: 38px;
  height: 38px;
  min-width: 38px;
  border-radius: 7px;
  font-size: 11px;
  background: linear-gradient(145deg, rgba(215, 165, 56, 0.12), #11120e);
}

.admin-app .topbar .icon-btn,
.admin-app .menu-btn {
  width: 42px;
  height: 42px;
  border-radius: 7px;
}

.admin-app .topbar .icon-btn svg,
.admin-app .menu-btn svg {
  width: 20px;
  height: 20px;
}

.admin-login .input svg,
#adminLoginForm > small svg {
  width: 22px;
  height: 22px;
}

@media (max-width: 560px) {
  .market-icon,
  .product-symbol,
  .why-grid article > i,
  .feature-list > div > i,
  .steps > div > i {
    width: 44px;
    height: 44px;
    min-width: 44px;
  }
}
