:root {
	--fontOsnovni: 'Montserrat', sans-serif;
	--darkPozadina: #302c34;
	--darkText: #dee2e6;
	--neutrals-n-50: #FDFDFD;
	--neutrals-n-100: #F7F7F7;
	--neutrals-n-200: #EDEDF0;
	--neutrals-n-300: #DCDCDC;
	--neutrals-n-400: #D2D2D6;
	--neutrals-n-500: #ADADB2;
	--neutrals-n-600: #6D6D75;
	--neutrals-n-700: #3D3D47;
	--neutrals-n-800: #31313B;
	--neutrals-n-900: #2A2A33;
	--primary-yellow-100: #FFFDE5;
	--primary-yellow-200: #FFFCCC;
	--primary-yellow-300: #FFF9A3;
	--primary-yellow-400: #FFF675;
	--primary-yellow-500: #FAEA14;
	--primary-yellow-600: #E5CE53;
	--primary-yellow-700: #DABD27;
	--primary-yellow-800: #47441B;
	--primary-yellow-900: #777010;
	--success-green-100: #DFF7DF;
	--success-green-200: #D7FACD;
	--success-green-300: #B3F2C0;
	--success-green-400: #A1E0A1;
	--success-green-500: #469946;
	--success-green-600: #7EC28B;
	--success-green-700: #64AD73;
	--success-green-800: #2F743C;
	--success-green-900: #134D1F;
	--warning-orange-100: #FAF1E6;
	--warning-orange-200: #FCEBCA;
	--warning-orange-300: #FAE5BB;
	--warning-orange-400: #FABD6E;
	--warning-orange-500: #FC924C;
	--warning-orange-600: #F0A356;
	--warning-orange-700: #DB881A;
	--warning-orange-800: #9C6B2C;
	--warning-orange-900: #945C12;
	--danger-red-100: #FAE6EA;
	--danger-red-200: #FAD4DC;
	--danger-red-300: #EB5D79;
	--danger-red-400: #F26682;
	--danger-red-500: #DD264B;
	--danger-red-600: #D17587;
	--danger-red-700: #C72A49;
	--danger-red-800: #99374B;
	--danger-red-900: #4D111D;
	--secondary-blue-100: #E6E6FC;
	--secondary-blue-200: #D7DDFC;
	--secondary-blue-300: #BBBBFA;
	--secondary-blue-400: #8B8BF0;
	--secondary-blue-500: #5151E0;
	--secondary-blue-600: #6E6EE5;
	--secondary-blue-700: #5151B8;
	--secondary-blue-800: #373799;
	--secondary-blue-900: #2D3A80;
	--opacity-levels-primary-8: rgba(250, 235, 25, 0.08);
	--opacity-levels-primary-12: rgba(250, 235, 25, 0.12);
	--opacity-levels-primary-16: rgba(247, 233, 40, 0.16);
	--opacity-levels-neutrals-black-8: rgba(0, 0, 0, 0.08);
	--opacity-levels-neutrals-black-12: rgba(0, 0, 0, 0.12);
	--opacity-levels-neutrals-black-20: rgba(0, 0, 0, 0.2);
	--opacity-levels-neutrals-black-32: rgba(0, 0, 0, 0.32);
	--opacity-levels-neutrals-white-8: rgba(255, 255, 255, 0.08);
	--opacity-levels-neutrals-white-16: rgba(255, 255, 255, 0.16);
	--opacity-levels-neutrals-white-20: rgba(255, 255, 255, 0.2);
	--neutrals-pure-white: #FFF;
}

::-moz-selection { /* Code for Firefox */
	color: var(--neutrals-n-900);
	background: var(--primary-yellow-900);
}

::selection {
	color: var(--neutrals-n-900);
	background: var(--primary-yellow-400);
}

body {
	background: var(--neutrals-n-100);
	transition: 0.4s;
}

a {
	color: var(--neutrals-n-900);
	text-decoration: none;
}

	a:hover {
		color: var(--neutrals-n-600);
	}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.row {
	margin-right: 0;
	margin-left: 0;
}

