html {
	min-height: 100vh;
}

.product-img {
	max-height: 1000px;
}

[data-bs-theme='light'] .fw-selector {
	background-color: transparent;
	color: #000000;
}

[data-bs-theme='light'] .fw-selector:hover {
	background-color: rgba(17, 24, 39, 0.815);
	color: #ffffff;
}

[data-bs-theme='dark'] .fw-selector {
	background-color: transparent;
	color: #ffffff;
}

[data-bs-theme='dark'] .fw-selector:hover {
	background-color: rgba(255, 255, 255, 0.815);
	color: #000000;
}

[data-bs-theme='light'] body {
	--bs-body-bg-rgb: 249, 250, 25;
	--bs-bg-opacity: 0.9;
	background: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));
}

[data-bs-theme='dark'] body {
	--bs-body-bg-rgb: 17, 24, 39;
	--bs-bg-opacity: 1;
	background: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));
}

[data-bs-theme='light'] .bg-content-section {
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-bg-opacity: 0.25;
	background: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));
}

[data-bs-theme='dark'] .bg-content-section {
	--bs-body-bg-rgb: 17, 24, 39;
	--bs-bg-opacity: 0.5;
	background: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));
}

[data-bs-theme='light'] .bg-nav-section {
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-bg-opacity: 0.5;
	background: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));
	box-shadow: 0px 0 50px 0px rgba(0, 0, 0, 0.05);
}

[data-bs-theme='dark'] .bg-nav-section {
	--bs-body-bg-rgb: 17, 24, 39;
	--bs-bg-opacity: 0.75;
	background: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));
}

[data-bs-theme='light'] .logo-title {
	color: #c34130aa;
}

[data-bs-theme='dark'] .logo-title {
	color: #ffffff;
}

.btn-nav {
	border-radius: 10px;
	overflow: hidden;
	-webkit-backdrop-filter: blur(10px);
	backdrop-filter: blur(10px);
	transform: translateZ(0);
	background: none;
	transition: 0.25s ease-in;
}

.btn-nav-divider {
	width: 90%;
	margin: 0 auto;
}

[data-bs-theme='dark'] .btn-nav-divider {
	border-bottom: 1px solid rgb(108, 117, 125);
}

[data-bs-theme='light'] .btn-nav-divider {
	border-bottom: 1px solid rgb(108, 117, 125);
}

[data-bs-theme='dark'] .btn-nav {
	color: #fff;
}

[data-bs-theme='light'] .btn-nav {
	color: #000;
}

[data-bs-theme='light'] .btn-nav:hover {
	background: rgba(25, 25, 35, 0.35);
	color: #fff;
}

[data-bs-theme='dark'] .btn-nav:hover {
	background: rgba(205, 205, 205, 0.15);
	color: #fff;
}

[data-bs-theme='dark'] .btn-nav.active {
	background-color: rgba(235, 235, 235, 1);
	color: rgba(25, 25, 35, 1);
}

[data-bs-theme='light'] .btn-nav.active {
	background: rgba(25, 25, 35, 1);
	color: #fff;
}

.modal-content {
	min-width: 250px;
	border: none;
	border-radius: 12px;
}

[data-bs-theme='light'] .modal-content {
	--bs-body-bg-rgb: 255, 255, 255;
	--bs-bg-opacity: 1;
	background: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));
}

[data-bs-theme='light'] a {
	color: #000;
}

[data-bs-theme='dark'] a {
	color: #f8f9fa;
}

[data-bs-theme='dark'] .modal-content {
	--bs-body-bg-rgb: 17, 24, 39;
	--bs-bg-opacity: 1;
	background: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));
}

[data-bs-theme='light'] .btn-outline {
	--color: rgba(17, 24, 39, 1);
	--color-nigative: #f8f9fa;

	--bs-btn-color: var(--color);
	--bs-btn-border-color: var(--color);
	--bs-btn-hover-color: var(--color-nigative);
	--bs-btn-hover-bg: var(--color);
	--bs-btn-hover-border-color: var(--color);
	--bs-btn-focus-shadow-rgb: var(--color-nigative);
	--bs-btn-active-color: var(--color-nigative);
	--bs-btn-active-bg: var(--color);
	--bs-btn-active-border-color: var(--color);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(255, 255, 255, 0.125);
	--bs-btn-disabled-color: var(--color);
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: var(--color);
}

[data-bs-theme='dark'] .btn-outline {
	--bs-btn-color: #f8f9fa;
	--bs-btn-border-color: #f8f9fa;
	--bs-btn-hover-color: #000;
	--bs-btn-hover-bg: #f8f9fa;
	--bs-btn-hover-border-color: #f8f9fa;
	--bs-btn-focus-shadow-rgb: 248, 249, 250;
	--bs-btn-active-color: #000;
	--bs-btn-active-bg: #f8f9fa;
	--bs-btn-active-border-color: #f8f9fa;
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #f8f9fa;
	--bs-btn-disabled-bg: transparent;
	--bs-btn-disabled-border-color: #f8f9fa;
	--bs-gradient: none;
}

[data-bs-theme='light'] .accordion {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23111827' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23111827' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.1rem #111827bf;
	--bs-accordion-active-color: rgba(255, 255, 255, 1);
	--bs-accordion-active-bg: rgba(17, 24, 39, 0.35);
}

[data-bs-theme='dark'] .accordion {
	--bs-accordion-btn-focus-box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.75);
	--bs-accordion-active-color: rgba(255, 255, 255, 1);
	--bs-accordion-active-bg: rgba(255, 255, 255, 0.35);
}

[data-bs-theme='dark'] .accordion-button::after {
	--bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
	--bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
}

.nav-pill {
	cursor: pointer;
}

.nav {
	width: 100%;
	display: none;
}

.nav.show {
	position: fixed;
	display: flex;
}

#navigation {
	overflow-y: scroll;
	max-height: calc(100vh - 200px);
	width: 100%;
}

#navigation::-webkit-scrollbar {
	width: 6px;
}

#navigation::-webkit-scrollbar-track {
	background: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity));
}

#navigation::-webkit-scrollbar-thumb {
	background: #88888869;
	border-radius: 10px;
}

.nav.show #sidenawGen {
	width: 100%;
}

.main-block {
	margin-left: 0;
}

[data-bs-theme='dark'] .nav.show.bg-nav-section {
	--bs-bg-opacity: 1;
}

[data-bs-theme='light'] .nav.show.bg-nav-section {
	--bs-bg-opacity: 1;
}

@media (min-width: 992px) {
	.nav {
		width: 300px;
		display: flex;
		position: fixed;
	}

	.main-block {
		margin-left: 300px;
	}
}