/* Konya Klima V10 premium site-wide theme. Independent layer loaded after prior patches. */
:root{--kk-blue:#0868e5;--kk-dark:#0a2346;--kk-aqua:#08b7db;--kk-paper:#f3f9ff;--kk-ink:#102744;--kk-dim:#627794;--kk-footer:#0b2038;--kk-radius:22px;--kk-max:1280px;--kk-space:76px;--kk-ai-width:440px;--kk-hero-h:590px;--kk-hero-fade:.72;--kk-shadow:0 18px 55px rgba(7,58,120,.10);--kk-type:Manrope,Arial,sans-serif}
body.kk-v10{font-family:var(--kk-type);color:var(--kk-ink);background:#fff;overflow-x:clip}
body.kk-v10 .container{max-width:var(--kk-max);width:calc(100% - 36px)}
body.kk-v10 h1,body.kk-v10 h2,body.kk-v10 h3{letter-spacing:-.025em}
body.kk-v10 .section{padding-block:var(--kk-space)}
body.kk-v10 .site-header{border-bottom:1px solid #e9eff7;z-index:900;background:rgba(255,255,255,.98);box-shadow:0 8px 25px rgba(7,36,74,.05)}
body.kk-v10 .topline{background:var(--kk-dark)!important;color:#e8f2ff!important;font-size:12px}
body.kk-v10 .topline .container{min-height:38px}
body.kk-v10 .topline a{color:#fff;text-decoration:none}
body.kk-v10 .nav-wrap{background:rgba(255,255,255,.97)}
body.kk-v10.kk-header-glass .nav-wrap{backdrop-filter:blur(16px);background:rgba(255,255,255,.90)}
body.kk-v10 .nav-inner{min-height:80px;height:auto;padding:10px 0;gap:17px}
body.kk-v10 .brand img{height:60px;width:auto;max-width:240px;object-fit:contain}
body.kk-v10 .desktop-nav{gap:1px}
body.kk-v10 .nav-item>a{padding:12px 9px;color:var(--kk-ink);font-weight:800;font-size:12px;border-radius:12px}
body.kk-v10 .nav-item>a:hover{background:#eaf5ff;color:var(--kk-blue)}
body.kk-v10 .header-cta,body.kk-v10 .mobile-cta{white-space:nowrap;background:linear-gradient(110deg,var(--kk-blue),var(--kk-aqua))!important;color:#fff!important;padding:15px 20px;border-radius:16px;box-shadow:0 14px 30px rgba(5,95,189,.18);font-size:13px}
body.kk-v10 .primary-btn{background:linear-gradient(120deg,var(--kk-dark),var(--kk-blue));border-radius:var(--kk-radius);padding:15px 24px;box-shadow:0 12px 25px rgba(1,79,171,.16);font-weight:850;color:#fff}
body.kk-v10 .outline-btn{border-radius:var(--kk-radius);padding:15px 22px;background:#fff;border:1px solid #bed3ed;color:var(--kk-dark);font-weight:850}
body.kk-v10 .primary-btn:hover,body.kk-v10 .outline-btn:hover{transform:translateY(-2px)}
body.kk-v10 .dropdown{border:1px solid #e2eaf5;border-radius:16px;box-shadow:0 25px 50px rgba(9,39,81,.13)}
/* Homepage hero: independent responsive structure that keeps original CMS slider content */
body.kk-v10 .kk-hero{position:relative;isolation:isolate;min-height:var(--kk-hero-h);overflow:hidden;background:linear-gradient(112deg,#e8f3ff,#edf7fd 70%,#f5fbff);border-radius:0}
body.kk-v10.kk-layout-boxed .kk-hero{border-radius:0 0 26px 26px;width:min(calc(100% - 36px),calc(var(--kk-max) + 24px));margin-inline:auto}
body.kk-v10 .kk-hero-media{position:absolute;inset:0;overflow:hidden;z-index:-2}
body.kk-v10 .kk-hero-media .hero-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s}
body.kk-v10 .kk-hero-media .hero-slide.active{opacity:1}
body.kk-v10 .kk-hero-media img,body.kk-v10 .kk-hero-media picture,body.kk-v10 .kk-hero-media video{width:100%;height:100%;object-fit:var(--kk-hero-fit,cover);object-position:var(--kk-hero-position,center);display:block}
body.kk-v10 .kk-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(247,251,255,var(--kk-hero-fade)) 0%,rgba(246,251,255,.78) 35%,rgba(234,245,255,.22) 76%,rgba(234,245,255,.10) 100%)}
body.kk-v10 .kk-hero .kk-hero-inner{display:flex;align-items:center;min-height:var(--kk-hero-h);padding-top:55px;padding-bottom:80px}
body.kk-v10 .kk-hero-content{position:relative;width:min(680px,64%);z-index:2}
body.kk-v10 .kk-hero-kicker{display:inline-flex;padding:10px 15px;margin-bottom:24px;border:1px solid #e3effb;border-radius:999px;background:rgba(255,255,255,.8);color:var(--kk-blue);font-size:11px;letter-spacing:.13em;font-weight:900}
body.kk-v10 .kk-hero h1{color:var(--kk-dark);font-size:clamp(44px,5.4vw,74px);line-height:1.03;letter-spacing:-.05em;margin:0 0 14px;font-weight:900;max-width:780px}
body.kk-v10 .kk-hero h1 em{display:block;font-style:normal;color:var(--kk-blue);font-size:clamp(34px,4.5vw,58px);margin-top:4px;letter-spacing:-.04em}
body.kk-v10 .kk-hero-summary{font-size:18px;line-height:1.66;color:#536b8b;max-width:565px;margin:0 0 26px}
body.kk-v10 .kk-hero-actions{display:flex;align-items:center;gap:13px;flex-wrap:wrap}
body.kk-v10 .kk-hero-actions a{min-height:52px}
body.kk-v10 .kk-hero-badges{display:flex;gap:12px;flex-wrap:wrap;margin-top:38px}
body.kk-v10 .kk-hero-badges>span{display:flex;gap:11px;align-items:center;border-radius:20px;background:rgba(255,255,255,.76);padding:12px 17px;box-shadow:0 12px 28px rgba(6,71,131,.07);border:1px solid rgba(233,244,255,.9);font-size:12px;font-weight:850;color:var(--kk-dark)}
body.kk-v10 .kk-hero-badges i{font-style:normal;color:var(--kk-blue);font-size:21px}
body.kk-v10 .kk-hero-dots{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:5}
body.kk-v10 .kk-hero-dots button{width:9px;height:9px;background:#b9d3ed;border:0;border-radius:999px;padding:0;transition:.2s}
body.kk-v10 .kk-hero-dots button.active{width:23px;background:var(--kk-blue)}
/* premium sections throughout website */
body.kk-v10 .section-head>span,body.kk-v10 .section-head span:first-child{color:var(--kk-blue);letter-spacing:.12em}
body.kk-v10 .section-head h2{color:var(--kk-dark);font-weight:900}
body.kk-v10 .section-head p{color:var(--kk-dim);line-height:1.65}
body.kk-v10 .section.soft{background:var(--kk-paper)}
body.kk-v10 .image-card,body.kk-v10 .product-card,body.kk-v10 .blog-grid>a,body.kk-v10 .region-city-card,body.kk-v10 .region-compact-card,body.kk-v10 .testimonial-card{border:1px solid #e1eaf5!important;border-radius:var(--kk-radius)!important;box-shadow:var(--kk-shadow);background:#fff;overflow:hidden;transition:transform .23s ease,box-shadow .23s ease}
body.kk-v10 .image-card:hover,body.kk-v10 .product-card:hover,body.kk-v10 .blog-grid>a:hover,body.kk-v10 .region-city-card:hover{transform:translateY(-4px);box-shadow:0 26px 58px rgba(15,72,134,.15)}
body.kk-v10 .blog-grid img,body.kk-v10 .service-card-grid img{object-fit:cover;border-radius:0}
body.kk-v10 .blog-grid h2,body.kk-v10 .blog-grid h3,body.kk-v10 .service-image-card h3{color:var(--kk-dark)}
body.kk-v10 .form-page-shell,body.kk-v10 .contact-card,body.kk-v10 .form-section-card,body.kk-v10 .contact-aside>div,body.kk-v10 .info-box,body.kk-v10 .region-service-box{border:1px solid #deebf7;border-radius:var(--kk-radius);background:#fff;box-shadow:var(--kk-shadow)}
body.kk-v10 .form-grid .field input,body.kk-v10 .form-grid .field textarea,body.kk-v10 .form-grid .field select,body.kk-v10 .dynamic-form input:not([type=checkbox]),body.kk-v10 .dynamic-form textarea,body.kk-v10 .dynamic-form select{border-radius:13px;min-height:46px;border:1px solid #cfddec;background:#fafdff}
body.kk-v10 .form-legal-group{display:grid;gap:10px;margin:18px 0}
body.kk-v10 .form-legal-item{display:flex!important;gap:11px!important;align-items:flex-start!important;border-radius:13px;padding:12px 14px;background:#f7fbff;border:1px solid #e4edf6}
body.kk-v10 .form-legal-item input[type=checkbox]{width:19px!important;min-width:19px;height:19px!important;min-height:19px;margin:2px 0 0!important;flex:none;accent-color:var(--kk-blue)}
body.kk-v10 .form-legal-item span{flex:1;display:inline!important;line-height:1.5}
body.kk-v10 .form-legal-item button{display:inline!important;border:0!important;background:none!important;color:var(--kk-blue);padding:0!important;text-decoration:underline;cursor:pointer;font-weight:800}
body.kk-v10 .page-hero,body.kk-v10 .detail-hero,body.kk-v10 .region-main-hero{background:linear-gradient(110deg,#f5faff 0%,#fff9f3 48%,#eaf5ff 100%)!important}
body.kk-v10 .page-hero h1,body.kk-v10 .detail-hero h1,body.kk-v10 .region-main-hero h1{color:var(--kk-dark)!important}
body.kk-v10 .page-hero p,body.kk-v10 .detail-hero p,body.kk-v10 .region-main-hero p{color:var(--kk-dim)!important}
body.kk-v10 .page-hero>div>span,body.kk-v10 .detail-hero-grid>div>span,body.kk-v10 .region-main-hero>div>span{color:var(--kk-blue)!important}
body.kk-v10 .region-main-hero .region-hero-pills span{background:#fff;border:1px solid #cbdff6;color:var(--kk-blue);border-radius:999px}
body.kk-v10 .detail-hero{padding-block:76px}
body.kk-v10 .detail-hero-grid{gap:44px;grid-template-columns:minmax(0,1fr) minmax(400px,510px)}
body.kk-v10 .detail-hero-grid>img{width:100%;height:auto!important;max-height:520px;min-height:0!important;object-fit:contain!important;object-position:center;border:0!important;box-shadow:0 18px 45px rgba(15,67,130,.09);padding:0!important;border-radius:26px}
/* Empty-frame regression prevention (earlier V6/V8 pseudo-elements) */
body.kk-v10 .detail-hero-grid::after{content:none!important;display:none!important}
body.kk-v10 .blog-detail-hero .blog-hero-visual{display:grid;place-items:center;padding:0!important;min-height:0!important;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
body.kk-v10 .blog-detail-hero .blog-hero-visual img{height:auto!important;max-height:520px!important;max-width:100%;width:100%;object-fit:contain!important;box-shadow:0 20px 42px rgba(16,62,118,.10);border-radius:22px}
body.kk-v10 .blog-detail-hero .detail-hero-grid>img{object-fit:contain}
body.kk-v10 .rich-content{color:#2c4564;font-size:16.5px;line-height:1.84}
body.kk-v10 .rich-content h2,body.kk-v10 .rich-content h3{color:var(--kk-dark);font-weight:850}
body.kk-v10 .detail-aside .info-box,body.kk-v10 .region-service-box{background:#f6fbff}
body.kk-v10 .breadcrumb,body.kk-v10 .detail-hero nav{border:1px solid #d8e7f8;background:rgba(255,255,255,.85);padding:10px 14px;display:flex;gap:9px;align-items:center;border-radius:15px;flex-wrap:wrap;width:max-content;max-width:100%;color:#65809f}
body.kk-v10 .detail-hero nav a{color:#316393;font-weight:800}
body.kk-v10 .spec-list,body.kk-v10 .product-main-image,body.kk-v10 .quote-info{border-radius:var(--kk-radius)}
body.kk-v10 .site-footer{background:linear-gradient(125deg,var(--kk-footer),var(--kk-dark))!important;color:#dce9f8;padding-top:66px}
body.kk-v10 .footer-col h3,body.kk-v10 .footer-contact h3{color:#fff}
body.kk-v10 .footer-col a,body.kk-v10 .footer-contact a{color:#d0ddeb}
body.kk-v10 .footer-col a:hover{color:#fff}
body.kk-v10 .footer-bottom{border-top:1px solid rgba(255,255,255,.15)}
/* cards use real CMS expertise items; percentages remain editable in admin */
body.kk-v10 .kk-expertise{background:#fff}
body.kk-v10 .kk-expertise-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-top:28px}
body.kk-v10 .kk-expertise-card{display:flex;flex-direction:column;gap:14px;align-items:center;text-align:center;justify-content:center;text-decoration:none;padding:23px 12px;background:#fff;border:1px solid #e6edf7;border-radius:20px;color:var(--kk-dark);box-shadow:0 14px 35px rgba(15,64,118,.055);min-height:155px;transition:.25s}
body.kk-v10 .kk-expertise-card:hover{transform:translateY(-5px);border-color:#a7cefa}
body.kk-v10 .kk-expertise-card i{font-style:normal;font-size:28px;display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:linear-gradient(140deg,#e4f4ff,#f8fcff);color:var(--kk-blue)}
body.kk-v10 .kk-expertise-card strong{font-size:13px;line-height:1.35}
/* fixed accessible assistant, opened as dashboard on home desktop */
body.kk-v10 .kk-v10-ai-panel .ai-panel{z-index:5;border:1px solid #e0eaf6!important;border-radius:30px!important;box-shadow:0 28px 65px rgba(7,47,93,.23)!important;overflow:hidden;background:#f5faff}
body.kk-v10 .kk-v10-ai-panel .ai-panel>header{background:linear-gradient(113deg,#0579ca,var(--kk-dark) 70%)!important;border-radius:0;color:#fff;min-height:90px}
body.kk-v10 .kk-v10-ai-panel .ai-panel>header strong{font-size:17px}
body.kk-v10 .kk-v10-ai-panel .ai-panel>header small{color:#e3f5ff}
body.kk-v10 .kk-v10-ai-panel .ai-messages{background:linear-gradient(150deg,#fbfdff,#f2f8ff);padding:16px;overflow:auto}
body.kk-v10 .kk-v10-ai-panel .ai-msg.bot{border:1px solid #e2ecf7;border-radius:19px;background:#fff}
body.kk-v10 .kk-v10-ai-panel .ai-quick{padding:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border-top:1px solid #e4edf8;background:#f4f9ff}
body.kk-v10 .kk-v10-ai-panel .ai-quick button{font-size:12px;white-space:normal;min-height:49px;border:1px solid #e1edf8;border-radius:17px!important;background:#fff!important;color:#0753a2;box-shadow:0 6px 20px rgba(0,50,110,.035)}
body.kk-v10 .kk-v10-ai-panel form[data-ai-form]{padding:12px;background:#fff;display:flex;gap:7px;align-items:center}
body.kk-v10 .kk-v10-ai-panel form[data-ai-form] input{border:1px solid #d5e3f2;border-radius:14px;min-width:0;flex:1}
body.kk-v10 .kk-v10-ai-panel form[data-ai-form] button{border-radius:12px}
body.kk-v10 .konya-ai-widget .ai-bubble{filter:drop-shadow(0 0 10px rgba(30,168,255,.4))}
body.kk-v10.kk-ai-glow .konya-ai-widget .ai-bubble{animation:kk-v10-blue-glow 2.6s ease-in-out infinite!important}
body.kk-v10.kk-wa-glow .whatsapp-widget{animation:kk-v10-green-glow 2.6s ease-in-out infinite!important}
@keyframes kk-v10-blue-glow{50%{filter:drop-shadow(0 0 17px rgba(15,153,251,.85))}}
@keyframes kk-v10-green-glow{50%{filter:drop-shadow(0 0 15px rgba(20,215,97,.8))}}
@media(min-width:1150px){body.kk-v10.kk-ai-home .konya-ai-widget[data-open="1"] .ai-panel{display:grid!important;position:fixed!important;right:clamp(18px,4vw,70px)!important;top:140px!important;bottom:auto!important;width:var(--kk-ai-width)!important;max-width:calc(100vw - 54px)!important;height:min(730px,calc(100dvh - 175px))!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;z-index:50!important}body.kk-v10.kk-ai-home .konya-ai-widget[data-open="1"] .ai-bubble{display:none!important}body.kk-v10.kk-ai-home .kk-hero-content{width:min(630px,57%)}body.kk-v10.kk-ai-home .kk-hero{padding-right:min(20vw,220px)}body.kk-v10.kk-ai-home .konya-ai-widget{z-index:910!important}}
/* right hand info cards from reference, only large workstations */
body.kk-v10 .kk-v10-rail{display:none}
@media(min-width:1480px){body.kk-v10 .kk-v10-rail{display:grid;position:fixed;right:16px;top:145px;width:198px;gap:12px;z-index:20;pointer-events:none}body.kk-v10 .kk-v10-rail>div{display:flex;gap:10px;align-items:center;padding:13px;border-radius:18px;background:rgba(255,255,255,.9);box-shadow:0 12px 35px rgba(9,75,156,.06)}body.kk-v10 .kk-v10-rail i{font-size:25px;font-style:normal}body.kk-v10 .kk-v10-rail b{font-size:12px;color:#0b376e}body.kk-v10 .kk-v10-rail small{display:block;font-size:10px;color:#577795}body.kk-v10.kk-ai-home .konya-ai-widget[data-open="1"] .ai-panel{right:240px!important}}
@media(max-width:1250px){body.kk-v10 .kk-expertise-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body.kk-v10 .nav-item>a{font-size:11px;padding:10px 7px}body.kk-v10 .detail-hero-grid{grid-template-columns:1fr 1fr}}
@media(max-width:1100px){body.kk-v10 .kk-hero-content{width:68%}body.kk-v10 .detail-hero-grid{grid-template-columns:1fr}body.kk-v10 .detail-hero-grid>img{max-width:740px;justify-self:center}body.kk-v10 .kk-hero h1{font-size:clamp(43px,6.3vw,64px)}body.kk-v10 .nav-inner{min-height:75px}}
@media(max-width:720px){body.kk-v10 .section{padding-block:48px}body.kk-v10 .container{width:calc(100% - 28px)}body.kk-v10 .kk-hero{min-height:570px}body.kk-v10 .kk-hero .kk-hero-inner{min-height:570px;align-items:flex-end;padding-bottom:42px;padding-top:40px}body.kk-v10 .kk-hero:before{background:linear-gradient(0deg,rgba(246,251,255,.98) 0%,rgba(242,248,255,.91) 45%,rgba(241,249,255,.18) 100%)}body.kk-v10 .kk-hero-content{width:100%}body.kk-v10 .kk-hero h1{font-size:clamp(36px,10vw,50px)}body.kk-v10 .kk-hero h1 em{font-size:clamp(30px,8vw,43px)}body.kk-v10 .kk-hero-summary{font-size:14px}body.kk-v10 .kk-hero-badges{margin-top:23px;gap:7px}body.kk-v10 .kk-hero-badges>span{font-size:11px;padding:10px}body.kk-v10 .kk-hero-actions{gap:8px}body.kk-v10 .kk-hero-actions a{font-size:12px;padding:11px 14px;min-height:43px}body.kk-v10 .kk-expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.kk-v10 .detail-hero{padding:55px 0}body.kk-v10 .detail-hero h1{font-size:clamp(31px,8vw,44px)}body.kk-v10 .detail-hero-grid>img{max-height:390px}body.kk-v10 .kk-v10-ai-panel .ai-quick{padding:8px;gap:6px}body.kk-v10 .kk-v10-ai-panel .ai-quick button{min-height:40px}body.kk-v10 .site-footer{padding-top:45px}}
@media(prefers-reduced-motion:reduce){body.kk-v10 *,body.kk-v10 *:before,body.kk-v10 *:after{animation:none!important;transition-duration:0.01ms!important}}
body.kk-v10.kk-motion-none *,body.kk-v10.kk-motion-none *:before,body.kk-v10.kk-motion-none *:after{animation:none!important;transition:none!important}

body.kk-v10.kk-sticky-header .site-header{position:sticky;top:0}
body.kk-v10.kk-motion-energetic .kk-expertise-card:hover,body.kk-v10.kk-motion-energetic .product-card:hover{transform:translateY(-7px) scale(1.015)}

body.kk-v10 .kk-ai-expand{display:grid;place-items:center;min-width:32px;height:32px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;font-size:18px;padding:0;cursor:pointer}
body.kk-v10 .kk-ai-voice-strip{display:grid;place-items:center;gap:3px;padding:10px;background:linear-gradient(100deg,#edf7ff,#fff 45%,#eaf6ff);border-top:1px solid #e0ecf8}
body.kk-v10 .kk-ai-voice-strip strong{font-size:11px;color:var(--kk-blue)}
body.kk-v10 .kk-ai-voice-strip button{display:flex;align-items:center;gap:12px;background:none!important;border:0!important;padding:1px!important;cursor:pointer;color:var(--kk-blue);box-shadow:none!important}
body.kk-v10 .kk-ai-voice-strip button span{display:grid;place-items:center;background:linear-gradient(120deg,#004dad,#0ab2d9);color:#fff;font-size:22px;width:46px;height:46px;border-radius:50%;box-shadow:0 7px 22px rgba(6,109,207,.22)}
body.kk-v10 .kk-ai-voice-strip button i{font-size:17px;font-style:normal;letter-spacing:1px;white-space:nowrap}
body.kk-v10 .kk-ai-expanded .ai-panel{position:fixed!important;inset:5vh 5vw!important;right:5vw!important;top:5vh!important;width:90vw!important;max-width:1200px!important;height:90vh!important;max-height:none!important;z-index:999!important;margin-inline:auto}
@media(min-width:1150px){body.kk-v10.kk-ai-home .konya-ai-widget[data-open="1"] .konya-ai-v9-head{min-height:118px!important}body.kk-v10.kk-ai-home .konya-ai-widget[data-open="1"] .konya-ai-v9-head>img{height:94px!important;width:94px!important;flex:0 0 94px!important;object-fit:contain;border-radius:22px}body.kk-v10.kk-ai-home .konya-ai-widget[data-open="1"] .ai-quick button{min-height:54px}body.kk-v10.kk-ai-home .konya-ai-widget[data-open="1"] .ai-messages{min-height:140px}}
@media(max-width:720px){body.kk-v10 .kk-ai-voice-strip{padding:7px}body.kk-v10 .kk-ai-voice-strip button span{width:40px;height:40px;font-size:18px}body.kk-v10 .kk-ai-voice-strip button i{font-size:13px}body.kk-v10 .kk-ai-expand{display:none}}
body.kk-v10 .konya-ai-widget.kk-ai-expanded[data-open="1"] .ai-panel,
body.kk-v10.kk-ai-home .konya-ai-widget.kk-ai-expanded[data-open="1"] .ai-panel{position:fixed!important;top:5vh!important;right:5vw!important;bottom:5vh!important;left:5vw!important;width:90vw!important;max-width:1200px!important;height:90vh!important;max-height:none!important;margin:auto!important;z-index:999!important}

/* Konya Klima V10.2 | Mobil Hizmet Kartlari - Yalnizca hizmet bloklari */
@media (max-width: 720px) {
  /* Anasayfa ve /hizmetler listesinde 2 sutun - diger listeler degismez. */
  body.kk-v10 .card-grid.service-card-grid,
  body.kk-v10 .card-grid.listing-grid:has(> .image-card > a[href^="/hizmetler/"]) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch;
  }

  body.kk-v10 .service-card-grid > .service-image-card,
  body.kk-v10 .card-grid.listing-grid:has(> .image-card > a[href^="/hizmetler/"]) > .image-card {
    width: 100%;
    min-width: 0;
    height: 100%;
    border-radius: 18px !important;
    overflow: hidden;
  }

  body.kk-v10 .service-card-grid > .service-image-card > a,
  body.kk-v10 .card-grid.listing-grid:has(> .image-card > a[href^="/hizmetler/"]) > .image-card > a {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
  }

  /* Afişleri kesmek yerine tum gorseli goster. */
  body.kk-v10 .service-card-grid .service-image-card img,
  body.kk-v10 .card-grid.listing-grid:has(> .image-card > a[href^="/hizmetler/"]) .image-card img {
    display: block;
    width: 100%;
    height: clamp(118px, 31vw, 165px) !important;
    aspect-ratio: auto;
    object-fit: contain !important;
    object-position: center;
    background: linear-gradient(180deg, #f4f9ff, #eaf4ff);
    border-radius: 0 !important;
  }

  body.kk-v10 .service-card-grid .service-image-card > a > div,
  body.kk-v10 .card-grid.listing-grid:has(> .image-card > a[href^="/hizmetler/"]) .image-card > a > div {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 12px 11px 14px !important;
    gap: 6px;
    min-width: 0;
  }

  body.kk-v10 .service-card-grid .service-image-card h3,
  body.kk-v10 .card-grid.listing-grid:has(> .image-card > a[href^="/hizmetler/"]) .image-card h2 {
    font-size: clamp(13px, 3.6vw, 16px) !important;
    line-height: 1.32 !important;
    letter-spacing: -0.015em;
    margin: 0 !important;
    overflow-wrap: anywhere;
  }

  body.kk-v10 .service-card-grid .service-image-card p,
  body.kk-v10 .card-grid.listing-grid:has(> .image-card > a[href^="/hizmetler/"]) .image-card p {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
    margin: 0 !important;
    color: var(--kk-muted, #61748c);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
  }

  body.kk-v10 .service-card-grid .service-image-card span,
  body.kk-v10 .card-grid.listing-grid:has(> .image-card > a[href^="/hizmetler/"]) .image-card span {
    margin-top: auto !important;
    padding-top: 4px;
    font-size: 11px !important;
    line-height: 1.3;
    font-weight: 800;
    white-space: normal;
  }
}

@media (max-width: 370px) {
  body.kk-v10 .card-grid.service-card-grid,
  body.kk-v10 .card-grid.listing-grid:has(> .image-card > a[href^="/hizmetler/"]) { gap: 9px !important; }

  body.kk-v10 .service-card-grid .service-image-card > a > div,
  body.kk-v10 .card-grid.listing-grid:has(> .image-card > a[href^="/hizmetler/"]) .image-card > a > div {
    padding: 10px 9px 12px !important;
  }
}

/* Konya Klima V10.3 - Blog kartlari: mobilde yan yana ikili.
   Kapsam: anasayfa blog blogu, /blog listesi ve ilgili yazilar.
   Diger kart tiplerini, masaustunu ve blog detay hero gorunumu etkilemez. */
@media (max-width: 720px) {
  body.kk-v10 .blog-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 12px !important;
    align-items: stretch;
  }

  body.kk-v10 .blog-grid > a {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    min-width: 0;
    border-radius: 18px !important;
    overflow: hidden;
  }

  /* Blog kapak afisleri ustten veya yandan kirpilmasin. */
  body.kk-v10 .blog-grid > a > img {
    display: block;
    width: 100%;
    height: clamp(112px, 30vw, 168px) !important;
    min-height: 0;
    max-height: none;
    object-fit: contain !important;
    object-position: center;
    background: linear-gradient(160deg, #f3f9ff 0%, #eaf3ff 100%);
    border-radius: 0 !important;
  }

  body.kk-v10 .blog-grid > a > div {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
    padding: 12px 11px 14px !important;
  }

  body.kk-v10 .blog-grid > a > div > small {
    font-size: 10px !important;
    line-height: 1.3;
    letter-spacing: 0;
    overflow-wrap: anywhere;
  }

  body.kk-v10 .blog-grid > a h2,
  body.kk-v10 .blog-grid > a h3 {
    font-size: clamp(13px, 3.55vw, 16px) !important;
    line-height: 1.35 !important;
    margin: 0 !important;
    letter-spacing: -.015em;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    overflow: hidden;
  }

  body.kk-v10 .blog-grid > a p {
    font-size: 11.5px !important;
    line-height: 1.45 !important;
    color: var(--kk-dim, #61748c);
    margin: auto 0 0 !important;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
  }
}

@media (max-width: 370px) {
  body.kk-v10 .blog-grid { gap: 9px !important; }
  body.kk-v10 .blog-grid > a > div { padding: 10px 9px 12px !important; }
  body.kk-v10 .blog-grid > a > img { height: 112px !important; }
}