@charset "UTF-8";
 body.page-template-template-hizmet-detay .site-content,
body.page-template-template-hizmet-detay .site-content .ast-container,
body.page-template-template-hizmet-detay #primary {
max-width: 100% !important;
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
float: none !important;
}
body.page-template-template-hizmet-detay #secondary {
display: none !important;
}
.pgm-hd-page {
width: 100%;
background: #fff;
}
.pgm-hd-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
} .pgm-hd-hero {
position: relative;
height: 30vh;
min-height: 220px;
max-height: 350px;
display: flex;
align-items: center;
overflow: hidden;
margin-top: -1px;
}
.pgm-hd-hero-bg {
position: absolute;
inset: 0;
background-size: cover;
background-position: center;
background-color: var(--pgm-dark);
z-index: 1;
}
.pgm-hd-hero-bg img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.pgm-hd-hero-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.50);
z-index: 2;
}
.pgm-hd-hero-content {
text-align: left;
}
.pgm-hd-hero-title {
color: #fff;
font-size: clamp(2rem, 5vw, 3.5rem);
font-weight: 700;
margin: 0;
letter-spacing: 2px;
text-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}
.pgm-hd-breadcrumb {
display: inline-flex;
align-items: center;
margin-top: 12px;
font-size: 11px;
font-weight: 700;
color: #fff;
letter-spacing: 1px;
gap: 0;
}
.pgm-hd-breadcrumb a {
color: rgba(255, 255, 255, 0.85);
text-decoration: none;
display: inline-flex;
align-items: center;
transition: color 0.3s;
}
.pgm-hd-breadcrumb a:hover {
color: #fff;
}
.pgm-hd-sep {
color: rgba(255, 255, 255, 0.5);
margin: 0 8px;
font-weight: 800;
}
.pgm-hd-current {
opacity: 0.7;
} .pgm-hd-content-section {
padding: 80px 0;
}
.pgm-hd-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 50px;
align-items: stretch;
} .pgm-hd-grid:has(.pgm-hd-collage-col:empty) {
grid-template-columns: 1fr;
max-width: 900px;
margin: 0 auto;
} .pgm-hd-article-col {
display: flex;
flex-direction: column;
}
.pgm-hd-intro-wrap {
display: flex;
align-items: flex-start;
gap: 20px;
margin-bottom: 25px;
}
.pgm-hd-intro-icon {
width: 60px;
height: 60px;
min-width: 60px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background: rgba(227, 30, 36, 0.06);
padding: 12px;
}
.pgm-hd-intro-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.pgm-hd-intro-text {
flex-grow: 1;
}
.pgm-hd-intro-title {
font-size: 2.1rem;
font-weight: 700;
color: var(--pgm-dark);
margin: 0 0 10px 0;
line-height: 1.25;
}
.pgm-hd-intro-line {
width: 60px;
height: 3px;
background: var(--pgm-primary);
}
.pgm-hd-intro-desc {
font-size: 1.15rem;
font-weight: 600;
color: var(--pgm-text-light);
line-height: 1.6;
margin-bottom: 30px;
border-left: 3px solid var(--pgm-primary);
padding-left: 20px;
} .pgm-hd-article {
color: var(--pgm-text);
font-size: 1.05rem;
line-height: 1.8;
}
.pgm-hd-article h2,
.pgm-hd-article h3,
.pgm-hd-article h4 {
color: var(--pgm-dark);
margin-top: 30px;
margin-bottom: 15px;
}
.pgm-hd-article h2 {
font-size: 1.5rem;
}
.pgm-hd-article h3 {
font-size: 1.25rem;
}
.pgm-hd-article p {
margin-bottom: 20px;
}
.pgm-hd-article ul,
.pgm-hd-article ol {
margin: 20px 0 20px 20px;
padding-left: 10px;
}
.pgm-hd-article li {
margin-bottom: 8px;
} .pgm-hd-collage-col {
position: relative;
} .pgm-hd-mosaic {
position: sticky;
top: 120px;
display: grid;
grid-template-columns: 5fr 5fr;
gap: 15px;
height: 600px; border-radius: var(--pgm-radius);
overflow: hidden; } .pgm-hd-mosaic-left {
height: 100%;
}
.pgm-hd-mosaic-left .pgm-hd-mosaic-img {
height: 100%;
} .pgm-hd-mosaic-right {
display: grid;
grid-template-rows: 1fr 1fr;
gap: 15px;
height: 100%;
} .pgm-hd-mosaic-img {
position: relative;
overflow: hidden;
background: #f1f2f4;
}
.pgm-hd-mosaic-img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.6s ease;
}
.pgm-hd-mosaic-img:hover img {
transform: scale(1.05); } .pgm-hd-mosaic-img::after {
content: '';
position: absolute;
inset: 15px; border: 1px solid rgba(255, 255, 255, 0.7);
z-index: 2;
pointer-events: none; transition: all 0.3s ease;
} .pgm-hd-mosaic-img:hover::after {
border-color: rgba(255, 255, 255, 0.9);
inset: 12px;
} .pgm-hd-features-section {
background: var(--pgm-bg-light, #f8f9fa);
padding: 80px 0;
}
.pgm-hd-features-header {
text-align: center;
margin-bottom: 50px;
}
.pgm-hd-features-tag {
display: inline-block;
font-size: 11px;
font-weight: 700;
letter-spacing: 2px;
color: var(--pgm-primary);
margin-bottom: 10px;
}
.pgm-hd-features-title {
font-size: 2rem;
font-weight: 700;
color: var(--pgm-dark);
margin: 0;
}
.pgm-hd-features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.pgm-hd-feature {
background: #fff;
border-radius: 12px;
padding: 30px 25px;
display: flex;
gap: 18px;
align-items: flex-start;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);
border: 1px solid rgba(0, 0, 0, 0.04);
transition: all 0.35s ease;
}
.pgm-hd-feature:hover {
transform: translateY(-4px);
box-shadow: 0 12px 35px rgba(0, 0, 0, 0.08);
border-color: rgba(227, 30, 36, 0.15);
}
.pgm-hd-feature-icon {
width: 44px;
height: 44px;
min-width: 44px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 12px;
background: rgba(227, 30, 36, 0.07);
color: var(--pgm-primary);
}
.pgm-hd-feature-icon img {
width: 22px;
height: 22px;
object-fit: contain;
}
.pgm-hd-feature-text h4 {
font-size: 1rem;
font-weight: 700;
color: var(--pgm-dark);
margin: 0 0 6px 0;
}
.pgm-hd-feature-text p {
font-size: 0.9rem;
color: var(--pgm-text);
line-height: 1.55;
margin: 0;
} .pgm-hd-cta {
padding: 70px 0;
}
.pgm-hd-cta-inner {
display: flex;
align-items: center;
justify-content: space-between;
background: var(--pgm-dark);
border-radius: 16px;
padding: 50px 55px;
gap: 40px;
}
.pgm-hd-cta-text h3 {
color: #fff;
font-size: 1.6rem;
font-weight: 700;
margin: 0 0 10px 0;
}
.pgm-hd-cta-text p {
color: rgba(255, 255, 255, 0.7);
font-size: 1rem;
margin: 0;
line-height: 1.6;
}
.pgm-hd-cta-btn {
display: inline-flex;
align-items: center;
gap: 10px;
background: var(--pgm-primary);
color: #fff;
padding: 16px 35px;
border-radius: 8px;
font-size: 1rem;
font-weight: 700;
text-decoration: none;
white-space: nowrap;
transition: all 0.3s ease;
}
.pgm-hd-cta-btn:hover {
background: var(--pgm-primary-dark, #b3161b);
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(227, 30, 36, 0.3);
}
.pgm-hd-cta-btn svg {
transition: transform 0.3s;
}
.pgm-hd-cta-btn:hover svg {
transform: translateX(4px);
} @keyframes pgmHdFadeUp {
0% {
opacity: 0;
transform: translateY(30px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
.pgm-animate {
opacity: 0;
animation: pgmHdFadeUp 0.7s cubic-bezier(0.16, 1, 0.3, 1) forwards;
} @media (max-width: 992px) {
.pgm-hd-grid {
grid-template-columns: 1fr;
}
.pgm-hd-mosaic {
position: static;
height: auto;
grid-template-columns: 1fr; }
.pgm-hd-mosaic-left {
aspect-ratio: 4/3;
}
.pgm-hd-mosaic-right {
grid-template-columns: 1fr 1fr; grid-template-rows: auto;
}
.pgm-hd-mosaic-top,
.pgm-hd-mosaic-bottom {
aspect-ratio: 1;
}
.pgm-hd-features-grid {
grid-template-columns: 1fr 1fr;
}
.pgm-hd-cta-inner {
flex-direction: column;
text-align: center;
padding: 40px 30px;
}
}
@media (max-width: 768px) {
.pgm-hd-hero {
min-height: 200px;
}
.pgm-hd-intro-wrap {
flex-direction: column;
align-items: flex-start;
gap: 15px;
}
.pgm-hd-mosaic-right {
grid-template-columns: 1fr; }
.pgm-hd-features-grid {
grid-template-columns: 1fr;
}
.pgm-hd-cta-btn {
width: 100%;
justify-content: center;
}
}