@media screen and (min-width: 2000px) {
        .hero-grid > .wp-block-group__inner-container {
            justify-content: center!important;
        }
    }
    
    #site-header-inner, #top-bar, #footer-widgets .footer-widgets-inner {
		width: 100%;
	}
	
	#site-navigation-wrap {
		display: flex;
		justify-content: center;
	}
	 
	
	
	.page-header {
		display: none;
	}
	
	#content-wrap {
		width: 100%;
		max-width: 100%;
	}
	
	#main #content-wrap {
		padding-top: 0!important;
		padding-bottom: 0!important;
	
	}
	#content-wrap {
		width: 100%;
		max-width: 100%;
	} 
	
	.content-area {
	    width: 100%;
	    padding-right: 0;
	    border: none;
	}
	
/*
	#main #content-wrap section div:first-child {
		max-width: 90%;
	}
*/
	
	/*hero*/
	
/*
	.hero-section {
	  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.08);
	  padding-top: 50px;
	  padding-bottom: 50px;
	}
*/
	
/*
	.hero-section > .wp-block-group__inner-container {
		width: 1240px;
		max-width: 90%;
		margin: auto;
	}
*/
	
	.hero-grid > .wp-block-group__inner-container {
		display: flex;
		max-height: 69.6vh;
		gap: 3%;
	}
	
	.hero-column-content {
		width: 40%;
	}
	
	.hero-column-content > .wp-block-group__inner-container {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		height: 100%;
	}
	
	.hero-column-content > .wp-block-group__inner-container h1, .hero-column-content > .wp-block-group__inner-container p {
		text-align: center;
	}
	
	.hero-column-content > .wp-block-group__inner-container h1 {
		font-size: 36px;
		line-height: 1.5;
		font-weight: 700;
	}
	
	.hero-column-content > .wp-block-group__inner-container .hero-paragraph {
	    font-size: 17px;
	    line-height: 1.4;
	}
	
	.hero-column-image-left div, .hero-column-image-left img, .hero-column-image-left figure, .hero-column-image-right div, .hero-column-image-right img, .hero-column-image-right figure {
		height: 100%;	
	}
	
	.hero-column-image-left img, .hero-column-image-right img {
		object-fit: cover;
	}
	
	.hero-column-content .wp-block-button__link {
	    padding: 1rem 2rem!important;
	    font-size: 17px!important;
	}
	
	
	
	.wp-block-button .wp-block-button__link {
	    float: none;
	    display: inline-block;
	    background-color: #000 !important;
	    color: #fff;
	    padding: 5px 12px;
	    border: 3px double #000;
	    font-size: 14px;
	    line-height: 1.7;
	    -webkit-border-radius: 0;
	    -moz-border-radius: 0;
	    -ms-border-radius: 0;
	    border-radius: 0;
	    text-transform: none;
	}
	
	.wp-block-button .wp-block-button__link:hover {
		background-color: #1d8c0f!important;
		border-color: #1d8c0f;
	}
	
	/*top products*/
	.top-products-section {
		padding-top: 64px;
		padding-bottom: 64px;
	}
	
	.top-products-section h2 {
		font-size: 29px;
		margin-bottom: 0;
	}
	
	.top-products-section h2 + p {
		margin-bottom: 45px;
	}
	
	.top-products-section .woocommerce {
		width: 100%;
		max-width: 90%;
		margin: auto;
	}
	
	.top-products-section .woocommerce ul.products li.product a {
		text-decoration: none!important;
	}
	
	.top-products-section .woocommerce ul.products li.product li.category {
		display: none;
	}
	
	.product-carousel-section .carousel-arrow {
	    display: none;
	    justify-content: center;
        align-items: center;
	}
	
	.product-carousel-controls {
		position: relative;
	}
	
	/*kathgories*/
	.prod-cat-section {
		background-color: #f9fafb;
	}
	
	.woocommerce-loop-category__title .count {
		display: none;
	}
	
	.three-categs {
	  display: flex;               /* flex layout */ 
	  gap: 20px;                   /* ανάμεσα στις στήλες */ 
	  width: 100%;
	  max-width: 90%;
	  margin: 40px auto;
	}
	
	.three-categs > .wp-block-group.left, .three-categs > .wp-block-group.right {
		width: 50%;
	}
	
	/* 2. Left & Right Columns */
	.three-categs > .wp-block-group.left > .wp-block-group__inner-container,
	.three-categs > .wp-block-group.right > .wp-block-group__inner-container {
		
	  flex: 1;                     /* ίσο πλάτος */
	  display: flex;
	  flex-direction: column;
	  gap: 20px;
	}
	
	/* 3. Left Banner */
	.three-categs .left .wp-block-group.banner {
	  position: relative;
	  overflow: hidden;
	  border-radius: 10px;         /* στρογγυλεμένες γωνίες */ 
	  flex: 1;                     /* γεμίζει όλο το ύψος */ 
	}
	.three-categs .left .wp-block-group.banner img {
	  width: 100%; display: block;
	  transition: transform .3s ease;
	}
	.three-categs .left .wp-block-group.banner:hover img {
	  transform: scale(1.05);      /* zoom-on-hover */ 
	}
	
	/* 4. Overlay στo Left */
	.three-categs .left .wp-block-group.overlay {
	  position: absolute;
	  top: 10%; left: 50%;
	  transform: translateX(-50%);
	  width: 80%;
	  text-align: center;
	  color: #fff; 
	}
	
	.three-categs .left .wp-block-buttons {
		max-width: fit-content;
		margin: auto;
	}
	
	.three-categs figure.wp-block-image {
		margin-bottom: 0;
	}
	
	/* 5. Top Banner στη Δεξιά Στήλη */
	.three-categs .right .wp-block-group.top {
	  position: relative;
	  overflow: hidden;
	  border-radius: 10px;
	}
	.three-categs .right .wp-block-group.top img {
	  width: 100%; display: block;
	  transition: transform .3s ease;
	}
	.three-categs .right .wp-block-group.top:hover img {
	  transform: scale(1.05);
	}
	
	/* Overlay στη Δεξιά Πάνω */
	.three-categs .right .wp-block-group.top .wp-block-group.overlay {
	  position: absolute;
	  top: 15%; left: 10%;
	  width: 80%;
	  color: #fff;
	}
	
	/* 6. Bottom δύο Side-by-Side */
	.three-categs .right .wp-block-group.bottom.is-layout-flex {
	  display: flex;
	  gap: 20px;
	  flex: 1;                     /* γεμίζει υπόλοιπο ύψος */ 
	}
	.three-categs .right .wp-block-group.bottom .wp-block-group.banner {
	  position: relative;
	  overflow: hidden;
	  border-radius: 10px;
	  flex: 1;                     /* ίσο πλάτος */ 
	}
	.three-categs .right .wp-block-group.bottom .wp-block-group.banner img {
	  width: 100%;
	  transition: transform .3s ease;
	}
	.three-categs .right .wp-block-group.bottom .wp-block-group.banner:hover img {
	  transform: scale(1.05);
	}
	
	/* 7. Buttons & Typography */
	.three-categs .wp-block-group.overlay h3 {
	 margin-bottom: .5rem;
	}
	.three-categs .wp-block-group.overlay p {
	  margin-bottom: 1rem;
	  color: #333;
	}
	.three-categs .wp-block-group.overlay .desc {
	  font-weight: 500; margin-bottom: 1rem;
	}
	.three-categs .wp-block-group.overlay .btn a {
	  display: inline-block;
	  padding: .5rem 1rem;
	  background: rgba(0,0,0,0.6);
	  color: #fff;
	  border-radius: 5px;
	  transition: background .3s ease;
	}
	.three-categs .wp-block-group.overlay .btn a:hover {
	  background: rgba(0,0,0,0.8);
	}
	
	/*dhmofileis categs*/
	.top-categs-section > .wp-block-group__inner-container {
	  display: flex;               /* flex layout */ 
	  gap: 20px;                   /* ανάμεσα στις στήλες */ 
	  width: 100%;
	  margin: 40px auto;
	  max-width: 90%;
	}
	
	/* 2. Banner Base */
	.top-categs-section .banner {
	  position: relative;
	  flex: 1;                     /* δύο ίσες στήλες */
	  overflow: hidden;
	  border-radius: 10px;
	  background: #000;
	}
	
	.top-categs-section .banner figure  {
		margin-bottom: 0;
	}
	
	.top-categs-section .banner img {
	  display: block;
	  width: 100%;
	  transition: transform 0.3s ease;
	}
	.top-categs-section .banner:hover img {
	  transform: scale(1.05);
	}
	
	/* 3. Overlay Content */
	.top-categs-section .banner .overlay {
	  position: absolute;
	  bottom: 0;
	  left: 0;
	  padding: 20px;
	  width: 100%;
	  color: #fff;
	  background: linear-gradient(to top, rgba(0,0,0,0.6), transparent);
	}
	.top-categs-section .banner .overlay h3 {
	  margin-bottom: 0.5rem;
	  color: #fff;
	}
	.top-categs-section .banner .overlay .desc {
	  margin-bottom: 1rem;
	  font-size: 0.9rem;
	  line-height: 1.4;
	}
	.top-categs-section .banner .overlay .btn {
	  display: inline-flex;
	  align-items: center;
	  padding: 0.5rem 1rem;
	  background: #fff;
	  color: #000;
	  border-radius: 50px;
	  font-size: 0.9rem;
	  font-weight: bold;
	  transition: background 0.3s ease, color 0.3s ease;
	}
	.top-categs-section .banner .overlay .btn:hover {
	  background: #000;
	  color: #fff;
	}
	.top-categs-section .banner .overlay .btn .icon {
	  display: inline-block;
	  margin-left: 0.5rem;
	  font-size: 1rem;
	}
	
	/*Home reviews*/
	.home-reviews-section  > .wp-block-group__inner-container {
		width: 100%;
		max-width: 90%;
		margin: auto;
	}
	
	div.ti-widget.ti-goog .ti-rating-text strong.ti-rating {
	  /* 1. Makes the original word "ΚΑΛΉ" invisible */
	  font-size: 0!important;
	}
	
	.ti-rating-text .ti-rating.ti-rating-large::before {
	  /* 2. Inserts the new word */
	  content: 'ΕΞΑΙΡΕΤΙΚΉ';
	  
	  /* 3. Sets the font size for the new word */
	  font-size: 20px!important; /* <-- Adjust this value to match your site's font size */
	}
	
