/* Theme revision V45 — homepage Reviews rebuilt as a dedicated section */
/* v235 — Keep below-the-fold sections out of the initial layout pass. */
:root{--navy:#062b5f;--navy-2:#041d40;--blue:#0b63d9;--blue-2:#2e8cff;--cyan:#16a8d8;--gold:#f4b51b;--ink:#102a43;--muted:#536a80;--bg:#f5f8fc;--white:#fff;--line:#dfe8f2;--shadow:0 18px 50px rgba(7,43,95,.10);--radius:18px;--container:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
:root{--dt-link:#1263CE;--dt-link-hover:#0A4FA8}
.dt-service-content a,.dt-single-content a,.dt-area-content a,.dt-blog-card-footer a,.dt-blog-popular-item a,.dt-blog-breadcrumb a,.dt-blog-side-card a,.dt-blog-pagination a,.dt-contact-page .dt-contact-detail a,.dt-contact-page .dt-contact-consent a{color:var(--dt-link)}
.dt-service-content a:hover,.dt-single-content a:hover,.dt-area-content a:hover,.dt-blog-card-footer a:hover,.dt-blog-popular-item a:hover,.dt-blog-breadcrumb a:hover,.dt-blog-side-card a:hover,.dt-blog-pagination a:hover,.dt-contact-page .dt-contact-detail a:hover,.dt-contact-page .dt-contact-consent a:hover{color:var(--dt-link-hover)}
button,input{font:inherit}
.container{width:min(var(--container),calc(100% - 40px));margin-inline:auto}
.skip-link{position:absolute;left:-9999px}
.skip-link:focus{left:15px;top:15px;z-index:9999;background:#fff;padding:10px 14px;border-radius:8px}
.topbar{background:var(--navy-2);color:#dce9f8;font-size:12px}
.topbar-inner{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar-links{display:flex;gap:22px;flex-wrap:wrap}
.site-header{position:sticky;top:0;background:#fff;z-index:50;border-bottom:1px solid #edf2f7;box-shadow:0 4px 18px rgba(7,43,95,.04)}
.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--navy);font-size:24px;letter-spacing:-.04em}
.brand small{display:block;font-size:8px;letter-spacing:.18em;color:var(--blue);margin-top:-5px}
.main-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}
.main-nav a{position:relative;padding:28px 0;color:#243b53}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--blue)}
.main-nav .current-menu-item>a:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:3px;border-radius:99px;background:var(--blue)}
.header-actions{display:flex;align-items:center;gap:14px}
.phone{font-weight:800;color:var(--navy);font-size:13px}
.phone span{display:block;color:var(--muted);font-size:11px;font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;padding:12px 18px;font-weight:800;font-size:13px;cursor:pointer;transition:.2s ease}
.btn-primary{background:var(--blue);color:#fff;box-shadow:0 8px 22px rgba(11,99,217,.22)}
.btn-primary:hover{background:#0755bc;transform:translateY(-1px)}
.btn-outline{border:1px solid rgba(255,255,255,.45);color:#fff;background:transparent}
.btn-white{background:#fff;color:var(--navy)}
.mobile-menu{display:none}
.mobile-toggle{display:none;border:0;background:transparent;font-size:25px;color:var(--navy)}
.eyebrow{font-size:13px;font-weight:900;color:var(--gold);letter-spacing:.04em;text-transform:uppercase}
.section{padding:82px 0}
.section-head{text-align:center;max-width:760px;margin:0 auto 38px}
.section-head .eyebrow{color:var(--blue)}
.section-head h2{line-height:1.1;letter-spacing:-.04em;margin:8px 0 10px;color:var(--navy);}
.section-head p{color:var(--muted);margin:0}
.service-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 25px rgba(7,43,95,.06);transition:.25s ease}
.service-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.service-card:hover img{transform:scale(1.04)}
.service-icon{width:40px;height:40px;margin-top:-36px;position:relative;border:4px solid #fff;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#fff}
.service-card h3{margin:12px 0 6px;color:var(--navy);}
.service-card p{font-size:12px;color:var(--muted);margin:0 0 12px}
.text-link{color:var(--blue);font-size:12px;font-weight:900}
.stats{padding:0 0 70px}
.faq{border-top:1px solid var(--line)}
.faq-item{border-bottom:1px solid var(--line)}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:transparent;text-align:left;padding:16px 0;color:var(--navy);font-weight:800;font-size:13px;cursor:pointer}
.faq-q span:last-child{color:var(--blue);font-size:20px;transition:.2s}
.faq-item.open .faq-a{grid-template-rows:1fr}
.faq-item.open .faq-q span:last-child{transform:rotate(45deg)}
.cta{position:relative;overflow:hidden;background:linear-gradient(105deg,#073c85,#0b63d9);border-radius:20px;color:#fff;padding:38px 42px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center}
.cta:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-110px;top:-130px;background:rgba(255,255,255,.08)}
.cta h2{line-height:1.08;letter-spacing:-.04em;margin:5px 0 10px;}
.cta p{color:#dceaff;font-size:13px;max-width:520px}
.cta-actions{display:flex;gap:10px;flex-wrap:wrap}
@media (max-width:1050px){.main-nav{gap:16px}
.header-actions .phone{display:none}
}
@media (max-width:820px){.container{width:min(var(--container),calc(100% - 28px))}
.topbar-links{gap:10px}
.topbar-inner{font-size:10px}
.main-nav,.header-actions .btn{display:none}
.mobile-toggle{display:block}
.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--line);box-shadow:var(--shadow);padding:12px 20px}
.mobile-menu.open{display:block}
.mobile-menu a{display:block;padding:12px 0;border-bottom:1px solid #eef3f8;font-weight:800;font-size:14px}
.ba-grid,.feedback-grid,.cta{grid-template-columns:1fr}
}
@media (max-width:560px){.section{padding:60px 0}
.services-grid{transform:none}
.cta{padding:30px 24px}
}
.feature{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px}
.feature b{color:var(--blue);font-size:13px}
.feature h3{color:var(--navy);}
.feature p{color:var(--muted);font-size:13px}
.empty-state{text-align:center;padding:80px 20px}
.article h1{line-height:1.08;color:var(--navy);letter-spacing:-.05em;}
.article>img{border-radius:18px;margin:25px 0;width:100%}
.cta-person{width:160px;max-height:150px;object-fit:contain;object-position:bottom}
@media (max-width:820px){.cta-person{width:120px}
}
@media (max-width:560px){.cta-person{width:120px}
.article h1{}
}
.detail-card.dark{background:linear-gradient(145deg,#062b5f,#0b63d9);color:#fff}
.detail-card.dark h3{margin:0 0 8px;}
.detail-card.dark p{color:#d8e8fa;font-size:12px}
.trust-stars{color:#f6c343;letter-spacing:1px;font-size:11px}
.mini-icon{width:36px;height:36px;border-radius:10px;background:rgba(42,141,255,.18);display:grid;place-items:center;color:#66b5ff}
.mini-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.site-header .brand img{width:180px;height:auto;object-fit:contain}
.main-nav ul{display:flex;align-items:center;gap:28px;margin:0;padding:0;list-style:none}
.main-nav li{margin:0;padding:0}
.main-nav li a{display:inline-flex;align-items:center}
.mobile-menu ul{margin:0;padding:0;list-style:none}
.mobile-menu li{border-bottom:1px solid #eef3f8}
.mobile-menu li a{display:block;border:0}
.service-card, .contact-card, .contact-form, .feature, .area-detail-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.service-card:hover, .feature:hover{transform:translateY(-4px)}
.section-head h2,.panel-title h2{font-weight:900;}
.cta{min-height:250px}
.cta-person{max-height:190px}
@media (min-width:821px){.mobile-menu{display:none!important}
}
@media (max-width:820px){.site-header{position:sticky}
.header-inner{min-height:70px}
.main-nav{display:none}
.mobile-menu.open{display:block}
.mobile-menu{z-index:60}
}
@media (max-width:560px){.header-inner{min-height:64px}
.brand img{width:150px!important}
.cta{min-height:0}
}
:root{--section-gap:52px}
.section{padding:52px 0}
.section-head{margin-bottom:26px}
.section-head h2{margin:6px 0 8px;}
.section-head p{font-size:12px;line-height:1.55}
.service-card{border-radius:14px}
.service-icon{width:36px;height:36px;margin-top:-31px;border-width:3px}
.service-card h3{margin:9px 0 4px;}
.service-card p{font-size:10.5px;line-height:1.45;margin-bottom:8px}
.text-link{font-size:10px}
.stats{padding:0 0 45px}
.faq-q{padding:11px 0;font-size:11px}
.faq-q span:last-child{font-size:16px}
.cta{min-height:205px;padding:25px 30px;border-radius:16px}
.cta p{font-size:11px;margin:7px 0 12px}
.feature{padding:20px}
@media (max-width:820px){.section{padding:42px 0}
}
@media (max-width:560px){.section{padding:34px 0}
.section-head{margin-bottom:20px}
.section-head h2{}
.cta{padding:22px}
.stats{padding-bottom:34px}
}
html,body{width:100% !important;max-width:none !important;min-width:0 !important;margin:0 !important;padding:0 !important}
body{overflow-x:hidden}
.topbar,.site-header,main{width:100%;max-width:none}
.container{width:min(1180px,calc(100% - 32px));max-width:1180px}
.detay-icon{width:1em;height:1em;display:inline-block;vertical-align:-.15em;flex:0 0 auto}
.topbar-links span{display:inline-flex;align-items:center;gap:5px}
.topbar-links .detay-icon{width:13px;height:13px}
.header-actions .phone{display:flex;align-items:flex-start;gap:6px}
.header-actions .phone .detay-icon{width:19px;height:19px;margin-top:1px;color:var(--blue)}
.trust-icon .detay-icon{width:17px;height:17px}
.cta-benefit i .detay-icon{width:20px;height:20px}
.area-detail-icon .detay-icon{width:21px;height:21px}
.section{padding:44px 0}
.service-card h3{margin-top:8px;}
.stats{padding-bottom:38px}
@media (min-width:821px){.main-nav{flex:1;justify-content:center;min-width:0}
.header-inner{width:min(1180px,calc(100% - 32px))}
}
@media (max-width:820px){.container{width:min(720px,calc(100% - 28px))}
.section{padding:38px 0}
}
@media (max-width:560px){.container{width:calc(100% - 24px)}
}
.header-actions{display:flex;align-items:center;gap:18px}
@media (max-width:1050px){.header-actions{gap:12px}
}
@media (max-width:820px){.header-actions{margin-left:auto}
}
.topbar{background:#062b5f!important;color:#dbe9f7!important;height:38px}
.topbar .container{max-width:1400px!important}
.topbar-inner{min-height:38px!important;font-size:12px!important}
.site-header{background:#fff!important;border-bottom:1px solid #e8eef5!important;box-shadow:0 5px 22px rgba(7,43,95,.04);position:sticky!important}
.header-inner{max-width:1400px!important;min-height:84px!important;padding:0 10px}
.site-header .brand img{width:205px!important;max-height:64px!important;object-fit:contain}
.main-nav{margin-left:auto;margin-right:30px;gap:34px!important}
.main-nav ul{gap:34px!important}
.main-nav a{font-size:15px!important;padding:31px 0!important;font-weight:800!important;color:#173558!important}
.main-nav a:hover,.main-nav .current-menu-item>a{color:#0b63d9!important}
.main-nav .current-menu-item>a:after{bottom:21px!important;height:3px!important}
.header-actions{gap:16px!important}
.trust-stars{color:#ffc945!important;font-size:12px!important;letter-spacing:1px!important}
@media (max-width:1050px){.header-inner{min-height:76px!important}
.main-nav,.main-nav ul{gap:18px!important}
.main-nav a{font-size:13px!important}
.site-header .brand img{width:175px!important}
}
@media (max-width:820px){.topbar-inner>span:last-child{display:none}
.main-nav{display:none!important}
.header-actions{margin-left:auto}
.site-header .brand img{width:165px!important}
.mobile-toggle{display:block!important}
}
@media (max-width:560px){.topbar{height:34px}
.topbar-inner{min-height:34px!important}
.topbar-links{gap:8px!important;font-size:9px!important}
.topbar-links span:nth-child(3){display:none}
.header-inner{min-height:68px!important}
.site-header .brand img{width:150px!important}
}
:root{--ref-navy:#062b5f;--ref-blue:#146be8;--ref-blue-2:#3b9cff}
body{background:#fff}
.topbar{height:42px!important;background:#052a59!important;color:#fff!important}
.topbar .container{max-width:1600px!important}
.topbar-inner{height:42px!important;min-height:42px!important;padding:0 12px!important;font-size:12px!important}
.topbar-links{gap:26px!important}
.topbar a{color:#fff}
.site-header{background:#fff!important;border-bottom:1px solid #e8eef5!important;box-shadow:none!important}
.header-inner{max-width:1600px!important;min-height:96px!important;padding:0 12px!important}
.site-header .brand img{width:220px!important;height:auto!important;max-height:68px!important}
.main-nav{margin-left:auto!important;margin-right:44px!important;gap:39px!important}
.main-nav ul{gap:25px!important}
.main-nav a{font-size:15px!important;font-weight:800!important;padding:39px 0 35px!important;color:#102f55!important}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--ref-blue)!important}
.main-nav .current-menu-item>a:after{bottom:25px!important;height:3px!important}
.header-actions{gap:18px!important}
.trust-stars{color:#ffc844!important;font-size:13px!important}
.dt-service-single .dt-service-sidebar .dt-service-offer-card{padding:20px}.dt-service-single .dt-service-offer-card h2{font-size:21px!important}.dt-service-single .dt-service-offer-card p{font-size:13px;line-height:1.6}
@media (max-width:1100px){.header-inner{min-height:86px!important}
.site-header .brand img{width:190px!important}
.main-nav{margin-right:20px!important;gap:24px!important}
.main-nav ul{gap:24px!important}
.main-nav a{font-size:13px!important}
}
@media (max-width:820px){.topbar{height:36px!important}
.topbar-inner{height:36px!important;min-height:36px!important}
.topbar-links{gap:11px!important;font-size:9px!important}
.site-header .brand img{width:165px!important}
.header-inner{min-height:72px!important}
.main-nav{display:none!important}
.mobile-toggle{display:block!important}
}
.site-header .header-inner{width:min(1180px,calc(100% - 40px)) !important;max-width:1180px !important;min-height:84px !important;margin:0 auto !important;padding:0 !important;display:grid !important;grid-template-columns:auto minmax(0,1fr) auto !important;align-items:center !important;column-gap:28px !important}
.site-header .brand{flex:0 0 auto !important;min-width:0 !important;margin:0 !important}
.site-header .brand img{width:190px !important;max-width:190px !important;height:auto !important;max-height:62px !important;object-fit:contain !important}
.site-header .main-nav{min-width:0 !important;width:auto !important;margin:0 !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:26px !important;white-space:nowrap !important}
.site-header .main-nav>li,.site-header .main-nav .menu-item{display:block !important;margin:0 !important;padding:0 !important;flex:0 0 auto !important}
.site-header .main-nav>a,.site-header .main-nav>li>a,.site-header .main-nav .menu-item>a{display:inline-flex !important;align-items:center !important;white-space:nowrap !important;margin:0 !important;padding:31px 0 !important;font-size:14px !important;font-weight:800 !important;line-height:1 !important}
.site-header .header-actions{min-width:0 !important;display:flex !important;align-items:center !important;justify-content:flex-end !important;gap:16px !important;margin:0 !important;white-space:nowrap !important}
@media (max-width:1120px){.site-header .header-inner{grid-template-columns:auto minmax(0,1fr) auto !important;column-gap:18px !important}
.site-header .brand img{width:175px !important;max-width:175px !important}
.site-header .main-nav{gap:18px !important}
.site-header .main-nav>a,.site-header .main-nav>li>a,.site-header .main-nav .menu-item>a{font-size:13px !important}
.site-header .header-actions{gap:10px !important}
}
@media (max-width:960px){.site-header .header-inner{width:min(100%,calc(100% - 28px)) !important}
.site-header .main-nav{gap:13px !important}
.site-header .main-nav>a,.site-header .main-nav>li>a,.site-header .main-nav .menu-item>a{font-size:12px !important}
.site-header .brand img{width:160px !important;max-width:160px !important}
}
@media (max-width:820px){.site-header .header-inner{display:flex !important;justify-content:space-between !important;width:min(100%,calc(100% - 28px)) !important;min-height:72px !important}
.site-header .main-nav{display:none !important}
.site-header .header-actions{margin-left:auto !important}
}
.topbar{position:relative;background:linear-gradient(180deg,#062754 0%,#041d3f 100%);color:#dcecff;font-size:12px;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 5px 18px rgba(3,25,57,.10)}
.topbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(76,163,255,.42),transparent);pointer-events:none}
.topbar .topbar-inner{min-height:42px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.topbar .topbar-links{display:flex;align-items:center;flex-wrap:wrap}
.topbar .topbar-links>span{display:inline-flex;align-items:center;gap:7px;min-height:24px;padding:0 17px;border-right:1px solid rgba(255,255,255,.11);color:#e8f2ff;white-space:nowrap}
.topbar .topbar-links>span:first-child{padding-left:0}
.topbar .topbar-links>span:last-child{border-right:0}
.topbar .topbar-links a{color:#e8f2ff;text-decoration:none}
.topbar .topbar-links a:hover{color:#fff}
.topbar .topbar-links svg{width:14px;height:14px;flex:0 0 14px;color:#69b3ff}
.topbar .topbar-inner>span{color:#bfd2e7;font-weight:650;white-space:nowrap}
@media (max-width:820px){.topbar .topbar-inner{min-height:38px;gap:12px}
.topbar .topbar-links>span{padding:0 10px;font-size:11px}
.topbar .topbar-inner>span{display:none}
}
@media (max-width:560px){.topbar .topbar-links{width:100%;justify-content:center}
.topbar .topbar-links>span{padding:0 8px;font-size:10px}
.topbar .topbar-links>span:nth-child(3){display:none}
}
@media (max-width:1100px){.header-actions{gap:10px!important}
}
@media (max-width:820px){.header-actions{margin-left:auto}
}
@media (max-width:480px){.dt-area-contact-head{grid-template-columns:46px minmax(0,1fr);gap:11px}
.dt-area-contact-head .dt-area-card-icon{width:46px;height:46px}
.dt-area-contact-head-copy h2{}
}
.service-card .text-link span{display:inline-block;margin-left:3px}
@media (max-width:1050px){
}
@media (max-width:820px){
}
@media (max-width:560px){
}
@media (max-width:560px){
}
@media (hover:hover){
}
@media (max-width:560px){
}
@media (max-width:560px){
}
@media (max-width:820px){
}
.section-head{max-width:1000px}
p{font-size:15px}
:root{--body-font-size:16px;--body-line-height:1.65}
html{font-size:16px}
body{font-size:16px;line-height:1.65;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
p{font-size:15px;line-height:1.65;margin-top:0;margin-bottom:1rem}
li{font-size:15px;line-height:1.6}
small{font-size:13px;line-height:1.5}
label{font-size:14px;line-height:1.45}
input,textarea,select,button{font-size:15px;line-height:1.45}
h1,h2,h3,h4,h5,h6{text-wrap:balance;}
h2,h3{line-height:1.2;}
h4,h5,h6{line-height:1.3;}
.section-head p{font-size:15px;line-height:1.65}
@media (max-width:560px){body{font-size:16px}
p{font-size:15px}
li{font-size:15px}
small{font-size:13px}
}.section-head p, .service-card p, .faq-a>div, .cta p{font-size:15px;line-height:1.65}
:root{--fs-body:16px;--fs-topbar:12px;--fs-nav:14px;--fs-small:13px;--fs-label:14px;--fs-button:14px}
body{font-size:var(--fs-body);line-height:1.65}
p{font-size:var(--fs-body);line-height:1.65}
.topbar{font-size:var(--fs-topbar);line-height:1.45}
.main-nav{font-size:var(--fs-nav)}
.main-nav a{font-size:var(--fs-nav)}
.brand{font-size:24px}
.brand small{font-size:8px}
.btn{font-size:var(--fs-button);line-height:1.35}.eyebrow{font-size:13px;line-height:1.4}
.section-head h2,.section h2{line-height:1.16;}
.service-card h3{line-height:1.25;}
.service-card p{font-size:15px;line-height:1.55}
.service-card .text-link{font-size:13px;line-height:1.4}
.stars{font-size:14px}
.faq-q{font-size:15px;line-height:1.45}
.cta h2{line-height:1.08;}
.cta p{font-size:15px;line-height:1.6}
@media (max-width:820px){
.main-nav,.main-nav a{font-size:13px}
.brand{font-size:22px}
.section-head p{font-size:15px}
.service-card p{font-size:15px}
.faq-a>div{font-size:15px}
.cta p{font-size:15px}
}
@media (max-width:560px){
body{font-size:16px}
p{font-size:15px}
.topbar{font-size:10px}
.brand{font-size:20px}.eyebrow{font-size:11px}
.section-head h2,.section h2{line-height:1.15;}
.section-head p{font-size:15px}
.service-card p{font-size:15px}
.service-card .text-link{font-size:12px}
.faq-q{font-size:14px}
.cta p{font-size:15px}
}
@media (max-width:1050px){
}
@media (max-width:820px){
}
@media (max-width:560px){
}
@media (max-width:820px){
}
@media (max-width:560px){
}
@media (max-width:820px){
}
@media (max-width:560px){
}
@media (max-width:560px){
}
.before-reference-intro .eyebrow{color:#69b5ff;margin-bottom:7px}
@media (max-width:980px){.before-reference-intro .eyebrow,.before-reference-intro h2,.before-reference-intro p{grid-column:1;}
}
.premium-faq .premium-panel-head{margin-bottom:8px}
.premium-faq .faq-item{border-bottom:1px solid #e1eaf2}
.premium-faq .faq-q{padding:14px 0;font-size:14px;line-height:1.4}
.premium-faq .faq-q span:last-child{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;border-radius:50%;background:#eef6ff;color:#0b63d9;font-size:15px}
.premium-faq .faq-item.open .faq-q span:last-child{transform:none}
.premium-faq .faq-a>div{padding:0 0 13px;font-size:14px;line-height:1.6}
@media (max-width:560px){.premium-faq .faq-q{font-size:13px}
.premium-faq .faq-a>div{font-size:13px}
}
.premium-faq-list .faq-item{position:relative}
.premium-faq-list .faq-q{min-height:48px;padding:11px 0;font-size:14px;line-height:1.35}
.premium-faq-list .faq-q>span:first-child{display:block;padding-right:36px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.premium-faq-list .faq-q span:last-child{width:24px;height:24px;min-width:24px;flex:0 0 24px;margin-left:12px;font-size:15px}
.premium-faq-list .faq-item.open .faq-a{grid-template-rows:1fr;visibility:visible;opacity:1;transition:grid-template-rows .22s ease,opacity .18s ease}
.premium-faq-list .faq-item.open .faq-a>div{max-height:300px;padding:0 0 12px !important}
@media (max-width:560px){.premium-faq-list .faq-q{min-height:44px;padding:10px 0;font-size:13px}
.premium-faq-list .faq-q span:last-child{width:22px;height:22px;min-width:22px;flex-basis:22px}
}
html{overflow-x:hidden!important}
body{max-width:100%;overflow-x:hidden!important}
img,svg,video,iframe{max-width:100%;height:auto}
.container{width:min(var(--container),calc(100% - 40px));max-width:100%;box-sizing:border-box}
.section{width:100%;box-sizing:border-box}
.section-head{max-width:100%;box-sizing:border-box}
button,.btn,a{touch-action:manipulation}
@media (max-width:1024px){.container{width:min(100%,calc(100% - 32px))!important}
}
@media (max-width:820px){.container{width:calc(100% - 28px)!important}
.section{padding-left:0!important;padding-right:0!important}
.section-head{width:100%!important;margin-left:auto!important;margin-right:auto!important}
.section-head h2,.section h2{max-width:100%!important;}
.services-viewport{max-width:100%!important}
.premium-faq-list .faq-q{min-width:0!important}
.premium-faq-list .faq-q>span:first-child{white-space:normal!important;overflow:visible!important;text-overflow:clip!important}
}
@media (max-width:600px){.container{width:calc(100% - 24px)!important}
.section{padding-top:30px!important;padding-bottom:30px!important}
body{font-size:16px!important;line-height:1.6!important}
p{font-size:15px!important;line-height:1.6!important}
h1{line-height:1.08!important;}
h2,.section-head h2,.section h2{line-height:1.14!important;}
h3{line-height:1.22!important;}
.topbar .topbar-inner{min-height:36px!important}
.topbar .topbar-links{gap:0!important;overflow:hidden!important}
.topbar .topbar-links>span{padding:0 6px!important;font-size:10px!important}
.site-header .header-inner{width:calc(100% - 24px)!important;min-height:64px!important}
.site-header .brand img{width:135px!important;max-width:135px!important}
.service-card{min-width:0!important}
.service-card p{font-size:15px!important}
.premium-faq-list .faq-item{width:100%!important}
.premium-faq-list .faq-q{min-height:46px!important;padding:10px 0!important;font-size:14px!important}
}
@media (max-width:420px){.container{width:calc(100% - 20px)!important}
}
@media (max-width:360px){.topbar .topbar-links>span{font-size:9px!important;padding:0 4px!important}
.site-header .brand img{width:120px!important;max-width:120px!important}
}
@media (max-width:900px){
}
@media (max-width:560px){
}
@media (max-width:560px){
}
@media (max-width:760px){
}
@media (max-width:760px){
}#hero{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);box-sizing:border-box}#hero>.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto}
@media (max-width:760px){#hero{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
}#hero>.container{width:min(var(--container),calc(100% - 40px));max-width:var(--container);margin-left:auto;margin-right:auto}
@media (max-width:760px){#hero>.container{width:calc(100% - 30px);max-width:none}
}#hero{width:100vw !important;max-width:none !important;margin-left:50% !important;margin-right:0 !important;transform:translateX(-50%) !important;box-sizing:border-box !important}#hero>.container{width:min(1180px,calc(100% - 40px)) !important;max-width:1180px !important;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box !important}
@media (max-width:760px){#hero>.container{width:calc(100% - 30px) !important;max-width:none !important}
}#hero{border-radius:0 !important}
html,body,button,input,select,textarea,body *,body *::before,body *::after{font-family:"Inter",Arial,Helvetica,sans-serif !important}
.container,.site-container,.content-container,.inner-container,.page-container,.wrap,main>.container,section>.container,footer>.container,header>.container{width:min(1180px,calc(100% - 40px));max-width:1180px;margin-left:auto;margin-right:auto}
@media (max-width:760px){.container,.site-container,.content-container,.inner-container,.page-container,.wrap,main>.container,section>.container,footer>.container,header>.container{width:calc(100% - 28px);max-width:none}
}
.home main,
.front-page main,
body.home main{font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.home main h1,.home main h2,.home main h3,.home main h4,
.front-page main h1,.front-page main h2,.front-page main h3,.front-page main h4,
body.home main h1,body.home main h2,body.home main h3,body.home main h4{font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif;color:var(--navy);font-weight:800;letter-spacing:-.025em;}
.home main p,.home main li,.home main a,
.front-page main p,.front-page main li,.front-page main a,
body.home main p,body.home main li,body.home main a{font-family:"Inter","Segoe UI",Roboto,Arial,sans-serif}
.home main p,.front-page main p,body.home main p{line-height:1.65}
.home main .section-head h2,.front-page main .section-head h2,body.home main .section-head h2{line-height:1.15;letter-spacing:-.03em;font-weight:800;}
.home main .section-head p,.front-page main .section-head p,body.home main .section-head p{font-size:15px;line-height:1.7}
.home main .dt-home-blog-showcase p,.front-page main .dt-home-blog-showcase p,body.home main .dt-home-blog-showcase p{line-height:1.6}
@media (max-width:760px){.home main h1,.home main h2,.home main h3,.home main h4,
  .front-page main h1,.front-page main h2,.front-page main h3,.front-page main h4,
  body.home main h1,body.home main h2,body.home main h3,body.home main h4{letter-spacing:-.018em;}
.home main .section-head h2,.front-page main .section-head h2,body.home main .section-head h2{line-height:1.16;}
.home main .section-head p,.front-page main .section-head p,body.home main .section-head p{font-size:14px;line-height:1.65}
.home main .service-card p,.front-page main .service-card p,body.home main .service-card p{font-size:13px;line-height:1.55}
}
/* v185 — Ana sayfa okunabilir tipografi */
.home main .dt-home-blog-title-wrap p,
.front-page main .dt-home-blog-title-wrap p,
body.home main .dt-home-blog-title-wrap p{font-size:15px!important;line-height:1.45!important;color:#263b50!important;max-width:900px!important}
.home main .dt-faq-front-question,
.front-page main .dt-faq-front-question,
body.home main .dt-faq-front-question{font-size:14px!important;line-height:1.25!important}
@media (max-width:760px){.home main .dt-home-blog-title-wrap p,
  .front-page main .dt-home-blog-title-wrap p,
  body.home main .dt-home-blog-title-wrap p{font-size:15px!important;line-height:1.5!important}
.home main .dt-faq-front-question,
  .front-page main .dt-faq-front-question,
  body.home main .dt-faq-front-question{font-size:14px!important;line-height:1.35!important}
.home main .service-card p, .front-page main .service-card p, body.home main .service-card p{font-size:13px!important;line-height:1.5!important}
}
/* v189: section/service head top spacing */
.home main .section-head{padding-top:30px !important;}
/* FAQ front question — compact readable typography */
.dt-faq-front-question{
  min-width:0!important;
  font-size:12px!important;
  line-height:1.35!important;
  font-weight:700!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.dt-home-blog-eyebrow{color:#075fae!important}
.dt-home-blog-eyebrow:before,.dt-home-blog-eyebrow:after{background:#8aa9c4!important}
.dt-home-blog-title-wrap p{color:#53677b!important}
.dt-home-blog-card p{color:#53677b!important}
.dt-home-blog-read{color:#075fae!important}
.dt-home-blog-cat{color:#075fae!important}
.dt-home-blog-all{color:#092f66!important}
.main-nav ul,.mobile-menu ul{list-style:none!important;margin:0!important;padding:0!important;display:flex;align-items:center;gap:inherit}
.mobile-menu ul{display:block}
@media (max-width:820px){.main-nav ul{display:flex}
.mobile-menu ul{display:block}
}
/* v208 — WCAG contrast hardening for inline SVGs and WhatsApp actions */
.dt-ms-wa{background:#087a3f!important;color:#fff!important}
.dt-ms-wa:hover,.dt-ms-wa:focus-visible{background:#066a36!important;color:#fff!important}
.dt-ms-wa .dt-ms-icon,.dt-ms-wa b,.dt-ms-wa small{color:#fff!important;opacity:1!important}
.dt-ms-phone{background:#075dcc!important;color:#fff!important}
.dt-ms-phone:hover,.dt-ms-phone:focus-visible{background:#064fa9!important;color:#fff!important}
.dt-ms-phone .dt-ms-icon,.dt-ms-phone b,.dt-ms-phone small{color:#fff!important;opacity:1!important}
.dt-ms-support{color:#064fa9!important}
.dt-home-blog-showcase .detay-icon{color:#075fae!important;stroke:#075fae!important}
.dt-home-blog-showcase p,.dt-home-blog-showcase p .detay-icon{color:#334155!important}
.dt-home-blog-title-wrap p{color:#334155!important}
.dt-home-blog-card p{color:#334155!important}
/* v215 — premium CTA person: kesin mobil gizleme */
/* v216 — Ana sayfa Blog slider mobil/tablet touch desteği */
@media (max-width:820px){
  .dt-home-blog-viewport{
    overflow:hidden!important;
    touch-action:pan-y pinch-zoom!important;
    -webkit-overflow-scrolling:touch!important;
  }
  .dt-home-blog-track{
    display:flex!important;
    flex-wrap:nowrap!important;
    overflow:visible!important;
    will-change:transform!important;
    transform:translate3d(0,0,0);
  }
  .dt-home-blog-card{touch-action:pan-y pinch-zoom!important;}
}
/* v219: single post bottom CTA no longer shows duplicate phone number */
}
}
/* v224 — Öne çıkan görsel: görselin tamamını göster, kırpma yapma */
.dt-single-page .dt-single-featured img{
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
  object-position:center center !important;
  aspect-ratio:auto !important;
}
@media (max-width:900px){.dt-single-page .dt-single-featured img{
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
  }
}
@media (max-width:560px){.dt-single-page .dt-single-featured img{
    height:auto !important;
    max-height:none !important;
    object-fit:contain !important;
  }
}
/* v223 — Blog öne çıkan görsel: premium + kompakt */
.dt-single-page .dt-single-featured{
  position:relative;
  margin:2px 0 22px;
  padding:5px;
  border:1px solid #dbe7f3;
  border-radius:16px;
  overflow:hidden;
  background:linear-gradient(145deg,#ffffff,#eef5fc);
  box-shadow:0 10px 28px rgba(6,43,95,.10),0 2px 6px rgba(6,43,95,.05);
}
.dt-single-page .dt-single-featured::before{
  content:"ÖNE ÇIKAN GÖRSEL";
  position:absolute;
  z-index:2;
  top:14px;
  left:14px;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:999px;
  background:rgba(6,43,95,.82);
  color:#fff;
  font-size:9px;
  font-weight:900;
  letter-spacing:.08em;
  line-height:1;
  box-shadow:0 5px 14px rgba(6,43,95,.16);
  backdrop-filter:blur(8px);
}
.dt-single-page .dt-single-featured::after{
  content:"";
  position:absolute;
  inset:5px;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.55);
  border-radius:11px;
}
.dt-single-page .dt-single-featured img{
  display:block;
  width:100%;
  height:clamp(230px,28vw,390px);
  max-height:none;
  object-fit:cover;
  object-position:center;
  border-radius:11px;
  transition:transform .35s ease;
}
.dt-single-page .dt-single-featured:hover img{transform:scale(1.012)}
@media (max-width:900px){.dt-single-page .dt-single-featured{border-radius:14px;padding:4px;margin-bottom:20px}
.dt-single-page .dt-single-featured img{height:300px;border-radius:10px}
.dt-single-page .dt-single-featured::before{top:12px;left:12px}
.dt-single-page .dt-single-featured::after{inset:4px;border-radius:10px}
}
@media (max-width:560px){.dt-single-page .dt-single-featured{
    margin:0 0 18px;
    padding:3px;
    border-radius:13px;
    box-shadow:0 7px 20px rgba(6,43,95,.09);
  }
.dt-single-page .dt-single-featured img{
    height:205px;
    border-radius:10px;
  }
.dt-single-page .dt-single-featured::before{
    top:10px;
    left:10px;
    padding:5px 8px;
    font-size:8px;
  }
.dt-single-page .dt-single-featured::after{inset:3px;border-radius:10px}
}
@media (prefers-reduced-motion:reduce){.dt-single-page .dt-single-featured img{transition:none}
}
/* v224 final override — featured image must remain fully visible */
.dt-single-page .dt-single-featured img{width:100% !important;height:auto !important;max-height:none !important;object-fit:contain !important;object-position:center center !important;}
/* v225 — Öne çıkan görsel: minimum yükseklik + kompakt, kırpmasız */
.dt-single-page .dt-single-featured{
  height:260px !important;
  min-height:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.dt-single-page .dt-single-featured img{
  width:100% !important;
  height:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  border-radius:11px !important;
}
@media (max-width:900px){.dt-single-page .dt-single-featured{height:220px !important}
.dt-single-page .dt-single-featured img{height:100% !important}
}
@media (max-width:560px){.dt-single-page .dt-single-featured{
    height:160px !important;
    margin-bottom:16px !important;
    padding:3px !important;
    border-radius:12px !important;
  }
.dt-single-page .dt-single-featured img{
    height:100% !important;
    max-height:100% !important;
    border-radius:9px !important;
  }
.dt-single-page .dt-single-featured::before{
    top:8px !important;
    left:8px !important;
    padding:4px 7px !important;
    font-size:7px !important;
  }
}
/* v227 — Öne çıkan görsel: orijinal yüksekliğe dönüş + cover */
.dt-single-page .dt-single-featured{
  height:auto !important;
  min-height:0 !important;
  display:block !important;
  overflow:hidden !important;
}
.dt-single-page .dt-single-featured img{
  display:block !important;
  width:100% !important;
  height:auto !important;
  max-height:none !important;
  object-fit:cover !important;
  object-position:center center !important;
  aspect-ratio:auto !important;
}
@media (max-width:900px){.dt-single-page .dt-single-featured{height:auto !important;}
.dt-single-page .dt-single-featured img{height:auto !important;}
}
@media (max-width:560px){.dt-single-page .dt-single-featured{height:auto !important;}
.dt-single-page .dt-single-featured img{height:auto !important;}
}
/* v228 — Öne çıkan görsel alanı: sabit 300px, premium cover */
.dt-single-page .dt-single-featured{
  height:300px !important;
  min-height:300px !important;
  max-height:300px !important;
  display:block !important;
  overflow:hidden !important;
}
.dt-single-page .dt-single-featured img{
  width:100% !important;
  height:300px !important;
  min-height:300px !important;
  max-height:300px !important;
  object-fit:cover !important;
  object-position:center center !important;
}
/* v256 - Yazı etiketleri */
.dt-single-tags{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:24px 0 0;padding-top:20px;border-top:1px solid rgba(15,23,42,.10)}
.dt-single-tags > strong{font-size:14px;font-weight:700;color:#1f2937}
.dt-single-tags-list{display:flex;flex-wrap:wrap;gap:8px}
.dt-single-tags-list a{display:inline-flex;align-items:center;min-height:34px;padding:6px 12px;border-radius:999px;background:#f1f5f9;color:#334155;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .2s ease,color .2s ease}
.dt-single-tags-list a:hover,.dt-single-tags-list a:focus-visible{background:#e2e8f0;color:#0f172a}
@media (max-width:680px){.dt-single-tags{align-items:flex-start;flex-direction:column;gap:8px}
}
/* ========================================================================
   PRO TEMİZLİK — Header / Topbar / Hero brand refresh
   Palette: Deep Navy + Royal Blue + Metallic Gold + White
   Applied to match the supplied reference composition.
   ======================================================================== */
:root{
  --pro-navy:#062b5f;
  --pro-navy-deep:#031a38;
  --pro-blue:#126ee8;
  --pro-blue-bright:#2f8cff;
  --pro-gold:#f4b51b;
  --pro-gold-light:#ffd45a;
  --pro-gold-deep:#c98a05;
  --pro-white:#fff;
}
/* Topbar */
.topbar{
  background:linear-gradient(90deg,#031a38 0%,#062b5f 52%,#041f46 100%) !important;
  color:#f3f7fc !important;
  border-bottom:1px solid rgba(244,181,27,.24) !important;
}
.topbar-inner{min-height:54px !important}
.topbar-links{gap:0 !important}
.topbar-links>span{padding:0 26px !important;border-right:1px solid rgba(255,255,255,.13) !important}
.topbar-links>span:first-child{padding-left:0 !important}
.topbar-links a{color:#f4f7fb !important;font-size:13px !important;font-weight:600 !important}
.topbar-links svg{color:var(--pro-gold) !important;stroke:var(--pro-gold) !important}
.topbar-motto{color:var(--pro-gold-light) !important;font-size:16px !important;font-weight:800 !important}
.topbar-motto span{color:var(--pro-gold) !important}
/* Main navigation */
.site-header{
  background:#fff !important;
  border-bottom:1px solid #e7edf5 !important;
  box-shadow:0 10px 28px rgba(3,28,61,.08) !important;
}
.header-inner{min-height:106px !important;gap:24px !important}
.brand{min-width:235px !important}
.main-nav{gap:31px !important;font-size:16px !important;font-weight:800 !important}
.main-nav a{padding:39px 0 !important;color:#092b58 !important}
.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--pro-blue) !important}
.main-nav .current-menu-item>a:after{background:var(--pro-blue) !important;height:3px !important;bottom:27px !important}
@media (max-width:1180px){.main-nav{gap:19px !important;font-size:14px !important}
.brand{min-width:205px !important}
}
@media (max-width:900px){.topbar-links>span{padding:0 12px !important}
.topbar-motto{display:none !important}
.header-inner{min-height:82px !important}
.mobile-toggle{display:block !important}
}
@media (max-width:760px){.topbar{display:none !important}
.site-header{position:sticky !important}
}
/* v293 — PRO TEMİZLİK kurumsal header menü renkleri */
.main-nav a,
.main-nav a:visited{color:#092f63!important}
.main-nav a:hover,
.main-nav a:focus-visible,
.main-nav .current-menu-item>a,
.main-nav .current-menu-ancestor>a{color:#c89211!important}
.main-nav .current-menu-item>a:after,
.main-nav .current-menu-ancestor>a:after{background:#c89211!important}
.topbar-links a:hover{color:#f4c84a!important}
.topbar-links svg{color:#d8a51a!important}
.topbar-motto{color:#f4f7fb!important}
.topbar-motto span{color:#d8a51a!important}
@media (max-width:900px){.mobile-toggle{color:#092f63!important}
}
/* PRO TEMİZLİK — HEADER / TOPBAR / MOBİL MENÜ — PREMIUM MASTER */
.topbar{position:relative;width:100%;min-height:42px;background:linear-gradient(100deg,#061a35 0%,#082f62 55%,#061f43 100%);color:#eef5fc;border-bottom:1px solid rgba(244,181,27,.32);box-shadow:0 3px 14px rgba(2,18,38,.14);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:hidden}
.topbar .topbar-inner{width:min(1180px,calc(100% - 40px));min-height:42px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:20px}
.topbar .topbar-links{display:flex;align-items:center;min-width:0;flex:1;flex-wrap:nowrap;overflow:hidden}
.topbar .topbar-links>span{display:flex;align-items:center;min-width:0;padding:0 16px;border-right:1px solid rgba(255,255,255,.13);white-space:nowrap}
.topbar .topbar-links>span:first-child{padding-left:0}
.topbar .topbar-links>span:last-child{border-right:0}
.topbar .topbar-links a{display:flex;align-items:center;gap:8px;min-width:0;color:#edf4fb;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:.01em;line-height:1.2}
.topbar .topbar-links a>span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .topbar-links a:hover{color:#f4c84a}
.topbar .topbar-links svg{width:16px;height:16px;flex:0 0 16px;color:#e0ad2e;stroke:#e0ad2e}
.topbar .topbar-right{display:flex;align-items:center;flex:0 0 auto;white-space:nowrap}
.topbar .topbar-motto{display:inline-flex;align-items:center;gap:7px;color:#f0c85b;font-size:12px;font-weight:700;letter-spacing:.025em}
.topbar .topbar-crystal{color:#fff;font-size:17px;line-height:1;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}
.site-header{position:sticky;top:0;z-index:1000;background:#fff;border-bottom:1px solid #e8eef5;box-shadow:0 5px 20px rgba(7,43,95,.06)}
.site-header .header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.site-header .brand{flex:0 0 320px;width:320px;height:88px;min-width:0;display:flex;align-items:center;overflow:hidden}
.site-header .brand picture{display:block;width:100%;height:100%;line-height:0}
.site-header .brand img,.site-header .brand .site-logo-image{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:left center}
.site-header .main-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700}
.site-header .main-nav a{position:relative;padding:28px 0;color:#243b53}
.site-header .main-nav a:hover,.site-header .main-nav .current-menu-item>a{color:#0b63d9}
.site-header .main-nav .current-menu-item>a:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:3px;border-radius:99px;background:#f4b51b}
.site-header .header-actions{display:flex;align-items:center;gap:12px;flex:0 0 auto;margin-left:auto}
.site-header .header-action-divider{width:1px;height:34px;background:#e7edf4}
.site-header .header-phone{display:flex;align-items:center;gap:11px;width:252px;height:66px;padding:6px 17px 6px 7px;border:1px solid #d9e2ec;border-radius:10px!important;background:#fff;color:#0b2f5b;box-shadow:0 7px 22px rgba(8,43,95,.09);text-decoration:none;box-sizing:border-box}
.site-header .header-phone-copy{display:flex;flex-direction:column;justify-content:center;min-width:0;line-height:1}
.site-header .header-phone-copy small{margin:0 0 5px;color:#7b8795;font-size:11px;font-weight:800;letter-spacing:.08em;white-space:nowrap}
.site-header .header-phone-copy strong{color:#082d60;font-size:19px;font-weight:850;white-space:nowrap}
.site-header .header-whatsapp{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:220px;height:66px;padding:0 20px;border:0;border-radius:10px!important;background:linear-gradient(135deg,#18c968,#0fb45a);color:#fff;font-size:18px;font-weight:800;text-decoration:none;box-shadow:0 8px 22px rgba(15,180,90,.18);box-sizing:border-box}
.site-header .header-whatsapp svg{width:27px;height:27px;color:#fff;stroke:currentColor}
.site-header .header-whatsapp span:first-of-type{font-size:17px;font-weight:800}
.site-header .header-whatsapp span:last-child{font-size:23px}
.site-header .mobile-toggle{display:none;border:1px solid #dce6f0;background:#fff;color:#0b2f5b;width:46px;height:46px;border-radius:12px;place-items:center;font-size:0;cursor:pointer;box-shadow:0 7px 18px rgba(7,43,95,.09)}
.site-header .mobile-toggle:before{content:"";width:21px;height:15px;background:linear-gradient(#0b2f5b 0 2px,transparent 2px 6px,#0b2f5b 6px 8px,transparent 8px 13px,#0b2f5b 13px 15px);display:block}
@media (max-width:1180px){.site-header .brand{flex-basis:240px;width:240px;height:72px}
.site-header .header-phone{width:228px}
.site-header .header-whatsapp{width:196px}
.site-header .main-nav{gap:20px}
.topbar .topbar-inner{width:calc(100% - 28px)}
}
@media (max-width:980px){.site-header .brand{flex-basis:205px;width:205px;height:64px}
.site-header .main-nav{gap:14px;font-size:13px}
.site-header .header-phone{width:205px}
.site-header .header-whatsapp{width:176px}
.site-header .header-actions{gap:8px}
}
@media (max-width:820px){.topbar{min-height:36px;height:36px}
.topbar .topbar-inner{width:100%;min-height:36px;height:36px;padding:0 10px;gap:0}
.topbar .topbar-links{width:100%;justify-content:center;overflow:hidden}
.topbar .topbar-links>span{padding:0 7px;min-width:0;flex:1 1 0;justify-content:center}
.topbar .topbar-links>span:first-child{padding-left:0}
.topbar .topbar-links a{width:100%;justify-content:center;gap:5px;font-size:9px}
.topbar .topbar-links a>span:last-child{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.topbar .topbar-links svg{width:12px;height:12px;flex-basis:12px}
.topbar .topbar-right{display:none}
.site-header .header-inner{min-height:70px;gap:10px;padding:0 12px}
.site-header .brand{flex:1 1 auto;width:auto;height:58px;min-width:0}
.site-header .brand img,.site-header .brand .site-logo-image{width:auto;max-width:205px;height:58px}
.site-header .main-nav{display:none}
.site-header .header-actions{margin-left:auto;gap:0}
.site-header .header-phone,.site-header .header-whatsapp,.site-header .header-action-divider{display:none}
.site-header .mobile-toggle{display:grid;flex:0 0 46px}
.mobile-menu-backdrop{position:fixed;inset:0;background:rgba(3,18,36,.58);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;visibility:hidden;pointer-events:none;z-index:1998;transition:opacity .28s ease,visibility .28s ease}
.mobile-menu-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
.site-header .mobile-menu{position:fixed;top:0;right:0;bottom:0;width:min(350px,88vw);height:100dvh;display:flex;flex-direction:column;visibility:hidden;opacity:0;transform:translate3d(100%,0,0);background:#fff;z-index:1999;border:0;border-left:1px solid rgba(6,43,95,.10);border-radius:0;box-shadow:-22px 0 55px rgba(2,18,38,.25);transition:transform .34s cubic-bezier(.22,.8,.22,1),opacity .2s ease,visibility .2s;overflow:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.site-header .mobile-menu.open{visibility:visible;opacity:1;transform:translate3d(0,0,0)}
.mobile-menu-head{height:86px;flex:0 0 86px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf3;background:#fff;position:relative;z-index:2}
.mobile-menu-head:after{content:"";position:absolute;left:20px;right:20px;bottom:0;height:2px;background:linear-gradient(90deg,#f4b51b 0%,#f4b51b 35%,transparent 100%)}
.mobile-menu-brand{display:flex;align-items:center;width:220px;height:62px;min-width:0;max-width:calc(100% - 62px)}
.mobile-menu-brand .site-logo-image,.mobile-menu-brand img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:left center}
.mobile-menu-close{width:36px;height:36px;border:1px solid #dbe4ec;border-radius:50%;background:#f8fafc;color:#0a2d59;display:grid;place-items:center;cursor:pointer;box-shadow:0 7px 18px rgba(7,43,95,.08);transition:transform .2s ease,background .2s ease,border-color .2s ease}
.mobile-menu-close:hover{background:#fff7dc;border-color:#e7b42c;transform:rotate(90deg)}
.mobile-menu-close span{position:relative;width:18px;height:18px;display:block}
.mobile-menu-close span:before,.mobile-menu-close span:after{content:"";position:absolute;left:8px;top:0;width:2px;height:18px;border-radius:2px;background:#12385f}
.mobile-menu-close span:before{transform:rotate(45deg)}
.mobile-menu-close span:after{transform:rotate(-45deg)}
.site-header .mobile-menu-nav{flex:0 0 auto;max-height:calc(100dvh - 210px);overflow-y:auto;padding:8px 20px 0}
.site-header .mobile-menu ul{margin:0!important;padding:0!important;list-style:none!important;display:block!important}
.site-header .mobile-menu li{margin:0;border-bottom:1px solid #edf1f5}
.site-header .mobile-menu li a{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:57px;padding:0 4px;color:#132d48;font-size:14px;font-weight:700;letter-spacing:-.01em;text-decoration:none;transition:color .2s ease,padding .2s ease}
.site-header .mobile-menu li a:after{content:"›";font-size:22px;line-height:1;color:#9aa7b4;transition:transform .2s ease,color .2s ease}
.site-header .mobile-menu li.menu-item-has-children>a:after{content:"⌄";font-size:17px}
.site-header .mobile-menu li a:hover{color:#0b63d9;padding-left:8px}
.site-header .mobile-menu li a:hover:after{color:#f0ae08;transform:translateX(2px)}
.site-header .mobile-menu .current-menu-item>a{color:#0b63d9;font-weight:850}
.site-header .mobile-menu .current-menu-item>a:before{content:"";position:absolute;left:-20px;width:3px;height:24px;border-radius:0 3px 3px 0;background:#f4b51b}
.site-header .mobile-menu .current-menu-item>a:after{color:#f4b51b}
.site-header .mobile-menu-socials{flex:0 0 auto;margin:14px 20px 22px;padding:16px 16px 18px;border:1px solid #e4ebf2;border-radius:16px;background:linear-gradient(145deg,#ffffff,#f7fafc);box-shadow:0 10px 26px rgba(7,43,95,.08)}
.mobile-menu-socials-title{margin:0 0 12px;color:#082d60;font-size:11px;font-weight:900;letter-spacing:.10em;text-transform:uppercase}
.mobile-menu-socials-title:after{content:"";display:inline-block;width:28px;height:2px;margin:0 0 3px 8px;border-radius:99px;background:linear-gradient(90deg,#f4b51b,rgba(244,181,27,0))}
.mobile-menu-socials-list{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.mobile-menu-socials-list .mobile-social{width:36px;height:36px;display:grid;place-items:center;border:1px solid #dfe7ef;border-radius:12px;background:#fff;color:#12385f;box-shadow:0 7px 16px rgba(7,43,95,.07);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease}
.mobile-menu-socials-list .mobile-social svg{width:18px;height:18px;fill:currentColor;stroke:currentColor;stroke-width:0;display:block}
.mobile-menu-socials-list .mobile-social-instagram svg{fill:none;stroke:currentColor;stroke-width:1.8}
.mobile-menu-socials-list .mobile-social-instagram svg .fill-dot{fill:currentColor;stroke:none}
.mobile-menu-socials-list .mobile-social:hover,.mobile-menu-socials-list .mobile-social:focus-visible{transform:translateY(-2px);border-color:#f4b51b;background:#fffaf0;color:#0b63d9;box-shadow:0 11px 22px rgba(7,43,95,.11);outline:none}
.mobile-menu-socials-list .mobile-social-facebook:hover,.mobile-menu-socials-list .mobile-social-facebook:focus-visible{color:#1877f2}
.mobile-menu-socials-list .mobile-social-instagram:hover,.mobile-menu-socials-list .mobile-social-instagram:focus-visible{color:#c13584}
.mobile-menu-socials-list .mobile-social-tiktok:hover,.mobile-menu-socials-list .mobile-social-tiktok:focus-visible{color:#111}
.mobile-menu-socials-list .mobile-social-youtube:hover,.mobile-menu-socials-list .mobile-social-youtube:focus-visible{color:#e62117}
.mobile-menu-socials-list .mobile-social-linkedin:hover,.mobile-menu-socials-list .mobile-social-linkedin:focus-visible{color:#0a66c2}
.mobile-menu-socials-list .mobile-social-x:hover,.mobile-menu-socials-list .mobile-social-x:focus-visible{color:#111}
body.mobile-menu-open{overflow:hidden}
body.mobile-menu-open .dt-mobile-sticky{display:none!important}
}
@media (max-width:390px){.topbar .topbar-links>span{padding:0 5px}
.topbar .topbar-links a{font-size:8.5px}
.site-header .header-inner{padding:0 10px}
.site-header .brand img,.site-header .brand .site-logo-image{max-width:180px;height:54px}
.mobile-menu-head{height:80px;flex-basis:80px;padding:0 16px}
.mobile-menu-head:after{left:16px;right:16px}
.mobile-menu-brand{width:200px;height:54px;max-width:calc(100% - 58px)}
.site-header .mobile-menu-nav{padding-left:16px;padding-right:16px}
.site-header .mobile-menu li a{min-height:54px;font-size:13px}
.site-header .mobile-menu-socials{margin:10px 16px 18px;padding:14px 14px 16px}
.mobile-menu-socials-list{gap:8px}
.mobile-menu-socials-list .mobile-social{width:40px;height:40px;border-radius:11px}
}
/* PRO TEMİZLİK — FINAL MOBILE DROPDOWN MENU
   Merkezi hamburger yapısı: iletişim butonları menü panelinde bulunmaz.
   Alt sabit iletişim çubuğu bağımsız çalışır. */
@media (max-width:820px){
  .site-header{position:relative;z-index:1200}
  .site-header .header-inner{position:relative;z-index:1201}
  .site-header .mobile-toggle{
    width:48px;height:48px;display:grid;place-items:center;padding:0;
    border:1px solid #dbe5ef;border-radius:14px;background:#fff;color:#082d60;
    box-shadow:0 8px 22px rgba(7,43,95,.10);font-size:0;cursor:pointer;
    position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
  }
  .site-header .mobile-toggle:before,
  .site-header .mobile-toggle:after,
  .site-header .mobile-toggle{--hamburger-line:#082d60}
  .site-header .mobile-toggle:before{
    content:"";width:22px;height:2px;border-radius:99px;background:var(--hamburger-line);
    box-shadow:0 -7px 0 var(--hamburger-line),0 7px 0 var(--hamburger-line);
  }
  .site-header .mobile-toggle:hover{border-color:#f4b51b;box-shadow:0 10px 26px rgba(7,43,95,.14);transform:translateY(-1px)}
  .mobile-menu-backdrop{
    position:fixed;inset:0;z-index:1198;background:rgba(3,18,36,.34);
    backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);
    opacity:0;visibility:hidden;pointer-events:none;
    transition:opacity .22s ease,visibility .22s ease;
  }
  .mobile-menu-backdrop.open{opacity:1;visibility:visible;pointer-events:auto}
  /* Açılır kart: tam ekran panel değil */
  .site-header .mobile-menu{
    position:absolute!important;top:calc(100% + 10px)!important;right:14px!important;left:auto!important;bottom:auto!important;
    width:min(360px,calc(100vw - 28px))!important;height:auto!important;max-height:calc(100dvh - 92px)!important;
    display:flex!important;flex-direction:column!important;
    padding:0!important;visibility:hidden!important;opacity:0!important;
    transform:translate3d(0,-10px,0) scale(.985)!important;transform-origin:top right;
    background:#fff!important;border:1px solid rgba(6,43,95,.10)!important;border-radius:22px!important;
    box-shadow:0 24px 70px rgba(2,18,38,.22),0 6px 20px rgba(7,43,95,.08)!important;
    overflow:hidden!important;overscroll-behavior:contain;
    transition:transform .25s cubic-bezier(.22,.8,.22,1),opacity .18s ease,visibility .18s ease!important;
    z-index:1199!important;
  }
  .site-header .mobile-menu.open{
    visibility:visible!important;opacity:1!important;transform:translate3d(0,0,0) scale(1)!important;
  }
  .mobile-menu-head{
    height:78px!important;flex:0 0 78px!important;padding:0 18px!important;
    background:linear-gradient(180deg,#fff 0%,#fbfdff 100%)!important;
    border-bottom:1px solid #e8eef5!important;
  }
  .mobile-menu-head:after{left:18px!important;right:18px!important;height:2px!important;background:linear-gradient(90deg,#f4b51b 0%,#f4b51b 30%,rgba(244,181,27,0) 100%)!important}
  .mobile-menu-brand{width:190px!important;height:52px!important;max-width:calc(100% - 58px)!important}
  .mobile-menu-close{width:40px!important;height:40px!important;border-radius:12px!important;background:#f8fafc!important}
  .site-header .mobile-menu-nav{
    flex:0 1 auto!important;max-height:calc(100dvh - 250px)!important;overflow-y:auto!important;
    padding:6px 18px 0!important;scrollbar-width:thin;
  }
  .site-header .mobile-menu li{border-bottom:1px solid #edf2f7!important}
  .site-header .mobile-menu li a{
    min-height:54px!important;padding:0 2px!important;font-size:14px!important;font-weight:750!important;color:#15324f!important;
  }
  .site-header .mobile-menu li a:after{font-size:21px!important;color:#9aabbc!important}
  .site-header .mobile-menu li a:hover{padding-left:6px!important;color:#0b63d9!important}
  .site-header .mobile-menu .current-menu-item>a{color:#0b63d9!important;font-weight:850!important}
  .site-header .mobile-menu .current-menu-item>a:before{left:-18px!important;height:23px!important;width:3px!important;background:#f4b51b!important}
  .site-header .mobile-menu-socials{
    flex:0 0 auto!important;margin:12px 18px 16px!important;padding:14px 14px 15px!important;
    border:1px solid #e2eaf2!important;border-radius:16px!important;
    background:linear-gradient(145deg,#ffffff,#f7fafc)!important;
    box-shadow:0 10px 26px rgba(7,43,95,.08)!important;
  }
  .mobile-menu-socials-title{font-size:10px!important;margin-bottom:10px!important;color:#082d60!important}
  .mobile-menu-socials-list{gap:8px!important}
  .mobile-menu-socials-list .mobile-social{width:40px!important;height:40px!important;border-radius:11px!important}
  /* İletişim butonları hamburger panelinin içinde gösterilmez. */
  .site-header .mobile-menu .mobile-menu-contact,
  .site-header .mobile-menu .mobile-menu-actions,
  .site-header .mobile-menu .mobile-contact,
  .site-header .mobile-menu .mobile-phone,
  .site-header .mobile-menu .mobile-whatsapp{display:none!important}
}
@media (max-width:390px){.site-header .mobile-menu{right:10px!important;width:calc(100vw - 20px)!important;border-radius:19px!important}
.mobile-menu-head{height:72px!important;flex-basis:72px!important;padding:0 15px!important}
.mobile-menu-brand{width:175px!important;height:48px!important}
.site-header .mobile-menu-nav{padding-left:15px!important;padding-right:15px!important}
.site-header .mobile-menu li a{min-height:51px!important;font-size:13px!important}
.site-header .mobile-menu-socials{margin-left:15px!important;margin-right:15px!important}
}
@media (min-width:821px){.site-header .mobile-menu,.site-header .mobile-menu-backdrop{display:none!important}
}
/* PRO TEMİZLİK — FINAL PREMIUM TOPBAR / HEADER / HERO */
.topbar{
  min-height:46px!important;
  background:linear-gradient(100deg,#061a35 0%,#082f62 55%,#061f43 100%)!important;
  border-bottom:1px solid rgba(244,181,27,.34)!important;
}
.topbar .topbar-inner{
  min-height:46px!important;
  width:min(1180px,calc(100% - 40px))!important;
  gap:24px!important;
}
.topbar .topbar-links>span{padding:0 18px!important}
.topbar .topbar-links a{
  font-size:13.5px!important;
  font-weight:700!important;
  letter-spacing:.005em!important;
  line-height:1!important;
  gap:9px!important;
}
.topbar .topbar-links svg{width:17px!important;height:17px!important;flex-basis:17px!important}
.topbar .topbar-motto{
  font-size:14px!important;
  font-weight:800!important;
  letter-spacing:.01em!important;
}
.topbar .topbar-crystal{font-size:18px!important}
.site-header .header-inner{min-height:94px!important;gap:24px!important}
.site-header .brand{height:90px!important}
.site-header .header-actions{gap:14px!important}
.site-header .header-phone{
  width:280px!important;
  height:72px!important;
  padding:7px 18px 7px 8px!important;
  border-radius:10px!important;
  box-shadow:0 10px 28px rgba(8,43,95,.11)!important;
}
.site-header .header-phone-copy small{font-size:12px!important;letter-spacing:.09em!important;margin-bottom:6px!important}
.site-header .header-phone-copy strong{font-size:20px!important;letter-spacing:.005em!important}
.site-header .header-whatsapp{
  width:240px!important;
  height:72px!important;
  border-radius:10px!important;
  gap:11px!important;
  padding:0 22px!important;
  font-size:19px!important;
  box-shadow:0 10px 26px rgba(15,180,90,.20)!important;
}
.site-header .header-whatsapp svg{width:29px!important;height:29px!important}
.site-header .header-whatsapp span:first-of-type{font-size:18px!important;font-weight:850!important}
.site-header .header-whatsapp span:last-child{font-size:24px!important}
@media (max-width:1180px){.site-header .header-phone{width:250px!important}
.site-header .header-whatsapp{width:210px!important}
.site-header .main-nav{gap:18px!important}
}
@media (max-width:980px){.topbar .topbar-inner{width:calc(100% - 28px)!important}
.topbar .topbar-links>span{padding:0 11px!important}
.topbar .topbar-links a{font-size:12px!important}
.topbar .topbar-motto{font-size:12px!important}
.site-header .header-phone{width:205px!important;height:68px!important}
.site-header .header-whatsapp{width:176px!important;height:68px!important}
}
@media (max-width:820px){.topbar{min-height:36px!important;height:36px!important}
.topbar .topbar-inner{min-height:36px!important;height:36px!important;width:100%!important;padding:0 10px!important}
.topbar .topbar-links a{font-size:9px!important}
.topbar .topbar-links svg{width:12px!important;height:12px!important;flex-basis:12px!important}
.topbar .topbar-motto{display:none!important}
.site-header .header-inner{min-height:70px!important}
}
@media (max-width:390px){.topbar .topbar-links>span{padding:0 5px!important}
.topbar .topbar-links a{font-size:8.5px!important}
}
/* PRO TEMİZLİK — KOMPAKT HEADER + HERO FINAL */
.topbar{font-size:12.5px!important}
.topbar-inner{min-height:38px!important}
.topbar .topbar-links a{font-size:12.5px!important;font-weight:650!important}
.topbar .topbar-motto{font-size:13px!important;font-weight:750!important}
.site-header .header-inner{min-height:72px!important;gap:18px!important}
.site-header .header-actions{gap:10px!important}
.site-header .header-phone{height:62px!important;min-height:62px!important;padding:0 16px!important;border-radius:10px!important}
.site-header .header-phone-copy small{font-size:10px!important}
.site-header .header-phone-copy strong{font-size:20px!important;line-height:1.05!important}
.site-header .header-whatsapp{height:62px!important;min-height:62px!important;padding:0 22px!important;font-size:15px!important;border-radius:10px!important}
@media (max-width:1100px){.site-header .header-phone{height:58px!important;min-height:58px!important}
.site-header .header-phone-copy strong{font-size:18px!important}
.site-header .header-whatsapp{height:58px!important;min-height:58px!important;padding:0 18px!important}
}
@media (max-width:767px){.site-header .header-phone,.site-header .header-whatsapp,.site-header .header-action-divider{display:none!important}
}
/* PRO TEMİZLİK — FINAL VISUAL BALANCE v2
   Header iletişim, kompakt hero ve topbar için tek son override.
   Mevcut tasarım korunur; yalnızca ölçü/hizalama dengelenir. */
@media (min-width: 1181px){
  .topbar-inner{min-height:44px!important;height:44px!important}
  .topbar .topbar-links a{font-size:13px!important;font-weight:700!important;line-height:1.2!important}
  .topbar .topbar-motto{font-size:13.5px!important;font-weight:800!important}
  .topbar .topbar-links svg{width:16px!important;height:16px!important}
  .site-header .header-inner{min-height:78px!important;height:78px!important;width:min(1180px,calc(100% - 40px))!important;column-gap:20px!important}
  .site-header .brand{flex:0 0 225px!important;width:225px!important;height:62px!important;min-height:62px!important}
  .site-header .main-nav{gap:18px!important;min-width:0!important}
  .site-header .main-nav a{font-size:15px!important;font-weight:700!important;white-space:nowrap!important}
  .site-header .header-phone{width:205px!important;height:58px!important;min-height:58px!important;padding:5px 13px 5px 6px!important}
  .site-header .header-phone-copy small{font-size:11px!important}
  .site-header .header-phone-copy strong{font-size:17px!important;line-height:1.05!important}
  .site-header .header-whatsapp{width:180px!important;height:58px!important;min-height:58px!important;padding:0 18px!important;font-size:17px!important}
  .site-header .header-whatsapp svg{width:25px!important;height:25px!important}
}
@media (min-width:821px) and (max-width:1180px){.site-header .header-inner{width:calc(100% - 28px)!important;gap:12px!important}
.site-header .brand{flex-basis:190px!important;width:190px!important;height:58px!important}
.site-header .main-nav{gap:12px!important}
.site-header .main-nav a{font-size:13px!important}
.site-header .header-phone{width:190px!important}
.site-header .header-whatsapp{width:165px!important}
}
/* PRO TEMİZLİK — HEADER İLETİŞİM KOMPAKT PREMIUM FINAL */
@media (min-width:1181px){
  .site-header .header-actions{gap:8px!important}
  .site-header .header-phone{width:190px!important;height:54px!important;min-height:54px!important;padding:4px 12px 4px 6px!important;border-radius:10px!important;box-shadow:0 6px 18px rgba(8,43,95,.08)!important}
  .site-header .header-phone-copy small{font-size:9px!important;letter-spacing:.07em!important;margin-bottom:4px!important}
  .site-header .header-phone-copy strong{font-size:16px!important;line-height:1.05!important}
  .site-header .header-whatsapp{width:165px!important;height:54px!important;min-height:54px!important;padding:0 15px!important;gap:8px!important;font-size:15px!important;border-radius:10px!important;box-shadow:0 6px 18px rgba(15,180,90,.15)!important}
  .site-header .header-whatsapp svg{width:22px!important;height:22px!important}
  .site-header .header-whatsapp span:first-of-type{font-size:15px!important;font-weight:800!important}
  .site-header .header-whatsapp span:last-child{font-size:19px!important}
}
@media (min-width:821px) and (max-width:1180px){.site-header .header-actions{gap:7px!important}
.site-header .header-phone{width:175px!important;height:52px!important;min-height:52px!important;padding:4px 10px 4px 5px!important}
.site-header .header-phone-copy small{font-size:8.5px!important;margin-bottom:3px!important}
.site-header .header-phone-copy strong{font-size:14px!important}
.site-header .header-whatsapp{width:150px!important;height:52px!important;min-height:52px!important;padding:0 12px!important;gap:7px!important;font-size:14px!important}
.site-header .header-whatsapp svg{width:21px!important;height:21px!important}
.site-header .header-whatsapp span:first-of-type{font-size:14px!important}
.site-header .header-whatsapp span:last-child{font-size:17px!important}
}
/* PRO TEMİZLİK — HEADER İLETİŞİM DAHA KOMPAKT PREMIUM */
@media (min-width:981px){
  .site-header .header-actions{gap:10px!important}
  .site-header .header-phone{
    width:176px!important;height:50px!important;min-height:50px!important;
    padding:3px 10px 3px 5px!important;border-radius:10px!important;
    gap:8px!important;box-shadow:0 5px 16px rgba(8,43,95,.07)!important
  }
  .site-header .header-phone-copy small{
    font-size:8px!important;letter-spacing:.055em!important;margin-bottom:2px!important
  }
  .site-header .header-phone-copy strong{
    font-size:14px!important;line-height:1.05!important;letter-spacing:-.015em!important
  }
  .site-header .header-whatsapp{
    width:148px!important;height:50px!important;min-height:50px!important;
    padding:0 12px!important;gap:7px!important;border-radius:10px!important;
    font-size:14px!important;box-shadow:0 5px 16px rgba(15,180,90,.12)!important
  }
  .site-header .header-whatsapp svg{width:20px!important;height:20px!important}
  .site-header .header-whatsapp span:first-of-type{font-size:14px!important;font-weight:800!important}
  .site-header .header-whatsapp span:last-child{font-size:17px!important}
}
@media (min-width:981px) and (max-width:1180px){.site-header .header-phone{width:166px!important}
.site-header .header-whatsapp{width:140px!important}
.site-header .header-phone-copy strong{font-size:13px!important}
.site-header .header-whatsapp span:first-of-type{font-size:13px!important}
}
/* PRO TEMİZLİK — İLETİŞİM İKONLARI PREMIUM DENGE */
@media (min-width:1181px){
  .site-header .header-phone{display:inline-flex!important;align-items:center!important;gap:10px!important;padding:4px 12px 4px 5px!important}
  .site-header .header-whatsapp{gap:9px!important}.site-header .header-whatsapp svg{width:25px!important;height:25px!important;stroke-width:2.1!important}
}
@media (min-width:821px) and (max-width:1180px){.site-header .header-whatsapp svg{width:23px!important;height:23px!important}
}
/* FINAL TRUST CARD TYPOGRAPHY */
/* PRO TEMİZLİK — PHONE ICON SINGLE SOURCE */
.site-header .header-phone-icon{width:26px!important;height:26px!important;flex:0 0 26px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;color:#d4a72c!important;padding:0!important;box-sizing:border-box!important}
.site-header .header-phone-icon svg{width:25px!important;height:25px!important;display:block!important;color:currentColor!important;fill:none!important;stroke:currentColor!important;stroke-width:2.2!important;stroke-linecap:round!important;stroke-linejoin:round!important}
@media (min-width:821px) and (max-width:1180px){.site-header .header-phone-icon{width:24px!important;height:24px!important;flex-basis:24px!important}
.site-header .header-phone-icon svg{width:23px!important;height:23px!important}
}
/* PRO TEMİZLİK — MOBILE HERO / HEADER FINAL CLEAN
   Tek kaynak: mobil logo + CTA + hero dengesi. */
@media (max-width:820px){
  .site-header .header-inner{
    min-height:64px!important;
    height:64px!important;
    padding:0 12px!important;
    gap:8px!important;
  }
  .site-header .brand{
    flex:1 1 auto!important;
    width:auto!important;
    height:48px!important;
    min-width:0!important;
    max-width:calc(100% - 50px)!important;
    overflow:hidden!important;
    display:flex!important;
    align-items:center!important;
  }
  .site-header .brand img,
  .site-header .brand .site-logo-image{
    display:block!important;
    width:auto!important;
    height:46px!important;
    max-width:155px!important;
    max-height:46px!important;
    object-fit:contain!important;
    object-position:left center!important;
  }
  .site-header .brand picture{
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    height:46px!important;
    max-width:155px!important;
  }
  .site-header .header-actions{
    flex:0 0 44px!important;
    width:44px!important;
    margin-left:auto!important;
    gap:0!important;
  }
  .site-header .mobile-toggle{
    width:44px!important;
    height:44px!important;
    flex:0 0 44px!important;
    display:grid!important;
    place-items:center!important;
    font-size:0!important;
    border:1px solid #d9e3ee!important;
    border-radius:12px!important;
    background:#fff!important;
    color:#082f62!important;
    box-shadow:0 6px 16px rgba(7,43,95,.08)!important;
  }
}
@media (max-width:390px){.site-header .header-inner{padding:0 10px!important}
.site-header .brand img,
  .site-header .brand .site-logo-image{height:44px!important;max-height:44px!important;max-width:150px!important}
.site-header .brand picture{height:44px!important;max-width:150px!important}
.site-header .mobile-toggle{width:42px!important;height:42px!important;flex-basis:42px!important}
.site-header .header-actions{width:42px!important;flex-basis:42px!important}
}
/* v260 — Kristal Temizlik hizmetler alanı: premium CTA + temiz slider */
/* Dots are no longer used; slider remains swipeable on mobile. */
@media (max-width:760px){
}
@media (max-width:560px){
}
/* v5.1 — Services CTA: desktop in heading, mobile after the cards. */
@media (max-width:760px){
}
/* Service slider dots removed on desktop and mobile. */
/* Final fix — mobile services CTA must render after the complete service card track. */
@media (max-width:760px){
}
/* Kristal Temizlik — temiz hizmet kartı CTA */
/* Ana sayfa section aralığı — tek kaynak */
.home .section,
.front-page .section,
body.home section{margin-bottom:24px !important;}
/* KRISTAL CENTRAL TYPOGRAPHY — single source of truth */
:root{
  --kt-heading-h1:42px;
  --kt-heading-h2:36px;
  --kt-heading-h3:22px;
  --kt-heading-h4:18px;
  --kt-heading-h5:16px;
  --kt-heading-h6:14px;
}
body :where(h1){}
body :where(h2){}
body :where(h3){}
body :where(h4){}
body :where(h5){}
body :where(h6){}
@media (max-width:767px){
 body :where(h1){}
 body :where(h2){}
 body :where(h3){}
 body :where(h4){}
 body :where(h5){}
 body :where(h6){}
}
@media (max-width:480px){
 body :where(h1){}
 body :where(h2){}
 body :where(h3){}
}
/* KRISTAL TEMIZLIK — MERKEZI TIPOGRAFI v1 */
/*
 * Tek kaynaklı başlık sistemi.
 * Bileşen CSS dosyaları H1-H6 font-size değerlerini override etmez.
 */
h1,h2,h3,h4,h5,h6{
  font-family:inherit;
  text-wrap:balance;
}
h1{font-size:42px!important;}
h2{font-size:36px!important;}
h3{font-size:22px!important;}
h4{font-size:18px!important;}
h5{font-size:16px!important;}
h6{font-size:14px!important;}
@media (max-width:820px){
  h1{font-size:36px!important;}
  h2{font-size:30px!important;}
  h3{font-size:21px!important;}
}
@media (max-width:560px){
  h1{font-size:34px!important;}
  h2{font-size:28px!important;}
  h3{font-size:20px!important;}
  h4{font-size:18px!important;}
  h5{font-size:16px!important;}
  h6{font-size:14px!important;}
}
/* =========================================================
   KRISTAL TEMİZLİK — MERKEZİ BAŞLIK TİPOGRAFİSİ
   Tek kaynak: tüm ön yüz başlıkları
   ========================================================= */
:root{
  --kt-h1-size:48px;
  --kt-h2-size:36px;
  --kt-h3-size:20px;
  --kt-h4-size:18px;
  --kt-h5-size:16px;
  --kt-h6-size:14px;
}
body h1{font-size:var(--kt-h1-size)!important;}
body h2{font-size:var(--kt-h2-size)!important;}
body h3{font-size:var(--kt-h3-size)!important;}
body h4{font-size:var(--kt-h4-size)!important;}
body h5{font-size:var(--kt-h5-size)!important;}
body h6{font-size:var(--kt-h6-size)!important;}
/* V148 — Hizmet detay hero: premium, dengeli ve kompakt */
.dt-service-single .dt-service-hero{
  position:relative;
  padding:10px 0 44px;
  overflow:hidden;
  background:
    radial-gradient(circle at 92% 18%,rgba(23,105,210,.09),transparent 28%),
    linear-gradient(135deg,#f5f9fe 0%,#ffffff 52%,#f7fbff 100%);
}
.dt-service-single .dt-service-hero:before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  right:-250px;top:-260px;
  border-radius:50%;
  border:1px solid rgba(23,105,210,.08);
  box-shadow:0 0 0 34px rgba(23,105,210,.025),0 0 0 68px rgba(23,105,210,.018);
  pointer-events:none;
}
.dt-service-single .dt-service-breadcrumb{
  position:relative;
  z-index:1;
  margin:2px 0 24px;
  font-size:12.5px;
  gap:7px;
}
.dt-service-single .dt-service-hero-grid{
  position:relative;
  z-index:1;
  grid-template-columns:minmax(0,1.04fr) minmax(430px,.86fr);
  gap:38px;
  align-items:center;
}
.dt-service-single .dt-service-hero-copy{
  padding:4px 0 2px;
  max-width:700px;
}
.dt-service-single .dt-service-hero-copy h1{
  max-width:700px;
  margin:13px 0 13px;
  font-size:50px!important;
  line-height:1.06;
  letter-spacing:-.04em;
  font-weight:850;
  text-wrap:balance;
}
.dt-service-single .dt-service-hero-copy>p{
  max-width:625px;
  font-size:15px;
  line-height:1.68;
  color:#506981;
}
  margin:22px 0 21px;
}
  padding:0 12px;
}
.dt-service-single .dt-service-actions{gap:10px}
.dt-service-single .dt-service-actions .btn{
  min-height:46px;
  padding:0 20px;
  border-radius:12px;
  box-shadow:0 9px 22px rgba(7,43,95,.08);
}
.dt-service-single .dt-service-whatsapp-btn{
  box-shadow:0 12px 25px rgba(16,185,95,.18)!important;
}
.dt-service-single .dt-service-hero-image{
  isolation:isolate;
  padding:5px;
  border-radius:27px;
  background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(226,237,249,.72));
  box-shadow:0 24px 55px rgba(7,43,95,.13),0 4px 14px rgba(7,43,95,.06);
}
.dt-service-single .dt-service-hero-image:before{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(255,255,255,.95);
  border-radius:27px;
  pointer-events:none;
  z-index:2;
}
.dt-service-single .dt-service-cover,
.dt-service-single .dt-service-image-placeholder{
  height:390px;
  border-radius:22px;
  box-shadow:none;
}
.dt-service-single .dt-service-hero-image:after{
  inset:auto 18px -13px 18px;
  height:24px;
  background:rgba(11,47,99,.12);
  filter:blur(16px);
}
@media (max-width:1100px){
  .dt-service-single .dt-service-hero{padding-bottom:38px}
  .dt-service-single .dt-service-hero-grid{grid-template-columns:minmax(0,1fr) minmax(370px,.86fr);gap:28px}
  .dt-service-single .dt-service-hero-copy h1{font-size:44px!important}
  .dt-service-single .dt-service-cover,.dt-service-single .dt-service-image-placeholder{height:350px}
}
@media (max-width:900px){
  .dt-service-single .dt-service-hero{padding:8px 0 34px}
  .dt-service-single .dt-service-breadcrumb{margin-bottom:18px}
  .dt-service-single .dt-service-hero-grid{grid-template-columns:1fr;gap:22px}
  .dt-service-single .dt-service-hero-image{order:-1;max-width:760px;width:100%;margin:0 auto}
  .dt-service-single .dt-service-cover,.dt-service-single .dt-service-image-placeholder{height:300px}
  .dt-service-single .dt-service-hero-copy{max-width:760px;margin:0 auto;width:100%}
}
@media (max-width:640px){
  .dt-service-single .dt-service-hero{padding:7px 0 28px}
  .dt-service-single .dt-service-breadcrumb{margin-bottom:15px;font-size:11.5px}
.dt-service-single .dt-service-hero-copy h1{font-size:36px!important;line-height:1.08;margin:11px 0 11px}
  .dt-service-single .dt-service-hero-copy>p{font-size:15px;line-height:1.65}
  .dt-service-single .dt-service-hero-image{padding:4px;border-radius:21px}
  .dt-service-single .dt-service-cover,.dt-service-single .dt-service-image-placeholder{height:245px;border-radius:17px}
  .dt-service-single .dt-service-hero-image:before{border-radius:21px}
}
@media (max-width:390px){
  .dt-service-single .dt-service-hero-copy h1{font-size:33px!important}
  .dt-service-single .dt-service-cover,.dt-service-single .dt-service-image-placeholder{height:200px}
}
/* V150 — Hizmet detay hero: lacivert/altın kurumsal renk sistemi; görsel dış vurgu kaldırıldı */
.dt-service-single .dt-service-hero{
  background:
    radial-gradient(circle at 8% 18%,rgba(11,47,99,.075),transparent 30%),
    radial-gradient(circle at 92% 82%,rgba(255,214,90,.12),transparent 27%),
    linear-gradient(135deg,#f3f7fc 0%,#ffffff 54%,#fffaf0 100%);
  border-bottom:1px solid rgba(11,47,99,.10);
}
.dt-service-single .dt-service-hero:after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:3px;
  background:linear-gradient(90deg,#0b2f63 0%,#0b2f63 62%,#ffd65a 100%);
  opacity:.95;
  pointer-events:none;
}
.dt-service-single .dt-service-hero-copy h1{color:#0b2f63}
.dt-service-single .dt-service-hero-copy h1::after{
  content:"";
  display:block;
  width:68px;height:4px;margin-top:13px;
  border-radius:999px;
  background:linear-gradient(90deg,#0b2f63 0%,#0b2f63 58%,#ffd65a 58%,#ffd65a 100%);
}
.dt-service-single .dt-service-hero-image{
  background:#fff;
  border:1px solid rgba(11,47,99,.10);
  box-shadow:0 22px 48px rgba(11,47,99,.12),0 5px 14px rgba(11,47,99,.055);
}
/* Görselin etrafındaki lacivert/altın renkli dış vurgu kaldırıldı. */
.dt-service-single .dt-service-hero-image:before{display:none!important}
.dt-service-single .dt-service-hero-image:after{
  background:rgba(11,47,99,.10);
  height:20px;
  filter:blur(14px);
}
.dt-service-single .dt-service-cover,
.dt-service-single .dt-service-image-placeholder{
  border-color:#fff;
}
.dt-service-single .dt-service-phone-btn{
  border-color:rgba(11,47,99,.20)!important;
  color:#0b2f63!important;
}
.dt-service-single .dt-service-actions .btn:focus-visible{
  outline:3px solid rgba(255,214,90,.72);
  outline-offset:3px;
}
/* V151 — Hizmet detay hero öne çıkan görsel: kompakt 230px */
.dt-service-single .dt-service-cover,
.dt-service-single .dt-service-image-placeholder{
  height:230px !important;
  max-height:230px !important;
  object-fit:cover !important;
  object-position:center center !important;
}
@media (max-width:900px){
  .dt-service-single .dt-service-cover,
  .dt-service-single .dt-service-image-placeholder{
    height:230px !important;
    max-height:230px !important;
  }
}
@media (max-width:640px){
  .dt-service-single .dt-service-cover,
  .dt-service-single .dt-service-image-placeholder{
    height:230px !important;
    max-height:230px !important;
  }
}
@media (max-width:390px){
  .dt-service-single .dt-service-cover,
  .dt-service-single .dt-service-image-placeholder{
    height:230px !important;
    max-height:230px !important;
  }
}
/* V152 — Hizmet detay hero iletişim butonları: premium kurumsal sistem */
.dt-service-single .dt-service-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}
.dt-service-single .dt-service-actions .btn{position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 22px;border-radius:14px;font-size:14px;line-height:1;font-weight:800;letter-spacing:-.01em;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease;color:#0b2f63}
.dt-service-single .dt-service-whatsapp-btn{border:1px solid #19b957!important;background:linear-gradient(135deg,#20c96b 0%,#12a94d 100%)!important;color:#fff!important;box-shadow:0 12px 26px rgba(18,169,77,.20)!important}
.dt-service-single .dt-service-whatsapp-btn:hover{background:linear-gradient(135deg,#27d874 0%,#0fa149 100%)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 16px 32px rgba(18,169,77,.26)!important}
.dt-service-single .dt-service-whatsapp-btn .dt-whatsapp-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;background:rgba(255,255,255,.16);flex:0 0 30px}
.dt-service-single .dt-service-whatsapp-btn .dt-whatsapp-icon svg{width:18px;height:18px;fill:currentColor}
.dt-service-single .dt-service-whatsapp-btn .dt-whatsapp-arrow{font-size:18px;line-height:1;margin-left:2px;transition:transform .2s ease}
.dt-service-single .dt-service-whatsapp-btn:hover .dt-whatsapp-arrow{transform:translateX(3px)}
.dt-service-single .dt-service-phone-btn{border:1px solid rgba(11,47,99,.18)!important;background:#fff!important;color:#0b2f63!important;box-shadow:0 10px 24px rgba(11,47,99,.08)!important}
.dt-service-single .dt-service-phone-btn:hover{border-color:#ffd65a!important;background:linear-gradient(180deg,#fff,#fffaf0)!important;color:#0b2f63!important;transform:translateY(-2px);box-shadow:0 14px 28px rgba(11,47,99,.12)!important}
.dt-service-single .dt-service-phone-btn svg{width:18px;height:18px;color:#0b2f63}
.dt-service-single .dt-service-actions .btn:focus-visible{outline:3px solid rgba(255,214,90,.48);outline-offset:3px}
@media (max-width:700px){.dt-service-single .dt-service-actions{gap:10px;margin-top:20px}.dt-service-single .dt-service-actions .btn{width:100%;min-height:50px;padding:0 17px;border-radius:13px}.dt-service-single .dt-service-whatsapp-btn .dt-whatsapp-icon{width:28px;height:28px;flex-basis:28px}}
@media (prefers-reduced-motion:reduce){.dt-service-single .dt-service-actions .btn,.dt-service-single .dt-service-whatsapp-btn .dt-whatsapp-arrow{transition:none}}
/* =========================================================
   V155 — CENTRAL PREMIUM PAGE HERO SYSTEM
   ========================================================= */
/* =========================================================
   V166 — CENTRAL PAGE HERO / LIGHT PREMIUM OVERLAY
   ========================================================= */
.dt-central-page-hero{--dt-navy:#0b2f63;--dt-gold:#ffd65a;position:relative;isolation:isolate;overflow:hidden;min-height:350px;background:#f5f9fd;border-bottom:1px solid rgba(11,47,99,.10)}
.dt-central-page-hero-media{position:absolute;inset:0;z-index:-2;background-image:var(--dt-central-hero-bg);background-size:cover;background-position:center;opacity:1;transform:scale(1.01)}
.dt-central-page-hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(248,251,255,.985) 0%,rgba(248,251,255,.95) 30%,rgba(248,251,255,.86) 46%,rgba(248,251,255,.68) 62%,rgba(248,251,255,.34) 80%,rgba(248,251,255,.10) 100%)}
.dt-central-page-hero-inner{position:relative;z-index:1;min-height:350px;display:flex;flex-direction:column;justify-content:center;padding:30px 0 34px}
.dt-central-page-hero-breadcrumb{display:flex;align-items:center;gap:9px;margin:0 0 22px;font-size:13px;color:rgba(11,47,99,.68)}
.dt-central-page-hero-breadcrumb a{display:inline-flex;align-items:center;gap:7px;color:rgba(11,47,99,.78);text-decoration:none;transition:color .2s ease}
.dt-central-page-hero-breadcrumb a:hover{color:var(--dt-navy)}
.dt-central-page-hero-breadcrumb svg{width:15px;height:15px;color:var(--dt-navy)}
.dt-central-page-hero-breadcrumb i{font-style:normal;color:rgba(11,47,99,.35);font-size:19px}
.dt-central-page-hero-breadcrumb strong{color:var(--dt-navy);font-weight:800}
.dt-central-page-hero-grid{display:grid;grid-template-columns:minmax(0,900px);gap:0;align-items:center;min-height:0}
.dt-central-page-hero-copy{max-width:860px}
.dt-central-page-hero-copy h1{margin:0;color:var(--dt-navy);font-size:52px;line-height:1.06;letter-spacing:-.035em;font-weight:850;max-width:860px;text-wrap:balance;text-shadow:none}
.dt-central-page-hero-description{margin-top:16px;max-width:720px;color:rgba(28,55,90,.76);font-size:17px;line-height:1.65}
.dt-central-page-hero-description p{margin:0}
.dt-central-page-hero-description p+p{margin-top:7px}
.dt-central-page-hero-description strong{color:var(--dt-navy);font-weight:800}
.dt-central-page-hero-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}
.dt-central-hero-btn{min-height:50px;padding:0 19px;border-radius:12px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-size:14px;font-weight:800;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease}
.dt-central-hero-btn svg{width:18px;height:18px;flex:0 0 18px}
.dt-central-hero-btn-primary{background:var(--dt-navy);color:#fff !important;box-shadow:0 12px 28px rgba(11,47,99,.18)}
.dt-central-hero-btn-primary b{color:var(--dt-gold);font-size:18px}
.dt-central-hero-btn-secondary{background:rgba(255,255,255,.78);color:var(--dt-navy);border:1px solid rgba(11,47,99,.20);box-shadow:0 8px 22px rgba(11,47,99,.08);backdrop-filter:blur(8px)}
.dt-central-hero-btn-secondary svg{color:#c79a08}
.dt-central-hero-btn:hover{transform:translateY(-2px)}
.dt-central-hero-btn-primary:hover{background:#123d7b;box-shadow:0 15px 30px rgba(11,47,99,.24);color:#fff}
.dt-central-hero-btn-secondary:hover{background:#fff;border-color:var(--dt-gold);box-shadow:0 12px 26px rgba(11,47,99,.12);color:var(--dt-navy)}
.dt-central-page-hero + .section,.dt-central-page-hero + section{scroll-margin-top:20px}
@media(max-width:900px){
  .dt-central-page-hero{min-height:320px}
  .dt-central-page-hero-inner{min-height:320px;padding:26px 0 30px}
  .dt-central-page-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}
  .dt-central-page-hero-copy h1{font-size:42px}
  .dt-central-page-hero-description{font-size:16px;color:rgba(28,55,90,.78)}
  .dt-central-page-hero-actions{margin-top:18px}
  .dt-central-page-hero-overlay{background:linear-gradient(90deg,rgba(248,251,255,.985) 0%,rgba(248,251,255,.93) 48%,rgba(248,251,255,.68) 76%,rgba(248,251,255,.22) 100%)}
}
@media(max-width:560px){
  .dt-central-page-hero{min-height:290px}
  .dt-central-page-hero-inner{min-height:290px;padding:22px 0 26px}
  .dt-central-page-hero-breadcrumb{font-size:12px;margin-bottom:15px;gap:7px}
  .dt-central-page-hero-copy h1{font-size:34px;line-height:1.08;letter-spacing:-.025em}
  .dt-central-page-hero-description{font-size:15px;line-height:1.55;margin-top:11px;max-width:100%;color:rgba(28,55,90,.80)}
  .dt-central-page-hero-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .dt-central-hero-btn{width:100%;justify-content:center;min-height:48px}
  .dt-central-page-hero-overlay{background:linear-gradient(180deg,rgba(248,251,255,.975) 0%,rgba(248,251,255,.93) 58%,rgba(248,251,255,.80) 100%)}
}
/* V197 — Blog hero yönetimi Blog Yönetimi paneline taşındı; Site Tasarım Merkezi kapsamından çıkarıldı. */

/* V257 — Header logo daha belirgin / premium görünüm */
.site-header .header-inner{min-height:94px!important}
.site-header .brand{flex:0 0 350px!important;width:350px!important;height:94px!important}
.site-header .brand img,
.site-header .brand .site-logo-image{max-width:100%!important;max-height:94px!important}
@media (max-width:1180px){
  .site-header .header-inner{min-height:80px!important}
  .site-header .brand{flex-basis:270px!important;width:270px!important;height:80px!important}
  .site-header .brand img,
  .site-header .brand .site-logo-image{max-height:80px!important}
}
@media (max-width:980px){
  .site-header .header-inner{min-height:72px!important}
  .site-header .brand{flex-basis:225px!important;width:225px!important;height:72px!important}
  .site-header .brand img,
  .site-header .brand .site-logo-image{max-height:72px!important}
}
@media (max-width:820px){
  .site-header .header-inner{min-height:68px!important;height:68px!important}
  .site-header .brand{height:54px!important;max-width:calc(100% - 50px)!important}
  .site-header .brand img,
  .site-header .brand .site-logo-image{height:52px!important;max-height:52px!important;max-width:175px!important}
  .site-header .brand picture{height:52px!important;max-width:175px!important}
}
@media (max-width:390px){
  .site-header .brand img,
  .site-header .brand .site-logo-image{height:49px!important;max-height:49px!important;max-width:165px!important}
  .site-header .brand picture{height:49px!important;max-width:165px!important}
}

/* V259 — Header logo dengeli boyuta getirildi */
.site-header .brand{flex:0 0 300px!important;width:300px!important;height:86px!important;overflow:visible!important}
.site-header .brand picture{display:flex!important;align-items:center!important;width:auto!important;height:100%!important;overflow:visible!important}
.site-header .brand img,.site-header .brand .site-logo-image{
  width:auto!important;height:70px!important;max-width:270px!important;max-height:70px!important;
  object-fit:contain!important;object-position:left center!important;transform:none!important;transform-origin:left center!important;
}
@media (max-width:1180px){
  .site-header .brand{flex-basis:250px!important;width:250px!important;height:76px!important}
  .site-header .brand img,.site-header .brand .site-logo-image{height:64px!important;max-width:235px!important;max-height:64px!important}
}
@media (max-width:980px){
  .site-header .brand{flex-basis:220px!important;width:220px!important;height:70px!important}
  .site-header .brand img,.site-header .brand .site-logo-image{height:60px!important;max-width:210px!important;max-height:60px!important}
}
@media (max-width:820px){
  .site-header .brand{flex:1 1 auto!important;width:auto!important;height:54px!important;max-width:calc(100% - 50px)!important;overflow:visible!important}
  .site-header .brand picture{height:50px!important;max-width:180px!important}
  .site-header .brand img,.site-header .brand .site-logo-image{width:auto!important;height:48px!important;max-width:180px!important;max-height:48px!important}
}
@media (max-width:390px){
  .site-header .brand img,.site-header .brand .site-logo-image{height:45px!important;max-width:170px!important;max-height:45px!important}
}

/* V262 — Sticky premium header + mobile hamburger refinement */
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:5000 !important;
  background:rgba(255,255,255,.97) !important;
  border-bottom:1px solid rgba(8,45,96,.10) !important;
  box-shadow:0 8px 28px rgba(7,43,95,.08) !important;
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}
@media (max-width:820px){
  .site-header{position:sticky !important;top:0 !important;z-index:5000 !important;}
  .site-header .mobile-toggle{
    width:48px !important;height:48px !important;
    border:1px solid rgba(8,45,96,.14) !important;
    border-radius:15px !important;
    background:linear-gradient(145deg,#ffffff,#f5f8fb) !important;
    box-shadow:0 8px 22px rgba(7,43,95,.13),inset 0 1px 0 rgba(255,255,255,.9) !important;
    position:relative !important;
    overflow:hidden !important;
  }
  .site-header .mobile-toggle:before,
  .site-header .mobile-toggle:after{content:"" !important;position:absolute !important;display:block !important;left:13px !important;width:22px !important;height:2px !important;border-radius:99px !important;background:#082d60 !important;transition:transform .25s ease,top .25s ease,opacity .2s ease !important;}
  .site-header .mobile-toggle:before{top:17px !important;box-shadow:0 7px 0 #082d60,0 14px 0 #082d60 !important;}
  .site-header .mobile-toggle:after{display:none !important;}
  .site-header .mobile-toggle:hover{border-color:#e8b52b !important;box-shadow:0 10px 26px rgba(7,43,95,.17),0 0 0 3px rgba(244,181,27,.10) !important;transform:translateY(-1px);}
  .site-header .mobile-toggle[aria-expanded="true"]{background:linear-gradient(145deg,#0b2f63,#08264f) !important;border-color:#0b2f63 !important;}
  .site-header .mobile-toggle[aria-expanded="true"]:before{top:23px !important;background:#fff !important;box-shadow:none !important;transform:rotate(45deg) !important;}
  .site-header .mobile-toggle[aria-expanded="true"]:after{display:block !important;top:23px !important;background:#fff !important;transform:rotate(-45deg) !important;}
}

/* V263 — Robust sticky site header */
.site-header.dt-header-fixed{
  position:fixed !important;
  top:var(--dt-header-top,0px) !important;
  left:0 !important;
  right:0 !important;
  width:100% !important;
  z-index:9999 !important;
  background:#fff !important;
  box-shadow:0 10px 30px rgba(3,28,61,.12) !important;
}
.dt-header-placeholder{display:none;width:100%;height:0}
.dt-header-placeholder.is-active{display:block}
@media (max-width:782px){
  .site-header.dt-header-fixed{top:var(--dt-header-top,0px) !important}
}

/* V264 — Mobile homepage services controls removed + premium right drawer submenu */
@media (max-width:820px){
  .dt-home-services .dt-home-services-mobile-nav,
  .dt-home-services .dt-home-services-mobile-dots,
  .dt-home-services .dt-home-services-mobile-arrows,
  .dt-home-services .dt-home-services-mobile-arrow,
  .dt-home-services .dt-home-services-mobile-dot,
  .dt-home-services .services-slider-controls,
  .dt-home-services .services-nav,
  .dt-home-services .services-nav-btn,
  .dt-home-services .services-dots,
  .dt-home-services .services-slider-dots,
  .dt-home-services .slider-dots,
  .dt-home-services .swiper-pagination{display:none!important;}

  .site-header .mobile-menu-nav{padding:10px 18px 0!important;}
  .site-header .mobile-menu-nav ul ul.sub-menu{
    display:none!important;
    margin:0 0 8px!important;
    padding:7px 0 7px 14px!important;
    border-left:2px solid rgba(244,181,27,.55)!important;
    background:linear-gradient(90deg,rgba(247,250,253,.95),rgba(255,255,255,.45))!important;
    border-radius:0 12px 12px 0!important;
  }
  .site-header .mobile-menu-nav li.menu-item-has-children.is-submenu-open>ul.sub-menu{display:block!important;}
  .site-header .mobile-menu-nav ul ul.sub-menu li{border:0!important;}
  .site-header .mobile-menu-nav ul ul.sub-menu li a{
    min-height:43px!important;
    padding:0 12px!important;
    color:#4a6075!important;
    font-size:13px!important;
    font-weight:650!important;
  }
  .site-header .mobile-menu-nav ul ul.sub-menu li a:after{content:"→"!important;font-size:17px!important;color:#a7b3bf!important;}
  .site-header .mobile-menu-nav li.menu-item-has-children>a:after{
    content:"+"!important;
    width:30px!important;height:30px!important;
    display:grid!important;place-items:center!important;
    flex:0 0 30px!important;
    border:1px solid #dfe7ef!important;
    border-radius:9px!important;
    background:#f8fafc!important;
    color:#12385f!important;
    font-size:18px!important;
    font-weight:500!important;
  }
  .site-header .mobile-menu-nav li.menu-item-has-children.is-submenu-open>a:after{content:"−"!important;background:#fff8df!important;border-color:#f0c55a!important;color:#9b6c00!important;}
  .site-header .mobile-menu-nav li.menu-item-has-children.is-submenu-open>a{color:#0b63d9!important;}
}

/* V265 — Mobile menu: true right-side premium drawer */
@media (max-width:820px){
  .site-header{position:sticky!important;top:0!important;z-index:1200!important;}
  .site-header .mobile-toggle{position:relative!important;z-index:1205!important;}
  .mobile-menu-backdrop{
    position:fixed!important;inset:0!important;z-index:1298!important;
    background:rgba(2,18,38,.56)!important;
    backdrop-filter:blur(4px)!important;-webkit-backdrop-filter:blur(4px)!important;
  }
  .site-header .mobile-menu{
    position:fixed!important;
    top:0!important;right:0!important;bottom:0!important;left:auto!important;
    width:min(390px,86vw)!important;
    height:100dvh!important;max-height:none!important;
    margin:0!important;padding:0!important;
    display:flex!important;flex-direction:column!important;
    visibility:hidden!important;opacity:0!important;
    transform:translate3d(105%,0,0)!important;
    transform-origin:right center!important;
    background:#fff!important;
    border:0!important;border-left:1px solid rgba(8,45,96,.12)!important;
    border-radius:22px 0 0 22px!important;
    box-shadow:-28px 0 70px rgba(2,18,38,.30)!important;
    overflow:hidden!important;
    z-index:1299!important;
    transition:transform .36s cubic-bezier(.22,.8,.22,1),opacity .2s ease,visibility .2s ease!important;
  }
  .site-header .mobile-menu.open{
    visibility:visible!important;opacity:1!important;
    transform:translate3d(0,0,0)!important;
  }
  .mobile-menu-head{
    height:88px!important;flex:0 0 88px!important;
    padding:0 22px!important;
    background:linear-gradient(180deg,#fff 0%,#f8fbfe 100%)!important;
    border-bottom:1px solid #e5ebf2!important;
  }
  .mobile-menu-brand{width:220px!important;height:60px!important;max-width:calc(100% - 62px)!important;}
  .mobile-menu-close{
    width:42px!important;height:42px!important;border-radius:13px!important;
    background:#f7f9fc!important;border:1px solid #dce5ee!important;
  }
  .site-header .mobile-menu-nav{
    flex:1 1 auto!important;max-height:none!important;overflow-y:auto!important;
    padding:12px 22px 28px!important;
  }
  .site-header .mobile-menu-nav>ul>li>a{
    min-height:62px!important;font-size:15px!important;font-weight:800!important;
    color:#102f4d!important;padding:0 2px!important;
  }
  .site-header .mobile-menu-nav>ul>li{border-bottom:1px solid #e9eef4!important;}
  .site-header .mobile-menu-nav li.menu-item-has-children>a:after{
    width:34px!important;height:34px!important;flex-basis:34px!important;
    border-radius:10px!important;background:#f7f9fc!important;
    border:1px solid #dbe5ee!important;
  }
  .site-header .mobile-menu-nav ul ul.sub-menu{
    padding:8px 0 10px 14px!important;margin:0 0 6px!important;
    border-left:2px solid #f0b51b!important;
    background:linear-gradient(90deg,#f8fafc,#fff)!important;
    border-radius:0 12px 12px 0!important;
  }
  .site-header .mobile-menu-nav ul ul.sub-menu li a{
    min-height:46px!important;padding:0 12px!important;font-size:13.5px!important;
    color:#52677a!important;
  }
  .site-header .mobile-menu-socials{margin:0 22px 22px!important;}
  body.mobile-menu-open{overflow:hidden!important;touch-action:none!important;}
}
@media (max-width:390px){
  .site-header .mobile-menu{width:92vw!important;border-radius:18px 0 0 18px!important;}
  .mobile-menu-head{height:78px!important;flex-basis:78px!important;padding:0 17px!important;}
  .mobile-menu-brand{width:195px!important;height:54px!important;}
  .site-header .mobile-menu-nav{padding-left:17px!important;padding-right:17px!important;}
  .site-header .mobile-menu-nav>ul>li>a{min-height:57px!important;font-size:14px!important;}
  .site-header .mobile-menu-socials{margin-left:17px!important;margin-right:17px!important;}
}

/* V266 — Premium desktop navigation dropdowns */
@media (min-width:821px){
  .site-header .main-nav > ul{display:flex!important;align-items:center;gap:28px;margin:0;padding:0;list-style:none}
  .site-header .main-nav > ul > li{position:relative;display:flex;align-items:center;margin:0;padding:0}
  .site-header .main-nav > ul > li > a{display:inline-flex!important;align-items:center;gap:7px;position:relative}
  .site-header .main-nav > ul > li.menu-item-has-children > a:after{
    content:"";width:7px;height:7px;margin-top:-4px;border-right:1.7px solid currentColor;border-bottom:1.7px solid currentColor;transform:rotate(45deg);transition:transform .22s ease,color .22s ease;opacity:.72;
  }
  .site-header .main-nav > ul > li.menu-item-has-children:hover > a:after,
  .site-header .main-nav > ul > li.menu-item-has-children:focus-within > a:after{transform:rotate(225deg);color:#d39b13;opacity:1}
  .site-header .main-nav > ul > li > ul.sub-menu{
    position:absolute!important;top:calc(100% - 2px);left:50%;transform:translate(-50%,10px);width:250px;min-width:250px;margin:0!important;padding:10px!important;list-style:none!important;
    display:block!important;visibility:hidden;opacity:0;pointer-events:none;
    background:rgba(255,255,255,.985);border:1px solid #e4ebf2;border-top:3px solid #f0b72a;border-radius:0 0 16px 16px;
    box-shadow:0 20px 45px rgba(6,35,70,.16),0 4px 12px rgba(6,35,70,.06);
    transition:opacity .18s ease,transform .22s ease,visibility .18s ease;z-index:1200;
  }
  .site-header .main-nav > ul > li.menu-item-has-children:hover > ul.sub-menu,
  .site-header .main-nav > ul > li.menu-item-has-children:focus-within > ul.sub-menu{
    visibility:visible;opacity:1;pointer-events:auto;transform:translate(-50%,0);
  }
  .site-header .main-nav ul.sub-menu li{position:relative;margin:0!important;padding:0!important;list-style:none!important}
  .site-header .main-nav ul.sub-menu li + li{border-top:1px solid #edf1f5}
  .site-header .main-nav ul.sub-menu li a{
    display:flex!important;align-items:center;justify-content:space-between;width:100%;min-height:45px;box-sizing:border-box;padding:11px 13px!important;border-radius:10px;color:#193552!important;font-size:13px!important;font-weight:700!important;line-height:1.35!important;text-decoration:none;white-space:normal;transition:background .18s ease,color .18s ease,transform .18s ease;
  }
  .site-header .main-nav ul.sub-menu li a:after{content:"›";position:static!important;width:auto!important;height:auto!important;margin:0!important;border:0!important;background:none!important;color:#9aa7b4;font-size:18px;transform:none!important;opacity:1!important}
  .site-header .main-nav ul.sub-menu li a:hover,
  .site-header .main-nav ul.sub-menu li.current-menu-item>a,
  .site-header .main-nav ul.sub-menu li.current-menu-ancestor>a{background:#f7faff;color:#0b63d9!important;transform:translateX(2px)}
  .site-header .main-nav ul.sub-menu li a:hover:after{color:#d39b13}
  .site-header .main-nav ul.sub-menu ul.sub-menu{top:-11px!important;left:calc(100% + 8px)!important;transform:translateY(8px)!important;border-top:1px solid #e4ebf2!important;border-left:3px solid #f0b72a!important;border-radius:14px!important}
  .site-header .main-nav ul.sub-menu li.menu-item-has-children:hover>ul.sub-menu,
  .site-header .main-nav ul.sub-menu li.menu-item-has-children:focus-within>ul.sub-menu{transform:translateY(0)!important}
}

/* V268 — Mobil header üst boşluk düzeltmesi
   Mobilde topbar görünmez ve header doğrudan viewport üstünden başlar. */
@media (max-width:760px){
  .topbar{display:none !important;height:0 !important;min-height:0 !important;padding:0 !important;margin:0 !important;overflow:hidden !important;}
  .site-header{margin-top:0 !important;top:0 !important;}
  .site-header.dt-header-fixed{top:var(--dt-header-top,0px) !important;margin-top:0 !important;}
}


/* V269 — Mobile header top-gap fix
   Mobile has no topbar and keeps the header in normal document flow with native sticky.
   This overrides older conflicting header/topbar rules appended by prior versions. */
@media (max-width:820px){
  html,body{margin-top:0!important;padding-top:0!important;}
  .topbar{display:none!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;}
  .site-header{position:sticky!important;top:0!important;left:0!important;right:0!important;margin:0!important;padding:0!important;transform:none!important;}
  .site-header.dt-header-fixed{position:sticky!important;top:0!important;left:auto!important;right:auto!important;margin:0!important;}
  .dt-header-placeholder{display:none!important;height:0!important;margin:0!important;padding:0!important;}
  .site-header .header-inner{margin-top:0!important;padding-top:0!important;}
}
@media (max-width:782px){
  body.admin-bar .site-header,
  body.admin-bar .site-header.dt-header-fixed{top:46px!important;}
}
@media (min-width:783px) and (max-width:820px){
  body.admin-bar .site-header,
  body.admin-bar .site-header.dt-header-fixed{top:32px!important;}
}

/* V270 — Anasayfa Hizmetlerimiz mobil slider kontrolleri kaldırıldı */
@media (max-width:820px){
  .dt-home-services-mobile-nav,
  .dt-home-services-mobile-dots,
  .dt-home-services-mobile-arrows,
  .dt-home-services-mobile-arrow,
  .dt-home-services-mobile-dot{
    display:none!important;
    visibility:hidden!important;
    opacity:0!important;
    pointer-events:none!important;
  }
}

/* V272 — Premium mobile hamburger button */
@media (max-width:820px){
  .site-header .mobile-toggle{
    position:relative!important;
    display:grid!important;
    place-items:center!important;
    width:54px!important;
    height:54px!important;
    flex:0 0 54px!important;
    padding:0!important;
    border:1px solid rgba(11,47,99,.14)!important;
    border-radius:16px!important;
    background:linear-gradient(145deg,#ffffff 0%,#f8fafc 100%)!important;
    color:transparent!important;
    font-size:0!important;
    line-height:0!important;
    box-shadow:0 8px 24px rgba(11,47,99,.10), inset 0 1px 0 rgba(255,255,255,.95)!important;
    overflow:hidden!important;
    transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease!important;
  }
  .site-header .mobile-toggle:before{
    content:""!important;
    position:absolute!important;
    left:15px!important;
    top:19px!important;
    width:24px!important;
    height:2.5px!important;
    border-radius:99px!important;
    background:#0b2f63!important;
    box-shadow:0 7px 0 #0b2f63,0 14px 0 #0b2f63!important;
    transform:none!important;
    opacity:1!important;
    transition:transform .24s ease,top .24s ease,box-shadow .24s ease,background .24s ease!important;
  }
  .site-header .mobile-toggle:after{
    content:""!important;
    position:absolute!important;
    inset:3px!important;
    border:1px solid rgba(255,214,90,.0)!important;
    border-radius:13px!important;
    pointer-events:none!important;
    transition:border-color .22s ease,box-shadow .22s ease!important;
  }
  .site-header .mobile-toggle:hover,
  .site-header .mobile-toggle:focus-visible{
    transform:translateY(-1px)!important;
    border-color:rgba(255,214,90,.72)!important;
    box-shadow:0 12px 28px rgba(11,47,99,.15),0 0 0 4px rgba(255,214,90,.10),inset 0 1px 0 rgba(255,255,255,.95)!important;
    outline:none!important;
  }
  .site-header .mobile-toggle:hover:after,
  .site-header .mobile-toggle:focus-visible:after{
    border-color:rgba(255,214,90,.38)!important;
  }
  .site-header .mobile-toggle[aria-expanded="true"]{
    background:linear-gradient(145deg,#0b2f63 0%,#08264f 100%)!important;
    border-color:#0b2f63!important;
    box-shadow:0 12px 28px rgba(7,43,95,.22),0 0 0 4px rgba(255,214,90,.10)!important;
  }
  .site-header .mobile-toggle[aria-expanded="true"]:before{
    left:15px!important;
    top:26px!important;
    width:24px!important;
    background:#fff!important;
    box-shadow:none!important;
    transform:rotate(45deg)!important;
  }
  .site-header .mobile-toggle[aria-expanded="true"]:after{
    inset:auto!important;
    left:15px!important;
    top:26px!important;
    width:24px!important;
    height:2.5px!important;
    border:0!important;
    border-radius:99px!important;
    background:#fff!important;
    transform:rotate(-45deg)!important;
  }
}
@media (max-width:380px){
  .site-header .mobile-toggle{width:50px!important;height:50px!important;flex-basis:50px!important;border-radius:15px!important}
  .site-header .mobile-toggle:before{left:14px!important;top:18px!important;width:22px!important}
  .site-header .mobile-toggle[aria-expanded="true"]:before{left:14px!important;top:24px!important;width:22px!important}
  .site-header .mobile-toggle[aria-expanded="true"]:after{left:14px!important;top:24px!important;width:22px!important}
}

/* V279 — Anasayfa Hizmetlerimiz: sade görsel ve arka plan temizliği */
.dt-home-services{
  background:transparent!important;
}
.dt-home-services .dt-home-service-card{
  background:transparent!important;
  box-shadow:none!important;
  border:1px solid #dfe7ef!important;
}
.dt-home-services .dt-home-service-card:hover{
  background:transparent!important;
  box-shadow:0 10px 24px rgba(11,47,99,.06)!important;
}
.dt-home-services .dt-home-service-image{
  display:none!important;
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  padding:0!important;
  margin:0!important;
  background:transparent!important;
}
.dt-home-services .dt-home-service-badge{
  display:none!important;
}
.dt-home-services .dt-home-service-body{
  background:transparent!important;
  padding:22px 18px 18px!important;
}
.dt-home-services .dt-home-service-icon{
  position:relative!important;
  left:auto!important;
  top:auto!important;
  width:52px!important;
  height:52px!important;
  margin:0 0 14px!important;
  box-shadow:none!important;
  border:1px solid #dce6f0!important;
  background:#fff!important;
}
@media(max-width:767px){
  .dt-home-services .services-track > .dt-home-service-card > .dt-home-service-image{
    display:none!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
  }
  .dt-home-services .dt-home-service-body{
    padding:20px 16px 16px!important;
  }
  .dt-home-services .dt-home-service-icon{
    width:48px!important;
    height:48px!important;
    margin-bottom:12px!important;
  }
}

/* V280 — Anasayfa Hizmetlerimiz düzeltmesi
   Hizmet görselleri korunur. Yalnızca bölüm/kart arka plan renkleri ve CSS arka plan görselleri kaldırılır. */
.dt-home-services,
.dt-home-services .services-slider,
.dt-home-services .services-track,
.dt-home-services .dt-home-service-card,
.dt-home-services .dt-home-service-body{
  background-color:transparent!important;
  background-image:none!important;
}
.dt-home-services .dt-home-service-card{
  background:transparent!important;
}
.dt-home-services .dt-home-service-image{
  display:block!important;
  height:var(--dt-home-services-image-height,180px)!important;
  min-height:0!important;
  max-height:none!important;
  padding:0!important;
  margin:0!important;
  background-color:transparent!important;
  background-image:none!important;
  overflow:hidden!important;
}
.dt-home-services .dt-home-service-image img,
.dt-home-services .dt-home-service-image picture{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.dt-home-services .dt-home-service-image img{
  object-fit:cover!important;
}
.dt-home-services .dt-home-service-badge{
  display:inline-flex!important;
}
@media(max-width:820px){
  .dt-home-services .dt-home-service-image{
    display:block!important;
    height:175px!important;
  }
}
@media(max-width:560px){
  .dt-home-services .dt-home-service-image{
    height:165px!important;
  }
}

/* =========================================================
   V301 — Hizmet Detay Sayfasi / Referans Tasarim
   Kristal Temizlik premium corporate service detail
   ========================================================= */
.dt-service-single-reference{
  --dt-navy:#0b2f63;
  --dt-navy-2:#07264e;
  --dt-gold:#f4b51b;
  --dt-gold-soft:#fff7df;
  --dt-blue-soft:#f4f8fd;
  --dt-border:#e2eaf3;
  --dt-text:#506983;
  background:#f6faff;
}
.dt-service-reference-hero{
  position:relative; overflow:hidden; background:linear-gradient(180deg,#f5f9fe 0%,#eef6fd 100%);
  border-bottom:1px solid rgba(11,47,99,.08);
}
.dt-service-reference-breadcrumb{margin:0;padding:14px 0 13px;font-size:12px;color:#647892}
.dt-service-reference-hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(470px,.98fr);gap:0;min-height:330px;align-items:stretch}
.dt-service-reference-copy{position:relative;z-index:2;padding:24px 44px 30px 0;display:flex;flex-direction:column;justify-content:center}
.dt-service-reference-kicker,.dt-service-reference-section-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--dt-gold);font-size:11px;font-weight:900;letter-spacing:.16em;line-height:1;text-transform:uppercase}
.dt-service-reference-kicker:before,.dt-service-reference-section-kicker:before{content:"";display:inline-block;width:27px;height:2px;background:var(--dt-gold);border-radius:99px}
.dt-service-reference-copy h1{margin:12px 0 12px!important;color:var(--dt-navy);font-size:48px!important;line-height:1.03;letter-spacing:-.045em;font-weight:850}
.dt-service-reference-copy h1 span{color:var(--dt-gold)}
.dt-service-reference-copy>p{max-width:650px;margin:0;color:#5e748f;font-size:15px;line-height:1.65}
.dt-service-reference-trust{display:flex;flex-wrap:wrap;gap:20px;margin-top:23px}
.dt-service-reference-trust-item{display:inline-flex;align-items:center;gap:8px;color:var(--dt-navy);font-size:14px;font-weight:800}
.dt-service-reference-trust-icon{width:30px;height:30px;border:1.5px solid var(--dt-gold);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 3px 12px rgba(11,47,99,.07)}
.dt-service-reference-trust-icon svg{width:15px;height:15px;color:var(--dt-navy)}
.dt-service-reference-hero-media{position:relative;min-height:330px;overflow:hidden;background:#dae7f5}
.dt-service-reference-hero-media:before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:115px;z-index:2;background:linear-gradient(180deg,rgba(255,214,90,.92),rgba(244,181,27,.98));clip-path:polygon(0 0,25% 0,70% 18%,38% 50%,73% 82%,28% 100%,0 100%,38% 50%)}
.dt-service-reference-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent 28%);pointer-events:none}
.dt-service-reference-cover,.dt-service-reference-placeholder{display:block;width:100%;height:330px!important;max-height:330px;object-fit:cover;object-position:center;border-radius:0}
.dt-service-reference-placeholder{display:flex;align-items:center;justify-content:center;background:#eef4fa;color:var(--dt-navy)}
.dt-service-reference-placeholder svg{width:90px;height:90px}
.dt-service-reference-hero-icon{position:absolute;z-index:4;top:22px;right:22px;width:72px;height:72px;border:3px solid var(--dt-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;box-shadow:0 10px 22px rgba(5,35,72,.18)}
.dt-service-reference-hero-icon svg{width:39px;height:39px;color:var(--dt-navy)}
.dt-service-reference-hero-label{position:absolute;z-index:4;right:20px;top:99px;max-width:90px;text-align:center;color:var(--dt-navy);font-size:10px;line-height:1.15;font-weight:900}

.dt-service-reference-content{padding:18px 0 30px;background:linear-gradient(180deg,#eef7fd 0%,#f7fbff 100%)}
.dt-service-reference-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:18px;align-items:start}
.dt-service-reference-main{min-width:0}
.dt-service-intro-card,.dt-service-body-card,.dt-service-process-card,.dt-service-price-card,.dt-service-sidebox,.dt-service-side-promo,.dt-service-side-cta{border:1px solid var(--dt-border);background:#fff;box-shadow:0 7px 22px rgba(11,47,99,.055)}
.dt-service-intro-card{padding:22px 22px 20px;border-radius:12px}
.dt-service-intro-card h2,.dt-service-process-card h2,.dt-service-price-card h2{margin:8px 0 7px!important;color:var(--dt-navy);font-size:30px!important;line-height:1.07;letter-spacing:-.03em}
.dt-service-intro-card>p,.dt-service-card-lead,.dt-service-price-card p{margin:0;color:var(--dt-text);font-size:15px;line-height:1.62}
.dt-service-highlight-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:16px}
.dt-service-highlight-item{min-height:98px;border:1px solid #e1eaf4;background:#f8fbfe;border-radius:10px;padding:11px 10px;display:flex;flex-direction:column;justify-content:center}
.dt-service-highlight-icon{width:39px;height:39px;border-radius:50%;border:1.5px solid var(--dt-gold);display:flex;align-items:center;justify-content:center;background:#fff;margin-bottom:8px}
.dt-service-highlight-icon svg{width:20px;height:20px;color:var(--dt-navy)}
.dt-service-highlight-item strong{color:var(--dt-navy);font-size:14px;line-height:1.2}
.dt-service-highlight-item small{margin-top:4px;color:#7890a8;font-size:13px;line-height:1.35}
.dt-service-body-card{margin-top:10px;border-radius:12px;padding:22px}
.dt-service-body-content{color:#526b86;font-size:14px;line-height:1.72}
.dt-service-body-content> :first-child{margin-top:0}
.dt-service-body-content> :last-child{margin-bottom:0}
.dt-service-body-content h2,.dt-service-body-content h3{color:var(--dt-navy);letter-spacing:-.03em;margin:20px 0 7px!important;font-size:25px!important;line-height:1.18}
.dt-service-body-content h4{color:var(--dt-navy);margin:18px 0 6px!important;font-size:18px!important}
.dt-service-body-content p{margin:0 0 12px}
.dt-service-body-content ul,.dt-service-body-content ol{margin:9px 0 15px;padding-left:20px}
.dt-service-body-content li{margin:4px 0}
.dt-service-body-content img{display:block;width:auto;max-width:100%;height:auto;margin:16px auto;border-radius:10px;box-shadow:0 8px 20px rgba(11,47,99,.10)}
.dt-service-body-content a{color:#087be8;text-underline-offset:3px}
.dt-service-process-card{margin-top:10px;padding:20px 22px;border-radius:12px}
.dt-service-process-grid{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:8px;margin-top:14px}
.dt-service-process-step{min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center}
.dt-service-process-step>span{font-size:14px;font-weight:900;color:#8aa0b7}
.dt-service-process-icon{width:43px;height:43px;border:1.5px solid var(--dt-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fff;margin:4px 0 7px}
.dt-service-process-icon svg{width:21px;height:21px;color:var(--dt-navy)}
.dt-service-process-step strong{font-size:14px;line-height:1.2;color:var(--dt-navy)}
.dt-service-process-step small{margin-top:4px;font-size:13px;line-height:1.35;color:#7890a8}
.dt-service-process-arrow{color:#8da2ba;font-size:22px}
.dt-service-price-card{margin-top:10px;padding:18px 20px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,#fff9e9 0%,#fffdf9 100%);border-color:#f4e2ad}
.dt-service-price-button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:47px;padding:0 18px;background:var(--dt-gold);color:var(--dt-navy)!important;border-radius:9px;font-size:13px;font-weight:900;text-decoration:none;white-space:nowrap;box-shadow:0 8px 18px rgba(244,181,27,.18)}
.dt-service-price-button span{font-size:18px}
.dt-service-price-button:hover{background:#efad0b;transform:translateY(-1px)}

.dt-service-reference-sidebar{min-width:0;display:flex;flex-direction:column;gap:10px}
.dt-service-sidebox{border-radius:12px;overflow:hidden}
.dt-service-sidebox-head{padding:13px 15px;background:var(--dt-navy)}
.dt-service-sidebox-head h2{margin:0!important;color:#fff;font-size:16px!important;letter-spacing:-.01em}
.dt-service-navbox ul{list-style:none;margin:0;padding:0}
.dt-service-navbox li{border-bottom:1px solid #e9eff5}
.dt-service-navbox li:last-child{border-bottom:0}
.dt-service-navbox a{display:grid;grid-template-columns:30px minmax(0,1fr) 12px;align-items:center;gap:8px;padding:8px 11px;text-decoration:none;color:var(--dt-navy);font-size:13px;font-weight:800;line-height:1.18}
.dt-service-navbox a:hover{background:#f7fbff}
.dt-service-nav-icon{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f7fd;border:1px solid #d7e5f3}
.dt-service-nav-icon svg{width:14px;height:14px;color:var(--dt-navy)}
.dt-service-navbox a>b{font-size:17px;color:var(--dt-gold);font-weight:500;text-align:right}
.dt-service-whybox{padding:15px 15px 14px}
.dt-service-whybox h2,.dt-service-postsbox h2{margin:0 0 10px!important;color:var(--dt-navy);font-size:23px!important;line-height:1.1}
.dt-service-whybox ul{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.dt-service-whybox li{display:flex;align-items:center;gap:8px;color:#526a83;font-size:13px;line-height:1.2}
.dt-service-whybox li span{width:29px;height:29px;border:1.5px solid var(--dt-gold);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#fff}
.dt-service-whybox li svg{width:14px;height:14px;color:var(--dt-navy)}
.dt-service-side-cta{overflow:hidden;border-radius:12px;background:linear-gradient(135deg,#0b2f63 0%,#08356e 100%);border-color:#0c3d7a;padding:15px;color:#fff;position:relative}
.dt-service-side-cta:after{content:"";position:absolute;right:-30px;top:-30px;width:120px;height:120px;border:22px solid rgba(255,214,90,.12);border-radius:50%}
.dt-service-side-cta-copy{position:relative;z-index:2}
.dt-service-side-cta-kicker{font-size:12px;letter-spacing:.14em;color:#ffd65a;font-weight:900}
.dt-service-side-cta h2{margin:7px 0 8px!important;color:#fff;font-size:23px!important;line-height:1.02}
.dt-service-side-cta p{margin:0;color:rgba(255,255,255,.78);font-size:13px;line-height:1.45}
.dt-service-side-cta-actions{display:grid;gap:6px;margin-top:13px;position:relative;z-index:2}
.dt-service-side-call,.dt-service-side-wa{min-height:38px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:7px;text-decoration:none!important;font-size:12px;font-weight:900}
.dt-service-side-call{background:var(--dt-gold);color:var(--dt-navy)!important}
.dt-service-side-wa{background:#1fca67;color:#fff!important}
.dt-service-side-call svg{width:14px;height:14px}
.dt-service-side-wa span{font-size:15px}
.dt-service-postsbox{padding:14px}
.dt-service-post-list{display:grid;gap:9px}
.dt-service-post-item{display:grid;grid-template-columns:45px minmax(0,1fr);gap:8px;text-decoration:none!important}
.dt-service-post-thumb{width:45px;height:43px;border-radius:7px;overflow:hidden;background:#edf3f8;display:flex;align-items:center;justify-content:center}
.dt-service-post-thumb img{width:100%;height:100%;object-fit:cover}
.dt-service-post-thumb svg{width:17px;height:17px;color:var(--dt-navy)}
.dt-service-post-item strong{display:block;color:var(--dt-navy);font-size:13px;line-height:1.24;font-weight:800}
.dt-service-post-item small{display:block;margin-top:3px;color:#93a5b9;font-size:8.5px}
.dt-service-side-promo{border-radius:12px;overflow:hidden;background:var(--dt-navy);color:#fff;border-color:#0b3b77}
.dt-service-side-promo-image{height:112px;overflow:hidden;background:#d8e7f5}
.dt-service-side-promo-image img{width:100%;height:100%;object-fit:cover}
.dt-service-side-promo-body{padding:13px 14px 15px;position:relative}
.dt-service-side-promo-icon{width:48px;height:48px;border-radius:50%;border:2px solid var(--dt-gold);background:#fff;display:flex;align-items:center;justify-content:center;position:absolute;left:14px;top:-25px;box-shadow:0 7px 16px rgba(4,29,59,.24)}
.dt-service-side-promo-icon svg{width:26px;height:26px;color:var(--dt-navy)}
.dt-service-side-promo-body>strong{display:block;padding-top:18px;font-size:23px;line-height:1.02}
.dt-service-side-promo-body p{margin:8px 0 10px;color:rgba(255,255,255,.78);font-size:13px;line-height:1.4}
.dt-service-side-promo-body a{display:inline-flex;align-items:center;gap:6px;color:var(--dt-gold)!important;font-size:14px;font-weight:900;text-decoration:none}
.dt-service-side-promo-body a span{font-size:16px}

@media (max-width:1080px){
  .dt-service-reference-hero-grid{grid-template-columns:minmax(0,1fr) minmax(400px,.9fr)}
  .dt-service-reference-copy{padding-right:28px}
  .dt-service-reference-copy h1{font-size:42px!important}
  .dt-service-reference-layout{grid-template-columns:minmax(0,1fr) 260px}
  .dt-service-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dt-service-process-grid{grid-template-columns:1fr auto 1fr auto 1fr auto 1fr}
}
@media (max-width:860px){
  .dt-service-reference-hero-grid{grid-template-columns:1fr}
  .dt-service-reference-copy{padding:22px 0 20px}
  .dt-service-reference-hero-media{min-height:280px}
  .dt-service-reference-cover,.dt-service-reference-placeholder{height:280px!important;max-height:280px}
  .dt-service-reference-hero-media:before{width:95px}
  .dt-service-reference-layout{grid-template-columns:1fr}
  .dt-service-reference-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:10px}
  .dt-service-navbox,.dt-service-whybox,.dt-service-side-cta,.dt-service-postsbox,.dt-service-side-promo{height:100%}
  .dt-service-side-promo{grid-column:1 / -1}
}
@media (max-width:640px){
  .dt-service-reference-breadcrumb{padding:10px 0 8px;font-size:11px}
  .dt-service-reference-copy{padding:18px 0 18px}
  .dt-service-reference-kicker{font-size:9px}
  .dt-service-reference-copy h1{font-size:34px!important;line-height:1.05;margin:9px 0 9px!important}
  .dt-service-reference-copy>p{font-size:15px;line-height:1.55}
  .dt-service-reference-trust{gap:9px 13px;margin-top:17px}
  .dt-service-reference-trust-item{font-size:12px;gap:6px}
  .dt-service-reference-trust-icon{width:26px;height:26px}
  .dt-service-reference-trust-icon svg{width:13px;height:13px}
  .dt-service-reference-hero-media{min-height:225px}
  .dt-service-reference-cover,.dt-service-reference-placeholder{height:225px!important;max-height:225px}
  .dt-service-reference-hero-icon{width:58px;height:58px;top:14px;right:14px}
  .dt-service-reference-hero-icon svg{width:30px;height:30px}
  .dt-service-reference-hero-label{right:12px;top:74px;font-size:8px}
  .dt-service-reference-content{padding:10px 0 18px}
  .dt-service-intro-card,.dt-service-body-card,.dt-service-process-card,.dt-service-price-card{padding:15px}
  .dt-service-intro-card h2,.dt-service-process-card h2,.dt-service-price-card h2{font-size:24px!important}
  .dt-service-highlight-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:12px}
  .dt-service-highlight-item{min-height:84px;padding:9px}
  .dt-service-highlight-icon{width:32px;height:32px;margin-bottom:6px}
  .dt-service-highlight-icon svg{width:17px;height:17px}
  .dt-service-highlight-item strong{font-size:13px}
  .dt-service-highlight-item small{font-size:12px}
  .dt-service-body-content{font-size:13px;line-height:1.65}
  .dt-service-body-content h2,.dt-service-body-content h3{font-size:21px!important}
  .dt-service-process-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 10px}
  .dt-service-process-arrow{display:none}
  .dt-service-process-icon{width:38px;height:38px}
  .dt-service-process-step strong{font-size:13px}
  .dt-service-process-step small{font-size:12px}
  .dt-service-price-card{display:grid;gap:12px}
  .dt-service-price-button{width:100%}
  .dt-service-reference-sidebar{grid-template-columns:1fr}
  .dt-service-side-promo{grid-column:auto}
}
@media (max-width:390px){
  .dt-service-reference-copy h1{font-size:31px!important}
  .dt-service-reference-hero-media,.dt-service-reference-cover,.dt-service-reference-placeholder{min-height:205px;height:205px!important;max-height:205px}
}


/* =========================================================
   V302 — Hizmet Detay Tipografi + Mobil Uyumluluk
   ========================================================= */
.dt-service-intro-card>p,
.dt-service-card-lead,
.dt-service-price-card p,
.dt-service-reference-copy>p,
.dt-service-side-cta p,
.dt-service-side-promo-body p,
.dt-service-reference-copy h1,
.dt-service-intro-card h2,
.dt-service-process-card h2,
.dt-service-price-card h2,
.dt-service-whybox h2,
.dt-service-postsbox h2,
.dt-service-side-promo-body>strong{
  overflow-wrap:anywhere;
}
.dt-service-navbox a,
.dt-service-post-item strong,
.dt-service-highlight-item strong,
.dt-service-highlight-item small,
.dt-service-process-step strong,
.dt-service-process-step small,
.dt-service-reference-trust-item{
  min-width:0;
  overflow-wrap:anywhere;
}

@media (max-width:860px){
  .dt-service-reference-layout{grid-template-columns:minmax(0,1fr)}
  .dt-service-reference-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .dt-service-sidebox,.dt-service-side-cta,.dt-service-side-promo{min-width:0}
  .dt-service-navbox a{padding:10px 12px}
  .dt-service-whybox{padding:16px}
  .dt-service-side-cta{padding:17px}
  .dt-service-side-promo-body{padding:14px 15px 16px}
}

@media (max-width:640px){
  .dt-service-reference-content{padding:10px 0 20px}
  .dt-service-reference-layout{gap:12px}
  .dt-service-intro-card,
  .dt-service-body-card,
  .dt-service-process-card,
  .dt-service-price-card{border-radius:10px}
  .dt-service-intro-card{padding:16px 15px 15px}
  .dt-service-intro-card>p,
  .dt-service-card-lead,
  .dt-service-price-card p{font-size:15px;line-height:1.58}
  .dt-service-highlight-grid{gap:8px}
  .dt-service-highlight-item{min-height:92px;padding:10px}
  .dt-service-highlight-item strong{font-size:13px}
  .dt-service-highlight-item small{font-size:12px}
  .dt-service-process-grid{gap:14px 10px}
  .dt-service-process-step>span{font-size:12px}
  .dt-service-process-step strong{font-size:13px}
  .dt-service-process-step small{font-size:12px}
  .dt-service-navbox a{grid-template-columns:30px minmax(0,1fr) 10px;gap:7px;padding:10px 11px;font-size:13px}
  .dt-service-nav-icon{width:28px;height:28px}
  .dt-service-nav-icon svg{width:15px;height:15px}
  .dt-service-whybox{padding:15px}
  .dt-service-whybox h2,.dt-service-postsbox h2{font-size:22px!important}
  .dt-service-whybox ul{gap:8px}
  .dt-service-whybox li{font-size:13px;line-height:1.3}
  .dt-service-whybox li span{width:30px;height:30px;flex:0 0 30px}
  .dt-service-side-cta{padding:16px}
  .dt-service-side-cta-kicker{font-size:11px}
  .dt-service-side-cta h2{font-size:22px!important}
  .dt-service-side-cta p{font-size:13px;line-height:1.5}
  .dt-service-side-call,.dt-service-side-wa{font-size:12px;min-height:40px}
  .dt-service-postsbox{padding:14px}
  .dt-service-post-list{gap:10px}
  .dt-service-post-item{grid-template-columns:52px minmax(0,1fr);gap:9px}
  .dt-service-post-thumb{width:52px;height:48px}
  .dt-service-post-item strong{font-size:13px;line-height:1.28}
  .dt-service-side-promo-image{height:130px}
  .dt-service-side-promo-body>strong{font-size:22px}
  .dt-service-side-promo-body p{font-size:13px;line-height:1.45}
  .dt-service-side-promo-body a{font-size:13px}
  .dt-service-price-card{display:grid;grid-template-columns:minmax(0,1fr);gap:11px;padding:16px 15px}
  .dt-service-price-button{width:100%;min-height:46px}
  .dt-service-reference-trust{gap:9px 12px;margin-top:17px}
  .dt-service-reference-trust-item{font-size:12px;gap:6px}
}

@media (max-width:430px){
  .dt-service-reference-copy h1{font-size:30px!important;line-height:1.06}
  .dt-service-reference-copy>p{font-size:14px;line-height:1.55}
  .dt-service-reference-trust{display:grid;grid-template-columns:1fr 1fr;gap:8px 10px}
  .dt-service-reference-trust-item{font-size:11px}
  .dt-service-highlight-grid{grid-template-columns:1fr 1fr}
  .dt-service-highlight-item{min-height:96px}
  .dt-service-process-grid{grid-template-columns:1fr 1fr;gap:16px 8px}
  .dt-service-navbox a{padding:9px 10px;font-size:13px}
  .dt-service-nav-icon{width:26px;height:26px}
  .dt-service-whybox li{font-size:12.5px}
}