/* Public-site color surfaces. Dark page tokens match body[data-theme=dark].
   Light cards define their own tokens so they never inherit white body text. */
body[data-theme="dark"]{
 --color-bg:#101214;--color-contrast-higher:#f3f0ea;--color-contrast-high:#c4ccd3;--color-contrast-medium:#a9b3bc;
 --color-contrast-higher-h:40;--color-contrast-higher-s:27%;--color-contrast-higher-l:94%;
 --color-contrast-high-h:208;--color-contrast-high-s:15%;--color-contrast-high-l:80%;
 --color-contrast-medium-h:208;--color-contrast-medium-s:13%;--color-contrast-medium-l:70%;
 color:var(--color-contrast-higher);
}
body .services-area,body .feed,body .popup-content{
 --color-bg:#fff;--color-contrast-higher:#17191b;--color-contrast-high:#364552;--color-contrast-medium:#54616b;
 --color-contrast-higher-h:210;--color-contrast-higher-s:8%;--color-contrast-higher-l:10%;
 --color-contrast-high-h:208;--color-contrast-high-s:21%;--color-contrast-high-l:27%;
 --color-contrast-medium-h:207;--color-contrast-medium-s:12%;--color-contrast-medium-l:37%;
 color:#17191b;
}
body .sidebar-menu{background:#171c21;border:1px solid #ffffff16;color:#f3f0ea}
body .sidebar-menu li{color:#e6edf2;border-bottom-color:#ffffff20}
body .sidebar-menu li a{color:#e6edf2;gap:12px;line-height:1.5}
body .sidebar-menu li a:hover,body .sidebar-menu li a:focus-visible{color:#fff;background:#ffffff08}
body .sidebar-menu li a i{color:inherit;flex-shrink:0}
body .content-area :is(h1,h2,h3,h4,h5,h6){color:#f3f0ea}
body .content-area :is(p,li,.service-description){color:#c4ccd3;line-height:1.7}
/* CMS may contain pasted inline text colors; normalize only text within dark articles. */
body :is(.service-description,.post-content) :is(p,span,li,strong,b,em){color:inherit!important}
body :is(.service-description,.post-content) a{color:#d3e6f5;text-decoration:underline;text-underline-offset:3px}
body .right-side-content>.heading-title,body .contact-area .content .title{color:#f3f0ea}
body .contact-area .contact :is(li,.tag),body .contact-area :is(.phone,.email) li{color:#c4ccd3}
body .contact-area :is(.phone,.email) .tag{color:#f3f0ea}
body .services-area :is(.ms-sb--title,.ms-sb--title span){color:#17191b}
body .services-area .ms-sb--text{color:#364552}
body .services-area .hizmetegit{color:#364552;text-decoration:underline}
body .feed :is(p,.username,.id,.caption,.like){color:#17191b}
body .feed .time{color:#54616b}
body .feed .btn-group button{color:#263843}
body .feed :is(.owl-prev,.owl-next){color:#fff!important;background:#263843!important}
body .feed :is(.owl-prev,.owl-next).disabled{opacity:.65}
body .ms-page-content .post-meta-cont :is(h2,h3,h4,a),body .post-content :is(h1,h2,h3,h4,h5,h6),body .ms-sidebar :is(h5,a,.recent-post__info){color:#f3f0ea}
body :is(.post-excerpt,.post-content,.post-date){color:#c4ccd3}
body .ms-posts--default .post-content{background:#101214}
body .ms-main .blogdiv .icbosdisdolu{color:#e4edf4;border-color:#a9b3bc}
body .ms-main .blogdiv .icbosdisdolu:hover{background:#e4edf4;color:#101214}
body .banner-area-2 .ms-tt__text{color:#f3f0ea;-webkit-text-stroke:0;text-shadow:0 2px 10px #000}
body .sidebar-btn button,body .contact-area .iletisimbtn{color:#fff!important;background:#344957!important;border-color:#718593!important}
body .sidebar-btn[href*="wa.me"] button,body .contact-area a[href*="wa.me"]{background:#17613d!important;color:#fff!important}
body .sidebar-btn[href^="tel:"] button,body .contact-area a[href^="tel:"]{background:#174c83!important;color:#fff!important}
body .popup-content{background:#fff;color:#17191b}
body .popup-content :is(h3,label,p){color:#17191b}
body .popup-content :is(input,textarea){color:#17191b;background:#f7f9fa;border-color:#7c8790}
body .popup-content :is(input,textarea)::placeholder{color:#54616b;opacity:1}
body .contact-form :is(input,textarea)::placeholder{color:#a9b3bc;opacity:1}
body .ms-main a:focus-visible{outline:2px solid #9bbbd9;outline-offset:4px}
/* Higher specificity for old selectors and page styles loaded after <head>. */
body .ms-main.home-six .banner-area-2 .ms-tt-wrap .ms-tt .ms-tt__text{color:#f3f0ea;-webkit-text-stroke:0}
body .ms-main .contact-area .row.contact ul li.tag{color:#f3f0ea!important}
body .feed p.time{color:#54616b!important}
body #blogCarousel .post-meta-cont{background:#171c21;color:#c4ccd3}
body #blogCarousel .post-meta-cont :is(h3,h3 a){color:#f3f0ea}
body #blogCarousel .post-meta-cont .icbosdisdolu{color:#e4edf4;border-color:#a9b3bc;background:transparent}
body #blogCarousel .post-meta-cont .icbosdisdolu:hover{color:#101214;background:#e4edf4}
body .popup-content .contact-form{background:#fff;border-color:#d1d9df}
body .popup-content .contact-form .btn{background:#344957;color:#fff;border-color:#344957}
body .main-header .main-header__layout .main-header__nav .navbar-nav>.menu-item-has-children:focus-within>.sub-menu{visibility:visible!important;opacity:1!important;pointer-events:auto;display:block;transform:none}

/* Keep the whole blog card, including its action, on one readable surface. */
body #blogCarousel .col-md-4{display:flex;margin-bottom:24px}
body #blogCarousel article.grid-item{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden;border-radius:24px;background:#171c21}
body #blogCarousel article.grid-item> a{display:block}
body #blogCarousel .media-wrapper{margin:0;border-radius:0;overflow:hidden}
body #blogCarousel .media-wrapper img{display:block;width:100%;object-fit:cover}
body #blogCarousel .post-meta-cont{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:24px;height:auto;min-height:0}
body #blogCarousel .post-meta-cont h3{margin:0 0 14px;font-size:24px;line-height:1.3}
body #blogCarousel .post-excerpt{margin:0 0 24px;color:#c4ccd3;line-height:1.6}
body #blogCarousel .post-meta-cont .icbosdisdolu{position:static;display:inline-flex;align-items:center;gap:8px;margin-top:auto;padding:10px 20px;line-height:1.4;transform:none}
@media(max-width:767px){body #blogCarousel .post-meta-cont{padding:20px}body #blogCarousel .post-meta-cont h3{font-size:22px}}

body #blogCarousel .carousel-inner{height:auto;min-height:0}

/* Transparent client logos need a light surface on every page theme. */
body .clients-area2{padding:32px 0;background:#101214}
body .clients-area2 .ms-ttt{align-items:center}
body .clients-area2 .ms-img{display:flex;flex:0 0 200px;align-items:center;justify-content:center;box-sizing:border-box;width:200px;height:128px;margin:0 12px;padding:20px;background:#fff;border:1px solid #dce1e5;border-radius:20px}
body .clients-area2 .ms-img img{display:block;width:auto;max-width:100%;height:auto;max-height:88px;object-fit:contain;opacity:1;filter:none}
@media(max-width:767px){body .clients-area2 .ms-img{flex-basis:160px;width:160px;height:112px;margin:0 8px;padding:16px}body .clients-area2 .ms-img img{max-height:80px}}

/* Fixed controls and the phone card must stay inside narrow/short viewports. */
html,body{max-width:100%;overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
body .main-header .main-header__layout,body .main-header .main-header__inner{max-width:100%;min-width:0;box-sizing:border-box}
@media(max-width:1279px){
 body .main-header .main-header__nav-trigger{box-sizing:border-box;padding:0;border:1px solid #ffffff26;border-radius:12px;background:transparent;overflow:hidden}
 body .main-header .main-header__nav{box-sizing:border-box;max-width:100%;overflow-x:hidden;overscroll-behavior:contain}
 body .main-header .main-header__nav .sub-menu{box-sizing:border-box;min-width:0;max-width:100%}
 body .main-header .main-header__nav a{white-space:normal;overflow-wrap:anywhere}
}
body .cx-call{box-sizing:border-box;max-width:calc(100% - 32px);max-height:calc(100dvh - 112px);right:max(16px,env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));perspective:none}
body .cx-call .cx-device{max-width:100%}
body .cx-call .cx-face{max-height:calc(100dvh - 130px - env(safe-area-inset-bottom));min-height:0;overflow-y:auto;overscroll-behavior:contain}
body .cx-call .cx-close{right:8px;top:8px;width:44px;height:44px;padding:0;display:grid;place-items:center;line-height:1}
body .cx-call .cx-contact-options{flex-wrap:wrap}
@media(max-width:768px),(pointer:coarse){
 body .cx-call,body .cx-call .cx-device{animation:none;transform:none}
 body .cx-call{width:250px}
 body .cx-dock{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
 body .vip-sound{left:max(12px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom))}
 body .popup-overlay{padding:16px;box-sizing:border-box}
 body .popup-content{width:100%;max-width:400px;max-height:calc(100dvh - 32px);box-sizing:border-box}
 body .feed{min-width:0;overflow:hidden}
 body .feed .post{width:100%;max-width:100%}
 body .feed .caption{overflow-wrap:anywhere}
 body .contact-form :is(input,textarea,select){min-width:0;max-width:100%;font-size:16px}
}
@media(max-height:540px){
 body .cx-call{bottom:16px;right:76px;max-height:calc(100dvh - 32px)}
 body .cx-call .cx-face{max-height:calc(100dvh - 44px);padding-top:44px}
 body .cx-call .cx-avatar{width:64px;height:64px;margin:8px auto}
 body .cx-call .cx-avatar img{width:56px}
}
@media(max-width:1279px){
 body .main-header .main-header__layout,body .main-header.header--sticky .main-header__layout{height:76px!important;min-height:76px!important}
 body .main-header .main-header__layout>.container{height:76px;display:flex;align-items:center}
 body .main-header .main-header__inner{width:100%;height:76px;min-height:76px;transform:none}
}

/* Digital service pages: readable copy and an optional live project preview. */
body .digital-service{min-width:0}
body .digital-service .digital-eyebrow{font-size:10px;letter-spacing:.17em;color:#aabac7!important;margin:20px 0 16px}
body .digital-service .digital-heading{font-size:clamp(26px,3vw,42px);line-height:1.2;letter-spacing:-.035em;max-width:660px;margin:0 0 24px}
body .digital-service .digital-intro{max-width:720px;font-size:16px;line-height:1.85}
body .digital-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:30px 0 44px}
body .digital-capabilities>div{display:flex;gap:14px;padding:18px;border:1px solid #ffffff18;border-radius:16px;background:#ffffff04;min-width:0}
body .digital-capabilities span{font:12px ui-monospace,monospace;color:#8ba1b3!important;flex-shrink:0}
body .digital-capabilities p{font-size:14px;line-height:1.65;margin:0;overflow-wrap:anywhere}
body .digital-project{margin:32px 0;padding:24px;border:1px solid #ffffff1c;border-radius:22px;background:#171c21;min-width:0;overflow:hidden}
body .digital-project h3,body .digital-service-cta h3{font-size:clamp(23px,2.5vw,32px);line-height:1.25;margin:0 0 18px}
body .digital-project p{font-size:14px;line-height:1.8}
body .digital-tags{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
body .digital-tags span{padding:6px 10px;border:1px solid #ffffff20;border-radius:20px;font-size:10px;color:#c4ccd3!important}
body .digital-browser{border:1px solid #ffffff20;border-radius:14px;overflow:hidden;background:#101214;margin-top:24px}
body .digital-browser-bar{display:flex;align-items:center;gap:18px;padding:11px 14px;background:#242b31;font:10px Arial,sans-serif;color:#bcc8d2}
body .digital-browser img{display:block;width:100%;height:auto;max-width:100%}
body .digital-live-preview{height:620px;background:#111}
body .digital-live-preview[hidden]{display:none}
body .digital-live-preview iframe{display:block;width:100%;height:100%;border:0}
body .digital-project-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:22px}
body .digital-service .digital-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:13px 18px;max-width:100%;border:1px solid #c4ccd3;border-radius:12px;background:#dce4ea;color:#101214!important;text-decoration:none;font:600 12px/1.5 Arial,sans-serif;cursor:pointer;white-space:normal;text-align:center}
body .digital-service .digital-button[hidden]{display:none}
body .digital-service .digital-text-link{font-size:13px;color:#d3e6f5;text-underline-offset:4px;overflow-wrap:anywhere}
body .digital-service .digital-preview-note{font-size:11px;margin:14px 0 0;color:#9fb0bd!important}
body .digital-service-cta{padding:26px 0 0;border-top:1px solid #ffffff20;margin-top:38px}
body .digital-service-cta p{font-size:14px;margin-bottom:22px}
@media(max-width:767px){
 body .ms-page-content .content-area{padding:20px 0;margin-top:12px;min-width:0}
 body .digital-capabilities{grid-template-columns:1fr;gap:10px;margin-bottom:28px}
 body .digital-project{padding:16px;border-radius:18px}
 body .digital-live-preview{height:min(650px,75svh)}
 body .digital-project-actions{flex-direction:column;align-items:stretch}
 body .digital-service .digital-button{width:100%;font-size:12px}
 body .digital-browser-bar{font-size:9px;padding:10px}
}

body .digital-qr-showcase{margin:44px 0}
body .digital-qr-showcase>h3{font-size:clamp(23px,2.5vw,32px);line-height:1.3;margin-bottom:24px}
body .digital-qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body .digital-qr-card{min-width:0;overflow:hidden;border:1px solid #ffffff1c;border-radius:22px;background:#171c21}
body .digital-qr-screen{display:block;max-height:460px;overflow:hidden;background:#eae5d9}
body .digital-qr-screen img{display:block;width:100%;height:auto;max-width:100%}
body .digital-qr-copy{padding:20px}
body .digital-qr-copy h4{font-size:26px;line-height:1.2;margin:0 0 16px}
body .digital-qr-copy p{font-size:13px;line-height:1.8}
body .digital-qr-copy .digital-text-link{display:block;margin-top:16px;font-size:11px}
body .digital-browser:has(.digital-live-preview:not([hidden]))>img{display:none}
@media(max-width:767px){body .digital-qr-grid{grid-template-columns:1fr}body .digital-qr-screen{max-height:480px}}

/* Lead with the digital services requested for the agency's positioning. */
body .vip-disciplines a{color:#c4ccd3;text-decoration:none;font-size:10px;letter-spacing:.08em;min-height:36px;display:inline-flex;align-items:center;border-bottom:1px solid #ffffff24}
body .main-header .sub-menu .digital-nav-feature>a{font-weight:600;color:#fff!important;background:#ffffff05}
body .sidebar-menu .digital-nav-feature a{font-weight:600;color:#fff}
body #vip-services .digital-feature-service .ms-sb{background:#eaf0f4!important;border-color:#a8b8c8!important}
body #vip-services .digital-feature-description{font-size:13px;line-height:1.7;color:#364552;min-height:44px;margin:0 0 20px}
body .digital-web-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
body .digital-web-card{margin:0;display:flex;flex-direction:column;align-items:flex-start}
body .digital-web-card>a:first-child{display:block;width:100%}
body .digital-web-card img{display:block;width:100%;height:auto;border-radius:12px;aspect-ratio:1470/681;object-fit:cover}
body .digital-web-card h3{font-size:25px}
body .digital-web-card .digital-button{margin-top:auto}
@media(max-width:767px){body .digital-web-project-grid{grid-template-columns:1fr}.vip-eyebrow{line-height:1.8}body .vip-disciplines{gap:12px}}

/* Shared rounded surfaces across every public menu and CMS service page. */
body{--surface-radius:28px;--control-radius:16px}
body :is(.content-area,.sidebar-menu,.feed,.popup-content,.contact-form,.digital-project,.digital-qr-card,.vip-detail-frame,.ms-sidebar,.services-area){border-radius:var(--surface-radius)}
body .services-area .ms-sb,body #blogCarousel article.grid-item{border-radius:var(--surface-radius)!important}
body :is(.image-left-side,.media-wrapper,.post-thumbnail,.contact-map-area-fluid,.digital-browser,.vip-detail-frame){border-radius:var(--surface-radius);overflow:hidden}
body :is(.image-left-side img,.galeri-item,.postImage,.contact-map,.post-content){border-radius:var(--surface-radius)}
body .ms-posts--default .post-content{padding:24px}
body .main-header .sub-menu{border-radius:22px!important}
body .main-header .sub-menu a,body .sidebar-menu li a{border-radius:12px}
body :is(.contact-form,.popup-content) :is(input,textarea,select),body .digital-button,body .vip-primary{border-radius:var(--control-radius)}
body .sidebar-btn button,body .contact-area .iletisimbtn{border-radius:999px}
body .feed{overflow:hidden}
/* A blog card owns its corners; its image and copy must remain joined. */
body #blogCarousel :is(.media-wrapper,.post-meta-cont){border-radius:0}
@media(max-width:767px){body{--surface-radius:22px}body .ms-posts--default .post-content{padding:20px}}

/* Let the last service row fill the available width instead of leaving empty columns. */
body #vip-services .services-item>.row{display:flex;flex-wrap:wrap;gap:24px}
body #vip-services .services-item>.row>div{flex:1 1 calc((100% - 96px)/5)}
@media(max-width:1279px){body #vip-services .services-item>.row>div{flex-basis:calc((100% - 48px)/3)}}
@media(max-width:991px){body #vip-services .services-item>.row>div{flex-basis:calc((100% - 24px)/2)}}
@media(max-width:575px){body #vip-services .services-item>.row{gap:18px}body #vip-services .services-item>.row>div{flex-basis:100%}}