/* Imports & Global Settings */
@import url('https://fonts.googleapis.com/css2?family=Darker+Grotesque:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Istok+Web:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap');

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: 'Darker Grotesque', Arial, sans-serif;
    background: #EEE6F5;
    overflow-x: hidden;
}

/* Main Layout & Navigation */
header {
    color: white;
    padding: 15px;
    text-align: center;
}

nav {
    margin: 1px 0;
}

nav a, .nav-links a {
    margin: 0 15px;
    text-decoration: none !important;
}

nav a:hover {
    text-decoration: underline;
    color: #F1B650 !important;
}

footer {
    text-align: center;
    padding: 1rem;
    background: #eee;
    color: #333;
}

.navbar {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 120px;
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 32px;
    box-shadow: 0 2px 8px rgba(113,47,154,0.08);
    z-index: 100;
}

.logo-container {
    background: #712F9A;
    border-radius: 0;
    padding: 0 20px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 32px;
    box-sizing: border-box;
    text-decoration: none;
    transition: filter 0.2s;
}

.logo-text {
    color: #F1B650;
    font-family: 'Istok Web', Arial, sans-serif;
    font-weight: 700;
    font-size: 3.5rem;
    letter-spacing: 2px;
    text-align: center;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 5px;
    height: 100%;
    line-height: 1;
    pointer-events: none;
}

.nav-links {
    display: flex;
    gap: 56px;
    font-size: 2.2rem;
    font-weight: 400;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.nav-links a {
    color: #712F9A;
    text-decoration: none;
    font-family: 'Darker Grotesque', Arial, sans-serif;
    padding: 8px 0;
    position: relative;
    transition: color 0.2s;
}

.nav-links a::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: 4px;
    width: 100%;
    height: 3px;
    background: #F1B650;
    transform: scaleX(0);
    transition: transform 0.3s cubic-bezier(.4,0,.2,1);
}

.nav-links a:hover::after {
    transform: scaleX(1);
    color: #F1B650 !important;
}

/* Home Section */
.home-section,
.about-section,
.locations-section,
.products-section,
.career-section,
.contact-section {
    height: calc(100vh - 120px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;
    box-shadow: none;
    padding: 0;
    overflow: auto;
}

.home-section {
    min-height: calc(100vh - 120px);
    padding-top: 0;
    display: flex;
    margin-top: 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: transparent;
}

.home-content {
    position: relative;
    width: 100%;
    max-width: 1800px;
    height: 70vh;
    margin: 0 auto;
}

.home-text {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 45%;
    text-align: center;
}

.home-image-wrapper {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 55%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-text h1 {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 5rem;
    font-weight: 700;
    color: #000000;
    margin: 0 0 1rem 0;
    line-height: 1.3;
}

.headline-main, 
.headline-center {
    display: block;
    white-space: nowrap;
}

.headline-sub {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 1.3rem;
    color: #000000;
    margin-bottom: 2rem;
    font-weight: 400;
    display: block;
}

.scroll-down {
    margin: 0 auto;
    font-family: 'Inter', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    text-align: center;
    background: #712F9A;
    color: #F1B650;
    border: none;
    border-radius: 24px;
    padding: 0.75rem 2rem;
    display: block;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.home-image {
    position: relative;
    z-index: 2;
    max-width: 50%;
    height: auto;
}

.gradient-circle {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 70%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    background: linear-gradient(90deg, rgba(230,191,242,1) 0%, rgba(181,117,230,1) 50%, rgba(89,188,227,1) 100%);
}

/* About Us Section */
.about-section {
    background: transparent;
    height: auto;
    padding: 80px 32px;
}

.about-content {
    max-width: 1200px;
    width: 100%;
}

.about-header {
    text-align: center;
    margin-bottom: 60px;
}

.about-header h2 {
    font-family: 'Inter', sans-serif;
    font-size: 4.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.about-header h2 .force-purple {
    color: #712F9A;
}

.about-header h2 .good-yellow {
    color: #F1B650;
}

.about-header p {
    font-family: 'Inter', sans-serif;
    font-size: 1.3rem;
    color: #333;
    line-height: 1.7;
    max-width: 900px;
    margin: 0 auto;
}

.mission-vision-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.mission-card, .vision-card {
    background: #ffffff;
    padding: 40px;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.04);
    border-left: 5px solid #712F9A;
    width: 100%;
    max-width: 800px;
    box-sizing: border-box;
    text-align: left;
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}

.mission-card:hover, .vision-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0,0,0,0.07);
}

.mission-card h3, .vision-card h3 {
    font-family: 'Inter', sans-serif;
    font-size: 2.1rem;
    color: #712F9A;
    margin: 0 0 1rem 0;
}

.mission-card p, .vision-card p {
    font-family: 'Inter', sans-serif;
    font-size: 1.2rem;
    line-height: 1.7;
    color: #444;
}

/* MZE Details Section */
.mze-details-section {
    height: auto;
    padding: 80px 32px;
    background: #fff;
}

.mze-details-content {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    gap: 60px;
    align-items: flex-start;
}

.core-values-container {
    flex: 1.2;
}

.mze-services-container {
    flex: 1;
    background: #f9f6fc;
    padding: 40px;
    border-radius: 12px;
}

.core-values-container h2 {
    font-family: 'Inter', sans-serif;
    font-size: 2.3rem;
    margin: 0 0 30px 0;
    color: #712F9A;
}

.mze-services-container h2 {
    font-family: 'Inter', sans-serif;
    font-size: 2.3rem;
    margin: 0 0 15px 0;
    color: #712F9A;
}

.values-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px;
}

