.entry-header {
	display: none;
}

.entry-content {
	margin-top: 1.1em;
}

.first-container {
    margin: 0 auto;
    margin-bottom: 2rem;
    position: relative;
    max-width: 1200px;
    gap: 0;
}

.first-container .wp-block-column:first-child {
    display: none;
    top: 31px;
}

.first-container  img {
    object-fit: cover;
    height: 100%;
    margin: 0 auto;
    max-height: 900px;
}

.first-container .wp-block-column:nth-child(2) {
    height: 80vh;
    position: relative;
}

.first-container .wp-block-column:nth-child(2) figure {
	margin: 0!important;
	height: 100%;
}

.first-container .wp-block-column:nth-child(3) {
    background: white;
    max-width: min-content;
    padding: var(--s5);
    padding-bottom: 0;
    position: absolute;
    bottom: 0;
    word-break: normal!important;
}

.first-container .wp-block-column:nth-child(3) h1 {
	   margin-bottom: 0;
	   font-family: var(--font-main);
	    font-size: var(--s6);
	    line-height: 0.8;
	    margin-top: 0;
	    text-align: left;
	}


/******Latest-products-cards*******/
.glider-buttons {
	display: flex;
    position: relative;
    justify-content: flex-end;
    gap: 17px;
}

.cards {
    margin-left: auto;
    margin-right: auto;
    margin-top: 118px;
    margin-bottom: 0!important;
    
}

.cards h2 {
    display: inline-block;
    margin-bottom: var(--s3);
}

.cards .main {
    display: flex;
    flex-direction: column;
}

.cards .main li{
    flex: 0 33.3333333333%!important;
}

.cards .glider-buttons {
    display: none;
    gap: var(--s2);
    margin-bottom: var(--s2);
    margin-left: auto;
    
}

.cards .main .wc-block-grid__product-title {
	margin-top: var(--s-4);
    display: flex;
    justify-content: space-between;
    gap: var(--s-4);
    font-family: var(--font-main);
    font-size: var(--s2);
    line-height: 1;
    letter-spacing: -0.02em;
    font-weight: normal!important;
}



.cards .main .wc-block-grid__product-image {
	margin-bottom: 1px;
	text-align: left;
}

/*******Feature-sylloges********/

.feature {
    --spacing: var(--s0);
    width: 90%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    margin-top: var(--spacing-big);
    gap: 0;
    align-items: center!important;
}

section.feature {
	display: flex;
	margin-top: var(--spacing-big);
}

section.feature + .feature {
	margin-bottom: -20px;
}

.feature h2{
    font-family: var(--font-main);
    font-size: var(--s0);
    text-transform: uppercase;
    letter-spacing: 0.01em;
   
}

.feature h3 {
    margin-top: var(--s0);
    font-family: var(--font-main);
    font-size: var(--s7);
    letter-spacing: -0.02em;
    line-height: 0.8;
    position: relative;
    left: -0.08em;

}

.feature .body {
    margin-top: var(--s4);
    font-family: var(--font-secondary);
    font-size: var(--s0);
    line-height: 1.5;
    letter-spacing: -0.025em;
    position: relative;
    display: block;
}

.feature .description {
    margin: var(--s2) 0;
}

.body .line {
    display: none;
    fill: var(--black);
    width: var(--s7);
    height: 1px;
    position: absolute;
    left: 0;
    top: 1.2ch;
}

.body p {
    line-height: 1.5;
}

.description a {
    display: inline-block;
    font-family: var(--font-secondary);
    font-size: var(--s0);
    letter-spacing: -0.03em;
    line-height: 1.6;
    border: 1px solid black;
    padding: var(--s0) var(--s3);
    position: relative;
    margin-top: var(--s4);
      color: var(--black);
}
 
 
.feature.flip .wp-block-column:first-child {
    order: 1;
}


.e-lianiko {
    padding: 0 1rem;
    background: white;
    position: absolute;
    top: 8%;
    right: 0;
    z-index: 9999;
    display: block!important;
}

@media (min-width: 824px) {
	.e-lianiko {
    position: fixed;
    top: auto;
    bottom: 0;
}
}

@media (min-width: 1600px) {
	.cards {
    width: 90%;
}
}

@media (min-width: 1480px) {
	.feature {
	    width: 85%;
	}
	
	.feature .body {
	    padding-left: calc(var(--s7) + 1ch);
	    position: relative;
	}
	
	.feature .line {
	    display: block;
	}
	
	.description a {
	    margin-left: calc(var(--s7) + 1ch);
	}
}

@media (max-width: 1399px) {
	.cards .main li{
        flex: 0 33.3333333333%!important;
}
}

@media (max-width: 1479px) and (min-width: 980px) {
	.feature {
	    width: 82%;
	}
}

@media (min-width: 980px) {
	.cards {
	    gap: var(--s2);
	}
	
	.cards .wp-block-column:first-child {
	    width: 25%;
	}
	
	.cards h2 {
	    max-width: 8ch;
	    margin-top: var(--s4);
	    
	}
	
	.cards .main {
	    width: 75%;
	    margin-left: 0;
	}
	
	.cards .glider-buttons {
	    display: flex;
	}
	
	.feature {
	    --spacing: var(--s4);
	    
	}
	
	.feature .description{
	    --spacing: var(--s4);
	}
	
	.feature .body {
	    max-width: 50ch;
	}
	
	}

@media (max-width: 979px) {
	.cards {
    	display: block!important;
    }
}

@media (max-width: 979px) and (min-width: 800px) {
	.feature {
    --spacing: var(--s1);
     width: 100%; 
    display: flex;
    align-items: center;
}
}


@media (max-width: 799px) and (min-width: 500px) {
	.feature {
     width: 100%; 
    
}


}

@media (max-width: 799px) {
	.feature.flip, .feature.wide {
	display: block;
} 
}



@media (min-width: 1200px) {
	.first-container {
    max-width: 1100px;
    max-height: 900px;
    align-items: center!important;
	}

	.first-container .wp-block-column:first-child {
    display: block;
    width: 60%;
    height: 60%;
    position: relative;
    left: var(--s6);
    z-index: 1;
    flex: 1 1 auto;
	}

	.first-container img {
    margin: 0;
	}
	
	.first-container .wp-block-column:nth-child(2) {
    height: 100%;
    flex: 1.5 1 auto;
	}

	.first-container .wp-block-column:nth-child(3) {
	    text-align: right;
	    position: absolute;
	    z-index: 2;
	    bottom: 0;
	    left: 30%;
	}
}

@media (min-width: 800px) {
	.feature .wp-block-column:first-child {
			width: 50%;
	    margin-right: var(--spacing);
	}
	
	.feature .description {
	    margin-left: var(--spacing);
	}
	
	.feature.flip .wp-block-column:first-child {
	    margin-right: 0;
	    margin-left: var(--spacing);
	}
	
	.feature .wp-block-column:first-child {
	    width: fit-content
	    
	}
	
	.feature.wide .description {
	    flex-basis: 40%;
	    margin-left: 0;
	    margin-right: var(--spacing);
	}
	
	.feature.wide .img {
    flex-basis: 60%;
    margin-right: var(--s7);
}

.feature .img {
    width: 50%;
    margin-right: var(--spacing);
}


}

@media (min-width: 700px) {
	.first-container {
    height: auto;
	}

	.first-container .wp-block-column:nth-child(2) {
	    width: 100%;
	    margin: auto;
	}
}

@media (max-width: 599px) {
	.glider-track {
    
    transform: translate3d(5.9%, 0px, 0px)!important;
    
}
}