body {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
} @media screen and (min-width: 992px) { .sadece-mobil-cihaz, 
#masterslider-6-wrapper, 
#masterslider-6 {
display: none !important;
visibility: hidden !important;
height: 0 !important;
opacity: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
} .cozerim-new-header, 
.side-panel { 
display: none !important; 
}
.boxed-container { 
margin-top: 0 !important; 
width: 100% !important; 
} .so-widget-sow-slider { 
display: none !important; 
}
} @media only screen and (max-width: 991px) { header, .top, .header__container, .navbar-toggle, .sticky-wrapper { 
display: none !important; 
} .cozerim-new-header {
position: fixed; 
top: 0; 
left: 0; 
width: 100%; 
height: 60px;
background: #1a4a7c !important; 
display: flex !important;
align-items: center; 
justify-content: space-between;
z-index: 999999; 
box-shadow: 0 2px 10px rgba(0,0,0,0.3); 
padding: 0 15px;
}
.mobile-logo img { 
height: 32px !important; 
width: auto !important; 
}
.menu-trigger, .phone-trigger { 
color: white !important; 
font-size: 24px !important; 
text-decoration: none; 
} .boxed-container { 
margin-top: 60px !important; 
padding-top: 0 !important;
} .side-panel {
position: fixed !important; 
top: 0 !important; 
left: -100% !important;
width: 75% !important; 
height: 100vh !important; 
background: #0f172a !important;
z-index: 1000000 !important; 
transition: 0.4s ease; 
overflow-y: auto;
}
.side-panel.active { 
left: 0 !important; 
} .panel-header { 
display: flex !important; 
justify-content: space-between !important; 
align-items: center !important; 
padding: 15px 20px !important; 
background: #0f172a !important; 
border-bottom: 1px solid #1e293b !important; 
}
.panel-logo img { 
height: 35px !important; 
width: auto !important; 
}
#closeMenuBtn { 
color: #ffffff !important; 
font-size: 35px !important; 
cursor: pointer; 
} .panel-links a { 
display: block; 
padding: 16px 25px; 
color: #f1f5f9 !important; 
text-decoration: none; 
border-bottom: 1px solid #1e293b; 
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
font-size: 14px !important;
transition: 0.3s;
border-left: 4px solid transparent;
letter-spacing: 0.3px;
}
.panel-links a:active {
background: #1e293b !important;
color: #38bdf8 !important;
border-left: 4px solid #38bdf8;
padding-left: 30px !important;
} .social-btn { 
display: block; 
text-align: center; 
padding: 14px; 
border-radius: 10px; 
color: white !important; 
margin: 10px 20px; 
font-weight: bold; 
}
.insta { 
background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #bc1888) !important; 
}
.wa { 
background: #25d366 !important; 
} body { 
overflow-x: hidden !important; 
}
} .menu-trigger svg, .phone-trigger svg {
display: block;
color: #ffffff !important;
transition: transform 0.2s ease;
}
.menu-trigger:active svg, .phone-trigger:active svg {
transform: scale(0.9);
color: #38bdf8 !important;
}
.mobile-logo img {
height: 28px !important;
width: auto !important;
}
.menu-trigger {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
line-height: 1 !important;
cursor: pointer;
}
.menu-trigger svg {
width: 20px !important;
height: 20px !important;
margin-bottom: 2px !important;
}
.menu-text {
font-size: 9px !important;
font-weight: bold !important;
color: #ffffff !important;
letter-spacing: 0.5px;
text-transform: uppercase;
}
.menu-trigger:active .menu-text {
color: #38bdf8 !important;
}  @media (max-width: 991px) {
.jumbotron--with-slider, 
.jumbotron, 
#front-page-slider, 
.front-page-slider-container,
.repairpress-slider-wrapper { 
display: none !important; 
height: 0 !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
} .sadece-mobil-cihaz {
width: 100vw !important;
margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;
position: relative !important;
left: 0 !important;
overflow: hidden !important;
padding: 0 !important;
}
.sadece-mobil-cihaz .ms-container {
max-width: 100% !important;
}
} @media (max-width: 768px) { h1, h2, h3 {
font-weight: 600 !important;
letter-spacing: -0.015em !important;
}
body {
background-color: #fbfbfd !important;
color: #1d1d1f !important;
} .home .site-main .container,
.home.page-template-template-front-page-slider-php .container {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
overflow-x: hidden !important;
} .home .widget, 
.home .panel-grid-cell {
border: none !important;
background: transparent !important;
box-shadow: none !important;
padding: 0 !important;
margin-bottom: 24px !important;
} .home .sow-features-feature,
.home .widget_repairpress_services .service-item,
.home article.post,
.home .panel-widget-style {
background: #ffffff !important;
border-radius: 20px !important;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04) !important;
padding: 24px 20px !important;
margin: 0 15px 20px 15px !important;
border: none !important;
} .home a.button, 
.home button, 
.home input[type="submit"], 
.home .read-more {
background-color: #0071e3 !important;
color: #ffffff !important;
border-radius: 98px !important;
padding: 12px 24px !important;
font-size: 15px !important;
font-weight: 500 !important;
border: none !important;
box-shadow: none !important;
text-transform: none !important;
} .home .entry-content, 
.home .site-main {
display: block !important;
}
.home #primary {
display: block !important;
padding: 0 !important;
background: transparent !important;
}
} @media (max-width: 768px) {
.cozerim-bento-services {
padding: 40px 15px;
background: #fbfbfd;
margin-top: -10px;
}
.bento-section-title {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
font-size: 26px;
font-weight: 700;
margin-bottom: 25px;
color: #1d1d1f;
letter-spacing: -0.02em;
text-align: center;
}
.bento-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 12px;
}
.bento-card {
background: #fff;
border-radius: 22px;
padding: 24px;
text-decoration: none !important;
box-shadow: 0 4px 24px rgba(0,0,0,0.04);
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
overflow: hidden;
transition: transform 0.2s ease, box-shadow 0.2s ease;
border: 1px solid rgba(0,0,0,0.03);
}
.bento-card:active {
transform: scale(0.96);
box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}
.bento-card--large {
grid-column: span 2;
min-height: 180px;
background: linear-gradient(135deg, #ffffff 0%, #f5f5f7 100%);
}
.bento-card--square {
grid-column: span 1;
aspect-ratio: 1/1;
}
.bento-card--medium {
grid-column: span 2;
min-height: 130px;
}
.bento-card-title {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", sans-serif;
font-size: 19px;
font-weight: 700;
margin: 0 0 10px 0;
color: #1d1d1f;
line-height: 1.2;
}
.bento-card-text {
font-size: 14px;
color: #86868b;
margin: 0;
line-height: 1.4;
}
.bento-badge {
display: inline-block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: #0066cc;
margin-bottom: 8px;
letter-spacing: 0.05em;
}
.bento-card-icon {
position: absolute;
bottom: 15px;
right: 15px;
color: #0071e3;
opacity: 0.1;
}
} body.home {
background-color: #fcfcfc !important;
} .home .quick-menu-item {
border-radius: 50px !important;
padding: 12px 30px !important;
background: rgba(255, 255, 255, 0.95) !important;
color: #111 !important;
backdrop-filter: blur(10px);
border: 1px solid rgba(0, 0, 0, 0.05) !important;
transition: all 0.3s ease !important;
font-weight: 600 !important;
text-transform: none !important;
letter-spacing: 0px !important;
}
.home .quick-menu-item:hover {
background: #fff !important;
color: #000 !important;
transform: translateY(-2px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
} .home .page-box {
border: none !important;
background: #fff !important;
border-radius: 20px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04) !important;
padding: 30px !important;
transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important;
margin-bottom: 40px !important;
}
.home .page-box:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08) !important;
}
.home .page-box__picture img {
border-radius: 12px !important;
margin-bottom: 20px !important;
}
.home .page-box h3,
.home .page-box h3 a {
font-size: 20px !important;
font-weight: 700 !important;
color: #111 !important;
margin-bottom: 15px !important;
text-decoration: none !important;
}
.home .more-link--page-box {
display: inline-block !important;
margin-top: 15px !important;
padding: 8px 20px !important;
background: #f0f0f0 !important;
color: #444 !important;
border-radius: 30px !important;
font-size: 13px !important;
font-weight: 600 !important;
text-transform: uppercase;
letter-spacing: 1px;
} .home .latest-news {
background: transparent !important;
padding: 60px 0 !important;
}
.home .latest-news--block {
background: #fff !important;
border-radius: 20px !important;
padding: 25px !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
margin-bottom: 30px !important;
} .home h2.main-title {
font-size: 32px !important;
font-weight: 800 !important;
text-align: center !important;
margin-bottom: 50px !important;
color: #111 !important;
} .home .jumbotron {
margin-bottom: 60px !important;
}  .single .content-area {
background: #ffffff !important;
}
.single .hentry {
margin-bottom: 40px !important;
} .single .hentry__header .hentry__meta {
display: none !important;
}
.single .hentry__title-row .date,
.single .hentry__date {
display: none !important;
}  @media (max-width: 1024px) { body.boxed, body {
padding: 0 !important;
margin: 0 !important;
}
.boxed-container {
width: 100% !important;
max-width: 100% !important;
margin: 60px 0 0 0 !important; box-shadow: none !important;
border: none !important;
background: #fff !important;
} .breadcrumbs {
display: block !important;
margin-bottom: 20px !important;
box-shadow: none !important;
background: #fdfdfd !important;
border-bottom: 1px solid #f0f0f0 !important;
padding: 4px 0 !important;
}
.breadcrumbs .container {
display: block !important;
white-space: nowrap !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
padding: 6px 14px !important;
width: 100% !important;
}
.breadcrumbs a, .breadcrumbs span {
font-size: 11px !important;
color: #666 !important;
} .breadcrumbs span:not(:last-child)::after {
content: " ▸ " !important;
font-size: 11px !important;
color: #999 !important;
padding: 0 5px !important;
} .single .site-main .container,
.single .content-area.container,
.single #primary.container,
.single-post .container,
.single-post #primary,
.single .container,
.single .container-fluid {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important; 
max-width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.single .row, .single-post .row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.single .col-xs-12, .single .col-sm-12, .single .col-md-12,
.single-post .col-xs-12, .single-post .col-sm-12, .single-post .col-md-9 {
padding-left: 0 !important;
padding-right: 0 !important;
width: 100% !important;
float: none !important;
} .single .entry-content,
.single-post .entry-content,
.single .hentry__header {
padding-left: 8px !important; padding-right: 8px !important;
text-align: left !important;
} .single .entry-content p,
.single .entry-content li,
.single .entry-content blockquote,
.single .hentry__title,
.single .entry-content h2,
.single .entry-content h3,
.single .entry-content h4 {
text-align: left !important;
} .single .hentry__header img,
.single .entry-content img,
.single .entry-content .img-responsive {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
border-radius: 12px !important;
display: block !important;
margin: 20px auto !important;
} .main-title {
padding: 20px 0 !important;
min-height: auto !important;
}
.main-title .main-title__primary {
font-size: 20px !important;
line-height: 1.3 !important;
} .single .hentry__title {
font-size: 24px !important;
line-height: 1.3 !important;
margin-bottom: 16px !important;
} .entry-content iframe,
.entry-content video,
.entry-content embed,
.entry-content object {
max-width: 100% !important;
border-radius: 12px !important;
} .entry-content iframe[src*="youtube.com"],
.entry-content iframe[src*="vimeo.com"],
.entry-content iframe[src*="youtu.be"] {
width: 100% !important;
aspect-ratio: 16 / 9 !important;
height: auto !important;
}
}  .single .hentry__title {
font-size: 32px !important;
font-weight: 800 !important;
line-height: 1.25 !important;
color: #1d1d1f !important;
margin-bottom: 28px !important;
margin-top: 10px !important;
letter-spacing: -0.3px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}
@media (min-width: 768px) {
.single .hentry__title {
font-size: 38px !important;
line-height: 1.2 !important;
letter-spacing: -0.5px;
}
} .single .entry-content {
font-size: 17px !important;
line-height: 1.95 !important;
color: #1d1d1f !important;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
word-break: break-word;
}
@media (min-width: 768px) {
.single .entry-content {
font-size: 18px !important;
line-height: 2 !important;
}
} .single .entry-content p {
margin-bottom: 26px !important;
color: #1d1d1f !important;
} .single .entry-content strong,
.single .entry-content b {
font-weight: 700 !important;
color: #000000 !important;
} .single .entry-content h2 {
font-size: 26px !important;
font-weight: 800 !important;
color: #1d1d1f !important;
margin-top: 48px !important;
margin-bottom: 20px !important;
padding-bottom: 12px !important;
border-bottom: 3px solid #1a4a7c !important;
line-height: 1.3 !important;
letter-spacing: -0.3px;
}
.single .entry-content h3 {
font-size: 22px !important;
font-weight: 700 !important;
color: #1d1d1f !important;
margin-top: 40px !important;
margin-bottom: 16px !important;
padding-left: 14px !important;
border-left: 4px solid #1a4a7c !important;
line-height: 1.35 !important;
}
.single .entry-content h4 {
font-size: 19px !important;
font-weight: 700 !important;
color: #333333 !important;
margin-top: 32px !important;
margin-bottom: 14px !important;
line-height: 1.4 !important;
} .single .entry-content img {
border-radius: 16px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08) !important;
margin-top: 28px !important;
margin-bottom: 28px !important;
max-width: 100% !important;
height: auto !important;
}
.single .entry-content .wp-caption {
max-width: 100% !important;
margin-top: 28px !important;
margin-bottom: 28px !important;
}
.single .entry-content .wp-caption-text {
font-size: 13px !important;
color: #86868b !important;
text-align: center !important;
margin-top: 10px !important;
font-style: italic;
} .single .entry-content blockquote {
border-left: 4px solid #1a4a7c !important;
background: #f5f7fa !important;
margin: 32px 0 !important;
padding: 20px 24px !important;
border-radius: 0 12px 12px 0 !important;
font-size: 17px !important;
color: #333 !important;
line-height: 1.8 !important;
font-style: italic;
}
.single .entry-content blockquote p {
margin-bottom: 0 !important;
} .single .entry-content ul,
.single .entry-content ol {
margin: 24px 0 !important;
padding-left: 24px !important;
}
.single .entry-content li {
margin-bottom: 12px !important;
line-height: 1.85 !important;
color: #1d1d1f !important;
}
.single .entry-content ul li::marker {
color: #1a4a7c;
} .single .entry-content a {
color: #1a4a7c !important;
text-decoration: none !important;
border-bottom: 1px solid transparent !important;
transition: border-color 0.2s ease, color 0.2s ease !important;
}
.single .entry-content a:hover {
color: #0d3259 !important;
border-bottom-color: #0d3259 !important;
text-decoration: none !important;
} .single .entry-content table {
width: 100% !important;
border-collapse: collapse !important;
margin: 28px 0 !important;
border-radius: 12px !important;
overflow: hidden !important;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.04) !important;
}
.single .entry-content table th {
background: #1a4a7c !important;
color: #ffffff !important;
padding: 14px 18px !important;
font-weight: 700 !important;
font-size: 14px !important;
text-align: left !important;
}
.single .entry-content table td {
padding: 12px 18px !important;
border-bottom: 1px solid #f0f0f0 !important;
font-size: 15px !important;
color: #333 !important;
}
.single .entry-content table tr:nth-child(even) {
background: #fafafa !important;
}
.single .entry-content table tr:hover {
background: #f5f7fa !important;
} .single .entry-content hr {
border: none !important;
height: 1px !important;
background: #e5e5e5 !important;
margin: 40px 0 !important;
} .sidebar .widget {
border: none !important;
background: #f8f9fa !important;
padding: 22px !important;
border-radius: 16px !important;
margin-bottom: 24px !important;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
}
.sidebar .widget-title {
font-size: 18px !important;
font-weight: 700 !important;
color: #1d1d1f !important;
border-bottom: 2px solid #e5e5e5 !important;
padding-bottom: 12px !important;
margin-bottom: 18px !important;
}
.sidebar .widget a {
color: #333 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
}
.sidebar .widget a:hover {
color: #1a4a7c !important;
}   #czr-wa-button {
position: fixed !important;
width: 60px !important;
height: 60px !important;
bottom: 30px !important;
right: 30px !important;
background-color: #25d366 !important;
color: #FFF !important;
border-radius: 50px !important;
text-align: center !important;
font-size: 35px !important;
box-shadow: 2px 2px 10px rgba(0,0,0,0.2) !important;
z-index: 999999 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important; opacity: 0 !important;
visibility: hidden !important;
transform: translateY(30px) !important;
transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
}
#czr-wa-button.show {
opacity: 1 !important;
visibility: visible !important;
transform: translateY(0) !important;
}
#czr-wa-button:hover {
transform: scale(1.15) rotate(5deg) translateY(-5px) !important;
background-color: #128c7e !important;
box-shadow: 0 8px 25px rgba(37, 211, 102, 0.4) !important;
} #czr-wa-button::before {
content: '';
position: absolute;
width: 100%;
height: 100%;
background-color: #25d366;
border-radius: 50px;
z-index: -1;
animation: wa-pulse 2s infinite;
}
@keyframes wa-pulse {
0% { transform: scale(1); opacity: 0.6; }
100% { transform: scale(1.7); opacity: 0; }
} @media screen and (min-width: 992px) {
#czr-wa-button {
display: none !important;
}
} @media screen and (max-width: 991px) {
#czr-wa-button {
width: 55px !important;
height: 55px !important;
bottom: 20px !important;
right: 20px !important;
font-size: 32px !important;
}
} .reveal {
opacity: 0 !important;
transform: translateY(30px) !important;
transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) !important;
will-change: opacity, transform !important;
}
.reveal.revealed {
opacity: 1 !important;
transform: translateY(0) !important;
} .reveal-delay-1 { transition-delay: 0.1s !important; }
.reveal-delay-2 { transition-delay: 0.2s !important; }
.reveal-delay-3 { transition-delay: 0.3s !important; }