:root {
--yellow:#F4B400;
--yellow-dark:#d89e00;
--dark:#696969;
--bg:#FAFAFA;
}
body {
	font-family:'Montserrat', sans-serif;
	background:var(--bg);
	color:#696969;
}
a {
	text-decoration:none;
}
.section-title {
	font-size:34px;
	font-weight:800;
	text-align:center;
	margin-bottom:0px;
	text-transform:uppercase;
}
.btn-radilica {
    background: var(--yellow);
    color: #000;
    padding: 14px 35px;
    font-weight: 700;
    border-radius: 10px;
    transition: .3s;    
}
.btn-radilica:hover {
	background:var(--yellow-dark);
	transform:translateY(-2px);
}
:root {
--yellow:#F4B400;
--yellow-dark:#d89e00;
}

/* ===========================
PREMIUM NAVBAR
=========================== */
.navbar {
	background:#FFF;
	padding:0px 0;
	position:relative;
	z-index:9999;
}
.navbar .container {
	display:flex;
	align-items:center;
}

.mobile-actions{
	display:none;
	align-items:center;
	gap:12px;
}

/* LOGO */
.navbar-brand {
	margin-right:90px;
}
.navbar-brand img {
	height:95px;
	transition:.3s;
}
.navbar-brand:hover img {
	transform:scale(1.04);
}

/* MENU */
.navbar-nav {
	gap:16px;
}
.nav-link {
	position:relative;
	color:#696969!important;
	font-size:15px;
	letter-spacing:.8px;
	text-transform:uppercase;
	padding:14px 18px!important;
	transition:.18s;
	border-radius: 16px;
}
.nav-link:hover {
	transform:translateY(-2px);
	background:#F4B400;
	border-radius: 16px;
}

/* ===========================
PREMIUM MOBILE TOGGLER
=========================== */

.navbar-toggler{
	border:none !important;
	box-shadow:none !important;
	padding:0;
}

.premium-toggler{
	width:54px;
	height:54px;
	background:#fff;
	border-radius:18px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:5px;
	box-shadow:
	0 10px 30px rgba(0,0,0,.08);
	transition:.25s;
}

.premium-toggler:hover{
	transform:translateY(-2px);
}

.premium-toggler span {
    width: 30px;
    height: 3px;
    background: #F4B400;
    border-radius: 50px;
    transition: .3s;
    margin-right: 15px;
}

/* ANIMACIJA */

.navbar-toggler:not(.collapsed) span:nth-child(1){
	transform:
	translateY(8px)
	rotate(45deg);
}

.navbar-toggler:not(.collapsed) span:nth-child(2){
	opacity:0;
}

.navbar-toggler:not(.collapsed) span:nth-child(3){
	transform:
	translateY(-8px)
	rotate(-45deg);
}

/* MOBILNI MENU */

@media(max-width:991px){

.navbar-collapse{
	background:#fff;
	margin-top:18px;
	margin-bottom:18px;
	padding:25px;
	border-radius:26px;
	box-shadow:0 20px 50px rgba(0,0,0,.08);
}

.nav-link{
	text-align:center;
}

.header-icons{
	margin-top:18px;
}

.desktop-cart{
	display:none !important;
}

.mobile-actions{
	display:flex;
}

.mobile-cart{
	display:flex !important;
}

.navbar .container{
	justify-content:space-between;
	align-items:center;
}

}

/* ===========================
CAROUSEL - CLEAN PREMIUM BUTTONS
=========================== */

.hero-slider .carousel-control-prev,
.hero-slider .carousel-control-next{
  width: 10%;
  opacity: 1; /* nema fade */
}

