/* css/sub/pages/quality-policy.css */
/* -------------------------------------------------------------------------- */
/* QUALITY POLICY PAGE - V2.2
/* Revizyon: Dev ekran (2000px+) için intro subtitle (qp-lead-subtitle) font değerleri 26px, 700, 39px olarak eklendi.
/* Prefix: qp- (Quality Policy)
/* -------------------------------------------------------------------------- */

html { scroll-behavior: smooth; scroll-padding-top: 0; overflow-x: clip !important; }
body { overflow-x: clip !important; }
main { margin-top: 0 !important; padding-top: 0 !important; }
img { max-width: 100%; height: auto; display: block; }
.qp-gap-35 { height: 35px; width: 100%; display: block; }

@media (min-width: 1200px) { .qp-new-intro, .qp-values-intro, .qp-activity-intro, .qp-more-content { scroll-margin-top: 125px !important; } }
@media (min-width: 1000px) and (max-width: 1199px) { html { scroll-padding-top: 0px !important; } }
@media (min-width: 700px) and (max-width: 999px) { html { scroll-padding-top: 73px !important; } }
@media (max-width: 699px) { .qp-new-intro, .qp-values-intro, .qp-activity-intro, .qp-more-content { scroll-margin-top: 40px !important; } }

.editorial-hero {
    position: relative; width: 100%; height: 400px !important; min-height: 400px !important; max-height: 400px !important;
    background-size: cover; background-position: center center; background-repeat: no-repeat; 
    display: flex; align-items: flex-end !important; justify-content: flex-start !important;
    padding-left: 0 !important; padding-right: 0 !important; padding-bottom: 3rem !important; 
    margin: 0; overflow: hidden; box-sizing: border-box;
}

.ed-hero-overlay {
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(to bottom, rgba(0,50,91,0.3), rgba(0,50,91,0.9)); z-index: 1;
}

