body.page-template-template-basit-sayfa #content {
margin: 0 !important;
padding: 0 !important;
}
body.page-template-template-template-basit-sayfa #secondary {
display: none !important;
}
.pgm-basit-page {
width: 100%;
background: #fafbfe;
font-family: inherit;
color: var(--pgm-dark);
} .pgm-basit-hero {
position: relative;
height: 30vh;
min-height: 220px;
max-height: 350px;
display: flex;
align-items: center;
overflow: hidden;
margin-top: -1px;
}
.pgm-basit-hero-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
z-index: 1;
}
.pgm-basit-hero-bg img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.pgm-basit-hero-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.50);
z-index: 2;
}
.pgm-basit-hero-content {
position: relative;
z-index: 3;
padding: 0;
text-align: left;
}
.pgm-basit-hero-title {
color: #fff;
font-size: clamp(2.2rem, 5vw, 4rem);
font-weight: 700;
margin: 0;
letter-spacing: 2px;
text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
} .pgm-basit-breadcrumb {
display: inline-flex;
align-items: center;
margin-top: 15px;
font-size: 11px;
font-weight: 700;
color: #ffffff;
letter-spacing: 1px;
}
.pgm-basit-breadcrumb-sep {
color: #ffffff;
font-size: 15px;
font-weight: 800;
margin: 0 8px;
opacity: 0.7;
}
.pgm-basit-home-icon {
display: flex;
align-items: center;
transition: transform 0.3s ease;
}
.pgm-basit-home-icon:hover {
transform: scale(1.1);
}
.pgm-basit-breadcrumb-current {
opacity: 0.8;
} .pgm-basit-content-section {
position: relative;
z-index: 10;
margin-top: -60px; padding-bottom: 80px;
}
.pgm-basit-container {
max-width: 950px; 
margin: 0 auto;
padding: 0 20px;
} .pgm-basit-paper {
background: #ffffff;
border-radius: 16px;
box-shadow: 0 15px 50px rgba(0, 0, 0, 0.05); 
border: 1px solid rgba(0,0,0,0.03); 
padding: 60px 70px;
font-size: 1.05rem;
line-height: 1.85;
color: rgba(0,0,0,0.75); 
} .pgm-basit-paper h1,
.pgm-basit-paper h2,
.pgm-basit-paper h3,
.pgm-basit-paper h4,
.pgm-basit-paper h5,
.pgm-basit-paper h6 {
color: var(--pgm-dark);
font-weight: 700;
margin-top: 2.2em;
margin-bottom: 0.8em;
line-height: 1.35;
letter-spacing: -0.5px;
}
.pgm-basit-paper h1 { font-size: 2.2rem; }
.pgm-basit-paper h2 { font-size: 1.8rem; }
.pgm-basit-paper h3 { font-size: 1.5rem; }
.pgm-basit-paper h1:first-child,
.pgm-basit-paper h2:first-child,
.pgm-basit-paper h3:first-child {
margin-top: 0;
}
.pgm-basit-paper p {
margin-bottom: 1.6em; }
.pgm-basit-paper a {
color: var(--pgm-primary);
text-decoration: underline;
font-weight: 600;
transition: color 0.3s;
}
.pgm-basit-paper a:hover {
color: var(--pgm-primary-dark);
}
.pgm-basit-paper ul,
.pgm-basit-paper ol {
margin: 0 0 1.8em 24px;
padding: 0;
}
.pgm-basit-paper ul li,
.pgm-basit-paper ol li {
margin-bottom: 0.6em;
position: relative;
}
.pgm-basit-paper strong,
.pgm-basit-paper b {
color: var(--pgm-dark); font-weight: 700;
}
.pgm-basit-paper blockquote {
border-left: 4px solid var(--pgm-primary);
padding: 15px 25px;
margin: 2em 0;
background: #fafbfe;
font-style: italic;
color: #444;
border-radius: 0 8px 8px 0;
} @media (max-width: 768px) {
.pgm-basit-hero {
padding: 80px 20px 100px 20px;
}
.pgm-basit-content {
margin-top: -50px;
padding-bottom: 50px;
}
.pgm-basit-paper {
padding: 35px 25px; border-radius: 12px;
}
.pgm-basit-paper h2 { font-size: 1.5rem; }
.pgm-basit-paper h3 { font-size: 1.25rem; }
} @keyframes pgmFadeInUp {
0% { opacity: 0; transform: translateY(30px); }
100% { opacity: 1; transform: translateY(0); }
}
.pgm-animate.pgm-fade-in-up {
animation: pgmFadeInUp 0.8s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}