/* =========================================
IC SERVICE SYSTEM (PRO CLEAN VERSION)
Tek sistem / çakışmasız / premium
========================================= */

/* RESET */
.ic-page,
.ic-page *{
box-sizing:border-box;
margin:0;
padding:0;
}

/* FULL WIDTH FIX (WORDPRESS OVERRIDE) */
body .content-area,
body #primary,
body #main,
body article,
body .inside-article,
body .entry-content{
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
}

/* CONTAINER */
.ic-page .container{
width:100%;
max-width:1200px;
margin:0 auto;
padding:80px 20px;
}

/* =========================================
HERO
========================================= */

.ic-page .services-hero{
position:relative;
min-height:650px;
display:flex;
align-items:center;
background:url('/wp-content/uploads/2026/04/dene-2.jpg') center/cover no-repeat;
}

.ic-page .services-hero::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
90deg,
rgba(0,0,0,.75) 0%,
rgba(0,0,0,.5) 50%,
rgba(0,0,0,.2) 100%
);
}

.ic-page .services-hero .container{
position:relative;
z-index:2;
}

.ic-page .services-hero h1{
font-size:64px;
font-weight:800;
color:#fff;
margin-bottom:20px;
line-height:1.1;
}

.ic-page .services-hero p{
font-size:22px;
color:#fff;
max-width:700px;
margin-bottom:30px;
}

/* =========================================
BUTTONS
========================================= */

.ic-page .hero-buttons{
display:flex;
gap:15px;
flex-wrap:wrap;
}

.ic-page .hero-primary,
.ic-page .hero-secondary{
display:inline-flex;
align-items:center;
justify-content:center;
height:56px;
padding:0 28px;
border-radius:8px;
font-weight:700;
text-decoration:none;
transition:.25s;
}

.ic-page .hero-primary{
background:#d4af37;
color:#000;
}

.ic-page .hero-secondary{
background:#25D366;
color:#fff;
}

.ic-page .hero-primary:hover,
.ic-page .hero-secondary:hover{
transform:translateY(-3px);
box-shadow:0 10px 25px rgba(0,0,0,0.2);
}

/* =========================================
SECTIONS
========================================= */

.ic-page .section-light{
background:#f8f8f8;
padding:100px 0;
}

.ic-page .section-beige{
background:#f4efe6;
padding:100px 0;
}

.ic-page .cta-section{
background:#111;
padding:100px 0;
text-align:center;
}

/* =========================================
TEXT
========================================= */

.ic-page h2{
font-size:42px;
font-weight:800;
margin-bottom:20px;
color:#111;
position:relative;
}

.ic-page h2::after{
content:"";
width:60px;
height:3px;
background:#d4af37;
display:block;
margin-top:10px;
}

.ic-page h3{
font-size:24px;
margin-bottom:10px;
}

.ic-page p{
font-size:18px;
line-height:1.8;
color:#333;
margin-bottom:20px;
max-width:800px;
}

.ic-page li{
font-size:17px;
margin-bottom:8px;
}

/* =========================================
GRID SYSTEM
========================================= */

.ic-page .grid-3{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:30px;
}

@media(max-width:768px){
.ic-page .grid-3{
grid-template-columns:1fr;
}
}

/* =========================================
CARD
========================================= */

.ic-page .card-box{
background:#fff;
padding:30px;
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
text-align:center;
transition:.3s;
}

.ic-page .card-box:hover{
transform:translateY(-5px);
}

/* =========================================
PRICE + HIGHLIGHT
========================================= */

.ic-page .price{
font-size:22px;
font-weight:700;
margin:10px 0;
}

.ic-page .highlight{
border:2px solid #d4af37;
transform:scale(1.05);
}

/* =========================================
TRUST BAR
========================================= */

.ic-page .trust-bar{
margin-top:20px;
display:flex;
gap:20px;
color:#ddd;
font-size:14px;
}

/* =========================================
CTA
========================================= */

.ic-page .cta-section h2{
color:#fff;
font-size:36px;
}

.ic-page .cta-section p{
color:#ddd;
font-size:20px;
}

/* =========================================
MOBILE
========================================= */

@media(max-width:768px){

.ic-page .container{
padding:60px 15px;
}

.ic-page .services-hero{
min-height:auto;
padding:40px 0;
}

.ic-page .services-hero h1{
font-size:34px;
}

.ic-page .services-hero p{
font-size:18px;
}

.ic-page h2{
font-size:28px;
}

.ic-page p{
font-size:16px;
}

.ic-page .hero-buttons{
flex-direction:column;
}

.ic-page .hero-primary,
.ic-page .hero-secondary{
width:100%;
}

}
/* FULL WIDTH FIX - KRİTİK */
.ic-page{
width:100%;
max-width:100%;
overflow:hidden;
}

.ic-page .container{
width:100%;
max-width:1200px;
margin:0 auto;
padding:80px 20px;
}

/* WordPress container override */
body .site-content,
body .content-area,
body #primary,
body #main,
body article,
body .inside-article,
body .entry-content{
width:100% !important;
max-width:100% !important;
margin:0 !important;
padding:0 !important;
}

/* HERO FULL WIDTH */
.ic-page .services-hero{
width:100vw;
margin-left:calc(-50vw + 50%);
}