.fade-in-element {
	opacity: 0;
	animation: fadeIn 3s forwards; /* Animacija traje 3 sekunde */
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

.sirina-100-posto {
	width: 100%;
}

.padding-0-12 {
	padding: 0 12px;
}

.padding-12 {
	padding: 12px;
}

.glavni {
	padding: 0;
	display: flex;
	max-width: 1320px;
	/*padding: 0px 32px;*/
	flex-direction: column;
	align-items: center;
	align-self: stretch;
	min-height: 100vh;
}

.centriraj-glavi-container {
	display: flex;
	justify-content: center;
}

.dark {
	background-color: var(--darkPozadina);
	color: var(--darkText);
	color-scheme: dark;
}

.typography-display-large {
	font-family: var(--fontOsnovni);
	font-weight: 600;
	font-size: 57px;
	line-height: 64px;
	letter-spacing: -1.2px;
}

.typography-display-medium {
	font-family: var(--fontOsnovni);
	font-weight: 600;
	font-size: 45px;
	line-height: 52px;
	letter-spacing: -1px;
}

.typography-display-small {
	font-family: var(--fontOsnovni);
	font-weight: 600;
	font-size: 36px;
	line-height: 44px;
	letter-spacing: -1px;
}

.typography-headling-large {
	font-family: var(--fontOsnovni);
	font-weight: 600;
	font-size: 32px;
	line-height: 40px;
	letter-spacing: -0.6px;
}

.typography-headling-medium {
	font-family: var(--fontOsnovni);
	font-weight: 600;
	font-size: 28px;
	line-height: 36px;
	letter-spacing: -0.6px;
}

.typography-headling-small {
	font-family: var(--fontOsnovni);
	font-weight: 600;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.6px;
}

.typography-title-large {
	font-family: var(--fontOsnovni);
	font-weight: 600;
	font-size: 21px;
	line-height: 27px;
	letter-spacing: -0.6px;
}

.typography-title-large-regular {
	font-family: var(--fontOsnovni);
	font-weight: 400;
	font-size: 22px;
	line-height: 32px;
	letter-spacing: -0.2px;
	font-style: normal;
}

.typography-title-medium {
	font-family: var(--fontOsnovni);
	font-weight: 600;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
}

.typography-title-small {
	font-family: var(--fontOsnovni);
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0px;
}

.typography-body-large {
	font-family: var(--fontOsnovni);
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
}

.typography-body-medium {
	font-family: var(--fontOsnovni);
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0.25px;
}

.typography-body-medium-bold {
	font-weight: 500;
}

.typography-body-small {
	font-family: var(--fontOsnovni);
	font-weight: 400;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.25px;
}

.typography-body-xs {
	font-family: var(--fontOsnovni);
	font-weight: 400;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0.25px;
	font-style: normal;
}

.typography-label-xlarge {
	font-family: var(--fontOsnovni);
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0px;
}

.typography-label-large {
	font-family: var(--fontOsnovni);
	font-weight: 600;
	font-size: 14px;
	line-height: 20px;
	letter-spacing: 0px;
}

.typography-label-medium {
	font-family: var(--fontOsnovni);
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	letter-spacing: 0.25px;
}

.typography-label-small {
	font-family: var(--fontOsnovni);
	font-weight: 600;
	font-size: 11px;
	line-height: 16px;
	letter-spacing: 0.25px;
}

.typography-discount-12 {
	/* Price/Discount 12 */
	font-family: Montserrat;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	line-height: 16px; /* 133.333% */
	text-decoration-line: line-through;
	text-decoration-color: rgb(109 109 117 / 50%);
}

.space-2 {
	width: 2px;
	height: 2px;
}

.space-4 {
	width: 4px;
	height: 4px;
}

.space-8 {
	width: 8px;
	height: 8px;
}

.space-12 {
	width: 12px;
	height: 12px;
}

.space-16 {
	width: 16px;
	height: 16px;
}

.space-24 {
	width: 24px;
	height: 24px;
}

.space-32 {
	width: 32px;
	height: 32px;
}

.space-48 {
	width: 48px;
	height: 48px;
}

.space-64 {
	width: 64px;
	height: 64px;
}

.space-80 {
	width: 80px;
	height: 80px;
}

.space-96 {
	width: 96px;
	height: 96px;
}

.space-128 {
	width: 128px;
	height: 128px;
}

.space-256 {
	width: 256px;
	height: 256px;
}

.space-512 {
	width: 512px;
	height: 512px;
}

.button-petrokov {
	/*Univerzalni za sve*/
}

/*Univerzalan za sve ikonice*/
.button-icon {
	display: flex;
	width: 18px;
	height: 18px;
	padding: 1.875px 0.375px 1.125px 1.125px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

	.button-icon svg path {
		stroke: var(--neutrals-n-900);
	}

.button-petrokov:disabled .button-icon svg path {
	stroke: var(--neutrals-n-500);
}

.button-filled {
	display: inline-flex;
	background-color: var(--primary-yellow-500);
	padding: 12px 24px;
	gap: 8px;
	border: 0;
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	color: var(--neutrals-n-900);
}

	.button-filled:hover {
		background-color: var(--primary-yellow-400);
		box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
	}

	.button-filled:focus {
		background-color: var(--primary-yellow-500);
		box-shadow: 0px 0px 0px 0px transparent;
	}

	.button-filled:disabled {
		background-color: var(--neutrals-n-300);
		color: var(--neutrals-n-500);
		box-shadow: 0px 0px 0px 0px transparent;
	}

		.button-filled:disabled svg path {
			stroke: var(--neutrals-n-500);
		}



.button-outlined {
	display: inline-flex;
	padding: 12px 24px;
	gap: 8px;
	border: 1px solid var(--neutrals-n-900);
	border-radius: 8px;
	background-color: transparent;
	color: var(--neutrals-n-900);
}

	.button-outlined:hover {
		background-color: var(--neutrals-n-200);
		border: 1px solid transparent;
		box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
	}

	.button-outlined:focus {
		background-color: transparent;
		border: 1px solid var(--neutrals-n-900);
		box-shadow: 0px 1px 5px 0px transparent;
	}

	.button-outlined:disabled {
		background-color: transparent;
		border: 1px solid var(--neutrals-n-300);
		color: var(--neutrals-n-300);
		box-shadow: 0px 1px 5px 0px transparent;
	}

.button-text {
	display: inline-flex;
	padding: 10px 12px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 8px;
	background-color: transparent;
	border: 0;
}

	.button-text:hover {
		background-color: transparent;
		color: var(--neutrals-n-600);
	}

		.button-text:hover svg path {
			stroke: var(--neutrals-n-600);
		}

	.button-text:focus {
		background-color: transparent;
		color: var(--neutrals-n-500);
	}

	.button-text:disabled {
		background-color: transparent;
		color: var(--neutrals-n-500);
	}

		.button-text:disabled svg path {
			stroke: var(--neutrals-n-500);
		}

.button-small {
	display: inline-flex;
	padding: 8px 32px;
	gap: 8px;
	border: 0;
	justify-content: center;
	align-items: center;
	border-radius: 8px;
	background-color: var(--primary-yellow-500);
	color: var(--neutrals-n-900);
}

	.button-small:hover {
		background-color: var(--primary-yellow-400);
		color: var(--neutrals-n-900);
		box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
	}

	.button-small:focus {
		background-color: var(--primary-yellow-500);
		color: var(--neutrals-n-900);
		box-shadow: 0px 1px 5px 0px transparent;
	}

	.button-small:disabled {
		background-color: var(--neutrals-n-300);
		color: var(--neutrals-n-500);
		box-shadow: 0px 1px 5px 0px transparent;
	}

.button-outlined-small {
	display: inline-flex;
	padding: 8px 32px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 8px;
	background-color: transparent;
	border: 1px solid var(--neutrals-n-900);
	color: var(--neutrals-n-900);
}

	.button-outlined-small:hover {
		background-color: var(--neutrals-n-200);
		box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
		border: 1px solid transparent;
		color: var(--neutrals-n-900);
	}

	.button-outlined-small:focus {
		background-color: transparent;
		border: 1px solid var(--neutrals-n-900);
		box-shadow: 0px 1px 5px 0px transparent;
		color: var(--neutrals-n-900);
	}

	.button-outlined-small:disabled {
		background-color: transparent;
		border: 1px solid var(--neutrals-n-300);
		color: var(--neutrals-n-500);
		box-shadow: 0px 1px 5px 0px transparent;
	}

.button-filled-big {
	display: inline-flex;
	padding: 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 8px;
	border: 0;
	align-self: stretch;
	background: var(--primary-yellow-500);
	color: var(--neutrals-n-900);
}

	.button-filled-big:hover {
		background-color: var(--primary-yellow-400);
		color: var(--neutrals-n-900);
		box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
	}

	.button-filled-big:focus {
		background-color: var(--primary-yellow-500);
		color: var(--neutrals-n-900);
		box-shadow: 0px 1px 5px 0px transparent;
	}

	.button-filled-big:disabled {
		background-color: var(--neutrals-n-300);
		color: var(--neutrals-n-500);
		box-shadow: 0px 1px 5px 0px transparent;
	}

.sidebar-button-lvl1 {
	display: flex;
	/*width: 248px;*/
	width: 100%;
	height: 48px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	margin: 0px;
	flex-shrink: 0;
	border-radius: 8px;
	background-color: white;
	color: var(--neutrals-n-900);
	cursor: pointer;
}

	.sidebar-button-lvl1.active {
		background-color: white;
		color: var(--neutrals-n-900);
	}

		.sidebar-button-lvl1.active .sidebar-button-lvl1-category-texticon-plus {
			display: none;
		}

	.sidebar-button-lvl1.inactive .sidebar-button-lvl1-category-texticon-minus {
		display: none;
	}

	.sidebar-button-lvl1:hover {
		background-color: var(--neutrals-n-100);
	}

.sidebar-button-lvl1-category {
	display: flex;
	/*width: 248px;*/
	width: 100%;
	padding: 12px 8px;
	justify-content: space-between;
	align-items: center;
	border-radius: 4px;
}

.sidebar-button-lvl1-category-texticon {
	display: flex;
	padding: 0px;
	align-items: center;
	margin: 0 8px;
}

.sidebar-button-lvl1-category-texticon-icon {
	display: flex;
	width: 24px;
	height: 24px;
	padding: 2.5px 3.523px 1.247px 4.5px;
	justify-content: center;
	align-items: center;
	color: var(--neutrals-n-900);
	margin-right: 8px;
}

.sidebar-button-lvl1-category-texticon-icon-strelica {
	margin-right: 8px;
}

.sidebar-button-lvl1.inactive .sidebar-button-lvl1-category-texticon-icon-strelica {
	display: none;
}

.sidebar-button-lvl1 svg path {
	stroke: var(--neutrals-n-900);
}

.apply-filters-button {
	display: flex;
	width: 420px;
	height: 64px;
	padding: 0px;
	justify-content: center;
	align-items: center;
	margin: 24px;
	flex-shrink: 0;
	border-radius: 0px;
	background: var(--primary-yellow-500);
	animation-timing-function: cubic-bezier(0.6, 0, 0.2, 0.8);
	animation-duration: 200ms;
	border: 0;
	color: var(--neutrals-n-900);
}

	.apply-filters-button:hover {
		background: var(--primary-yellow-400);
	}

.grid-list {
	background: transparent;
	margin: 0;
	padding: 0;
	border: 0;
}

	.grid-list svg path {
		stroke: var(--neutrals-n-900);
	}

	.grid-list:hover svg path {
		stroke: var(--neutrals-n-600);
	}

	.grid-list:disabled svg path {
		stroke: var(--neutrals-n-600);
	}

.filter-button {
	display: inline-flex;
	padding: 8px 12px;
	justify-content: center;
	align-items: center;
	margin: 8px;
	border-radius: 8px;
	border: 1px solid var(--neutrals-n-900);
	color: var(--neutrals-n-900);
	background-color: white;
}

	.filter-button:hover {
		color: var(--neutrals-n-50);
		background-color: var(--neutrals-n-900);
	}

		.filter-button:hover .filter-button-count {
			color: var(--neutrals-n-900);
		}

		.filter-button:hover .filter-button-icon svg path {
			stroke: var(--neutrals-n-50);
		}

	.filter-button:focus {
		color: var(--neutrals-n-900);
		background-color: white;
	}

		.filter-button:focus .filter-button-icon svg path {
			stroke: var(--neutrals-n-900);
		}

	.filter-button:disabled {
		color: var(--neutrals-n-500);
		background-color: white;
	}

	.filter-button:disabled {
		color: var(--neutrals-n-500);
		background-color: white;
	}

		.filter-button:disabled .filter-button-count {
			color: var(--neutrals-n-500);
		}

		.filter-button:disabled .filter-button-icon svg path {
			stroke: var(--neutrals-n-500);
		}


.filter-button-count {
	display: flex;
	width: 18px;
	height: 18px;
	padding: 1px 3px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 2px;
	background: var(--primary-yellow-400);
}

.filter-button-text {
	margin: 0 8px;
}

.filter-button-icon {
	display: flex;
	width: 18px;
	height: 18px;
	padding: 2.625px 0.375px 1.875px 1.125px;
	justify-content: center;
	align-items: center;
}

.search-history-buttons {
	display: inline-flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	border-radius: 0px;
	color: var(--neutrals-n-600);
	background: transparent;
	border: 0;
}

	.search-history-buttons:hover {
		color: var(--neutrals-n-900);
	}

		.search-history-buttons:hover .search-history-buttons-pom .search-history-buttons-pom-icon svg path {
			stroke: var(--neutrals-n-900);
		}

.search-history-buttons-pom {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 8px;
}

.brand-buttons {
	background-color: white;
	display: flex;
	width: 80px;
	height: 32px;
	padding: 6px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 2px;
	border: 1px solid var(--neutrals-n-300);
}

	.brand-buttons:hover {
		background-color: var(--neutrals-n-100);
	}

	.brand-buttons:focus {
		background-color: var(--neutrals-n-200);
	}

.small-text-buttons {
	display: inline-flex;
	padding: 2px 4px;
	align-items: flex-start;
	gap: 10px;
	border-radius: 2px;
	background-color: var(--neutrals-n-200);
	border: 0;
	color: var(--neutrals-n-600);
}

	.small-text-buttons:hover {
		background-color: var(--neutrals-n-300);
	}

	.small-text-buttons:focus {
		background-color: var(--neutrals-n-200);
	}

.small-text-icon-buttons {
	display: inline-flex;
	padding: 8px;
	align-items: center;
	gap: 8px;
	border-radius: 8px;
	border: 0;
	background-color: transparent;
	color: var(--neutrals-n-900);
	white-space: nowrap;
}

	.small-text-icon-buttons:hover {
		background-color: var(--neutrals-n-200);
		color: var(--neutrals-n-600);
	}

		.small-text-icon-buttons:hover .small-text-icon-buttons-count {
			color: var(--neutrals-n-600);
		}

		.small-text-icon-buttons:hover svg path {
			stroke: var(--neutrals-n-600);
		}

.small-text-icon-buttons-pom {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 10px;
	border-radius: 0px;
	position: relative;
}

.small-text-icon-buttons-pom-icon {
	display: flex;
	width: 24px;
	height: 24px;
	padding: 2.5px 0.5px 2.015px 1.502px;
	justify-content: center;
	align-items: center;
}

.small-text-icon-buttons-count {
	display: flex;
	width: 18px;
	height: 18px;
	padding: 1px 3px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 2px;
	background: var(--primary-yellow-500);
	position: absolute;
	top: 16px;
	left: 13px;
	color: var(--neutrals-n-900);
}

.small-text-icon-buttons-just-text {
	display: inline-flex;
	padding: 2px;
	justify-content: center;
	align-items: center;
	gap: 0px;
	border-radius: 0px;
	background-color: white;
	color: var(--neutrals-n-600);
	border: 0;
}

	.small-text-icon-buttons-just-text:hover {
		color: var(--neutrals-n-900);
		border-bottom: 1px solid var(--neutrals-n-900);
	}

		.small-text-icon-buttons-just-text:hover svg path {
			stroke: var(--neutrals-n-900);
		}

.small-text-icon-buttons-just-text-icon {
	display: flex;
	width: 18px;
	height: 18px;
	padding: 4.5px;
	justify-content: center;
	align-items: center;
}

	.small-text-icon-buttons-just-text-icon svg path {
		stroke: var(--neutrals-n-600);
	}

.small-text-icon-buttons-just-text-underline {
	border-bottom: 1px solid var(--neutrals-n-600);
}

.small-text-icon-buttons-wishlist {
	display: flex;
	width: 18px;
	height: 18px;
	padding: 0px;
	justify-content: center;
	align-items: center;
	gap: 0px;
	flex-shrink: 0;
	border-radius: 0px;
	border: 0;
	background: transparent;
	color: var(--neutrals-n-900);
	position: relative;
}

.small-text-icon-buttons-wishlist-pom {
	display: flex;
	width: 18px;
	height: 18px;
	padding: 1.875px 0.375px 1.511px 1.126px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.small-text-icon-buttons-wishlist:hover svg path {
	stroke: var(--neutrals-n-600);
}

.small-text-icon-buttons-wishlist-fill svg path {
	stroke: var(--neutrals-n-900);
	fill: var(--neutrals-n-900);
}

.small-text-icon-buttons-wishlist-plus-one {
	display: block;
	width: 15px;
	height: 13px;
	padding: 0px;
	align-items: center;
	gap: 0px;
	flex-shrink: 0;
	border-radius: 2px;
	background: var(--primary-yellow-500);
	color: var(--neutrals-n-900);
	font-family: Montserrat;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px; /* 200% */
	position: absolute;
	top: -3px;
	left: 13px;
	text-align: center;
}

.icon-buttons-yellow {
	display: flex;
	width: 32px;
	height: 32px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 4px;
	background: var(--primary-yellow-500);
	border: 0;
}

	.icon-buttons-yellow:hover {
		background: var(--primary-yellow-400);
		box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
	}

	.icon-buttons-yellow:focus {
		background: var(--primary-yellow-500);
	}

	.icon-buttons-yellow:disabled {
		background: white;
		box-shadow: none;
	}

	.icon-buttons-yellow svg path {
		stroke: var(--neutrals-n-900);
	}

.icon-buttons-yellow-icon {
	display: flex;
	width: 18px;
	height: 18px;
	padding: 1.125px 0.375px 0.375px 1.125px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.icon-buttons-green {
	display: flex;
	width: 32px;
	height: 32px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 4px;
	background: var(--success-green-300);
	border: 0;
}

	.icon-buttons-green:hover {
		background: var(--success-green-400);
		box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
	}

	.icon-buttons-green:focus {
		background: var(--success-green-300);
	}

	.icon-buttons-green:disabled {
		background: white;
		box-shadow: none;
	}

	.icon-buttons-green svg path {
		stroke: var(--neutrals-n-900);
	}

.icon-buttons-green-icon {
	display: flex;
	width: 18px;
	height: 18px;
	padding: 1.125px 0.375px 0.375px 1.125px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.icon-buttons-no-fill {
	display: flex;
	width: 24px;
	height: 24px;
	padding: 0px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 0px;
	border: 0;
	background-color: transparent;
}

	.icon-buttons-no-fill:hover svg path {
		stroke: var(--neutrals-n-700);
	}

	.icon-buttons-no-fill:focus svg path {
		stroke: var(--neutrals-n-900);
	}

	.icon-buttons-no-fill:disabled svg path {
		stroke: var(--neutrals-n-500);
	}

	.icon-buttons-no-fill svg path {
		stroke: var(--neutrals-n-900);
	}

.icon-buttons-no-fill-32{
	width: 32px;
	height: 32px;
}

.icon-buttons-no-fill-icon {
	display: flex;
	padding: 1.5px 0.5px 0.5px 1.5px;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
	align-self: stretch;
}

.icon-buttons {
	display: flex;
	width: 32px;
	height: 32px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 4px;
	border: 0;
}

	.icon-buttons:disabled {
		background-color: white;
	}

		.icon-buttons:disabled svg path {
			stroke: var(--neutrals-n-500);
		}

.icon-buttons-icon {
	display: flex;
	width: 18px;
	height: 18px;
	padding: 1.125px 0.375px 0.375px 1.125px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.icon-buttons-neutral {
	background-color: var(--neutrals-n-100);
}

	.icon-buttons-neutral:hover {
		background-color: var(--neutrals-n-200);
	}

		.icon-buttons-neutral:hover svg path {
			stroke: var(--neutrals-n-800);
		}

	.icon-buttons-neutral:focus {
		background-color: var(--neutrals-n-100);
	}

		.icon-buttons-neutral:focus svg path {
			stroke: var(--neutrals-n-800);
		}

	.icon-buttons-neutral:disabled {
		background-color: white;
	}

		.icon-buttons-neutral:disabled svg path {
			stroke: var(--neutrals-n-600);
		}


	.icon-buttons-neutral svg path {
		stroke: var(--neutrals-n-800);
	}

.icon-buttons-classic-toggle {
	background-color: white;
}

	.icon-buttons-classic-toggle:hover {
		background-color: white;
	}

		.icon-buttons-classic-toggle:hover svg path {
			stroke: var(--neutrals-n-600);
		}

	.icon-buttons-classic-toggle:focus {
		background-color: white;
	}

		.icon-buttons-classic-toggle:focus svg path {
			stroke: var(--neutrals-n-800);
		}

	.icon-buttons-classic-toggle:disabled {
		background-color: white;
	}

		.icon-buttons-classic-toggle:disabled svg path {
			stroke: var(--neutrals-n-600);
		}


	.icon-buttons-classic-toggle svg path {
		stroke: var(--neutrals-n-800);
	}

.elevation {
	display: flex;
	flex-wrap: wrap;
	padding: 50px 60px;
	align-items: flex-start;
	gap: 36px;
	border-radius: 16px;
	align-items: center;
	justify-content: center;
	background-color: white;
}

.elevation-child {
	width: 216px;
	height: 216px;
	border-radius: 16px;
	background-color: var(--neutrals-n-200);
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
}

.navigation-rail {
	display: inline-flex;
	height: 100vh;
	width: 132px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	flex-shrink: 0;
	background-color: transparent;
}

.navigation-rail-logo-wrapper {
	display: flex;
	height: 84px;
	padding: 39px 48px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	align-self: stretch;
	border-radius: 0px;
	border-right: 1px solid var(--neutrals-n-300);
	border-bottom: 1px solid var(--neutrals-n-300);
}

.navigation-rail-rail-wrapper {
	display: flex;
	padding: 32px 16px;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
	border-right: 1px solid var(--neutrals-n-300);
}

.navigation-rail-rail-wrapper-top-menu {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	align-self: stretch;
	border-radius: 0px;
}

.navigation-rail-rail-wrapper-top-menu-title {
	display: flex;
	padding: 0px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 0px;
	color: var(--neutrals-n-600);
}

.navigation-rail-rail-wrapper-top-menu-icons {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	align-self: stretch;
	border-radius: 0px;
}

.navigation-rail-rail-wrapper-top-menu-icons-pom {
	display: flex;
	width: 100px;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	border-radius: 0px;
}

.navigation-rail-buttons {
	position: relative;
	display: flex;
	height: 64px;
	padding: 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 8px;
	background-color: transparent;
	border: 0;
}

	.navigation-rail-buttons:hover {
		background-color: var(--neutrals-n-200);
	}

.navigation-rail-buttons-icon {
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
}


	.navigation-rail-buttons-icon svg path {
		stroke: var(--neutrals-n-500);
	}

.navigation-rail-buttons-active {
	background-color: var(--primary-yellow-400);
}

	.navigation-rail-buttons-active:hover {
		background-color: var(--primary-yellow-400);
	}

	.navigation-rail-buttons-active svg path {
		stroke: var(--neutrals-n-900);
	}

.navigation-rail-buttons-active-fill svg path {
	/*stroke: none;*/
	fill: var(--neutrals-n-900);
}

.navigation-rail-rail-wrapper-bottom-menu {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 64px;
	align-self: stretch;
	border-radius: 0px;
}

.navigation-rail-rail-wrapper-bottom-menu-top {
	display: flex;
	padding: var(--product-count, 0px);
	flex-direction: column;
	align-items: center;
	gap: 16px;
	align-self: stretch;
}

.navigation-rail-rail-wrapper-bottom-menu-top-title {
	display: flex;
	padding: 0px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 0px;
	color: var(--neutrals-n-600);
}

.navigation-rail-rail-wrapper-bottom-menu-top-icons {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	align-self: stretch;
	border-radius: 0px;
}

.navigation-rail-rail-wrapper-bottom-menu-top-icons-pom {
	height: 64px;
	align-self: stretch;
	border-radius: 0px;
}

.navigation-rail-rail-wrapper-bottom-menu-top-icons-pom-frame {
	display: flex;
	width: 100px;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	border-radius: 0px;
}

.navigation-rail-rail-wrapper-bottom-menu-bottom {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.navigation-rail-rail-wrapper-bottom-menu-bottom-title {
	display: flex;
	padding: 0px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 0px;
	color: var(--neutrals-n-600);
}

.navigation-rail-rail-wrapper-bottom-menu-bottom-switcher {
	display: flex;
	width: 92px;
	height: 36px;
	padding: 4px;
	align-items: center;
	gap: 8px;
}

.header-new {
	display: flex;
	width: 100%;
	height: 84px;
	/*padding: 12px 24px;*/
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	flex-shrink: 0;
	border-radius: 0px;
	/*
	border-bottom: 1px solid var(--neutrals-n-300);
	*/
	background: var(--neutrals-n-100);
}

.header-new-container {
	display: flex;
	padding: 0px;
	align-items: center;
	justify-content: space-between;
	/*gap: 48px;*/
	align-self: stretch;
	border-radius: 0px;
}

.header-new-container-title {
	display: flex;
	width: 200px;
	padding: 0px;
	align-items: center;
	gap: 12px;
}

.header-new-container-right {
	display: flex;
	padding: var(--product-count, 0px);
	justify-content: flex-end;
	align-items: flex-start;
	gap: 24px;
	/*flex: 1 0 0;*/
	border-radius: 0px;
}

.header-new-container-right-icons-wrapper {
	display: flex;
	padding: 4px 0px;
	align-items: center;
	gap: 32px;
	border-radius: 0px;
}

.notification-bell {
	display: flex;
	width: 40px;
	height: 40px;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	border-radius: 8px;
	position: relative;
	background-color: transparent;
	border: 0;
}

	.notification-bell:hover {
		background-color: var(--neutrals-n-200);
		color: var(--neutrals-n-600);
	}

.notification-bell-indicator {
	display: flex;
	width: 8px;
	height: 8px;
	padding: 4px 4px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	position: absolute;
	right: 5px;
	top: 5.5px;
	border-radius: 999px;
	background: var(--danger-red-500, #E52E53);
}

.header-profil-button {
	background: transparent;
	border: 0;
}

.header-profil-button-picture {
	width: 48px;
	height: 48px;
	object-fit: cover; /* Skalira sliku tako da prekrije cijelu površinu elementa */
	object-position: center center; /* Centrira sliku unutar elementa */
	border-radius: 48px;
}

.header-profil-ul {
	padding: 16px;
	gap: 12px;
	border-radius: 8px;
	background: var(--neutrals-n-50);
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
}

	.header-profil-ul li {
		padding: 12px 0;
		border-bottom: 2px solid red;
		border-radius: 0;
	}

/* Dropdown Button */
.dropbtn2 {
	background-color: transparent;
	color: var(--neutrals-n-900);
	border: none;
	cursor: pointer;
	display: flex;
	width: 76px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
}

.dropbtn-wrapper {
	display: flex;
	width: 76px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
	border-radius: 0px;
}

.dropbtn-wrapper-user-avatar {
	display: flex;
	padding: 0px;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 24px;
	border-radius: 0px;
}

.dropbtn-wrapper-user-avatar-avatar {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 4px;
	border-radius: 0px;
}

.dropbtn-wrapper-user-avatar-avatar-image {
	width: 48px;
	height: 48px;
	border-radius: 48px;
	background-color: #D9D9D9;
	object-fit: cover; /* Skalira sliku tako da prekrije cijelu površinu elementa */
	object-position: center center; /* Centrira sliku unutar elementa */
}

.dropbtn-wrapper-user-avatar-avatar-dots-wrapper {
	display: flex;
	width: 24px;
	height: 48px;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 0px;
}

.dropbtn-wrapper-user-avatar-avatar-dots-wrapper-dots1 {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	border-radius: 0px;
	transform: rotate(0);
	transition: transform 0.5s;
}

.dropbtn-wrapper-user-avatar-avatar-dots-wrapper-dots1-active {
	transform: rotate(45deg);
	transition: transform 0.5s;
}

.dropbtn-wrapper-user-avatar-avatar-dots-wrapper-dots2 {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 4px;
	position: absolute;
	border-radius: 0px;
	transform: rotate(0);
	transition: transform 0.5s;
}

.dropbtn-wrapper-user-avatar-avatar-dots-wrapper-dots2-active {
	transform: rotate(-45deg);
	transition: transform 0.5s;
}

.dropbtn-wrapper-user-avatar-avatar-dots-wrapper svg {
	width: 4px;
	height: 4px;
	fill: var(--neutrals-n-900);
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
	background-color: #2980B9;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
	position: relative;
	display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
	display: none;
	position: absolute;
	min-width: 160px;
	z-index: 3;
	padding: 16px;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
	border-radius: 8px;
	background-color: var(--neutrals-n-50);
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
}

.dropdown-content-dropdown {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	border-radius: 0px;
}

.dropdown-content-dropdown-tabs-wrapper {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	border-radius: 0px;
}

.dropdown-content-dropdown-tabs-wrapper-button {
	display: flex;
	padding: 12px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 8px;
	text-decoration: none;
}

	.dropdown-content-dropdown-tabs-wrapper-button:hover {
		background: var(--neutrals-n-100);
	}

.dropdown-content-dropdown-tabs-wrapper-button-frame {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 16px;
	border-radius: 0px;
}

.dropdown-content-dropdown-tabs-wrapper-button-frame-icons {
	display: flex;
	width: 24px;
	height: 24px;
	padding: 1.5px 0.5px 0.5px 1.5px;
	justify-content: center;
	align-items: center;
}

.dropdown-content-dropdown-tabs-wrapper-button-frame-frame {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 4px;
	border-radius: 0px;
}

.dropdown-content-dropdown-tabs-wrapper-button-frame-frame-text-1 {
	color: var(--neutrals-n-900);
}

.dropdown-content-dropdown-tabs-wrapper-button-frame-frame-text-2 {
	color: var(--neutrals-n-600);
}

.dropdown-content-dropdown-tabs-wrapper-divider {
	align-self: stretch;
	stroke-width: 1px;
	stroke: var(--neutrals-n-300);
}

.show-dropdown {
	display: block;
	right: 0px;
	top: 45px;
}

.glavni-sadrzaj {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	gap: 24px;
}

.glavni-sadrzaj-pocetna {
	gap: 80px;
}

.glavni-sadrzaj-overflow {
	overflow-y: scroll;
	height: calc(100vh - 84px);
}

.glavni-sadrzaj-detalji-proizvoda {
	
	padding: 24px 0;
	/*
	overflow-y: scroll;
	height: calc(100vh - 84px);
	*/
}

.order-status-wrapper {
	display: flex;
	height: 500px;
	flex: 0.4 0 0;
	min-width: 400px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	flex-shrink: 0;
	border-radius: 0px;
	padding: 24px;
}

.order-status-wrapper-title {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 24px;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

.order-status-wrapper-section {
	display: flex;
	padding: 16px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 16px;
	background-color: var(--neutrals-n-50);
}

.order-status-wrapper-section-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 8px;
}

.order-status-wrapper-section-container-order-id-container {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: flex-end;
	align-self: stretch;
	border-radius: 0px;
}

.order-status-wrapper-section-container-order-id-container-order-number-wrapper {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 24px;
	border-radius: 0px;
}

.order-status-wrapper-section-container-order-id-container-prev-next-buttons-wrapper {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 12px;
	border-radius: 0px;
	white-space: nowrap;
}

.order-status-wrapper-section-container-order-id-container-prev-next-buttons-wrapper-icons {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 12px;
	border-radius: 0px;
}

.order-status-wrapper-section-container-order-id-container-prev-next-buttons-wrapper-icons-icon-button {
	display: flex;
	width: 32px;
	height: 32px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	background: var(--neutrals-n-200);
}

.order-status-wrapper-section-container-order-id-container-prev-next-buttons-wrapper-icons-icon-button-icons {
	display: flex;
	width: 18px;
	height: 18px;
	padding: 6.375px 0px 5.625px 0px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.order-status-wrapper-section-container-order-information-wrapper {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.order-status-wrapper-section-container-order-information-wrapper-order-info {
	display: flex;
	padding: 24px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 48px;
	align-self: stretch;
	border-radius: 8px;
	border: 1px solid var(--neutrals-n-300);
}

.order-status-wrapper-section-container-order-information-wrapper-order-info-row {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: flex-end;
	align-self: stretch;
	border-radius: 0px;
}

.order-status-wrapper-section-container-order-information-wrapper-order-info-row-column {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.order-status-wrapper-section-container-order-information-wrapper-order-info-row-column-title {
	color: var(--neutrals-n-900);
}

.order-status-wrapper-section-container-order-information-wrapper-order-info-row-column-text {
	color: var(--neutrals-n-600);
}

.order-status-wrapper-section-container-order-information-wrapper-order-info-row-delivery-method {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

.order-status-wrapper-section-container-order-information-wrapper-order-info-row-delivery-method-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	border-radius: 0px;
}

.order-status-wrapper-section-container-order-information-wrapper-order-info-row-delivery-method-container-container {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
	border-radius: 0px;
	color: var(--neutrals-n-600);
}


.order-status-wrapper-section-container-order-information-wrapper-order-info-row-delivery-method-container-container-icons {
	display: flex;
	width: 24px;
	height: 24px;
	padding: 1.5px 3.5px 1.5px 4.5px;
	justify-content: center;
	align-items: center;
}

.proggress-tracker {
	display: flex;
	width: calc(100% - 70px);
	width: -moz-calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
	justify-content: space-between;
	align-items: center;
	position: relative;
	margin-bottom: 80px;
}

.proggress-tracker-fill-bar {
	display: flex;
	width: 100%;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	position: absolute;
	left: 39px;
	top: 17px;
	border-radius: 0px;
	background: var(--neutrals-n-200);
	position: relative;
	overflow: hidden;
}

.proggress-tracker-fill-bar-rectangle1 {
	width: 0%;
	height: 8px;
	border-radius: 0px;
	background: var(--primary-yellow-400);
}

.proggress-tracker-fill-bar-rectangle1-active {
	width: 50%;
}

.proggress-tracker-fill-bar-rectangle2 {
	position: absolute;
	left: 50%;
	width: 0%;
	height: 8px;
	border-radius: 0px;
	background: var(--primary-yellow-400);
}

.proggress-tracker-fill-bar-rectangle2-active {
	width: 50%;
}

.proggress-tracker-fill-bar-rectangle-klizni {
	position: absolute;
	left: 50%;
	width: 30px;
	height: 18px;
	border-radius: 0px;
	background: var(--neutrals-n-50);
	filter: blur(4px);
	animation: slideContinuous 4s linear infinite; /* Animacija traje 4 sekunde i ponavlja se beskonačno */
}

@keyframes slideContinuous {
	0% {
		transform: translateX(-30px);
	}

	20% {
		transform: translateX(20px);
	}

	40% {
		transform: translateX(400px); /* Pomerajte objekat na desno */
	}

	100% {
		transform: translateX(400px); /* Vratite objekat na početni položaj */
	}
}

.proggress-tracker-order-placed {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	border-radius: 0px;
	position: absolute;
	top: 0;
}

.proggress-tracker-order-placed-1 {
	left: 0;
}

.proggress-tracker-order-placed-2 {
	left: 50%;
}

.proggress-tracker-order-placed-3 {
	left: 100%;
}

.proggress-tracker-order-placed-icon-div {
	display: flex;
	width: 40px;
	height: 40px;
	padding: 8px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 999px;
	background: var(--neutrals-n-200);
}

.proggress-tracker-order-placed-icon-div-active {
	background: var(--primary-yellow-400);
}

.proggress-tracker-order-placed-text {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 12px;
	border-radius: 0px;
	color: var(--neutrals-n-600);
	text-wrap: wrap;
	width: 70px;
}

.proggress-tracker-order-placed-text-active {
	color: var(--neutrals-n-900);
}

.slideStatusOrders {
	display: none;
}


	.slideStatusOrders.active {
		display: flex;
		transform: translateX(0%);
	}

	.slideStatusOrders.prev {
		transform: translateX(-100%);
	}

	.slideStatusOrders.next {
		transform: translateX(100%);
	}

.slider-container {
	position: relative;
}

.icon-buttons-light-darker-neutral {
	background-color: var(--neutrals-n-200);
	color: var(--neutrals-n-900);
}

	.icon-buttons-light-darker-neutral:hover {
		background-color: var(--neutrals-n-300);
	}

	.icon-buttons-light-darker-neutral:active {
		background-color: var(--neutrals-n-200);
	}

	.icon-buttons-light-darker-neutral:disabled {
		background-color: transparent;
		color: var(--neutrals-n-500);
	}


.products-slider {
	display: flex;
	flex: 0.6 0 0;
	height: 476px;
	min-width: 700px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	flex-shrink: 0;
	border-radius: 0px;
	padding: 24px;
}

.products-slider-up {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-radius: 0px;
}

.products-slider-up-left {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 24px;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

.products-slider-up-right {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 12px;
	border-radius: 999px;
}

.products-slider-up-right-buttons {
	display: flex;
	padding: 8px 24px;
	justify-content: center;
	align-items: center;
	gap: var(--product-count, 0px);
	border-radius: 8px;
	background-color: var(--neutrals-n-200);
	color: var(--neutrals-n-600);
}

.products-slider-up-right-buttons-active {
	background-color: var(--primary-yellow-400);
	color: var(--neutrals-n-900);
}

.products-slider-product-tabs-wrapper {
	display: flex;
	padding: 16px;
	flex-direction: column;
	align-items: flex-end;
	gap: 12px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 16px;
	background-color: var(--neutrals-n-50);
}

.products-slider-product-tabs-wrapper-product-grid-wrapper {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

.products-slider-product-tabs-wrapper-product-grid-wrapper-column {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
	border-radius: 0px;
}

.products-slider-product-tabs-wrapper-product-grid-wrapper-column-product {
	display: flex;
	padding: 8px;
	justify-content: center;
	align-items: flex-end;
	gap: 16px;
	border-radius: 12px;
	background: var(--neutrals-n-100);
}

.products-slider-product-tabs-wrapper-product-grid-wrapper-column-product-image {
	display: flex;
	width: 80px;
	padding: 8px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 8px;
	background: var(--neutrals-n-50);
}

.products-slider-product-tabs-wrapper-product-grid-wrapper-column-product-info {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: center;
	border-radius: 0px;
}

.products-slider-product-tabs-wrapper-product-grid-wrapper-column-product-info-pom {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 0 0;
	border-radius: 0px;
}

.products-slider-product-tabs-wrapper-product-grid-wrapper-column-product-info-pom-pom {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

.products-slider-product-tabs-wrapper-product-grid-wrapper-column-product-info-pom-pom-product-name {
	color: var(--neutrals-n-900);
	align-self: stretch;
}

.products-slider-product-tabs-wrapper-product-grid-wrapper-column-product-info-pom-pom-product-info-price {
	color: var(--neutrals-n-900);
}

.products-slider-product-tabs-wrapper-product-grid-wrapper-column-product-info-pom-pom-product-info-itemcode {
	color: var(--neutrals-n-600);
}

.products-slider-product-tabs-wrapper-product-grid-wrapper-column-product-info-pom-pom-product-quantity {
	display: flex;
	padding: 0px;
	align-items: flex-end;
	gap: 4px;
	border-radius: 0px;
}

.products-slider-product-tabs-wrapper-product-grid-wrapper-column-product-info-pom-pom-product-quantity-succes {
	color: #1F991F;
}

.search-bar-wrapper {
	position: relative;
	display: flex;
	padding: 0px;
	max-width: 400px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	flex: 1 0 0;
	border-radius: 0px;
	/*z-index: 10;*/
}

.search-bar-wrapper-100posto{
	width: 100%;
}

.search-bar-wrapper-restriction-width {
	max-width: 560px;
}

.search-bar-wrapper-search {
	display: flex;
	max-width: 400px;
	padding: 4px 24px;
	align-items: center;
	gap: 16px;
	align-self: stretch;
	border-radius: 4px;
	background: var(--neutrals-n-200);
}

.search-bar-wrapper-search-height-fix {
	height: 39px;
}

.search-bar-wrapper-search-frame {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 16px;
	border-radius: 0px;
	width: 100%;
}

.search-bar-wrapper-search-frame-icon {
	display: flex;
	width: 24px;
	height: 24px;
	padding: 2.5px 1.5px 1.5px 2.5px;
	justify-content: center;
	align-items: center;
}

.search-bar-wrapper-search-frame input {
	background-color: transparent;
	height: 39px;
	width: 100%;
	min-width: 200px;
	/*max-width: 560px;*/
	border: 0;
	color: var(--neutrals-n-600);
}

	.search-bar-wrapper-search-frame input:focus {
		border: 0;
	}

	.search-bar-wrapper-search-frame input:active {
		border: 0;
	}

	.search-bar-wrapper-search-frame input:focus-visible {
		outline: -webkit-focus-ring-color auto 0px;
		color: var(--neutrals-n-900);
	}

.recently-orders {
	display: flex;
	width: 100%;
	height: 393px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	flex-shrink: 0;
	border-radius: 0px;
	padding: 24px;
}

.recently-orders-title {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-radius: 0px;
}

.recently-orders-title-pom {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 48px;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

.recently-orders-table {
	display: flex;
	padding: 16px;
	align-items: flex-start;
	gap: 0px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.recently-orders-table-pom {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 0px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

	.recently-orders-table-pom table {
		width: 100%;
	}

		.recently-orders-table-pom table tr th {
			padding: 12px 24px;
			color: var(--neutrals-n-900);
			background-color: var(--neutrals-n-100);
		}

			.recently-orders-table-pom table tr th:first-child {
				border-top-left-radius: 10px;
				border-bottom-left-radius: 10px;
			}

			.recently-orders-table-pom table tr th:last-child {
				border-top-right-radius: 10px;
				border-bottom-right-radius: 10px;
			}

		.recently-orders-table-pom table tr td {
			color: var(--neutrals-n-600);
			padding: 12px 24px;
			border-radius: 12px;
		}

			.recently-orders-table-pom table tr td.recently-orders-table-pom-naslov {
				color: var(--neutrals-n-900);
			}

.recently-orders-table-pom-cell {
	display: flex;
	padding: 0px 24px;
	align-items: center;
	gap: 48px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

.recently-orders-table-pom-status {
	display: flex;
	width: 96px;
	height: 24px;
	/*padding: 8px 32px;*/
	justify-content: center;
	align-items: center;
	gap: 0px;
	border-radius: 4px;
}

.recently-orders-table-pom-status-izvrsena {
	background: var(--success-green-200);
	color: var(--success-green-600);
}

.recently-orders-table-pom-status-u-obradi {
	background: var(--warning-orange-200);
	color: var(--warning-orange-600);
}

.recently-orders-table-pom-status-otkazana {
	background: var(--danger-red-200);
	color: var(--danger-red-600);
}

.recently-orders-table-pom-status-info-icon {
	display: flex;
	width: 24px;
	height: 24px;
	padding: 1.5px 0.5px 0.5px 1.5px;
	justify-content: center;
	align-items: center;
}

.search-popup {
	position: absolute;
	left: 0;
	top: -600px;
	background-color: red;
	/*display: inline-flex;*/
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 32px;
	flex-direction: column;
	/*align-items: flex-start;*/
	gap: 10px;
	border-radius: 12px;
	background: #FFF;
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
	/*width: 892px;*/
	z-index: 100;
	transition: opacity 0.5s;
	opacity: 0;
}

.search-popup-show {
	top: 60px;
	opacity: 100;
	min-width: 894px;
	min-height: 462px;
}

.search-popup-wrapper {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 32px;
	border-radius: 12px;
}

.search-popup-wrapper-products {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	width: 500px;
	color: var(--neutrals-n-600);
}

.search-popup-wrapper-products-frame {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 48px;
	border-radius: 0px;
}

.search-popup-wrapper-products-frame-column {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	border-radius: 0px;
}

.search-popup-wrapper-products-frame-column-item {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 12px;
	border-radius: 0px;
	width: 226px;
}

.search-popup-wrapper-products-frame-column-item-image {
	width: 64px;
	min-width: 64px;
	height: 64px;
	border-radius: 8px;
	background-color: var(--neutrals-n-50);
}

.search-popup-wrapper-products-frame-column-item-details {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	border-radius: 0px;
}

.search-popup-wrapper-products-frame-column-item-details-title {
	color: var(--neutrals-n-900);
	/*
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	*/
}

.search-popup-wrapper-products-frame-column-item-details-price {
	color: var(--neutrals-n-900);
}

.search-popup-wrapper-products-frame-column-item-details-quantity {
	color: var(--success-green-500);
	display: flex;
	padding: 0px;
	align-items: flex-end;
	gap: 4px;
}

.search-popup-wrapper-products-frame-column-item-details-quantity-icon {
	display: flex;
	padding: 0px;
	align-items: flex-end;
	gap: 4px;
	border-radius: 0px;
}

.search-popup-wrapper-products-frame-column-item-details-sku {
	color: var(--neutrals-n-600);
}

.search-popup-wrapper-line {
	/*width: 396px;*/
	/*transform: rotate(90deg);*/
	align-self: stretch;

}

	.search-popup-wrapper-line svg path {
		stroke-width: 1px;
		stroke: var(--neutrals-n-300);
	}

.search-popup-wrapper-history-brands {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 0px;
	width: 264px;
}

.search-popup-wrapper-history-brands-history {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.search-popup-wrapper-history-brands-history-up {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 10px;
	border-radius: 0px;
}

.search-popup-wrapper-history-brands-history-down {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	border-radius: 0px;
}

.search-popup-wrapper-history-brands-brand {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	color: var(--neutrals-n-600);
}

.search-popup-wrapper-history-brands-brand-frame {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	border-radius: 0px;
}

.search-popup-wrapper-history-brands-brand-frame-row {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 12px;
}

.prekrivac {
	background: var(--opacity-levels-neutrals-black-20);
	width: 0;
	position: absolute;
	height: 100vh;
	top: 0;
	left: 100%;
	z-index: 9;
	backdrop-filter: blur(1.5px);
	transition: 1s;
	opacity: 0;
}

.prekrivac-show {
	width: 100%;
	left: 0;
	opacity: 100;
}

.prekrivac-parent {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	height: 100vh;
	width: 0;
	transition: 1s;
}

.prekrivac-parent-show {
	width: 100%;
}

.prekrivac2 {
	background: var(--opacity-levels-neutrals-black-20);
	width: 0;
	position: fixed; /*absolut*/
	height: 0;
	top: 0;
	left: 0;
	z-index: 9;
	backdrop-filter: blur(1.5px);
	opacity: 0;
	transition: 0.5s opacity;
}

.prekrivac2-show {
	width: 100%;
	height: 100vh;
	opacity: 100;
}

.prekrivac-parent2 {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	height: 100vh;
	width: 0;
	opacity: 0;
	transition: 0.5s opacity;
}

.prekrivac-parent2-show {
	width: 100%;
	opacity: 100;
}

.cart-sidebar {
	/*display: none;*/
	/*position: absolute;*/
	position: fixed;
	top: 0;
	/*right: 0;*/
	right: -570px;
	height: 100vh;
	/*display: inline-flex;*/
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 0px;
	border-radius: 12px 0px 0px 12px;
	background: var(--neutrals-n-50);
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
	transition: 1s;
	z-index: 20;
	opacity: 0;
}

.cart-sidebar-no-transition {
	transition: 0s;
}

.cart-sidebar-show {
	right: 0px;
	opacity: 100;
}

.cart-sidebar-parent {
	overflow: hidden;
	position: absolute;
	top: 0;
	right: 0;
	height: 100vh;
	width: 0;
	transition: 1s;
}

.cart-sidebar-parent-no-transition {
	transition: 0s;
}

.cart-sidebar-parent-show {
	width: 100%;
}

.cart-sidebar-header {
	display: flex;
	width: 550px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	border-radius: 12px 0 0 0;
	border-bottom: 1px solid var(--neutrals-n-300);
	background: var(--neutrals-n-50);
}

.cart-sidebar-header-container {
	display: flex;
	padding: 30px 24px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-header-container-title {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 12px;
	border-radius: 0px;
}

.cart-sidebar-header-container-title-icon {
	display: flex;
	width: 24px;
	height: 24px;
	padding: 1.5px 2.5px 0.5px 3.5px;
	justify-content: center;
	align-items: center;
}

.cart-sidebar-header-container-title-title {
	color: var(--neutrals-n-900);
}

.cart-sidebar-content {
	display: flex;
	width: 570px;
	padding-bottom: 0px;
	flex-direction: column;
	align-items: center;
	gap: 0px;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 0px;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar {
	display: flex;
	padding: 0px 24px 0px 24px;
	margin-top: 24px;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
	overflow-y: scroll;
	height: calc(100vh - 136px);
}
/*
.div-scrollbar::-webkit-scrollbar {
	background-color: var(--neutrals-n-200);
    width: 8px;
}

.div-scrollbar::-webkit-scrollbar-thumb {
    background-color: var(--neutrals-n-500);
    border-radius: 999px 0px 0px 999px;
}
*/

::-webkit-scrollbar {
	/*background-color: var(--neutrals-n-200);*/
	width: 8px;
}

::-webkit-scrollbar-thumb {
	background-color: var(--neutrals-n-500);
	border-radius: 999px;
}


.cart-sidebar-content-wrapper-order-scrollbar-order {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 64px;
	flex: 1 0 0;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order {
	display: flex;
	/*padding: 24px;*/
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	/*border-radius: 16px;*/
	/*border: 1px solid var(--neutrals-n-300);*/
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-warehouse {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: flex-end;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-warehouse-info {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	flex: 1 0 0;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-warehouse-info-title {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 12px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-warehouse-info-title-warehouse {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-warehouse-info-title-warehouse-fix {
	color: var(--neutrals-n-600);
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-warehouse-info-title-warehouse-var {
	color: var(--neutrals-n-900);
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 8px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-new-gap {
	gap: 48px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product {
	display: flex;
	padding: 20px 0;
	flex-direction: column;
	align-items: flex-end;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
	border-bottom: 1px solid var(--neutrals-n-300);
}

	.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product:last-child {
		border-bottom: 0px;
	}

	.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-no-button-border {
		border-bottom: 0px;
	}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-no-align-end {
	align-items: flex-start;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product2 {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-update {
	display: flex;
	padding: 0px;
	justify-content: flex-end;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-delete {
	display: flex;
	padding: 16px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 12px;
	/*border: 1px solid var(--neutrals-n-300);*/
	background: var(--neutrals-n-100);
	color: var(--neutrals-n-900);
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-delete-prostor {
	width: 100%;
	height: 12px;
	background-color: var(--neutrals-n-300);
	border-radius: 999px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-delete-popuna {
	width: 100%;
	height: 12px;
	background-color: var(--primary-yellow-500);
	border-radius: 999px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-delete-buttons {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 24px;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-product {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 16px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-product-frame {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-product-frame-sale-badge {
	display: flex;
	padding: 2px 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 2px;
	background: var(--danger-red-500);
	color: var(--neutrals-n-50);
}


.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-product-image {
	display: flex;
	width: 64px;
	height: 64px;
	padding: 6px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	border-radius: 8px;
	background: var(--neutrals-n-50);
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-product-details {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 8px;
	flex: 1 0 0;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-product-details-info {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	flex: 1 0 0;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-product-details-info-title {
	color: var(--neutrals-n-900);
	align-self: stretch;
	text-decoration: none;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-product-details-info-price {
	color: var(--neutrals-n-900);
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-product-details-info-discount-price {
	color: var(--neutrals-n-600);
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-product-details-info-itemcode {
	color: var(--neutrals-n-600);
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-product-details-info-quantity {
	display: flex;
	padding: 0px;
	align-items: flex-end;
	gap: 4px;
	border-radius: 0px;
	color: var(--success-green-500);
}

	.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-product-details-info-quantity svg path {
		/*fill: var(--success-green-500);*/
	}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-stepper {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 32px;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-stepper-icon {
	display: flex;
	width: 32px;
	height: 32px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	cursor: pointer;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-stepper-icon-icon {
	display: flex;
	width: 18px;
	height: 18px;
	padding: 1.125px 0.375px 0.375px 1.125px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-stepper-icon-stepper {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	gap: 12px;
}

.stepper-stepper-small {
	display: flex;
	width: 120px;
	padding: 4px;
	justify-content: space-between;
	align-items: center;
	border-radius: 6px;
	background: var(--neutrals-n-100);	
}

.stepper-stepper-small-fix-background {
	background: var(--neutrals-n-50);
}

	.stepper-stepper-small-button {
		display: flex;
		width: 32px;
		height: 32px;
		justify-content: center;
		align-items: center;
		flex-shrink: 0;
		border-radius: 4px;
		border: 0;
	}

	.stepper-stepper-small-button svg path {
		stroke: var(--neutrals-n-900);
	}

	.stepper-stepper-small-button:disabled svg path {
		stroke: var(--neutrals-n-500);
	}

.stepper-stepper-small-button-50 {
	background-color: var(--neutrals-n-100);
}

	.stepper-stepper-small-button-50:hover {
		background-color: var(--neutrals-n-200);
	}

	.stepper-stepper-small-button-50:focus {
		background-color: var(--neutrals-n-100);
	}

	.stepper-stepper-small-button-50:disabled {
		background-color: var(--neutrals-n-100);
	}

.stepper-stepper-small-button-100 {
	background-color: var(--neutrals-n-200);
}

	.stepper-stepper-small-button-100:hover {
		background-color: var(--neutrals-n-300);
	}

	.stepper-stepper-small-button-100:focus {
		background-color: var(--neutrals-n-200);
	}

	.stepper-stepper-small-button-100:disabled {
		background-color: var(--neutrals-n-200);
	}

.stepper-stepper-small-button-200 {
	background-color: var(--neutrals-n-300);
}

	.stepper-stepper-small-button-200:hover {
		background-color: var(--neutrals-n-400);
	}

	.stepper-stepper-small-button-200:focus {
		background-color: var(--neutrals-n-300);
	}

	.stepper-stepper-small-button-200:disabled {
		background-color: var(--neutrals-n-300);
	}

.stepper-stepper-small-button-icon {
	display: flex;
	width: 18px;
	height: 18px;
	padding: 0px 4.875px 0px 5.625px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.stepper-stepper-small-quantity {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	align-self: stretch;
	border-radius: 0px;
	color: var(--neutrals-n-900);
	/*Novo*/
	width: 100%;
	text-align: center;
	background-color: transparent;
	border: 0;
}

	.stepper-stepper-small-quantity:focus-visible {
		outline: -webkit-focus-ring-color auto 0px;
	}

	.stepper-stepper-small-quantity::placeholder {
		color: transparent;
	}

	.stepper-stepper-small-quantity:-ms-input-placeholder {
		color: transparent;
	}

	.stepper-stepper-small-quantity::-ms-input-placeholder {
		color: transparent;
	}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-product-info-stepper-icon-stepper-price {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 4px;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-container-products-wrapper-divider {
	/*height: 0px;*/
	align-self: stretch;
	stroke-width: 1px;
	stroke: var(--neutrals-n-300);
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-total {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-warehouse-wrapper-order-wrapper-total-text {
	color: var(--neutrals-n-900);
}

.cart-sidebar-content-wrapper-order-scrollbar-order-total-and-button {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-order-scrollbar-order-total-and-button-cart-button {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	border-radius: 16px;
	margin-bottom: 20px;
}

.cart-sidebar-low-quantity {
	color: var(--danger-red-500);
}

	.cart-sidebar-low-quantity svg path {
		fill: var(--danger-red-500);
	}

.no-quantity {
	filter: saturate(0);
}

/*
.product-popup {
	position: absolute;
    top: calc(50% - 242px);
    left: calc(50% - 438.5px);
	border-radius: 12px;
	background: var(--neutrals-n-50);
	display: none;
	padding: 32px;
	justify-content: center;
	align-items: center;
	gap: 48px;
	z-index: 100;
}
*/

.product-popup {
	position: fixed;
	top: calc(50% - 267px);
	left: calc(50% - 438.5px);
	width: 877px;
	/*display: inline-flex;*/
	padding: 32px;
	flex-direction: column;
	align-items: flex-end;
	gap: 24px;
	border-radius: 12px;
	background: var(--neutrals-n-50);
	display: none;
	/* Shadows/Light/Elevation 2 */
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.14);
	z-index: 100;
}

.product-popup-x {
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.product-popup-x-icon {
	display: flex;
	padding: 1.5px 0.5px 0.5px 1.5px;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
	align-self: stretch;
	cursor: pointer;
}

	.product-popup-x-icon svg path {
		stroke: var(--neutrals-n-900);
	}

.product-popup-other {
	display: flex;
	padding: var(--Product-Count, 0px);
	justify-content: center;
	align-items: center;
	gap: 48px;
	border-radius: 0px;
}

.product-popup-left {
	display: flex;
	width: 365px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.product-popup-left-img {
	display: flex;
	padding: 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 12px;
	border: 1px solid var(--neutrals-n-300);
	background: var(--neutrals-pure-white, #FFF);
	max-height: 256px;
	object-fit: contain;
}

.product-popup-left-frame {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
	border-radius: 0px;
}

.product-popup-left-frame-row {
	display: flex;
	height: 52px;
	padding: 0px;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.product-popup-left-frame-row-item {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	flex: 1 0 0;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

.product-popup-left-frame-row-item-value {
	display: flex;
	padding: 0px;
	align-items: flex-end;
	gap: 4px;
	white-space: nowrap; /*Novo*/
	flex-wrap: wrap; /*Novo*/
	color: var(--neutrals-n-600);
}

.product-popup-left-frame-row-item-price {
	color: var(--neutrals-n-900);
}

.product-popup-right {
	display: flex;
	height: 420px;
	padding: 0px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	border-radius: 0px;
	/*max-width: 400px;*/
	max-width: 5600px;
}

.product-popup-right-title-variation {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.product-popup-right-title-variation-title {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
	border-radius: 0px;
}

.product-popup-right-title-variation-title-container {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	justify-content: space-between;
	gap: 48px;
	align-self: stretch;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

.product-popup-right-title-variation-title-container-icon {
	position: relative;
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.product-popup-right-title-variation-title-container-icon-icon {
	display: flex;
	padding: 1.5px 0.5px 0.5px 1.5px;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
	align-self: stretch;
}

.product-popup-right-title-variation-attribute {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
	border-radius: 0px;
	overflow-y: hidden;
	max-height: 200px;
	color: var(--neutrals-n-900);
}

.color-wrapper {
	display: flex;
	/*max-width: 122px;*/
	padding: 0px;
	align-items: flex-start;
	gap: 15px;
	border-radius: 0px;
}

.color-wrapper-color {
	height: 30px;
	width: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.color-wrapper-color-color {
	display: flex;
	padding: 4px;
	align-items: flex-start;
	gap: 10px;
	border-radius: 999px;
	height: 24px;
	width: 24px;
	cursor: pointer;
	box-shadow: 0px 0px 0px 1px var(--neutrals-n-600);
	transition: width 0.2s, height 0.2s;
}

	.color-wrapper-color-color:hover {
		height: 30px;
		width: 30px;
	}

.color-wrapper-color-color-active {
	outline: 2px solid var(--neutrals-n-900);
	border: 3px solid var(--neutrals-n-100);
	height: 30px;
	width: 30px
}

.variation-picker {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	align-content: flex-start;
	gap: 8px;
	align-self: stretch;
	flex-wrap: wrap;
	border-radius: 0px;
}

.variation-picker-item {
	display: flex;
	padding: 4px 6px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	border-radius: 4px;
	border: 1px solid var(--neutrals-n-300);
	color: var(--neutrals-n-600);
	cursor: pointer;
}

	.variation-picker-item:hover {
		border: 1px solid var(--neutrals-n-100);
		background-color: var(--neutrals-n-100);
		color: var(--neutrals-n-600);
	}

.variation-picker-item-active {
	background-color: var(--neutrals-n-900);
	color: var(--neutrals-n-50);
}

	.variation-picker-item-active:hover {
		background-color: var(--neutrals-n-900);
		color: var(--neutrals-n-100);
	}

.product-popup-right-price-button {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 24px;
	border-radius: 0px;
	width: 100%;
}

.stepper-extended {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 4px;
	border-radius: 0px;
	width: 100%;

}

.stepper-extended-pom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-radius: 0px;
	width: 100%;
	gap: 24px; /*Promjenjen zbog detalji o proizvodu*/
}

.stepper-extended-pom-pom {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 12px;
	border-radius: 0px;
}

.stepper-extended-pom-price {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 2px;
	flex: 1 0 0;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

.category {
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
	/*height: 80px;*/
	padding: 24px;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	border-radius: 0px;
	border-bottom: 1px solid var(--neutrals-n-300);
}

.category-container {
	display: flex;
	padding: 0px;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
	border-radius: 0px;
}

.category-container-left {
	display: flex;
	flex-direction: column;
	padding: 0px;
	align-items: center;
	gap: 24px;
	border-radius: 0px;
}

.category-container-left-category-title {
	display: flex;
	align-items: center;
	gap: 8px;
}

.category-container-left-category-title-naziv {
	color: var(--neutrals-n-900);
}

.category-container-left-category-title-broj {
	display: flex;
	padding: 4px 8px;
	align-items: flex-start;
	gap: 10px;
	border-radius: 4px;
	background: var(--neutrals-n-200);
	color: var(--neutrals-n-600);
}

.breadcrumbs-wrapper {
	display: flex;
	align-items: center;
	gap: 4px;
	color: var(--neutrals-n-600);
}

.breadcrumbs-wrapper-items {
	cursor: pointer;
}

.breadcrumbs-wrapper-items-active {
	color: var(--neutrals-n-900);
}

.breadcrumbs-wrapper-icon {
	display: flex;
	width: 18px;
	height: 18px;
	padding: 6.375px 0px 5.625px 0px;
	justify-content: center;
	align-items: center;
}

.switches {
	display: flex;
	padding: 0px 4px;
	justify-content: flex-end;
	align-items: center;
	gap: 48px;
	align-self: stretch;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

.switches-items {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 12px;
	border-radius: 0px;
}

.switchPrekidac {
	position: relative;
	display: inline-block;
	width: 32px;
	height: 14px;
}

	.switchPrekidac input {
		opacity: 0;
		width: 0;
		height: 0;
	}

.sliderPrekidac {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--neutrals-n-300);
	-webkit-transition: .4s;
	transition: .4s;
}

	.sliderPrekidac:before {
		position: absolute;
		content: "";
		height: 20px;
		width: 20px;
		left: -3px;
		top: -3px;
		background-color: var(--neutrals-n-50);
		box-shadow: 1px 1px 2px 2px var(--opacity-levels-neutrals-black-8);
		-webkit-transition: .4s;
		transition: .4s;
	}

input:checked + .sliderPrekidac {
	background-color: var(--primary-yellow-500);
}

input:focus + .sliderPrekidac:before {
	box-shadow: 0 0 0px 3px var(--opacity-levels-neutrals-black-8);
}


input:checked + .sliderPrekidac:before {
	-webkit-transform: translateX(18px);
	-ms-transform: translateX(18px);
	transform: translateX(18px);
}

/* Rounded sliders */
.sliderPrekidac.roundPrekidac {
	border-radius: 22px;
}

	.sliderPrekidac.roundPrekidac:before {
		border-radius: 50%;
	}


.product-search {
	display: flex;
	width: 100%;
	justify-content: space-between;
	/*padding-right: 32px;*/
	align-items: center;
	gap: 48px;
	margin: 24px 0;
	border-radius: 0px;
}

.product-search-options {
	display: flex;
	height: 40px;
	padding: 0px;
	align-items: center;
	gap: 24px;
	border-radius: 0px;
}

.product-search-options-dropdown {
	display: flex;
	padding: 4px 8px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
}

.dropdown-stil {
	border: 0;
	background-color: transparent;
}

	.dropdown-stil:focus-visible {
		outline: -webkit-focus-ring-color auto 0px;
	}

.product-search-options-dropdown-horizontal-divider svg path {
	width: 40px;
	align-self: stretch;
	stroke-width: 1px;
	stroke: var(--neutrals-n-300);
}

.product-search-options-view-wrapper {
	display: flex;
	padding: 4px 8px;
	align-items: center;
	gap: 16px;
	border: 0;
}

.product-search-options-view-wrapper-grid {
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	position: relative;
}

.product-search-options-view-wrapper-grid-icon {
	display: flex;
	padding: 2.5px 1.5px 0.5px 2.5px;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
	align-self: stretch;
	cursor: pointer;
}


.product-space {
	display: flex;
	width: 100%;
	/*height: calc(100vh - 280px);*/
	align-items: flex-start;
	gap: 24px;
	flex-shrink: 0;
	flex-direction: column;
	/*overflow-y: scroll;*/
	/*padding-right: 20px;*/
	border-radius: 8px;
}

.product-space-space {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 48px;
	flex: 1 0 0;
	border-radius: 0px;
	width: 100%;
}

.product-space-space-grid {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.product-space-space-grid-row {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
	flex-wrap: wrap;
	/*grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	display: grid;*/
}

.product-card2 {
	display: none;
	align-items: flex-start;
	flex: 1 0 0;
	min-width: 200px;
	max-width: 200px;
}

.product-card {
	display: flex;
	align-items: flex-start;
	flex: 1 0 0;
	/*min-width: 200px;
	max-width: 200px;*/
}

.product-card-wrapper {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
	flex: 1 0 0;
	border-radius: 0px;
}

.product-card-wrapper-top {
	display: flex;
	padding: 8px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 8px;
	background: var(--neutrals-pure-white);
}

.product-card-wrapper-top-top {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 0px;
}

.product-card-wrapper-top-top-icon {
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.product-card-wrapper-top-picture {
	display: flex;
	padding: 12px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	border-radius: 0px;
}

.product-card-wrapper-top-picture-img {
	width: 100%;
	/*height: 100%;*/
	height: 100px;
	object-fit: cover; /* Skalira sliku da popuni cijeli kvadrat */
}

.product-card-wrapper-top-bottom {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-radius: 0px;
}

.quick-shop-icon {
	position: relative;
	border: 0;
	display: flex;
	width: 32px;
	height: 32px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	background-color: var(--neutrals-n-200);
}

	.quick-shop-icon:hover {
		background-color: var(--neutrals-n-300);
	}

	.quick-shop-icon:focus {
		background-color: var(--neutrals-n-200);
	}

	.quick-shop-icon:disabled {
		background-color: var(--neutrals-n-200);
	}

		.quick-shop-icon:disabled svg path {
			stroke: var(--neutrals-n-500);
		}

	.quick-shop-icon svg path {
		stroke: var(--neutrals-n-900);
	}

.quick-shop-icon-notify {
	background: var(--primary-yellow-500);
}

	.quick-shop-icon-notify:hover {
		background-color: var(--primary-yellow-400);
	}

	.quick-shop-icon-notify:focus {
		background-color: var(--primary-yellow-500);
	}

	.quick-shop-icon-notify:disabled {
		background-color: var(--neutrals-n-500);
	}

		.quick-shop-icon-notify:disabled svg path {
			stroke: var(--neutrals-n-200);
		}

	.quick-shop-icon-notif svg path {
		stroke: var(--neutrals-n-900);
	}

.quick-shop-icon-notify-upaljen svg path {
	fill: var(--neutrals-n-900);
}
/*
	.quick-shop-icon-notify-upaljen:hover {
		background-color: var(--success-green-200);
	}

	.quick-shop-icon-notify-upaljen:focus {
		background-color: var(--success-green-100);
	}

	.quick-shop-icon-notify-upaljen svg path {
		stroke: var(--success-green-500);
	}
	*/

.product-card-wrapper-top-bottom-stock {
	display: flex;
	padding: 0px;
	align-items: flex-end;
	gap: 4px;
	border-radius: 0px;
}

.product-card-wrapper-product-info {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	align-self: stretch;
	border-radius: 0px;
}

.product-card-wrapper-product-info-pom {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	align-self: stretch;
	border-radius: 0px;
}

.product-card-wrapper-product-info-pom-title-price {
	color: var(--neutrals-n-900);
	/*height: 60px;*/
}

.product-card-wrapper-product-info-pom-price-discount {
	color: var(--danger-red-500);
	/*height: 60px;*/
}

.product-card-wrapper-product-info-pom-title-price-just-title {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4; /* number of lines to show */
	line-clamp: 4;
	-webkit-box-orient: vertical;
}

	.product-card-wrapper-product-info-pom-title-price-just-title:hover {
		-webkit-line-clamp: 10; /* number of lines to show */
		line-clamp: 10;
	}
/*
@keyframes otvoriCijeliNaziv {
	from {
		-webkit-line-clamp: 4;
		line-clamp: 4;
	}

	to {
		-webkit-line-clamp: 10;
		line-clamp: 10;
	}
}
*/


.product-card-wrapper-product-info-pom-other {
	color: var(--neutrals-n-600);
	/*height: 19px*/
}

.bezPadding {
	padding: 0;
}

.product-space-space-product-list {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	flex: 1 0 0;
	border-radius: 0px;
}

.product-space-space-product-list-item {
	display: flex;
	width: 97%;
	align-items: flex-start;
	gap: 48px;
	border-bottom: 1px solid var(--neutrals-n-300);
	padding: 15px;
}

.product-space-space-product-list-item-image {
	display: flex;
	width: 150px;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 12px;
	flex-shrink: 0;
	align-self: stretch;
	border-radius: 0px;
}

.product-space-space-product-list-item-image-container {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
	border-radius: 0px;
}

.product-space-space-product-list-item-image-container-image {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	border-radius: 0px;
}

.product-space-space-product-list-item-image-container-image-top-container {
	display: flex;
	width: 96px;
	height: 96px;
	padding: 12px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	border-radius: 8px;
	background: var(--neutrals-pure-white);
}

.product-space-space-product-list-item-image-container-image-top-container-product-image-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

.product-space-space-product-list-item-image-container-icon {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

.product-space-space-product-list-item-info {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	row-gap: 24px;
	flex: 1 0 0;
	align-self: stretch;
	flex-wrap: wrap;
	border-radius: 0px;
}

.product-space-space-product-list-item-info-cell {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
}

.product-space-space-product-list-item-info-cell-prvi {
	width: 200px;
}

.product-space-space-product-list-item-info-cell-naslovi {
	color: var(--neutrals-n-900);
}

.product-space-space-product-list-item-info-cell-naziv-cijena {
	color: var(--neutrals-n-900);
}

.product-space-space-product-list-item-info-cell-ostalo {
	color: var(--neutrals-n-600);
}

/*
.product-space-space-product-list-divider svg{
	width: 100%;
}

.product-space-space-product-list-divider svg path{
	width: 100%;
	stroke: var(--neutrals-n-300);	
}
*/

.navigation-rail-buttons-active-no-stroke svg path {
	stroke: none;
}

.product-sidebar {
	display: flex;
	width: 288px;
	height: calc(100vh - 216px);
	/*padding: 24px;*/
	padding: 0;
	flex-direction: column;
	align-items: flex-start;
	/*gap: 32px;*/
	flex-shrink: 0;
	border-radius: 12px;
	background: var(--neutrals-n-50);
	margin: 24px 0;
}

.category-without-icon {
	display: flex;
	width: 100%;
	/*width: 288px;*/
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	border-radius: 8px;
}

.category-without-icon-item {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	align-self: stretch;
	border-radius: 0px;
}

.category-without-icon-item-item {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0px;
	align-self: stretch;
	border-radius: 0px;
}

.category-without-icon-item-item-lvl1 {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 0px;
	align-self: stretch;
	border-radius: 0px;
}

.category-without-icon-item-item-lvl1-category {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	flex: 1 0 0;
	border-radius: 0px;
}

.category-without-icon-item-subcategory {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 0px;
	align-self: stretch;
	border-radius: 0px;
	margin-left: 10px;
}

.category-without-icon-item-subcategory-active {
	border-left: 1px solid var(--neutrals-n-300);
}

.category-without-icon-item-subcategory-categories {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

.category-without-icon-item-subcategory-categories-item {
	display: flex;
	padding-left: 0px;
	align-items: center;
	gap: 0px;
	align-self: stretch;
	border-radius: 0px;
}

.category-without-icon-item-subcategory-categories-item-wrapper {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

.category-without-icon-item-subcategory-categories-item-wrapper-button {
	display: flex;
	height: 48px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	align-self: stretch;
	border-radius: 0px;
}

.div-none {
	display: none;
}

.product-sidebar-pom {
	width: 100%;
	height: 100%;
	margin-bottom: 20px;
	overflow-y: scroll;
}

.product-sidebar-pom-pom {
	width: 100%;
	height: 100%;
	padding: 0 24px;
}

.product-sidebar-tabs {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	border-radius: 0px;
}

.tabs-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
	/*padding: 24px;*/
}

.tabs-wrapper-add-padding {
	padding: 24px;
}

.tabs-wrapper-tabs {
	display: flex;
	width: 240px;
	padding: 4px;
	align-items: flex-start;
	/*gap: 24px;*/
	border-radius: 8px;
	background: var(--neutrals-n-100);
	color: var(--neutrals-n-900);
}

.tabs-wrapper-tabs2 {
	background: var(--neutrals-n-50);
	width: auto;
}

.tabs-wrapper-tabs3 {
	background: var(--neutrals-n-100);
	width: auto;
}

.tabs-wrapper-tabs-tab {
	display: flex;
	padding: 12px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 6px;
	cursor: pointer;
	white-space: nowrap;
	color: var(--neutrals-n-600);
}

.tabs-wrapper-tabs-tab-active {
	background: var(--primary-yellow-400);
	color: var(--neutrals-n-900);
}

.filter-sidebar {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 12px;
	overflow-y: scroll;
	padding: 0px 24px;
}

.filter-sidebar-pom {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 12px;
	padding: 24px 0;
}

.filter-sidebar-section {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
	border-radius: 0px;
}

.price-range {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
	border-bottom: 1px solid var(--neutrals-n-300);
	padding-bottom: 30px;
}

.price-range-header {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	align-self: stretch;
	border-radius: 0px;
}

.price-range-header-pom {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

.price-range-content {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 36px;
	align-self: stretch;
	border-radius: 0px;
}

.price-range-content-min-max {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
	border-radius: 0px;
}

.price-range-content-min-max-input {
	display: flex;
	padding: 8px 24px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	border-radius: 8px;
	border: 1px solid var(--neutrals-n-300);
	width: 100%;
	text-align: center;
	color: var(--neutrals-n-600);
	background-color: transparent;
}

	.price-range-content-min-max-input:focus-visible {
		outline: -webkit-focus-ring-color auto 0px;
	}

.price-range-content-min-max-svg path {
	width: 8px;
	height: 0px;
	stroke-width: 1px;
	stroke: var(--neutrals-n-900);
}

.range {
	width: 100%;
}

.range-slider {
	height: 4px;
	position: relative;
	background-color: var(--neutrals-n-900);
	border-radius: 2px;
}

.range-selected {
	height: 100%;
	left: 0%;
	right: 0%;
	position: absolute;
	border-radius: 5px;
	background-color: var(--neutrals-n-300);
}

.range-input {
	position: relative;
}

	.range-input input {
		position: absolute;
		width: 100%;
		height: 5px;
		top: -6px;
		background: none;
		pointer-events: none;
		-webkit-appearance: none;
		-moz-appearance: none;
	}

		.range-input input::-webkit-slider-thumb {
			height: 20px;
			width: 20px;
			border-radius: 50%;
			border: 3px solid var(--neutrals-n-900);
			background-color: var(--neutrals-n-900);
			pointer-events: auto;
			-webkit-appearance: none;
		}

		.range-input input::-moz-range-thumb {
			height: 15px;
			width: 15px;
			border-radius: 50%;
			border: 3px solid var(--neutrals-n-900);
			background-color: var(--neutrals-n-900);
			pointer-events: auto;
			-moz-appearance: none;
		}

.filter-container {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	align-self: stretch;
	border-bottom: 1px solid var(--neutrals-n-300);
	padding-bottom: 30px
}

.filter-container-title {
	display: flex;
	padding-bottom: 12px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}

.filter-container-title-count-and-title {
	display: flex;
	width: 133.5px;
	padding: 0px;
	align-items: center;
	gap: 8px;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

.filter-container-title-count-and-title-count {
	display: flex;
	width: 24px;
	height: 24px;
	padding: 4px 8px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	flex-shrink: 0;
	border-radius: 999px;
	background: var(--neutrals-n-900);
	color: var(--neutrals-n-50);
}

.filter-container-wrapper {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
	border-radius: 0px;
}

.filter-container-wrapper-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	border-radius: 0px;
}

.filter-container-wrapper-container-dropdown {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.sidebar-checkbox {
	display: flex;
	align-items: center;
	gap: 8px;
}

.sidebar-checkbox-checkbox {
	display: flex;
	width: 40px;
	height: 40px;
	padding: 10px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 999px;
}


	.sidebar-checkbox-checkbox input {
		display: flex;
		width: 18px;
		height: 18px;
		padding: 4px;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 10px;
		flex-shrink: 0;
		border-radius: 2px;
		border: 1px solid var(--neutrals-n-500);
		accent-color: var(--neutrals-n-900);
	}


.sidebar-checkbox label {
	color: var(--neutrals-n-900);
}

.show-more-less-button {
	display: inline-flex;
	padding: 2px;
	justify-content: center;
	align-items: center;
	gap: 0px;
	border-radius: 0px;
	border: 0;
	background-color: transparent;
	color: var(--neutrals-n-900);
}

	.show-more-less-button:hover {
		color: var(--neutrals-n-600);
	}

		.show-more-less-button:hover svg path {
			stroke: var(--neutrals-n-600);
		}

.skeleton-loading {
	background: var(--neutrals-n-200);
}

	.skeleton-loading::before {
		content: "";
		padding-top: 100%; /* Ovo postavlja visinu kvadrata na 100% širine */
		display: block;
	}

.skeleton-visina-tekst {
	height: 24px;
}

.skeleton-loading-w-100p {
	background: var(--neutrals-n-200);
	width: 100%;
}

.skeleton-loading-w-50p {
	background: var(--neutrals-n-200);
	width: 50%;
}

.skeleton-loading-w-25p {
	background: var(--neutrals-n-200);
	width: 25%;
}

.product-info-parent {
	display: flex;
	width: 100%;
	padding: 0px;
	align-items: flex-start;
	align-content: flex-start;
	gap: 48px;
	flex-wrap: wrap;
	border-radius: 0px;
	margin-top: 30px;
	margin-bottom: 48px;
}

.product-info-parent-glavni {
	display: flex;
	/*height: 480px;*/
	padding: 0px;
	align-items: flex-start;
	gap: 24px;
	border-radius: 0px;
}

.product-info-parent-glavni-product {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 48px;
	align-self: stretch;
	border-radius: 0px;
	flex-wrap: wrap;
}

.product-info-parent-glavni-product-image {
	display: flex;
	width: 400px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	border-radius: 0px;
}

.product-info-parent-glavni-product-image-pom {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 12px;
}

.product-info-parent-glavni-product-image-pom-pom {
	display: flex;
	position: relative;
	padding: 64px 16px;
	justify-content: center;
	align-items: center;
	gap: 16px;
	flex: 1 0 0;
	border-radius: 12px;
	min-height: 400px;
	max-height: 400px;
	background: var(--neutrals-n-50);
}

.product-info-action {
	position: absolute;
	left: 24px;
	top: 24px;
}

.product-info-favorite {
	position: absolute;
	right: 24px;
	top: 24px;
}

.product-info-stock {
	position: absolute;
	right: 24px;
	bottom: 24px;
}

.product-info-parent-glavni-product-image-pom-pom-img {
	width: 272px;
	height: 100%;
	object-fit: contain;
}

.product-info-parent-glavni-product-info {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 48px;
	align-self: stretch;
	border-radius: 0px;
}

.product-info-parent-glavni-product-image-pom-other-image {
	display: flex;
	/*height: 110px;*/
	padding: 0 5px;
	flex-direction: column;
	align-items: flex-end;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.product-info-parent-glavni-product-image-pom-other-image-pom {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 12px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

.product-info-parent-glavni-product-image-pom-other-image-pom-pom {
	display: flex;
	padding: 16px;
	justify-content: center;
	align-items: center;
	gap: 12px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 8px;
	min-height: 122px;
	max-height: 122px;
	cursor: pointer;
	background: var(--neutrals-n-50);
}

.product-info-parent-glavni-product-image-pom-other-image-pom-pom-active {
	border: 1px solid var(--neutrals-n-300);
}

.product-info-parent-glavni-product-image-pom-other-image-pom-pom img {
	width: 100%;
}

.product-info-parent-glavni-product-info-info {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	border-radius: 0px;
}

.product-info-parent-glavni-product-info-info-pom {
	display: flex;
	width: 500px;
	padding: 0px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 0px;
}

.product-info-parent-glavni-product-info-info-pom-up {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

.product-info-parent-glavni-product-info-info-pom-up-details {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 0px;
	flex-direction: column;
	color: var(--neutrals-n-600);
}

.product-info-parent-glavni-product-info-info-pom-up-price {
	display: flex;
	padding: 0px;
	align-items: start;
	align-self: stretch;
	border-radius: 0px;
	flex-direction: column;
	color: var(--neutrals-n-900);
}

.product-info-parent-glavni-product-info-info-pom-up-price-stock {
	display: flex;
	padding: 0px;
	align-items: flex-end;
	gap: 24px;
	border-radius: 0px;
}

.product-info-parent-glavni-product-info-info-pom-down {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 24px;
	border-radius: 0px;
}

.product-info-parent-glavni-product-info-fav {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 24px;
	border-radius: 0px;
}

.product-info-parent-glavni-product-info-fav-icon {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	border-radius: 0px;
}

.product-info-parent-glavni-product-info-fav-icon-icon {
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
}

.product-info-parent-glavni-product-info-fav-icon-icon-pom {
	display: flex;
	width: 24px;
	height: 24px;
	padding: 2.5px 0.5px 2px 1.5px;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}

.product-info-parent-sporedni {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
	border-radius: 0px;
	color: var(--neutrals-n-600);
}

.product-info-parent-sporedni-elementi {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	align-content: flex-start;
	gap: 12px 12px;
	align-self: stretch;
	/*flex-wrap: wrap;*/
	border-radius: 0px;
}

.product-info-parent-sporedni-elementi-element {
	display: flex;
	padding: 8px 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 0px;
	border: 0;
	color: var(--neutrals-n-600);
	background-color: transparent;
	/*white-space: nowrap;*/
}

.product-info-parent-sporedni-elementi-element-active {
	border-bottom: 2px solid var(--neutrals-n-900);
	color: var(--neutrals-n-900);
}

.text-justify {
	text-align: justify;
}

.suggest-product {
	display: flex;
	width: 100%;
	padding-bottom: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
	border-radius: 0px;
	border-top: 1px solid var(--neutrals-n-300);
}

.suggest-product-pom {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.suggest-product-pom-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 64px;
	align-self: stretch;
	border-radius: 0px;
}

.suggest-product-pom-container-pom {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 48px;
	align-self: stretch;
	border-radius: 0px;
}

.suggest-product-pom-container-pom-razdjelnik {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.suggest-product-pom-container-pom-razdjelnik-up {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-radius: 0px;
}

.suggest-product-pom-container-pom-razdjelnik-up-buttons {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 24px;
	border-radius: 0px;
}

.suggest-product-pom-container-pom-razdjelnik-down {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
	align-self: stretch;
	border-radius: 0px;
}

.suggest-product-pom-container-pom-razdjelnik-down-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	border-radius: 0px;
}

.suggest-product-pom-container-pom-razdjelnik-down-container-razdjelnik {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

/*
.carousel {
  overflow: hidden;
  position: relative;
  width: 100%; 
}

.carousel-container {
  display: flex;
  transition: transform 0.3s ease-in-out;
}

.carousel-item2 {
  flex: 0 0 300px;
}
*/

.carousel {
}

.owl-carousel {
	z-index: 0;
	opacity: 0;
	/*animation: fadeIn 2s forwards;*/
}

.owl-carousel2 {
	width: 0;
	flex-basis: 100%;
	z-index: 0;
}

.cart-sidebar-content-wrapper-notification {
	display: flex;
	padding: 24px 0px;
	flex-direction: column;
	align-items: flex-end;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-notification-switch {
	display: flex;
	padding: 0px 24px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-notification-switch-switch {
	display: flex;
	height: 14px;
	padding: 0px;
	align-items: center;
	gap: 12px;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-notification-notification-wrapper {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
	align-self: stretch;
	border-radius: 0px;
	overflow-y: scroll;
	height: calc(100vh - 190px);
	padding-right: 24px;
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-title {
	display: flex;
	padding: 0px 24px;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification {
	display: flex;
	padding: 24px;
	align-items: center;
	gap: 48px;
	align-self: stretch;
	border-radius: 0px 8px 8px 0;
	background-color: transparent;
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-no-read {
	background-color: var(--neutrals-n-100);
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-product {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 16px;
	flex: 1 0 0;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-product-left {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-product-left-stock {
	display: flex;
	padding: 0px;
	align-items: flex-end;
	gap: 4px;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-product-left-image {
	display: flex;
	width: 48px;
	height: 48px;
	padding: 4px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	background: var(--neutrals-n-50);
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-product-right {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-product-right-up {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 4px;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-product-right-up-warehouse {
	color: var(--neutrals-n-600);
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-product-right-up-info-name {
	color: var(--neutrals-n-900);
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-product-right-down {
	display: flex;
	width: 310px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-product-right-down-product-name {
	color: var(--neutrals-n-900);
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-product-right-down-product-variation {
	color: var(--neutrals-n-600);
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-product-right-down-text {
	color: var(--neutrals-n-600);
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-time-options {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	align-self: stretch;
	border-radius: 0px;
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-time-options-time {
	color: var(--neutrals-n-600);
}

.cart-sidebar-content-wrapper-notification-notification-wrapper-frame-time-notifications-notification-time-options-buttons-wrapper {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 24px;
	border-radius: 0px;
}

.stteper-margin-top {
	margin-top: 20px;
}

.icon-buttons-icon-notification-fix {
	display: flex;
	width: 24px;
	height: 24px;
	justify-content: center;
	align-items: center;
	gap: 10px;
}


.product-info-parent-sporedni-content {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	border-radius: 0px;
}

.product-info-parent-sporedni-content-description {
	display: flex;
	padding: 0px;
	min-width: 400px;
	max-width: 560px;
	align-items: flex-start;
	gap: 10px;
	flex: 1 0 0;
	color: var(--neutrals-n-600);
}

.product-info-parent-sporedni-content-specification {
	display: none;
	/*display: flex;*/
	min-width: 400px;
	max-width: 560px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	/*gap: 16px;*/
	border-radius: 0px;
}

.product-info-parent-sporedni-content-specification-item {
	display: flex;
	padding: 16px 0;
	width: 100%;
	justify-content: space-between;
	align-items: flex-start;
	border-radius: 0px;
	border-bottom: 1px solid var(--neutrals-n-300);
}

	.product-info-parent-sporedni-content-specification-item:first-child {
		padding: 0 0 16px 0;
	}

	.product-info-parent-sporedni-content-specification-item:last-child {
		border-bottom: 0;
	}

.product-info-parent-sporedni-content-specification-item-left {
	color: var(--neutrals-n-900);
}

.product-info-parent-sporedni-content-specification-item-right {
	color: var(--neutrals-n-600);
}

.product-info-parent-sporedni-content-documents {
	display: none;
	/*display: flex;*/
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	flex: 1 0 0;
	border-radius: 0px;
}

.product-info-parent-sporedni-content-documents-tech {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 8px;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

/*Dropdown meni*/
.select-menu {
	position: relative;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
	padding-bottom: 10px;
}

	.select-menu .select-btn {
		display: flex;
		height: 20px;
		background: transparent;
		align-items: center;
		cursor: pointer;
		gap: 8px;
		color: var(--neutrals-n-900);
	}

.select-btn svg {
	transition: 0.3s;
}

.select-menu.active .select-btn svg {
	transform: rotate(-180deg);
}

.select-menu .options {
	position: absolute;
	width: 400px;
	padding: 0px 8px;
	margin-top: 10px;
	border-radius: 8px;
	background: var(--neutrals-n-50);
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
	display: none;
}

.select-menu.active .options {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	/*gap: 12px;*/
}

.options .option {
	width: 100%;
	display: flex;
	cursor: pointer;
	padding: 8px;
	justify-content: space-between;
	align-items: center;
	/*border-radius: 4px;*/
	border-bottom: 1px solid var(--neutrals-n-300);
}

	.options .option .option-pom {
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 368px;
		border-radius: 4px;
		padding: 8px;
	}

	.options .option:last-child {
		border-bottom: 0px;
	}

	.options .option:hover .option-pom {
		background-color: var(--neutrals-n-100);
	}

.option svg {
}

.option .option-text {
	color: var(--neutrals-n-900);
}


.login-div {
	display: flex;
	height: 100vh;
	/*padding: 64px 48px;*/
	align-items: center;
	gap: 128px;
	border-radius: 0px;
	background: var(--neutrals-n-100);
}

.login-div-left {
	display: flex;
	width: 534px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 200px;
	flex-shrink: 0;
	align-self: stretch;
	border-radius: 0px;
}

.login-div-right {
	width: 487px;
	display: flex;
	padding: 0px;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 24px;
}

.login-div-left-down {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

.login-div-left-down-form {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
	border-radius: 0px;
	flex: 1 0 0;
	justify-content: center;
}

.login-div-left-down-form-login {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
	align-self: stretch;
	border-radius: 24px;
}

.login-div-left-down-form-login-up {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.login-div-left-down-form-login-up-title {
	display: flex;
	padding: 20px 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

.login-div-left-down-form-login-up-form {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
	border-radius: 0px;
}

.login-div-left-down-form-login-up-form-bottom {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-radius: 0px;
}

.login-div-left-down-form-login-up-form-bottom-checkbox {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 4px;
	border-radius: 0px;
	color: var(--neutrals-n-600);
}

.login-div-left-down-form-login-down {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 48px;
	align-self: stretch;
	border-radius: 0px;
}

.login-div-left-down-form-registration-row {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 12px;
	border-radius: 0px;
}

.login-div-left-down-form-registration-row-text {
	color: var(--neutrals-n-900);
}

.login-div-left-down-form-registration-row-link {
	color: var(--secondary-blue-500);
}

.login-div-left-down-copyright {
	display: flex;
	padding: 30px 0px;
	align-items: center;
	gap: 8px;
	border-radius: 0px;
	color: var(--neutrals-n-500);
}

.center-login {
	/*justify-content: center;*/
	display: flex;
}

.registration-div {
	display: flex;
	height: 100vh;
	/*padding: 48px;*/
	align-items: center;
	gap: 128px;
	border-radius: 0px;
	background: var(--neutrals-n-100);
}

.registration-div-left {
	margin: 15px 0;
	display: flex;
	width: 534px;
	padding: 0px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex-shrink: 0;
	align-self: stretch;
	border-radius: 0px;
}

.registration-div-left-down {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
	align-self: stretch;
	border-radius: 0px;
}

.registration-div-left-down-form {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
	border-radius: 0px;
}

.registration-div-right {
	display: flex;
	/*padding: 203px 39px;*/
	width: 487px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1 0 0;
	align-self: stretch;
	/*border-radius: 24px;*/
	max-width: 774px;
	/*background: var(--neutrals-n-200);*/
}

.input-height {
	height: 48px;
}

.input-color {
	color: var(--neutrals-n-600);
}

.background-color-transparent {
	background-color: transparent;
}

.select-input-group {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
	border-radius: 0px;
}

.select-input-text {
	color: var(--neutrals-n-900);
}

.select-input-border:focus {
	border: 2px solid black;
	outline: 0;
	box-shadow: inset 0 0 0 0px transparent;
}

.orders-page {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex-shrink: 0;
	border-radius: 0px;
}

.orders-page-tabs {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 0px;
	align-self: stretch;
	border-radius: 0px;
}

.orders-page-filters {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-radius: 0px;
}

.orders-page-filters-dropdowns {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 24px;
	border-radius: 0px;
}

.orders-page-table {
	display: flex;
	padding: 24px;
	align-items: flex-start;
	gap: 0px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.orders-page-table-frame {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 0px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

.orders-page-table-frame-column {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

.orders-page-table-frame-column-header-cell {
	display: flex;
	height: 64px;
	padding: 12px 24px;
	align-items: center;
	gap: 24px;
	align-self: stretch;
	border-radius: 12px 0px 0px 12px;
	background: var(--neutrals-n-100);
	color: var(--neutrals-n-900);
}

.orders-page-table-frame-column-cells {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

.orders-page-table-frame-column-cells-item-cell {
	display: flex;
	padding: 12px 24px;
	align-items: center;
	gap: 24px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

.orders-page-table-frame table {
	width: 100%;
}

	.orders-page-table-frame table tr th {
		height: 64px;
		padding: 12px 24px;
		border-radius: 0px;
		background: var(--neutrals-n-100);
		color: var(--neutrals-n-900);
	}

		.orders-page-table-frame table tr th:first-child {
			border-radius: 12px 0px 0px 12px;
		}

		.orders-page-table-frame table tr th:last-child {
			border-radius: 0px 12px 12px 0px;
		}

	.orders-page-table-frame table tr td {
		padding: 12px 24px;
		border-radius: 0px;
	}

.orders-page-table-frame-color1 {
	color: var(--neutrals-n-900);
}

.orders-page-table-frame-color2 {
	color: var(--neutrals-n-600);
}

.order-page-table-frame-td-with-icon {
	display: flex;
	align-items: center;
	gap: 12px;
}

.order-page-table-frame-td-unknown {
	color: var(--neutrals-n-600);
}

.order-page-table-frame-td-succes {
	color: var(--success-green-500);
}

.order-page-table-frame-td-error {
	color: var(--danger-red-500);
}

.lista-zelja-dugmad-desno {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-end;
	gap: 24px;
	align-self: stretch;
	justify-content: space-around;
}

.button-100-sirina {
	width: 100%;
}

.list-zelja-naslov {
	color: var(--neutrals-n-900);
}

.button-success {
	background-color: var(--success-green-100);
	color: var(--success-green-500);
}

	.button-success:hover {
		background-color: var(--success-green-100);
		color: var(--success-green-500);
		box-shadow: 0px 0px 0px 0px transparent;
	}

	.button-success:focus {
		background-color: var(--success-green-100);
		color: var(--success-green-500);
		box-shadow: 0px 0px 0px 0px transparent;
	}

	.button-success svg path {
		stroke: var(--success-green-500);
	}


.button-error {
	background-color: var(--danger-red-500);
	color: var(--danger-red-100);
}

	.button-error:hover {
		background-color: var(--danger-red-500);
		color: var(--danger-red-100);
		box-shadow: 0px 0px 0px 0px transparent;
	}

	.button-error:focus {
		background-color: var(--danger-red-500);
		color: var(--danger-red-100);
		box-shadow: 0px 0px 0px 0px transparent;
	}


	.button-error .button-icon svg path {
		stroke: var(--danger-red-100);
	}

.error-text {
	color: var(--danger-red-500);
}

.error-balon {
	border-radius: 10px;
	width: 100%;
	text-align: center;
	padding: 10px;
	border: 1px solid var(--danger-red-500);
	background-color: var(--danger-red-100);
}

.powered {
	color: var(--neutrals-n-500);
}

.mesagge-balon {
	display: flex;
	padding: 12px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
	border-radius: 16px;
	background: var(--neutrals-n-200);
}

.message-balon-title-icon {
	display: flex;
	align-items: center;
	gap: 12px;
}

.mesagge-balon-error {
	border: 1px solid var(--danger-red-500);
}

.mesagge-balon-success {
	border: 1px solid var(--success-green-500);
}

.mesagge-balon-title-and-text {
	display: flex;
	padding: 0px;
	flex-direction: row;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
	
}

.mesagge-balon-title-and-text-color {
	color: var(--neutrals-n-600);
} 

.mesagge-balon-title-and-text-title {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 12px;
	border-radius: 0px;
}

.mesagge-balon-title-and-text-title-error {
	color: var(--danger-red-500);
}

.mesagge-balon-title-and-text-title-success {
	color: var(--success-green-500);
}

.mesagge-balon-title-and-text-title-icon {
	display: flex;
	width: 32px;
	height: 32px;
	padding: 2px 0.67px 0.67px 2px;
	justify-content: center;
	align-items: center;
}

.mesagge-balon-title-and-text-title-icon-success svg path {
	stroke: var(--success-green-500);
}

.loading {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	display: none; /*flex*/
	gap: 20px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: var(--neutrals-n-700);
	background: rgb(255 255 255 / 75%);
	backdrop-filter: blur(3px);
	z-index: 200;
}

.loading2 {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: center;
}

.poruka-ispod-input-fix {
	display: block;
	width: 90%;
	margin-top: 5px;
}

.dialog {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 10;
}

.dialog-prozor {
	border-radius: 16px;
	background: var(--neutrals-n-50);
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.30), 0px 4px 8px 3px rgba(0, 0, 0, 0.15);
	display: inline-flex;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
}

.dialog-prozor-up {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
	border-radius: 0px;
}

.dialog-prozor-up-title {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	border-radius: 0px;
	color: var(--neutrals-n-900);
}

.dialog-prozor-up-content {
	color: var(--neutrals-n-600);
}

.dialog-prozor-down {
	display: flex;
	padding:0px;
	align-items: center;
	gap: 24px;
	align-self: stretch;
	border-radius: 0px;
}

.cursor-pointer{
	cursor: pointer;
}

.color-high {
	color: var(--success-green-500);
}

.color-high-fill path {
	fill: var(--success-green-500);
}

.color-medium {
	color: var(--secondary-blue-500);
}

.color-medium-fill path {
	fill: var(--secondary-blue-500);
}

.color-low {
	color: var(--danger-red-500);
}

.color-low-fill path {
	fill: var(--danger-red-500);
}

.position-relative{
	position: relative;
}

.baloncic-plus {
	display: block;
	width: 15px;
	height: 13px;
	padding: 0px;
	align-items: center;
	gap: 0px;
	flex-shrink: 0;
	border-radius: 2px;
	background: var(--primary-yellow-500);
	color: var(--neutrals-n-900);
	font-family: Montserrat;
	font-size: 10px;
	font-style: normal;
	font-weight: 500;
	line-height: 16px;
	position: absolute;
	top: -4px;
	right: -6px;
	text-align: center;
}

.popuni-srce svg path {
	fill: var(--neutrals-n-900);
}

.display-flex {
	display: flex;
}

.align-items-end {
	align-items: end;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Old versions of Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}

.lista-zelja-kolicina-popust{
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.lista-zelja-kolicina {
	display: flex;
	align-items: flex-start;
	gap: 4px;
}

.jedan-red-teksta {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	line-clamp: 1;
	-webkit-box-orient: vertical;
}

.dva-red-teksta {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.sort-product-list {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	cursor: pointer;
}


.sort-product-list-button {
	display: flex;
	padding: 11px;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.sort-product-list-button-icon {
	display: flex;
	width: 18px;
	height: 18px;
	padding: 1.875px 1.875px 1.125px 2.625px;
	justify-content: center;
	align-items: center;
}

.korpa-prazna {
	height: calc(100vh - 100px);
	display: flex;
}

.text-cart-empty {
	color: var(--neutrals-n-900);
}

.cart-empty-image-text {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 32px;
	border-radius: 0px;
}

.cart-empty-image-text-button {
	display: flex;
	width: 550px;
	padding-bottom: 24px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 64px;
	flex: 1 0 0;
}

.pocetna-prvi-red {
	display: flex;
	flex-direction: row;
	height: 400px;
	/*padding-top: 24px;*/
	gap: 24px;
	width: 100%;
}

.pocetna-prvi-red-kolona1 {
	display: flex;
	/*width: 576px;*/
	height: 400px;
	flex: 1;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex-shrink: 0;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.pocetna-prvi-red-kolona1-pom {
	display: flex;
	height: 400px;
	padding: 24px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex-shrink: 0;
}

.pocetna-prvi-red-kolona1-red1 {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.pocetna-prvi-red-kolona1-red1-up {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}

.pocetna-prvi-red-kolona1-red1-up-counter-buttons {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 24px;
}

.pocetna-prvi-red-kolona1-red1-up-counter-buttons-buttons {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 12px;
}

.pocetna-prvi-red-kolona1-red1-down {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.pocetna-prvi-red-kolona1-red1-down-row {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
}

.pocetna-prvi-red-kolona1-red1-down-row-containter {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	flex: 1 0 0;
}

.pocetna-prvi-red-kolona1-red2 {
	display: flex;
	padding: 0px;
	justify-content: center;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}

.pocetna-prvi-red-kolona1-red2-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	flex: 1 0 0;
}

.pocetna-prvi-red-kolona1-red2-container-progress {
	height: 12px;
	align-self: stretch;
	border-radius: 999px;
	background: var(--primary-yellow-400);
}

.pocetna-prvi-red-kolona1-red2-container-progress-no-finish {
	background: var(--neutrals-n-200);
}

.pocetna-prvi-red-kolona1-red2-container-progress-canceled {
	background: var(--danger-red-500);
}

.pocetna-prvi-red-kolona1-red3 {
	display: flex;
	height: 44px;
	padding: 0px;
	justify-content: space-between;
	align-items: center;
	flex-shrink: 0;
	align-self: stretch;
}

.pocetna-promocija {
	/*width: 672px;*/
	flex: 1;
	height: 400px;
	flex-shrink: 0;
	/*border-radius: 16px;*/
	overflow: hidden;
	position: relative;
	/*background: var(--neutrals-n-50);*/
}

.pocetna-promocija2 {
	width: 100%;
	flex: 1;
	height: 400px;
	flex-shrink: 0;
	border-radius: 16px;
	/*overflow: hidden;*/
	position: relative;
	/*background: var(--neutrals-n-50);*/
}

.pocetna-promocija-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}

.pocetna-promocija-container {
	position: absolute;
	left: 48px;
	bottom: 48px;
	display: flex;
	width: 400px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	z-index: 3;
}

.pocetna-promocija-container-container2 {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}

.pocetna-promocija-container-container3 {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
	color: var(--neutrals-n-50);
}

.pocetna-promocija-container-container3-price {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	color: var(--neutrals-n-50);
}

.pocetna-drugi-red {
	/*padding-bottom: 24px;*/
	flex: 1;
	height: auto;
	width: 100%;
}

.pocetna-drugi-red-pom {
	display: flex;
	height: auto;
	/*height: 100%;*/
	/*width: 1272px;*/
	/*height: 446px;*/
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.pocetna-promocija .owl-stage-outer {
	height: 100%;
}

	.pocetna-promocija .owl-stage-outer .owl-stage {
		height: 100%;
	}

		.pocetna-promocija .owl-stage-outer .owl-stage .owl-item {
			height: 100%;
		}

.suggest-product-no-border-top {
	border-top: 0;
}

.suggest-product-pom-fix{
	gap: 0;
}

.carousel-item3{
	height: 400px;
}

.slider-pocetna .owl-dots {
	display: flex;
	gap: 10px;
	position: absolute;
	width: 100%;
	bottom: 20px;
	justify-content: center;
}

	.slider-pocetna .owl-dots .owl-dot {
		width: 10px;
		height: 10px;
		background-color: var(--neutrals-n-50);
		border-radius: 99px
	}

	.slider-pocetna .owl-dots .active {
		background-color: var(--neutrals-n-900);
	}

.slider-pocetna .owl-nav {
	display: flex;
	gap: 10px;
	position: absolute;
	bottom: 50px;
	right: 50px;
}

	.slider-pocetna .owl-nav .owl-prev, .slider-pocetna .owl-nav .owl-next {
		display: flex;
		background-color: var(--neutrals-n-100) !important;
		width: 40px;
		height: 40px;
		padding: 8px !important;
		border-radius: 4px;
		justify-content: center;
		align-items: center;
	}

		.slider-pocetna .owl-nav .owl-prev span, .slider-pocetna .owl-nav .owl-next span {
			color: var(--neutrals-n-900);
		}

.pocetna-font-color-broj-narudzbe-iznos {
	color: var(--neutrals-n-900);
}

.pocetna-font-color-naslovi {
	color: var(--neutrals-n-900);
}

.pocetna-font-color-vrijednosti {
	color: var(--neutrals-n-600);
}

.proggress-bar-color-font-naslov-zavrseno {
	color: var(--neutrals-n-900);
}

.proggress-bar-color-font-naslov-nije-zavrseno {
	color: var(--neutrals-n-600);
}

.proggress-bar-color-font-vrijeme {
	color: var(--neutrals-n-600);
}

.nema-slidera {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}

.slider-itemname-font-color {
	color: var(--neutrals-n-50) !important;
}

.text-sa-sjenom {
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.prostor-umjesto-buttona {
	width: 100px;
}


.slider-pocetna-narudzbe .owl-nav {
	display: flex;
	gap: 10px;
	position: absolute;
	top: 18px;
	right: 25px;
	background-color: var(--neutrals-n-50);
}

	.slider-pocetna-narudzbe .owl-nav .owl-prev, .slider-pocetna-narudzbe .owl-nav .owl-next {
		display: flex;
		background-color: var(--neutrals-n-100) !important;
		width: 40px;
		height: 40px;
		padding: 8px !important;
		border-radius: 4px;
		justify-content: center;
		align-items: center;
	}

		.slider-pocetna-narudzbe .owl-nav .owl-prev span, .slider-pocetna-narudzbe .owl-nav .owl-next span {
			color: var(--neutrals-n-900);
		}

.pocetna-prvi-red-kolona1-pom-nema-narudzbi {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 48px;
}

.pocetna-prvi-red-kolona1-pom-nema-narudzbi-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 32px;
}

.pocetna-prvi-red-kolona1-nema-narudzbi-glavna {
	display: flex;
	flex: 1;
	border-radius: 16px;
	height: 400px;
	padding: 24px;
	flex-direction: column;
	/*justify-content: space-between;*/
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	background: var(--neutrals-n-50);
}

.color-high-dark {
	color: var(--success-green-500);
}

.color-high-fill-dark path {
	fill: var(--success-green-500);
}

.color-low-dark {
	color: var(--danger-red-500);
}

.color-low-fill-dark path {
	fill: var(--danger-red-500);
}

.vertical-align-slika-badgevi {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.dialog-cart {
	display: flex;
	width: 100%;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	border-radius: 16px;
	background: var(--neutrals-n-100);
}

.dialog-cart-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.dialog-cart-container-title-and-icon {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 12px;
}

.dialog-cart-container-title-and-icon-title {
	color: var(--danger-red-500);
}

.dialog-cart-container-title-and-icon-icon {
	display: flex;
	width: 32px;
	height: 32px;
	justify-content: center;
	align-items: center;
}

	.dialog-cart-container-title-and-icon-icon svg path{
		fill: var(--danger-red-500);
	}

	.dialog-cart-container-poruka {
		color: var(--neutrals-n-600);
	}

.header-new-fix-without-border{
	border: 0;
}

.checkout {
	display: flex;
	padding: 0px 24px;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	flex-wrap: wrap;
}

.checkout-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
	/*
	height: calc(100vh - 84px);
	overflow-y: scroll;
	*/
	padding-right: 24px;
	padding-bottom: 24px;
	min-width: 500px;
}

.checkout-container-header {
	display: flex;
	height: 27px;
	padding: var(--Product-Count, 0px);
	align-items: center;
	gap: 24px;
	color: var(--neutrals-n-900);
}

.checkout-container-tabs {
	display: flex;
	padding: 24px;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.checkout-container-tabs-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.checkout-container-tabs-container-title {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 8px;
}

.checkout-container-tabs-container-title-count {
	display: flex;
	width: 32px;
	height: 32px;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	border-radius: 4px;
	color: var(--neutrals-n-900);
}

.checkout-container-tabs-container-title-subtitle {
	color: var(--neutrals-n-900);
}

.checkout-container-tabs-container-checkbox-prostor {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 24px;
	color: var(--neutrals-n-900);
}

.checkout-container-container {
	display: flex;
	padding: 24px 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.checkout-container-container-title {
	display: flex;
	/*width: 780px;*/
	padding: 0 24px;
	align-items: center;
	gap: 0px;
	width: 100%;
}

.checkout-container-container-title-cart {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 8px;
}

.checkout-container-container-title-cart-count {
	display: flex;
	width: 32px;
	height: 32px;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	border-radius: 4px;
	color: var(--neutrals-n-900);
}

.checkout-container-container-title-cart-container {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 8px;
}

.checkout-container-container-title-cart-container-text {
	color: var(--neutrals-n-900);
}

.checkout-container-container-title-cart-container-count {
	display: flex;
	padding: 4px 8px;
	align-items: flex-start;
	gap: 10px;
	border-radius: 4px;
	background: var(--neutrals-n-200);
	color: var(--neutrals-n-600);
}

.checkout-container-container-container {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
}

.checkout-container-container-container-products {
	display: flex;
	padding: 0px 24px;
	flex-direction: column;
	align-items: flex-start;
	/*gap: 24px;*/
	flex: 1 0 0;
	align-self: stretch;
}

.checkout-container-container-container-products-product {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	padding: 24px 0;
	border-bottom: 1px solid var(--neutrals-n-300);
}

	.checkout-container-container-container-products-product:first-child {
		border-top: 1px solid var(--neutrals-n-300);
	}

	.checkout-container-container-container-products-product:last-child {
		border-bottom: 0px;
	}

.checkout-container-container-container-products-product-left {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
}

.checkout-container-container-container-products-product-left-left {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.checkout-container-container-container-products-product-left-right {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.checkout-container-container-container-products-product-left-right-naziv {
	color: var(--neutrals-n-900);
}

.checkout-container-container-container-products-product-left-right-ostalo {
	color: var(--neutrals-n-600);
}

.checkout-container-container-container-products-product-right {
	display: flex;
	padding: 0px;
	justify-content: center;
	align-items: end;
	align-self: stretch;
	flex-direction: column;
	gap: 12px;
}

.checkout-container-container-container-products-product-right-quantity {
	color: var(--neutrals-n-900);
}

.checkout-container-container-container-products-product-right-price {
	color: var(--neutrals-n-900);
}

.checkout-payment {
	display: flex;
	min-width: 430px;
	max-width: 435px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.checkout-payment-container {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.checkout-payment-container-title {
	color: var(--neutrals-n-900);
}

.checkout-payment-container-payment-summary {
	display: flex;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
	align-self: stretch;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.checkout-payment-container-payment-summary-summary {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}

.checkout-payment-container-payment-summary-summary-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
	padding: 24px 0;
	border-bottom: 1px solid var(--neutrals-n-300);
}

	.checkout-payment-container-payment-summary-summary-container:last-child {
		border-bottom: 0px;
	}

.checkout-payment-container-payment-summary-summary-container-fix-last-child {
	border-bottom: 1px solid var(--neutrals-n-300) !important;
}

.checkout-payment-container-payment-summary-summary-container-column {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	gap: 24px;
	align-items: center;
	align-self: stretch;
}

.checkout-payment-container-payment-summary-summary-container-column-title {
	color: var(--neutrals-n-900);
}

.checkout-payment-container-payment-summary-summary-container-column-value {
	color: var(--neutrals-n-600);
	text-align: right;
}

.checkout-payment-container-payment-summary-total-price {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	color: var(--neutrals-n-900);
}

.checkout-payment-container-payment-summary-summary-container-title-promo {
	color: var(--neutrals-n-900);
}

.checkout-payment-container-payment-summary-summary-container-promo-code {
	display: flex;
	padding: 8px 8px 8px 12px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-radius: 12px;
	border: 1px solid var(--neutrals-n-300);
}

.checkout-container-delivery {
	display: flex;
	padding: 24px;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.checkout-container-delivery-container {
	display: flex;
	padding: var(--Product-Count, 0px);
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
}

.checkout-container-delivery-container-up {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 8px;
	align-self: stretch;
}

.checkout-container-delivery-container-up-title {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 8px;
}

.checkout-container-delivery-container-up-title-count {
	display: flex;
	width: 24px;
	height: 24px;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	border-radius: 4px;
	color: var(--neutrals-n-900);
}

.checkout-container-delivery-container-up-title-title {
	color: var(--neutrals-n-900);
}

.checkout-container-delivery-container-down {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.checkout-container-delivery-container-down-container {
	display: flex;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 8px;
	border: 1px solid var(--neutrals-n-300);
	color: var(--neutrals-n-900);
}

.checkout-container-delivery-container-down-container-radio {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 24px;
}

.checkout-container-delivery-container-down-container-radio-address {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
}

.checkout-container-delivery-container-down-container-radio-address-naslov {
	color: var(--neutrals-n-900);
}

.checkout-container-delivery-container-down-container-radio-address-ostalo {
	color: var(--neutrals-n-600);
}

.input-radio {
	width: 24px;
	height: 24px;
	accent-color: black;
}

.checkout-container-note {
	display: flex;
	height: 260px;
	padding: 24px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	gap: 24px;
	align-self: stretch;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.checkout-container-note-title {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 0px;
	align-self: stretch;
	color: var(--neutrals-n-900);
}

.checkout-container-note-input-space {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	gap: 8px;
	flex: 1 0 0;
	align-self: stretch;
}

.checkout-container-note-input-space-input {
	width: 100%;
	min-height: 136px;
	display: flex;
	padding: 24px;
	align-items: flex-start;
	gap: 0;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 8px;
	border: 1px solid var(--neutrals-n-300);
}

.input-datum {
	display: flex;
	width: 312px;
	height: 40px;
	border-radius: 4px;
	padding: 2px 16px;
	border: 1px solid var(--neutrals-n-600);
}

.narudzba-uspjesna {
	display: flex;
	width: 100%;
	height: 100vH;
	padding: 24px 0px;
	justify-content: center;
	align-items: center;
	gap: 48px;
	flex-shrink: 0;
}

.narudzba-uspjesna-container {
	display: flex;
	/*width: 1140px;*/
	padding: 0px;
	align-items: center;
	gap: 128px;
	flex-shrink: 0;
}

.narudzba-uspjesna-container-left {
	display: flex;
	width: 454px;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 128px;
	flex-shrink: 0;
}

.narudzba-uspjesna-container-left-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 48px;
	align-self: stretch;
}

.narudzba-uspjesna-container-left-container-up {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 48px;
	align-self: stretch;
}

.narudzba-uspjesna-container-left-container-up-text {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 16px;
	align-self: stretch;

}

.narudzba-uspjesna-container-left-container-up-text-header {
	color: var(--neutrals-n-900);
}

.narudzba-uspjesna-container-left-container-up-text-text {
	color: var(--neutrals-n-600);
	text-align: center;
}

.narudzba-uspjesna-container-left-container-up-text-text-orderid {
	color: var(--neutrals-n-900);
}

.narudzba-uspjesna-container-left-container-down {
	display: flex;
	padding: 0px;
	justify-content: center;
	align-items: center;
	gap: 48px;
	align-self: stretch;
}

.pokazi-light{
	display: block;
}

.pokazi-dark{
	display: none;
}

.input-za-datum {
	border-radius: 4px;
	border: 1px solid var(--neutrals-n-600);
	padding: 2px 16px;
	height: 40px;
	width: 315px;
	color: var(--neutrals-n-900);
}

.ui-datepicker {
	width: 360px; /* Prilagodite širinu prema vašim potrebama */
}

	.ui-datepicker td {
		height: 50px;
	}

.ui-datepicker .ui-datepicker-header {
	background: var(--neutrals-n-50);
	border: 0;
}

.ui-datepicker-calendar tbody tr td .ui-state-default {
	text-align: center;
	font-family: Montserrat;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	border: 0;
	height: 44px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.ui-datepicker-calendar .ui-state-disabled .ui-state-default {
	color: var(--neutrals-n-400);
}

.ui-datepicker-calendar .ui-datepicker-days-cell-over .ui-state-default {
	color: var(--neutrals-n-900);
}

.ui-datepicker-calendar .ui-state-default {
	background-color: transparent;
}

.ui-datepicker-calendar .ui-state-active {
	background-color: var(--primary-yellow-500);
	color: var(--neutrals-n-900);
	border-radius: 999px;
}

.ui-widget.ui-widget-content {
	border: 0px;
	border-radius: 16px;
	background: var(--neutrals-n-50);
	box-shadow: 0px 6px 10px 2px rgba(0, 0, 0, 0.10);
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
	border: 0;
}

.loading-send-order-div {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vH;
	background: var(--neutrals-n-100);
	justify-content: space-between;
	align-items: center;
	flex-direction: column;
	padding: 50px;
	z-index: 40;
}

.loading-send-order-div-slika{
	width: 348px;
	height: 348px;
}

.loading-send-order-div-za-sliku {
	height: 80vH;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	color: var(--neutrals-n-700);
}

.display-staza-za-loading {
	width: 100%;
	height: 8px;
	border-radius: 999px;
	background-color: var(--neutrals-n-300);
}

.display-progres-za-loading {
	height: 8px;
	border-radius: 999px;
	background-color: var(--primary-yellow-500);
}

.orders{
	display: flex;
	width: 100%;
	gap: 24px;
	padding: 24px 0;
	flex-direction: column;
}

.orders-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.orders-container-container {
	display: flex;
	width: 100%;
	padding: 0px;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	flex-wrap: wrap;
}

.orders-container-container-serach-fix-width {
	/*width: 560px;*/
	min-width: 200px;
	width: 100%;
	/*max-width: 560px;*/
}

.orders-table {
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 16px;
	padding: 24px;
	background: var(--neutrals-n-50);
}

.orders-table-frame {
	display: flex;
	/*width: 1248px;
	height: 775px;*/
	padding-right: 24px;
	align-items: flex-start;
	gap: 0px;
}

.orders-table-frame2 {
	display: flex;
	padding-right: 24px;
	align-items: flex-start;
	flex-direction: column;
	gap: 0px;
	height: calc(100vh - 250px);
	overflow-y: scroll;
}

.orders-table-frame-row {
	display: flex;
	padding: 0px;
	flex-direction: row;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
	max-height: 64px;
}

.orders-table-frame-column {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	flex: 1 0 0;
	align-self: stretch;
}

.orders-table-frame-column-header {
	display: flex;
	height: 64px;
	padding: 12px 24px;
	align-items: center;
	gap: 24px;
	align-self: stretch;
	flex: 1 0 0;
	background: var(--neutrals-n-100);
	color: var(--neutrals-n-900);
}

.orders-table-frame-column-header-first-child {
	border-radius: 12px 0px 0px 12px;
}

.orders-table-frame-column-header-last-child {
	border-radius: 0px 12px 12px 0px;
}

.orders-table-frame-column-order-number {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
}

.orders-table-frame-column-order-number-item-cell {
	display: flex;
	padding: 12px 24px;
	align-items: center;
	gap: 24px;
	flex: 1 0 0;
	align-self: stretch;
	color: var(--neutrals-n-900);
}

.orders-table-frame-column-order-number-item-cell2 {
	display: flex;
	padding: 12px 24px;
	align-items: center;
	gap: 24px;
	flex: 1 0 0;
	align-self: stretch;
	color: var(--neutrals-n-600);
}

.orders-table-frame-column-order-number-item-cell-status {
	display: flex;
	padding: 8px 0px;
	align-items: center;
	gap: 12px;
	border-radius: 8px;
}

.order-uObradi {
	color: var(--secondary-blue-500);
}

	.order-uObradi path {
		stroke: var(--secondary-blue-500);
	}

.order-isporucena {
	color: var(--success-green-500);
}

	.order-isporucena path {
		stroke: var(--success-green-500);
	}

.order-neuspjesna {
	color: var(--danger-red-500);
}

	.order-neuspjesna path {
		stroke: var(--danger-red-500);
	}

.order-details {
	display: flex;
	padding: 24px 0;
	width: 100%;
	/*
	height: calc(100vH - 84px);
	overflow-y: scroll;
	*/
}

.order-details-wrapper {
	display: inline-flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	gap: 24px;
}

.order-details-wrapper-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
	align-self: stretch;
}

.order-details-wrapper-container-info {
	display: flex;
	width: 100%;
	padding: 0px;
	justify-content: space-between;
	align-items: flex-start;
}

.order-details-wrapper-container-info-order {
	display: flex;
	/*height: 44px;*/
	padding: 0px;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
}

.order-details-wrapper-container-info-order-container {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 24px;
	align-self: stretch;
}

.order-details-wrapper-container-info-order-container-order-status {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 24px;
	flex-wrap: wrap;
	color: var(--neutrals-n-900);
}

.order-details-wrapper-container-info-order-container-order-status-status {
	display: flex;
	padding: 8px 0px;
	align-items: center;
	gap: 12px;
	border-radius: 8px;
}

.order-details-wrapper-container-info-order-delivery {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 4px;
	color: var(--neutrals-n-900);
}

.order-details-wrapper-container-info-order-icons {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 24px;
}

.order-details-wrapper-container-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.order-details-wrapper-container-container-subtitle {
	color: var(--neutrals-n-900);
}

.order-details-wrapper-container-container-container1 {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.order-details-wrapper-container-container-container1-products {
	display: flex;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.order-details-wrapper-container-container-container1-products-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.order-details-wrapper-container-container-container1-products-container-products {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.order-details-wrapper-container-container-container1-products-container-products-table {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
}

.order-details-wrapper-container-container-container1-products-container-products-table-titles {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}

.order-details-wrapper-container-container-container1-products-container-products-table-titles-titles {
	display: flex;
	padding: 0px;
	align-items: center;
	align-self: stretch;
	color: var(--neutrals-n-900);
	flex: 1 0 0;
	width: 100%
}

.order-details-wrapper-container-container-container1-products-container-products-table-titles-titles1 {
	display: flex;
	flex: 1;
}

.order-details-wrapper-container-container-container1-products-container-products-table-titles-titles1-fix-280{
	min-width: 280px;
}

.order-details-wrapper-container-container-container1-products-container-products-table-products {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.order-details-wrapper-container-container-container1-products-container-products-table-products-container {
	display: flex;
	padding: 0px;
	align-items: center;
	/*gap: 48px;*/
	align-self: stretch;
}

.order-details-wrapper-container-container-container1-products-container-products-table-products-container-product-details {
	display: flex;
	flex: 1;
	width: 280px;
	min-width: 280px;
	padding: 0px;
	align-items: center;
	gap: 12px;
}

.order-details-wrapper-container-container-container1-products-container-products-table-products-container-product-details-image {
	display: flex;
	width: 48px;
	height: 48px;
	padding: 6px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	flex-shrink: 0;
	border-radius: 8px;
	object-fit: scale-down;
	background-color: var(--neutrals-n-50);
}

.order-details-wrapper-container-container-container1-products-container-products-table-products-container-product-details-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 4px;
	flex: 1 0 0;
}

.order-details-wrapper-container-container-container1-products-container-products-table-products-container-product-details-container-title {
	color: var(--neutrals-n-900);
}

.order-details-wrapper-container-container-container1-products-container-products-table-products-container-product-details-container-variation {
	color: var(--neutrals-n-600);
}

.order-details-wrapper-container-container-container1-products-container-products-table-products-container-product-details-other {
	color: var(--neutrals-n-600);
	flex: 1;
}

.order-details-wrapper-container-container-container1-products-container-products-table-products-container-product-details-price {
	color: var(--neutrals-n-900);
	flex: 1;
}

.order-details-wrapper-container-container-container2 {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.order-details-wrapper-container-container-container2-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
	align-self: stretch;
	min-width: 300px;
}

.order-details-wrapper-container-container-container2-container-information {
	display: flex;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 16px;
	background: var(--neutrals-n-50);
	color: var(--neutrals-n-600);
}

.fix-height-100-procent {
	height: 100%;
}

.fix-padding-top-0{
	padding-top: 0;
}

.error-page {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vH;
	flex-direction: column;
	gap: 48px;
	color: var(--neutrals-n-900);
}

.error-page-img {
	width: 300px;
	mix-blend-mode: multiply;
}

.error-page-text {
	text-align: center;
	color: var(--neutrals-n-600);
}

.button-width-popup-fix{
	width: 174px;
}

.login-div-right2 {
	display: flex;
	height: 100vH;
	padding: 12px 12px 32px 12px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	border-radius: 0px;
	background: var(--neutrals-n-50);
}

.login-div-right2-logo {
	width: 251px;
	height: 34px;
	flex-shrink: 0;
}

.login-div-right2-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
}

.login-div-right2-container-image {
	width: 427px;
	height: 600px;
	border-radius: 12px;
	object-fit: cover;
}

.login-div-right2-container-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

.login-div-right2-container-container-container {
	display: flex;
	width: 427px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 20px;
}

.login-div-right2-container-container-container-title {
	width: 239px;
	color: var(--neutrals-n-900);
	leading-trim: both;
	text-edge: cap;
	font-family: Montserrat;
	font-size: 32px;
	font-style: normal;
	font-weight: 600;
	line-height: 40px; /* 125% */
	letter-spacing: -0.6px;
}

.login-div-right2-container-container-container-description {
	width: 240px;
	color: var(--neutrals-n-600)
}

.login-div2 {
	display: flex;
	height: 100vh;
	/*padding: 64px 48px;*/
	flex: 1 0 0;
	align-items: center;
	gap: 0px;
	border-radius: 0px;
	background: var(--neutrals-n-100);
}

.login-div2-left {
	display: flex;
	height: calc(100vH - 24px);
	padding: 12px 0;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	gap: 0px;
	flex: 1 0 0;
	overflow-y: scroll;
}

.login-div2-left-down2 {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
	min-width: 536px;
	max-width: 536px;
	align-self: center;
}

.registration-div2 {
	display: flex;
	height: 100vH;
	/* padding: 48px; */
	align-items: center;
	border-radius: 0px;
	background: var(--neutrals-n-100);
	flex: 1;
}

.textPodvuciSearch {
	background-color: var(--primary-yellow-300);
	display: inline;
}

.searchSlika {
	width: 100%;
	height: 100%;
	object-fit: contain;
	border-radius: 8px;
}

.nemaProizvodaSearch {
	min-width: 450px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
}

.nemaProizvodaSearchNaslov {
	color: var(--neutrals-n-900);
}

.nemaProizvodaSearchTekst {
	text-align: center;
	color: var(--neutrals-n-600);
}

.povijest-pretrazivanja {
	color: var(--neutrals-n-600);
}

.loading3 {
	display: flex;
	gap: 20px;
	align-items: center;
	justify-content: center;
	width: 100%;
}

.narudzbaUProcesuSlanja {
	color: var(--neutrals-n-900);
}

.preporucene-kategorije-search {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.slider-prekrivac {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.6));
	z-index: 2;
	border-radius: 16px;
}

.setting-tabs-div {
	display: inline-flex;
	padding: 0px;
	align-items: flex-start;
	gap: 12px;
	/*border-radius: 8px;*/
	opacity: 0;
}

.setting-tabs-div-tab {
	display: flex;
	padding: 8px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	white-space: nowrap;
	color: var(--neutrals-n-600);
}

.setting-tabs-div-tab-active {
	background: var(--primary-yellow-400);
	color: var(--neutrals-n-900);
}

.settings-div {
	display: flex;
	flex-direction: column;
	width: 100%;
	/*height: calc(100vH - 84px);*/
	padding: 24px 0;
	gap: 48px;
	flex: 1;
	/*overflow-y: scroll;*/
}

.settings-div-div {
	display: inline-flex;
	height: 560px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex-shrink: 0;
	border-radius: 16px;
}

.settings-div-div-container {
	display: flex;
	width: 576px;
	padding: 0px 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 0px;
	flex: 1 0 0;
	border-radius: 0px;
	background: var(--neutrals-n-50);
}

.settings-div-div-container-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 0px;
}

.settings-div-div-container-container-container {
	display: flex;
	padding: 24px 0px;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
}

.settings-div-div-container-container-container-title {
	color: var(--neutrals-n-900);
}

.settings-div-div-container-container-container-value {
	color: var(--neutrals-n-600);
}

.settings-div-div-parent {
	display: flex;
	gap: 16px;
	flex-wrap: wrap;
}

.settings-company {
	display: flex;
	width: 675px;
	height: 575px;
	padding: 24px 2px 0px 0px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	flex-shrink: 0;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.settings-company-container1 {
	display: flex;
	padding: 0px 24px;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 0px;
}

.settings-company-container2 {
	display: flex;
	padding: 0px 24px;
	justify-content: center;
	align-items: flex-start;
	gap: 0px;
	flex: 1 0 0;
	align-self: stretch;
	overflow-y: scroll;
}

.settings-company-container2-table{
	width: 100%;
}

.settings-company-container2-table-header1 {
	display: flex;
	height: 64px;
	padding: 12px 24px;
	align-items: center;
	gap: 4px;
	flex-shrink: 0;
	align-self: stretch;
	border-radius: 8px 0px 0px 8px;
	background: var(--neutrals-n-100);
	color: var(--neutrals-n-900);
}

.settings-company-container2-table-header2 {
	border-radius: 0px 8px 8px 0px;
}

.settings-company-container2-table-item-cell {
	display: flex;
	padding: 12px 24px;
	align-items: center;
	gap: 4px;
	flex: 1 0 0;
	align-self: stretch;
	color: var(--neutrals-n-600);
}

.settings-company-container2-table-item-cell-title-company{
	width: 330px;
}

.fix-width-120px{
	width: 120px;
}

.trenutno-aktivna-kompanija {
	padding: 0px 16px;
	color: var(--neutrals-n-900);
}

.settings-company-box-box {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.settings-finance {
	display: flex;
	width: 672px;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.settings-finance-container {
	display: flex;
	padding: 0px;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
}

.settings-finance-container-title {
	color: var(--neutrals-n-900);
}

.settings-finance-container-subtitle {
	color: var(--neutrals-n-600);
}

.settings-finance-container-value {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	gap: 12px;
}

.settings-preferences {
	display: flex;
	width: 672px;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.settings-preferences-container {
	display: flex;
	gap: 24px;
	padding: 0px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
}

.settings-preferences-container-container {
	display: flex;
	padding: var(--Product-Count, 0px);
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}

.settings-preferences-container-container-title {
	color: var(--neutrals-n-900);
}

.fix-padding-0{
	padding: 0;
}

.settings-preferences-container-container-notifications {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.settings-preferences-container-container-notifications2 {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.settings-preferences-container-container-notifications-notification {
	display: flex;
	padding: 0px;
	align-items: center;
	gap: 24px;
	align-self: stretch;
}

.settings-preferences-container-container-notifications-notification-title {
	display: flex;
	width: 128px;
	min-width: 128px;
	padding: 0px;
	align-items: center;
	gap: 0px;
	color: var(--neutrals-n-600);
}

.thead-sticky {
	position: sticky;
	top: -1px;
}

.search-dugme-prikazi-sve {
	display: flex;
	justify-content: end;
	align-items: end;
	width: 100%;
}

.linija-settings path {
	stroke: var(--neutrals-n-300);
}

.contact {
	padding: 48px 0;
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 48px;
	/*
	overflow-y: scroll;
	height: calc(100vh - 84px);
	*/
}

.contact-line {
	display: flex;
	width: 100%;
	min-height: 1px;
	max-height: 1px;
	border-radius: 0px;
	background: var(--neutrals-n-300);
}

.contact-up {
	display: flex;
	width: 100%;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.contact-up-title {
	color: var(--neutrals-n-900);
	text-align: center;
}

.contact-up-description {
	width: 358px;
	color: var(--neutrals-n-600);
	text-align: center;
}

.contact-2 {
	display: flex;
	width: 100%;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
}

.contact-2-container {
	display: flex;
	max-width: 1000px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 48px;
}

.contact-2-container-container {
	display: flex;
	width: 100%;
	padding: 0px;
	align-items: flex-start;
	gap: 24px;
}

.contact-2-container-container-card {
	display: flex;
	min-width: 280px;
	max-width: 280px;
	padding: 24px 24px 16px 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 96px;
	flex: 1 0 0;
	border-radius: 16px;
	background: var(--neutrals-n-50);
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.14);
}

.contact-2-container-container-card-icon {
	display: flex;
	padding: 12px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	border-radius: 4px;
	border: 1px solid var(--neutrals-n-300);
}

.contact-2-container-container-card-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.contact-2-container-container-card-container-up {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.contact-2-container-container-card-container-up-title {
	color: var(--neutrals-n-900);
}

.contact-2-container-container-card-container-up-description {
	color: var(--neutrals-n-600);
}

.contact-2-container-container-card-container-down {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.button-text-fix-padding {
	padding: 10px 0;
}

.contact-3 {
	display: flex;
	width: 100%;
	padding: var(--Product-Count, 0px);
	flex-direction: column;
	align-items: center;
	gap: 24px;
}

.contact-3-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	align-self: stretch;
}

.contact-3-container-container {
	display: flex;
	padding: var(--Product-Count, 0px);
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.contact-3-container-container-title {
	color: var(--neutrals-n-900);
}

.contact-3-container-container-container {
	display: flex;
	width: 744px;
	padding: 24px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.accordion {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.accordion-question {
	display: flex;
	padding: 0px 12px;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
	align-self: stretch;
	color: var(--neutrals-n-900);
}

.accordion-answer {
	display: flex;
	padding: 0px 12px;
	align-items: flex-end;
	gap: 0px;
	align-self: stretch;
	color: var(--neutrals-n-600);
}

.contact-4 {
	display: flex;
	width: 100%;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
}

.contact-4-container {
	display: flex;
	width: 744px;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.contact-4-container-title {
	color: var(--neutrals-n-900);
}

.contact-4-container-container {
	display: flex;
	padding: 24px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.contact-4-container-container-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
}

.contact-store {
	display: flex;
	flex-direction: column;
	overflow-y: scroll;
	width: 100%;
	/*
	height: calc(100vh - 84px);
	gap: 48px;
	*/
}

.contact-store-back-button{
	margin: 24px 24px 0 24px;
}

.contact-store-container {
	display: flex;
	width: 100%;
	padding: 0px;
	flex-direction: column;
	align-items: center;
	gap: 16px;
}

.contact-store-container-title {
	color: var(--neutrals-n-900);
	text-align: center;
}

.contact-store-container-description {
	align-self: stretch;
	color: var(--neutrals-n-600);
	text-align: center;
}

.contact-store-wrapper {
	display: flex;
	width: 100%;
	padding: 48px 96px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	border-radius: 0px;
	background: var(--neutrals-n-50);
}

.contact-store-wrapper-container {
	display: flex;
	padding: 0px;
	flex-direction: column-reverse;
	align-items: center;
	gap: 48px;
	flex: 1 0 0;
	align-self: stretch;
}

.contact-store-wrapper-container-up {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 48px;
	flex: 1 0 0;
	align-self: stretch;
}

.contact-store-wrapper-container-up-img {
	width: 640px;
	height: 500px;
	object-fit: cover;
	border-radius: 12px;
}

.contact-store-wrapper-container-up-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
	max-width: 440px;
	min-width: 200px;
}

.contact-store-wrapper-container-up-container-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 32px;
	align-self: stretch;
}

.contact-store-wrapper-container-up-container-container-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.contact-store-wrapper-container-up-container-container-divider {
	width: 100%;
	height: 1px;
	border-radius: 0px;
	background: var(--neutrals-n-300);
}


.contact-store-wrapper-container-up-container-container-container-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	color: var(--neutrals-n-600);
}

.contact-store-wrapper-container-up-container-container-container-container-container {
	display: flex;
	padding: 0px;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	color: var(--neutrals-n-600);
}

.contact-store-wrapper-container-up-container-container-title {
	color: var(--neutrals-n-900);
}

.contact-store-wrapper-container-down {
	display: flex;
	padding: 0px;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
	opacity: 0;
}

.contact-store-wrapper-container-down-branch {
	display: flex;
	padding: 8px 16px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0px;
	flex: 1 0 0;
	align-self: stretch;
	border-radius: 4px;
	border: 1px solid var(--neutrals-n-300);
	color: var(--neutrals-n-900);
}

.contact-store-wrapper-container-down-branch-active {
	background: var(--primary-yellow-400);
	border: 0;
}

.fix-width-100posto {
	width: 100%;
}

.cesto-postavljena-pitanja-pitanje {
	color: var(--neutrals-n-900);
}

.contact-store-wrapper-container-up-container-container-container-container-kontakt {
	color: var(--neutrals-n-600);
}

.contact-store-wrapper-container-up-container-container-container-container-container-radno-vrijeme {
	line-height: 2;
	color: var(--neutrals-n-600);
}

.input-unos-nove-adrese {
	width: 100%;
	padding: 12px 16px;
	color: var(--neutrals-n-600);
	border: 1px solid var(--neutrals-n-300);
}

.settings-address {
	display: flex;
	width: 672px;
	padding: 24px;
	align-items: flex-start;
	gap: 24px;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.settings-address-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
}

.settings-address-container-container {
	display: flex;
	height: 48px;
	align-items: center;
	gap: 24px;
	align-self: stretch;
}

.settings-address-container-container-container {
	display: flex;
	align-items: center;
	gap: 24px;
	flex: 1 0 0;
}

.settings-address-container-container-container-address {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 4px;
	flex: 1 0 0;
}

.button1-address {
	display: flex;
	padding: 8px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	border: 0;
	background: var(--primary-yellow-400);
	color: var(--neutrals-n-900);
}

.button2-address {
	display: flex;
	padding: 8px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	border: 1px solid var(--neutrals-n-300);
	background: transparent;
	color: var(--neutrals-n-600);
}

.settings-address-section2{
	margin-top: 24px;
}

.settings-address-title {
	color: var(--neutrals-n-900);
}

.settings-address-address-name {
	color: var(--neutrals-n-900);
}

.header-naziv-kompanije {
	max-width: 120px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: var(--neutrals-n-900);
}

.settings-security {
	display: flex;
	width: 672px;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.settings-security-title {
	color: var(--neutrals-n-900);
}

.settings-security-container1 {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.settings-security-container2 {
	display: flex;
	align-items: center;
	gap: 24px;
}

.settings-security-container1-messagebox {
	display: flex;
	align-items: center;
	gap: 10px;
}

.settings-security-container1-messagebox-message-success {
	color: var(--success-green-500);
}

.settings-security-container1-messagebox-message-error {
	color: var(--danger-red-500);
}

.settings-preferences-container-container-notifications2-title {
	display: flex;
	align-items: center;
	align-self: stretch;
	color: var(--neutrals-n-900);
}

.form-outline .form-control ~ .form-label {
	color: var(--neutrals-n-600);
}

.form-outline .form-control:focus ~ .form-label {
	color: var(--neutrals-n-600) !important;
}

.form-outline .form-control ~ .form-notch div {
	border-color: var(--neutrals-n-300);
}

.form-outline .form-control:focus ~ .form-notch .form-notch-leading {
	border-color: var(--neutrals-n-300) !important;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-middle {
	border-color: var(--neutrals-n-300);
	border-top: 1px solid transparent;
}

.form-outline .form-control:focus ~ .form-notch .form-notch-trailing {
	border-color: var(--neutrals-n-300) !important;
}

.nema-adrese-u-checkoutu {
	display: flex;
	justify-content: flex-end;
	width: 100%;
	color: var(--neutrals-n-900);
}

.settings-div-pom {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	gap: 16px;
}

.podvuceni-text {
	text-decoration: underline;
}

.select-input {
	padding: 0 20px
}

.order-pretraga {
	display: flex;
	gap: 24px;
	flex: 1;
}

.nema-rezultata-div-parent {
	display: flex;
	height: calc(100vH - 164px);
	justify-content: center;
	align-items: center;
}

.sirina-60px {
	width: 60px;
}

/*CUSTOM SELECT DROPDOWN PADAJUCI*/
.select-custom {
	display: flex;
	flex-direction: column;
	position: relative;
	width: 100%;
	height: 48px;
}

.select-custom-option-label {
	padding: 0 30px 0 10px;
	min-height: 48px;
	display: flex;
	align-items: center;
	background: white;
	border: 1px solid var(--neutrals-n-300);
	border-top: transparent;
	position: absolute;
	top: 0;
	width: 100%;
	pointer-events: none;
	order: 2;
	z-index: 1;
	transition: background .4s ease-in-out;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	-webkit-user-select: none; /* Safari */
	-ms-user-select: none; /* IE 10 and IE 11 */
	user-select: none; /* Standard syntax */
}

	.select-custom-option-label:hover {
		background: var(--neutrals-n-300);
	}

.select-custom:focus .select-custom-option-label {
	position: relative;
	pointer-events: all;
}

.select-custom:not(:focus) .select-custom-option-label {
	border: 0;
}

input.select-custom-option {
	opacity: 0;
	position: absolute;
	left: -99999px;
}

	input.select-custom-option:checked + label.select-custom-option-label {
		order: 1;
		z-index: 2;
		background: var(--neutrals-n-100);
		border-top: none;
		position: relative;
		border: 1px solid var(--neutrals-n-300);
		border-radius: 0.25rem;
	}

		input.select-custom-option:checked + label.select-custom-option-label:after {
			content: '';
			width: 0;
			height: 0;
			border-left: 5px solid transparent;
			border-right: 5px solid transparent;
			border-top: 5px solid black;
			position: absolute;
			right: 10px;
			top: calc(50% - 2.5px);
			pointer-events: none;
			z-index: 3;
		}

		input.select-custom-option:checked + label.select-custom-option-label:before {
			position: absolute;
			right: 0;
			height: 48px;
			width: 48px;
			content: '';
			background: transparent;
		}
/*KRAJ CUSTOMA*/

/*CUSTOM SELECT PRILAGODBA*/
.select-custom-custom {
	width: 200px;
	background: var(--neutrals-n-100);
}

.select-custom-option-label-custom {
	background: var(--neutrals-n-100);
	color: var(--neutrals-n-900);
}

.sortirano-po {
	color: var(--neutrals-n-900);
}


/*KRAJ CUSTOMA*/



.registracija-preferirano-mjesto {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}

.filter-broj-filtera {
	display: flex;
	width: 24px;
	height: 24px;
	padding: 4px 8px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background: var(--neutrals-n-900);
	color: var(--neutrals-n-50);
}

.lista-ukljucenih-filtera {
	display: flex;
	gap: 12px;
}

.bezPozadine{
	background: transparent;
}

.pagination-block {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	gap: 12px;
	margin: 24px 0;
}

.pagination-block-number {
	display: flex;
	width: 32px;
	height: 32px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	background-color: transparent;
	border: 1px solid var(--neutrals-n-300);
	color: var(--neutrals-n-600)
}

	.pagination-block-number:hover {
		background-color: var(--neutrals-n-300);
		color: var(--neutrals-n-900);
	}

.pagination-block-number-active {
	background-color: var(--primary-yellow-400);
	border: 1px solid var(--primary-yellow-400);
	color: var(--neutrals-n-900);
}

	.pagination-block-number-active:hover {
		background-color: var(--primary-yellow-400);
		border: 1px solid var(--primary-yellow-400);
		color: var(--neutrals-n-900);
	}

.product-card-loading{
	display: flex;
}

.nije-vidljiv-iznad-1200 {
	display: none !important;
}

.containerMenuBar {
	display: inline-block;
	cursor: pointer;
	padding: 8px;
}

.bar1MenuBar, .bar2MenuBar, .bar3MenuBar {
	width: 30px;
	height: 2px;
	background-color: var(--neutrals-n-900);
	margin: 6px 0;
	transition: 0.4s;
}

.changeMenuBar .bar1MenuBar {
	transform: translate(0, 8px) rotate(-45deg);
}

.changeMenuBar .bar2MenuBar {
	opacity: 0;
}

.changeMenuBar .bar3MenuBar {
	transform: translate(0, -8px) rotate(45deg);
}

.nije-vidljiv-iznad-1200 {
	display: none !important;
}

.nije-vidljiv-iznad-1200-2 {
	display: none !important;
}

.nije-vidljiv-iznad-750 {
	display: none !important;
}

.nije-vidljiv-osim-mobitel {
	display: none !important;
}

.nije-vidljivo-na-mobitelu {
	display: flex;
}

.mobile-menu {
	display: none;
	position: fixed;
	top: 84px;
	left: 0;
	width: 100%;
	overflow-y: scroll;
	height: calc(100vh - 84px);
	z-index: 2;
	background: var(--neutrals-n-100);
}

.mobile-menu-container {
	display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: center;
	flex: 1;
	padding: 16px;
}

.mobile-menu-container-list {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 36px;
}

.mobile-menu-show{
	display: flex;
}

.mobile-menu-title {
	color: var(--neutrals-n-900);
}

.mobile-menu-value {
	color: var(--neutrals-n-900);
}

.mobile-menu-line {
	height: 1px;
	width: 100%;
	background: var(--neutrals-n-300);
}

.mobile-search {
	display: none;
	padding: 0 24px;
	position: fixed;
	top: 84px;
	left: 0;
	width: 100%;
	overflow-y: scroll;
	height: calc(100vh - 84px);
	z-index: 2;
	background: var(--neutrals-n-100);
}

.mobile-search-show {
	display: block;
}

.mobile-search-back-button {
	justify-content: end;
	display: flex;
	padding-top: 24px;
}

.mobile-search-container {
	display: flex;
	flex-direction: column;
	gap: 32px;
	align-items: center;
	flex: 1;
	padding: 48px 0;
}

.registracija-uspjesna-text {
	display: flex;
	max-width: 475px;
	color: var(--neutrals-n-600);
	text-align: center;
}

.registracija-uspjesna-vertical-align {
	flex: 1;
	justify-content: center;
}

.registracija-uspjesna-horizontal-align {
	align-items: center;
	gap: 64px;
}

.registracija-uspjesna-div-title-text{
	display: flex;
	gap: 16px;
	flex-direction: column;
}

.registracija-uspjesna-div-title-text-title {
	text-align: center;
	padding: 0;
	align-items: center;
}

.header-buttons{
	position: relative;
}

.button-hover-text-div {
	position: absolute;
	top: -30px;
	display: none;
	padding: 4px 12px;
	justify-content: center;
	align-items: center;
	border-radius: 999px;
	white-space: nowrap;
	z-index: 2;
	background: var(--secondary-blue-100);
	color: var(--secondary-blue-500);
}

.navigation-rail-buttons:hover .button-hover-text-div {
	display: flex;
}

.quick-shop-icon:hover .button-hover-text-div {
	display: flex;
	left: 0px;
}

.product-search-options-view-wrapper-grid:hover .button-hover-text-div {
	display: flex;
}

.favorite-button-class:hover .button-hover-text-div {
	display: flex;
	top: auto;
	bottom: -30px;
	right: 0;
}

.header-buttons:hover .button-hover-text-div {
	display: flex;
	top: auto;
	bottom: -30px;
}

.product-popup-right-title-variation-title-container-icon:hover .button-hover-text-div {
	display: flex;
}

.favorite-button-list-class:hover .button-hover-text-div {
	display: flex;
}

.poruka-button-relative{
	position: relative;
}

	.poruka-button-relative:hover .button-hover-text-div {
		display: flex;
		top: -35px;
	}

.header-naziv-kompanije-prostor {
	height: 40px;
	display: flex;
	gap: 8px;
	align-items: center;
}

.posebne-ponude {
	display: flex;
	width: 440px;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex-shrink: 0;
	align-self: stretch;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.posebne-ponude-title {
	color: var(--neutrals-n-900);
}

.posebne-ponude-container {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
	align-self: stretch;
}

.posebne-ponude-container-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
	align-self: stretch;
}

.posebne-ponude-container-container-image {
	border-radius: 12px;
	width: 392px;
}

.posebne-ponude-container-container-down {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 14px;
	align-self: stretch;
}

.posebne-ponude-container-container-down-title-discount {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}

.posebne-ponude-container-container-down-title-discount-discount {
	display: flex;
	height: 24px;
	padding: 2px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 2px;
	background: var(--primary-yellow-400);
	color: var(--neutrals-n-900);
}

.posebne-ponude-container-container-down-title-discount-title {
	align-self: stretch;
	color: var(--neutrals-n-900)
}

.posebne-ponude-container-container-down-price {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	color: var(--neutrals-n-900);
}

.checkout-title {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex: 1 0 0;
	flex-wrap: wrap;
	gap: 16px;
}

.checkout-title-status-delivery {
	display: flex;
	align-items: center;
	gap: 24px;
}

.checkout-title-status-delivery-container {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.checkout-title-status-delivery-container-text {
	width: 110px;
	color: var(--neutrals-n-600);
}

.checkout-title-status-delivery-container-container {
	display: flex;
	align-items: center;
	gap: 12px;
}

.checkout-title-status-delivery-container-container-frame {
	display: flex;
	width: 120px;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
}

.checkout-title-status-delivery-container-container-frame-frame {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
	align-self: stretch;
}

.checkout-title-status-delivery-container-container-frame-frame-progress-bar {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	gap: 8px;
	align-self: stretch;
}

.isporuka-brza {
	color: var(--success-green-500);
}

.isporuka-brza-svg svg path {
	fill: var(--success-green-300);
}

.isporuka-standardna {
	color: var(--secondary-blue-500);
}

.isporuka-standardna-svg svg path {
	fill: var(--secondary-blue-300);
}

.isporuka-duga {
	color: var(--warning-orange-500);
}

.isporuka-duga-svg svg path {
	fill: var(--warning-orange-600);
}

.isporuka-prazno {
	fill: var(--neutrals-n-200) !important;
}

.popup-isporuka {
	/*display: inline-flex;*/
	flex-direction: column;
	align-items: flex-start;
	border-radius: 12px;
	background: var(--neutrals-n-50);
	box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.14);
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 101;
}

.popup-isporuka-up {
	display: flex;
	padding: 24px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}

.popup-isporuka-up-title-icon {
	display: flex;
	align-items: center;
	gap: 12px;
	color: var(--secondary-blue-500);
}

.popup-isporuka-down {
	display: flex;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.popup-isporuka-down-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--neutrals-n-300);
}

.popup-isporuka-down-container:last-child {
	border-bottom: 0px;
}

.popup-isporuka-down-container-text {
	width: 407px;
	color: var(--neutrals-n-600);
}

.popup-isporuka-down-container-progress {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.popup-isporuka-down-container-progress-bar {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.menu-strelica {
	transition-property: transform;
	transition-duration: 0.5s;
}

.menu-strelica-show{
	transform: rotate(180deg);
}

.contianer-kategorije {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	flex: 1;
}

	.contianer-kategorije::-webkit-scrollbar {
		display: none;
	}

.contianer-kategorije-dropdown {
	display: flex;
	max-width: 1320px;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
}

.contianer-kategorije-dropdown-wrapper {
	display: flex;
	position: relative;
	padding: 32px 0px 12px 0px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}

.contianer-kategorije-dropdown-wrapper2 {
	justify-content: center;
}

.contianer-kategorije-dropdown-wrapper-list {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 32px;
	color: var(--neutrals-n-900);
}

.contianer-kategorije-dropdown-content {
	position: absolute;
	top: 90px;
	left: 0;
	display: flex;
	max-width: 1320px;
	padding: 24px 48px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 16px;
	border-top: 1px solid var(--neutrals-n-300);
	background: var(--neutrals-n-50);
	/* Shadows/Light/Elevation 3 */
	box-shadow: 0px 6px 10px 2px rgba(0, 0, 0, 0.10);
	z-index: 3;
}

.contianer-kategorije-dropdown-content-up {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	padding-bottom: 24px;
	border-bottom: 1px solid var(--neutrals-n-300);
}

.contianer-kategorije-dropdown-content-down {
	column-count: 4; /* Podesite broj kolona prema potrebi */
	column-gap: 24px; /* Podesite razmak između kolona prema potrebi */
	/*
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-content: flex-start;
	max-height: 600px;
	gap: 24px 24px;
	flex-wrap: wrap;
	*/
}

.contianer-kategorije-dropdown-content-down-category {
	margin-bottom: 24px;
	padding: 8px;
	break-inside: avoid;
	width: 100%;
	box-sizing: border-box;
	/*
	display: flex;
	min-width: 290px;
	max-width: 300px;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	*/
}

.contianer-kategorije-dropdown-content-down-category-title {
	display: flex;
	padding: 8px;
	align-items: center;
	gap: 12px;
	align-self: stretch;
	color: var(--neutrals-n-900);
}

.contianer-kategorije-dropdown-content-down-category-items {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}

.contianer-kategorije-dropdown-content-down-category-items-item {
	display: flex;
	padding: 6px 8px;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	color: var(--neutrals-n-600);
}

.prazna-prostor-izmedju-menija {
	position: absolute;
	left: 0;
	background: transparent;
	width: 1170px;
	height: 35px;
}

.contianer-kategorije-dropdown-content {
	width: 100%;
}

	.contianer-kategorije-dropdown-content:hover {
		display: flex;
	}

.contianer-kategorije-dropdown-content, .contianer-kategorije-dropdown-parent .prazna-prostor-izmedju-menija {
	display: none;
}

.contianer-kategorije-dropdown-parent:hover + .contianer-kategorije-dropdown-content, .contianer-kategorije-dropdown-parent:hover .prazna-prostor-izmedju-menija {
	display: flex;
}

.store-subcategory {
	display: flex;
	width: 802px;
	max-width: 835px;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 16px;
	flex-wrap: wrap;
}

.store-subcategory-pill {
	display: flex;
	padding: 8px 12px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	border: 1px solid var(--neutrals-n-300) !important;
	color: var(--neutrals-n-600) !important;
	text-align: center;
	white-space: nowrap;
}

.prostor-dugme-filteri-mobitel {
	display: flex;
	justify-content: space-between;
	width: 100%;
	padding: 0 16px;
	border-bottom: 1px solid var(--neutrals-n-300);
	display: flex;
	padding: 24px 16px;
	align-items: center;
	gap: 16px;
	align-self: stretch;
}

.dugme-filtera-mobiteli {
	display: flex;
	padding: 10px 16px;
	align-items: center;
	gap: 8px;
	border-radius: 4px;
	border: 1px solid var(--neutrals-n-300);
	color: var(--neutrals-n-900);
}

.dugme-filtera-mobiteli-counter {
	display: flex;
	width: 24px;
	height: 24px;
	padding: 4px 8px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background: var(--primary-yellow-400);
	color: var(--neutrals-n-900);
}

.filteri-mobile-x {
	display: flex;
	padding: 16px 16px 24px 16px;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
}

.filteri-mobile-titles {
	display: flex;
	padding: 0 16px 24px 16px;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-bottom: 1px solid var(--neutrals-n-300);
}

.filteri-mobile-titles-title {
	display: flex;
	align-items: center;
	gap: 8px;
	color: var(--neutrals-n-900);
}

.filteri-svi {
	display: flex;
	flex-direction: column;
	width: 100%;
}

.filteri-checkbox {
	display: flex;
	padding: 24px 16px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	align-self: stretch;
	border-bottom: 1px solid var(--neutrals-n-300);
}

.filteri-checkbox-switches {
	display: flex;
	padding: 0px 4px;
	align-items: center;
	gap: 32px;
	align-self: stretch;
}

.kategorija-pregled-proizvoda {
	display: flex;
	flex: 1 0 0;
	width: 100%;
	justify-content: center;
}

.mobile-menu-tabs-wrapper {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}

.mobile-menu-tabs-wrapper-user-dropdown-buttons {
	display: flex;
	padding: 12px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
	border-radius: 8px;
}

.mobile-menu-tabs-wrapper-user-dropdown-buttons-frame {
	display: flex;
	align-items: center;
	gap: 16px;
}

.mobile-menu-tabs-wrapper-user-dropdown-buttons-frame-frame {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 4px;
}

.mobile-menu-tabs-wrapper-user-dropdown-buttons-frame-frame-title {
	color: var(--neutrals-n-900);
}

.mobile-menu-tabs-wrapper-user-dropdown-buttons-frame-frame-description {
	color: var(--neutrals-n-600);
}

.navigation-rail-rail-wrapper-bottom-menu-bottom-mobile {
	align-items: flex-start;
}

.navigation-rail-rail-wrapper-bottom-menu-bottom-title-mobile {
	justify-content: flex-start;
	padding-left: 12px;
}

.mobile-menu-container-glavni {
	display: flex;
	flex-direction: column;
	gap: 12px;
	align-items: flex-start;
	flex: 1;
	width: 100%;
}

.mobile-menu-categories {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	width: 100%;
}

.mobile-menu-categories-category {
	display: flex;
	padding: 12px 8px;
	justify-content: space-between;
	align-items: center;
	flex: 1;
	width: 100%;
}

.mobile-menu-categories-category-frame {
	display: flex;
	height: 20px;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	color: var(--neutrals-n-900);
}

.pocetna-naslovi {
	display: flex;
	flex-direction: column;
	padding: 24px 0;
	gap: 12px;
}

.pocetna-title {
	color: var(--neutrals-n-900);
}

.pocetna-description {
	color: var(--neutrals-n-600);
}

.pocetna-treci-red {
	display: flex;
	flex-direction: column;
	width: 100%;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;
}

.pocetna-treci-red-up {
	display: flex;
	flex: 1;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}

.pocetna-treci-red-pom {
	display: flex;
	width: 966px;
	/*padding-bottom: 80px;*/
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 32px;
}

.pocetna-brendovi {
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	gap: 8px;
	align-self: stretch;
	flex-wrap: wrap;
	max-height: 220px;
	width: 100%;
}

.pocetna-brendovi-prostor {
	display: flex;
	width: 130px;
	height: 95px;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
	background: var(--neutrals-n-50);
	filter: grayscale(100%);
	transition: 1s;
}

	.pocetna-brendovi-prostor:hover {
		filter: grayscale(0%);
	}

		.pocetna-brendovi-prostor:hover .brand-pocetna-image {
			transform: scale(1.1) rotate(5deg);
		}

.pocetna-brendovi-kolona{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.pocetna-cetvrti-red {
	display: flex;
	flex-direction: column;
	width: 100%;
	padding-bottom: 80px;
}

.carousel-item3-radius{
	border-radius: 16px;
}

.footer-new {
	display: flex;
	justify-content: space-between;
	width: 100%;
	margin: 48px 0 24px 0;
}

.footer-new-links {
	display: flex;
	gap: 24px;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.brand-pocetna-image {
	width: 64px !important;
	height: 18px;
	object-fit: contain;
	transition: 1s;
}

.footer-new-mobile {
	display: flex;
	justify-content: space-between;
}

.footer-menu {
	display: flex;
	position: fixed;
	bottom: 0;
	width: 100%;
	padding: 12px 16px;
	justify-content: space-between;
    align-items: flex-end;
	background: var(--neutrals-n-50);
	/* Shadows/Light/Elevation 1 */
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.14);
}

.footer-menu-items {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 2px;
}

	.footer-menu-items {
		color: var(--neutrals-n-600) !important;
	}

	.footer-menu-items.footer-menu-items-active {
		color: var(--neutrals-n-900) !important;
	}

.footer-menu-items-icon-space {
	display: flex;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 8px;
}
.contianer-kategorije-dropdown-content-down-category-items-item:hover {
	color: var(--neutrals-n-900);
}

.container-brza-isporuka-do{
	display: flex;
	gap: 4px;
	color: var(--neutrals-n-900);
}

.container-brzina-isporuke {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	width: 100%;
}

.checkout-title-status-delivery-container-container-frame-frame-left {
	align-items: flex-start;
}

.checkout-title-status-delivery-container-container-frame-frame-progress-bar-left {
	align-items: flex-start;
}

.checkout-title-status-delivery-container-container-frame-fix-140-width {
	width: 140px;
}

.popup-pdf {
	display: flex;
	gap: 4px;
}

.excel-upload-container {
	display: flex;
	padding: 48px 0px;
	flex-direction: column;
	align-items: center;
	gap: 48px;
	align-self: stretch;
}

.excel-upload-container-upload {
	display: flex;
	width: 880px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	gap: 24px;
}

.excel-upload-container-upload2 {
	width: 100%;
}

.excel-upload-container-upload-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	color: var(--neutrals-n-900);
}

.excel-upload-container-upload-header-template-container {
	display: flex;
	align-items: center;
	gap: 10px;
}

.excel-upload-container-upload-header-template-container-text {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 8px;
}

.excel-upload-container-upload-header-template-container-text-title {
	display: flex;
	align-items: center;
	gap: 12px;
}

.excel-upload-form {
	display: flex;
	width: 100%;
	flex-direction: column;
	gap: 12px;
}

.excel-upload-form-input {
	position: absolute;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	outline: none;
	opacity: 0;
}

.excel-upload-form-input-div {
	width: 100%;
	position: relative;
	display: flex;
	height: 300px;
	padding: 48px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 12px;
	align-self: stretch;
	border-radius: 12px;
	border: 1px dashed var(--neutrals-n-300);
	background: var(--neutrals-n-50);
}

.excel-upload-form-input-div-top {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 12px;
	align-self: stretch;
}

.excel-upload-form-input-div-top-icon {
	display: flex;
	width: 48px;
	height: 48px;
	padding:8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
}

.excel-upload-form-input-div-top-text {
	display: flex;
	gap: 4px;
	color: var(--neutrals-n-600);
}

.excel-upload-form-input-div-top-text2 {
	color: var(--secondary-blue-500);
}

.excel-upload-form-input-div-top-text3 {
	color: var(--danger-red-500);
}

.excel-upload-form-opis {
	display: flex;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	color: var(--neutrals-n-600);
}

.excel-upload-form-button{
	margin-top: 24px;
	width: 100%;
}

.excel-error {
	display: none;
	padding: 12px 24px;
	align-items: center;
	gap: 12px;
	align-self: stretch;
	border-radius: 8px;
	background: var(--neutrals-n-50);
	color: var(--danger-red-500);
}

.excel-upload-container-result{
	display: flex;
	flex-direction: column;
	gap: 48px;
	width: 100%;
}

.excel-upload-container-result-number {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	color: var(--secondary-blue-500);
}

.excel-upload-error-not-found {
	display: flex;
	flex-direction: column;
	height: 400px;
	gap: 24px;
	align-items: center;
	justify-content: center;
	color: var(--neutrals-n-900);
}

.excel-upload-success {
	display: flex;
	flex-direction: column;
	height: calc(100vH - 200px);
	gap: 24px;
	align-items: center;
	justify-content: center;
	color: var(--neutrals-n-900);
}

.offers-up {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.offers-up-button-kreiraj{
	height: 42px;
}

.offers-create {
	position: fixed;
	display: none;
	left: calc(50% - 180px);
	top: calc(50% - 180px);
	width: 360px;
	max-width: 360px;
	padding: 24px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	border-radius: 12px;
	background: var(--neutrals-n-50);
	z-index: 10;
}

.offers-create-up {
	display: flex;
	flex-direction: column;
	width: 100%;
	gap: 8px;
}

.offers-create-up-title {
	color: var(--neutrals-n-900);
	display: flex;
	justify-content: center;
}

.offers-create-icon-close {
	display: flex;
	align-items: flex-end;
	justify-content: flex-end;
	cursor: pointer;
}

.offers-create-input-div {
	display: flex;
	flex-direction: column;
	gap: 8px;
	width: 100%;
	color: var(--neutrals-n-900);
}

.offers-create-input-div-input {
	border: 1px solid var(--neutrals-n-300);
	border-radius: 4px;
	padding: 12px 16px;
	color: var(--neutrals-n-600);
}

	.offers-create-input-div-input:focus-visible {
		border: 1px solid var(--neutrals-n-500);
		outline: none;
	}

.offer-details {
	display: flex;
	padding: 24px 0;
	flex-direction: column;
	gap: 24px;
	width: 100%;
}

.offer-details-top-right{
	display: flex;
	align-items: center;
	gap: 48px;
}

.offer-details-content {
	display: flex;
	width: 100%;
	align-items: flex-start;
	gap: 24px;
}

.offer-details-content-left {
	display: flex;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	flex: 1 0 0;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.offer-details-content-left-header {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.offer-details-content-left-header-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.offer-details-content-left-header-text-up {
	color: var(--neutrals-n-600);
}

.offer-details-content-left-header-text-down {
	color: var(--neutrals-n-900);
}

.offer-details-content-left-header-discount {
	display: flex;
	align-items: center;
	gap: 12px;
}

.offer-details-content-left-header-discount-button {
	display: flex;
	padding: 8px 24px;
	align-items: center;
	gap: 10px;
	align-self: stretch;
	border-radius: 4px;
	background: var(--neutrals-n-100);
	color: var(--neutrals-n-900);
	cursor: pointer;
}

.offer-details-content-left-header-discount-button-active {
	background: var(--primary-yellow-500);
}

input.offer-details-content-left-header-discount-button-active {
	background: white;
	border: 1px solid var(--primary-yellow-500);
}

	input.offer-details-content-left-header-discount-button-active:focus-visible {
		border: 1px solid var(--primary-yellow-500);
	}

.offer-details-content-left-header-input {
	display: flex;
	width: 200px;
	padding: 8px 16px;
	align-items: center;
	gap: 8px;
	flex-shrink: 0;
	border-radius: 4px;
	border: 1px solid var(--neutrals-n-300);
	color: var(--neutrals-n-600);
}

	.offer-details-content-left-header-input:focus-visible {
		border: 1px solid var(--neutrals-n-500);
		outline: none;
	}

.offer-details-content-left-line{
	height: 1px;
	width: 100%;
	background: var(--neutrals-n-300);
}

.offer-details-content-left-content-parent {
	display: flex;
	flex-direction: column;
	align-self: stretch;
	align-items: flex-end;
	gap: 16px;
}

.offer-details-content-left-content {
	display: flex;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.offer-details-content-left-content-left {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
}

.offer-details-content-left-content-left-product {
	display: flex;
	min-width: 230px;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}

.offer-details-content-left-content-left-product-image {
	display: flex;
	width: 48px;
	height: 48px;
	padding: 6px;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 8px;
}

.offer-details-content-left-content-left-product-name {
	display: flex;
	width: 170px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 4px;
	color: var(--neutrals-n-900);
}

.offer-details-content-left-content-delete-icon {
	display: flex;
	width: 32px;
	height: 32px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	cursor: pointer;
}

.offer-details-content-left-content-input-div {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	gap: 12px;
}

.offer-details-content-left-content-input-div-text{
	color: var(--neutrals-n-900);
}

.input-my-suffix {
	display: flex;
	margin-right: 4px;
	color: var(--neutrals-n-900);
}

.offer-details-content-right {
	display: flex;
	width: 411px;
	padding: 24px;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
	border-radius: 16px;
	background: var(--neutrals-n-50);
}

.offer-details-content-right-top {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 24px;
	align-self: stretch;
}

.offer-details-content-right-top-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 4px;
}

.offer-details-content-right-top-title-1 {
	color: var(--neutrals-n-900);
}

.offer-details-content-right-top-title-2 {
	color: var(--neutrals-n-600);
}

.offer-details-content-right-top-icons {
	display: flex;
	align-items: center;
	gap: 16px;
}

.offer-details-content-right-middle {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
}

.offer-details-content-right-middle-title {
	color: var(--neutrals-n-900);
}

.offer-details-content-right-middle-textarea {
	display: flex;
	height: 280px;
	padding: 16px;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	border-radius: 8px;
	border: 1px solid var(--neutrals-n-300);
	color: var(--neutrals-n-600);
}

.offer-details-content-right-bottom {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 16px;
	align-self: stretch;
}

.offer-details-content-right-bottom-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.offer-details-content-right-bottom-container-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	align-self: stretch;
}

.offer-details-content-right-bottom-container-container-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
}

.offer-details-content-right-bottom-container-container-container-opis {
	color: var(--neutrals-n-600);
}

.offer-details-content-right-bottom-container-container-container-naslov {
	color: var(--neutrals-n-900);
}

.offer-details-trenutni-rabat {
	height: 40px;
	display: flex;
	justify-items: center;
	align-items: center;
	color: var(--neutrals-n-900);
}

.input-druga-kompanija {
	border-radius: 4px;
	border: 1px solid var(--neutrals-n-300);
	padding: 2px 16px;
	height: 40px;
	width: 315px;
	color: var(--neutrals-n-900);
}

.offer-details-spremi-promijene {
	display: flex;
	justify-content: flex-end;
	width: 100%;
}

.offer-details-add-products {
	display: flex;
	width: 500px;
	max-width: 500px;
	padding: 24px 0px;
	flex-direction: column;
	align-items: center;
	gap: 24px;
	margin-bottom: 300px;
}

.offer-details-add-products-title{
	color: var(--neutrals-n-900);
}

.search-popup-ponude {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.search-popup-ponude-title {
	display: flex;
	padding: 0px 16px;
	align-items: flex-start;
	gap: 10px;
	align-self: stretch;
	color: var(--neutrals-n-600);
}

.search-popup-ponude-offers {
	display: flex;
	padding: 0px 8px;
	flex-direction: column;
	align-items: center;
	align-self: stretch;
	gap: 4px;
}

.search-popup-ponude-offers-container {
	display: flex;
	padding: 8px;
	align-items: flex-start;
	gap: 12px;
	align-self: stretch;
	border-radius: 12px;
	background: var(--neutrals-n-50);
}

.search-popup-ponude-offers-container-content {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	flex: 1 0 0;
}

.search-popup-ponude-offers-container-content-frame {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 4px;
}

.search-popup-ponude-offers-container-content-frame-img {
	display: flex;
	width: 61px;
	height: 61px;
	padding: 8px;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	border-radius: 8px;
	border: 1px solid var(--neutrals-n-300);
}

.search-popup-ponude-offers-container-content-description {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 4px;
	flex: 1 0 0;
}

.search-popup-ponude-offers-container-content-description-title {
	align-self: stretch;
	color: var(--neutrals-n-900);
}

.search-popup-ponude-offers-container-content-description-itemcode {
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	color: var(--neutrals-n-600);
	text-overflow: ellipsis;
}

.search-popup-ponude-div {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 8px;
	align-self: stretch;
}

.promjena-skladista-div {
	display: flex;
	gap: 8px;
}

.promjena-skladista-div-opis {
	display: flex;
	align-items: center;
	color: var(--neutrals-n-900);
}

.napomena-nije-maticno-skladiste{
	color: var(--danger-red-500);
}

.select-menu:hover .options{
	display: block
}

.select-menu:hover .select-btn svg {
	transform: rotate(180deg);
}

.ostala-skladista {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	width: 200px;
}