:root {
    --size-option-diameter: 54px;
	--osnovnaBoja: #b20135;
	--osnovnaBojaHover: #7b0024;
	--borderBoja: #ededed;
	--fontFamily: "Nunito Sans", Helvetica;
}

html {
  scroll-behavior: smooth;
}

body {
	display: flex;
	flex-direction: column;
	margin: 0;
	font-family: var(--fontFamily);
}

a {
	color: var(--osnovnaBoja);
	font-weight: 600;
}

button {
	font-family: var(--fontFamily);
}

::selection {
	background: var(--osnovnaBoja);
	color: white;
}

::-moz-selection {
	background: var(--osnovnaBoja);
	color: white;
}

select:focus-visible, input:focus-visible {
	outline: 0px;
}

.ogranici-sirinu{
	max-width: 1685px;
	padding: 0 110px
}

.header{
	display: flex;
	flex-direction: column;
	flex: 1;
	position: sticky;
    top: 0;
    z-index: 20;
	border-bottom: 1px solid #f1f1f1;
}

.header-up{
	display: flex;
	flex: 1;
	padding: 10px 120px;
	justify-content: center;
	align-items: center;
	background: black;
	color: white;
}

.header-down-parent{
	position: relative;
	display: flex;
	padding-top: 28px;
	padding-bottom: 28px;
	background: white;
	justify-content: center;
}

.header-down{
	display: flex;
	flex: 1;
}

.header-down-left{
	display: flex;
	flex: 0;
	align-items: center;
}

.menu{
	display: flex;
    gap: 36px;
	flex: 1;
	justify-content: center;
}

.menu-item-parent{
	display: flex;
}

	.menu-item-parent:hover .menu-item{
		color: var(--osnovnaBoja);
	}

	.menu-item-parent:hover .menu-item-content{
		transform: scaleY(1) translateZ(0);
		opacity: 1;
	}
	
	.menu-item-parent:hover svg{
		transform: rotate(270deg);
	}
	
	.menu-item-parent:hover svg path{
		fill: var(--osnovnaBoja);
	}

.menu-item{
	position: relative;
	display: flex;
	color: black;
	text-decoration: none;
	align-items: center;
	gap: 4px;
	text-wrap: nowrap;
}
	.menu-item:hover{
		color: var(--osnovnaBoja);
	}
	
.menu-item-sale{
	color: var(--osnovnaBoja);
}

.menu-item-arow svg{
	display: flex;
	width: 15px;
	height: 15px;
	transform: rotate(90deg);
	transition: 0.3s transform;
}

.menu-item-arow svg path{
	fill: black;
}

.menu-item-for-hover{
	background: transparent;
	width: 100%;
	height: 50px;
	position: absolute;
	top: 30px;
	left: 0;
}

.menu-item-content{
	position: absolute;
	top: 100px;
	left: 0;
	background: white;
	display: flex;
	width: 100%;
	transform-origin: 50% 0;
    transform: scaleY(0) translateZ(0);
    opacity: 0;
    transition: transform 0.3s, opacity 0.3s;
}

.menu-item-content-flex{
	padding-top: 48px;
	padding-bottom: 48px;
	display: flex;
	gap: 10px;
	flex: 1;
}

.menu-item-content-flex-column-last{
	display: flex;
	flex: 1;
	justify-content: center;
}

	.menu-item-content-flex-column-last-img{
		width: 100%;
		max-height: 380px;
	}

.menu-item-content-flex-column{
	padding: 0 8px;
	display: flex;
	flex-direction: column;
	gap: 18px;
	border-right: 1px solid #f1f1f1;
	min-width: 160px;
}

.menu-item-content-flex-column-up{
	font-weight: 700;
	font-size: 16px;
	color: #000;
	text-decoration: none;
	text-transform: uppercase;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	white-space: nowrap;
	padding-right: 20px;
}

	.menu-item-content-flex-column-up:hover{
		color: var(--osnovnaBoja);
	}

