/* Approved corporate service layout: scoped additions, shared by panel pages. */
.hero-grid>*{min-width:0}.hero h1{color:#071c4a;overflow-wrap:break-word}.hero h1 span{color:#086ff0}
.hero .hero-photo{background-size:cover;background-position:center}
.service-process{padding:34px 0;background:#f4f9ff}.service-process .wrap{max-width:980px;padding:28px 32px;background:white;border:1px solid #dce9f5;border-radius:16px}.service-process h2{text-align:left}.service-process h3{color:#0750bc;margin:24px 0 10px}.article-content p{line-height:1.7}.article-content{overflow-wrap:break-word}
.brand-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.brand-card{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;border:1px solid #dce8f2;border-radius:12px;text-decoration:none;background:#fff;color:#0751a1}.brand-card img{width:100%;height:84px;object-fit:contain}
.cards .card img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.performance img{height:auto;min-height:145px;aspect-ratio:16/9;object-fit:cover}
@media(max-width:1024px){.hero-grid{grid-template-columns:1fr 1fr}.side-services{display:none}}
@media(max-width:800px){.brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.hero-grid{display:block}.cards{grid-template-columns:minmax(0,1fr)!important}.service-process .wrap{padding:22px 18px}.fixed .btn{min-width:0}.hero h1{font-size:34px;line-height:1.12}}
@media(max-width:480px){.brand-grid{grid-template-columns:minmax(0,1fr)}}
.areas-head{gap:12px;flex-wrap:wrap}.areas-head h2{min-width:0;overflow-wrap:break-word}.areas-head .detail{max-width:100%}

.brand-logo-section{background:#fff;padding:22px 0}.service-brand-logo{display:flex;align-items:center;justify-content:center;margin:auto;padding:18px 24px;border:1px solid #dbe6ef;border-radius:12px;max-width:420px;background:#fff}.service-brand-logo .brand-logo{display:block;width:100%;max-width:340px;height:auto;max-height:110px;object-fit:contain;margin:0}

.dual-contact{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.contact-set{display:grid;grid-template-columns:1fr 1fr;gap:8px}.contact-set strong{grid-column:1/-1;color:#0750bc}.contact-set .btn{padding:9px 10px;font-size:13px;gap:5px;text-align:center;min-width:0}
@media(max-width:760px){.dual-contact{grid-template-columns:1fr}}

/* Four homepage services fill the row without an orphan card. */
#hizmetler .cards{grid-template-columns:repeat(4,minmax(0,1fr))}#hizmetler .card{min-width:0}#hizmetler .card h3{font-size:18px}#hizmetler .card img{height:auto;aspect-ratio:16/9}
@media(max-width:1024px){#hizmetler .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#hizmetler .cards{grid-template-columns:minmax(0,1fr)}}

.home-service-details{background:#f4f9ff}.home-service-details p{line-height:1.7}.home-service-details h3{color:#0750bc;margin:20px 0 8px}.home-service-details a{color:#0750bc;text-decoration:underline;text-underline-offset:3px}.home-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 32px}.home-detail-grid>div{min-width:0}@media(max-width:700px){.home-detail-grid{grid-template-columns:minmax(0,1fr)}}

/* Separate desktop service labels from the hero photo. */
@media(min-width:1025px){
.hero-grid>.side-services{padding-left:20px}
.hero-grid>.side-services .side-item{min-width:0}
.hero-grid>.side-services .side-icon{flex:0 0 44px}
}

/* Service cards fill their container for two, three or four items. */
.section .cards,#hizmetler .cards{
 display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr))!important;
 width:100%;max-width:100%!important;margin:0!important;gap:16px;align-items:stretch
}
.section .cards>.card{min-width:0;display:flex;flex-direction:column}
.section .cards>.card>img{display:block;width:100%;height:auto!important;aspect-ratio:16/9;object-fit:cover}
.section .cards>.card>.card-body{display:flex;flex-direction:column;flex:1;min-width:0}
.section .cards>.card>.card-body>.detail{align-self:flex-start;margin-top:auto}
@media(min-width:701px) and (max-width:1024px){.section .cards,#hizmetler .cards{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.section .cards,#hizmetler .cards{grid-template-columns:minmax(0,1fr)!important}}