body {
	background-color:#f9fbfd;
}
main {
	padding-top:2rem;
}
main .container {
	max-width:1320px;
}
.first-group-tabs {
	display:flex;
	flex-wrap:wrap;
	gap:1rem 0;
}
.first-group-tabs .col {
	flex:0 0 25%;
	max-width:25%;
	min-width:220px;
	box-sizing:border-box;
}
.first-group-tabs .nav-link {
	text-align:center;
	padding:1rem;
	border:1px solid var(--bs-border-color);
	border-radius:.5rem;
	transition:all .3s ease-in-out;
	background-color:var(--bs-body-bg);
}
.first-group-tabs .nav-link.active,.first-group-tabs .nav-link:hover {
	border-color:var(--bs-primary);
	background-color:var(--bs-primary-soft);
	color:var(--bs-primary);
	transform:translateY(-2px);
	box-shadow:var(--bs-box-shadow-sm);
}
.first-group-tabs .nav-link h5 {
	margin-bottom:.25rem;
}
.first-group-tabs .nav-link p {
	margin-bottom:0;
	font-size:.875rem;
}
#second-group-list .list-group-item-action {
	display:flex;
	flex-direction:column;
	padding:1rem;
	transition:all .2s ease-in-out;
}
#second-group-list .list-group-item-action.active,#second-group-list .list-group-item-action:hover {
	background-color:var(--bs-primary-soft);
	border-color:var(--bs-primary);
	color:var(--bs-primary);
	transform:translateX(5px);
}
.second-group-title-container {
	display:flex;
	align-items:center;
	font-weight:500;
}
.second-group-title-container img {
	width:20px;
	height:20px;
	margin-right:.75rem;
}
.second-group-subtitle {
	font-size:.8em;
	color:var(--bs-secondary-color);
	padding-left:calc(20px + .75rem);
	margin-top:.25rem;
}
.product-card {
	transition:border-color .3s ease;
	border:1px solid var(--bs-border-color);
}
.product-card:hover {
	border-color:var(--bs-primary);
}
.spinner-container {
	display:flex;
	justify-content:center;
	align-items:center;
	min-height:300px;
}
.description-html ul {
	padding-left:1.25rem;
	margin-bottom:0;
}
.description-html li {
	margin-bottom:.5rem;
	list-style:none;
}
#product-group-tagline {
	background-color:rgba(176,116,209,0.1) !important;
	color:#b074d1;
	border:1px solid rgba(176,116,209,0.2);
}
.text-muted {
	color:#545454 !important;
}	
        main @media (min-width:992px) {
	aside.col-lg-4.col-xl-3 {
	flex:0 0 270px;
	max-width:270px;
}
.col-lg-8.col-xl-9 {
	flex:0 0 calc(100% - 270px);
	max-width:calc(100% - 270px);
}
;}main .offcanvas-body .card {
	min-width:220px;
}
.shadow-sm {
	width:100%;
}
#first-group-container-desktop .col {
	margin-top:0;
}
#first-group-container-desktop {
	margin-top:10px;
}	
        @media (max-width:991.98px) {
	
	
            .first-group-tabs .col {
	flex:0 0 100%;
	max-width:100%;
	min-width:100%;
}	
            .accordion-button {
	background-color:var(--bs-primary);
	color:white;
	border:none;
	font-weight:500;
}
.accordion-button:not(.collapsed) {
	background-color:var(--bs-primary);
	color:white;
	box-shadow:none;
}
.accordion-button:focus {
	box-shadow:none;
	border-color:var(--bs-primary);
}
.accordion-button::after {
	filter:brightness(0) invert(1);
}	
            .offcanvas-lg {
	--bs-offcanvas-width:85%;
}
.offcanvas-lg .offcanvas-header {
	
	
                color:white;
}
.offcanvas-lg .offcanvas-header .btn-close {
	filter:brightness(0) invert(1);
}
.offcanvas-lg .card-header {
	background-color:var(--bs-primary-soft);
	border-bottom:2px solid var(--bs-primary);
}	
            .offcanvas-backdrop {
	z-index:1040;
}
.offcanvas-lg {
	z-index:1045;
}
;}footer {
	text-align:center;
	background-color:#fff;
	color:#6c757d;
	font-size:0.875rem;
	border-top:1px solid rgba(0,0,0,0.05);
	margin-top:2rem;
	position:fixed;
	bottom:0;
	height:50px;
	line-height:50px;
}	
		@media (min-width:992px) {
	aside.col-lg-4.col-xl-3 {
	position:sticky;
	top:80px;
	
	
		        align-self:flex-start;
	
	
		        max-height:calc(100vh - 40px);
	
	
		        overflow-y:auto;
	
	
		        scrollbar-width:none;
	
	;
}	
		    aside.col-lg-4.col-xl-3::-webkit-scrollbar {
	display:none;
}
;}.product-card .card-header .icon-lg {
	display:none;
	
	;
}
main {
	margin-bottom:50px;
}