.menu-item-content-flex-column-down{
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.menu-item-content-flex-column-down-item{
	font-size: 16px;
	color: #6f6f6f;
	text-decoration: none;
	padding-right: 20px;
	white-space: nowrap;
}

	.menu-item-content-flex-column-down-item:hover{
		color: var(--osnovnaBoja);
	}
	
.menu-item-content-flex-column-button{
	margin-top: 20px;
	padding-right: 20px;
}

	.menu-item-content-flex-column-button .link-sa-crtom{
		justify-content: flex-start;
	}

.header-down-right{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	gap: 8px;
	flex: 0;
}

.header-input{
	display: flex;
	border: 1px solid #D4D4D4;
	min-width: 280px;
}

.header-input-input{
	border: 0;
	height: 40px;
	font-weight: 400;
	display: flex;
	flex: 1;
	color: #969696;
	font-size: 14px;
}

	.header-input-input:focus-visible{
		outline: none;
	}

	.header-input-input::placeholder {
		color: var(--borderBoja);
	}
	
	/*
	.header-input-input::-ms-input-placeholder { // Edge 12 -18
		color: var(--borderBoja);
	}
	*/

.header-input-search-icon{
	color: #aaa;
	padding: 8px;
    transform: translateY(5px);
}

.header-down-right-right{
	display: flex;
	gap: 8px;
}

.header-down-right-right-item{
	display: flex;
	padding: 0 16px;
	justify-content: center;
	align-items: center;
	position: relative;
}

.header-down-right-right-item svg path{
	transition: 0.5s fill, 0.5s stroke;
}

	.header-down-right-right-item-stroke:hover svg path {
		stroke: var(--osnovnaBoja);
	}
	
	.header-down-right-right-item-fill:hover svg path {
		fill: var(--osnovnaBoja);
	}

.slider-pocetna {
}

.slider-div{
	
}

.slider-item{
	position: relative;
	display: flex;
}

.slider-item-prekrivac{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 99%;
	background: rgba(0,0,0,0.5);
}

.slider-item-text-parent{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.slider-item-text{
	display: flex;
	flex-direction: column;
	max-width: 720px;
	gap: 24px;
}

.slider-item-text-1{
	color: #FFF;
    font-family: Taviraj;
    font-size: 62px;
    font-weight: 400;
    line-height: 78px;
	text-align: center;
}

.slider-item-text-2{
	color: #FFF;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
}

.slider-item-text-3{
	display: flex;
	justify-content: center;
}

.dugme{
	background: var(--osnovnaBoja);
	padding: 12px 32px;
	color: white;
	text-decoration: none;
	transition: 0.5s background;
	cursor: pointer;
	border: 0;
}

	.dugme:hover{
		background: var(--osnovnaBojaHover);
	}

.slider-item-content{
	width: 100%; 
	aspect-ratio: 16 / 9; 
	object-fit: cover; 
	height: calc(96vH - 150px);
}

.footer{
	background: #0f0f0f;
    background-image: url(../img/cvijet_pozadina.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: right;
}

.footer-prekrivac{
	background: rgba(0, 0, 0, 0.60);
	display: flex;
}

.footer-parent{
	display: flex;
	flex-direction: column;
	flex: 1;
}

.footer-down{
	display: flex;
	flex: 1;
	justify-content: space-between;
	padding-top: 48px;
	padding-bottom: 64px;
}

.footer-logo{
	width: 108px;
}

.footer-linija{
	background: #323237;
	height: 1px;
}

.footer-down-left{
	display: flex;
	gap: 8px;
}

.footer-down-right{
	display: flex;
	gap: 16px;
	justify-content: center;
    align-items: center;
}

.footer-copyright{
	color: #BABAC1;
}

.footer-copyright-a{
	color: #BABAC1;
	text-decoration: none;
	transition: 0.5s color;
}

	.footer-copyright-a:hover{
		color: var(--osnovnaBoja);
	}

.footer-down-right-item{
	display: flex;
}

.footer-down-right-item svg, .footer-down-right-item img {
	height: auto;
	width: 32px;
}

.footer-up{
	display: flex;
	flex: 1;
	justify-content: space-between;
	padding-bottom: 100px;
	padding-top: 80px;
}

.footer-up-column{
	display: flex;
	flex-direction: column;
	gap: 40px;
}

.footer-up-column-down{
	display: flex;
	flex-direction: column;
	gap: 20px;
}
	
.footer-up-column-down-row{
	display: flex;
	gap: 20px;
}

.footer-up-column-down-row-left-icon{
	height: auto;
    width: 20px;
}

.footer-up-column-down-row-right-a{
	color: #D3D3D7;
	text-decoration: none;
	transition: color 0.5s;
}

	.footer-up-column-down-row-right-a:hover
	{
		color: var(--osnovnaBoja);
	}
	
.footer-up-column-header{
	color: #ffffff;
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
}

.footer-up-column-down-item{
	color: #fff;
	text-decoration: none;
	transition: 0.5s color;
}

	.footer-up-column-down-item:hover{
		color: var(--osnovnaBoja);
	}

.footer-up-column-down-last{
	max-width: 420px;
}

.footer-up-column-down-newslatter-text{
	color: #D3D3D7;
    font-size: 16px;
    line-height: 24px;
}

.footer-up-column-down-follow{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.footer-up-column-down-follow-text{
	color: #fafafa;
    font-size: 16px;
    line-height: 1.5;
}

.footer-up-column-down-follow-icons{
	display: flex;
	gap: 36px;
}

.footer-up-column-down-follow-icons-icon{
	color: white;
	font-size: 32px;
	transition: color 0.5s;
}

	.footer-up-column-down-follow-icons-icon:hover{
		color: var(--osnovnaBoja);
	}
	
.input-newslatter-div{
	display: flex;
	flex: 1;
	justify-content: space-between;
	background: white;
	min-height: 58px;
}

.input-newslatter-div-input{
	display: flex;
	flex: 1;
}

.input-newslatter-div-icon{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	padding: 0px 16px;
}

	.input-newslatter-div-icon svg{
		width: 24px;
		height: 24px;
	}

.button-newslatter{
	display: flex;
    height: 100%;
    text-align: center;
	padding: 0 24px;
	align-items: center;
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    font-weight: 800;
    background: var(--osnovnaBoja);
    border: 0px;
	transition: 0.5s background;
	cursor: pointer;
}

	.button-newslatter:hover{
		background: var(--osnovnaBojaHover);
	}

.input-hidden-border{
	border: 0;
	font-weight: 400;
    background: #ffffff;
    color: #969696;
	font-size: 16px;
	display: flex;
	width: 100%;
}

	.input-hidden-border::placeholder{
		color: var(--borderBoja);
	}

	.input-hidden-border:focus-visible{
		    outline: none;
	}
	
.slider-pocetna .swiper-button-next, .slider-pocetna .swiper-button-prev{
	top: auto !important;
	bottom: 120px !important;
    width: 48px;
    height: 48px;
}

.slider-pocetna .swiper-button-next{
	right: 120px !important;
}

.slider-pocetna .swiper-button-prev{
	right: 184px !important;
	left: auto !important;
}

.slider-pocetna .swiper-button-next svg path, .slider-pocetna .swiper-button-prev svg path{
	fill: white;
	transition: 0.5s fill;
}

	.slider-pocetna .swiper-button-next:hover svg path, .slider-pocetna .swiper-button-prev:hover svg path{
		fill: var(--osnovnaBoja);
	}

.red1{
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 40px;
}
	
.red1-header{
	color: #18181B;
    text-align: center;
    font-size: 48px;
    line-height: 60px;
    font-weight: 400;
	font-family: Taviraj;
}

.red1-header-istakni{
	color: var(--osnovnaBoja);
    font-style: italic;
}

.link-sa-crtom{
	display: flex;
	justify-content:center;
}

.link-sa-crtom-a{
	display: flex;
	width: fit-content;
	padding-bottom: 6px;
	border-bottom: 1px solid black;
	text-decoration: none;
	color: black;
	text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
	gap: 4px;
	justify-content: center;
	align-items: center;
	transition: 0.5s color;
}

	.link-sa-crtom-a:hover{
		color: var(--osnovnaBoja);
	}

.link-sa-crtom-a i{
	font-size: 10px;
}

.red1-istaknuto{
	display: flex;
	gap: 24px;
	margin-top: 48px;
}

.red1-istaknuto-2{
	display: flex;
	gap: 24px;
}

.red1-istaknuto-2-item{
	display: flex;
	flex-direction: column;
	gap: 18px;
	text-decoration: none;
	position: relative;
}

	.red1-istaknuto-2-item::after{	
		content: "";
		opacity: 0;
		transition: all .3s ease-in-out;
	}

	.red1-istaknuto-2-item:hover::after{
		content: "";
		position: absolute;
		inset: 0;
		z-index: 1;
		opacity: 1;
		display: block;
		width: 100%;
		height: auto;
		background: linear-gradient(0deg, #B21E39 0%, #B21E39 100%);
		mix-blend-mode: screen;
		aspect-ratio: 396 / 472;
	}

.red1-istaknuto-2-item-img{
	aspect-ratio: 396 / 472;
    width: 100%;
}

.pocetna-div{
	display: flex;
	flex-direction: column;
	gap: 100px;
	padding-top: 100px;
	padding-bottom: 100px;
}

.pocetna-linija{
	width: 100%;
	height: 1px;
	background: #e6e6e9;
}

.slider-proizvodi{
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 40px;
}

.red2-header{
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.red2-header-up{
	letter-spacing: 2px;
    color: #000;
    text-align: start;
	font-size: 12px;
    font-weight: 400;
    line-height: 15px;
}

.red2-header-down{
	display: flex;
	justify-content: space-between;
}

.red2-header-down-left{
	font-size: 60px;
    line-height: 48px;
    text-align: start;
	color: #18181b;
	letter-spacing: -1px;
	font-weight: 400;
	font-family: Taviraj;
}

.red2-content{
	display: flex;
}

.proizvod{
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.proizvod-up{
	position: relative;
}

.proizvod-up-img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	aspect-ratio: 1 / 1;
}

.proizvod-down{
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.proizvod-down-brend-img{
	width: 100px;
    height: 40px;
}

.proizvod-down-cijena{
	display: flex;
	gap: 12px;
	align-items: flex-end;
	margin-top: 12px;
}

.proizvod-down-cijena-obicna{
	font-size: 24px;
    line-height: 27.6px;
    text-align: center;
    color: #000;
	font-weight: 700;
    letter-spacing: -0.5px;
}

.proizvod-down-cijena-akcija{
	color: var(--osnovnaBoja);
}

.proizvod-down-cijena-stara {
	font-family: var(--fontFamily);
	font-weight: 500;
	font-size: 20px;
	line-height: 25px;
	color: #babac1;
	letter-spacing: -0.5px;
	text-decoration: line-through;
	text-decoration-color: #00000040;
	text-decoration-thickness: 1px;
	min-height: 25px;
}

.proizvod-down-color-prazan-div{
	display: flex;
	min-height: 22px;
}

.proizvod-down-color {
	display: flex;
	gap: 8px;
	align-items: center;
	margin-left: 1px;
}

.proizvod-boja {
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 1px solid #00000020;
	cursor: pointer;
	background-size: contain;
	margin: 1px;
}

.proizvod-boja-zuta{
	background: #ecc819;
}

.proizvod-boja-bijela{
	background: #fff;
}

.proizvod-boja-srebrena{
	background: #f5f5dc;
}

.proizvod-boja-plus {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	font-size: 20px;
	line-height: 20px;
	color: #525252;
	cursor: pointer;
	white-space: nowrap;
	text-decoration: none;
}

.proizvod-down-naziv{
	font-weight: 400;
    font-size: 16px;
    line-height: 12px;
    color: #525252;
    margin-bottom: 12px;
}

.proizvod-up-heart {
	top: 20px;
	right: 20px;
	position: absolute;
	width: 25px;
	height: 25px;
	cursor: pointer;
	z-index: 1;
}

.proizvod-up-text {
	top: 20px;
	left: 0px;
	position: absolute;
	font-size: 14px;
	font-weight: 900;
	color: #fff;
	background-color: var(--osnovnaBoja);
	padding: 6px 16px;
	line-height: 16px;
	z-index: 1;
}

.proizvod-up-text-black{
	background-color: black;
}

.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  width: 100%;
  display: flex;              /* da zadržiš svoj flex layout */
  justify-content: center;    /* centriranje sadržaja */
  align-items: center;
}

.red2-content .swiper-wrapper{
	padding-bottom: 112px;
}

.red2-content .swiper-button-next, .red2-content .swiper-button-prev{
	top: unset !important;
	bottom: 0px !important;
    width: 48px;
    height: 48px;
}

.red2-content .swiper-button-next{
	right: 0px !important;
}

.red2-content .swiper-button-prev{
	right: 64px !important;
	left: unset !important;
}

.red2-content .swiper-scrollbar.swiper-scrollbar-horizontal{
	width: calc(100% - 160px) !important;
	bottom: 24px !important;
	left: 0 !important;
}

.pocetna-banner{
	display: flex;
	gap: 36px;
}


.pocetna-two-banner-item{
	position: relative;
	display: flex;
	flex: 1;
}

.pocetna-two-banner-item-prekrivac{
	background: linear-gradient(316deg, rgba(0, 0, 0, 0.00) 41.87%, rgba(0, 0, 0, 0.96) 100%);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.pocetna-two-banner-img{
	width: 100%;
	object-fit: contain;
    vertical-align: top;
	aspect-ratio: auto 1656 / 1658;
	contain-intrinsic-size: 3000px 1500px;
}

.pocetna-two-banner-item-text{
	position: absolute;
	top: 48px;
	left: 48px;
	max-width: 544px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.pocetna-two-banner-item-text-down{
	top: unset;
	bottom: 48px;
}

.pocetna-two-banner-item-text-header{
	color: #fff;
    text-align: left;
    font-size: 32px;
    line-height: 40px;
    font-weight: 400;
	font-family: Taviraj;
}

.pocetna-two-banner-item-text-text{
	color: #fff;
    text-align: left;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
}

.pocetna-two-banner-item-text-text-parent{
	display: flex;
	flex-direction: column;
}

.pocetna-two-banner-item-text .link-sa-crtom{
	justify-content: flex-start;
}

.pocetna-two-banner-item-text .link-sa-crtom-a{
	border-color: white;
}

.pocetna-two-banner-item-text .link-sa-crtom a{
	color: white;
}

.pocetna-preporuka{
	display: flex;
	flex-direction: column;
	gap: 100px;
}

.pocetna-preporuka-header{
	display: flex;
	flex-direction: column;
}

.pocetna-preporuka-header-podnaslov{
	color: #000;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    letter-spacing: 2.4px;
}

.pocetna-preporuka-header-naslov{
	color: #000;
    text-align: center;
    font-family: Taviraj;
    font-size: 48px;
    font-weight: 400;
    line-height: 60px;
    margin: 32px 0;
    padding: 0;
    letter-spacing: -0.48px;
}

.pocetna-preporuka-items{
	display: flex;
	gap: 16px;
}

.pocetna-preporuka-items-item{
	position: relative;
	display: flex;
}

.pocetna-preporuka-items-item-prekrivac{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(316deg, rgba(0, 0, 0, 0.00) 41.87%, rgba(0, 0, 0, 0.77) 100%);
    opacity: 1;
	transition: 0.3s ease-in all;
}

	.pocetna-preporuka-items-item:hover .pocetna-preporuka-items-item-prekrivac{
		opacity: 0;
	}

.pocetna-preporuka-items-item-img{
	width: 100%;
}

.pocetna-preporuka-items-item-text{
	position: absolute;
	top: 24px;
	left: 24px;
	color: white;
	text-decoration: none;
	max-width: 190px;
	font-family: Taviraj;
	font-size: 32px;
    font-weight: 400;
    line-height: 40px;
	z-index: 3;
}

.pocetna-preporuka-items-item-icon{
	position: absolute;
	bottom: 24px;
	right: 24px;
}

.pocetna-two-banner-item-text .link-sa-crtom a:hover {
    color: var(--osnovnaBoja);
}

.header-search-result{
	position: absolute;
	top: 101px;
	left:0;
	width: 100%;
	display: flex;
	background: white;
}

.header-search-result-2 {
	display: flex;
	flex: 1;
}

.header-search-result-content {
	display: flex;
	flex: 1;
	padding-top: 48px;
	padding-bottom: 48px;
	justify-content: space-between;
	min-width: 0; /*NEDIM-DODAO*/
}

.header-search-result-content-left {
	display: flex;
	flex-direction: column;
	gap: 18px;
	padding-right: 48px;
	flex: 1;
	min-width: 0; /*NEDIM-DODAO*/
}

.header-search-result-content-left-up{
	display: flex;
	flex: 1;
	justify-content: space-between;
}

.header-search-result-content-left-up-left{
	display: flex;
	font-size: 16px;
    font-weight: 500;
	line-height: 1.5;
    color: #000;
}

.header-search-result-content-left-down {
	display: flex;
	gap: 24px;
}

.header-search-result-content-right{
	display: flex;
	padding-left: 48px;
	border-left: 1px solid #e6e6e9;
	min-width: 360px;
	max-width: 360px;
	gap: 10px;
}

.header-search-result-content-right-column{
	display: flex;
	flex-direction: column;
	gap: 24px;
	min-width: 175px;
	max-width: 175px;
}

.header-search-result-content-right-column-item{
	color: #6f6f6f;
    font-size: 16px;
    font-weight: 500;
	align-items: center;
    height: 30px;
	text-decoration: none;
}

.header-search-result-content-right-column-item-last{
	color: black;
}

.header-search-result-content-right-column-item-last i{
	font-size: 12px;
}

	.header-search-result-content-right-column-item:hover{
		color: var(--osnovnaBoja);
	}

.product-div{
	display: flex;
	flex-direction: column;
	gap: 100px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.product-div-up{
	display: flex;
	flex-direction: column;
	gap: 32px;
}

.product-div-up-up{
	display: flex;
	gap: 8px;
	align-items: center;
}

.product-div-up-up-icon{
	display: flex;
	align-items: center;
}

.product-div-up-up-icon svg{
	width: 15px;
	height: 15px;
}

.product-div-up-up-a{
	color: black;
	text-decoration: none;
	transition: 0.5s color;
}

	.product-div-up-up-a:hover{
		color: var(--osnovnaBoja);
	}

.product-div-up-down{
	display: flex;
	gap: 32px;
}

.product-div-up-down-left {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 64px;
}

.product-div-up-down-row{
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.product-div-up-down-row-img{
	display: flex;
	flex: 1;
	width: 100%;
    height: auto;
}

.product-div-up-down-row-item {
	display: flex;
	flex: 0 0 49%;
	box-sizing: border-box;
	cursor: pointer;
}

.product-div-down{
	display: flex;
	flex-direction: column;
}

.product-div-up-down-right{
	display: flex;
	flex-direction: column;
	min-width: 540px;
	gap: 24px;
}

.product-div-up-down-right-brend{
	display: flex;
	justify-content: space-between;
}

.product-div-up-down-right-brend-text{
	font-weight: 700;
    font-size: 40px;
    line-height: 1.25;
}

.product-div-up-down-right-brend-icon {
	display: flex;
	min-height: 40px;
	align-items: center;
	font-weight: 600;
	font-size: 18px;
}

.product-div-up-down-right-brend-icon-img {
	width: 75px;
	height: auto;
	aspect-ratio: auto 300 / 127;
	align-self: flex-start;
}

.product-div-up-down-right-opis{
	display: flex;
	justify-content: flex-start;
}

.product-div-up-down-right-opis-cell{
	border-right: 1px solid #52525b;
	font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    color: #52525b;
	padding-right: 12px;
}

	.product-div-up-down-right-opis-cell:last-child{
		padding-left: 12px;
		border-right: 0;
	}

.product-div-up-down-right-price{
    display: flex;
	flex-direction: column;
	gap: 24px;
	align-items: flex-start;
}

.product-div-up-down-right-price-osnovna{
	display: flex;
	gap: 12px;
	font-weight: 800;
    font-size: 24px;
    line-height: 27.6px;
    letter-spacing: 8%;
    text-align: center;
    color: #000;
}

.product-div-up-down-right-price-akcija{
	color: var(--osnovnaBoja);
}

.product-div-up-down-right-discount {
	background-color: var(--osnovnaBoja);
	color: white;
	padding: 4px 8px;
	font-size: 14px;
	line-height: 20px;
	font-weight: 900;
	max-height: 28px;
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	text-wrap: nowrap;
	text-align: center;
	align-self: flex-end;
}

.product-div-up-down-right-color {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.product-div-up-down-right-color-header{
	display: flex;
	flex: 1;
	justify-content: space-between;
}

.product-div-up-down-right-color-header-left{
	font-size: 16px;
    line-height: 24px;
}

.product-div-up-down-right-color-header-right{
	display: flex;
	gap: 8px;
}

.product-div-up-down-right-color-header-right-img{
	width: 24px;
	height: 24px;
}

.product-div-up-down-right-color-header-right-content{
	text-decoration: underline;
	font-size: 16px;
    line-height: 24px;
	cursor: pointer;
	color: black;
	transition: 0.5s color;
}

	.product-div-up-down-right-color-header-right-content:hover{
		color: var(--osnovnaBoja);
	}

.product-div-up-down-right-color-header-content{
	font-weight: 700;
}

.product-div-up-down-right-color-colors {
	display: flex;
	flex-wrap: wrap;
	gap: 12px;
	align-items: center;
}

.proizvod-boja-detalji{
	width: 38px;
	height: 38px;
}

.proizvod-boja-aktivna {
	border: 2px solid white;
	outline: 1px solid black;
	margin: 0px;
}

.horizontalna-linija{
	width: 100%;
	height: 1px;
	background: #ededed;
}

.proizvod-velicina-detalji {
    border: 1px solid #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: var(--size-option-diameter);
    height: var(--size-option-diameter);
    min-width: var(--size-option-diameter);
    min-height: var(--size-option-diameter);
    max-width: var(--size-option-diameter);
    max-height: var(--size-option-diameter);
    box-sizing: border-box;
    flex-shrink: 0;
    padding: 4px;
    font-size: 12px;
    line-height: 1.2;
    text-align: center;
    overflow-wrap: anywhere;
    overflow: hidden;
    cursor: pointer;
    user-select: none;
    transition: background-color .15s, color .15s;
}

	.proizvod-velicina-detalji:hover {
		background: #000000;
		color: #fff;
	}

	.proizvod-velicina-detalji-aktivna {
		background: #000000;
		color: #fff;
	}

.product-div-up-down-right-dostupno{
	display: flex;
	justify-content: space-between;
}

.product-div-up-down-right-dostupno-right{
	display: flex;
	gap: 8px;
	align-items: center;
	/*max-width: 180px;*/
}

.product-dostpuno-indikator{
	width: 12px;
    height: 12px;
	border-radius: 50%;
}

.product-dostpuno-indikator-dostupno{
	background: #009e12;
}

.product-div-up-down-right-dostupno-left{
	display: flex;
	/*max-width: 180px;*/
}

.product-div-up-down-right-add-cart-div{
	display: flex;
	gap: 16px;
}

.product-div-up-down-right-add-cart-div-button-add{
	display: flex;
	gap: 6px;
	background: var(--osnovnaBoja);
	border: 1px solid var(--osnovnaBoja);
	color: white;
	height: 64px;
	cursor: pointer;
	flex-grow: 1;
	align-items: center;
    justify-content: center;
	text-transform: uppercase;
	transition: 0.5s background;
}

	.product-div-up-down-right-add-cart-div-button-add:hover{
		background: white;
		color: var(--osnovnaBoja);
	}
	
.product-div-up-down-right-add-cart-div-button-add svg{
	transition: 0.5s fill;
}
	
	.product-div-up-down-right-add-cart-div-button-add:hover svg path{
		fill: var(--osnovnaBoja);
	}

.product-div-up-down-right-add-cart-div-button-add-text{
	display: flex;
	justify-content: center;
	align-items: center;
    font-weight: 800;
	padding-top: 4px;
}

.product-div-up-down-right-add-cart-div-button-add-disabled {
	background: #cbcbcb;
	color: gray;
	border: gray;
	cursor: not-allowed;
}

	.product-div-up-down-right-add-cart-div-button-add-disabled:hover {
		background: #cbcbcb;
		color: gray;
	}

.product-div-up-down-right-add-cart-div-button-add-disabled svg path {
	fill: gray;
}

	.product-div-up-down-right-add-cart-div-button-add-disabled:hover svg path {
		fill: gray;
	}
	

.product-div-up-down-right-add-cart-div-button-fav {
	border: 1px solid black;
	width: 64px;
	height: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.kategorije-parent{
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 40px;
}

.kategorije{
	display: flex;
}

.slider-kategorija-dugmad{
	display: flex;
	gap: 24px;
}

.slider-kategorija-dugmad .swiper-button-prev, .slider-kategorija-dugmad .swiper-button-next{
	position: relative;
}

.kategorija-item{
	display: flex;
	position: relative;
	transition: 0.5s text-shadow;
}

.kategorija-item-img{
	width: 100%;
	aspect-ratio: 1.16 / 1;
	object-fit: cover;
}

.kategorija-item-prekrivac {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	transition: 0.5s background;
}

.kategorija-item-text {
	position: absolute;
	bottom: 24px;
	left: 24px;
	color: #ffffff;
	font-size: 32px;
	line-height: 1.25;
	max-width: 138px;
	font-weight: 700;
}

.kategorija-item:hover {
	text-shadow: 0px 0px 6px black;
}

.kategorija-item:hover .kategorija-item-prekrivac {
	background: #00000012;
}

.kategorije .swiper-wrapper {
    padding-bottom: 60px;
}

.kategorije .swiper-scrollbar.swiper-scrollbar-horizontal {
    bottom: 24px !important;
    left: 0 !important;
}

.product-list-parent{
	display: flex;
	gap: 30px;
}

.product-list-parent-filters{
	display: flex;
	flex-direction: column;
	width: 380px;
    min-width: 380px;
}

.product-list-parent-filters-item{
	display: flex;
	flex-direction: column;
	padding: 12px 0;
	gap: 12px;
	border-bottom: 1px solid #e4e4e4;
	cursor: pointer;
}

	.product-list-parent-filters-item:first-child{
		border-top: 1px solid #e4e4e4;
	}
	
.product-list-parent-filters-item-header{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.product-list-parent-filters-item-header-text{
	font-weight: 700;
    line-height: 24px;
}

.product-list-parent-filters-item-header svg{
	width: 15px;
	height: 15px;
	transform: rotate(90deg);
	transition: 0.5s transform;
}

.product-list-parent-filters-item-header-aktivna svg{
	transform: rotate(-90deg);
}

.product-list-parent-filters-item-content{
	display: none;
	flex-direction: column;
	gap: 12px;
}

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



.checkbox-input{
	accent-color: black;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	outline: none;
	margin: 0;
}

.product-list-parent-products{
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
	flex: 1;
}
.proizvod-list-proizvod {
	max-width: 288px;
	margin-bottom: 30px;
}

.proizvod-list-proizvod-slider {
	flex: 1;
	min-width: 0;
	max-width: none;
}

.cart {
	display: flex;
	flex-direction: column;
	gap: 48px;
	margin-bottom: 48px;
}

.cart-up{
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.cart-up-header{
	font-size: 38px;
    font-weight: 700;
    line-height: 48px;
    color: #18181B;
}

.cart-down {
	display: flex;
	gap: 36px;
	align-items: flex-start;
}

.cart-down-left{
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 24px;
}

.cart-item{
	display: flex;
	border: 1px solid #e3e3e3;
	height: 254px;
}

.cart-item-left{
	display: flex;
	min-width: 254px;
	max-width: 254px;
	height: 100%;
}

.cart-item-left-img{
	width: 100%;
	height: auto;
    max-width: 100%;
	aspect-ratio: auto 300 / 300;
}

.cart-item-right{
	display: flex;
	flex: 1;
	justify-content: space-between;
	padding: 16px;
}

.cart-item-right-up{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.cart-item-right-up-up{
	display: flex;
	flex: 1;
	justify-content: space-between;
}

.cart-item-right-up-up-left{
	display: flex;
	align-items: flex-start;
}

.cart-item-right-up-up-left-name{
	font-weight: 500;
    font-size: 20px;
	color: black;
	text-decoration: none;
}

.cart-item-right-up-up-left-itemcode{
	font-size: 20px;
	margin-left: 16px;
    padding-left: 16px;
    border-left: 1px solid #000;
    font-weight: 400;
    color: #52525b;
	text-decoration: none;
}

.cart-item-right-up-up-right{
	font-size: 20px;
    font-weight: 600;
	line-height: 27.6px;
    text-align: center;
    color: #000;
	display: flex;
	gap: 12px;
}

.cart-item-right-up-down{
	display: flex;
	flex-direction: column;
	gap: 4px;
}
	
.cart-item-right-up-down-item{
	display: flex;
	gap: 4px;
}

.cart-item-right-up-down-item-left{
	display: flex;
	min-width: 100px;
	font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    color: #6d6d6d;
}

.cart-item-right-up-down-item-right{
	font-size: 16px;
    font-weight: 400;
    line-height: 1.75;
    color: #393939;
}

.cart-item-right-down{
	display: flex;
	justify-content: space-between;
}

.cart-item-right-down-left{
	display: flex;
	gap: 8px;
}

.cart-item-right-down-right{
	display: flex;
	align-items: center;
}

.custom-quantity-input {
    display: flex;
    align-items: center;
    border: 1px solid #000;
    width: fit-content;
    padding: 12px;
}

.custom-quantity-input-button{
	text-decoration: none;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    font-size: 18px;
    font-weight: bold;
    border: none;
    cursor: pointer;
	background: transparent;
}

.custom-quantity-input-input {
	border: 0;
	width: 40px;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	padding: 4px 0;
	color: #000;
	background: transparent;
}

.custom-quantity-input-input::-webkit-outer-spin-button,
.custom-quantity-input-input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

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

.cart-down-right {
	display: flex;
	flex-direction: column;
	flex-basis: 34%;
	gap: 24px;
	position: sticky;
	top: 180px;
}

.cart-down-right-delivery-info{
	display: flex;
	background: #eaeef3;
    padding: 22px 4px;
    font-size: 16px;
    color: #000;
    font-weight: 400;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.cart-down-right-sum{
	display: flex;
	flex-direction: column;
	padding: 32px;
    background: #f3f3f3;
	gap: 40px;
}

.cart-down-right-sum-header{
	display: flex;
	font-size: 20px;
    font-weight: 500;
    color: #000;
}

.cart-down-right-sum-items{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.cart-down-right-sum-items-item{
	display: flex;
	flex: 1;
	justify-content: space-between;
}

.cart-down-right-sum-items-item-left{
	font-size: 16px;
    font-weight: 400;
    color: #000;
}

.cart-down-right-sum-items-item-right{
	font-size: 16px;
    font-weight: 400;
}

.cart-down-horizontalna-linija{
	width: 100%;
	height: 1px;
	background: #e3e3e3;
}

.cart-down-right-sum-sum{
	display: flex;
	flex: 1;
	justify-content: space-between;
}

.cart-down-right-sum-sum-left{
	font-size: 20px;
    font-weight: 700;
    color: #000;
}

.cart-down-right-sum-sum-right{
	font-size: 20px;
    font-weight: 700;
}

.button-placanje{
	display: flex;
	text-decoration: none;
	color: white;
	background: var(--osnovnaBoja);
	transition: 0.5s all;
	font-size: 16px;
	font-weight: 600;
    padding: 20px;
    line-height: 1;
	text-align: center;
	justify-content: center;
	border: 0;
	cursor: pointer;
}

	.button-placanje:hover{
		background: white;
		color: var(--osnovnaBoja);
	}

	.button-placanje.disabled {
		pointer-events: none;
		opacity: 0.5;
		cursor: not-allowed !important;
	}

.slike-proizvoda .swiper-wrapper {
	padding-bottom: 0px;
}

.proizvod-down-brend{
	display: flex;
	min-height: 40px;
	align-items: center;
	font-weight: 600;
	font-size: 18px;
}

.popuni-srce svg path {
	fill: var(--osnovnaBoja);
	stroke: var(--osnovnaBoja);
}

.popup-div {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 10000;
	display: none;
	backdrop-filter: blur(1.5px);
}

.popup-parent{
	position: fixed;
	z-index: 10001 !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: none;
	/*justify-content: center;
	align-items: center;
	padding: 10px;
	box-sizing: border-box;*/
}

.product-gallery-div-parent {
	
}

.product-gallery-div {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-gallery-image {
	max-width: 90vw;
	max-height: 90vh;
	object-fit: contain;
	display: none;
}

.product-gallery-close {
	position: absolute;
	top: 26px;
	right: 26px;
	color: #000;
	font-size: 35px;
	font-weight: bold;
	cursor: pointer;
	transition: 0.5s;
	z-index: 1;
}

.product-gallery-prev, .product-gallery-next {
	cursor: pointer;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: auto;
	padding: 16px;
	color: #000;
	font-weight: bold;
	font-size: 24px;
	transition: 0.5s;
	user-select: none;
	z-index: 1;
}

.product-gallery-prev {
	left: 10px;
}

.product-gallery-next {
	right: 10px;
}

.product-size-table {
	flex-direction: column;
	background: white;
	width: 600px;
}

.product-size-tabs{
	display: flex;
}

.product-size-tabs-tab {
	display: flex;
	flex: 1;
	padding: 12px 15px;
	text-decoration: none;
	background: var(--osnovnaBoja);
	color: #fff;
	border: 1px solid transparent;
	cursor: pointer;
	justify-content: center;
}

.product-size-tabs-tab-active {
	background: var(--osnovnaBojaHover);
}

.product-size-tabs-tab-content {
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
	display: none;
}

	.product-size-tabs-tab-content th, .product-size-tabs-tab-content td {
		padding: 8px;
		border: 1px solid #ddd;
		text-align: center;
		width: 33.33%;
	}

	.product-size-tabs-tab-content tr:nth-child(2n+1) {
		background-color: #f0f0f0;
	}

	.product-size-tabs-tab-content tr th {
		background-color: white;
	}

.product-quantity-table {
	background-color: #fff;
	width: 600px;
	max-height: 80vh;
	overflow: hidden;
	flex-direction: column;
}

.product-quantity-table-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 15px 20px;
	border-bottom: 1px solid #eee;
}

.product-quantity-table-header-text {
	font-size: 20px;
	font-weight: bold;
	color: #000;
	line-height: 1.25;
}

.product-quantity-table-header-close {
	background: none;
	border: none;
	font-size: 24px;
	cursor: pointer;
	color: #666;
}

.product-quantity-table-content {
	padding: 20px;
	overflow-y: auto;
	max-height: calc(80vh - 70px);
	-webkit-overflow-scrolling: touch;
}

.store-availability-store {
	display: flex;
	flex-direction: column;
	padding-bottom: 20px;
	margin-bottom: 40px;
}

.store-availability-store-header{
	display: flex;
	align-items: center;
}

.store-availability-store-name {
	font-weight: 500;
	font-size: 25px;
	margin-right: 10px;
	color: #000;
}

.store-availability-dot {
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	margin-right: 10px;
}

.store-availability-dot.in-stock {
	background-color: #009e12;
}

.store-availability-divider {
	height: 0.5px;
	background-color: #666666;
	margin: 10px 0;
}

.store-availability-container {
	padding-left: 30px;
	padding-top: 15px;
}

.store-availability-store-address {
	margin-bottom: 15px;
	line-height: 1.4;
	font-size: 20px;
	color: #000;
	font-weight: 400;
}

.store-availability-store-address-label {
	color: #666666;
}

.store-availability-sizes-section {
	margin-top: 15px;
}

.store-availability-sizes-title {
	margin-bottom: 10px;
	font-weight: 400;
	color: #666666;
	font-size: 20px;
}

.store-availability-store-sizes {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 15px;
}

.no-scroll {
	overflow: hidden;
}

.store-availability-size-details {
	display: none;
	color: #008c2c;
	gap: 4px;
}

.product-div-up-down-row-tabs {
	display: flex;
	flex-direction: column;
	align-self: stretch;
	width: 100%; /* ili ovo ako treba */
}

.product-div-up-down-row-tabs-header {
	display: flex;
	flex: 1;
	justify-content: space-between;
	border-bottom: solid 1px #E4E4E4;
}

.product-div-up-down-row-tabs-header-item {
	flex: 1 1 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding: 16px;
	border-top: none;
	color: #52525B;
	max-width: min-content;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	transition: 0.5s all;
}

	.product-div-up-down-row-tabs-header-item:hover {
		background: rgba(0, 0, 0, 0.05);
	}

.product-div-up-down-row-tabs-header-item-active {
	font-weight: 700;
	color: #18181B;
	border-bottom: 2px solid var(--osnovnaBoja);
}

.product-div-up-down-row-tabs-header-item-active:hover{
	background: none;
}

.product-div-up-down-row-tabs-content{
	padding-top: 64px;
	display: none;
	flex-direction: column;
	gap: 8px;
}

.product-div-up-down-row-tabs-content-description{
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.product-div-up-down-row-tabs-content-description-item{
	display: flex;
	gap: 12px;
}

.product-div-up-down-row-tabs-content-description-item-title{
	font-weight: 800;
	min-width: 150px;
}

.product-div-up-down-row-tabs-content-description-item-other{
	display: flex;
	flex-direction: column;
	margin-top: 48px;
}

.loading-div {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vH;
	background: rgb(255, 255, 255, 0.7);
	backdrop-filter: blur(2px);
	z-index: 30;
	display: none;
	justify-content: center;
	align-items: center;
}

	.loading-div svg {
		animation: rotateInfinite 1s ease-in-out infinite;
	}

/* Fast navigation finishes before the overlay becomes visible. */
.loading-div.navigation-loading {
	animation: navigationLoadingIn 180ms ease-out 350ms both;
}

@keyframes navigationLoadingIn {
	from { opacity: 0; }
	to { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
	.loading-div.navigation-loading { animation-duration: 1ms; }
	.loading-div.navigation-loading svg { animation: none; }
}

@keyframes rotateInfinite {
	from {
		/* Keep it centered AND start the rotation */
		transform: translate(0%, 0%) rotate(0deg);
	}

	to {
		/* Keep it centered AND end the rotation */
		transform: translate(0%, 0%) rotate(360deg);
	}
}

.noselect {
	-webkit-user-select: none; /* Chrome, Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Standard */
}

#lista-proizvoda-glavna2,
#lista-proizvoda-glavna {
	transition: opacity 0.5s ease, visibility 0.5s ease;
	opacity: 1;
	visibility: visible;
	width: 100%;
}

	#lista-proizvoda-glavna.hidden2, #lista-proizvoda-glavna2.hidden2 {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		left: -10000px;
	}

.shimmer-bg {
	display: flex;
	border-radius: 6px;
	width: 100%;
	height: 100%;
	min-height: 464px;
	background: linear-gradient( 110deg, #e0e0e0 8%, #f0f0f0 18%, #e0e0e0 33% );
	background-size: 200% 100%;
	animation: shimmer 1.5s infinite linear;
	border-radius: 10px;
}

.pagination-block {
	display: flex;
	justify-content: center;
	align-items: center;
	flex: 1;
	gap: 12px;
	margin: 24px 0;
}


.pagination-block-number {
	display: flex;
	width: 38px;
	height: 38px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	border-radius: 4px;
	background-color: transparent;
	border: 1px solid #555;
	color: #555;
	cursor: pointer;
	transition: 0.5s background;
	font-weight: 500;
}

	.pagination-block-number:hover {
		background-color: #ddd;
	}

.pagination-block-number-active {
	background-color: var(--osnovnaBoja);
	border: 1px solid var(--osnovnaBoja);
	color: white;
}

	.pagination-block-number-active:hover {
		background-color: var(--osnovnaBojaHover);
		border: 1px solid var(--osnovnaBojaHover);
		color: white;
	}

.icon-buttons {
	display: flex;
	width: 38px;
	height: 38px;
	padding: 8px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
	border-radius: 4px;
	border: 0;
	cursor: pointer;
	background-color: #EDEDF0;
	transition: 0.5s background;
}

	.icon-buttons:hover {
		background: #DCDCDC;
	}

.kategorije-naziv{
	font-weight: 600;
	font-family: inherit;
}

.kategorija-thumbs-links-div{
	display: flex;
	gap: 6px;
}

.kategorija-thumbs-links-div-link{
	text-decoration: none;
	color: black;
	font-size: 14px;
	transition: 0.5s color;
}

	.kategorija-thumbs-links-div-link:hover{
		color: var(--osnovnaBoja);
	}

	.kategorija-thumbs-links-div-link:first-child{
		font-weight: 600;
	}

.product-div-lista {
	gap: 35px;
}

.filterIcon{
	transition: 0.5s transform;
}

.filterIconRotate {
	transform: rotate(-180deg);
}

.header-down-right-right-item-count-cart {
	background: var(--osnovnaBoja);
	color: white;
	border-radius: 999px;
	padding: 3px 3px;
	font-size: 11px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 35px;
	top: 0;
	cursor: pointer;
	min-width: 15px;
}

.stara-cijena {
	text-decoration: line-through;
	text-decoration-color: #00000040;
	text-decoration-thickness: 1px;
	color: #babac1;
}

.osnovna-cijena {
	color: #000;
	gap: 12px;
}

.cart-item-right-parent2 {
	display: flex;
	flex-direction: column;
	flex: 1;
	justify-content: space-between;
}

.cart-item-right-up-up-right-parent2 {
	display: flex;
	flex-direction: column;
	flex: 1;
	justify-content: space-between;
	align-items: flex-end;
}

.dugme-azuriraj{
	display: none;
	background: var(--osnovnaBoja);
	color: white;
	align-items: center;
	padding: 0 16px;
	cursor: pointer;
	transition: 0.5s background;
}

	.dugme-azuriraj:hover {
		background: var(--osnovnaBojaHover);
	}

.button-delete-cart{
	display: flex;
	cursor: pointer;
	justify-content: center;
	align-items: center;
}

	.button-delete-cart svg path {
		transition: 0.5s fill;
	}

	.button-delete-cart:hover svg path {
		fill: var(--osnovnaBoja);
	}

.empty-cart{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 128px;
}

.empty-cart-text {
	font-weight: 700;
	font-size: 48px;
	line-height: 1.25;
	margin-bottom: 0;
}

.empty-cart-separator {
	height: 3px;
	width: 100px;
	background: #000;
	margin: 30px auto;
}

.korpa-cijena{
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.korpa-cijena-iznos{
	display: flex;
	gap: 20px;
	justify-content: flex-end;
}

.korpa-cijena-kolicina{
	color: gray;
	display: flex;
	justify-content: flex-end;
	font-size: 16px;
}

.korpa-cijena-iznos-proizvoda{
	font-size: 18px;
}

.wishlist-empty {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 24px;
	gap: 48px;
}

.empty-wishlist-text {
	font-size: 16px;
}

.fav-down-list {
	display: flex;
	gap: 40px;
	flex-wrap: wrap;
}

.page-product-div-heart {
	display: flex;
	justify-content: center;
	align-items: center;
}

.login-div {
	min-height: 100vh;
	height: fit-content;
	display: flex;
}

.login-div-left {
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	padding: 36px;
	width: auto;
	display: flex;
	flex-direction: column;
	position: relative;
	border-color: gray;
	flex: 1;
}

.login-div-right {
	display: flex;
	flex: 1;
}

.img-login {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.login-div-left-up{
	display: flex;
	flex-direction: column;
	padding: 0 10px;
	gap: 8px;
}

.login-div-left-up-left{
	display: flex;
}

.dugme-rotate-180 {
	transform: rotate(180deg);
}

.back-icon-dugme {
	width: 15px;
	height: 15px;
}

.back-link{
	display: flex;
	align-items: center;
	text-decoration: none;
	color: black;
	gap: 8px;
	font-size: 16px;
}

.login-logo{
	object-fit: contain;
	max-width: 100%;
}

.login-div-left-up-right {
	display: flex;
	flex: 1;
	justify-content: center;
}

.login-div-left-down {
	display: flex;
	flex-direction: column;
}

.login-div-left-down-up {
	display: flex;
	flex-direction: column;
	margin-top: 48px;
}

.login-div-left-down-up-title {
	color: #000;
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
	padding-bottom: 24px;
}

.login-div-left-down-up-form{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.login-div-left-down-up-form-div{
	display: flex;
	flex: 1;
	flex-direction: column;
}

.login-div-left-down-up-form-label {
	line-height: 24px;
	color: #767685;
}

.login-div-left-down-up-form-input {
	margin-top: 8px;
	min-height: 48px;
	border-top: none;
	border-left: none;
	border-right: none;
	box-shadow: none;
	border-bottom: 1px solid #e7e7e7;
	color: #000;
	font-weight: 400;
	letter-spacing: 0em;
	border-radius: 0rem;
	background: #ffffff;
	padding: 0px 12px;
	font-size: 16px;
}

	.login-div-left-down-up-form-input::placeholder{
		color: var(--borderBoja);
	}

	.obavezno-polje {
		color: var(--osnovnaBoja);
	}

.login-div-left-down-up-form-div2{
	display: flex;
	align-items: center;
	gap: 12px;
}

.login-div-left-down-up-form-input-checkbox {
	width: 24px;
	height: 24px;
	border: 1px solid #BABAC1 !important;
}

.button-login-prijava {
	background: var(--osnovnaBoja);
	border: 1px solid var(--osnovnaBoja);
	color: #fff;
	padding: 18px;
	display: inline-block;
	width: 100%;
	text-align: center;
	font-size: 18px;
	cursor: pointer;
	transition: 1s all;
}

	.button-login-prijava:hover{
		background: white;
		color: var(--osnovnaBoja);
	}

.login-div-left-down-up-form-input-password {
	/*font-size: 20px;*/
}

.link-forget-pass{
	display: flex;
	justify-content: center;
	margin-top: 36px;
}

.login-div-left-down-down {
	display: flex;
	justify-content: center;
	gap: 8px;
}

.link-nedim {
	color: var(--osnovnaBoja);
}

.login-div-left-down-up-form-div-marge{
	display: flex;
	flex: 1;
	gap: 36px;
	justify-content: space-between;
}

.izjava-o-podacima-registracija {
	text-align: center;
	padding: 4px 32px;
	color: #767685;
}

.linija-siva-div {
	display: flex;
	justify-content: center;
}

.linija-siva {
	height: 1px;
	background: lightgray;
	margin: 48px 0;
	width: 80px;
}

.text-danger {
	background: #f7c3c3;
	border-radius: 8px;
	color: black;
}

.pogresan-unos{
	color: red;
	margin-top: 8px;
	font-size: 14px;
}

.error-text{
	color: var(--osnovnaBoja);
	font-size: 12px;
	padding: 4px 8px;
}


.greska-backend-div {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 24px;
	background: #ffeded;
	border: 1px solid red;
	padding: 24px;
	border-radius: 10px;
}

.greska-backend-div-naslov {
	font-size: 16px;
	font-weight: 600;
}

.greska-backend-div-opis {
	color: #2D2D2D;
	font-size: 13px;
}

.greska-backend-login-div {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 24px;
	background: #ffeded;
	border: 1px solid red;
	padding: 24px;
	border-radius: 10px;
}

.greska-backend-login-div-naslov {
	font-size: 16px;
	font-weight: 600;
}

.greska-backend-login-div-opis {
	font-size: 13px;
	color: #2D2D2D;
}

.info-backend-login-div {
	display: flex;
	flex-direction: column;
	gap: 16px;
	margin-bottom: 24px;
	background: #edffef;
	border: 1px solid #028700;
	padding: 24px;
	border-radius: 10px;
}

input[type="checkbox"] {
	accent-color: var(--osnovnaBoja);
}

.slider-item-content-forgot-password {
	width: 100%;
	height: auto;
	display: block;
	object-fit: cover;
}

.checkout-div {
	display: flex;
	background: #FAFAFA;
	flex-direction: column;
	gap: 32px;
	padding: 32px;
	padding-bottom: 64px;
}

.checkout-div-naslov-div{
	display: flex;
	gap: 16px;
}

.checkout-div-naslov-div-text {
	font-size: 16px;
	font-weight: 600;
	line-height: 24px;
}

.checkout-div-2{
	display: flex;
	justify-content: space-between;
	gap: 24px;
}

.checkout-div-2-kolona {
	display: flex;
	flex-direction: column;
	gap: 24px;
	flex: 1;
}

.checkout-slika-prodavnice {
	width: 100%;
	object-fit: contain;
}

.checkout-div-2-kolona-radio-div{
	display: flex;
	gap: 24px;
}

.checkout-div-2-kolona-radio-div-elem{
	display: flex;
	gap: 8px;
	align-items: center;
	justify-content: center;
	font-size: 16px;
}

.checkout-div-2-kolona-radio-div-elem-radio {
	width: 24px;
	height: 24px;
	accent-color: black;
}

.siva-linija {
	height: 1px;
	background: #F1F1F1;
	width: 100%;
}

.posta-div{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.posta-div-prvi-red{
	display: flex;
	gap: 8px;
}

.posta-div-prvi-red-text{
	font-weight: 600;
}

.posta-div-drugi-red {
	font-size: 12px;
	line-height: 15px;
	color: #52525B;
}

.posta-napomena {
	border: 1px solid #E6E6E9;
	font-family: var(--fontFamily);
	padding: 8px;
}

.address-detail{
	display: flex;
	flex-direction: column;
	gap: 14px;
	flex: 1;
}

.address-detail-title{
	font-weight: 600;
}

.address-detail-column{
	display: flex;
}

.address-detail-value {
	color: #52525B;
}

.checkout-naslov2 {
	font-size: 20px;
	line-height: 25px;
	font-weight: 700;
}

.skladiste {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.dostava-div-nedim{
	display: flex;
	flex-direction: column;
	gap: 36px;
}

.dostava-select-div {
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.dostava-select-div-title {
	font-weight: 600;
	font-size: 20px;
}

.dostava-select-div-select {
	font-size: 16px;
	min-height: 56px;
	height: 56px;
	background: #ffffff;
	border-color: #ffffff;
	border-bottom: 1px solid #F1F1F1;
	color: #52525B;
	width: 100%;
}

.adresa-div-unos-div{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.adresa-div-unos-div-red{
	display: flex;
	gap: 36px;
}

.adresa-div-unos-div-red-kolona{
	display: flex;
	flex-direction: column;
	flex: 1;
}

.adresa-div-unos-div-red-kolona-title {
	color: #787884;
	font-weight: 400;
}

.adresa-div-unos-div-red-kolona-input {
	border: 0;
	border-bottom: 1px solid #E6E6E9;
	background: transparent;
	font-size: 16px;
	line-height: 24px;
	padding: 4px 16px;
	min-height: 40px;
	font-weight: 600;
}

	.adresa-div-unos-div-red-kolona-input:focus-visible {
		outline: 0;
	}

	.adresa-div-unos-div-red-kolona-input::placeholder {
		color: #bbb;
		font-weight: 400;
	}

.adresa-zapamti{
	display: flex;
	gap: 12px;
	align-items: center;
}

.adresa-zapamti-text {
	color: #787884;
}

.checkout-loyality{
	display: flex;
	gap: 24px;
}

.checkout-loyality-column{
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 24px;
}

.checkout-loyality-img {
	width: 100%;
}

.checkout-loyality-column-text {
	color: #000;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	display: block;
}

.checkout-loyality-column-input {
	color: #000000;
	font-size: 14px;
	font-weight: 600;
	line-height: 20px;
	border: 0px;
	border-bottom: 1px solid #E6E6E9;
	padding: 8px;
	min-height: 36px;
	background: transparent;
	width: 100%;
}

	.checkout-loyality-column-input::placeholder {
		font-weight: 400;
		color: #999;
	}

.checkout-placanje-img {
	max-width: 199px;
	height: auto;
}

.placanje-slika-column{
	display: flex;
	justify-content:center;
	align-items: center;
}

.checkout-nacin-placanja{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 24px;
}

.checkout-nacin-placanja-linija {
	height: 1px;
	background: var(--borderBoja);
	width: 100%;
}

.kartice-slika-checkout {
	height: 20px;
}

.radio-checkout-kartice-label{
	display: flex;
	align-items: center;
	gap: 24px;
}

.last-child-in-checkout{
	margin-bottom: 128px;
}

.detalji-narudzbe{
	display: flex;
	padding: 40px 110px;
	flex-direction: column;
	gap: 20px;
}

.detalji-narudzbe2 {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.detalji-narudzbe-title {
	font-size: 30px;
	font-weight: 600;
}

.detalji-narudzbe-row {
	display: flex;
	flex: 1;
	border-top: 1px solid var(--borderBoja);
	border-bottom: 1px solid var(--borderBoja);
	padding: 24px 0;
}

.detalji-narudzbe-row-item{
	display: flex;
	flex: 1;
	flex-direction: column;
	gap: 8px;
}

.detalji-narudzbe-header{
	display: flex;
	flex-direction: column;
}

.detalji-narudzbe-subtitle {
	font-size: 24px;
	font-weight: 600;
}

.detalji-narudzbe-items{
	display: flex;
	gap: 24px;
	flex-direction: column;
}

.detalji-narudzbe-row-item-header{
	font-size: 16px;
}

.detalji-narudzbe-row-item-value{
	font-weight: 600;
	font-size: 20px;
}

.detalji-narudzbe-items-list{
	display: flex;
	flex-wrap: wrap;
	gap: 24px;
}

.detalji-narudzbe-items-item {
	display: flex;
	gap: 24px;
	text-decoration: none;
	align-items: center;
	width: calc(50% - 12px);
	box-sizing: border-box;
	background: #fff5f5;
	border-radius: 10px;
	padding: 5px;
	transition: 1s background;
}

	.detalji-narudzbe-items-item:hover {
		background: #ffcaca;
	}

.detalji-narudzbe-items-item-img {
	min-width: 142px;
	max-width: 142px;
	border-radius: 5px;
}

.detalji-narudzbe-items-item-right {
	display: flex;
	flex-direction: column;
	gap: 24px;
	flex: 1;
}

.detalji-narudzbe-items-item-right-details{
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.detalji-narudzbe-items-item-right-details-row {
	display: flex;
	flex: 1;
	gap: 24px;
	justify-content: space-between;
	color: #7a8392;
	font-size: 16px;
	font-weight: 400;
}

.detalji-narudzbe-items-item-right-header{
	font-size: 18px;
	font-weight: 400;
	color: black;
}

.detalji-narudzbe-items-item:hover .detalji-narudzbe-items-item-right-header {
	color: var(--osnovnaBoja);
}

.detalji-narudzbe-items-item-right-details-row-item{
	display: flex;
	flex: 1;
}

.order-licno-preuzimanje {
	display: flex;
	flex-direction: column;
	gap: 24px;
	padding: 24px 0;
	border-bottom: 1px solid var(--borderBoja);
	text-align: center;
}

.order-licno-preuzimanje-naslov{
	font-size: 20px;
	color: var(--osnovnaBoja);
}

.order-napomena{
	border-top: 1px solid var(--borderBoja);
	padding: 24px 0;
	margin: 24px 0;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.order-napomena-bez-border-top {
	border-top: 0;
}

.order-napomena-title {
	font-weight: 600;
	font-size: 18px;
}

.order-napomena-value{
	background: #eee;
	padding: 24px;
	border-radius: 8px;
}

.profil-page {
	display: flex;
	padding: 40px 110px;
	flex-direction: row;
	gap: 64px;
}

.profil-page-menu {
	display: flex;
	padding: 32px;
	background-color: #FAFAFA;
	flex-direction: column;
	gap: 30px;
	min-width: 400px;
}

.profil-page-content {
	display: flex;
	flex-direction: column;
	gap: 30px;
	padding: 24px 0;
	flex: 1;
}

.profil-page-menu-menu{
	display: flex;
	flex-direction: column;
	gap: 18px;
	margin-top: 36px;
}

.profil-page-menu-menu-item {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #52525B;
	text-transform: capitalize;
	text-decoration: none;
	transition: 1s all;
}

	.profil-page-menu-menu-item:hover {
		font-weight: 700;
		color: #18181B;
	}

.profil-page-menu-menu-item-logout {
	color: var(--osnovnaBoja);
	font-weight: 700;
}

.profil-page-menu-menu-item-active {
	font-weight: 700;
	color: #18181B;
}

.profil-page-menu-header {
	display: flex;
	flex-direction: column;
	gap: 12px;
	color: #18181B;
}

.profil-page-menu-header-h1 {
	font-size: 20px;
	line-height: 25px;
}

.profil-page-menu-header-h2 {
	font-size: 38px;
	line-height: 48px;
	font-weight: 700;
}

.profil-page-menu-mail {
	font-size: 16px;
	line-height: 24px;
	color: #52525B;
}

.profil-page-menu-loyalty {
	display: flex;
	flex-direction: column;
	gap: 12px;
	color: #18181B;
}

.profil-page-menu-loyalty-1 {
	font-size: 16px;
	line-height: 24px;
}

.profil-page-menu-loyalty-2 {
	font-size: 20px;
	line-height: 25px;
	font-weight: 700;
}

.loyalty-prijava-link{
	text-decoration: none;
}

.lista-narudzbi{
	display: flex;
	flex-direction: column;
}

.lista-narudzbi-row{
	display: flex;
	flex: 1;
	border-bottom: 1px solid var(--borderBoja);
	padding: 24px 0;
	gap: 8px;
}

.lista-narudzbi-row-value-center {
	justify-content: center;
}

.lista-narudzbi-row-value-end {
	justify-content: flex-end;
}

.lista-narudzbi-row-value {
	display: flex;
	align-items: center;
}

.lista-narudzbi-row-value40 {
	flex: 0.4;
}

.lista-narudzbi-row-value30{
	flex: 0.3;
}

.lista-narudzbi-row-value20 {
	flex: 0.2;
}

.lista-narudzbi-row-value10 {
	flex: 0.1;
}

.profile-page-1 {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 24px;
}

.lista-narudzbi-row-value-header {
	font-size: 24px;
	line-height: 30px;
	font-weight: 600;
	color: #000;
	border-color: #f1f1f1;
}

.profil-title {
	font-size: 32px;
	line-height: 40px;
	font-weight: 700;
}

.profil-opis {
	font-size: 16px;
	line-height: 24px;
	font-weight: 400;
	color: #52525B;
}

.fit-dugme{
	width: fit-content;
}

.div-prijava-checkout{
	display: flex;
	flex: 1;
	justify-content: center;
	margin: 48px 0;
}

.div-prijava-checkout2 {
	display: flex;
	gap: 24px;
}

.div-prijava-checkout2-item {
	display: flex;
	flex-direction: column;
	border: 1px solid var(--borderBoja);
	border-radius: 8px;
	min-height: 400px;
	padding: 30px 128px;
	justify-content: center;
	align-items: center;
	gap: 26px;
}

.div-prijava-checkout2-item-right-h1{
	font-size: 24px;
	font-weight: 600;
}

.div-prijava-checkout2-form{
	min-width: 400px;
}

.div-prijava-checkout2-item-left {
	padding: 30px 64px;
}

.payment-cancel-page {
	display: flex;
	flex-direction: column;
	gap: 24px;
	justify-content: center;
	align-items: center;
	margin: 96px 0;
}

.payment-cancel-page-header{
	font-size: 24px;
	font-weight: 600;
}

.payment-cancel-page-content{
	font-size: 18px;
}

.payment-cancel-page-link{
	text-decoration: none;
}

.pregled-narudzbe-div{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.pregled-narudzbe-div-h1{
	font-size: 36px;
	font-weight: 600;
}

.pregled-narudzbe-div-row1 {
	display: flex;
	border-top: 1px solid var(--borderBoja);
	border-bottom: 1px solid var(--borderBoja);
	padding: 24px 0;
	justify-content: space-between;
	line-height: 24px;
	color: #52525B;
}

.pregled-narudzbe-div-row1-loylty {
	font-size: 20px;
	line-height: 25px;
	font-weight: 700;
	color: #000;
}

.pregled-narudzbe-div-row2 {
	display: flex;
	justify-content: space-between;
	padding: 0px 0 24px 0;
	border-bottom: 1px solid var(--borderBoja);
}

.pregled-narudzbe-div-row2-item {
	display: flex;
	flex-direction: column;
	gap: 16px
}

.pregled-narudzbe-div-row2-item-title {
	font-weight: 400;
	color: #52525B;
	font-size: 16px;
	line-height: 24px;
}

.pregled-narudzbe-div-row2-item-value {
	font-size: 16px;
	color: #000;
	line-height: 24px;
	font-weight: 700;
}

.table-moj{
	display: flex;
	flex-direction: column;
	margin-bottom: 48px;
}

.table-moj-tr {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid var(--borderBoja);
}

.table-moj-th {
	display: flex;
	color: #18181B;
	font-size: 20px;
	font-weight: 700 !important;
	line-height: 25px;
	padding: 16px 10px;
}

.table-moj-td {
	display: flex;
	align-items: center;
	gap: 24px;
	color: #52525B;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
	padding: 8px 10px;
}

a.table-moj-td{
	color: var(--osnovnaBoja);
	font-weight: 600;
	text-decoration: none;
}

.table-moj-td-img {
	max-width: 80px;
	height: auto;
}

.flex050 {
	flex: .50;
}

.flex025 {
	flex: .25;
}

.flex010 {
	flex: .10;
}

.table-moj-td-last{
	justify-content: flex-end;
}

.table-moj-td-last-font-cijena {
	letter-spacing: 8%;
}

.table-moj-td-last-font-stara-cijena {
	letter-spacing: 8%;
	text-decoration: line-through;
	text-decoration-color: #00000052;
}

.table-moj-sum{
	display: flex;
	justify-content: space-between;
	font-size: 22px;
}

.pregled-narudzbe-button-div{
	display: flex;
	gap: 24px;
	justify-content: space-between;
	margin-bottom: 128px;
}

.pregled-narudzbe-button-nazad {
	display: flex;
	flex: .5;
	color: #000;
	border: 1px solid #000;
	background: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 24px;
	text-decoration: none;
	justify-content: center;
	align-items: center;
	padding: 15px 32px;
	cursor: pointer;
}

.pregled-narudzbe-button-potvrdi {
	display: flex;
	flex: 1;
	background: var(--osnovnaBoja);
	border: 0px;
	padding: 15px 32px;
	justify-content: center;
	align-items: center;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
	color: white;
	cursor: pointer;
	transition: 1s background;
}


	.pregled-narudzbe-button-potvrdi:hover{
		background: var(--osnovnaBojaHover);
	}

	.pregled-narudzbe-button-potvrdi-form {
		display: flex;
		flex: .5;
	}

.payment-cancel-page-ilustration{
	width: 400px;
}

.pilula-status {
	display: flex;
	padding: 4px 8px;
	border-radius: 8px;
	justify-content: center;
	align-items: center;
	font-weight: 600;
	font-size: 14px;
	width: fit-content;
}

.pilula-status-otvoreno {
	background: #d9e9ff;
	color: #003783;
}

.pilula-status-zatvoreno {
	background: #dfffd2;
	color: #185500;
}

.pilula-status-otkazano {
	background: #ffdada;
	color: #750000;
}

.nacin-placanja-div{
	display: flex;
	gap: 8px;
	justify-content: center;
	align-items: center;
}

.nacin-placanja-div-svg-div{
	display: flex;
	width: 30px;
}

.popup-text {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vH;
	background-color: rgba(255, 255, 255, 0.9);
	z-index: 10000;
	display: flex;
	justify-content: center;
	align-items: center;
	color: black;
	font-size: 36px;
	backdrop-filter: blur(2px);
	font-weight: 600;
}

.popup-text-error{
	color: var(--osnovnaBoja);
}

.hidden-button{
	display: none;
}

.korpa-greske-div {
	display: flex;
	flex-direction: column;
	background: #ffd9d9;
	padding: 12px;
}

.korpa-greske-item{
	display: block;
	border-bottom: 1px solid var(--borderBoja);
	padding: 12px 0;
}

	.korpa-greske-item:last-child {
		border-bottom: 0px;
	}

	.korpa-greske-item::before {
		content: "•";
		margin-right: 8px;
		font-size: 20px;
	}

.korpa-greske-item-product-link{
	text-decoration: none;
}

.no-select {
	user-select: none;
	-webkit-user-select: none; /* Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* stari IE */
}

.okvir-test-mail{
	display: flex;
	justify-content: center;
	flex-direction: column;
	align-items: center;
	margin: 128px 24px;
	gap: 24px;
}

.okvir-test-mail-text{
	font-weight: 600;
	font-size: 24px;
	text-align: center;
}

.okvir-test-mail-text-detaljno {
	border: 1px solid var(--osnovnaBoja);
	padding: 16px;
	text-align: center;
	background: #b2013517;
}

/*NEDIM-DODAO*/
.proizvod-glavni-div-slider {
	display: flex;
	width: fit-content;
	width: 18%;
}

.parent-od-swippera {
	width: 100%;
	max-width: 100%;
	min-width: 0;
	overflow: hidden;
	max-width: 40px;
	width: 40px;
}

@keyframes shimmer {
	0% {
		background-position: -100% 0;
	}

	100% {
		background-position: 100% 0;
	}
}

.shimmer-search-text {
	min-width: auto;
	max-width: auto;
	width: 150px;
	height: 20px;
	min-height: auto;
	max-height: auto;
	border-radius: 4px;
}

.shimmer-search-text75{
	width: 75%;
}

.shimmer-search-text100 {
	width: 100%;
}

.product-loading-search{
	display: flex;
	gap: 8px;
	flex: 1;
	width: 15%;
	flex-direction: column;
}

.product-loading-search-img {
	width: 100%;
	height: 100%;
	min-height: auto;
	object-fit: cover;
	display: block;
	aspect-ratio: 1 / 1;
}

.product-loading-search-txt1, .product-loading-search-txt2, .product-loading-search-txt3 {
	min-height: auto;
	border-radius: 4px;
}

.product-loading-search-txt1{
	min-height: 20px;
	width: 40%;
}

.product-loading-search-txt2 {
	min-height: 15px;
	width: 80%;
}

.product-loading-search-txt3 {
	min-height: 15px;
	width: 50%;
}

.search-no-match-box{
	display: flex;
	flex-direction: column;
	gap: 64px;
	padding: 64px 0;
	justify-content: center;
	align-items: center;
	flex: 1;
}

.search-no-match-box-title{
	font-size: 26px;
	font-weight: 600;
}

.cart-item-error {
	background: #ffd9d9;
}

.frame-loyalty-card {
	width: 500px;
	height: 300px;
	position: relative;
	cursor: zoom-in;
}

.frame-loyalty-card-img{
	width: 100%;
	height: 100%;
}

.frame-loyalty-card-text{
	position: absolute;
	top: 225px;
	left: 20px;
	font-size: 24px;
	font-weight: 600;
}

.frame-loyalty-card-text2 {
	position: absolute;
	top: 15px;
	right: 20px;
	font-size: 18px;
	font-weight: 600;
	color: #555;
}

.frame-loyalty-card-barcode {
	position: absolute;
	bottom: 36px;
	right: 20px;
	width: 150px
}

.loyalty-page {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 48px;
	margin-top: 36px;
}

.frame-loyalty-card-parent{
	display: flex;
	justify-content: center;
}

.frame-loyalty-card-ostvareno-parent{
	display: flex;
	justify-content: space-between;
	flex: 1;
	gap: 24px;
}

.frame-loyalty-card-ostvareno-parent-item {
	background: #FAFAFA;
	border: 1px solid #dfdfdf;
	padding: 24px;
	flex: 1;
	border-radius: 8px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.frame-loyalty-card-ostvareno-parent-item-title{
	font-size: 24px;
	text-align: center;
}

.frame-loyalty-card-ostvareno-parent-item-value {
	font-size: 36px;
	font-weight: 900;
	text-align: center;
}

.frame-loyalty-card-ostvareno-parent-item-subvalue {
	font-size: 14px;
	text-align: center;
	color: #999;
}

.barcode-show {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vH;
	background: white;
	z-index: 99;
	display: flex;
	flex-direction: column;
	gap: 24px;
	justify-content: center;
	cursor: zoom-out;
	padding: 36px;
	box-sizing: border-box
}

.barcode-show-logo {
	height: 40vH;
}

.barcode-show-img {
	height: 40vH;
}

.lista-loyalty-row-value-header {
	font-size: 18px;
	line-height: 30px;
	font-weight: 600;
	color: #000;
	border-color: #f1f1f1;
	text-align: center;
}

.lista-loyalty-row-iskoristeno {
	background: #d0ebcb;
	padding: 2px 0;
	justify-content: center;
	font-weight: 600;
	border-radius: 8px;
}

.lista-loyalty-row-zaradjen {
	background: #fff3c6;
	padding: 2px 0;
	border-radius: 8px;
	justify-content: center;
}

.product-list-turn-on-filter-div{
	display: flex;
	flex-wrap: wrap;
	flex: 1;
	gap: 8px;
	margin-bottom: 24px;
}

.product-list-turn-on-filter-div-item {
	display: flex;
	gap: 8px;
	background: #fbf2f5;
	border: 1px solid #e5aabb;
	padding: 2px 8px;
	border-radius: 8px;
	align-items: center;
}

.product-list-turn-on-filter-div-item-values {
	display: flex;
	gap: 8px;
	padding: 2px 2px;
	background: white;
	border-radius: 8px;
}

.product-list-turn-on-filter-div-item-values-value {
	display: flex;
	padding: 2px 8px;
	border-radius: 8px;
	border: 1px solid #ddd;
	color: black;
	transition: 1s background;
	cursor: pointer;
	gap: 4px;
	align-items: center;
}

.product-list-turn-on-filter-div-item-values-value:hover{
	background: #ddd;
}

.product-list-turn-on-filter-div-item-title {
	font-weight: 600;
}

.product-list-turn-on-filter-div-item-values-value-x {
	background: red;
	width: 20px;
	height: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ddd;
	border-radius: 8px;
	transition: 1s background;
	font-size: 10px;
}

.product-list-turn-on-filter-div-item-values-value:hover .product-list-turn-on-filter-div-item-values-value-x {
	background: #aaa;
	user-select: none;
}

.page-brend {
	display: flex;
	flex-direction: column;
	gap: 50px;
	padding: 60px 110px;
}

.page-brend-title {
	color: #1F1F22;
	text-align: left;
	font-size: 48px;
	line-height: 60px;
	font-weight: 700;
}

.page-brend-list {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
	gap: 24px;
}

.page-brend-list-item {
	width: 100%;
	height: 136px;
	display: flex;
	justify-content: center;
	align-items: center;
	border: solid 1px #E6E6E9;
	margin: 0 auto;
	transition: 0.1s;
	text-decoration: none;
}

	.page-brend-list-item:hover {
		border-color: #000;
	}

		.page-brend-list-item:hover .page-brend-list-item-item {
			filter: grayscale(0%) !important;
			transform: scale(1.1);
		}

.page-brend-list-item-item {
	transition: 0.2s;
	color: var(--osnovnaBoja);
	filter: grayscale(100%) !important;
}

	.page-brend-list-item-item img {
		width: 123px;
		object-fit: contain;
	}

.other-page{
	display: flex;
	flex-direction: column;
	margin: 64px 0;
}

.other-page-h1 {
	color: #000;
	font-size: 36px;
	line-height: 100%;
	padding-bottom: 48px;
}

.other-page-h2 {
	color: #000;
	font-size: 20px;
	line-height: 25px;
	font-weight: 800;
}

.other-page-block {
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.other-ogranici-971 {
	max-width: 971px;
}

.other-page-columns{
	display: flex;
	gap: 24px;
}

.other-page-columns-column{
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 24px;
}

.other-page-ul-no-margin-top{
	margin-top: 0;
}

.other-page-ul li {
	margin-bottom: 10px;
}

.other-page-block-text-p {
	line-height: 24px;
	font-size: 16px;
	margin-bottom: 20px;
}

.page-about {
	display: flex;
	flex-direction: column;
	margin-top: 64px;
}

.page-about-section {
	display: flex;
	flex-direction: column;
	padding-top: 128px;
	padding-bottom: 128px;
	flex: 1;
	gap: 24px;
}

.page-about-section-first {
	padding-top: 0;
}

.page-about-columns{
	display: flex;
	gap: 48px;
}

.page-about-columns-column{
	display: flex;
	flex: 1;
	flex-direction: column;
}

.page-about-title {
	font-size: 62px;
	font-weight: 700;
	max-width: 607px;
	line-height: 1.4;
}

.page-about-text-parent {
	align-items: center;
	display: flex;
	flex: 1;
}

.page-about-section-img-div-parent{
	display: flex;
	flex: 1;
}

.page-about-img-full {
	width: 100%;
	object-fit: contain;
}

.page-about-img-ratio {
	height: 100%;
	width: 100%;
	object-fit: cover;
	object-position: 45% 50%;
}

.page-about-section-boja1 {
	background: #F4F4F5;
}

.page-about-ko-smo-div{
	display: flex;
	flex-direction: column;
	margin: 24px 0;
	gap: 64px;
}

.page-about-ko-smo-div-red{
	display: flex;
}

.page-about-ko-smo-div-red-title {
	font-size: 48px;
	font-weight: 700;
	line-height: 1.25;
}

.page-about-ko-smo-div-red-item {
	display: flex;
	flex-direction: column;
	gap: 24px;
	flex: 1;
}

.page-about-ko-smo-div-red-item-number {
	color: #787884;
	font-size: 20px;
	line-height: 25px;
	font-weight: 700;
}

.page-about-ko-smo-div-red-item-title {
	font-size: 38px;
	line-height: 47.5px;
	font-weight: 700;
}

.section-2-min-height{
	min-height: 890px;
}

.page-about-div-block{
	margin-top: 24px;
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.page-about-button-a {
	font-size: 16px;
	line-height: 24px;
	font-weight: 700;
	margin-bottom: 0;
	font-style: normal;
	text-transform: none;
	letter-spacing: 0em;
	padding: 1em 2em;
	background: #18181B;
	border-color: #18181B;
	color: #ffffff;
	display: flex;
	flex: 0;
	width: fit-content;
	text-decoration: none;
	margin-top: 24px;
	border: 1px solid;
	transition: 0.3s all;
	cursor: pointer;
}

	.page-about-button-a:hover {
		color: #18181B;
		background: #fff;
	}

.page-about-contact-section {
	background: #FCEFF1 url(../img/flower-bl.webp) no-repeat left bottom / 200px !important;
	padding-top: 0;
	padding-bottom: 0;
}

.page-about-contact-section2 {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	flex: 1;
	background: url(../img/flower-br.webp) no-repeat right bottom / 200px !important;
	padding-top: 128px;
	padding-bottom: 128px;
	gap: 36px;
}

.page-about-form {
	display: flex;
	flex-direction: column;
	gap: 18px;
	min-width: 544px;
	max-width: 544px;
}

.page-about-form-item{
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.page-about-form-item-input {
	font-weight: 400;
	letter-spacing: 0em;
	border-radius: 0rem;
	background: #ffffff;
	border-color: #ffffff;
	color: #969696;
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.08) inset;
	border: 0px solid transparent;
	min-height: 40px;
	line-height: 40px;
	padding: 0 12px;
	width: 100%;
}

	.page-about-form-item-input::placeholder {
		color: #ddd;
	}

.page-about-form-button-block {
	display: flex;
	justify-content: flex-end;
}

.custom-file-input::file-selector-button {
	background: #fff;
	color: #969696;
	border: none;
	cursor: pointer;
	font-weight: 400;
	line-height: 40px;
	font-size: 13px;
}

.page-about-poruka{
	display: flex;
	margin-bottom: 24px;
}

.page-about-poruka-child {
	display: flex;
	flex: 1;
	padding: 8px;
	border-radius: 8px;
	border: 1px solid #037100;
	background: #dfffdf;
}

.page-about-slider{
	display: flex;
	margin: 48px 0;
}

.swiper-slide-img-nedim {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.swiper-even {
	height: 418px !important;
}

.swiper-odd {
	height: 604px !important;
}

#karijera {
	scroll-margin-top: 120px;
}

.page-loyalty {
	display: flex;
	flex-direction: column;
	margin-bottom: 64px;
	gap: 100px;
}

.page-loyalty-section{
	display: flex;
	flex-direction: column;
}

.page-loyalty-section1 {
	padding-top: 64px;
	padding-bottom: 64px;
	background: url(../img/loyalty_page.webp) no-repeat left top 100% / cover;
}

.page-loyalty-section1-content{
	display: flex;
	flex-direction: column;
}

.page-loyalty-section1-content-columns{
	display: flex;
	flex: 1;
	gap: 24px;
}

.page-loyalty-section1-content-columns-column{
	display: flex;
	flex: 1;
}

.page-loyalty-section1-content-columns-column-header {
	display: flex;
	flex-direction: column;
	gap: 48px;
}

.page-loyalty-section1-content-columns-column-header-up {
	color: #ffffff;
	font-size: 42px;
	line-height: 100%;
	font-weight: 700;
	max-width: 687px;
}

.page-loyalty-section1-content-columns-column-header-down {
	color: #ffffff;
	font-size: 1rem;
	line-height: ;
	max-width: 510px;
}

.page-loyalty-forma-registracija {
	display: flex;
	flex: 1;
	flex-direction: column;
	background: white;
	padding: 80px 48px 48px 48px;
	gap: 36px;
}

.page-loyalty-section1-content-columns-column-center{
	display: flex;
	align-items: center;
}

.page-loyalty-forma-registracija-title {
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.25;
}

.loyalty-page-img-right2 {
	height: 100%;
	object-fit: cover;
	width: auto;
	max-width: 100%;
}

.loyalty-page-img-right3 {
	max-width: 100%;
	object-fit: contain;
}

.page-loyalty-section1-content-columns-column-ispod {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100% !important;
}

.page-loyalty-pravila{
	display: flex;
	align-items: center;
	gap: 24px;
}

.page-loyalty-pravila-icon img{
	width: 32px;
}

.page-loyalty-pravila-parent {
	display: flex;
	flex-direction: column;
	gap: 24px;
	flex: 1;
}

.page-loyalty-pravila-naslov {
	color: #000;
	font-size: 48px;
	line-height: 1.25;
	font-weight: 700;
}

.page-loyalty-pravila-text-bold {
	font-weight: 600;
}

.page-loyalty-pravila-text-color {
	color: #52525b;
}

.page-loyalty-flip-section{
	display: flex;
	gap: 24px;
	margin: 48px 0;
}

.flip-card {
	width: 25%;
	height: 477px;
	perspective: 1000px;
}

.flip-inner {
	position: relative;
	width: 100%;
	height: 100%;
	transition: transform 0.6s;
	transform-style: preserve-3d;
}

.flip-card:hover .flip-inner {
	transform: rotateY(180deg);
}

.flip-front,
.flip-back {
	position: absolute;
	width: 100%;
	height: 100%;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	background: rgb(250, 250, 250);
}

.flip-back {
	transform: rotateY(180deg);
}

.flip-content{
	position: relative;
	padding: 36px;
	display: flex;
	flex-direction: column;
	gap: 80px;
}

.flip-content-back {
	gap: 40px;
}

.flip-content-member::after {
	position: absolute;
	top: 0;
	left: 0;
	content: url(../img/loyalty-korner-indikator.svg);
	width: 22px;
}

.flip-content-bronze::after {
	position: absolute;
	top: 0;
	left: 0;
	content: url(../img/loyalty-korner-indikator-bronze.svg);
	width: 22px;
}

.flip-content-silver::after {
	position: absolute;
	top: 0;
	left: 0;
	content: url(../img/loyalty-korner-indikator-silver.svg);
	width: 22px;
}

.flip-content-gold::after {
	position: absolute;
	top: 0;
	left: 0;
	content: url(../img/loyalty-korner-indikator-gold.svg);
	width: 22px;
}

.flip-content-prvi-red{
	display: flex;
	flex: 1;
	justify-content: space-between;
}

.flip-content-prvi-red-back{
	justify-content: flex-start;
	align-items: center;
	gap: 24px;
}

.flip-content-prvi-red-planika-img {
	width: 60px;
}

.flip-content-drugi-red{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.flip-content-drugi-red-title {
	font-size: 28px;
	font-weight: 700;
	text-align: left;
	line-height: 100%;
}

.flip-content-drugi-red-text {
	color: #52525B;
}

.flip-content-prvi-red-back-title {
	font-size: 20px;
}

.page-loyalty-red{
	display: flex;
	gap: 24px;
}


.page-loyalty-section1-content-columns-column-ispod-gap{
	gap: 24px;
	justify-content: flex-start;
}

.page-loyalty-pravila-parent2{
	display: flex;
	flex: 1;
	justify-content: center;
}

.loyalty-stavke{
	display: flex;
	gap: 24px;
}

.loyalty-stavke-right{
	display: flex;
	flex-direction: column;
	gap: 18px;
}

.loyalty-stavke-right-title {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.25;
	color: #18181B;
}

.loyalty-stavke-right-description {
	font-weight: 400;
	font-size: 15px;
	line-height: 1.5;
	color: #52525b;
}

.loyalty-stavke-icon-div {
	padding: 14px;
	display: flex;
	background: #B21E39;
	border-radius: 8px;
	width: fit-content;
	height: fit-content;
}

.page-loyalty-section1-content-columns-column-margin-left{
	padding-left: 128px;
}

.page-zasto-loyalty{
	display: flex;
	flex-direction: column;
	gap: 128px;
	justify-content: center;
	align-items: center;
	flex: 1;
}

.page-zasto-loyalty-div-title{
	display: flex;
	flex-direction: column;
}

.page-zasto-loyalty-div-title-title {
	color: #18181B;
	text-align: center;
	font-size: 48px;
	line-height: 1.25;
	font-weight: 700;
	max-width: 687px;
}

.page-zasto-loyalty-div-title-description {
	color: #52525B;
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
}

.loyalty-page-kartica {
	width: auto;
	object-fit: contain;
	vertical-align: top;
	max-width: 400px;
}

.page-loyalty-section1-content-columns-column-ispod-gap-2{
	gap: 80px;
	justify-content: flex-start;
}

.page-zasto-loyalty-div-title-title-left{
	text-align: left;
}

.page-zasto-loyalty-div-title-faq{
	gap: 24px;
}

.page-loyalty-faq{
	display: flex;
	flex-direction: column;
	gap: 24px;
}

.page-loyalty-faq-item {
	display: flex;
	flex-direction: column;
	flex: 1;
}

.page-loyalty-faq-item-up {
	background: #FAFAFA;
	padding: 25px;
	display: flex;
	flex: 1;
	justify-content: space-between;
	cursor: pointer;
	align-items: center;
}

.page-loyalty-faq-item-down {
	background: #FAFAFA;
	padding: 0;
	color: #52525B;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 700;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.35s ease, opacity 0.3s ease, padding 0.3s ease;
	padding: 0 24px;
}

.page-loyalty-faq-item.active .page-loyalty-faq-item-down {
	opacity: 1;
	padding: 24px;
}

.page-loyalty-faq-item-up-x svg {
	transition: transform 0.3s ease;
}

/* Kada se otvori, plus se pretvara u minus */
.page-loyalty-faq-item.active .page-loyalty-faq-item-up-x svg path {
	/* Vertikalna linija se može sakriti pomoću dodatnog CSS-a ispod */
}

.page-loyalty-faq-item.active .page-loyalty-faq-item-up-x svg path {
	d: path("M4 12H20");
}

.loyalty-page-img-right3 {
	object-fit: cover;
	width: auto;
	max-width: 100%;
}

.product-div-up-down-row-tabs-content-description-item-title-icon{
	width: 50px;
}

.product-div-up-down-row-tabs-content-description-item-row{
	display: flex;
	flex-direction: row;
	gap: 12px;
}

.product-div-up-down-row-tabs-content-description-item-column{
	display: flex;
	flex-direction: column;
	gap: 8px;
}

/* Unknown metadata is a labelled marker, separate from actual configured colours. */
.shop-product-card .proizvod-boja.unknown-colour::before,.product-detail .proizvod-boja.unknown-colour::before{background:#f4f2f3;border:1px dashed #a99fa7}
.proizvod-boja.unknown-colour{position:relative}
.unknown-colour-symbol{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;line-height:1;font-size:11px;font-weight:600;color:#746a72;pointer-events:none}
.product-detail .unknown-colour-symbol{font-size:15px}
.filter-color-swatch.unknown-colour,.shopping-colour.unknown-colour{display:inline-flex;align-items:center;justify-content:center;background:#f4f2f3;color:#746a72;border:1px dashed #a99fa7;border-radius:50%;font-size:11px;font-weight:600;line-height:1}
.shopping-colour.unknown-colour{font-size:9px}