/* Layout CSS BMW - PASSION AUTO 85 */

.page-bg {
  margin-top: 60px;
}

.page-layout,
.main-container {
  width: 100vw;
  min-height: 100vh;
  margin: 0;
}

.sidebar-nav {
  width: 300px;
  min-height: 100vh;
  background: linear-gradient(
    180deg,
    rgba(26, 26, 46, 0.85) 0%,
    rgba(22, 33, 62, 0.9) 30%,
    rgba(15, 52, 96, 0.8) 50%,
    rgba(22, 33, 62, 0.9) 70%,
    rgba(26, 26, 46, 0.85) 100%
  );
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  border-right: 2px solid rgba(30, 144, 255, 0.6);
  box-shadow: 2px 0 25px rgba(30, 144, 255, 0.4),
    4px 0 50px rgba(30, 144, 255, 0.2), inset -1px 0 0 rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(30px);
}

.main-content {
  position: relative;
  min-height: 100vh;
  padding-top: 0;
  margin-top: -32px;
  background: linear-gradient(
      135deg,
      rgba(10, 10, 10, 0.7) 0%,
      rgba(0, 0, 0, 0.5) 50%,
      rgba(20, 20, 20, 0.8) 100%
    ),
    url("../../images/bg-bmw.jpg") no-repeat center center;
  background-size: cover;
  background-attachment: fixed;
  background-color: #0a0a0a;
  transition: background 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.main-content > * {
  position: relative;
  z-index: 10;
}