#sidebar{
    position: sticky;
    top:140px;
    left:0px;
}

#sidebar .card,
#sidebar .accordion-item{
    background: var(--secondary-bg);
    color:var(--secondary-color);
}

#sidebar .card-header,
#sidebar .card-footer,
#sidebar .accordion-button{
    background: rgba(0, 0, 0, 0.1);
    color:var(--secondary-color);
    border-color:rgba(0, 0, 0, 0.1);
}

#sidebar .accordion,
#sidebar .accordion-item{
    border-color:rgba(0, 0, 0, 0.1)  !important;
}

#sidebar .accordion-button:not(.collapsed) {
    box-shadow: none;
}

#sidebar .card-header,
#sidebar .accordion-button{
    letter-spacing: 2px;
}

#sidebar .accordion-button::after{
    color:var(--secondary-color);
}

.configurator-prices{
    text-align: right;
}
.configurator-price{
    font-size: 26px;
    font-weight: 700;
}

.configurator-currency{
    font-size: 20px;
    font-weight: 700;
}

#specification ul{
    margin:0px;
    padding:0px;
}

#specification ul li{
    display:block;
}

#specification ul li a{
    display:block;
    padding: 4px;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
    color:var(--secondary-color);
    transition: all 0.3s ease;
    border-radius: 7px;
}

#specification ul li a:hover{
  color: var(--tertiary-color);
  background: var(--tertiary-bg);
}

#specification ul li a span{
    font-weight: 700;
}

/* Zmiana: usprawnienie podglądu na mobilnych */

.col-lg-3.static-col{
    position: static !important;
    z-index: auto !important;
}

.close-sidebar{
    display: none;
}

.btn-close-preview{
    height: 30px;
    width: 30px;
    line-height: 30px;
    padding: 0px;
    border: 0px;
    color: var(--tertiary-color);
    background: var(--tertiary-bg);
    font-size: 20px;
    border-radius: 50%;
}

#sidebar.sidebar-fixed .close-sidebar{
    display: block;
    padding: 15px;
}

.btn-sidebar-toggle{
    height: 60px;
    width: 60px;
    line-height: 60px;
    padding: 0px;
    border: 0px;
    color: var(--tertiary-color);
    background: var(--tertiary-bg);
    font-size: 36px;
    border-radius: 50%;
    display:none;

    position: fixed;
    left:15px;
    top:100px;
    z-index: 100000;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.2);
}

@keyframes spin-slow {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

#sidebar-toggle {
	animation: spin-slow 5s linear infinite;
}

#sidebar.sidebar-fixed{
    background: var(--primary-bg);
    position: fixed !important;
    top:0px;
    left: -350px;
    z-index: 100001;
    transition: all 0.3s ease;
    width:350px;
    bottom:0px;
    overflow-y: auto;
    box-shadow: 0 0 25px 0 rgba(0,0,0,0.4);
    padding-left: 7px;
    padding-right: 7px;
}

#sidebar.sidebar-fixed.open{
    left:0%;
}
/* Koniec zmiany: usprawnienie podglądu na mobilnych */