@charset "utf-8";

/* PVC Pencere & Kapı Sistemleri (Sadece bu sayfa) */
#pvc-scope{
--kg-accent:#00A6E6; /* Turkuaz */
--kg-fume:#2D3B4A; /* Logo fümeye yakın */
--kg-text:#243041;
--kg-muted:#4B5A6A;
--kg-border:rgba(45,59,74,.16);
--kg-border-accent:rgba(0,166,230,.55);

color:var(--kg-text);
}

/* Bu sayfada link/başlık/paragraph dış etki yemesin */
#pvc-scope a{ text-decoration:none; }
#pvc-scope *{ box-sizing:border-box; }

/* ======================================= */
/* === SLIDER === */
/* ======================================= */
#pvc-scope .page-slider{ position:relative; width:100%; overflow:hidden; }
#pvc-scope .page-slider .slider-item{ position:relative; }
#pvc-scope .page-slider img{ width:100%; height:264px; object-fit:cover; display:block; } /* %10 artırıldı */

/* ŞERİTSİZ / BLUR'SUZ okunurluk: sadece yazı + premium shadow + yumuşak spotlight */
#pvc-scope .slider-caption{
position:absolute;
left:50%; top:50%;
transform:translate(-50%,-50%);
text-align:center;
color:#fff;
width:min(1200px,92%);
padding:0;
border:0;
background:transparent;
box-shadow:none;
backdrop-filter:none;
-webkit-backdrop-filter:none;
z-index:2;
}

#pvc-scope .slider-caption::before{
content:"";
position:absolute;
left:50%; top:50%;
transform:translate(-50%,-50%);
width:min(980px,96%);
height:180px;
background:radial-gradient(closest-side at 50% 50%,
rgba(0,0,0,.55) 0%,
rgba(0,0,0,.25) 55%,
rgba(0,0,0,0) 78%);
pointer-events:none;
z-index:-1;
}

#pvc-scope .slider-caption h1{
margin:0;
font-size:48px;
letter-spacing:.6px;
font-weight:900;
text-transform:uppercase;
text-shadow:
0 2px 10px rgba(0,0,0,.75),
0 16px 48px rgba(0,0,0,.45);
-webkit-text-stroke: 1px rgba(0,0,0,.45);
}

#pvc-scope .slider-caption p{
margin:10px 0 0;
font-size:19px;
font-weight:700;
letter-spacing:.2px;
opacity:1;
text-shadow:
0 2px 10px rgba(0,0,0,.65),
0 14px 38px rgba(0,0,0,.35);
}

/* Başlık satırı (sayfa içi) */
#pvc-scope .main-title{
margin:0;
color:var(--kg-fume);
font-size:38px;
font-weight:950;
letter-spacing:.2px;
font-family:"Segoe UI","Arial",sans-serif;
}

#pvc-scope .header-line{
width:84px; height:3px; margin:14px auto 0;
background:var(--kg-accent); border-radius:999px;
}

#pvc-scope .intro-text{
font-size:19px;
color:var(--kg-muted);
line-height:1.8;
}

/* ======================================= */
/* === MARKA KARTLARI (SADECE LOGO + BUTON) === */
/* ======================================= */
#pvc-scope .pvc-grid{
display:grid !important;
grid-template-columns:repeat(4,minmax(0,1fr)) !important;
gap:22px !important;
}

#pvc-scope .app-card {
position: relative; height: 240px !important; /* Logo tam sığması için düşürüldü */
overflow: hidden; border-radius: 8px;
text-decoration: none; display: block; border: 1px solid #e0e0e0; transition: all 0.4s ease;
background-color: #ffffff;
}
#pvc-scope .app-card:hover { border-color: var(--kg-accent); box-shadow: 0 15px 30px rgba(0,0,0,0.15); }
#pvc-scope .card-bg {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background-size: cover; /* --- DÜZELTİLDİ: Logoların kutuyu tam doldurması için --- */
background-repeat: no-repeat;
background-position: center;
transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#pvc-scope .app-card:hover .card-bg { transform: scale(1.05); } /* Hafif zoom efekti */
#pvc-scope .card-content {
position: absolute; left: 0; right: 0; bottom: 15px;
z-index: 2;
text-align: center;
}
#pvc-scope .btn-text {
color: white; font-weight: 700; font-size: 13px; text-transform: uppercase; display: inline-flex;
align-items: center; gap: 8px; background: var(--kg-accent); padding: 8px 15px; border-radius: 4px;
transition: all 0.4s ease; box-shadow: 0 10px 22px rgba(0,0,0,.16);
}
#pvc-scope .app-card:hover .btn-text { background: rgba(45,59,74,.94); color: white; box-shadow: 0 14px 30px rgba(45,59,74,.22); }


