/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

a {
	text-decoration: none;
    font-weight: 400;
	color: var(--dark-blue);
}
a:hover {
	color: var(--orange);
}

:root {
    --primary-blue: #0066cc;
    --dark-blue: #003d7a;
    --light-blue: #4da6ff;
    --orange: #ff6600;
    --light-orange: #ff9933;
    --green: #66cc00;
    --red: #cc0000;
    --gray: #f5f5f5;
    --dark-gray: #333333;
    --light-gray: #e0e0e0;
    --white: #ffffff;
    --text-dark: #1a1a1a;
}

body {
    font-family: 'Ubuntu', sans-serif;
    color: var(--text-dark);
    line-height: 1.6;
    overflow-x: hidden;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Make container 100% wide between 768px and 900px */
@media (min-width: 768px) and (max-width: 900px) {
    .container {
        width: 100%;
        max-width: 100%;
        padding: 0;
    }
    
    /* Keep header container padding for navigation */
    .header .container {
        padding: 15px 20px;
    }
    
    /* Remove padding from content-section to make it 100% wide */
    .content-section {
        padding-left: 0;
        padding-right: 0;
    }
    
    /* Make content-wrapper 100% wide */
    .content-wrapper-3-6-3 {
        max-width: 100%;
        padding-left: 0;
        padding-right: 0;
    }
}

/* Header Styles */
.header {
    background: rgb(0 61 122 / 66%);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow: 0 2px 10px rgba(0,0,0,0.05);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transform: translateY(0);
    opacity: 1;
}

.header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 20px;
}

.logo {
    display: flex;
    align-items: center;
}

.logo img {
    height: auto;
    max-height: 80px;
    width: auto;
    display: block;
}

.main-nav ul {
    display: flex;
    list-style: none;
    gap: 30px;
    align-items: center;
}

.main-nav a {
    text-decoration: none;
    color: var(--white);
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    transition: color 0.3s ease;
    position: relative;
    white-space: nowrap;
}

.main-nav a:hover {
    color: var(--orange);
}

.main-nav a::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--orange);
    transition: width 0.3s ease;
}

.main-nav a:hover::after {
    width: 100%;
}

.main-nav .has-submenu {
    position: relative;
}

.main-nav .submenu {
    position: absolute;
    top: 100%;
    left: 0;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    list-style: none;
    min-width: 280px;
    padding: 4px 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
}

.main-nav .has-submenu:hover .submenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.main-nav .submenu li {
    padding: 0;
    display: block;
    width: 100%;
}

.main-nav .submenu li:not(:first-child) {
    margin-top: -20px;
}

.main-nav .submenu a {
    display: block;
    padding: 6px 20px;
    text-transform: none;
    font-size: 13px;
    font-weight: 400;
    color: var(--dark-gray);
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    transition: all 0.2s ease;
    line-height: 1.4;
}

.main-nav .submenu a:hover {
    background: var(--gray);
    padding-left: 25px;
    color: var(--primary-blue);
}

.main-nav .submenu li:last-child a {
    border-bottom: none;
}

/* Nested submenu styles */
.main-nav .submenu > li.has-submenu {
    position: relative;
}

.main-nav .submenu > li.has-submenu > .submenu {
    position: absolute;
    top: 0;
    left: 100%;
    margin-left: 5px;
    min-width: 280px;
    z-index: 1001;
    opacity: 0 ;
    visibility: hidden ;
    transform: translateX(-10px);
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
    list-style: none;
    padding: 4px 0;
    display: flex;
    flex-direction: column;
}

.main-nav .submenu > li.has-submenu:hover > .submenu {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0);
}

/* Nested submenu items styling */
.main-nav .submenu > li.has-submenu > .submenu li {
    padding: 0;
    display: block;
    width: 100%;
}






.main-nav .submenu > li.has-submenu > .submenu li:not(:first-child) {
    margin-top: -20px;
}

.main-nav .submenu > li.has-submenu > .submenu a {
    display: block;
    padding: 6px 20px;
    text-transform: none;
    font-size: 13px;
    font-weight: 400;
    color: var(--dark-gray);
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    transition: all 0.2s ease;
    line-height: 1.4;
}

.main-nav .submenu > li.has-submenu > .submenu a:hover {
    background: var(--gray);
    padding-left: 25px;
    color: var(--primary-blue);
}

.main-nav .submenu > li.has-submenu > .submenu li:last-child a {
    border-bottom: none;
}

.mobile-menu-toggle {
    display: none;
    flex-direction: column;
    gap: 5px;
    cursor: pointer;
    z-index: 1001;
}

.mobile-menu-toggle span {
    width: 25px;
    height: 3px;
    background: #fff;
    transition: all 0.3s ease;
}

.mobile-menu-toggle.active span:nth-child(1) {
    transform: rotate(45deg) translate(8px, 8px);
}

.mobile-menu-toggle.active span:nth-child(2) {
    opacity: 0;
}

.mobile-menu-toggle.active span:nth-child(3) {
    transform: rotate(-45deg) translate(7px, -7px);
}

@media (max-width: 1085px) {
    .main-nav.active {
        display: block !important;
        position: fixed;
        top: 100px;
        left: 0;
        right: 0;
        background: var(--white);
        box-shadow: 0 5px 15px rgba(0,0,0,0.2);
        padding: 10px 20px;
        max-height: calc(100vh - 100px);
        overflow-y: auto;
        z-index: 1002;
    }
    
    .main-nav.active > ul {
        display: block !important;
        flex-direction: column;
        gap: 0;
        margin: 0;
        padding: 0;
    }
    
    .main-nav.active > ul > li {
        display: block !important;
        width: 100%;
        border-bottom: 1px solid var(--light-gray);
        margin: 0;
        padding: 0;
    }
    
    .main-nav.active > ul > li > a {
        display: block !important;
        padding: 10px 0;
        color: var(--dark-blue);
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        line-height: 1.4;
    }
    
    .main-nav.active .submenu {
        position: static!important;
        opacity: 1!important;
        visibility: visible!important;
        transform: none!important;
        box-shadow: none!important;
        background: var(--gray)!important;
        margin: 0!important;
        padding: 0!important;
        display: block !important;
    }
    
    .main-nav.active .submenu li {
        border-bottom: none;
        margin: 0;
		position: relative;
    }
    
    .main-nav.active .submenu a {
        padding: 8px 20px;
        font-size: 13px;
        word-wrap: break-word;
        overflow-wrap: break-word;
        white-space: normal;
        line-height: 1.4;
    }
	.main-nav .submenu > li.has-submenu > .submenu li {
		display: block;
		width: 100%;
		padding: 8px 20px;
		font-size: 13px;
		overflow-wrap: break-word;
		white-space: normal;
		line-height: 1.4;
	}
	.main-nav .submenu > li.has-submenu > .submenu li:not(:first-child) {
    margin-top: -10px;
	}
}

/* Hero Section */
.hero {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0;
}

.video-background {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
}

.video-background video {
    width: 100%;
    height: auto;
}

/* Default: Show main video for screens larger than 990px */
.video-background .hero-video-default {
    display: block;
}

.video-background .hero-video-990,
.video-background .hero-video-600,
.video-background .hero-video-450 {
    display: none !important;
}

/* For screens 700px to 990px - show 990 video */
@media (min-width: 700px) and (max-width: 990px) {
    .video-background .hero-video-default,
    .video-background .hero-video-600,
    .video-background .hero-video-450 {
        display: none !important;
    }
    
    .video-background .hero-video-990 {
        display: block !important;
    }
}

/* For screens 550px to 700px - show 600 video */
@media (min-width: 550px) and (max-width: 699px) {
    .video-background .hero-video-default,
    .video-background .hero-video-990,
    .video-background .hero-video-450 {
        display: none !important;
    }
    
    .video-background .hero-video-600 {
        display: block !important;
    }
}

/* For screens smaller than 550px - show 450 video */
@media (max-width: 549px) {
    .video-background .hero-video-default,
    .video-background .hero-video-990,
    .video-background .hero-video-600 {
        display: none !important;
    }
    
    .video-background .hero-video-450 {
        display: block !important;
    }
}

/* Hero height adjustments for mobile */
@media (max-width: 480px) {
    .hero {
        min-height: auto;
        height: auto;
    }
}

@media (max-width: 768px) {
    .hero {
        min-height: auto;
        height: auto;
    }
}

/* Animations */
@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-20px);
    }
}

