.grid {}

.grid .bx_content_section { margin-bottom: 15px; }

.grid .bx_sidebar { margin-bottom: 15px; }

/* grid2x1 */
.grid2x1 {}

.grid2x1 .bx_content_section {
	float: left;
	width: 66%;
	margin-bottom: 15px;
}

.grid2x1 .bx_sidebar {
	float: right;
	width: 33%;
	margin-bottom: 15px;
	padding-left: 5%;
	box-sizing: border-box;
}

@media (max-width: 960px) {
	.grid2x1 .bx_sidebar { padding-left: 4%; }
}

@media (max-width: 640px) {
	.grid2x1 .bx_content_section,
	.grid2x1 .bx_sidebar {
		width: 100%;
		float: none;
	}

	.grid2x1 .bx_sidebar { padding-left: 3%; }
}

@media (max-width: 479px) {
	.grid2x1 .bx_sidebar { padding-left: 1%; }
}

.catalog-block-header {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 2px solid #d9dee6;
	border-bottom-color: var(--primary);
	color: #000;
}


.catalog-page {
	flex-grow: 1;
	padding-left: 30px;
  }
  
  .catalog-controls {
	float: right;
	display: inline-flex !important;
	width: auto !important;
	gap: 10px;
  }
  
  #sidebar-section {
	width: 350px;
	display: inline-block;
	padding: 15px;
  }
  
  .bx-site {
	display: block;
	padding: 0;
  }
  
  #cards-table {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 0.4fr));
	gap: 30px;
	padding:0;
	width: 100%;
  }
  
  #cards-table.list-view {
	padding-top: 10px;
	padding-bottom: 50px;
	grid-template-columns: repeat(auto-fit, 100%);
	border: solid #eee 1px;
	border-radius: 10px;
	background: white;
	gap: 0;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.19);
  }
  
  /* ------------------------------------- */
  
  
  
  
  /* ------------------------------------- */
  
  .pagination-bottom {
	margin-top: 50px;
  }
  
  .pagination-bottom ul {
	display: flex;
	gap: 15px;
	align-items: center;
	justify-content: center;
  }
  
  .pagination-bottom li {
	font-family: "Roboto Medium";
	font-size: 12px;
	display: inline-flex;
	line-height: 10px;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	width: 30px;
	height: 30px;
  }
  
  .pagination-bottom li.active {
	border: none; 
	background: linear-gradient(272.22deg, #FF9900 2.77%, #F94D00 102.12%);
  }
  
  .pagination-bottom li.inactive:hover {
	background: white;
	color: black;
	user-select: none;
  }
  
  .card-header .fa,
  .price-header .fa {
	color: orangered;
  }
  
  .pagination-bottom li a {
	color: black;
	display: inline-flex;
	align-items: center;
	justify-content: center;
  }

  /* ----------------------------------- */

  #breadcrumb {
	margin-top: 0 !important;
	padding-top: 0px !important;
	padding-bottom: 20px !important;
  }
  
  #breadcrumb .breadcrumb-header {
	font-family: "Exo2 Bold";
	font-size: 25px;
  }
  
  .breadcrumb-header::after {
	display: none;
  }
  
  .page-container {
	margin-top: 60px;
  }