.ed-hero-content {
    position: relative; z-index: 2; color: #fff; width: 100%; max-width: none !important; 
    padding-left: 0 !important; margin-left: 0 !important; display: block !important; text-align: left !important;
}
.ed-hero-content h1 { font-size: 3rem; font-weight: 700; line-height: 1.1; margin-bottom: 0.5rem; margin-top: 0 !important; color: #ffffff; }
.ed-subtitle { font-size: 26px; font-weight: 600; line-height: 1.2; opacity: 0.95; color: #ffffff; }

.qp-new-intro { margin-top: 54px !important; padding-bottom: 2rem; }
.qp-separator { border: none; border-top: 2px solid #00325B; width: 100%; margin-top: 0 !important; margin-bottom: 44px !important; }
.qp-upper-content { margin-bottom: 3rem; }

.qp-lead-subtitle { font-size: 18px; color: #435F6C; text-transform: uppercase; font-weight: 700 !important; display: block; margin-top: 54px !important; margin-bottom: 44px !important; }
.qp-lead-text { font-weight: 600 !important; color: #00325B; margin-top: 0 !important; margin-bottom: 80px !important; max-width: 100% !important; font-size: 26px !important; line-height: 1.3 !important; }
@media (min-width: 1024px) { .qp-lead-text { font-size: 42px !important; line-height: 55px !important; } }

.qp-values-intro { margin-top: 0 !important; }
.qp-values-intro .qp-why-heading { font-size: 24px !important; font-weight: 700 !important; color: #00325B; margin-bottom: 40px !important; margin-top: 0 !important; }
.qp-values-intro .qp-vision-lead { font-size: 30px !important; font-weight: 700 !important; color: #00325B; margin-bottom: 80px !important; max-width: 920px !important; }

/* MANIFESTO INTRO ALANI */
.qp-activity-intro { padding-top: 0 !important; padding-bottom: 20px; margin-top: 35px !important; }
.qp-activity-intro .qp-why-heading { font-size: 24px !important; font-weight: 700 !important; display: block; color: #00325B; margin-bottom: 40px !important; margin-top: 0 !important; }
.qp-activity-intro .qp-vision-lead { font-size: 30px !important; font-weight: 700 !important; color: #00325B; margin-bottom: 118px !important; max-width: 920px !important; }

@media (min-width: 1024px) {
    .qp-values-intro .qp-why-heading, .qp-activity-intro .qp-why-heading { font-size: 46px !important; line-height: 48px !important; }
    .qp-values-intro .qp-vision-lead, .qp-activity-intro .qp-vision-lead { font-size: 40px !important; line-height: 50px !important; }
}

/* =======================================================================
   BANNER STİLLERİ & İKON HİZALAMA
   ======================================================================= */
.qp-activity-banner { width: 100%; height: auto; display: flex; flex-direction: column; justify-content: flex-start; box-sizing: border-box; padding-top: 70px; padding-bottom: 130px; }
.qp-bg-light { background-color: #c7eafb; }
.qp-bg-dark { background-color: #00325B; }

.qp-act-icon-img { 
    height: 100px !important; 
    width: auto !important; 
    max-width: 180px; 
    object-fit: contain; 
    display: block; 
    margin-bottom: 65px; 
}

/* İkon Filtreleri */
.qp-bg-light .qp-act-icon-img { filter: brightness(0) saturate(100%) invert(13%) sepia(35%) saturate(3033%) hue-rotate(193deg) brightness(97%) contrast(105%); }
.qp-bg-dark .qp-act-icon-img { filter: brightness(0) invert(1); }

/* Banner Metinleri */
.qp-act-title { font-size: 24px; font-weight: 700; line-height: 1.4; margin: 0; margin-bottom: 56px; max-width: 1000px; }
.qp-act-text { font-size: 30px; font-weight: 700; line-height: 1.2; margin: 0; max-width: 1000px; }

@media (min-width: 1024px) {
    .qp-act-title { font-style: normal !important; font-size: 70px !important; font-weight: 600 !important; line-height: 72px !important; }
    .qp-act-text { font-style: normal !important; font-size: 38px !important; font-weight: 500 !important; line-height: 50px !important; }
}

.qp-bg-light .qp-act-title { color: #00325B; }
.qp-bg-dark .qp-act-title { color: #F8FDFF; }
.qp-bg-light .qp-act-text { color: #00325B; }
.qp-bg-dark .qp-act-text { color: #fff; }


/* DEV EKRAN (2000px+) */
@media (min-width: 2000px) {
    .editorial-hero { height: 550px !important; min-height: 550px !important; }
    .ed-hero-content h1 { font-size: 3.75rem !important; } .ed-subtitle { font-size: 1.5rem !important; }
    .ed-hero-content { max-width: 1300px !important; }
    
    /* REVIZYON: Fluid subtitle ayarı */
    .qp-lead-subtitle { font-size: 26px !important; font-weight: 700 !important; line-height: 39px !important; }
    
    .qp-lead-text { font-size: 56px !important; line-height: 73px !important; }
    .qp-values-intro .qp-vision-lead, .qp-activity-intro .qp-vision-lead { max-width: 1400px !important; }
    body .qp-share-content h2 { font-size: 52px !important; }
    body .qp-share-content p { font-size: 30px !important; max-width: 1200px !important; }
    .qp-share-icon { width: 70px !important; height: 65px !important; }
}

.qp-share-banner { width: 100%; height: 380px; background-color: #0071CE; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-align: center; padding: 0 20px; z-index: 20; }
.qp-share-content h2 { font-size: 3.5rem; font-weight: 700; margin-bottom: 20px; color: #fff; }
.qp-share-content p { font-size: 1.5rem; margin: 0 auto 40px auto; max-width: 900px; line-height: 1.4; color: #fff; }
.qp-share-btn { background: none; border: none; cursor: pointer; transition: transform 0.3s ease; }
.qp-share-btn:hover { transform: scale(1.1); }
.qp-share-icon { width: 50px; height: 45px; display: block; filter: brightness(0) invert(1); }

.qp-more-content { padding-top: 35px; padding-bottom: 80px; background-color: #fff; overflow: hidden; z-index: 25; }
.qp-more-content .qp-separator { display: none !important; }
.qp-more-header { display: block; margin-bottom: 80px; }
.qp-more-title-group h4 { font-size: 46px; font-weight: 600; color: #00325B; line-height: 48px; margin-bottom: 20px; }
.qp-more-title-group p { font-size: 40px; font-weight: 600; color: #00325B; line-height: 50px; margin: 0; margin-bottom: 100px; max-width: 800px; }
.qp-more-link { font-size: 1.1rem; font-weight: 700; color: #00325B; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; transition: all 0.3s; padding-bottom: 2px; }

.qp-pan-scroller { width: 100%; overflow-x: auto; overflow-y: hidden; cursor: grab; -ms-overflow-style: none; scrollbar-width: none; }
.qp-pan-scroller::-webkit-scrollbar { display: none; }
.qp-pan-track { display: flex; gap: 30px; width: max-content; }
.qp-pan-card { position: relative; width: 255px; flex-shrink: 0; text-decoration: none; display: flex; flex-direction: column; cursor: pointer; transition: box-shadow 0.3s ease; }
.qp-pan-card:hover { box-shadow: 0 10px 20px -5px rgba(0,0,0,0.15); z-index: 2; }
.qp-pan-img-wrap { width: 100%; height: 160px; overflow: hidden; position: relative; }
.qp-pan-img { width: 100%; height: 100%; object-fit: cover; }
.qp-pan-text-wrap { background-color: #F0F7FA; padding: 15px 20px; height: 80px; position: relative; display: block; box-sizing: border-box; transition: box-shadow 0.3s ease; }
.qp-pan-card:hover .qp-pan-text-wrap { box-shadow: 0 10px 15px -5px rgba(0,0,0,0.05); }
.qp-pan-name { font-size: 18px; line-height: 1.3; font-weight: 600; color: #00325B; margin: 0; padding-right: 30px; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; pointer-events: none; }
.qp-pan-arrow-icon { position: absolute; top: 22px; right: 20px; color: #00325B; opacity: 0; transform: translateX(-10px); transition: all 0.3s ease; }
.qp-pan-card:hover .qp-pan-arrow-icon { opacity: 1; transform: translateX(0); }

/* RESPONSIVE TABLET */
@media (min-width: 1000px) and (max-width: 1199px) {
    .editorial-hero { height: 400px !important; }
    .qp-why-heading { font-size: 20px !important; }
    .qp-vision-lead { font-size: 40px !important; line-height: 50px !important; max-width: 100% !important; }
    .qp-share-content h2 { font-size: 34px !important; } .qp-share-content p { font-size: 23px !important; }
    .qp-more-title-group h4 { font-size: 46px; } .qp-more-title-group p { font-size: 40px; }
    .sub-page-container, .qp-pan-track { padding-left: 40px !important; padding-right: 40px !important; }
    .qp-lead-text { font-size: 26px !important; line-height: 32px !important; max-width: 100% !important; }
    .qp-activity-banner { height: auto !important; padding-bottom: 130px !important; }
    .qp-act-title { font-size: 70px !important; line-height: 1.1 !important; }
    .qp-act-text { font-size: 38px !important; line-height: 1.4 !important; }
}

@media (min-width: 700px) and (max-width: 999px) {
    .editorial-hero { height: 400px !important; }
    .ed-hero-content h1 { font-size: 2.2rem !important; }
    .qp-share-banner { height: 350px; padding: 0 15px; }
    .qp-more-title-group h4 { font-size: 28px; } .qp-more-title-group p { font-size: 20px; margin-bottom: 50px; }
    .qp-values-intro .qp-vision-lead, .qp-activity-intro .qp-vision-lead { padding-bottom: 40px !important; max-width: 100% !important; }
    .sub-page-container, .qp-pan-track { padding-left: 30px !important; padding-right: 30px !important; }
    
    .qp-activity-banner { height: auto !important; padding: 70px 0; }
    .qp-act-title { font-size: 32px !important; margin-bottom: 20px; }
    .qp-act-text { font-size: 24px !important; line-height: 32px !important; }
    .qp-act-icon-img { height: 90px !important; max-width: 150px; margin-bottom: 50px !important; }
}

@media (max-width: 699px) {
    .editorial-hero { height: calc(100svh - 54px) !important; min-height: calc(100svh - 54px) !important; background-position: center top !important; align-items: center !important; }
    .ed-hero-content { padding: 0 20px; }
    .ed-hero-content h1 { font-size: 40px !important; line-height: 44px !important; }
    .ed-subtitle { font-size: 26px !important; margin-top: 0 !important; }
    
    .qp-new-intro { margin-top: 40px !important; }
    .qp-lead-subtitle { font-size: 20px !important; margin-top: 30px !important; margin-bottom: 30px !important; }
    .qp-lead-text { font-size: 26px !important; line-height: 34px !important; max-width: 100% !important; }
    .qp-separator { margin-top: 35px !important; }

    .qp-values-intro .qp-vision-lead, .qp-activity-intro .qp-vision-lead { padding-bottom: 35px !important; margin-bottom: 40px !important; font-size: 24px !important; max-width: 100% !important; }
    .qp-more-title-group h4 { font-size: 28px !important; }
    
    .qp-pan-track { gap: 15px !important; padding-left: 10px !important; }
    .qp-pan-arrow-icon { opacity: 1 !important; transform: translateX(0) !important; }
    .qp-pan-card { width: 245px !important; }
    .qp-pan-img-wrap { height: 150px !important; }
    .qp-share-banner { height: 350px; }

    .qp-activity-banner { height: auto !important; padding: 65px 0 !important; }
    .qp-act-title { font-size: 30px !important; line-height: 1.2 !important; margin-bottom: 16px !important; }
    .qp-act-text { font-size: 20px !important; line-height: 34px !important; }
    .qp-act-icon-img { height: 80px !important; max-width: 120px; margin-bottom: 30px !important; }
}