/* KRUG DUGME */
.hero-slider .carousel-control-prev-icon,
.hero-slider .carousel-control-next-icon{
  background-image: none !important; /* UKIDA bootstrap ikonu */
  width: 70px;
  height: 70px;
  background-color: #f4b400; /* JAČA ŽUTA */
  border-radius: 5%;
  display: flex;  align-items: center;
  justify-content: center;
  position: relaive;
}
/* BELA STRELICA */
.hero-slider .carousel-control-prev-icon::before,
.hero-slider .carousel-control-next-icon::before{
 content: '';
  width: 14px;
  height: 14px;
  border: solid #fff;
  border-width: 0 4px 4px 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(135deg);
}

/* DESNA STRANA */
.hero-slider .carousel-control-next-icon::before{
  transform: translate(-50%, -50%) rotate(-45deg);
}


/* ===========================
SMOOTH PREMIUM DROPDOWN
=========================== */
.nav-item.dropdown {
	position:relative;
}
.dropdown-menu {
	display:block!important;
	top:100%;
	left:0;
	margin-top:0;
	min-width:340px;
	padding:18px;
	border:none;
	border-radius:26px;
	background:
 linear-gradient( 180deg, #fffef6, #fff4cf );
	box-shadow:
0 24px 70px rgba(0,0,0,.18);
	opacity:0;
	visibility:hidden;
	transform:
translateY(10px) scale(.985);
	transform-origin:top;
	transition:
 opacity .14s ease,  transform .16s cubic-bezier(.22, 1, .36, 1),  visibility 0s linear .16s;
}
/* OPEN */

.nav-item.dropdown:hover .dropdown-menu {
	opacity:1;
	visibility:visible;
	transform:
 translateY(0) scale(1);
	transition:
 opacity .12s ease,  transform .14s cubic-bezier(.22, 1, .36, 1),  visibility 0s;
}
/* MOUSE BRIDGE */


/* DROPDOWN LINKS */
.dropdown-item {
	padding:14px 18px;
	border-radius:16px;
	font-weight:600;
	color:#696969;
	transition:
 background .14s ease,  transform .14s ease;
}
.dropdown-item:hover {
	background:#F4B400;
	color:#FFF;
}

.dropdown-item i{
    width:24px;
    text-align:center;
    color:#F4B400;
    transition:.2s;
}

.dropdown-item:hover i{
    transform:scale(1.12);
	color:#FFF;
}

/* ===========================
PREMIUM ICONS
=========================== */

.header-icons {
	display:flex;
	align-items:center;
	gap:14px;
}
.header-icons a {
	width:48px;
	height:48px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	box-shadow:
 0 10px 20px rgba(0,0,0,.08);
	transition:.18s;
}
.header-icons a:hover {
	transform:
translateY(-3px) scale(1.04);
}

.mobile-cart{
	width:48px;
	height:48px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	background:#fff;
	box-shadow:0 10px 20px rgba(0,0,0,.08);
	position:relative;
	text-decoration:none;
}

.mobile-cart i{
	color:#696969;
	font-size:18px;
}

.mobile-cart{
	display:none;
}



/* SEARCH + CART */

.header-icons .search i, .header-icons .cart i {
	color:#696969;
}
/* OSTALE */

.header-icons .user i, .header-icons .heart i {
	color:#F4B400;
}
.header-icons i {
	font-size:18px;
}

/* BROJ ARTIKALA NA KORPI */
.header-icons .cart{
    position:relative;
}
.cart-count{
    position:absolute;
    top:-4px;
    right:-2px;
    min-width:18px;
    height:18px;
    padding:0 5px;
    background:#F4B400;
    color:#fff;
    font-size:10px;
    font-weight:700;
    border-radius:50px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #fff;
    line-height:1;
}

/* MOBILE */

@media(max-width:991px) {
.navbar-brand {
	margin-right:0;
}
.navbar-nav {
	padding-top:20px;
	gap:8px;
}
.dropdown-menu {
	display:none!important;
	opacity:1;
	visibility:visible;
	transform:none;
	box-shadow:none;
	background:#fff6da;
}
.nav-item.dropdown:hover .dropdown-menu {
	display:block!important;
}
.header-icons {
	margin-top:20px;
	justify-content:center;
}
}


.hero-slider img {
	height:650px;
	object-fit:cover;
	filter:brightness(.7);
}
.hero-caption {
	bottom:50%;
	transform:translateY(50%);
}
.hero-caption h1 {
	font-size:60px;
	font-weight:800;
}
.hero-caption p {
	font-size:20px;
	margin:20px 0;
}


.categories {
	padding:45px 0;
}
.category-card {
	background: white;
	border-radius: 25px;
	padding: 35px 20px;
	text-align: center;
	height: 100%;
	transition: .25s ease;
	box-shadow: 0 10px 20px rgba(0,0,0,.08);

	/* KLJUČNO - sprečava skakanje */
	border: 2px solid transparent;
	box-sizing: border-box;
	will-change: transform;
}

.category-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 18px 35px rgba(0,0,0,.12);
}
.category-card i {
	font-size:45px;
	color:var(--yellow);
	margin-bottom:20px;
}
.category-card h5 {
	color:#f4b400;
}




