@media (max-width: 900px) {
    .hero-v2-content {
        padding: 0 2rem 5rem;
    }
}

@media (max-width: 640px) {
    .hero-v2-content {
        padding: 0 1.25rem 5rem;
    }

    .hero-v2-heading {
        font-size: clamp(2.5rem, 11vw, 4rem);
    }

    .hero-v2-rn-btn,
    .hero-v2-rn-num {
        height: 42px;
    }
}

@media (max-width: 960px) {
    .hv3-content {
        left: 2rem;
        max-width: 440px;
    }

    .hv3-card {
        width: 300px;
    }
}

@media (max-width: 720px) {
    .hv3-content {
        left: 1.5rem;
        top: 2rem;
        max-width: calc(100% - 3rem);
    }

    .hv3-heading {
        font-size: clamp(1.7rem, 7vw, 2.6rem);
    }

    .hv3-ghost {
        font-size: clamp(6rem, 18vw, 10rem);
    }

    .hv3-card {
        width: 100%;
        border-right: none;
    }
}

@media (max-width: 480px) {
    .hv3 {
        min-height: 100svh;
        height: 100svh;
    }

    .hv3-content {
        left: 1.25rem;
    }

    .hv3-btns {
        gap: 0.75rem;
    }
}

@media (max-width: 1024px) {
    .haber-featured {
        grid-template-columns: 1fr 1fr;
    }

    .haber-featured-basin {
        display: none;
    }
}

@media (max-width: 768px) {
    .haber-featured {
        grid-template-columns: 1fr;
    }

    .haber-featured-img {
        height: 220px;
    }
}

@media (max-width: 768px) {
    .career-page-section {
        padding: 4rem 0;
    }

    .career-page-container {
        padding: 0 1rem;
    }

    .kariyer-team-photo {
        height: 320px;
    }

    .career-features-grid {
        grid-template-columns: 1fr;
        gap: 1.25rem;
    }

    .kariyer-team-banner {
        height: 260px;
        margin-top: 3rem;
    }

    .kariyer-team-banner-overlay {
        padding: 0 1.5rem;
    }

    .job-cards-grid {
        grid-template-columns: 1fr;
    }

    .job-modal-form .jmf-row {
        grid-template-columns: 1fr;
    }

    .job-modal {
        padding: 2rem 1.5rem;
    }
}

@media (max-width: 1024px) {
    .job-cards-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 1100px) {
    .nav-social, .nav-divider, .nav-lang {
        display: none;
    }
}

@media (max-width: 768px) {
    .page-banner-overlay {
        clip-path: none;
        background: linear-gradient(0deg, rgba(0, 10, 30, 0.85) 0%, rgba(0, 20, 50, 0.35) 70%, transparent 100%);
    }
}

@media (max-width: 1100px) {
    .mosaic-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .mc-r1-label-calisma {
        grid-column: 1/3;
    }

    .mc-r1-label-ulke {
        grid-column: 3/4;
    }

    .mc-r1-label-sektor {
        grid-column: 4/5;
    }

    .mc-r1-label-proje {
        display: none;
    }

    .mc-r2-calisma {
        grid-column: 1/3;
    }

    .mc-r2-ulke {
        grid-column: 3/4;
    }

    .mc-r2-deneyim {
        grid-column: 4/5;
    }

    .mc-r2-sektor-val {
        grid-column: 1/2;
        grid-row: 3;
    }

    .mc-r2-proje-val {
        grid-column: 2/5;
        grid-row: 3;
    }

    .mc-r3-yatirim {
        grid-column: 1/3;
        grid-row: 4;
    }

    .mc-r3-tamamlanan {
        grid-column: 3/5;
        grid-row: 4;
    }

    .mc-r3-devam {
        display: none;
    }

    .mc-r4-londra {
        grid-column: 1/3;
        grid-row: 5;
    }

    .mc-r4-altyapi {
        grid-column: 3/5;
        grid-row: 5;
    }

    .mc-r4-enerji {
        display: none;
    }

    .mc-r4-saglik {
        display: none;
    }

    .news-grid-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .subsidiary-scroll-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .footer-top-row {
        grid-template-columns: 1fr 1fr;
    }

    .leadership-text {
        padding: 3rem;
    }
}

@media (max-width: 1100px) {
    .nav-menu {
        display: none;
    }

    .nav-hamburger {
        display: flex;
    }

    .nav-mobile {
        display: block;
    }

    .nav-right {
        margin-left: auto;
    }
}