/*
	.home-reviews-section .ti-rating-text {
		display: none;
	}
*/
	
	/*blog home*/
	
	.home-blog-section {
		background-color: #f9fafb;
	}
	
	.home-blog-section .wp-block-post-template {
		width: 100%;
		max-width: 90%;
		margin: auto;
	}
	
	.home-blog-section .wp-block-post-template a {
		text-decoration: none!important;
	}
	
	.home-blog-section figure.wp-block-post-featured-image img {
		height: 34vh!important;
	}
	
	.home-blog-section ul,
	.home-blog-section ol {
	    list-style: none;
	    margin: 0;
	    padding: 0;
	    display: grid;
/* 	    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); */ /* Responsive grid */
	    gap: 2rem; /* The space between cards */
	}
	
	/* 2. The Card Itself */
	.home-blog-section li.wp-block-post {
	    background-color: #fff;
	    border-radius: 12px;
	    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
	    overflow: hidden;
	    display: flex;
	    flex-direction: column;
	    position: relative; /* Anchor for the date */
	}

	
	/* 3. The Featured Image */
	.home-blog-section .wp-block-post-featured-image {
	    margin: 0;
	}
	
	.home-blog-section .wp-block-post-featured-image img {
	    width: 100%;
	    height: 200px;
	    object-fit: cover;
	    display: block;
	    transition: transform 0.4s ease;
	}
	
	.home-blog-section li.wp-block-post:hover .wp-block-post-featured-image img {
	    transform: scale(1.05);
	}
	
	.image-cat-container {
		position: relative;
	}
	
	/* 4. The Date Chip */
	 .taxonomy-category.wp-block-post-terms {
	    position: absolute;
	    bottom: 1rem;
	    left: 1rem;
	    z-index: 2;
	    background-color: #000;
	    padding: 0.25rem 0.75rem;
	    border-radius: 8px;
	    font-size: 12px;
	    font-weight: 600;
	    
	}
	
	.taxonomy-category.wp-block-post-terms a {
		text-decoration: none;
		color: #fff;
	}

	
	/* 5. The Content Area (Title, Excerpt, Read More) */
	/* We need to create a "virtual" content area since one doesn't exist */
	.home-blog-section .wp-block-post-title,
	.home-blog-section .wp-block-post-excerpt {
	    padding-left: 1.5rem;
	    padding-right: 1.5rem;
	    
	}
	
	.home-blog-section .wp-block-post-title {
	    font-size: 15px;
	    font-weight: 700;
	    color: #282828;
	    margin-top: 1.5rem;
	    margin-bottom: 28px;
	    min-height: 51px;
	    line-height: 1.5;
	}
	
	.home-blog-section .wp-block-post-title a {
	    text-decoration: none;
	    transition: color 0.3s;
	}
	
	.home-blog-section li.wp-block-post:hover .wp-block-post-title a {
	    color: var(--color-primary); /* Use your theme's primary color */
	}
	
	.home-blog-section .wp-block-post-excerpt {
	    color: #4b5563;
	    font-size: 14px;
	    line-height: 1.5;
	    flex-grow: 1; /* Pushes the "Read More" link to the bottom */
	    padding-bottom: 1.5rem;
	}
	
	.home-blog-section .wp-block-post-excerpt__more-link {
	    display: inline-flex;
	    align-items: center;
	    color: var(--color-primary);
	    font-weight: 700;
	    text-decoration: none;
	    margin-top: 1rem;
	}
	
	/* Adding the arrow after "Read More" */
	.home-blog-section .wp-block-post-excerpt__more-link::after {
	    content: '→';
	    transition: color 0.4s ease;
	}

	
	.post-info-container {
		justify-content: space-between;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
		margin-bottom: 15px;
	}
	
	.post-info-container .wp-block-post-excerpt {
	  /* Smooth transition for the background and text color */
	  transition: background-color 0.4s ease, color 0.4s ease;
	}
	
	.post-info-container .wp-block-post-excerpt:hover {
	  /* Change background to black */
	  background-color: #000;
	  
	  /* Change the main text color to white to ensure it's readable */
	  color: #fff; 
	}
	
	.post-info-container .wp-block-post-excerpt:hover .wp-block-post-excerpt__more-link::after {
	  /* Change the color of the ::after element to white */
	  color: #fff;
	}
	
	.post-info-container .wp-block-post-excerpt__excerpt {
		display: none;
	}
	
	.post-info-container .wp-block-post-excerpt {
		max-width: fit-content;
		background-color: rgb(236 236 236);
		border-radius: 100%;
		padding: 10.5px 14px!important;
	}
	
	.post-info-container .wp-block-post-excerpt__more-link {
		margin-top: 0!important;
	}
	
	.post-info-container .wp-block-post-date {
		position: relative;
		font-size: 11px;
		font-weight: bold;
	}
	
	.post-info-container .wp-block-post-author-name {
		font-size: 11px;
		font-weight: bold;
	}
	
	.post-info-container .wp-block-post-date:before {
	    background-color: #181818;
	    border-radius: 100%;
	    content: "";
	    height: 5px;
	    left: -15px;
	    position: absolute;
	    top: 50%;
	    transform: translateY(-50%);
	    width: 5px;
	}
	
	.post-meta-container  {
		gap: 26px;
	}
	
	
	
	@media screen and (min-width: 1077px) {
		.footer-box.col-4 {
			display: flex;
			flex-direction: column;
			align-items: flex-end;
		}
		
		.footer-box.col-4 .widget_media_image, .footer-box.col-4 .footer-widget.widget_block {
			width: 251.11px;
		}
		.footer-box.col-3 {
			display: flex;
			flex-direction: column;
			align-items: flex-end;
		}
		
		.footer-box.col-3 .footer-widget.widget-oceanwp-custom-links, .footer-box.col-3 .widget_media_image  {
			width: 216.66px;
		}
		
		.footer-box.col-2 {
			position: relative;
			left: 6%;
		}
		 
		
	}
	
	@media screen and (max-width: 1282px) and (min-width: 1077px) {
		.footer-box.col-2 {
			position: relative;
			left: 0;
		}
	}
	
	@media screen and (max-width: 1076px) {
		#footer-widgets .footer-widgets-inner div.footer-box.span_1_of_4 {
			width: 100%;
			text-align: center;
		}
		
		footer h4.widget-title {
			border: none;
		}
		
		footer .footer-box.col-2 .contact-info-widget li {
			justify-content: center;
		}
		
		.footer-box.col-3 .widget_media_image .wp-block-image {
			display: flex;
		}
		
		.footer-box.col-3 .widget_media_image .wp-block-image figure {
			margin: auto;
		}
		
		div.bestprice__placeholder {
			justify-content: center!important;
		}
	}
	
	
	@media screen and (max-width: 1048px) {
		.prod-cat-section ul.products {
			flex-wrap: wrap;
			row-gap: 20px;
		}
		
		.prod-cat-section ul.products li.product-category {
		    width: 48%;
		    
		}
		
		.prod-cat-section ul.products li.product-category img {
			height: 45vw;
		}
		
	}
	
	
	@media screen and (max-width: 991px) {
		.site-content section {
			padding-left: 40px!important;
			padding-right: 40px!important;
		}
		
		.hero-grid > .wp-block-group__inner-container {
			flex-direction: column;
			max-height: unset;
		}
		
		.hero-column-image-right {
			display: none;
		}
		
		.hero-column-content {
			width: 100%;
		}
	}
	
	@media screen and (max-width: 880px) {
		.three-categs {
			flex-wrap: wrap!important;
		}
		
		.three-categs > .wp-block-group.left, .three-categs > .wp-block-group.right {
		    width: 100%;
		}
		
		.top-categs-section > .wp-block-group__inner-container {
			flex-wrap: wrap!important;
			max-width: 100%;
		}
		
		.top-categs-section .banner {
			width: 100%;
			flex: auto;
		}
		
		.three-categs figure.wp-block-image a {
			width: 100%;
		}
		
		
	}
	
	@media screen and (max-width: 851px) {

	    /* Make the WooCommerce block the main container */
	    .product-carousel-section .woocommerce {
	        position: relative;
	        overflow: hidden;
	    }
	    
	    /* Show and style the arrows */
	    .product-carousel-section .product-carousel-controls {
	        display: block;
	    }
	    
	    .product-carousel-section .carousel-arrow {
	        display: block;
	        position: absolute;
	        top: 35%; /* Vertically align with the image area */
	        transform: translateY(-50%);
	        z-index: 10;
	        background-color: rgba(255, 255, 255, 0.9);
	        border: 1px solid #ddd;
	        border-radius: 50%;
	        width: 40px;
	        height: 40px;
	        font-size: 24px;
	        font-weight: bold;
	        cursor: pointer;
	    }
	
	    .product-carousel-section .carousel-arrow.prev { left: 10px; }
	    .product-carousel-section .carousel-arrow.next { right: 10px; }
	
	    .product-carousel-section .carousel-arrow:disabled {
	        opacity: 0.2;
	        cursor: not-allowed;
	    }
	
	    /* This is the track that holds all products */
	    .product-carousel-section ul.products {
	        display: flex;
	        flex-wrap: nowrap;
	        list-style-type: none;
	        padding: 0;
	        margin: 0;
	        transition: transform 0.4s ease-in-out;
	    }
	
	    /* This is each individual product slide */
	    .product-carousel-section ul.products li.product {
	        /* Reset theme column styles */
	        width: auto !important;
	        margin-right: 0 !important;
	        float: none !important;
	        padding: 0 8px; /* Give a little space between products */
	    }
	
	    /* --- Tablet Specific: Show 2 items --- */
	    .product-carousel-section ul.products li.product {
	        flex: 0 0 50%; /* Each slide is 50% width */
	    }
	    
	    .top-products-section .carousel-arrow.prev {
		    left: -27px; /* Bring arrows slightly in from the edge */
		  }
		
		  .top-products-section .carousel-arrow.next {
		    right: -27px; /* Bring arrows slightly in from the edge */
		  }
		  
		  .top-products-section .carousel-arrow {
		    display: flex;
		    position: absolute;
		    /* This new 'top' value aligns the arrows with the product images, not the whole card */
		    top: 35%; 
		    transform: translateY(-50%);
		    z-index: 10;
		    
		    background-color: rgba(255, 255, 255, 0.9);
		    border: 1px solid #ddd;
		    border-radius: 50%;
		    width: 35px;
		    height: 35px;
		    font-size: 20px;
		    cursor: pointer;
		    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
		  }
	}
	
	@media screen and (max-width: 767px) {
		.prod-cat-section ul.products li.product-category img {
		    height: 91vw;
		}
		
		.prod-cat-section ul.products li.product-category {
			box-shadow: none!important;
		}
	}
	
	@media screen and (max-width: 743px) {
		.home-blog-section ul, .home-blog-section ol {
		    grid-template-columns: unset;
		}
		
		.home-blog-section .wp-block-post-template {
			max-width: 100%;
		}
	}
	
	@media screen and (max-width: 575px) {
		.three-categs .right .wp-block-group.bottom.is-layout-flex {
			flex-wrap: wrap;
		}
		
		.three-categs .right .wp-block-group.bottom .wp-block-group.banner {
			width: 100%;
			flex: auto;
		}
	}
	
	@media screen and (max-width: 480px) {
		.hero-column-content > .wp-block-group__inner-container h1 {
			font-size: 27px;
		}
		
		.top-products-section h2 {
			font-size: 24px;
		}
		
		.top-products-section .woocommerce {
		    position: relative; /* This becomes the anchor for the arrows */
		    overflow: hidden;   /* This completely hides the other products off-screen */
		  }
		
		  .top-products-section .carousel-arrow:disabled {
		    opacity: 0.4;
		    cursor: not-allowed;
		  }
		
		  /* 3. The track and item styles remain the same, but are now correctly contained */
		  .top-products-section ul.products:not(.prod-cat-section ul.products) {
		    display: flex;
		    flex-wrap: nowrap;
		    margin: 0;
		    padding: 0;
		    list-style-type: none;
		    transition: transform 0.4s ease-in-out;
		  }
		
		  .top-products-section ul.products li.product:not(.prod-cat-section ul.products li.product) {
		    flex: 0 0 100%; /* Each slide is 100% width */
		    width: 100% !important;
		    margin: 0 !important;
		    float: none !important;
		    padding: 0 5px; /* A little space so the product isn't touching the arrows */
		  }
		  
		  .three-categs .right .wp-block-group.top .wp-block-group.overlay {
			    left: 6%;
			    width: 90%;
			}
			
		.three-categs .wp-block-group.overlay h3 {
		    margin-bottom: 0;
		}
		
		.three-categs .wp-block-group.overlay p {
		    margin-bottom: .7rem;
		}
	}