.storeFlex {
        background-color: rgb(var(--color-background));
	    display: flex;
	    justify-content: space-between;
	    align-items: center;
	}

	.storeImg {
	    width: 50%;
	}

	.storeImg img {
	    display: block;
	    width: 100%;
	}

	.storeText {
	    flex: 1;
	    text-align: center;
        background-color: rgb(var(--color-background));
	}

	.storeTitle h2 {
	    font-weight: bold;
	    letter-spacing: 3px;
	    line-height: 1.222;
	}

	.storeTitle p {
	    line-height: calc(1em + 10px);
	}



	.storeDesc h3 {
	    font-size: 24px;
	    color: #000000;
	    margin: 15px 0 12px;
	    line-height: 1.833;
	}

	.storeDesc p {
	    font-size: 14px;
	    line-height: calc(1em + 10px);
	}

	.storeText a {
	    margin-top: 45px;
        border-radius: var(--button-border-radius);
	    transition: all .4s;
	    display: inline-flex;
	    position: relative;
	    text-transform: uppercase;
	    background: #ffffff;
	    font-size: 14px;
	    padding: 13.5px 40px;
	    z-index: 2;
        overflow: hidden;
	}

	.storeText a::before {
	    content: '';
	    position: absolute;
	    left: 0;
	    top: 0;
	    width: 100%;
	    height: 0;
	    background: #000000;
	    transition: all .4s;
	    z-index: -1;
	}

	.storeText a:hover:before {
	    height: 100%;
	}

	.storeText a:hover {
	    color: #ffffff;
	}



.storeImg img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;

    transition: transform 0.8s ease;
    will-change: transform;
}

.storeImg:hover img {
    transform: scale(1.01);
}




	@media screen and (max-width:780px) {
	    .storeFlex {
	        flex-direction: column-reverse;
	    }

	    .storeImg {
	        width: 100%;
	    }

	    .storeText {
	        padding: 50px 0;
	    }

	    .storeTitle h2 {
	        font-size: 24px;
	        line-height: 29px;
	        margin-bottom: 10px;
	    }

	    .storeDesc h3 {
	        font-size: 13px;
	    }

	}