@media (max-width: 768px) {
    .sector-tiles {
        grid-template-columns: 1fr;
        height: auto;
    }

    .sector-tile {
        height: 180px;
    }

    .mosaic-section {
        padding: 3rem 0;
    }

    .mosaic-grid {
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }

    .mc-r1-label-calisma, .mc-r1-label-ulke, .mc-r1-label-sektor, .mc-r1-label-proje {
        display: none;
    }

    .mc-r2-calisma {
        grid-column: 1/3;
        grid-row: 1;
    }

    .mc-r2-ulke {
        grid-column: 1;
        grid-row: 2;
    }

    .mc-r2-deneyim {
        grid-column: 2;
        grid-row: 2;
    }

    .mc-r2-sektor-val {
        grid-column: 1;
        grid-row: 3;
    }

    .mc-r2-proje-val {
        grid-column: 2;
        grid-row: 3;
    }

    .mc-r3-yatirim, .mc-r3-tamamlanan, .mc-r3-devam {
        display: none;
    }

    .mc-r4-londra {
        grid-column: 1;
        grid-row: 4;
    }

    .mc-r4-altyapi {
        grid-column: 2;
        grid-row: 4;
    }

    .mc-r4-enerji, .mc-r4-saglik {
        display: none;
    }

    .leadership-section {
        grid-template-columns: 1fr;
    }

    .leadership-img {
        height: 320px;
    }

    .leadership-text {
        padding: 2.5rem 1.5rem;
    }

    .news-grid-wrap {
        grid-template-columns: 1fr;
    }

    .activities-inner {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .subsidiary-scroll-wrap {
        grid-template-columns: 1fr;
    }

    .cta-band-inner {
        flex-direction: column;
        text-align: center;
    }

    .footer-top-row {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .footer-bottom-row {
        flex-direction: column;
        text-align: center;
    }

    .mosaic-header {
        flex-direction: column;
        gap: 1rem;
    }

    .news-header {
        flex-direction: column;
    }
}

@media (max-width: 1024px) {
    .prj-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .projects-page-section {
        padding: 4rem 0;
    }

    .projects-page-container {
        padding: 0 1rem;
    }

    .projects-page-head {
        align-items: flex-start;
        margin-bottom: 2rem;
    }

    .projects-page-desc {
        max-width: none;
    }

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

@media (max-width: 1100px) {
    .pd-layout {
        grid-template-columns: 1fr 260px;
    }

    .pd-content-pad {
        padding: 2rem 2rem 3rem;
    }

    .pd-hero-overlay {
        padding: 2rem;
    }
}



@media (max-width: 991px) {
    .content-overlap {
        margin-top: 2rem;
        padding: 2rem;
    }
    .hero-title {
        font-size: 2.2rem;
    }
    .news-detail-hero {
        padding: 8rem 0 4rem;
        margin-bottom: 0;
    }
}

@media (max-width: 900px) {
    .pd-layout {
        grid-template-columns: 1fr;
        background: var(--white);
    }

    .pd-sidebar-col {
        background: #f5f6f8;
    }

    .pd-sidebar-sticky {
        position: static;
        padding: 2rem;
    }

    .pd-sidebar-list {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 0;
    }

    .pd-sidebar-card {
        border-right: none;
    }

    .pd-specs-row {
        grid-template-columns: 1fr;
        gap: 2.5rem;
    }

    .pd-specs-col {
        border-right: none;
        padding-right: 0;
        border-bottom: 1px solid rgba(0, 51, 102, 0.08);
        padding-bottom: 2.5rem;
    }

    .pd-chart-col {
        padding-left: 0;
    }

    .pd-donut-outer {
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 2rem;
    }
}

@media (max-width: 640px) {
    .pd-content-pad {
        padding: 1.5rem 1.25rem 3rem;
    }

    .pd-meta-strip {
        gap: 1rem;
    }

    .pd-meta-strip-item {
        border-right: none;
        padding-right: 0;
        margin-right: 0;
    }

    .pd-specs-grid {
        grid-template-columns: 1fr 1fr;
        row-gap: 1.5rem;
    }

    .pd-gallery-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .pd-sidebar-list {
        grid-template-columns: 1fr;
    }

    .pd-hero-title {
        font-size: 1.4rem;
    }
}

/* Inline CSS extracted from views/frontside/ */

/* Anasayfa */
.mc-r1-label-calisma {
    background: var(--teal-pale);
    min-height: 50px;
    padding: 0.75rem 2rem;
    justify-content: flex-start;
}

.mc-r1-label-ulke {
    background: var(--teal-pale);
    min-height: 50px;
    padding: 0.75rem 1.5rem;
    justify-content: flex-start;
}

.mc-r1-label-sektor {
    background: var(--gray-100);
    min-height: 50px;
    padding: 0.75rem 1.5rem;
    justify-content: flex-start;
}

.mc-r1-label-proje {
    background: var(--gray-100);
    min-height: 50px;
    padding: 0.75rem 1.5rem;
    justify-content: flex-start;
}

.mc-unit-light {
    color: rgba(255, 255, 255, 0.6);
}

.mc-unit-mw {
    font-size: 0.45em;
    font-weight: 600;
    vertical-align: middle;
    color: rgba(255, 255, 255, 0.7);
}

.mc-r4-enerji-bg {
    background: #cfd8dc;
}

.news-more-wrap {
    text-align: center;
    margin-top: 3rem;
}

.sustainability-subtitle {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--teal);
    margin-bottom: 0.75rem;
}

.sustainability-line {
    width: 48px;
    height: 3px;
    background: var(--teal);
    margin: 1.5rem 0;
}

.mt-05 {
    margin-top: 0.5rem;
}

.sustainability-strong {
    color: var(--navy);
    font-family: 'Montserrat', sans-serif;
    font-size: 0.85rem;
}

.mt-1 {
    margin-top: 1rem;
}

/* Iletisim */
.contact-section-wrap {
    padding: 7rem 0;
    background: var(--bg);
}

.contact-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 2rem;
}

.contact-form-card {
    background: var(--white);
    padding: 3.5rem;
}

.contact-heading {
    font-size: 2rem;
    margin-bottom: 2rem;
}

.contact-label {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: var(--navy);
    display: block;
    margin-bottom: 0.5rem;
}

.contact-asterisk {
    color: var(--teal);
}

.contact-input {
    width: 100%;
    border: 1px solid var(--gray-200);
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 2px solid var(--gray-200);
    background: transparent;
    padding: 0.75rem 0;
    font-size: 0.9rem;
    color: var(--text);
    outline: none;
    transition: border-color 0.2s;
}

.contact-input:focus {
    border-bottom-color: var(--teal);
}

.contact-input-alt {
    width: 100%;
    border: none;
    border-bottom: 2px solid var(--gray-200);
    background: transparent;
    padding: 0.75rem 0;
    font-size: 0.9rem;
    color: var(--text);
    outline: none;
    transition: border-color 0.2s;
}

.contact-input-alt:focus {
    border-bottom-color: var(--teal);
}

.contact-select {
    width: 100%;
    border: none;
    border-bottom: 2px solid var(--gray-200);
    background: transparent;
    padding: 0.75rem 0;
    font-size: 0.9rem;
    color: var(--text-mid);
    outline: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.contact-textarea {
    width: 100%;
    border: none;
    border-bottom: 2px solid var(--gray-200);
    background: transparent;
    padding: 0.75rem 0;
    font-size: 0.9rem;
    color: var(--text);
    outline: none;
    resize: vertical;
    font-family: 'Open Sans', sans-serif;
    transition: border-color 0.2s;
}

.contact-textarea:focus {
    border-bottom-color: var(--teal);
}

.contact-checkbox-label {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    cursor: pointer;
    font-size: 0.82rem;
    color: var(--text-mid);
}

.contact-checkbox {
    margin-top: 3px;
    flex-shrink: 0;
    accent-color: var(--navy);
}

.contact-kvkk-link {
    color: var(--teal);
}

.contact-submit {
    width: 100%;
    justify-content: center;
    padding: 1.1rem;
}

.office-card-navy {
    background: var(--navy);
    padding: 2.5rem;
    margin-bottom: 1.5rem;
}

.office-card-title-teal {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--teal-light);
    margin-bottom: 1.25rem;
}

.office-detail-row {
    display: flex;
    gap: 0.85rem;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.office-icon-teal {
    color: var(--teal-light);
    width: 14px;
    flex-shrink: 0;
    margin-top: 3px;
}

.office-text-light {
    color: rgba(255, 255, 255, 0.88);
    font-size: 0.875rem;
    line-height: 1.55;
}

.office-card-white {
    background: var(--white);
    border: 1px solid var(--gray-200);
    padding: 2.5rem;
    margin-bottom: 1.5rem;
}

.office-card-title-dark-teal {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.62rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: var(--teal);
    margin-bottom: 1.25rem;
}

.office-detail-row-alt {
    display: flex;
    gap: 0.85rem;
    align-items: center;
    margin-bottom: 1rem;
}

.office-icon-dark-teal {
    color: var(--teal);
    width: 14px;
    flex-shrink: 0;
}

.office-text-mid {
    color: var(--text-mid);
    font-size: 0.875rem;
}

.social-card {
    background: var(--gray-100);
    padding: 2rem;
}

.social-card-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 0.65rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--text-mid);
    margin-bottom: 1rem;
}

