.mobile-hide .owl-stage-outer::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 200px;
    background: linear-gradient(90deg, #003FC9 0%, rgba(0, 63, 201, 0.00) 100%);
    z-index: 1;
    pointer-events: none;
}

.mobile-hide .owl-stage-outer::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 200px;
    background: linear-gradient(90deg, rgba(0, 63, 201, 0.00) 0%, #003FC9 100%);
    z-index: 1;
    pointer-events: none;
}

.mobile-hide .owl-carousel .owl-nav button {
    background: #002A86 !important;
}

.category-item {
    display: flex;
    padding: 12px;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    flex-direction: column;
    gap: 16px;
}

.category-item.highlighted {
	width: 350px;
    z-index: 10;
    background: linear-gradient(180deg, #FFF 0%, #FFF5C2 100%);
    box-shadow: 0 4px 28px 0 #FFDD30;
    position: relative;
}

.owl-item:has(.category-item.highlighted) {
    width: 350px !important;
}

.category-item .badge {
    display: flex;
    position: absolute;
    top: 20px;
    right: 20px;
    background: #003FC9;
    color: white;
    padding: 8px 8px 7px 8px;
    border-radius: 20px;
    font-size: 12px;
    font-weight: bold;
    z-index: 5;
    width: 109px;
    height: 34px;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 23px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
}

.category-item a {
    display: flex;
    width: 204.797px;
    height: 20px;
    align-items: center;
    gap: 4px;
}

.category-item img {
    width: 100%;
    height: auto;
    object-fit: cover;
    flex-shrink: 0;
    align-self: stretch;
    border-radius: 8px;
    max-height: 160px;
}

.category-item h3 {
    color: #202020;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    letter-spacing: -0.439px;
    margin: 0;
}

.category-item .view-products {
    gap: 4px;
    display: flex;
    color: #003FC9;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: -0.15px;
    flex-direction: row;
    align-items: center;
}

#owl-category-slider .owl-stage-outer {
    max-height: 300px;
	height: 300px;
}

#owl-category-slider .owl-stage {
    max-height: 300px;
}

.section-category .col-lg-12.col-sm-12.mobile-hide {
    padding-top: 53px;
}

.section-category .mobile-hide {
    display: flex;
	flex-direction: column;
}

.home .section-category .mobile-show {
    display: none;
}

@media (max-width: 768px) {
    .section-category .mobile-hide {
        display: none !important;
    }

    .home .section-category .mobile-show {
        display: flex !important;
        flex-direction: column;
        align-items: center;
    }
	.home .section-category .mobile-show .title{
		align-items: flex-start;
    	padding: 20px 16px 20px 16px;
	}


    .home .section-category .mobile-show .product_cat {
        display: block !important;
    }
	
	.home .section-category .mobile-show .title .category-title-mobile{
		margin: 0;
		color: #FFF;
		background: unset !important;
		text-align: center;
		font-size: 18px;
		font-style: normal;
		font-weight: 500;
		line-height: 25.5px; 
		letter-spacing: -0.007px;
		margin: 0;
		display: flex;
		flex-direction: row;
		gap: 25px;
		align-items: center;
		padding: 0 !important;
	}
	
	.home  .mobile-show .title  .svg{
		display: inline-flex;
		height: 32px;
		width: 32px;
		justify-content: center;
		align-items: center;
		border-radius: 16777200px;
		background: rgba(255, 255, 255, 0.10);
	}
	.home .section-category .mobile-show .category-title::after{
		display: none !important;
	}
	
	.home .section-category .mobile-show .mobile-categories{
		gap: 16px;
		display: flex;
		flex-direction: column;
		width: 100%;
		padding: 16px;
	}
	.home .section-category .mobile-show .mobile-categories .mobile-category-card{
		display: flex;
		width: 100%;
		height: 92px;
		padding: 0 16px;
		justify-content: space-between;
		align-items: center;
		border-radius: 24px;
		background: linear-gradient(180deg, #FFF -0.47%, #CEDDFF 99.53%);
		box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
	}
	
	.home .section-category .mobile-show .mobile-categories .mobile-category-card.highlighted {
		border-radius: 24px;
		background: linear-gradient(180deg, #FFF -0.47%, #FFF5C2 99.53%);
		box-shadow: 0 4px 20px 0 rgba(255, 236, 142, 0.70), 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
	}
	
	.home .section-category .mobile-show .mobile-categories .mobile-category-card .left{
		display: flex;
		flex-direction: row;
		gap: 16px;
		height: 60px;
		align-items: center;
	}
	.home .section-category .mobile-show .mobile-categories .mobile-category-card .left .text{
		    display: flex;
			flex-direction: column;
			align-items: flex-start;
	}
	
	.home .section-category .mobile-show .mobile-categories .mobile-category-card .left .text.highlighted{
		height: 70px;
	}
	
	.home .section-category .mobile-show .mobile-categories .mobile-category-card .left .text.highlighted h3{
		margin-top: 5px;
	}
	
	.home .section-category .mobile-show .mobile-categories .mobile-category-card .left .text .new-badge{
		color: #FFF;
		font-size: 12px;
		font-style: normal;
		font-weight: 400;
		line-height: 110%; 
		position: unset;
		display: flex;
		width: 73px;
		height: 19px;
		padding: 8px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		border-radius: 48px;
		border: 0.5px solid #002679;
		background: #003FC9;
		box-shadow: 0 5px 5px 0 rgba(255, 243, 106, 0.27) inset;
	}
	
	.home .section-category .mobile-show .mobile-categories .mobile-category-card a.view-link{
		display: flex;
		width: 53.656px;
		height: 20px;
		align-items: center;
		gap: 4px;
		flex-shrink: 0;
	}
	.colapse-button{
		display: flex;
		justify-content: center;
		gap: 8px;
		border-radius: 16777200px;
		border: 1px solid rgba(255, 255, 255, 0.20);
		background: rgba(255, 255, 255, 0.10);
		width: 144.109px;
		height: 38px;
		padding: 0 24px;
		align-items: center;
		color: #FFF;
		text-align: center;
		font-size: 14px;
		font-style: normal;
		font-weight: 500;
		line-height: 20px;
		letter-spacing: -0.15px;
		align-self: center;
		margin-top: 11px;
	}
}

.home .section-category .row.center{
	margin: 0;
}

.mobile-category-card .category-image {
    position: relative;
    width: 70px;
    height: 70px;
    flex-shrink: 0;
}

.mobile-category-card .category-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.mobile-category-card .new-badge {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #0066FF;
    color: white;
    padding: 3px 10px;
    border-radius: 12px;
    font-size: 10px;
    font-weight: bold;
    z-index: 5;
}

.mobile-category-card h3 {
    flex: 1;
    color: #202020;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 22.5px;
    letter-spacing: -0.439px;
}

.mobile-category-card .view-link {
    color: #0066FF;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

@media(max-width: 600px){
	.section-category .container{
		max-width: unset;
	}
}

.section-category .owl-carousel .owl-item img{
	max-height: 153px;
}

.section-category .owl-carousel .owl-stage{
	display:flex;
}