.value-card {
    background: #f9f6fc;
    padding: 25px;
    border-radius: 8px;
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}

.value-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 20px rgba(113, 47, 154, 0.1);
}

.value-card h4 {
    font-family: 'Inter', sans-serif;
    font-size: 1.3rem;
    margin: 0 0 8px 0;
    color: #333;
    display: flex;
    align-items: center;
    gap: 10px;
}

.value-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    background-color: #712F9A;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
}

.value-icon.excellence { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m363-310 117-71 117 71-31-133 104-90-137-11-53-126-53 126-137 11 104 90zM480-28 346-160H160v-186L28-480l132-134v-186h186l134-132 134 132h186v186l132 134-132 134v186H614zm0-112 100-100h140v-140l100-100-100-100v-140H580L480-820 380-720H240v140L140-480l100 100v140h140zm0-340'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m363-310 117-71 117 71-31-133 104-90-137-11-53-126-53 126-137 11 104 90zM480-28 346-160H160v-186L28-480l132-134v-186h186l134-132 134 132h186v186l132 134-132 134v186H614zm0-112 100-100h140v-140l100-100-100-100v-140H580L480-820 380-720H240v140L140-480l100 100v140h140zm0-340'/%3E%3C/svg%3E"); }
.value-icon.integrity { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M475-160q4 0 8-2t6-4l328-328q12-12 17.5-27t5.5-30q0-16-5.5-30.5T817-607L647-777q-11-12-25.5-17.5T591-800q-15 0-30 5.5T534-777l-11 11 74 75q15 14 22 32t7 38q0 42-28.5 70.5T527-522q-20 0-38.5-7T456-550l-75-74-175 175q-3 3-4.5 6.5T200-435q0 8 6 14.5t14 6.5q4 0 8-2t6-4l136-136 56 56-135 136q-3 3-4.5 6.5T285-350q0 8 6 14t14 6q4 0 8-2t6-4l136-135 56 56-135 136q-3 2-4.5 6t-1.5 8q0 8 6 14t14 6q4 0 7.5-1.5t6.5-4.5l136-135 56 56-136 136q-3 3-4.5 6.5T454-180q0 8 6.5 14t14.5 6m-1 80q-37 0-65.5-24.5T375-166q-34-5-57-28t-28-57q-34-5-56.5-28.5T206-336q-38-5-62-33t-24-66q0-20 7.5-38.5T149-506l232-231 131 131q2 3 6 4.5t8 1.5q9 0 15-5.5t6-14.5q0-4-1.5-8t-4.5-6L398-777q-11-12-25.5-17.5T342-800q-15 0-30 5.5T285-777L144-635q-9 9-15 21t-8 24 0 24.5 8 23.5l-58 58q-17-23-25-50.5T40-590t14-54.5T87-692l141-141q24-23 53.5-35t60.5-12 60.5 12 52.5 35l11 11 11-11q24-23 53.5-35t60.5-12 60.5 12 52.5 35l169 169q23 23 35 53t12 61-12 60.5-35 52.5L545-110q-14 14-32.5 22T474-80m-99-560'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M475-160q4 0 8-2t6-4l328-328q12-12 17.5-27t5.5-30q0-16-5.5-30.5T817-607L647-777q-11-12-25.5-17.5T591-800q-15 0-30 5.5T534-777l-11 11 74 75q15 14 22 32t7 38q0 42-28.5 70.5T527-522q-20 0-38.5-7T456-550l-75-74-175 175q-3 3-4.5 6.5T200-435q0 8 6 14.5t14 6.5q4 0 8-2t6-4l136-136 56 56-135 136q-3 3-4.5 6.5T285-350q0 8 6 14t14 6q4 0 8-2t6-4l136-135 56 56-135 136q-3 2-4.5 6t-1.5 8q0 8 6 14t14 6q4 0 7.5-1.5t6.5-4.5l136-135 56 56-136 136q-3 3-4.5 6.5T454-180q0 8 6.5 14t14.5 6m-1 80q-37 0-65.5-24.5T375-166q-34-5-57-28t-28-57q-34-5-56.5-28.5T206-336q-38-5-62-33t-24-66q0-20 7.5-38.5T149-506l232-231 131 131q2 3 6 4.5t8 1.5q9 0 15-5.5t6-14.5q0-4-1.5-8t-4.5-6L398-777q-11-12-25.5-17.5T342-800q-15 0-30 5.5T285-777L144-635q-9 9-15 21t-8 24 0 24.5 8 23.5l-58 58q-17-23-25-50.5T40-590t14-54.5T87-692l141-141q24-23 53.5-35t60.5-12 60.5 12 52.5 35l11 11 11-11q24-23 53.5-35t60.5-12 60.5 12 52.5 35l169 169q23 23 35 53t12 61-12 60.5-35 52.5L545-110q-14 14-32.5 22T474-80m-99-560'/%3E%3C/svg%3E"); }
.value-icon.loyalty { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m520-260 140-140q11-11 17.5-26t6.5-32q0-34-24-58t-58-24q-19 0-37.5 11T520-492q-30-28-47-38t-35-10q-34 0-58 24t-24 58q0 17 6.5 32t17.5 26zm336-130L570-104q-12 12-27 18t-30 6-30-6-27-18L103-457q-11-11-17-25.5T80-513v-287q0-33 23.5-56.5T160-880h287q16 0 31 6.5t26 17.5l352 353q12 12 17.5 27t5.5 30-5.5 29.5T856-390M513-160l286-286-353-354H160v286zM260-640q25 0 42.5-17.5T320-700t-17.5-42.5T260-760t-42.5 17.5T200-700t17.5 42.5T260-640m220 160'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='m520-260 140-140q11-11 17.5-26t6.5-32q0-34-24-58t-58-24q-19 0-37.5 11T520-492q-30-28-47-38t-35-10q-34 0-58 24t-24 58q0 17 6.5 32t17.5 26zm336-130L570-104q-12 12-27 18t-30 6-30-6-27-18L103-457q-11-11-17-25.5T80-513v-287q0-33 23.5-56.5T160-880h287q16 0 31 6.5t26 17.5l352 353q12 12 17.5 27t5.5 30-5.5 29.5T856-390M513-160l286-286-353-354H160v286zM260-640q25 0 42.5-17.5T320-700t-17.5-42.5T260-760t-42.5 17.5T200-700t17.5 42.5T260-640m220 160'/%3E%3C/svg%3E"); }
.value-icon.ownership { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M160-120q-33 0-56.5-23.5T80-200v-440q0-33 23.5-56.5T160-720h160v-80q0-33 23.5-56.5T400-880h160q33 0 56.5 23.5T640-800v80h160q33 0 56.5 23.5T880-640v440q0 33-23.5 56.5T800-120zm0-80h640v-440H160zm240-520h160v-80H400zM160-200v-440z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M160-120q-33 0-56.5-23.5T80-200v-440q0-33 23.5-56.5T160-720h160v-80q0-33 23.5-56.5T400-880h160q33 0 56.5 23.5T640-800v80h160q33 0 56.5 23.5T880-640v440q0 33-23.5 56.5T800-120zm0-80h640v-440H160zm240-520h160v-80H400zM160-200v-440z'/%3E%3C/svg%3E"); }
.value-icon.customer-service { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-480q-66 0-113-47t-47-113 47-113 113-47 113 47 47 113-47 113-113 47M160-160v-112q0-34 17.5-62.5T224-378q62-31 126-46.5T480-440t130 15.5T736-378q29 15 46.5 43.5T800-272v112zm80-80h480v-32q0-11-5.5-20T700-306q-54-27-109-40.5T480-360t-111 13.5T260-306q-9 5-14.5 14t-5.5 20zm240-320q33 0 56.5-23.5T560-640t-23.5-56.5T480-720t-56.5 23.5T400-640t23.5 56.5T480-560m0 320'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960'%3E%3Cpath d='M480-480q-66 0-113-47t-47-113 47-113 113-47 113 47 47 113-47 113-113 47M160-160v-112q0-34 17.5-62.5T224-378q62-31 126-46.5T480-440t130 15.5T736-378q29 15 46.5 43.5T800-272v112zm80-80h480v-32q0-11-5.5-20T700-306q-54-27-109-40.5T480-360t-111 13.5T260-306q-9 5-14.5 14t-5.5 20zm240-320q33 0 56.5-23.5T560-640t-23.5-56.5T480-720t-56.5 23.5T400-640t23.5 56.5T480-560m0 320'/%3E%3C/svg%3E"); }

.value-card p {
    font-family: 'Inter', sans-serif;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #444;
    margin: 0;
}

.mze-services-container .mze-intro {
    font-family: 'Inter', sans-serif;
    font-size: 1.1rem;
    line-height: 1.3;
    margin-bottom: 15px;
    color: #333;
}

.mze-services-container h3 {
    font-family: 'Inter', sans-serif;
    font-size: 1.7rem;
    margin-bottom: 20px;
    border-top: 1px solid #e0d1ed;
    padding-top: 25px;
}

.mze-services-container ul {
    font-family: 'Inter', sans-serif;
    list-style: none;
    padding: 0;
    margin: 0;
}

.mze-services-container ul li {
    font-size: 1rem;
    line-height: 1.7;
    margin-bottom: 20px;
    padding-left: 30px;
    position: relative;
}

.mze-services-container ul li::before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 5px;
    background-color: #712F9A;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41z'/%3E%3C/svg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.17l-4.17-4.17-1.42 1.41 5.59 5.59 12-12-1.41-1.41z'/%3E%3C/svg%3E");
    -webkit-mask-size: contain;
    mask-size: contain;
}

.mze-services-container ul li strong {
    color: #712F9A;
    display: block;
    font-size: 1.3rem;
}

/* Locations Section */
.locations-section {
    background: transparent;
}

.locations-layout {
    display: flex;
    gap: 40px;
    width: 100%;
    max-width: 1450px;
    padding: 0 32px;
    box-sizing: border-box;
    align-items: center;
}

.locations-left-panel {
    flex: 0 0 580px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.locations-left-panel h2 {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 4rem;
    font-weight: 700;
    color: #000000;
    line-height: 1.3;
    margin: 0 0 1rem 0;
    text-align: center;
    width: 100%;
}

.locations-left-panel > p {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    color: #000000;
    text-align: center;
    width: 100%;
    margin-top: 0;
}

.locations-right-panel {
    flex: 1;
    background-color: #d1c4e9;
    border-radius: 12px;
    align-self: stretch;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

#map-placeholder {
    text-align: center;
    color: #5f7a85;
    font-family: 'Inter', sans-serif;
    font-size: 1.2rem;
}

.locations-right-panel iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.search-container {
    width: 100%;
    margin: 20px 0;
}

#branch-search-input {
    width: 100%;
    padding: 12px 20px;
    font-size: 1rem;
    border-radius: 20px;
    border: 1px solid #ccc;
    font-family: 'Inter', sans-serif;
    box-sizing: border-box;
}

.branch-list-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    height: 620px;
    overflow-y: scroll;
    padding: 5px;
    margin-bottom: 20px;
    scroll-behavior: smooth;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.branch-list-container::-webkit-scrollbar {
    display: none;
}

.branch-card {
    background: #fff;
    border-radius: 8px;
    padding: 20px 25px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
    text-align: left;
    flex-shrink: 0;
    cursor: pointer;
    border: 2px solid transparent;
    transition: border-color 0.2s, box-shadow 0.2s;
}

.branch-card.selected {
    border-color: #712F9A;
    box-shadow: 0 4px 12px rgba(113, 47, 154, 0.25);
}

.branch-card h3 {
    font-family: 'Inter', sans-serif;
    font-size: 1.4rem;
    color: #712F9A;
    margin: 0 0 10px 0;
}

.branch-card p {
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    color: #555;
    margin: 4px 0;
    line-height: 1.5;
    text-align: left;
}

.branch-card .branch-landmark {
    font-style: italic;
    color: #7a7a81;
}

.branch-hours {
    margin-top: 15px;
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.branch-hours h4 {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    color: #333;
    margin: 0 0 8px 0;
    font-weight: 700;
}

.branch-hours p {
    margin: 2px 0;
    font-size: 0.85rem;
}

.scroll-arrow-btn {
    width: 50px;
    height: 50px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23712F9A' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

.scroll-arrow-btn:hover {
    background-color: #712F9A;
    border-color: #712F9A;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
}

/* Products Section */
.products-section {
    background: transparent;
}

.products-content {
    max-width: 1200px;
    width: 100%;
    text-align: center;
    padding: 0 16px;
}

.products-content h2 {
    font-family: 'Inter', sans-serif;
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.products-content > p {
    font-family: 'Inter', sans-serif;
    font-size: 1.2rem;
    color: #333;
    max-width: 650px;
    line-height: 1.6;
    margin: 0 auto 3.5rem auto;
}

.products-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 40px;
    width: 100%;
}

.product-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0,0,0,0.06);
    overflow: hidden;
    display: flex;
    flex-direction: column;
    text-align: left;
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;
}

.product-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(113, 47, 154, 0.12);
}

.product-image-container {
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.product-image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-card-body {
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}

.product-card-body h3 {
    font-family: 'Inter', sans-serif;
    font-size: 1.6rem;
    margin: 0 0 8px 0;
    color: #333;
}

.product-card-body p {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    color: #555;
    line-height: 1.5;
    margin: 0 0 25px 0;
    flex-grow: 1;
}

.product-card-btn {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    background: #712F9A;
    color: #F1B650;
    border: none;
    border-radius: 8px;
    padding: 12px 20px;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    transition: background 0.2s;
}

.product-card-btn:hover {
    background: #622886;
}

/* Career Section */
.career-section {
    background: transparent;
}

.career-content {
    max-width: 1200px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 32px;
    box-sizing: border-box;
    text-align: center;
}

.career-content h2 {
    font-family: 'Inter', sans-serif;
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 2rem;
}

.career-columns {
    display: flex;
    gap: 60px;
    width: 100%;
    margin-bottom: 3rem;
    align-items: flex-start;
}

.career-narrative-panel {
    flex: 1;
    text-align: left;
}

.career-values-panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.value-item {
    background: rgba(255, 255, 255, 0.5);
    border-left: 5px solid #712F9A;
    padding: 20px 25px;
    border-radius: 0 8px 8px 0;
    text-align: left;
}

.value-item h3 {
    font-family: 'Inter', sans-serif;
    font-size: 1.5rem;
    color: #712F9A;
    margin: 0 0 8px 0;
}

.value-item p {
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    color: #444;
    line-height: 1.6;
    margin: 0;
}

.career-intro {
    font-family: 'Inter', sans-serif;
    font-size: 1.2rem;
    color: #333;
    line-height: 1.6;
    margin-bottom: 2rem;
}

.career-highlights {
    background: rgba(255, 255, 255, 0.5);
    border-radius: 12px;
    padding: 1.5rem 2rem;
    text-align: left;
}

.career-highlights p {
    font-family: 'Inter', sans-serif;
    font-size: 1.1rem;
    color: #444;
    line-height: 1.7;
    margin: 0;
}

.career-highlights p:not(:last-child) {
    margin-bottom: 1.5rem;
}

.career-cta-headline {
    font-family: 'Inter', sans-serif;
    font-size: 2.5rem;
    font-weight: 700;
    color: #712F9A;
    margin: 0 0 1.5rem 0;
}
.apply-btn {
    font-family: 'Inter', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    background: #712F9A;
    color: #F1B650;
    border: none;
    border-radius: 24px;
    padding: 0.75rem 2rem;
    cursor: pointer;
    transition: background 0.2s, color 0.2s;
}

.scroll-down:hover,
.products-contact-btn:hover,
.apply-btn:hover {
    background: #622886;
}

/* Contact Us Section */
.contact-section {
    position: relative;
    background: transparent;
}

.contact-content {
    max-width: 700px;
    width: 100%;
    text-align: center;
    padding: 0 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-bottom: 60px;
    box-sizing: border-box;
}

.contact-content h2 {
    font-family: 'Inter', sans-serif;
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 1rem;
}

.contact-content p {
    font-family: 'Inter', sans-serif;
    font-size: 1.2rem;
    color: #333;
    max-width: 550px;
    line-height: 1.6;
}

.contact-info-grid {
    display: flex;
    gap: 30px;
    margin: 30px 0;
    justify-content: center;
}

.contact-info-item {
    background: #fff;
    padding: 20px 40px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.07);
    text-align: center;
}

.info-label {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    color: #712F9A;
    font-weight: 700;
    margin-bottom: 8px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.info-value {
    display: block;
    font-family: 'Inter', sans-serif;
    font-size: 1.5rem;
    color: #333;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s;
}

.info-value:hover {
    color: #712F9A;
}

.contact-secondary-text {
    margin-top: 20px;
    font-size: 1rem !important;
    color: #555 !important;
}

.facebook-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-top: 24px;
    padding: 0.85rem 2.2rem;
    background: #1877F2;
    color: #fff;
    border: none;
    border-radius: 28px;
    font-size: 1.4rem;
    font-family: 'Inter', Arial, sans-serif;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.2s;
}

.facebook-btn:hover {
    background: #166fe5;
}

/* Footer Section */
footer {
    background-color: #333;
    color: #fff;
    padding: 40px 32px;
    text-align: center;
}

.footer-content {
    max-width: 1200px;
    margin: 0 auto;
}

.footer-links {
    margin-bottom: 20px;
}

.footer-links a {
    color: #fff;
    text-decoration: none;
    margin: 0 20px;
    font-family: 'Inter', sans-serif;
    font-size: 1rem;
    transition: color 0.2s;
}

.footer-links a:hover {
    color: #F1B650;
}

.footer-copyright {
    font-family: 'Inter', sans-serif;
    font-size: 0.9rem;
    color: #aaa;
}

/* Modal Styles */
.modal {
    display: none; 
    position: fixed; 
    z-index: 1001; 
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto; 
    background-color: rgba(0,0,0,0.6); 
    padding-top: 60px;
}

.modal.visible {
    display: block;
}

.modal-content {
    background-color: #fefefe;
    margin: 5% auto;
    padding: 30px 40px;
    border: 1px solid #888;
    width: 80%;
    max-width: 800px;
    border-radius: 12px;
    position: relative;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    animation: slide-down 0.4s ease-out;
    font-family: 'Inter', sans-serif;
}

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

.modal-close {
    color: #aaa;
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.modal-close:hover,
.modal-close:focus {
    color: black;
    text-decoration: none;
}

.modal-content h2 {
    font-size: 2rem;
    color: #712F9A;
    margin-top: 0;
}

.modal-content h4 {
    font-size: 1.2rem;
    color: #333;
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

.modal-content p, .modal-content li {
    font-size: 1rem;
    line-height: 1.7;
    color: #333;
}

.modal-content ul {
    padding-left: 20px;
}

/* Responsive Design */
.hamburger {
    display: none;
    flex-direction: column;
    justify-content: space-around;
    width: 30px;
    height: 25px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0;
    z-index: 110;
}

.hamburger-bar {
    width: 100%;
    height: 3px;
    background-color: #712F9A;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
}

.hamburger.active .hamburger-bar:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

.hamburger.active .hamburger-bar:nth-child(2) {
    opacity: 0;
}

.hamburger.active .hamburger-bar:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}

@media (max-width: 1200px) {
    .nav-links {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: rgba(255, 255, 255, 0.98);
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 40px;
        z-index: 1000;
    }

    .nav-links.active {
        display: flex;
    }

    .nav-links a {
        font-size: 2.5rem;
    }

    .hamburger {
        display: block;
    }

    .home-section, .about-section, .mze-details-section, .locations-section, .products-section, .career-section, .contact-section {
        height: auto;
        min-height: 100vh;
        padding: 120px 24px;
    }

    .home-content {
        display: flex;
        flex-direction: column;
        height: auto;
        text-align: center;
        gap: 40px;
    }
    .home-text, .home-image-wrapper {
        position: static;
        transform: none;
        width: 100%;
    }
    .home-image-wrapper {
        position: relative;
    }
    .home-text h1 {
        font-size: 3.5rem;
    }

    .mze-details-content {
        flex-direction: column;
    }
    .values-grid {
        grid-template-columns: 1fr;
    }
    .mze-services-container h2 {
        white-space: normal;
    }

    .locations-layout {
        flex-direction: column;
        height: auto;
    }
    .locations-left-panel {
        flex-basis: auto;
        width: 100%;
    }
    .locations-right-panel {
        min-height: 400px;
        width: 100%;
    }

    .products-grid {
        grid-template-columns: 1fr;
    }

    .career-columns {
        flex-direction: column;
    }

    .contact-info-grid {
        flex-direction: column;
    }
}

@media (max-width: 900px) {
    .navbar {
        padding: 0 24px;
        height: 100px;
        justify-content: space-between;
    }

    .nav-links {
        display: none;
        position: absolute;
        top: 100px;
        left: 0;
        width: 100%;
        background: #fff;
        flex-direction: column;
        gap: 0;
        padding: 10px 0;
        box-shadow: 0 4px 8px rgba(0,0,0,0.05);
        z-index: 105;
    }

    .nav-links.active {
        display: flex;
    }

    .nav-links a {
        padding: 15px 24px;
        font-size: 1.8rem;
        width: 100%;
        text-align: center;
    }

    .hamburger {
        display: flex;
    }

    .home-section,
    .about-section,
    .locations-section,
    .products-section,
    .career-section,
    .contact-section {
        height: auto;
        min-height: calc(100vh - 100px);
        padding: 60px 24px;
    }

    .home-content {
        position: static;
        height: auto;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 40px;
    }

    .home-text, .home-image-wrapper {
        position: static;
        transform: none;
        width: 100%;
        max-width: 500px;
    }
    
    .home-image-wrapper {
        order: 1;
        position: relative;
    }

    .home-text h1 {
        font-size: 3.5rem;
    }

    .headline-main, .headline-center {
        white-space: normal;
    }

    .about-header h2 {
        font-size: 3rem;
    }

    .mze-details-content {
        flex-direction: column;
        gap: 40px;
    }

    .values-grid {
        grid-template-columns: 1fr;
    }

    .locations-layout {
        flex-direction: column;
    }

    .locations-left-panel {
        flex: 0 0 auto;
        width: 100%;
    }

    .locations-right-panel {
        height: auto;
        width: 100%;
        aspect-ratio: 1 / 1;
    }

    .career-columns {
        flex-direction: column;
        gap: 40px;
    }

    .contact-info-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .home-text h1 {
        font-size: 2.8rem;
        line-height: 1.2;
    }

    .headline-sub {
        font-size: 1.1rem;
    }

    .about-header h2 {
        font-size: 2.5rem;
    }

    .about-header p {
        font-size: 1.1rem;
    }

    .mission-card h3, .vision-card h3 {
        font-size: 1.8rem;
    }

    .mission-card p, .vision-card p {
        font-size: 1rem;
    }

    .core-values-container h2, .mze-services-container h2 {
        font-size: 2rem;
    }

    .locations-left-panel h2 {
        font-size: 3rem;
    }

    .products-content h2, .career-content h2, .contact-content h2 {
        font-size: 2.5rem;
    }
}

@media (max-width: 480px) {
    .about-header h2, .products-content h2, .career-content h2, .contact-content h2 {
        font-size: 3rem;
    }
    .home-text h1 {
        font-size: 48px;
    }
    .facebook-btn {
        font-size: 1.1rem;
        padding: 0.75rem 1.5rem;
    }
}