.social-links-row {
    display: flex;
    gap: 0.5rem;
}

.social-link-item {
    width: 38px;
    height: 38px;
    background: var(--white);
    border: 1px solid var(--gray-200);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--navy);
    font-size: 0.85rem;
    transition: var(--tr);
}

.social-link-item:hover {
    background: var(--navy);
    color: var(--teal-light);
    border-color: var(--navy);
}

/* Footer */
.footer-london-title {
    margin-top: 1.5rem;
}

/* Haberler Detail & List Overrides for Mobile */
@media (max-width: 768px) {
    .news-page-section, .news-detail-section {
        padding: 3rem 0;
    }

    .news-page-container, .news-detail-container {
        padding: 0 1rem;
    }

    .news-detail-content {
        padding: 1.5rem;
    }

    .news-main-img img {
        max-height: 300px;
    }
}

@media (max-width: 1024px) {
    .about-values-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .about-intro-section,
    .about-values-section {
        padding: 4rem 0;
    }

    .about-intro-container {
        grid-template-columns: 1fr;
        gap: 2rem;
        padding: 0 1rem;
    }

    .about-intro-image {
        height: 320px;
    }

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

    .about-values-container {
        padding: 0 1rem;
    }

    .tl-item {
        grid-template-columns:32px 1fr;
    }

    .tl-left {
        display: none;
    }

    .tl-right .tl-card {
        border-left: 3px solid var(--teal);
        border-right: none;
        transform: translateX(0);
    }

    .tl-right .tl-card-wrap {
        padding-left: 1.5rem;
        padding-right: 0;
    }

    .tl-right.tl-card-wrap {
        padding-left: 1.5rem;
        padding-right: 0;
    }

    .tl-dot {
        margin-top: 2.75rem;
    }
}