.product-card {
	background:white;
	border-radius:20px;
	overflow:hidden;
	transition:.4s;
		box-shadow:
 0 10px 20px rgba(0,0,0,.08);
}
.product-card:hover {
	transform:translateY(-10px);
	box-shadow:0 20px 40px rgba(0,0,0,.15);
}
.product-card img {
	height:280px;
	object-fit:cover;
	width:100%;
}
.product-body {
	padding:20px;
}
.price {
	font-size:24px;
	font-weight:800;
	color:var(--yellow-dark);
}
.product-link {
  text-decoration: none;
  color: inherit;
  display: block;
}

.product-link:hover {
  text-decoration: none;
  color: inherit;
}


/* MOBILNI IZLOG */
@media(max-width:768px){

.product-card img{
	height:180px;
}

.product-body{
	padding:14px;
}

.product-body h4{
	font-size:16px;
}

.price{
	font-size:20px;
}

.btn-radilica{
	padding:10px 15px;
	font-size:14px;
}

}

.about {
	padding:100px 0;
	background:white;
}
.about img {
	border-radius:20px;
	width:100%;
}
.about h2 {
	font-weight:800;
	margin-bottom:20px;
}


.features {
	background:#f1f1f1;
	color:#696969;
	padding:100px 0 80px 0;
}
.feature-box {
	text-align:center;
}
.feature-box i {
	font-size:50px;
	color:var(--yellow);
	margin-bottom:20px;
}

@media (max-width: 768px) {
.features {
	background:#f1f1f1;
	color:#696969;
	padding:60px 0 20px 0;
}
.feature-box {
	margin-bottom:30px;	
}
}

/* ===========================
CATEGORIES - MOBILE FIX (3 u redu)
=========================== */
@media (max-width: 768px) {

  .categories {
    padding: 25px 0;
  }

  .categories .row {
    --bs-gutter-x: 10px;
    --bs-gutter-y: 10px;
  }

  .category-card {
    padding: 18px 10px;
    border-radius: 18px;
  }

  .category-card i {
    font-size: 24px;
    margin-bottom: 8px;
  }

  .category-card h5 {
    font-size: 12px;
    margin: 0;
  }
}


footer {
	background:#fafafa;
	color:#333;
	padding:75px 50px 15px ;
}
footer h5 {
	color:var(--yellow);
	margin-bottom:20px;
}
footer a {
	color:#333;

}
footer a:hover {
	color:var(--yellow);
}
.social i {
	font-size:24px;
	margin-right:15px;
	color:var(--yellow);
}
.social{
  display:flex;
  align-items:center;
  gap:20px;
}

.social a{
  color:inherit;
  text-decoration:none;
  font-size:28px;
  transition:0.3s;
}

.social a:hover{
  transform:translateY(-3px);
}

 @media(max-width:768px) {
.hero-slider img {
	height:500px;
}
.hero-caption h1 {
	font-size:34px;
}
}