@keyframes bounce {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

@keyframes slide-in-left {
    from {
        opacity: 0;
        transform: translateX(-50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slide-in-right {
    from {
        opacity: 0;
        transform: translateX(50px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

@keyframes slide-in-up {
    from {
        opacity: 0;
        transform: translateY(50px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fade-in-up 1s ease-out;
}

.slide-in-left {
    animation: slide-in-left 0.8s ease-out;
}

.slide-in-right {
    animation: slide-in-right 0.8s ease-out;
}

.slide-in-up {
    animation: slide-in-up 0.8s ease-out;
}

/* Why Choose Section */
.why-choose-section {
    background-image: url('images/1920X1360_GRAY_WEB_DESIGN_PROTEX_HOMEPAGE.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 1450px;
    position: relative;
    overflow: hidden;
}

.why-choose-wrapper {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1320px;
    height: 100%;
    padding: 0 40px 40px 40px;
    z-index: 2;
}

/* Top Row Container */
.top-row-container {
    position: absolute;
    top: 0;
    left: 40px;
    right: 40px;
    display: flex;
    align-items: flex-start;
    gap: 20px;
    z-index: 3;
    max-width: 1240px;
}

/* Top Left Contact Block */
.contact-block-top-left {
    flex: 0 0 200px;
    max-width: 200px;
    z-index: 3;
}

.call-title-image {
    margin-bottom: 20px;
}

.call-title-image img {
    width: 175px;
    height: auto;
    display: block;
	margin: 0 auto;
}

.contact-icons-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 200px;
	margin: 0 auto;
}

.contact-icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.contact-icon-item:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

.contact-icon-item:nth-child(1),
.contact-icon-item:nth-child(2) {
    flex: 0 0 calc(50% - 5px);
}

.contact-icon-item:nth-child(3) {
    flex: 0 0 100%;
    margin-top: 5px;
}

.contact-icon-item img {
    width: 80px;
    height: auto;
    filter: drop-shadow(0 3px 8px rgba(0,0,0,0.2));
}

.city-label {
    color: var(--dark-gray);
    font-size: 13px;
    font-weight: 600;
}

/* Title Text Block */
.title-text-block {
    flex: 0 0 200px;
    max-width: 200px;
    z-index: 3;
    position: relative;
}

.main-section-title {
    font-size: 38px;
    font-weight: 900;
    color: #28367f;
    text-transform: uppercase;
    margin: 300px 0;
    text-align: right;
    line-height: 1.2;
}

/* Title Image Block */
.title-image-block {
    flex: 0 0 auto;
    z-index: 3;
}

.title-image-block a {
    display: block;
    text-decoration: none;
}

.title-image-block img {
    width: 566px;
    height: 566px;
    display: block;
    object-fit: contain;
}

/* Second Row Images */
.second-row-images {
    position: absolute;
    top: 510px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 65px;
    z-index: 3;
    max-width: 1240px;
}

/* Why Choose Section Bubbles */
.second-row-images-bubbles-overlay {
    position: absolute;
    top: 510px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    max-width: 1240px;
    height: 562px;
    pointer-events: none;
    z-index: 10;
}

.bottom-cta-strip-bubbles-overlay {
    position: absolute;
    top: calc(510px + 562px + 25px + 100px);
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 80px);
    max-width: 1240px;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.why-choose-bubble {
    position: absolute;
    opacity: 0.6;
    z-index: 10;
    pointer-events: none;
}

.second-row-images-bubbles-overlay .why-choose-bubble-top-left {
    width: 170px;
    height: 170px;
    top: -85px;
    left: -85px;
}

.second-row-images-bubbles-overlay .why-choose-bubble-top-right {
    width: 275px;
    height: 275px;
    top: -137px;
    right: -137px;
}

.bottom-cta-strip-bubbles-overlay .why-choose-bubble-bottom-left {
    width: 145px;
    height: 145px;
    bottom: -72px;
    left: -72px;
}

.bottom-cta-strip-bubbles-overlay .why-choose-bubble-bottom-right {
    width: 170px;
    height: 170px;
    bottom: -85px;
    right: -85px;
}

.second-row-image {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.second-row-image a {
    display: block;
    text-decoration: none;
}

.second-row-image img {
    display: block;
    object-fit: contain;
}

.second-row-image:first-child img {
    width: 562px;
    height: 562px;
	margin-left: 155px;
}

.second-row-image:nth-child(2) img {
    width: 309px;
    height: 309px;
}

.second-row-image:nth-child(3) {
    align-self: flex-start;
}

.second-row-image:nth-child(3) img {
    width: 325px;
    height: 325px;
    margin-top: 15px;
}

/* Bottom Call-to-Action Strip */
.bottom-cta-strip {
    position: absolute;
    top: calc(510px + 562px + 25px + 100px);
    left: 50%;
    transform: translateX(-50%);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    align-items: flex-start;
    z-index: 3;
    max-width: 1240px;
    width: calc(100% - 80px);
}

.cta-left-text p {
    color: #28367f;
    font-size: 32px;
    font-weight: 700;
    margin: 0;
    line-height: 1.4;
}

.cta-left-text {
    text-align: right;
    margin-top: 50px;
}

.cta-right-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: left;
    margin-top: 40px;
    cursor: pointer;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.cta-right-content:hover {
    transform: scale(1.02);
    opacity: 0.9;
}

/* Index-specific CTA styling */
.index-cta-right-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
    text-align: left;
    margin-top: -85px;
    cursor: pointer;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.index-cta-right-content:hover {
    transform: scale(1.02);
    opacity: 0.9;
}

.pleonekthmata-cta-right-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    margin-top: 25px;
    cursor: pointer;
}

.pleonekthmata-cta-right-content .preorder-button {
    width: 150px;
    height: auto;
    aspect-ratio: 134 / 159;
    object-fit: contain;
    display: block;
    cursor: pointer;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.pleonekthmata-cta-right-content .preorder-button:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

/* Pleonekthmata Content Section Styles */
.content-wrapper-3-6-3 {
    display: grid;
    grid-template-columns: 2fr 8fr 2fr;
    gap: 20px;
    max-width: 1320px;
    margin: 0 auto;
    padding: 0px 20px;
}

.main-content-text {
    padding: 20px;
    line-height: 1.8;
}

.main-content-text p {
    font-size: 16px;
    color: var(--text-dark, #333);
    margin-bottom: 20px;
}

.main-content-text strong {
    font-weight: 600;
    color: var(--text-dark, #333);
}

.main-content-text a {
    color: var(--text-dark, #333);
    text-decoration: none;
    font-weight: 500;
}

.main-content-text a:hover {
    color: var(--dark-blue);
}

@media (max-width: 1024px) {
    .content-wrapper-3-6-3 {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

/* Company page: main-content-text next to contact-block-top-left from 1025px to 505px */
/* Using section element + both classes for maximum specificity to override the 1024px rule */
@media (min-width: 505px) and (max-width: 1025px) {
    section.content-section .content-wrapper.content-wrapper-3-6-3 {
        display: grid !important;
        grid-template-columns: 1fr 2fr !important;
        gap: 20px !important;
    }
    
    section.content-section .pleonekthmata-cta-right-content {
        display: none !important;
    }
}

.preorder-button {
    width: auto;
    height: auto;
    display: block;
    cursor: pointer;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.preorder-button:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

.cta-text {
    display: none;
}

.cta-bold {
    font-weight: 400;
    font-size: 15px;
    display: block;
}

/* Protective Railings Section */
.protective-railings-link {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.protective-railings-section {
    position: relative;
    background-image: url('images/railings-section-bck.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 910px;
    margin-top: 0;
}

@media (min-width: 600px) and (max-width: 1090px) {
    .protective-railings-section {
        height: 670px;
		background-image: url('images/990-railings-section-bck.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }
}

@media (max-width: 599px) {
    .protective-railings-section {
		height: 670px;
		background-image: url('images/550-670-railings-section-bck.jpg');
    }
}


/* Railings Gallery Section */
.railings-gallery-section {
    background: #989898;
    padding: 10px 0 0 0;
    margin-top: 0;
}

.railings-gallery-section .container {
    max-width: 100%;
    padding: 0 20px;
}

.railings-gallery-section .gallery-header {
    padding: 0;
}

.railings-gallery-section .gallery-grid {
    max-width: 100%;
    margin: 0;
    padding: 0 10px;
}

.railings-gallery-section .gallery-title {
    color: var(--white);
    text-transform: none;
}

/* Portakia Gallery Section */
.portakia-gallery-section {
    background: #018fc1;
    padding: 10px 0 0px 0;
    margin-top: 0;
}

.portakia-gallery-section .container {
    max-width: 100%;
    padding: 0 20px;
}

.portakia-gallery-section .gallery-header {
    padding: 0;
}

.portakia-gallery-section .gallery-title {
    color: var(--white);
    text-transform: none;
}

.portakia-gallery-section .gallery-grid {
    max-width: 100%;
    margin: 0;
    padding: 0 10px;
}

.gallery-grid.portakia-gallery-grid {
    grid-template-columns: repeat(8, 1fr);
    gap: 10px;
    max-width: 100%;
    margin: 0;
}

.portakia-gallery-grid .gallery-item {
    border: 10px solid transparent;
    border-radius: 0;
}

.portakia-gallery-grid .gallery-item {
    position: relative;
}

.portakia-gallery-grid .gallery-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(57 81 146 / 35%);
    z-index: 1;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.portakia-gallery-grid .gallery-item img {
    transition: transform 0.4s ease;
}

.portakia-gallery-grid .gallery-item:hover {
    box-shadow: none;
    border: 10px solid #fff;
    z-index: 10;
    transform: none;
}

.portakia-gallery-grid .gallery-item:hover::before {
    opacity: 0;
}

.portakia-gallery-grid .gallery-item:hover img {
    transform: scale(1.05);
}

.portakia-gallery-grid .gallery-overlay {
    display: none;
}

/* Membrane Gallery Section */
.membrane-gallery-section {
    background: #f39100d9;
    padding: 10px 0 0px 0;
    margin-top: 0;
}

.membrane-gallery-section .container {
    max-width: 100%;
    padding: 0 20px;
}

.membrane-gallery-section .gallery-header {
    padding: 0;
}

.membrane-gallery-section .gallery-title {
    color: var(--white);
    text-transform: none;
}

.membrane-gallery-section .gallery-grid {
    max-width: 100%;
    margin: 0;
    padding: 0 10px;
}

.gallery-grid.membrane-gallery-grid {
    grid-template-columns: repeat(8, 1fr);
    gap: 10px;
    max-width: 100%;
    margin: 0;
}

.membrane-gallery-grid .gallery-item {
    border: 10px solid transparent;
    border-radius: 0;
    position: relative;
}

.membrane-gallery-grid .gallery-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #f391008c;
    z-index: 1;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.membrane-gallery-grid .gallery-item img {
    transition: transform 0.4s ease;
}

.membrane-gallery-grid .gallery-item:hover {
    box-shadow: none;
    border: 10px solid #e6e4e5;
    z-index: 10;
    transform: none;
}

.membrane-gallery-grid .gallery-item:hover::before {
    opacity: 0;
}

.membrane-gallery-grid .gallery-item:hover img {
    transform: scale(1.05);
}

.membrane-gallery-grid .gallery-overlay {
    display: none;
}

/* Plexiglass Gallery Section */
.plexiglass-gallery-section {
    background: #28367f;
    padding: 10px 0 0px 0;
    margin-top: 0;
}

.plexiglass-gallery-section .container {
    max-width: 100%;
    padding: 0 20px;
}

.plexiglass-gallery-section .gallery-header {
    padding: 0;
}

.plexiglass-gallery-section .gallery-title {
    color: var(--white);
    text-transform: none;
}

.plexiglass-gallery-section .gallery-grid {
    max-width: 100%;
    margin: 0;
    padding: 0 10px;
}

.gallery-grid.plexiglass-gallery-grid {
    grid-template-columns: repeat(8, 1fr);
    gap: 10px;
    max-width: 100%;
    margin: 0;
}

.plexiglass-gallery-grid .gallery-item {
    border: 10px solid transparent;
    border-radius: 0;
    position: relative;
}

.plexiglass-gallery-grid .gallery-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #28367f75;
    z-index: 1;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.plexiglass-gallery-grid .gallery-item img {
    transition: transform 0.4s ease;
}

.plexiglass-gallery-grid .gallery-item:hover {
    box-shadow: none;
    border: 10px solid #e6e4e5;
    z-index: 10;
    transform: none;
}

.plexiglass-gallery-grid .gallery-item:hover::before {
    opacity: 0;
}

.plexiglass-gallery-grid .gallery-item:hover img {
    transform: scale(1.05);
}

.plexiglass-gallery-grid .gallery-overlay {
    display: none;
}

.gallery-header {
    text-align: center;
    margin-bottom: 0;
}

.gallery-title {
    font-size: 24px;
    font-weight: 300;
    color: var(--dark-blue);
    margin: 0;
    text-transform: uppercase;
}

.gallery-grid:not(.curved-balcony-gallery-grid) {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
    max-width: 1320px;
    margin: 0 auto;
}

.gallery-grid.railings-gallery-grid, .gallery-grid.portakia-gallery-grid, .gallery-grid.membrane-gallery-grid, .gallery-grid.plexiglass-gallery-grid {
    grid-template-columns: repeat(8, 1fr);
    gap: 10px;
    max-width: 100%;
    margin: 0;
}





.gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    cursor: pointer;
    aspect-ratio: 4/3;
    box-shadow: none;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    opacity: 0;
    transform: translateY(30px);
    animation: fadeInUp 0.6s ease forwards;
    border: 5px solid transparent;
}

.railings-gallery-grid .gallery-item {
    border: 10px solid transparent;
    border-radius: 0;
    position: relative;
}

.railings-gallery-grid .gallery-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #98989859;
    z-index: 1;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.railings-gallery-grid .gallery-item img {
    transition: transform 0.4s ease;
}

.railings-gallery-grid .gallery-item:hover {
    box-shadow: none;
    border: 10px solid #e6e4e5;
    z-index: 10;
}

.railings-gallery-grid .gallery-item:hover::before {
    opacity: 0;
}

.railings-gallery-grid .gallery-item:hover img {
    transform: scale(1.05);
}

.gallery-item:nth-child(1) { animation-delay: 0.1s; }
.gallery-item:nth-child(2) { animation-delay: 0.2s; }
.gallery-item:nth-child(3) { animation-delay: 0.3s; }
.gallery-item:nth-child(4) { animation-delay: 0.4s; }
.gallery-item:nth-child(5) { animation-delay: 0.5s; }
.gallery-item:nth-child(6) { animation-delay: 0.6s; }
.gallery-item:nth-child(7) { animation-delay: 0.7s; }
.gallery-item:nth-child(8) { animation-delay: 0.8s; }
.gallery-item:nth-child(9) { animation-delay: 0.9s; }
.gallery-item:nth-child(10) { animation-delay: 1.0s; }
.gallery-item:nth-child(11) { animation-delay: 1.1s; }
.gallery-item:nth-child(12) { animation-delay: 1.2s; }

@keyframes fadeInUp {
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.gallery-item:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

.railings-gallery-grid .gallery-item:hover {
    transform: none;
    box-shadow: none;
}

.gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.gallery-item:hover img {
    transform: scale(1.1);
}

.gallery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 51, 122, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-item:hover .gallery-overlay {
    opacity: 1;
}

.railings-gallery-grid .gallery-overlay {
    display: none;
}

.gallery-icon {
    width: auto;
    height: auto;
    max-width: 45px;
    max-height: 45px;
    transform: scale(0.8);
    transition: transform 0.3s ease;
}

.gallery-item:hover .gallery-icon {
    transform: scale(1);
}

/* Gallery Lightbox */
.gallery-lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.gallery-lightbox.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.gallery-lightbox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.gallery-lightbox-container {
    position: relative;
    max-width: 90%;
    max-height: 90vh;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-lightbox-container img {
    max-width: 100%;
    max-height: 90vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    animation: zoomIn 0.3s ease;
}

@keyframes zoomIn {
    from {
        transform: scale(0.8);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.gallery-lightbox-close {
    position: absolute;
    top: -50px;
    right: 0;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    color: var(--white);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    z-index: 10002;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.gallery-lightbox-close:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

.gallery-lightbox-prev,
.gallery-lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    background: rgba(255, 255, 255, 0.2);
    color: var(--white);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    font-size: 32px;
    line-height: 1;
    cursor: pointer;
    z-index: 10002;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.gallery-lightbox-prev {
    left: -70px;
}

.gallery-lightbox-next {
    right: -70px;
}

.gallery-lightbox-prev:hover,
.gallery-lightbox-next:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-50%) scale(1.1);
}

.gallery-lightbox-counter {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--white);
    font-size: 18px;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.5);
    padding: 10px 20px;
    border-radius: 20px;
}

/* Product Categories (Hidden) */
/* Hero Text Section */
.hero-text-section {
    background: #e6e4e5;
    padding: 20px 0 0px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 50px;
}

.hero-text-after-railings {
    background: #e6e4e5;
}

.hero-text-section .container {
    max-width: 1320px;
}

.hero-text {
    color: var(--dark-blue);
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    line-height: 1.2;
    text-transform: none;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

/* Portaki Section */
.portaki-section {
    position: relative;
    background-image: url('images/portaki-index-background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 750px;
    margin-top: 0;
}

@media (min-width: 600px) and (max-width: 1090px) {
    .portaki-section {
        height: 670px;
		background-image: url('images/990-portaki-index-background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }
}

@media (max-width: 599px) {
    .portaki-section {
		height: 670px;
		background-image: url('images/550-670-portaki-index-background.jpg');
    }
}



/* Membrane Section */
.membrane-section-link {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.membrane-section {
    position: relative;
    background-image: url('images/memvranii-index-background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 750px;
    margin-top: 0px;
}

@media (min-width: 600px) and (max-width: 1090px) {
    .membrane-section {
        height: 670px;
		background-image: url('images/990X670_MEVRANH_HOMEPAGE_PROTEX.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }
}

@media (max-width: 599px) {
    .membrane-section {
		height: 670px;
		background-image: url('images/450X700_MEVRANH_HOMEPAGE_PROTEX.jpg');
    }
}

/* PlexiGlass Section */
.plexiGlass-section-link {
    display: block;
    text-decoration: none;
    cursor: pointer;
}

.plexiGlass-section {
    position: relative;
    background-image: url('images/plexiGlass-index-background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 800px;
    margin-top: 0;
}

@media (min-width: 600px) and (max-width: 1090px) {
    .plexiGlass-section {
        height: 670px;
		background-image: url('images/990-plexiGlass-index-background.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    }
}

@media (max-width: 599px) {
    .plexiGlass-section {
		height: 670px;
		background-image: url('images/550-670-plexiGlass-index-background.jpg');
    }
}



/* Babydan Partnership Section */
.babydan-section-link {
    display: block;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.babydan-section-link:hover {
    opacity: 0.9;
}

.babydan-section {
    position: relative;
    background-image: url('images/1920X360_BABYDAN_HOMEPAGE_PROTEX.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 360px;
    margin-top: 0;
}

/* Babydan section responsive background images */
@media (min-width: 550px) and (max-width: 1068px) {
    .babydan-section {
        background-image: url('images/990X530_BABYDAN_HOMEPAGE_PROTEX.jpg');
    }
}

@media (max-width: 549px) {
    .babydan-section {
        background-image: url('images/450X550_BABYDAN_HOMEPAGE_PROTEX.jpg');
    }
}

/* Xamogelo Support Section */
.xamogelo-section-link {
    display: block;
    text-decoration: none;
    cursor: pointer;
    transition: opacity 0.3s ease;
}

.xamogelo-section-link:hover {
    opacity: 0.9;
}

.xamogelo-section {
    position: relative;
    background-image: url('images/1920X360_SMILE_HOMEPAGE_PROTEX.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 360px;
    margin-top: 0;
}

/* Xamogelo section responsive background images */
@media (min-width: 550px) and (max-width: 1068px) {
    .xamogelo-section {
        background-image: url('images/990X530_XAMOGELO_TOU_PAIDIOU_HOMEPAGE_PROTEX.jpg');
    }
}

@media (max-width: 549px) {
    .xamogelo-section {
        background-image: url('images/450X550_XAMOGELO_TOU_PAIDIOU_HOMEPAGE_PROTEX.jpg');
    }
}

/* Footer Message Section */
.footer-message-section {
    position: relative;
    background-image: url('images/1920X565_WEB_DESIGN_PROTEX_HOMEPAGE.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 481px;
    margin-top: 0;
    margin-bottom: 0;
}

/* Footer message section responsive background images */
@media (min-width: 550px) and (max-width: 990px) {
    .footer-message-section {
        background-image: url('images/FINAL_900X670_safe_choise.jpg');
        height: 670px !important;
    }
}

@media (max-width: 549px) {
    .footer-message-section {
        background-image: url('images/FINAL_450X700_safe_choise.jpg');
        height: 700px !important;
    }
}

/* Reviews Section */
.reviews {
    background: var(--white);
    padding: 0;
}

.section-header {
    text-align: center;
    margin-bottom: 50px;
}

.reviews .section-header {
    margin-bottom: 0;
    width: 100vw;
    position: relative;
    left: 50%;
    margin-left: -50vw;
    margin-right: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Prevent horizontal overflow from 100vw technique */
html {
    overflow-x: hidden;
}

body {
    overflow-x: hidden;
    position: relative;
}

.reviews .section-header .section-title {
    padding: 15px 0;
    margin-bottom: 0;
    width: 100%;
    display: block;
	text-transform: none;
}

.section-title {
    font-size: 36px;
    font-weight: 900;
    color: var(--dark-blue);
    margin-bottom: 15px;
    
}

.reviews .section-title {
    font-size: 20px;
    font-weight: 700;
    background-color: #e6e4e5;
}

.section-subtitle {
    font-size: 18px;
    color: var(--dark-gray);
    margin: 0;
}

.section-subtitle a {
    color: var(--dark-blue);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.section-subtitle a:hover {
    color: var(--orange);
    text-decoration: underline;
}

.reviews-carousel-container {
    position: relative;
    margin-bottom: 40px;
}

.reviews-carousel-wrapper {
    overflow: hidden;
    width: 100%;
}

.reviews-grid {
    display: flex;
    gap: 20px;
    transition: transform 0.5s ease;
    width: max-content;
    will-change: transform;
}

.reviews-carousel-prev,
.reviews-carousel-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--dark-blue);
    color: var(--white);
    border: none;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    font-size: 30px;
    cursor: pointer;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease, transform 0.3s ease;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
}

.reviews-carousel-prev:hover,
.reviews-carousel-next:hover {
    background: var(--orange);
    transform: translateY(-50%) scale(1.1);
}

.reviews-carousel-prev {
    left: -25px;
}

.reviews-carousel-next {
    right: -25px;
}

.review-card {
    background: var(--white);
    padding: 20px 0 20px 20px;
    border-radius: 0;
    box-shadow: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    min-width: 280px;
    max-width: 280px;
    flex-shrink: 0;
    border: none;
    border-top: 20px solid rgba(0, 0, 0, 0.1);
    border-bottom: 20px solid rgba(0, 0, 0, 0.1);
    border-left: 20px solid rgba(0, 0, 0, 0.1);
    border-right: 20px solid transparent;
    display: flex;
    flex-direction: column;
}

.review-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}

.review-header {
    margin-bottom: 12px;
}

.review-author {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 8px;
}

.review-author > div {
    flex: 1;
}

.review-avatar-link {
    text-decoration: none;
}

.review-avatar {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--dark-blue);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 16px;
    flex-shrink: 0;
}

.review-name-link {
    text-decoration: none;
    color: var(--dark-blue);
}

.review-name-link h4 {
    margin: 0 0 8px 0;
    font-size: 18px;
    font-weight: 700;
    color: var(--dark-blue);
}

.review-rating {
    display: flex;
    gap: 2px;
    margin-top: 0;
}

.review-rating .star {
    font-size: 16px;
    line-height: 1;
}

.review-text {
    color: var(--dark-gray);
    line-height: 1.5;
    margin: 0 0 12px 0;
    font-size: 14px;
    flex: 1;
}

.review-link {
    display: inline-block;
    color: var(--dark-blue);
    text-decoration: none;
    font-weight: 600;
    font-size: 14px;
    transition: color 0.3s ease;
    align-self: flex-end;
    margin-top: auto;
}

.review-link:hover {
    color: var(--orange);
}

.reviews-cta {
    text-align: center;
    margin-top: 40px;
}

.reviews-cta p {
    color: var(--dark-gray);
    font-size: 16px;
    margin: 0;
}

.reviews-cta a {
    color: var(--dark-blue);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.reviews-cta a:hover {
    color: var(--orange);
}

@media (max-width: 768px) {
    
    
	.babydan-section,
    .xamogelo-section {
        height: 630px;
    }
    
    .hero-text-section {
        padding: 20px 0 20px 0;
        min-height: 50px;
    }
    
    .hero-text {
        font-size: 20px;
        line-height: 1.4;
        word-wrap: break-word;
        overflow-wrap: break-word;
        padding: 0 15px;
        max-width: 100%;
    }
    
    .reviews {
        padding: 0;
    }
    
    .section-title {
        font-size: 28px;
    }
    
    .section-subtitle {
        font-size: 16px;
    }
    
    .reviews-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    
    .reviews-carousel-prev {
        left: 10px;
    }
    
    .reviews-carousel-next {
        right: 10px;
    }
    
    .railings-gallery-section {
        padding: 10px 0 5px 0;
    }
    
    .portakia-gallery-section {
        padding: 10px 0 0px 0;
    }
    
    .gallery-grid.railings-gallery-grid,
    .gallery-grid.portakia-gallery-grid,
    .gallery-grid.membrane-gallery-grid,
    .gallery-grid.plexiglass-gallery-grid {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 8px;
    }
    
    .railings-gallery-grid .gallery-item,
    .portakia-gallery-grid .gallery-item,
    .membrane-gallery-grid .gallery-item,
    .plexiglass-gallery-grid .gallery-item {
        border-width: 5px;
    }
    
    .membrane-gallery-section {
        padding: 10px 0 0px 0;
    }
    
    .plexiglass-gallery-section {
        padding: 10px 0 0px 0;
    }
    
    .plexiglass-gallery-section {
        padding: 10px 0 0px 0;
    }
    
    .gallery-title {
        font-size: 28px;
    }
    
    .gallery-grid:not(.curved-balcony-gallery-grid) {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
        gap: 15px;
    }
    
    .gallery-item {
        border-width: 3px;
    }
    
    .gallery-lightbox-prev {
        left: 10px;
    }
    
    .gallery-lightbox-next {
        right: 10px;
    }
    
    .gallery-lightbox-close {
        top: 10px;
        right: 10px;
    }
    
    .gallery-lightbox-counter {
        bottom: 10px;
    }
    
    .gallery-lightbox-container {
        max-width: 95%;
        max-height: 85vh;
    }
    
    .gallery-lightbox-container img {
        max-height: 85vh;
    }
}

@media (max-width: 600px) {
    .hero-text {
        font-size: 16px;
        line-height: 1.4;
        padding: 0 10px;
    }
    
    .gallery-grid.railings-gallery-grid,
    .gallery-grid.portakia-gallery-grid,
    .gallery-grid.membrane-gallery-grid,
    .gallery-grid.plexiglass-gallery-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px;
    }
    
    .railings-gallery-grid .gallery-item,
    .portakia-gallery-grid .gallery-item,
    .membrane-gallery-grid .gallery-item,
    .plexiglass-gallery-grid .gallery-item {
        border-width: 4px;
    }
    
    .railings-gallery-grid .gallery-item:hover,
    .portakia-gallery-grid .gallery-item:hover,
    .membrane-gallery-grid .gallery-item:hover,
    .plexiglass-gallery-grid .gallery-item:hover {
        border-width: 6px;
    }
    
    .gallery-title {
        font-size: 22px;
    }
    
    .gallery-grid:not(.curved-balcony-gallery-grid) {
        grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
        gap: 12px;
    }
}

@media (max-width: 480px) {
    
    
    
	.babydan-section,
    .xamogelo-section {
        height: 550px;
    }
	
    .hero-text-section {
        padding: 20px 0 20px 0;
        min-height: 50px;
    }
    
    .hero-text {
        font-size: 18px;
        line-height: 1.4;
        word-wrap: break-word;
        overflow-wrap: break-word;
        padding: 0 10px;
        max-width: 100%;
    }
    
    .contact-block-top-left, .title-text-block {
        flex: 1 1 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
    }
    
    .content-text-block {
        flex: 1 1 100% !important;
        padding: 15px !important;
        margin-top: 25px !important;
        margin-left: 0 !important;
    }
    
    .reviews {
        padding: 0;
    }
    
    .section-title {
        font-size: 24px;
    }
    
    .section-subtitle {
        font-size: 14px;
    }
    
    .review-card {
        padding: 20px 0 20px 20px;
        border-left-width: 15px;
    }
    
    .reviews-grid {
        grid-template-columns: 1fr;
    }
    
    .reviews-carousel-prev,
    .reviews-carousel-next {
        width: 40px;
        height: 40px;
        font-size: 24px;
    }
    
    .reviews-carousel-prev {
        left: 5px;
    }
    
    .reviews-carousel-next {
        right: 5px;
    }
    
    .railings-gallery-section {
        padding: 10px 0 5px 0;
    }
    
    .portakia-gallery-section {
        padding: 10px 0 0px 0;
    }
    
    .gallery-grid.railings-gallery-grid,
    .gallery-grid.portakia-gallery-grid,
    .gallery-grid.membrane-gallery-grid,
    .gallery-grid.plexiglass-gallery-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 5px;
    }
    
    .railings-gallery-grid .gallery-item,
    .portakia-gallery-grid .gallery-item,
    .membrane-gallery-grid .gallery-item,
    .plexiglass-gallery-grid .gallery-item {
        border-width: 3px;
    }
    
    .railings-gallery-grid .gallery-item:hover,
    .portakia-gallery-grid .gallery-item:hover,
    .membrane-gallery-grid .gallery-item:hover,
    .plexiglass-gallery-grid .gallery-item:hover {
        border-width: 5px;
    }
    
    .membrane-gallery-section,
    .plexiglass-gallery-section {
        padding: 10px 0 0px 0;
    }
    
    .gallery-title {
        font-size: 20px;
        padding: 0 10px;
    }
    
    .gallery-grid:not(.curved-balcony-gallery-grid) {
        grid-template-columns: 1fr;
        gap: 15px;
    }
    
    .gallery-item {
        border-width: 2px;
    }
    
    .gallery-section .container {
        padding: 0 10px;
    }
    
    .railings-gallery-section .gallery-grid,
    .portakia-gallery-section .gallery-grid,
    .membrane-gallery-section .gallery-grid,
    .plexiglass-gallery-section .gallery-grid {
        padding: 0 5px;
    }
    
    .gallery-lightbox-container {
        max-width: 98%;
        max-height: 80vh;
        padding: 10px;
    }
    
    .gallery-lightbox-container img {
        max-height: 80vh;
    }
    
    .gallery-lightbox-close {
        top: 5px;
        right: 5px;
        width: 35px;
        height: 35px;
        font-size: 24px;
    }
    
    .gallery-lightbox-prev,
    .gallery-lightbox-next {
        width: 35px;
        height: 35px;
        font-size: 20px;
    }
    
    .gallery-lightbox-prev {
        left: 5px;
    }
    
    .gallery-lightbox-next {
        right: 5px;
    }
    
    .gallery-lightbox-counter {
        bottom: 5px;
        font-size: 14px;
        padding: 5px 10px;
    }
}

/* Footer */
.footer {
    background: #f1f1f1;
    color: var(--dark-gray);
    padding: 0px 0 140px 20px;
}

@media (max-width: 1024px) {
		.footer {
			padding: 0px 0 30px 20px!important;
		}
}


.footer .container {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 20px 20px 20px;
}

.footer-layout {
    display: grid;
    grid-template-columns: 0.7fr 3.3fr;
    gap: 40px;
    margin-bottom: 40px;
    align-items: flex-start;
}

/* Footer Left - Logo and CTA */
.footer-left {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.footer-logo img {
    max-height: 80px;
    width: auto;
    display: block;
}

.footer-cta {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.footer-call-title img {
    width: 175px;
    height: auto;
    display: block;
	margin: 0 auto;
}

.footer-contact-icons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-evenly;
}

.footer-contact-item:nth-child(3) {
    flex-basis: 100%;
    width: 100%;
    align-items: center;
}

.footer-contact-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.footer-contact-item:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

.footer-contact-item img {
    width: 80px;
    height: auto;
    display: block;
}

.footer-contact-item span {
    color: var(--dark-gray);
    font-size: 13px;
    font-weight: 600;
}

/* Footer Social Icons Section */
.footer-social-section {
    background: #f1f1f1;
    padding: 20px 0;
    
}

.footer-social-icons {
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
}

.footer-social-icons .social-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    color: var(--dark-blue);
    transition: all 0.3s ease;
    text-decoration: none;
}

.footer-social-icons .social-icon:hover {
    color: var(--orange);
    transform: translateY(-3px);
}

.footer-social-icons .social-icon svg {
    width: 24px;
    height: 24px;
    display: block;
}

/* Footer Right - Navigation */
.footer-right {
    display: flex;
    justify-content: flex-start;
    width: 100%;
    padding-top: 50px;
}

.footer-nav {
    padding-bottom: 0;
    width: 100%;
}

.footer-nav ul {
    display: flex;
    list-style: none;
    gap: 0;
    align-items: flex-start;
    width: 100%;
    justify-content: space-between;
}

.footer-nav ul > li {
    flex: 0 1 auto;
    min-width: 0;
    position: relative;
}

.footer-nav ul > li.footer-has-submenu {
    flex: 1;
}

.footer-nav ul > li:not(:last-child) {
    margin-right: 15px;
}

.footer-nav a {
    text-decoration: none;
    color: var(--dark-gray);
    font-weight: 600;
    font-size: 14px;
    text-transform: uppercase;
    transition: color 0.3s ease;
    position: relative;
    white-space: nowrap;
}

.footer-nav a:hover {
    color: var(--orange);
}

.footer-nav a::after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 0;
    width: 0;
    height: 2px;
    background: var(--orange);
    transition: width 0.3s ease;
}

.footer-nav a:hover::after {
    width: 100%;
}

.footer-nav .footer-has-submenu {
    position: relative;
}

.footer-nav .footer-submenu {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
    list-style: none;
    min-width: 100%;
    max-width: 100%;
    padding: 4px 0;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: none;
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    width: 100%;
}

.footer-nav .footer-submenu li {
    padding: 0;
    display: block;
    width: 100%;
}

.footer-nav .footer-submenu a {
    display: block;
    padding: 6px 10px;
    text-transform: none;
    font-size: 13px;
    font-weight: 400;
    color: var(--dark-gray);
    width: 100%;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    transition: all 0.2s ease;
    line-height: 1.4;
    white-space: normal;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.footer-nav .footer-submenu a:hover {
    background: transparent;
    padding-left: 25px;
    color: var(--primary-blue);
}

.footer-nav .footer-submenu li:last-child a {
    border-bottom: none;
}

/* Footer Copyright Section */
.footer-copyright-section {
    background: #f1f1f1;
    padding: 20px 0;
    border-top: 1px solid rgba(0,0,0,0.1);
}

.footer-copyright {
    text-align: center;
    color: rgba(0,0,0,0.6);
    font-size: 12px;
}

.footer-copyright a {
    color: #003d7a;
    font-weight: 600;
}

.footer-copyright a:hover {
    color: #ff6600;
    font-weight: 600;
}


/* FAQ Section */
.faq-section {
    background: linear-gradient(135deg, #f5f7fa 0%, #e6e4e5 100%);
    padding: 25px 0;
    margin-top: 0;
}

.faq-container {
    max-width: 900px;
    margin: 0 auto;
}

.faq-item {
    background: var(--white);
    border-radius: 0;
    margin-bottom: 20px;
    box-shadow: none;
    overflow: hidden;
    transition: all 0.3s ease;
    border: 1px solid rgba(0, 61, 122, 0.1);
}

.faq-item:hover {
    box-shadow: none;
    transform: translateY(-2px);
}

.faq-question {
    padding: 25px 30px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.3s ease;
    background: var(--white);
    position: relative;
}

.faq-question::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: var(--dark-blue);
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

.faq-item.active .faq-question::before {
    transform: scaleY(1);
}

.faq-question:hover {
    background: rgba(0, 61, 122, 0.02);
}

.faq-question h3 {
    font-size: 18px;
    font-weight: 600;
    color: var(--dark-blue);
    margin: 0;
    flex: 1;
    padding-right: 20px;
    line-height: 1.5;
    transition: color 0.3s ease;
}

.faq-item.active .faq-question h3 {
    color: var(--dark-blue);
}

.faq-icon {
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--orange);
    color: var(--white);
    border-radius: 50%;
    font-size: 24px;
    font-weight: 300;
    transition: all 0.3s ease;
    flex-shrink: 0;
}

.faq-item.active .faq-icon {
    background: var(--dark-blue);
    transform: rotate(45deg);
}

.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease, padding 0.4s ease;
    padding: 0 30px;
    background: rgba(0, 61, 122, 0.02);
}

.faq-item.active .faq-answer {
    max-height: 500px;
    padding: 25px 30px;
}

.faq-answer p {
    color: var(--dark-gray);
    font-size: 16px;
    line-height: 1.8;
    margin: 0;
}

.faq-answer p br {
    margin-bottom: 10px;
    display: block;
    content: '';
}

/* Form Modal/Lightbox */
.form-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.form-modal.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.form-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.form-modal-container {
    position: relative;
    width: 90%;
    max-width: 900px;
    max-height: 90vh;
    background: var(--white);
    border-radius: 10px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    z-index: 10001;
    overflow: hidden;
    transform: scale(0.9);
    transition: transform 0.3s ease;
}

.form-modal.active .form-modal-container {
    transform: scale(1);
}

.form-modal-close {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    background: rgba(0, 0, 0, 0.5);
    color: var(--white);
    border: none;
    border-radius: 50%;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    z-index: 10002;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease, transform 0.2s ease;
}

.form-modal-close:hover {
    background: rgba(0, 0, 0, 0.7);
    transform: rotate(90deg);
}

.form-modal-close:active {
    transform: rotate(90deg) scale(0.95);
}

#formFrame {
    width: 100%;
    height: 90vh;
    max-height: 800px;
    border: none;
    display: block;
}

@media (max-width: 768px) {
    .form-modal-container {
        width: 95%;
        max-height: 95vh;
    }
    
    #formFrame {
        height: 85vh;
        max-height: none;
    }
    
    .form-modal-close {
        width: 35px;
        height: 35px;
        font-size: 24px;
        top: 10px;
        right: 10px;
    }
}

/* Scroll Animations */
.fade-in {
    opacity: 0;
    transition: opacity 0.6s ease;
}

.fade-in.visible {
    opacity: 1;
}

.slide-up {
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.6s ease;
}

.slide-up.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Additional Animations */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.pulse-animation {
    animation: pulse 2s ease-in-out infinite;
}

/* Loading State */
body:not(.loaded) {
    overflow: hidden;
}

body:not(.loaded) .hero-content {
    opacity: 0;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .why-choose-section {
        height: auto;
        min-height: 1360px;
    }
    
    .why-choose-wrapper {
        padding: 0 20px 20px 20px;
        max-width: 1320px;
        top: 0;
    }
    
    .top-row-container {
        top: 40px;
        left: 20px;
        right: 20px;
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .contact-block-top-left {
        flex: 0 0 200px;
        max-width: 200px;
    }
    
    .title-text-block {
        flex: 0 0 200px;
        max-width: 200px;
    }
    
    .title-image-block img {
        width: 100%;
        max-width: 566px;
        height: auto;
    }
    
    .second-row-images {
        top: 650px;
        left: 20px;
        right: 20px;
        flex-wrap: wrap;
        gap: 15px;
    }
    
    .second-row-image img {
        max-width: 100%;
        height: auto;
    }
    
    .second-row-image:first-child img {
        width: 100%;
        max-width: 562px;
    }
    
    .second-row-image:nth-child(2) img {
        width: 100%;
        max-width: 309px;
    }
    
    .second-row-image:nth-child(3) img {
        width: 100%;
        max-width: 325px;
    }
    
    .bottom-cta-strip {
        left: 50%;
        transform: translateX(-50%);
        bottom: 30px;
        width: calc(100% - 40px);
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }
    
    .cta-left-text {
        text-align: right;
    }
    
    .cta-right-content {
        text-align: left;
    }
    
    .footer-layout {
        grid-template-columns: 1fr 1fr;
        gap: 50px;
    }
    
    .hero-title {
        font-size: 36px;
    }
}

@media (max-width: 1085px) {
    .mobile-menu-toggle {
        display: flex;
    }
    
    .main-nav {
        display: none;
    }
    
    .hero {
        min-height: auto;
        height: auto;
    }
    
    .why-choose-section {
        height: auto;
        min-height: 500px;
    }
    
    .why-choose-wrapper {
        padding: 0 20px 20px 20px;
        top: 0;
    }
    
    .top-row-container {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 30px;
    }
    
    .contact-block-top-left {
        flex: 1 1 100%;
        max-width: 100%;
    }
    
    .title-text-block {
        flex: 1 1 100%;
        max-width: 100%;
    }
    
    .main-section-title {
        font-size: 28px;
        text-align: center;
    }
    
    .title-image-block {
        flex: 1 1 100%;
        text-align: center;
    }
    
    .title-image-block img {
        width: 100%;
        max-width: 566px;
        height: auto;
        margin: 0 auto;
    }
    
    .second-row-images {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        margin-top: 30px;
    }
    
    .second-row-image {
        width: 100%;
        text-align: center;
    }
    
    .second-row-image img {
        width: 100%;
        max-width: 562px;
        height: auto;
    }
    
    .bottom-cta-strip {
        position: relative;
        bottom: auto;
        left: auto;
        transform: none;
        width: 100%;
        grid-template-columns: 1fr;
        gap: 20px;
        margin-top: 40px;
    }
    
    .cta-left-text {
        text-align: center;
    }
    
    .cta-right-content {
        text-align: center;
        justify-content: center;
    }
    
    .footer-layout {
        grid-template-columns: 1fr;
        gap: 40px;
    }
    
    .footer-right {
        justify-content: flex-start;
    }
    
    .footer-nav {
        padding-bottom: 0;
    }
    
    .footer-nav ul {
        flex-direction: column;
        gap: 0;
    }
    
    .footer-nav li {
        width: 100%;
        border-bottom: 1px solid rgba(0,0,0,0.1);
    }
    
    .footer-nav a {
        display: block;
        padding: 15px 0;
    }
    
    .footer-nav .footer-submenu {
        position: static;
        opacity: 1;
        visibility: visible;
        transform: none;
        box-shadow: none;
        background: transparent;
        margin: 0;
        padding: 0;
    }
    
    .footer-nav .footer-submenu li {
        border-bottom: none;
    }
    
    .footer-nav .footer-submenu a {
        padding: 10px 20px;
        font-size: 13px;
    }
    
    .banner-content {
        flex-direction: column;
        text-align: center;
    }
    
    .section-title {
        font-size: 28px;
    }
    
    .footer-social-icons {
        gap: 15px;
    }
    
    .footer-social-icons .social-icon {
        width: 35px;
        height: 35px;
    }
    
    .footer-social-icons .social-icon svg {
        width: 20px;
        height: 20px;
    }
}

@media only screen and (min-device-width: 700px) and (max-device-width: 1124px) {

  .why-choose-wrapper {
       display: none;
    }

}

@media (max-width: 480px) {
    .hero {
        min-height: auto;
        height: auto;
    }
    
    .feature-box {
        padding: 20px;
        font-size: 16px;
    }
    
    .faq-section {
        padding: 25px 0;
    }
    
    .faq-question {
        padding: 20px;
    }
    
    .faq-question h3 {
        font-size: 16px;
        padding-right: 15px;
    }
    
    .faq-icon {
        width: 30px;
        height: 30px;
        font-size: 20px;
    }
    
    .faq-item.active .faq-answer {
        padding: 20px;
    }
    
    .faq-answer p {
        font-size: 14px;
    }
}

@media (max-width: 768px) {
    .faq-section {
        padding: 25px 0;
    }
    
    .faq-question h3 {
        font-size: 17px;
    }
}

/* News Section Styles */


/* News Section Page Styles */
.news-section-index-hero-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 600px;
    overflow: hidden;
    margin-top: 0;
}

.news-section-index-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 595px;
    z-index: 1;
    background-image: url('News-Section/media/1920X595_NEWS.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* For screens 468px to 990px */
@media (min-width: 468px) and (max-width: 990px) {
    .news-section-index-image-background {
        background-image: url('News-Section/media/9900X670_NEWS.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 670px;
    }
}

/* For screens below 468px */
@media (max-width: 467px) {
    .news-section-index-image-background {
        background-image: url('News-Section/media/450X700_NEWS.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}








.news-article-section {
    padding-top: 110px;
    padding-bottom: 60px;
}

.news-article-layout {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.news-column-1 {
    width: 100px;
    flex-shrink: 0;
}

.news-column-1 img {
    padding-top: 50px;
    display: block;
    /* margin: 0 auto; */
    max-width: 75px;
}

.news-column-2 {
    width: 450px;
    flex-shrink: 0;
}

.news-column-2 h1 {
    margin-bottom: 50px;
    font-size: 33px;
    color: var(--dark-blue);
    padding: 50px 0 0 0;
    text-align: right;
    font-weight: 300;
    line-height: 38px;
}

.news-content {
    font-size: 15px;
    line-height: 26px;
    color: var(--dark-blue);
    text-align: right;
}

.news-content p:first-of-type {
    font-weight: bold;
}

.news-column-3 {
    width: 100%;
    flex-shrink: 0;
}

.news-column-3 img {
    width: 60%;
    height: 100%;
    object-fit: cover;
    display: block;
}

@media (max-width: 1200px) {
    /* Only apply to individual news article pages (not index.php which uses .news-grid) */
    .news-article-layout {
        display: grid !important;
        grid-template-columns: 60px 1fr;
        grid-template-rows: auto auto auto;
        gap: 20px;
		margin-right: 15px;
    }
    
    .news-article-layout .news-column-1 {
        grid-column: 1;
        grid-row: 1;
        width: 25px;
    }
    
    .news-article-layout .news-column-2 {
        grid-column: 2;
        grid-row: 1;
        width: 100%;
    }
    
    /* Make news-column-3 span rows 2 and 3, and display as grid to position image in row 3 */
    .news-article-layout .news-column-3 {
        grid-column: 1 / -1;
        grid-row: 2 / 4; /* Span from row 2 to row 4 (which means rows 2 and 3) */
        width: 100%;
        display: grid;
        grid-template-rows: 0 auto; /* First row has 0 height, second row contains image */
        gap: 20px;
    }
    
    /* Hide the image in row 2 by making it invisible in the first grid row */
    .news-article-layout .news-column-3 img {
        grid-row: 2; /* Image appears in second row of news-column-3, which is row 3 of parent */
        width: 100%;
        height: auto;
        object-fit: cover;
        display: block;
    }
}

/* YouTube Video Section */
.youtube-video-section {
    padding: 60px 20px;
    background: var(--white);
}

.youtube-video-section .container {
    max-width: 1200px;
    margin: 0 auto;
}

.video-wrapper {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

@media (max-width: 768px) {
    .youtube-video-section {
        padding: 40px 15px;
    }
}

/* Viber icon Style */
.viber-icon-wrapper {
    width: 100px;
    height: 100px;
    align-items: center;
    justify-content: center;
    display: flex;
}
.viber-icon-image {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.viber-fixed-icon {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}

.viber-fixed-icon:hover {
    transform: scale(1.05);
}

.viber-fixed-icon:hover .viber-icon-wrapper {
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.4);
}

.viber-icon-svg {
    width: 100%;
    height: 100%;
    max-width: 32px;
    max-height: 32px;
    fill: #665CAC;
}

.viber-text {
    color: #665CAC;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    white-space: nowrap;
    background: rgba(255, 255, 255, 0.95);
    padding: 4px 8px;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

@media (max-width: 768px) {
    .viber-fixed-icon {
        bottom: 15px;
        right: 15px;
        z-index: 9999;
    }
    
    .viber-icon-wrapper {
        width: 100px;
        height: 100px;
        padding: 15px;
    }
    
    .viber-icon-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .viber-icon-svg {
        max-width: 60px;
        max-height: 60px;
    }
    
    .viber-text {
        font-size: 11px;
        padding: 4px 7px;
    }
}

@media (max-width: 480px) {
    .viber-fixed-icon {
        bottom: 12px;
        right: 12px;
        z-index: 9999;
    }
    
    .viber-icon-wrapper {
        width: 100px;
        height: 100px;
        padding: 15px;
    }
    
    .viber-icon-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .viber-icon-svg {
        max-width: 60px;
        max-height: 60px;
    }
    
    .viber-text {
        font-size: 10px;
        padding: 3px 6px;
    }
}

@media (max-width: 375px) {
    .viber-fixed-icon {
        bottom: 12px;
        right: 12px;
        z-index: 9999;
    }
    
    .viber-icon-wrapper {
        width: 100px;
        height: 100px;
        padding: 15px;
    }
    
    .viber-icon-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .viber-icon-svg {
        max-width: 60px;
        max-height: 60px;
    }
    
    .viber-text {
        font-size: 9px;
        padding: 3px 5px;
    }
}

@media (max-width: 320px) {
    .viber-fixed-icon {
        bottom: 10px;
        right: 10px;
        z-index: 9999;
    }
    
    .viber-icon-wrapper {
        width: 100px;
        height: 100px;
        padding: 15px;
    }
    
    .viber-icon-image {
        width: 100%;
        height: 100%;
        object-fit: contain;
    }
    
    .viber-icon-svg {
        max-width: 60px;
        max-height: 60px;
    }
    
    .viber-text {
        font-size: 8px;
        padding: 3px 4px;
    }
}

/* Curved Balcony Page Styles */
/* Hero Section with Image Background */
.hero-image-background {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0;
}

.image-background {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
}

.image-background img {
    width: 100%;
    height: auto;
    object-fit: cover;
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

/* Balkoni me kampyles - Responsive Background Images */
.balkoni-me-kampyles-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('paidika-kagkela/1920X800_1_WEB_DESIGN_PROTEX_PRODUCT_CHILD_RAILING.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 550px) and (max-width: 990px) {
    .balkoni-me-kampyles-image-background {
        background-image: url('paidika-kagkela/990-kampyles.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .balkoni-me-kampyles-image-background {
        background-image: url('paidika-kagkela/450-kampyles.jpg');
        min-height: 700px;
    }
}


/* Balkoni me gwnies - Responsive Background Images */
.balkoni-me-gonies-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('paidika-kagkela/WEB_DESIGN_PROTEX_3_PRODUCT_CHILD_RAILING.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 550px) and (max-width: 990px) {
    .balkoni-me-gonies-image-background {
        background-image: url('paidika-kagkela/990X670_CORNERS_PROTEX.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .balkoni-me-gonies-image-background {
        background-image: url('paidika-kagkela/450X700_CORNERS_PROTEX.jpg');
        min-height: 700px;
    }
}

/* Balkoni me aujomiwseis - Responsive Background Images */
.afksomeioseis-ypsous-koupastis-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('paidika-kagkela/1920X800_MPALKONI_ME_AUXOMEIOSEIS.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 550px) and (max-width: 990px) {
    .afksomeioseis-ypsous-koupastis-image-background {
        background-image: url('paidika-kagkela/990X670_MPALKONI_ME_AUXOMEIOSEIS.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .afksomeioseis-ypsous-koupastis-image-background {
        background-image: url('paidika-kagkela/4500X700_MPALKONI_ME_AUXOMEIOSEIS.jpg');
        min-height: 700px;
    }
}



/* Balkoni me dipli kalipsi - Responsive Background Images */
.dipli-kalypsi-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('paidika-kagkela/WEB_DESIGN_PROTEX_9_PRODUCT_CHILD_RAILING.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 550px) and (max-width: 990px) {
    .dipli-kalypsi-image-background {
        background-image: url('paidika-kagkela/990X670_DOUBLE_RAIL_PROTEX.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .dipli-kalypsi-image-background {
        background-image: url('paidika-kagkela/450X700_DOUBLE_RAIL_PROTEX.jpg');
        min-height: 700px;
    }
}


/* Balkoni me prosarmogi-se-marmaro - Responsive Background Images */
.prosarmogi-se-marmaro-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('paidika-kagkela/WEB_DESIGN_PROTEX_4_PRODUCT_CHILD_RAILING.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 550px) and (max-width: 990px) {
    .prosarmogi-se-marmaro-image-background {
        background-image: url('paidika-kagkela/990X670_MARBLE_PROTEX.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .prosarmogi-se-marmaro-image-background {
        background-image: url('paidika-kagkela/450X700_MARBLE_PROTEX.jpg');
        min-height: 700px;
    }
}

/* eidikes-kataskeves- Responsive Background Images */
.eidikes-kataskeves-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('paidika-kagkela/1920X800_WEB_DESIGN_PROTEX_PRODUCT_CHILD_RAILING.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 550px) and (max-width: 990px) {
    .eidikes-kataskeves-image-background {
        background-image: url('paidika-kagkela/990X670_special-constructions_WEB_DESIGN_PROTEX_4_PRODUCT_CHILD_RAILING.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .eidikes-kataskeves-image-background {
        background-image: url('paidika-kagkela/450X700_special-constructions_WEB_DESIGN_PROTEX_4_PRODUCT_CHILD_RAILING.jpg');
        min-height: 700px;
    }
}


/* Balkoni me eidiki-kataskevi-me-plexiglass-se-tzami - Responsive Background Images */
.eidiki-kataskevi-me-plexiglass-se-tzami-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('paidika-kagkela/WEB_DESIGN_PROTEX_6_PRODUCT_CHILD_RAILING.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 550px) and (max-width: 990px) {
    .eidiki-kataskevi-me-plexiglass-se-tzami-image-background {
        background-image: url('paidika-kagkela/990X670_PLEXICLASS-PANE_PROTEX.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .eidiki-kataskevi-me-plexiglass-se-tzami-image-background {
        background-image: url('paidika-kagkela/450X700_PLEXICLASS-PANE_PROTEX.jpg');
        min-height: 700px;
    }
}

/* Balkoni me prostateftiki-memvrani - Responsive Background Images */
.prostateftiki-memvrani-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('paidika-kagkela/WEB_DESIGN_PROTEX_7_PRODUCT_CHILD_RAILING.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 550px) and (max-width: 990px) {
    .prostateftiki-memvrani-image-background {
        background-image: url('paidika-kagkela/990X670_PVC_PROTEX.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .prostateftiki-memvrani-image-background {
        background-image: url('paidika-kagkela/450X700_PVC_PROTEX.jpg');
        min-height: 700px;
    }
}

/* Balkoni me dipli-kalypsi-me-kagkelo-kai-memvrani - Responsive Background Images */
.dipli-kalypsi-me-kagkelo-kai-memvrani-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('paidika-kagkela/WEB_DESIGN_PROTEX_11_PRODUCT_CHILD_RAILING.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 550px) and (max-width: 990px) {
    .dipli-kalypsi-me-kagkelo-kai-memvrani-image-background {
        background-image: url('paidika-kagkela/990X670_DOUBLE_RAIL-PVC_PROTEX.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .dipli-kalypsi-me-kagkelo-kai-memvrani-image-background {
        background-image: url('paidika-kagkela/450X700_DOUBLE_RAIL-PVC_PROTEX.jpg');
        min-height: 700px;
    }
}

/* Balkoni me tzami - Responsive Background Images */
.prosarmogi-se-tzami-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('paidika-kagkela/1920X800_PROSARMOGH_SE_TZAMI.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 550px) and (max-width: 990px) {
    .prosarmogi-se-tzami-image-background {
        background-image: url('paidika-kagkela/990X670_PROSARMOGH_SE_TZAMI.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .prosarmogi-se-tzami-image-background {
        background-image: url('paidika-kagkela/450X700_PROSARMOGH_SE_TZAMI.jpg');
        min-height: 700px;
    }
}


/* Balkoni me dipli-kalypsi-me-kagkelo-kai-plexiglass - Responsive Background Images */
.dipli-kalypsi-me-kagkelo-kai-plexiglass-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('paidika-kagkela/1920X800_KAGKELO&PLEXIGLASS.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 550px) and (max-width: 990px) {
    .dipli-kalypsi-me-kagkelo-kai-plexiglass-image-background {
        background-image: url('paidika-kagkela/990X670_KAGKELO&PLEXIGLASS.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .dipli-kalypsi-me-kagkelo-kai-plexiglass-image-background {
        background-image: url('paidika-kagkela/450X700_KAGKELO&PLEXIGLASS.jpg');
        min-height: 700px;
    }
}

/* Parathyro - Responsive Background Images */
.parathyro-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('paidika-kagkela/1920X800_KAGKELO_GIA_PARATHIRO.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 550px) and (max-width: 990px) {
    .parathyro-image-background {
        background-image: url('paidika-kagkela/990X670_KAGKELO_GIA_PARATHIRO.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .parathyro-image-background {
        background-image: url('paidika-kagkela/450X700_KAGKELO_GIA_PARATHIRO.jpg');
        min-height: 700px;
    }
}

/* Pisines- Responsive Background Images */
.pisines-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('paidika-kagkela/WEB_DESIGN_PROTEX_14_PRODUCT_CHILD_RAILING.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 550px) and (max-width: 990px) {
    .pisines-image-background {
        background-image: url('paidika-kagkela/990X670_RAIL&POOL_PROTEX.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .pisines-image-background {
        background-image: url('paidika-kagkela/450X700_RAIL&POOL_PROTEX.jpg');
        min-height: 700px;
    }
}


/* Synergasia Protex Babydan - Responsive Background Images */
.synergasia-babydan-image-background {
    background-image: url('protex/media/PROTEX-BABYDAN.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 800px;
}

/* For screens from 990px to 692px */
@media (min-width: 692px) and (max-width: 990px) {
    .synergasia-babydan-image-background {
        background-image: url('protex/media/990X670_C_WEB_DESIGN_PROTEX_ITEM_PROTEX.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 670px;
    }
}

/* For screens less than 691px */
@media (max-width: 691px) {
    .synergasia-babydan-image-background {
        background-image: url('protex/media/450X700_C_WEB_DESIGN_PROTEX_ITEM_PROTEX.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}

/* Company Page - Responsive Background Images */
.company-image-background {
    background-image: url('protex/media/COMPANY_PROTEX.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 600px;
}

/* For screens from 990px to 550px */
@media (min-width: 550px) and (max-width: 990px) {
    .company-image-background {
        background-image: url('protex/media/990X670_F_WEB_DESIGN_PROTEX_ITEM_PROTEX.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 670px;
    }
}

/* For screens less than 650px */
@media (max-width: 649px) {
    .company-image-background {
        background-image: url('protex/media/450X700_F_WEB_DESIGN_PROTEX_ITEM_PROTEX.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}

/* Istoria Page - Responsive Background Images */
.istoria-image-background {
    background-image: url('protex/media/HISTORY.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 600px;
}

/* For screens from 990px to 550px */
@media (min-width: 550px) and (max-width: 990px) {
    .istoria-image-background {
        background-image: url('protex/media/990-HISTORY.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 670px;
    }
}

/* For screens less than 550px */
@media (max-width: 549px) {
    .istoria-image-background {
        background-image: url('protex/media/450-HISTORY.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}

/* Thessaloniki Store Page - Responsive Background Images */
.thessaloniki-image-background {
    background-image: url('protex/media/THESSALONIKI_PROTEX.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 600px;
}

/* For screens from 990px to 750px */
@media (min-width: 750px) and (max-width: 990px) {
    .thessaloniki-image-background {
        background-image: url('protex/media/990X670_A_WEB_DESIGN_PROTEX_ITEM_PROTEX.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 670px;
    }
}

/* For screens less than 750px */
@media (max-width: 749px) {
    .thessaloniki-image-background {
        background-image: url('protex/media/450X700_A_WEB_DESIGN_PROTEX_ITEM_PROTEX.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}

/* Xamogelo Page - Responsive Background Images */
.xamogelo-image-background {
    background-image: url('protex/media/XAMOGELO_PROTEX.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 600px;
}

/* For screens from 990px to 550px */
@media (min-width: 550px) and (max-width: 990px) {
    .xamogelo-image-background {
        background-image: url('protex/media/990X670_D_WEB_DESIGN_PROTEX_ITEM_PROTEX.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 670px;
    }
}

/* For screens less than 550px */
@media (max-width: 549px) {
    .xamogelo-image-background {
        background-image: url('protex/media/450X700_D_WEB_DESIGN_PROTEX_ITEM_PROTEX.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}

/* Meletimena Paidia Page - Responsive Background Images */
.meletimena-paidia-image-background {
    background-image: url('pleonekthmata/images/WEB_DESIGN_PROTEX_A_ITEM_ADVANCES.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 600px;
}

/* For screens from 990px to 550px */
@media (min-width: 550px) and (max-width: 990px) {
    .meletimena-paidia-image-background {
        background-image: url('pleonekthmata/images/990-WEB_DESIGN_PROTEX_A_ITEM_ADVANCES.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 670px;
    }
}

/* For screens less than 650px */
@media (max-width: 649px) {
    .meletimena-paidia-image-background {
        background-image: url('pleonekthmata/images/450-WEB_DESIGN_PROTEX_A_ITEM_ADVANCES.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}

/* Topothetountai Dwrean Page - Responsive Background Images */
.topthetountai-dwrean-image-background {
    background-image: url('pleonekthmata/images/WEB_DESIGN_PROTEX_B_ITEM_ADVANCES.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 600px;
}

/* For screens from 990px to 550px */
@media (min-width: 550px) and (max-width: 990px) {
    .topthetountai-dwrean-image-background {
        background-image: url('pleonekthmata/images/990-WEB_DESIGN_PROTEX_B_ITEM_ADVANCES.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 670px;
    }
}

/* For screens less than 650px */
@media (max-width: 649px) {
    .topthetountai-dwrean-image-background {
        background-image: url('pleonekthmata/images/450-WEB_DESIGN_PROTEX_B_ITEM_ADVANCES.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}

/* Giati Epileksete Page - Responsive Background Images */
.giati-epileksete-image-background {
    background-image: url('pleonekthmata/images/WEB_DESIGN_PROTEX_E_ITEM_ADVANCES.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 600px;
}

/* For screens from 990px to 550px */
@media (min-width: 550px) and (max-width: 990px) {
    .giati-epileksete-image-background {
        background-image: url('pleonekthmata/images/990-WEB_DESIGN_PROTEX_E_ITEM_ADVANCES.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 670px;
    }
}

/* For screens less than 650px */
@media (max-width: 649px) {
    .giati-epileksete-image-background {
        background-image: url('pleonekthmata/images/450-WEB_DESIGN_PROTEX_E_ITEM_ADVANCES.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}

/* Tyxaio Kagkelo Page - Responsive Background Images */
.tyxaio-kagkelo-image-background {
    background-image: url('pleonekthmata/images/WEB_DESIGN_PROTEX_D_ITEM_ADVANCES.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 600px;
}

/* For screens from 990px to 550px */
@media (min-width: 550px) and (max-width: 990px) {
    .tyxaio-kagkelo-image-background {
        background-image: url('pleonekthmata/images/990-WEB_DESIGN_PROTEX_D_ITEM_ADVANCES.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 670px;
    }
}

/* For screens less than 650px */
@media (max-width: 649px) {
    .tyxaio-kagkelo-image-background {
        background-image: url('pleonekthmata/images/450-WEB_DESIGN_PROTEX_D_ITEM_ADVANCES.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}

/* Eggyhsh Zwhs Page - Responsive Background Images */
.eggyhsh-zwhs-image-background {
    background-image: url('pleonekthmata/images/WEB_DESIGN_PROTEX_C_ITEM_ADVANCES.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 600px;
}

/* For screens from 990px to 550px */
@media (min-width: 550px) and (max-width: 990px) {
    .eggyhsh-zwhs-image-background {
        background-image: url('pleonekthmata/images/990-WEB_DESIGN_PROTEX_C_ITEM_ADVANCES.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 670px;
    }
}

/* For screens less than 650px */
@media (max-width: 649px) {
    .eggyhsh-zwhs-image-background {
        background-image: url('pleonekthmata/images/450-WEB_DESIGN_PROTEX_C_ITEM_ADVANCES.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}

/* Plirofories Egkatastasis Page - Responsive Background Images */
.plirofories-egkatastasis-image-background {
    background-image: url('paidika-kagkela/instalation_protex.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 600px;
}

/* For screens from 990px to 550px */
@media (min-width: 550px) and (max-width: 990px) {
    .plirofories-egkatastasis-image-background {
        background-image: url('paidika-kagkela/990-installation_protex.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 670px;
    }
}

/* For screens less than 550px */
@media (max-width: 549px) {
    .plirofories-egkatastasis-image-background {
        background-image: url('paidika-kagkela/450-installation_protex.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}

/* Proionta Asfaleias Index Page Styles */
.proionta-asfaleias-index-hero-image-background {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 0;
}

.proionta-asfaleias-index-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 1185px;
    z-index: 1;
    background-image: url('proionta-asfaleias/1920-WEB_DESIGN_PROTEX_CHILD_SAFETY.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 480px) and (max-width: 990px) {
    .proionta-asfaleias-index-image-background {
        background-image: url('proionta-asfaleias/990X670_WEB_DESIGN_PROTEX_CHILD_SAFETY.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .proionta-asfaleias-index-image-background {
        background-image: url('proionta-asfaleias/450X700_WEB_DESIGN_PROTEX_CHILD_SAFETY.jpg');
        min-height: 700px;
    }
}

.proionta-asfaleias-index-content-section {
    position: relative;
    width: 100%;
    padding: 0px 40px 60px 40px;
    background: #e6e4e5;
}

.proionta-asfaleias-index-content-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.proionta-asfaleias-index-content-text-block {
    flex: 0 0 450px;
    padding: 20px 76px;
    background-image: url('proionta-asfaleias/537-458-Hero_PROTEX_cat_RAILING.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
    box-shadow: none;
    margin-top: 55px;
    margin-left: 60px;
    position: relative;
}

.proionta-asfaleias-index-content-text-block p {
    font-size: 18px;
    line-height: 1.6;
    color: var(--text-dark);
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
}

.proionta-asfaleias-index-title-text-block {
    flex: 0 0 300px;
    max-width: 300px;
    z-index: 3;
}

.proionta-asfaleias-index-main-section-title {
    text-transform: none;
    font-size: 32px;
    font-weight: 300;
    margin: 50px 0;
    color: #28367f;
    text-align: right;
    line-height: 1.2;
}

.proionta-asfaleias-index-trust-section {
    padding: 0;
    background: #e5e5e5;
    position: relative;
}

.proionta-asfaleias-index-trust-container {
    max-width: 100%;
    margin: 0;
    display: flex;
    width: 100%;
}

.proionta-asfaleias-index-trust-left-column {
    position: relative;
    background: #cccacb;
    padding: 60px 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 50%;
    flex: 0 0 50%;
}

.proionta-asfaleias-index-trust-intro-text {
    position: absolute;
    z-index: 2;
    color: #333;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    right: 30px;
    top: 20%;
    transform: translateY(-50%);
    padding-right: 0;
    max-width: calc(100% - 10px);
}

.proionta-asfaleias-index-trust-intro-text p {
    margin: 0;
    text-align: right;
    color: #28367f;
}

.proionta-asfaleias-index-trust-right-column {
    background-image: url('proionta-asfaleias/960X700_WEB_DESIGN_PROTEX_CHILD_portakia.jpg');
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    padding: 0px 50px 15px 50px;
    color: #fff;
    width: 50%;
    flex: 0 0 50%;
}

.proionta-asfaleias-index-trust-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.proionta-asfaleias-index-trust-heading {
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.4;
    padding-top: 50px;
}

.proionta-asfaleias-index-trust-headingFirstItem {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.4;
    padding-top: 20px;
}

.proionta-asfaleias-index-cta-text-section {
    padding: 60px 40px;
    background: #fff;
}

.proionta-asfaleias-index-cta-text-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.proionta-asfaleias-index-cta-sub-text {
    font-size: 27px;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 0px;
    line-height: 1.6;
}

.proionta-asfaleias-index-products-cards-section {
    padding: 0px 20px 60px 20px;
    background: #fff;
}

.proionta-asfaleias-index-products-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    max-width: 1200px;
    margin: 0 auto;
}

.proionta-asfaleias-index-product-card {
    background: #fff;
    border-left: 10px solid var(--orange);
    padding: 25px;
    box-shadow: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: block;
    text-decoration: none;
    color: inherit;
    cursor: pointer;
}

.proionta-asfaleias-index-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.proionta-asfaleias-index-product-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.proionta-asfaleias-index-product-card-image {
    width: 100%;
    height: auto;
    object-fit: cover;
    margin-bottom: 15px;
    border-radius: 4px;
}

.proionta-asfaleias-index-product-card-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 15px;
    line-height: 1.3;
    text-align: center;
}

.proionta-asfaleias-index-product-card-text {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
}

.proionta-asfaleias-index-product-card-link {
    font-size: 14px;
    color: #666;
    text-align: right;
    font-weight: 400;
    transition: color 0.3s ease;
    align-self: flex-end;
    display: inline-block;
}

.proionta-asfaleias-index-product-card:hover .proionta-asfaleias-index-product-card-link {
    color: var(--orange);
}

/* Product Image Lightbox */
.product-image-lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.product-image-lightbox.active {
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
}

.product-image-lightbox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.95);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.product-image-lightbox-container {
    position: relative;
    max-width: 90%;
    max-height: 90vh;
    z-index: 10001;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.product-image-lightbox-title {
    color: var(--white);
    font-size: 18px!important;
    font-weight: 400!important;
    margin-bottom: 20px;
    z-index: 10002;
}

@media (max-width: 1200px) {
	.product-image-lightbox-title {
    font-size: 14px!important;
    font-weight: 400!important;
   }
}

.product-image-lightbox-image {
    max-width: 100%;
    max-height: 80vh;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    animation: zoomIn 0.3s ease;
}

.product-image-lightbox-close {
    position: absolute;
    top: -50px;
    right: 0;
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    color: var(--white);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    font-size: 28px;
    line-height: 1;
    cursor: pointer;
    z-index: 10002;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.product-image-lightbox-close:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: rotate(90deg);
}

/* Proionta asfaleias index page: contact-block-top-left and title-text-block in one row, content-text-block alone in next row */
/* For screens from 1025px to 505px only */
@media (min-width: 505px) and (max-width: 1025px) {
    .proionta-asfaleias-index-content-section .proionta-asfaleias-index-content-wrapper {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 20px;
    }
    
    .proionta-asfaleias-index-content-section .proionta-asfaleias-index-content-wrapper .contact-block-top-left {
        grid-column: 1;
        grid-row: 1;
        flex: none !important;
    }
    
    .proionta-asfaleias-index-content-section .proionta-asfaleias-index-content-wrapper .proionta-asfaleias-index-title-text-block {
        grid-column: 2;
        grid-row: 1;
        flex: none !important;
    }
    
    .proionta-asfaleias-index-content-section .proionta-asfaleias-index-content-wrapper .proionta-asfaleias-index-content-text-block {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin: 20px auto 50px auto;
        padding: 75px;
    }
}

@media (max-width: 1024px) {
    .proionta-asfaleias-index-content-wrapper {
        flex-direction: column;
    }
    .contact-block-top-left,
    .proionta-asfaleias-index-title-text-block {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .proionta-asfaleias-index-trust-container {
        flex-direction: column;
    }
    .proionta-asfaleias-index-trust-left-column,
    .proionta-asfaleias-index-trust-right-column {
        width: 100%;
        flex: 0 0 100%;
        padding: 40px 30px;
    }
    .proionta-asfaleias-index-products-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .proionta-asfaleias-index-cta-text-section {
        padding: 40px 20px;
    }
    .proionta-asfaleias-index-cta-sub-text {
        font-size: 18px;
    }
    .proionta-asfaleias-index-products-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (max-width: 600px) {
    .proionta-asfaleias-index-products-cards-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .proionta-asfaleias-index-products-cards-section {
        padding: 40px 15px;
    }
}

@media (max-width: 480px) {
    .proionta-asfaleias-index-content-text-block {
        flex: 0 0 400px;
        padding: 45px;
        background-image: url('proionta-asfaleias/537-458-Hero_PROTEX_cat_RAILING.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 0;
        box-shadow: none;
        margin-top: 0;
        margin-left: 0;
        position: relative;
    }
}

/* Proionta Asfaleias - Portaki - Index Page Styles */

.proionta-asfaleias-portaki-index-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('proionta-asfaleias/1920X700_PORTAKIA_ASFALEIAS.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 480px) and (max-width: 990px) {
    .proionta-asfaleias-portaki-index-image-background {
        background-image: url('proionta-asfaleias/990X670_PORTAKIA_ASFALEIAS.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .proionta-asfaleias-portaki-index-image-background {
        background-image: url('proionta-asfaleias/450X700_PORTAKIA_ASFALEIAS.jpg');
        min-height: 700px;
    }
}


/* Proionta Asfaleias - polygwniko - Index Page Styles */

.proionta-asfaleias-polygwniko-index-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('proionta-asfaleias/1920X800_POLIGANIKA_PORTAKIA.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 480px) and (max-width: 990px) {
    .proionta-asfaleias-polygwniko-index-image-background {
        background-image: url('proionta-asfaleias/990X670_POLIGANIKA_PORTAKIA.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .proionta-asfaleias-polygwniko-index-image-background {
        background-image: url('proionta-asfaleias/450X700_POLIGANIKA_PORTAKIA.jpg');
        min-height: 700px;
    }
}

/* Proionta Asfaleias - Alla Proionta - Index Page Styles */

.proionta-asfaleias-alla-proionta-index-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('proionta-asfaleias/1920X800__ALLA_PROIONTA_ASFALEIAS.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 480px) and (max-width: 990px) {
    .proionta-asfaleias-alla-proionta-index-image-background {
        background-image: url('proionta-asfaleias/990X670__ALLA_PROIONTA_ASFALEIAS.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .proionta-asfaleias-alla-proionta-index-image-background {
        background-image: url('proionta-asfaleias/450X700__ALLA_PROIONTA_ASFALEIAS.jpg');
        min-height: 700px;
    }
}








/* Content Section Below Hero */
.content-section {
    position: relative;
    width: 100%;
    padding: 0px 40px 60px 40px;
    background: #e6e4e5;
}

/* Pleonekthmata Content Section Bubbles Overlay */
.pleonekthmata-content-bubbles-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.pleonekthmata-overlay-bubble {
    position: absolute;
    opacity: 0.6;
    z-index: 10;
    pointer-events: none;
}

.pleonekthmata-overlay-bubble-top-left {
    width: 125px;
    height: 125px;
    top: 20px;
    left: 20px;
}

.pleonekthmata-overlay-bubble-top-right {
    width: 170px;
    height: 170px;
    top: 20px;
    right: 20px;
}

.pleonekthmata-overlay-bubble-bottom-left {
    width: 145px;
    height: 145px;
    bottom: 20px;
    left: 20px;
}

.pleonekthmata-overlay-bubble-bottom-right {
    width: 275px;
    height: 275px;
    bottom: 20px;
    right: 20px;
}

.pleonekthmata-overlay-bubble-middle-left {
    width: 170px;
    height: 170px;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
}

.pleonekthmata-overlay-bubble-middle-right {
    width: 125px;
    height: 125px;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

.content-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.content-text-block {
    flex: 0 0 315px;
    padding: 45px;
    background-image: url('paidika-kagkela/537-458-Hero_PROTEX_PRODUCT_CHILD_RAILING.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
    box-shadow: none;
    margin-top: 75px;
    margin-left: 120px;
    position: relative;
}

.content-bubble {
    position: absolute;
    opacity: 0.6;
    z-index: 1;
}

.content-bubble-top-right {
    width: 125px;
    height: 125px;
    top: -20px;
    right: -20px;
}

.content-bubble-middle-bottom {
    width: 145px;
    height: 145px;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.section-bubble-container {
    position: relative;
    width: 100%;
    height: 0;
    overflow: visible;
    z-index: 2;
}

.section-bubble {
    position: absolute;
    width: 370px;
    height: 370px;
    top: -185px;
    right: 10%;
    opacity: 0.6;
    z-index: 2;
}

.section-bubble-left {
    position: absolute;
    width: 145px;
    height: 145px;
    top: -72px;
    left: 10%;
    opacity: 0.6;
    z-index: 2;
}

.content-text-block h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 15px;
}

.content-text-block p {
    font-size: 18px;
    line-height: 1.6;
    color: #fff;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
}

.title-text-block {
    flex: 0 0 300px;
    max-width: 300px;
    z-index: 3;
    position: relative;
    padding: 35px 19px 0 60px;
}

.title-bubble {
    position: absolute;
    opacity: 0.6;
    z-index: 10;
}

.title-bubble-top-left {
    width: 125px;
    height: 125px;
    top: -20px;
    left: -20px;
}

.title-bubble-large {
    width: 370px;
    height: 370px;
    top: -185px;
    right: -50px;
}

.main-section-title {
    text-transform: none;
    font-size: 36px;
    font-weight: 300;
    margin: 120px 0;
    position: relative;
    z-index: 2;
}

/* Full Text Section */
.full-text-section {
    padding: 60px 40px;
    background: #fff;
}

.full-text-content {
    max-width: 970px;
    margin: 0 auto;
    text-align: right;
}

.full-main-text {
    font-size: 18px;
    font-weight: 400;
    color: var(--dark-blue);
    margin-bottom: 0;
    line-height: 1.4;
}

.full-sub-text {
    font-size: 27px;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 0px;
    line-height: 1.6;
}

.full-disclaimer {
    font-size: 14px;
    font-weight: 300;
    color: var(--dark-blue);
    line-height: 1.6;
    font-style: italic;
    margin-top: 0;
}

@media (max-width: 768px) {
    .full-text-section {
        padding: 40px 20px;
    }
    
    .full-main-text {
        font-size: 22px;
    }
    
    .full-sub-text {
        font-size: 18px;
    }
    
    .full-disclaimer {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .content-wrapper {
        flex-direction: column;
    }
    
    .contact-block-top-left,
    .title-text-block {
        flex: 1 1 100%;
        max-width: 100%;
		margin: 0 auto;
    }
}

/* Paidika kagkela pages: contact-block-top-left and title-text-block in one row, content-text-block alone in next row */
/* For screens from 1025px to 505px only - applies to all pages in paidika-kagkela folder */
@media (min-width: 505px) and (max-width: 1025px) {
    /* Target pages with content-text-block inside content-wrapper (balkoni-me-kampyles) */
    .content-wrapper:has(.content-text-block) {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 20px;
    }
    
    .content-wrapper:has(.content-text-block) .contact-block-top-left {
        grid-column: 1;
        grid-row: 1;
        flex: none !important;
    }
    
    .content-wrapper:has(.content-text-block) .title-text-block {
        grid-column: 2;
        grid-row: 1;
        flex: none !important;
    }
    
    .content-wrapper:has(.content-text-block) .content-text-block {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
    }
}

/* Paidika kagkela pages: content-text-block styles for screens 504px and less */
@media (max-width: 504px) {
    /* Balkoni me kampyles page */
    .content-wrapper:has(.content-text-block) .content-text-block {
        flex: 0 0 340px !important;
        padding: 70px !important;
        margin-top: 0 !important;
        margin-left: 0 !important;
        margin: 10px auto !important;
    }
    
}

/* Gallery Section */
.curved-balcony-gallery-section {
    background: #989898;
    padding: 60px 20px;
    margin-top: 0;
    position: relative;
}

.gallery-bubble-center {
    position: absolute;
    width: 370px;
    height: 370px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.6;
    z-index: 1;
    pointer-events: none;
}

.curved-balcony-gallery-section .container {
    max-width: 100%;
    padding: 0 20px;
}

.curved-balcony-gallery-section .gallery-header {
    padding: 0;
    margin-bottom: 40px;
}

.curved-balcony-gallery-section .gallery-title {
    color: var(--white);
    text-transform: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}

.curved-balcony-gallery-section .gallery-grid {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

.gallery-grid.curved-balcony-gallery-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 10px;
    max-width: 100%;
    margin: 0 auto;
    justify-items: center;
}

/* Center items when there are fewer than 8 items total */
/* Using nth-last-child to detect number of items and center accordingly */

/* For 1 item: center at column 4 */
.curved-balcony-gallery-grid .gallery-item:nth-child(1):nth-last-child(1) { grid-column-start: 4; }

/* For 2 items: start at column 4 to center 2 items (columns 4-5) */
.curved-balcony-gallery-grid .gallery-item:nth-child(1):nth-last-child(2) { grid-column-start: 4; }
.curved-balcony-gallery-grid .gallery-item:nth-child(2):nth-last-child(1) { grid-column-start: 5; }

/* For 3 items: start at column 3 to center 3 items (columns 3-5) */
.curved-balcony-gallery-grid .gallery-item:nth-child(1):nth-last-child(3) { grid-column-start: 3; }
.curved-balcony-gallery-grid .gallery-item:nth-child(2):nth-last-child(2) { grid-column-start: 4; }
.curved-balcony-gallery-grid .gallery-item:nth-child(3):nth-last-child(1) { grid-column-start: 5; }

/* For 4 items: start at column 3 to center 4 items (columns 3-6) */
.curved-balcony-gallery-grid .gallery-item:nth-child(1):nth-last-child(4) { grid-column-start: 3; }
.curved-balcony-gallery-grid .gallery-item:nth-child(2):nth-last-child(3) { grid-column-start: 4; }
.curved-balcony-gallery-grid .gallery-item:nth-child(3):nth-last-child(2) { grid-column-start: 5; }
.curved-balcony-gallery-grid .gallery-item:nth-child(4):nth-last-child(1) { grid-column-start: 6; }

/* For 5 items: start at column 2 to center 5 items (columns 2-6) */
.curved-balcony-gallery-grid .gallery-item:nth-child(1):nth-last-child(5) { grid-column-start: 2; }
.curved-balcony-gallery-grid .gallery-item:nth-child(2):nth-last-child(4) { grid-column-start: 3; }
.curved-balcony-gallery-grid .gallery-item:nth-child(3):nth-last-child(3) { grid-column-start: 4; }
.curved-balcony-gallery-grid .gallery-item:nth-child(4):nth-last-child(2) { grid-column-start: 5; }
.curved-balcony-gallery-grid .gallery-item:nth-child(5):nth-last-child(1) { grid-column-start: 6; }

/* For 6 items: start at column 2 to center 6 items (columns 2-7) */
.curved-balcony-gallery-grid .gallery-item:nth-child(1):nth-last-child(6) { grid-column-start: 2; }
.curved-balcony-gallery-grid .gallery-item:nth-child(2):nth-last-child(5) { grid-column-start: 3; }
.curved-balcony-gallery-grid .gallery-item:nth-child(3):nth-last-child(4) { grid-column-start: 4; }
.curved-balcony-gallery-grid .gallery-item:nth-child(4):nth-last-child(3) { grid-column-start: 5; }
.curved-balcony-gallery-grid .gallery-item:nth-child(5):nth-last-child(2) { grid-column-start: 6; }
.curved-balcony-gallery-grid .gallery-item:nth-child(6):nth-last-child(1) { grid-column-start: 7; }

/* For 7 items: start at column 1 to center 7 items (columns 1-7) */
.curved-balcony-gallery-grid .gallery-item:nth-child(1):nth-last-child(7) { grid-column-start: 1; }
.curved-balcony-gallery-grid .gallery-item:nth-child(2):nth-last-child(6) { grid-column-start: 2; }
.curved-balcony-gallery-grid .gallery-item:nth-child(3):nth-last-child(5) { grid-column-start: 3; }
.curved-balcony-gallery-grid .gallery-item:nth-child(4):nth-last-child(4) { grid-column-start: 4; }
.curved-balcony-gallery-grid .gallery-item:nth-child(5):nth-last-child(3) { grid-column-start: 5; }
.curved-balcony-gallery-grid .gallery-item:nth-child(6):nth-last-child(2) { grid-column-start: 6; }
.curved-balcony-gallery-grid .gallery-item:nth-child(7):nth-last-child(1) { grid-column-start: 7; }

/* Center items in second row when there are 9 or more items */
/* For 7 items in second row (15 total): start at column 1 to center 7 items (columns 1-7) */
.curved-balcony-gallery-grid .gallery-item:nth-child(9):nth-last-child(7) { grid-column-start: 1; }
.curved-balcony-gallery-grid .gallery-item:nth-child(10):nth-last-child(6) { grid-column-start: 2; }
.curved-balcony-gallery-grid .gallery-item:nth-child(11):nth-last-child(5) { grid-column-start: 3; }
.curved-balcony-gallery-grid .gallery-item:nth-child(12):nth-last-child(4) { grid-column-start: 4; }
.curved-balcony-gallery-grid .gallery-item:nth-child(13):nth-last-child(3) { grid-column-start: 5; }
.curved-balcony-gallery-grid .gallery-item:nth-child(14):nth-last-child(2) { grid-column-start: 6; }
.curved-balcony-gallery-grid .gallery-item:nth-child(15):nth-last-child(1) { grid-column-start: 7; }

/* For 6 items in second row (14 total): start at column 2 to center 6 items (columns 2-7) */
.curved-balcony-gallery-grid .gallery-item:nth-child(9):nth-last-child(6) { grid-column-start: 2; }
.curved-balcony-gallery-grid .gallery-item:nth-child(10):nth-last-child(5) { grid-column-start: 3; }
.curved-balcony-gallery-grid .gallery-item:nth-child(11):nth-last-child(4) { grid-column-start: 4; }
.curved-balcony-gallery-grid .gallery-item:nth-child(12):nth-last-child(3) { grid-column-start: 5; }
.curved-balcony-gallery-grid .gallery-item:nth-child(13):nth-last-child(2) { grid-column-start: 6; }
.curved-balcony-gallery-grid .gallery-item:nth-child(14):nth-last-child(1) { grid-column-start: 7; }

/* For 5 items in second row (13 total): start at column 2 to center 5 items (columns 2-6) */
.curved-balcony-gallery-grid .gallery-item:nth-child(9):nth-last-child(5) { grid-column-start: 2; }
.curved-balcony-gallery-grid .gallery-item:nth-child(10):nth-last-child(4) { grid-column-start: 3; }
.curved-balcony-gallery-grid .gallery-item:nth-child(11):nth-last-child(3) { grid-column-start: 4; }
.curved-balcony-gallery-grid .gallery-item:nth-child(12):nth-last-child(2) { grid-column-start: 5; }
.curved-balcony-gallery-grid .gallery-item:nth-child(13):nth-last-child(1) { grid-column-start: 6; }

/* For 4 items in second row (12 total): start at column 3 to center 4 items (columns 3-6) */
.curved-balcony-gallery-grid .gallery-item:nth-child(9):nth-last-child(4) { grid-column-start: 3; }
.curved-balcony-gallery-grid .gallery-item:nth-child(10):nth-last-child(3) { grid-column-start: 4; }
.curved-balcony-gallery-grid .gallery-item:nth-child(11):nth-last-child(2) { grid-column-start: 5; }
.curved-balcony-gallery-grid .gallery-item:nth-child(12):nth-last-child(1) { grid-column-start: 6; }

/* For 3 items in second row (11 total): start at column 3 to center 3 items (columns 3-5) */
.curved-balcony-gallery-grid .gallery-item:nth-child(9):nth-last-child(3) { grid-column-start: 3; }
.curved-balcony-gallery-grid .gallery-item:nth-child(10):nth-last-child(2) { grid-column-start: 4; }
.curved-balcony-gallery-grid .gallery-item:nth-child(11):nth-last-child(1) { grid-column-start: 5; }

/* For 2 items in second row (10 total): start at column 4 to center 2 items (columns 4-5) */
.curved-balcony-gallery-grid .gallery-item:nth-child(9):nth-last-child(2) { grid-column-start: 4; }
.curved-balcony-gallery-grid .gallery-item:nth-child(10):nth-last-child(1) { grid-column-start: 5; }

/* For 1 item in second row (9 total): start at column 4 to center 1 item */
.curved-balcony-gallery-grid .gallery-item:nth-child(9):nth-last-child(1) { grid-column-start: 4; }

.curved-balcony-gallery-grid .gallery-item {
    border: 10px solid transparent;
    border-radius: 0;
    position: relative;
    max-width: 100%;
}

.curved-balcony-gallery-grid .gallery-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #98989859;
    z-index: 1;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.curved-balcony-gallery-grid .gallery-item img {
    transition: transform 0.4s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.curved-balcony-gallery-grid .gallery-item:hover {
    border: 10px solid var(--white);
    z-index: 10;
    transform: none;
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}

.curved-balcony-gallery-grid .gallery-item:hover::before {
    opacity: 0;
}

.curved-balcony-gallery-grid .gallery-item:hover img {
    transform: scale(1.05);
}

.curved-balcony-gallery-grid .gallery-overlay {
    display: none;
}

/* Responsive Design for Gallery */
@media (max-width: 1024px) {
    .curved-balcony-gallery-section {
        padding: 40px 20px;
    }
    
    .curved-balcony-gallery-section .gallery-title {
        font-size: 16px;
        padding: 0 10px;
    }
    
    .gallery-grid.curved-balcony-gallery-grid {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 8px;
    }
    
    /* Reset grid-column-start for responsive layout */
    .curved-balcony-gallery-grid .gallery-item {
        grid-column-start: auto !important;
        border-width: 5px;
    }
}

@media (max-width: 600px) {
    .curved-balcony-gallery-section {
        padding: 30px 15px;
    }
    
    .curved-balcony-gallery-section .gallery-title {
        font-size: 14px;
        padding: 0 5px;
    }
    
    .gallery-grid.curved-balcony-gallery-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px;
    }
    
    /* Reset grid-column-start for responsive layout */
    .curved-balcony-gallery-grid .gallery-item {
        grid-column-start: auto !important;
        border-width: 4px;
    }
    
    .curved-balcony-gallery-grid .gallery-item:hover {
        border-width: 6px;
    }
}

@media (max-width: 480px) {
    .curved-balcony-gallery-section {
        padding: 20px 10px;
    }
    
    .curved-balcony-gallery-section .gallery-title {
        font-size: 13px;
        padding: 0 5px;
    }
    
    .gallery-grid.curved-balcony-gallery-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 5px;
    }
    
    /* Reset grid-column-start for responsive layout */
    .curved-balcony-gallery-grid .gallery-item {
        grid-column-start: auto !important;
        border-width: 3px;
    }
    
    .curved-balcony-gallery-grid .gallery-item:hover {
        border-width: 5px;
    }
    
    .gallery-bubble-center {
        width: 200px;
        height: 200px;
    }
}

/* Portaki Esoterikis Skalas Gallery Section */
.portaki-esoterikis-skalas-gallery-section {
    background: #989898;
    padding: 60px 20px;
    margin-top: 0;
    position: relative;
}

.portaki-esoterikis-skalas-gallery-section .container {
    max-width: 100%;
    padding: 0 20px;
}

.portaki-esoterikis-skalas-gallery-section .gallery-header {
    padding: 0;
    margin-bottom: 40px;
}

.portaki-esoterikis-skalas-gallery-section .gallery-title {
    color: var(--white);
    text-transform: none;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.6;
    text-align: center;
    max-width: 1200px;
    margin: 0 auto;
}

.portaki-esoterikis-skalas-gallery-section .gallery-grid {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 10px;
}

.gallery-grid.portaki-esoterikis-skalas-gallery-grid {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 10px;
    max-width: 100%;
    margin: 0 auto;
    justify-items: center;
}

/* Center items when there are fewer than 8 items total */
/* Using nth-last-child to detect number of items and center accordingly */

/* For 1 item: center at column 4 */
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(1):nth-last-child(1) { grid-column-start: 4; }

/* For 2 items: start at column 4 to center 2 items (columns 4-5) */
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(1):nth-last-child(2) { grid-column-start: 4; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(2):nth-last-child(1) { grid-column-start: 5; }

/* For 3 items: start at column 3 to center 3 items (columns 3-5) */
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(1):nth-last-child(3) { grid-column-start: 3; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(2):nth-last-child(2) { grid-column-start: 4; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(3):nth-last-child(1) { grid-column-start: 5; }

/* For 4 items: start at column 3 to center 4 items (columns 3-6) */
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(1):nth-last-child(4) { grid-column-start: 3; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(2):nth-last-child(3) { grid-column-start: 4; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(3):nth-last-child(2) { grid-column-start: 5; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(4):nth-last-child(1) { grid-column-start: 6; }

/* For 5 items: start at column 2 to center 5 items (columns 2-6) */
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(1):nth-last-child(5) { grid-column-start: 2; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(2):nth-last-child(4) { grid-column-start: 3; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(3):nth-last-child(3) { grid-column-start: 4; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(4):nth-last-child(2) { grid-column-start: 5; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(5):nth-last-child(1) { grid-column-start: 6; }

/* For 6 items: start at column 2 to center 6 items (columns 2-7) */
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(1):nth-last-child(6) { grid-column-start: 2; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(2):nth-last-child(5) { grid-column-start: 3; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(3):nth-last-child(4) { grid-column-start: 4; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(4):nth-last-child(3) { grid-column-start: 5; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(5):nth-last-child(2) { grid-column-start: 6; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(6):nth-last-child(1) { grid-column-start: 7; }

/* For 7 items: start at column 1 to center 7 items (columns 1-7) */
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(1):nth-last-child(7) { grid-column-start: 1; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(2):nth-last-child(6) { grid-column-start: 2; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(3):nth-last-child(5) { grid-column-start: 3; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(4):nth-last-child(4) { grid-column-start: 4; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(5):nth-last-child(3) { grid-column-start: 5; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(6):nth-last-child(2) { grid-column-start: 6; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(7):nth-last-child(1) { grid-column-start: 7; }

/* Center items in second row when there are 9 or more items */
/* For 7 items in second row (15 total): start at column 1 to center 7 items (columns 1-7) */
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(9):nth-last-child(7) { grid-column-start: 1; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(10):nth-last-child(6) { grid-column-start: 2; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(11):nth-last-child(5) { grid-column-start: 3; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(12):nth-last-child(4) { grid-column-start: 4; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(13):nth-last-child(3) { grid-column-start: 5; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(14):nth-last-child(2) { grid-column-start: 6; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(15):nth-last-child(1) { grid-column-start: 7; }

/* For 6 items in second row (14 total): start at column 2 to center 6 items (columns 2-7) */
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(9):nth-last-child(6) { grid-column-start: 2; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(10):nth-last-child(5) { grid-column-start: 3; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(11):nth-last-child(4) { grid-column-start: 4; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(12):nth-last-child(3) { grid-column-start: 5; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(13):nth-last-child(2) { grid-column-start: 6; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(14):nth-last-child(1) { grid-column-start: 7; }

/* For 5 items in second row (13 total): start at column 2 to center 5 items (columns 2-6) */
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(9):nth-last-child(5) { grid-column-start: 2; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(10):nth-last-child(4) { grid-column-start: 3; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(11):nth-last-child(3) { grid-column-start: 4; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(12):nth-last-child(2) { grid-column-start: 5; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(13):nth-last-child(1) { grid-column-start: 6; }

/* For 4 items in second row (12 total): start at column 3 to center 4 items (columns 3-6) */
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(9):nth-last-child(4) { grid-column-start: 3; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(10):nth-last-child(3) { grid-column-start: 4; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(11):nth-last-child(2) { grid-column-start: 5; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(12):nth-last-child(1) { grid-column-start: 6; }

/* For 3 items in second row (11 total): start at column 3 to center 3 items (columns 3-5) */
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(9):nth-last-child(3) { grid-column-start: 3; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(10):nth-last-child(2) { grid-column-start: 4; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(11):nth-last-child(1) { grid-column-start: 5; }

/* For 2 items in second row (10 total): start at column 4 to center 2 items (columns 4-5) */
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(9):nth-last-child(2) { grid-column-start: 4; }
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(10):nth-last-child(1) { grid-column-start: 5; }

/* For 1 item in second row (9 total): start at column 4 to center 1 item */
.portaki-esoterikis-skalas-gallery-grid .gallery-item:nth-child(9):nth-last-child(1) { grid-column-start: 4; }

.portaki-esoterikis-skalas-gallery-grid .gallery-item {
    border: 10px solid transparent;
    border-radius: 0;
    position: relative;
    max-width: 100%;
}

.portaki-esoterikis-skalas-gallery-grid .gallery-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #98989859;
    z-index: 1;
    transition: opacity 0.4s ease;
    pointer-events: none;
}

.portaki-esoterikis-skalas-gallery-grid .gallery-item img {
    transition: transform 0.4s ease;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.portaki-esoterikis-skalas-gallery-grid .gallery-item:hover {
    border: 10px solid var(--white);
    z-index: 10;
    transform: none;
    box-shadow: 0 8px 25px rgba(0,0,0,0.3);
}

.portaki-esoterikis-skalas-gallery-grid .gallery-item:hover::before {
    opacity: 0;
}

.portaki-esoterikis-skalas-gallery-grid .gallery-item:hover img {
    transform: scale(1.05);
}

.portaki-esoterikis-skalas-gallery-grid .gallery-overlay {
    display: none;
}

/* Responsive Design for Gallery */
@media (max-width: 1024px) {
    .portaki-esoterikis-skalas-gallery-section {
        padding: 40px 20px;
    }
    
    .portaki-esoterikis-skalas-gallery-section .gallery-title {
        font-size: 16px;
        padding: 0 10px;
    }
    
    .gallery-grid.portaki-esoterikis-skalas-gallery-grid {
        grid-template-columns: repeat(4, 1fr) !important;
        gap: 8px;
    }
    
    .portaki-esoterikis-skalas-gallery-grid .gallery-item {
        border-width: 5px;
    }
}

@media (max-width: 600px) {
    .portaki-esoterikis-skalas-gallery-section {
        padding: 30px 15px;
    }
    
    .portaki-esoterikis-skalas-gallery-section .gallery-title {
        font-size: 14px;
        padding: 0 5px;
    }
    
    .gallery-grid.portaki-esoterikis-skalas-gallery-grid {
        grid-template-columns: repeat(3, 1fr) !important;
        gap: 6px;
    }
    
    .portaki-esoterikis-skalas-gallery-grid .gallery-item {
        border-width: 4px;
    }
    
    .portaki-esoterikis-skalas-gallery-grid .gallery-item:hover {
        border-width: 6px;
    }
}

@media (max-width: 480px) {
    .portaki-esoterikis-skalas-gallery-section {
        padding: 20px 10px;
    }
    
    .portaki-esoterikis-skalas-gallery-section .gallery-title {
        font-size: 13px;
        padding: 0 5px;
    }
    
    .gallery-grid.portaki-esoterikis-skalas-gallery-grid {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 5px;
    }
    
    .portaki-esoterikis-skalas-gallery-grid .gallery-item {
        border-width: 3px;
    }
    
    .portaki-esoterikis-skalas-gallery-grid .gallery-item:hover {
        border-width: 5px;
    }
}

/* ============================================
   epikoinoniste.html Page Styles
   ============================================ */

/* Hero Section with Image Background */
.epikoinoniste-hero-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 600px;
    overflow: visible;
    margin-top: 0;
}

/* Epikoinoniste - Responsive Background Images */
.epikoinoniste-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 800px;
    z-index: 1;
    background-image: url('images/alternative_1920X698_WEB_DESIGN_PROTEX_CONNECT.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 550px) and (max-width: 990px) {
    .epikoinoniste-image-background {
        background-image: url('images/990X670_WEB_DESIGN_PROTEX_CONNECT.jpg');
        min-height: 670px;
    }
}

@media (max-width: 549px) {
    .epikoinoniste-image-background {
        background-image: url('images/450X700_WEB_DESIGN_PROTEX_CONNECT.jpg');
        min-height: 700px;
    }
}


/* Contact Block positioned above hero image on left */
.epikoinoniste-hero-image-background .epikoinoniste-contact-block-top-left {
    position: absolute;
    top: 165px;
    left: 370px;
    z-index: 10;
    flex: 0 0 200px;
    max-width: 200px;
}
.epikoinoniste-hero-image-background .epikoinoniste-contact-block-top-left .call-title-image {
    margin-bottom: 20px;
}
.epikoinoniste-hero-image-background .epikoinoniste-contact-block-top-left .call-title-image img {
    width: 175px;
    height: auto;
    display: block;
	margin: 0 auto;
}
.epikoinoniste-hero-image-background .epikoinoniste-contact-block-top-left .contact-icons-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 200px;
}
.epikoinoniste-hero-image-background .epikoinoniste-contact-block-top-left .contact-icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
    text-decoration: none;
    color: inherit;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.epikoinoniste-hero-image-background .epikoinoniste-contact-block-top-left .contact-icon-item:hover {
    transform: scale(1.05);
    opacity: 0.9;
}
.epikoinoniste-hero-image-background .epikoinoniste-contact-block-top-left .contact-icon-item:nth-child(1),
.epikoinoniste-hero-image-background .epikoinoniste-contact-block-top-left .contact-icon-item:nth-child(2) {
    flex: 0 0 calc(50% - 5px);
}
.epikoinoniste-hero-image-background .epikoinoniste-contact-block-top-left .contact-icon-item:nth-child(3) {
    flex: 0 0 calc(100% - 5px);
    margin-top: 5px;
}
.epikoinoniste-hero-image-background .epikoinoniste-contact-block-top-left .contact-icon-item:nth-child(4) {
    flex: 0 0 100%;
    margin-top: 5px;
}
.epikoinoniste-hero-image-background .epikoinoniste-contact-block-top-left .contact-icon-item img {
    width: 80px;
    height: auto;
    filter: drop-shadow(0 3px 8px rgba(0,0,0,0.2));
}
.epikoinoniste-hero-image-background .epikoinoniste-contact-block-top-left .contact-icon-item:nth-child(4) img {
    width: auto;
    height: auto;
    max-width: 200px;
}
.epikoinoniste-hero-image-background .epikoinoniste-contact-block-top-left .city-label {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

/* Content Section Below Hero */


#contactPage .content-section {display: none;}

@media (max-width: 1630px) {
	.epikoinoniste-contact-block-top-left {display:none;}
	#contactPage .content-section {display: block;}
}





.epikoinoniste-content-section {
    position: relative;
    width: 100%;
    padding: 0px 40px 60px 40px;
    background: #fff;
}
.epikoinoniste-content-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    display: block;
}




/* Call to Action Text Section */
.epikoinoniste-cta-text-section {
    padding: 60px 40px;
    background: #fff;
}
.epikoinoniste-cta-text-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}
.epikoinoniste-cta-main-text {
    font-size: 24px;
    font-weight: 300;
    color: var(--dark-blue);
    margin-bottom: 0;
    line-height: 1.4;
}
.epikoinoniste-cta-sub-text {
    font-size: 27px;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 0px;
    line-height: 1.6;
}
.epikoinoniste-cta-disclaimer {
    font-size: 14px;
    font-weight: 300;
    color: var(--dark-blue);
    line-height: 1.6;
    font-style: italic;
    margin-top: 0;
}

@media (max-width: 768px) {
    .epikoinoniste-cta-text-section {
        padding: 40px 20px;
    }
    .epikoinoniste-cta-main-text {
        font-size: 22px;
    }
    .epikoinoniste-cta-sub-text {
        font-size: 18px;
    }
    .epikoinoniste-cta-disclaimer {
        font-size: 12px;
    }
}

@media (max-width: 1024px) {
    .epikoinoniste-hero-image-background .epikoinoniste-contact-block-top-left {
        position: relative;
        left: auto;
        top: auto;
        margin: 20px auto;
        max-width: 100%;
        padding: 0 20px;
    }
    .epikoinoniste-content-wrapper {
        display: block;
    }
}
@media (max-width: 768px) {
    .epikoinoniste-hero-image-background .epikoinoniste-contact-block-top-left {
        left: 20px;
        max-width: calc(100% - 40px);
    }
}


/* Pleonekthmata Index Page Styles */
.pleonekthmata-index-hero-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 600px;
    overflow: hidden;
    margin-top: 0;
}

.pleonekthmata-index-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 1185px;
    z-index: 1;
    background-image: url('pleonekthmata/images/1920X1185_WEB_DESIGN_PROTEX_ADVANCES.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* For screens 468px to 990px */
@media (min-width: 468px) and (max-width: 990px) {
    .pleonekthmata-index-image-background {
        background-image: url('pleonekthmata/images/990X670_WEB_DESIGN_PROTEX_ADVANCES.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 670px;
    }
}

/* For screens below 468px */
@media (max-width: 467px) {
    .pleonekthmata-index-image-background {
        background-image: url('pleonekthmata/images/450X700_WEB_DESIGN_PROTEX_ADVANCES.jpg');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        min-height: 700px;
    }
}

.pleonekthmata-index-content-section {
    position: relative;
    width: 100%;
    padding: 0px 40px 60px 40px;
    background: #e6e4e5;
}

.pleonekthmata-index-content-wrapper {
    max-width: 1320px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.pleonekthmata-index-content-text-block {
    flex: 0 0 380px;
    padding: 35px;
    background-image: url('../pleonekthmata/537-458-Hero_PROTEX_cat_RAILING.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
    box-shadow: none;
    margin-top: 75px;
    margin-left: 120px;
    position: relative;
}

.pleonekthmata-index-content-bubble {
    position: absolute;
    opacity: 0.6;
    z-index: 1;
}

.pleonekthmata-index-content-bubble-top-right {
    width: 125px;
    height: 125px;
    top: -20px;
    right: -20px;
}

.pleonekthmata-index-content-bubble-middle-bottom {
    width: 145px;
    height: 145px;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.pleonekthmata-index-section-bubble-container {
    position: relative;
    width: 100%;
    height: 0;
    overflow: visible;
    z-index: 2;
}

.pleonekthmata-index-section-bubble {
    position: absolute;
    width: 370px;
    height: 370px;
    top: -185px;
    right: 10%;
    opacity: 0.6;
    z-index: 2;
}

.pleonekthmata-index-content-text-block h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 15px;
}

.pleonekthmata-index-content-text-block p {
    font-size: 18px;
    line-height: 1.6;
    color: var(--text-dark);
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
}

.pleonekthmata-index-title-text-block {
    flex: 0 0 300px;
    max-width: 300px;
    z-index: 3;
}

.pleonekthmata-index-main-section-title {
    text-transform: none;
    font-size: 32px;
    font-weight: 300;
    margin: 50px 0;
}

.pleonekthmata-index-image-grid-section {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: 20px;
}

.pleonekthmata-index-image-grid-row {
    display: flex;
    gap: 20px;
    width: 100%;
}

.pleonekthmata-index-image-grid-row .clickable-image {
    flex: 1;
    display: block;
    cursor: pointer;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.pleonekthmata-index-image-grid-row .clickable-image:hover {
    transform: scale(1.05);
    opacity: 0.9;
}

.pleonekthmata-index-image-grid-row .clickable-image img {
    width: 100%;
    height: auto;
    display: block;
}

/* Clickable Text Links Styling */
.pleonekthmata-index-image-grid-row .clickable-text-link {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 50px solid #fff;
    border-radius: 0px;
    padding: 40px;
    min-height: 188px;
    max-width: 350px;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

/* Protex Index Page - Separate class to avoid conflicts */


.protex-index-content-section {
    position: relative;
    width: 100%;
    padding: 0px 40px 60px 40px;
    background: #e6e4e5;
}

.protex-index-content-wrapper {
    max-width: 1320px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}



.protex-index-image-grid-section {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-left: 20px;
    margin-top: 60px;
}

.mobile-protex-index-image-grid-section {display: none;}

@media (max-width: 1333px) {
				.protex-index-image-grid-section { display: none!important; }
				.mobile-protex-index-image-grid-section {display: block;}
				.mobile-protex-index-image-grid-row {    display: flex;  flex-wrap: wrap;  gap: 20px;    width: 100%; }
				.mobile-protex-index-image-grid-row .clickable-text-link {
    flex: 1 1 48%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 50px solid #fff;
    border-radius: 0px;
    padding: 40px;
    min-height: 188px;
    max-width: 350px;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

}

@media (max-width: 514px) {
    .protex-index-content-wrapper {
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
        justify-content: center;
    }
}

.protex-index-image-grid-row {
    display: flex;
    gap: 20px;
    width: 100%;
}

.protex-index-image-grid-row .clickable-text-link {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 50px solid #fff;
    border-radius: 0px;
    padding: 40px;
    min-height: 188px;
    max-width: 350px;
    text-decoration: none;
    cursor: pointer;
    transition: transform 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.protex-index-image-grid-row .clickable-text-link:hover {
    transform: scale(1.05);
    opacity: 0.9;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.protex-index-image-grid-row .clickable-text-link .clickable-text-content {
    color: #28367f;
    font-size: 28px;
    font-weight: 300;
    text-align: center;
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Protex folder specific styles for preorder button and clickable image */
.protex-index-image-grid-row .preorder-button {
    width: auto;
    height: auto;
    display: block;
    cursor: pointer;
    transition: transform 0.3s ease, opacity 0.3s ease;
    margin: 0 auto;
}

.protex-index-image-grid-row .clickable-image {
    width: 346px;
}

/* Protex Hero Image Background Styles */
.protex-hero-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 600px;
    overflow: hidden;
    margin-top: 0;
}

.protex-image-background {
    position: relative;
    width: 100%;
    height: auto;
    z-index: 1;
}

.protex-image-background img {
    width: 100%;
    height: auto;
    object-fit: cover;
    position: relative;
    top: 0;
    left: 0;
    display: block;
}

/* Responsive styles for protex hero image background */
@media (max-width: 768px) {
    .protex-hero-image-background {
        min-height: 400px;
    }
}

@media (max-width: 480px) {
    .protex-hero-image-background {
        min-height: 300px;
    }
}

.pleonekthmata-index-image-grid-row .clickable-text-link:hover {
    transform: scale(1.05);
    opacity: 0.9;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.pleonekthmata-index-image-grid-row .clickable-text-link .clickable-text-content {
    color: #28367f;
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    line-height: 1.4;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

/* Responsive styles for clickable text links */
@media (max-width: 1024px) {
    .pleonekthmata-index-image-grid-row .clickable-text-link {
        min-height: 180px;
        padding: 15px;
    }
    
    .pleonekthmata-index-image-grid-row .clickable-text-link .clickable-text-content {
        font-size: 16px;
    }
    
    .protex-index-image-grid-row .clickable-text-link {
        border: 40px solid #fff;
        padding: 30px;
        min-height: 160px;
        max-width: 300px;
    }
    
    .protex-index-image-grid-row .clickable-text-link .clickable-text-content {
        font-size: 16px;
    }
}

@media (max-width: 768px) {
    .pleonekthmata-index-image-grid-row .clickable-text-link {
        min-height: 150px;
        padding: 12px;
    }
    
    .pleonekthmata-index-image-grid-row .clickable-text-link .clickable-text-content {
        font-size: 14px;
    }
    
    .protex-index-image-grid-row .clickable-text-link {
        border: 30px solid #fff;
        padding: 25px;
        min-height: 140px;
        max-width: 280px;
    }
    
    .protex-index-image-grid-row .clickable-text-link .clickable-text-content {
        font-size: 14px;
    }
}

/* Protex index responsive - 1333px to 1025px: two links per row */
@media (min-width: 1025px) and (max-width: 1333px) {
    .protex-index-image-grid-row {
        flex-wrap: wrap;
    }
    
    .protex-index-image-grid-row .clickable-text-link {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}

/* Protex index responsive - 1025px to 514px: flex-direction unset */
@media (min-width: 514px) and (max-width: 1025px) {
    .pleonekthmata-index-content-wrapper {
        flex-direction: unset;
    }
    
    /* Two links per row for smaller screens */
    .protex-index-image-grid-row {
        flex-wrap: wrap;
    }
    
    .protex-index-image-grid-row .clickable-text-link {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}

/* Protex index responsive - 514px and below */
@media (max-width: 514px) {
    .pleonekthmata-index-content-wrapper {
        flex-direction: column;
        align-items: center;
        margin: 0 auto;
        justify-content: center;
    }
    
    .contact-block-top-left, 
    .title-text-block {
        margin: 0 auto;
    }
    
    /* Two links per row for smaller screens */
    .protex-index-image-grid-row {
        flex-wrap: wrap;
    }
    
    .protex-index-image-grid-row .clickable-text-link {
        flex: 0 0 calc(50% - 10px);
        max-width: calc(50% - 10px);
    }
}

@media (max-width: 480px) {
    .pleonekthmata-index-image-grid-row .clickable-text-link {
        min-height: 120px;
        padding: 10px;
    }
    
    .pleonekthmata-index-image-grid-row .clickable-text-link .clickable-text-content {
        font-size: 12px;
    }
    
    .protex-index-image-grid-row .clickable-text-link {
        border: 20px solid #fff;
        padding: 20px;
        min-height: 120px;
        max-width: 250px;
    }
    
    .protex-index-image-grid-row .clickable-text-link .clickable-text-content {
        font-size: 12px;
    }
}

.pleonekthmata-index-trust-section {
    padding: 0;
    background: #e5e5e5;
    position: relative;
}

.pleonekthmata-index-trust-container {
    max-width: 100%;
    margin: 0;
    display: flex;
    width: 100%;
    min-height: 700px;
}

.pleonekthmata-index-trust-left-column {
    position: relative;
    background: #cccacb;
    padding: 60px 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 50%;
    flex: 0 0 50%;
}

.pleonekthmata-index-trust-bubble-shapes {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
}

.pleonekthmata-index-bubble-image {
    position: absolute;
    opacity: 0.6;
}

.pleonekthmata-index-bubble-3 {
    width: 170px;
    height: 170px;
    top: 20%;
    left: 10%;
}

.pleonekthmata-index-bubble-4 {
    width: 275px;
    height: 275px;
    bottom: 15%;
    right: 10%;
}

.pleonekthmata-index-trust-intro-text {
    position: absolute;
    z-index: 2;
    color: #333;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    right: 30px;
    top: 20%;
    transform: translateY(-50%);
    padding-right: 0;
    max-width: calc(100% - 10px);
}

.pleonekthmata-index-trust-intro-text p {
    margin: 0;
    text-align: right;
    color: #28367f;
}

.pleonekthmata-index-trust-right-column {
    background-image: url('../pleonekthmata/960X700_WEB_DESIGN_PROTEX_CHILD_RAILING.jpg');
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    padding: 0px 50px 15px 50px;
    color: #fff;
    width: 50%;
    flex: 0 0 50%;
}

.pleonekthmata-index-trust-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.pleonekthmata-index-trust-heading {
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.4;
    padding-top: 50px;
}

.pleonekthmata-index-trust-headingFirstItem {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.4;
    padding-top: 20px;
}

.pleonekthmata-index-trust-paragraph {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 1.6;
    margin: 0;
}

.pleonekthmata-index-cta-text-section {
    padding: 60px 40px;
    background: #fff;
}

.pleonekthmata-index-cta-text-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.pleonekthmata-index-cta-main-text {
    font-size: 24px;
    font-weight: 300;
    color: var(--dark-blue);
    margin-bottom: 0;
    line-height: 1.4;
}

.pleonekthmata-index-cta-sub-text {
    font-size: 27px;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 0px;
    line-height: 1.6;
}

.pleonekthmata-index-cta-disclaimer {
    font-size: 14px;
    font-weight: 300;
    color: var(--dark-blue);
    line-height: 1.6;
    font-style: italic;
    margin-top: 0;
}

.pleonekthmata-index-products-cards-section {
    padding: 0px 20px 60px 20px;
    background: #fff;
}

.pleonekthmata-index-products-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    max-width: 1200px;
    margin: 0 auto;
}

.pleonekthmata-index-product-card {
    background: #fff;
    border-left: 10px solid var(--orange);
    padding: 25px;
    box-shadow: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: block;
    text-decoration: none;
    color: inherit;
}

.pleonekthmata-index-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.pleonekthmata-index-product-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.pleonekthmata-index-product-card-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 15px;
    line-height: 1.3;
}

.pleonekthmata-index-product-card-text {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
}

.pleonekthmata-index-product-card-link {
    font-size: 14px;
    color: #666;
    text-align: right;
    font-weight: 400;
    transition: color 0.3s ease;
    align-self: flex-end;
    display: inline-block;
}

.pleonekthmata-index-product-card:hover .pleonekthmata-index-product-card-link {
    color: var(--orange);
}

@media (max-width: 1024px) {
    .pleonekthmata-index-contact-block-top-left,
    .pleonekthmata-index-image-grid-section {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .pleonekthmata-index-image-grid-section {
        margin-left: 0;
        margin-top: 20px;
    }
    .pleonekthmata-index-image-grid-row {
        flex-direction: column;
    }
    
    /* Protex index responsive */
    .protex-index-image-grid-section {
        flex: 1 1 100%;
        max-width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
    /* Note: protex-index-image-grid-row layout handled in specific media queries (1333px-1025px: 2 per row, below handled separately) */
    .pleonekthmata-index-trust-container {
        flex-direction: column;
    }
    .pleonekthmata-index-trust-left-column,
    .pleonekthmata-index-trust-right-column {
        width: 100%;
        flex: 0 0 100%;
        padding: 40px 30px;
    }
    .pleonekthmata-index-products-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .pleonekthmata-index-image-grid-row {
        flex-direction: column;
    }
    .pleonekthmata-index-cta-text-section {
        padding: 40px 20px;
    }
    .pleonekthmata-index-cta-main-text {
        font-size: 22px;
    }
    .pleonekthmata-index-cta-sub-text {
        font-size: 18px;
    }
    .pleonekthmata-index-cta-disclaimer {
        font-size: 12px;
    }
    .pleonekthmata-index-products-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (max-width: 600px) {
    .pleonekthmata-index-products-cards-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .pleonekthmata-index-products-cards-section {
        padding: 40px 15px;
    }
}

/* Paidika Kagkela Index Page Styles */
.paidika-kagkela-index-hero-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 600px;
    overflow: hidden;
    margin-top: 0;
}

.paidika-kagkela-index-image-background {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 1185px;
    z-index: 1;
    background-image: url('paidika-kagkela/1920X1185_WEB_DESIGN_PROTEX_CHILD_RAILING.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

/* For screens 468px to 990px */
@media (min-width: 468px) and (max-width: 990px) {
    .paidika-kagkela-index-image-background {
        background-image: url('paidika-kagkela/990X670_WEB_DESIGN_PROTEX_CHILD_RAILING.jpg');
        min-height: 670px;
    }
}

/* For screens below 468px */
@media (max-width: 467px) {
    .paidika-kagkela-index-image-background {
        background-image: url('paidika-kagkela/450X700_WEB_DESIGN_PROTEX_CHILD_RAILING.jpg');
        min-height: 670px;
    }
}

.paidika-kagkela-index-content-section {
    position: relative;
    width: 100%;
    padding: 0px 40px 60px 40px;
    background: #e6e4e5;
}

.paidika-kagkela-index-content-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    gap: 20px;
}

.paidika-kagkela-index-content-text-block {
    flex: 0 0 350px;
    padding: 35px;
    background-image: url('paidika-kagkela/537-458-Hero_PROTEX_cat_RAILING.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 0;
    box-shadow: none;
    margin-top: 75px;
    margin-left: 120px;
    position: relative;
}

.paidika-kagkela-index-content-bubble {
    position: absolute;
    opacity: 0.6;
    z-index: 1;
}

.paidika-kagkela-index-content-bubble-top-right {
    width: 125px;
    height: 125px;
    top: -20px;
    right: -20px;
}

.paidika-kagkela-index-content-bubble-middle-bottom {
    width: 145px;
    height: 145px;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
}

.paidika-kagkela-index-section-bubble-container {
    position: relative;
    width: 100%;
    height: 0;
    overflow: visible;
    z-index: 2;
}

.paidika-kagkela-index-section-bubble {
    position: absolute;
    width: 370px;
    height: 370px;
    top: -185px;
    right: 10%;
    opacity: 0.6;
    z-index: 2;
}

.paidika-kagkela-index-content-text-block h3 {
    font-size: 24px;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 15px;
}

.paidika-kagkela-index-content-text-block p {
    font-size: 18px;
    line-height: 1.6;
    color: var(--text-dark);
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
}

.paidika-kagkela-index-title-text-block {
    flex: 0 0 300px;
    max-width: 300px;
    z-index: 3;
}

.paidika-kagkela-index-main-section-title {
    color: #28367f;
    text-align: right;
    line-height: 1.2;
    text-transform: none;
    font-size: 32px;
    font-weight: 300;
    margin: 50px 0;
}

.paidika-kagkela-index-trust-section {
    padding: 0;
    background: #e5e5e5;
    position: relative;
}

.paidika-kagkela-index-trust-container {
    max-width: 100%;
    margin: 0;
    display: flex;
    width: 100%;
    min-height: 700px;
}

.paidika-kagkela-index-trust-left-column {
    position: relative;
    background: #cccacb;
    padding: 60px 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 50%;
    flex: 0 0 50%;
}

.paidika-kagkela-index-trust-bubble-shapes {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1;
}

.paidika-kagkela-index-bubble-image {
    position: absolute;
    opacity: 0.6;
}

.paidika-kagkela-index-bubble-3 {
    width: 170px;
    height: 170px;
    top: 20%;
    left: 10%;
}

.paidika-kagkela-index-bubble-4 {
    width: 275px;
    height: 275px;
    bottom: 15%;
    right: 10%;
}

.paidika-kagkela-index-trust-intro-text {
    position: absolute;
    z-index: 2;
    color: #333;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.5;
    right: 30px;
    top: 20%;
    transform: translateY(-50%);
    padding-right: 0;
    max-width: calc(100% - 10px);
}

.paidika-kagkela-index-trust-intro-text p {
    margin: 0;
    text-align: right;
    color: #28367f;
}

.paidika-kagkela-index-trust-right-column {
    background-image: url('paidika-kagkela/960X700_WEB_DESIGN_PROTEX_CHILD_RAILING.jpg');
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    padding: 0px 50px 15px 50px;
    color: #fff;
    width: 50%;
    flex: 0 0 50%;
}

.paidika-kagkela-index-trust-content {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.paidika-kagkela-index-trust-heading {
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.4;
    padding-top: 50px;
}

.paidika-kagkela-index-trust-headingFirstItem {
    font-size: 22px;
    font-weight: 700;
    color: #fff;
    margin: 0;
    line-height: 1.4;
    padding-top: 20px;
}

.paidika-kagkela-index-trust-paragraph {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: 1.6;
    margin: 0;
}

.paidika-kagkela-index-cta-text-section {
    padding: 60px 40px;
    background: #fff;
}

.paidika-kagkela-index-cta-text-content {
    max-width: 900px;
    margin: 0 auto;
    text-align: center;
}

.paidika-kagkela-index-cta-main-text {
    font-size: 24px;
    font-weight: 300;
    color: var(--dark-blue);
    margin-bottom: 0;
    line-height: 1.4;
}

.paidika-kagkela-index-cta-sub-text {
    font-size: 27px;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 0px;
    line-height: 1.6;
}

.paidika-kagkela-index-cta-disclaimer {
    font-size: 14px;
    font-weight: 300;
    color: var(--dark-blue);
    line-height: 1.6;
    font-style: italic;
    margin-top: 0;
}

.paidika-kagkela-index-products-cards-section {
    padding: 0px 20px 60px 20px;
    background: #fff;
}

.paidika-kagkela-index-products-cards-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    max-width: 1200px;
    margin: 0 auto;
}

.paidika-kagkela-index-product-card {
    background: #fff;
    border-left: 10px solid var(--orange);
    padding: 25px;
    box-shadow: none;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: block;
    text-decoration: none;
    color: inherit;
}

.paidika-kagkela-index-product-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 4px 20px rgba(0,0,0,0.15);
}

.paidika-kagkela-index-product-card-content {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.paidika-kagkela-index-product-card-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--dark-blue);
    margin-bottom: 15px;
    line-height: 1.3;
}

.paidika-kagkela-index-product-card-text {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 20px;
    flex-grow: 1;
}

.paidika-kagkela-index-product-card-link {
    font-size: 14px;
    color: #666;
    text-align: right;
    font-weight: 400;
    transition: color 0.3s ease;
    align-self: flex-end;
    display: inline-block;
}

.paidika-kagkela-index-product-card:hover .paidika-kagkela-index-product-card-link {
    color: var(--orange);
}

/* Paidika kagkela index page: contact-block-top-left and title-text-block in one row, content-text-block alone in next row */
/* For screens from 1025px to 505px only */
@media (min-width: 505px) and (max-width: 1025px) {
    .paidika-kagkela-index-content-section .paidika-kagkela-index-content-wrapper {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto auto;
        gap: 20px;
    }
    
    .paidika-kagkela-index-content-section .paidika-kagkela-index-content-wrapper .contact-block-top-left {
        grid-column: 1;
        grid-row: 1;
        flex: none !important;
    }
    
    .paidika-kagkela-index-content-section .paidika-kagkela-index-content-wrapper .paidika-kagkela-index-title-text-block {
        grid-column: 2;
        grid-row: 1;
        flex: none !important;
    }
    
    .paidika-kagkela-index-content-section .paidika-kagkela-index-content-wrapper .paidika-kagkela-index-content-text-block {
        grid-column: 1 / -1;
        grid-row: 2;
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
        margin: 20px auto 50px auto;
        padding: 75px;
    }
    
    .paidika-kagkela-index-trust-intro-text {
        position: initial;
    }
    
    .paidika-kagkela-index-trust-content {
        margin: -20px 50px;
    }
}

/* Paidika kagkela index page: styles for screens 504px and less */
@media (max-width: 504px) {
    .paidika-kagkela-index-content-text-block {
        margin: 10px auto 60px auto;
        padding: 50px;
    }
    
    .paidika-kagkela-index-trust-intro-text {
        position: initial;
    }
    
    .paidika-kagkela-index-trust-content {
        padding: 10px;
        margin: -25px 5px 0px 50px;
    }
}

@media (max-width: 1024px) {
    .paidika-kagkela-index-content-wrapper {
        flex-direction: column;
    }
    .paidika-kagkela-index-contact-block-top-left,
    .paidika-kagkela-index-title-text-block {
        flex: 1 1 100%;
        max-width: 100%;
    }
    .paidika-kagkela-index-trust-container {
        flex-direction: column;
    }
    .paidika-kagkela-index-trust-left-column,
    .paidika-kagkela-index-trust-right-column {
        width: 100%;
        flex: 0 0 100%;
        padding: 40px 30px;
    }
    .paidika-kagkela-index-products-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .paidika-kagkela-index-cta-text-section {
        padding: 40px 20px;
    }
    .paidika-kagkela-index-cta-main-text {
        font-size: 22px;
    }
    .paidika-kagkela-index-cta-sub-text {
        font-size: 18px;
    }
    .paidika-kagkela-index-cta-disclaimer {
        font-size: 12px;
    }
    .paidika-kagkela-index-products-cards-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (max-width: 600px) {
    .paidika-kagkela-index-products-cards-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .paidika-kagkela-index-products-cards-section {
        padding: 40px 15px;
    }
}


@media (max-width: 505px) {
#companyArticles .contact-block-top-left {display:none!important;}
}


.guideForCounting { text-align: center;
    margin-top: 40px;
	font-size: 18px;
    font-weight: 400;
    color: var(--dark-blue);
    margin-bottom: 0;
    line-height: 1.4;}