@media (max-width: 960px) {
    .belge-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .front-page-container {
        padding: 0 1rem;
    }

    .history-timeline-section {
        padding: 4rem 0;
    }

    .documents-intro-section {
        padding: 4rem 0 2rem;
    }

    .documents-grid-section {
        padding: 2rem 0 4rem;
    }

    .documents-cta-section {
        padding: 4rem 0;
    }

    .policy-text-container {
        padding: 30px 20px;
    }
    .policy-text-container h1 { font-size: 1.8rem; }
    .policy-text-container h2 { font-size: 1.5rem; }
}

@media (max-width: 580px) {
    .belge-grid {
        grid-template-columns: 1fr;
    }

    .belge-card-footer {
        align-items: flex-start;
        flex-direction: column;
        gap: 0.9rem;
    }
}

@media (max-width: 991px) {
    .sector-detail-section {
        padding: 4rem 0;
    }

    .sector-detail-image {
        height: 340px;
    }
}

@media (max-width: 640px) {
    .sector-detail-number {
        top: 1rem;
        font-size: 2.5rem;
        padding: 0.75rem 1rem;
    }

    .sector-detail-number-left {
        left: -0.5rem;
    }

    .sector-detail-number-right {
        right: -0.5rem;
    }

    .sector-stats-row {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }

    .sector-stat-item {
        text-align: left;
    }
}


/* ==================================================
   404 ERROR PAGE RESPONSIVE
================================================== */
@media (max-width: 991px) {
    .error-404-container { flex-direction: column; text-align: center; gap: 3rem; }
    .error-404-content { max-width: 100%; display: flex; flex-direction: column; align-items: center; }
    .error-404-visual { height: 300px; width: 100%; }
}
@media (max-width: 768px) {
    .error-404-section { padding: 4rem 0; }
    .error-404-title { font-size: 7rem; }
    .error-404-subtitle { font-size: 1.5rem; }
}
@media (max-width: 480px) {
    .error-404-title { font-size: 5rem; }
    .error-404-visual { height: 200px; }
    .error-circle-1 { width: 200px; height: 200px; }
    .error-circle-2 { width: 150px; height: 150px; }
    .error-icon { font-size: 4rem; }
}