/* ======================================= */
/* === İÇERİK (METİN BLOKLARI) === */
/* ======================================= */
#pvc-scope .pvc-content{
margin-top:18px;
color:var(--kg-text);
}

#pvc-scope .pvc-content h2{
margin:42px 0 14px;
font-size:28px;
font-weight:950;
color:var(--kg-fume); /* Lacivert */
letter-spacing:.2px;
font-family:"Segoe UI","Arial",sans-serif;
}

#pvc-scope .pvc-content h3{
margin:22px 0 10px;
font-size:20px;
font-weight:900;
color:var(--kg-fume); /* Lacivert */
}

#pvc-scope .pvc-content p{
margin:0 0 14px;
font-size:17px;
line-height:1.9;
color:var(--kg-text);
}

#pvc-scope .pvc-content ul,
#pvc-scope .pvc-content ol{
margin:10px 0 18px 22px;
padding:0;
}

#pvc-scope .pvc-content li{
margin:8px 0;
line-height:1.8;
color:var(--kg-text);
font-size:16.5px;
}

#pvc-scope .pvc-divider{
height:1px;
background:linear-gradient(to right, rgba(0,166,230,0), rgba(0,166,230,.28), rgba(0,166,230,0));
margin:42px 0 6px;
}

/* ======================================= */
/* === SSS / AKORDİYON === */
/* ======================================= */
#pvc-scope .pvc-faq{
margin:44px 0 10px;
}

#pvc-scope .pvc-faq h2{
margin:0 0 16px;
font-size:28px;
font-weight:950;
color:var(--kg-fume);
}

#pvc-scope .faq-list{
display:flex;
flex-direction:column;
gap:12px;
}

#pvc-scope details.faq-item{
border:1px solid rgba(0,166,230,.35);
border-radius:16px;
background:#fff;
overflow:hidden;
box-shadow:0 10px 28px rgba(0,0,0,.06);
}

#pvc-scope details.faq-item[open]{
border-color:var(--kg-accent);
box-shadow:0 14px 36px rgba(0,0,0,.08);
}

#pvc-scope details.faq-item > summary{
cursor:pointer;
list-style:none;
padding:16px 46px 16px 18px;
font-weight:950;
color:var(--kg-fume);
font-size:16.5px;
position:relative;
outline:none;
}

#pvc-scope details.faq-item > summary:focus-visible{
outline:3px solid var(--kg-border-accent);
outline-offset:3px;
border-radius:12px;
}

#pvc-scope details.faq-item > summary::-webkit-details-marker{ display:none; }

#pvc-scope details.faq-item > summary::after{
content:"+";
position:absolute;
right:16px;
top:50%;
transform:translateY(-50%);
width:28px;
height:28px;
border-radius:999px;
display:grid;
place-items:center;
color:var(--kg-accent);
border:1px solid rgba(0,166,230,.55);
font-weight:950;
background:#fff;
}

#pvc-scope details.faq-item[open] > summary::after{ content:"–"; }

#pvc-scope .faq-body{
padding:0 18px 16px;
}

#pvc-scope .faq-body p{
margin:0;
color:var(--kg-text);
font-size:16.5px;
line-height:1.9;
}

/* ======================================= */
/* === RESPONSIVE === */
/* ======================================= */
@media (max-width:1200px){
#pvc-scope .pvc-grid{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
#pvc-scope .app-card{ height: 220px !important; } /* Responsive yükseklik */
#pvc-scope .page-slider img{ height:242px; } /* %10 artırıldı */
#pvc-scope .slider-caption h1{ font-size:38px; }
#pvc-scope .slider-caption p{ font-size:17px; }
#pvc-scope .slider-caption::before{ height:160px; }
#pvc-scope .main-title{ font-size:34px; }
}

@media (max-width:640px){
#pvc-scope .pvc-grid{ grid-template-columns:1fr !important; }
#pvc-scope .app-card{ height: 200px !important; } /* Responsive yükseklik */
#pvc-scope .page-slider img{ height:198px; } /* %10 artırıldı */
#pvc-scope .slider-caption h1{ font-size:26px; }
#pvc-scope .slider-caption p{ font-size:14px; }
#pvc-scope .slider-caption::before{ height:140px; width:min(720px,96%); }
#pvc-scope .main-title{ font-size:28px; }
#pvc-scope .intro-text{ font-size:16.5px; }
#pvc-scope .pvc-content p{ font-size:16px; }
}