
:root{--navy:#10233e;--blue:#2465e8;--light:#f4f7fc;--text:#24334a;--muted:#62718a;--line:#e1e8f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--text);background:white;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,92%);margin:auto}.top{background:#0b1b32;color:#e6edff;font-size:13px;padding:8px 0}.top .container{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.head{position:sticky;top:0;z-index:20;background:white;border-bottom:1px solid var(--line)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:20px}.brand{font-size:23px;font-weight:800;letter-spacing:-1px;color:var(--navy);line-height:1.12}.brand small{display:block;letter-spacing:2px;font-size:10px;color:var(--blue);font-weight:800;margin-top:5px}.links{display:flex;align-items:center;gap:23px;font-size:14px;font-weight:700}.links a:hover,.links a.active{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;background:var(--blue);color:white;padding:13px 20px;border-radius:10px;font-weight:800;transition:.2s}.btn:hover{background:#164abd;transform:translateY(-1px)}.btn.outline{background:transparent;border:1px solid #cad8eb;color:var(--navy)}.btn.white{background:white;color:var(--navy)}.menu{display:none;border:0;background:#edf3ff;padding:8px 12px;border-radius:8px;font-size:23px}.hero{background:linear-gradient(120deg,#10233e 0%,#173b74 65%,#1e5cbd 100%);color:white;padding:86px 0 94px;position:relative;overflow:hidden}.hero:after{content:'✦';position:absolute;right:4%;top:15%;font-size:300px;color:#ffffff09;line-height:1}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;text-transform:uppercase;color:#85b3ff}.hero h1{font-size:clamp(37px,5vw,64px);letter-spacing:-2px;line-height:1.1;margin:16px 0 24px}.hero p{font-size:18px;color:#d5e2f8;max-width:650px}.actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}.hero-panel{background:#ffffff12;backdrop-filter:blur(4px);border:1px solid #ffffff30;border-radius:22px;padding:32px;position:relative;z-index:1}.hero-panel .big{font-size:44px;font-weight:800;letter-spacing:-2px}.hero-panel hr{border:0;border-top:1px solid #ffffff29;margin:22px 0}.hero-panel p{font-size:15px;margin:4px 0}.section{padding:74px 0}.section.alt{background:var(--light)}.kicker{color:var(--blue);font-weight:800;letter-spacing:1.8px;text-transform:uppercase;font-size:12px}.section h2,.page-title h1{font-size:clamp(30px,3.7vw,43px);letter-spacing:-1.3px;line-height:1.18;color:var(--navy);margin:12px 0}.intro{max-width:720px;color:var(--muted);margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.card{background:white;padding:28px;border-radius:17px;border:1px solid var(--line);box-shadow:0 8px 30px #19355e08}.symbol{width:52px;height:52px;display:grid;place-items:center;background:#eaf1ff;border-radius:14px;color:var(--blue);font-size:27px}.card h3{margin:20px 0 8px;color:var(--navy);font-size:20px}.card p{margin:0;color:var(--muted);font-size:15px}.card a.more{display:inline-block;margin-top:17px;color:var(--blue);font-weight:800}.split{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.feature{border-radius:22px;background:linear-gradient(135deg,#dceaff,#f3f8ff);padding:34px;min-height:290px;display:flex;flex-direction:column;justify-content:center}.feature strong{font-size:35px;line-height:1.15;color:var(--navy)}.feature span{color:var(--muted);margin-top:16px}.ticks{padding:0;list-style:none}.ticks li{padding:9px 0}.ticks li:before{content:'✓';color:var(--blue);font-weight:800;margin-right:10px}.band{background:var(--navy);color:white;padding:48px 0}.band-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.band h2{margin:0;font-size:30px;color:white}.band p{margin:9px 0 0;color:#cad7e9}.page-title{padding:65px 0;background:var(--light);border-bottom:1px solid var(--line)}.page-title p{max-width:720px;color:var(--muted)}.content{max-width:820px}.content h2{font-size:26px;color:var(--navy);margin-top:36px}.contact{display:grid;grid-template-columns:1fr 1.2fr;gap:28px}.contact-box{background:var(--light);padding:30px;border-radius:17px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:15px;font-weight:700;font-size:14px}input,textarea,select{padding:13px;border:1px solid #cbd7e7;border-radius:8px;font:inherit;width:100%;background:white}textarea{min-height:120px}footer{background:#0b1b32;color:#d3dfef;padding:45px 0 22px}.foot{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}footer h4{color:white;margin:0 0 16px}footer a{display:block;margin:8px 0;font-size:14px}footer p{color:#aabbd2}.footnote{border-top:1px solid #253957;margin-top:30px;padding-top:18px;color:#91a6c3;font-size:12px}.notice{background:#fff8e8;border:1px solid #f1ddb1;border-radius:11px;padding:16px;color:#695323;font-size:14px}.floatcall{position:fixed;right:22px;bottom:22px;background:#1b68ec;color:white;border-radius:99px;padding:13px 19px;box-shadow:0 9px 26px #18458255;font-weight:800;z-index:30}.small{font-size:13px;color:var(--muted)}@media(max-width:850px){.hero-grid,.split,.contact{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.links{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:15px 5%;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.links.open{display:flex}.menu{display:block}.hero{padding:64px 0}.hero-panel{max-width:480px}.foot{grid-template-columns:1fr 1fr}}@media(max-width:560px){.cards,.foot{grid-template-columns:1fr}.hero h1{letter-spacing:-1px}.band-inner{flex-direction:column;align-items:flex-start}.top .container{font-size:12px}.section{padding:52px 0}.floatcall{bottom:12px;right:12px}}

/* Yerel dosyalar: görseller ve yazı tipleri harici sunucu gerektirmez */
body{font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}.art-panel{padding:12px;overflow:hidden}.art-panel img{display:block;width:100%;height:auto;border-radius:15px}.art-caption{padding:14px 13px 6px;display:flex;flex-direction:column;gap:3px}.art-caption strong{font-size:21px}.art-caption span{font-size:14px;color:#dceaff}.service-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px;display:block}.card{padding:14px}.card h3,.card p,.card a.more{margin-left:12px;margin-right:12px}.card a.more{margin-bottom:12px}.area-section{background:#fff}.area-tags{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0}.area-tags span{background:#e8f1ff;border:1px solid #d0e3ff;padding:8px 13px;border-radius:30px;color:#234d7b;font-weight:700;font-size:14px}.sub-visual{background:linear-gradient(110deg,#0d3159,#2467a9);color:#fff}.sub-visual-inner{display:flex;align-items:center;gap:23px;padding:14px 0}.sub-visual img{width:155px;height:100px;object-fit:cover;border-radius:13px}.sub-visual-inner>div{display:flex;flex-direction:column;gap:5px}.sub-visual-inner span{font-size:23px;font-weight:800}footer a[href^=tel]{color:#fff;text-decoration:underline} @media(max-width:600px){.sub-visual img{width:115px;height:85px}.sub-visual-inner span{font-size:18px}}

/* Güncel işyeri Google Harita alanı */

.map-section{padding-top:20px;background:#fff}.map-intro{color:#475b76;margin:3px 0 19px;font-weight:650}.map-card{position:relative;overflow:hidden;border:1px solid #d5e2f2;border-radius:18px;background:#edf3fc;min-height:280px}.map-placeholder{min-height:280px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:26px;text-align:center;gap:10px}.map-placeholder .map-pin-visual{font-size:36px}.map-placeholder strong{font-size:21px;color:#10233e}.map-placeholder p{margin:0 auto 10px;max-width:560px;color:#5c6e87}.map-card iframe{display:block;width:100%;height:340px;border:0;background:white}.map-card iframe[hidden]{display:none}.map-placeholder[hidden]{display:none}.map-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}@media(max-width:560px){.map-actions a{width:100%}.map-card iframe{height:300px}}

/* Yeni servis aydınlatması ve Hakkımızda fotoğrafı */
.service-fee-info{line-height:1.65;margin:18px 0 22px}.service-fee-info a{color:#174eb5;font-weight:750;text-decoration:underline}.banner-disclaimer{color:#dbe8f7;display:block;font-size:12px;line-height:1.4;margin-top:3px}.sub-visual-inner img{width:185px;height:105px;object-fit:cover}@media(max-width:600px){.sub-visual-inner img{width:118px;height:80px}}

/* Alt bilgi bağlantıları: birbirinden ayrı tıklanabilir, aynı satırda */
.footnote {display:flex; align-items:center; justify-content:space-between; gap:16px 28px; flex-wrap:wrap; }
.footnote .foot-copy {margin:0; color:#aabbcf; font-size:12px; max-width:720px; line-height:1.65;}
.footnote .foot-links {display:flex; flex-direction:row; align-items:center; flex-wrap:wrap; gap:10px 24px;}
.footnote .foot-links a {display:inline-block; margin:0; padding:5px 0; color:#c3dbff; font-weight:700; text-decoration:none; font-size:13px;}
.footnote .foot-links a:hover,.footnote .foot-links a:focus-visible{text-decoration:underline; color:white;}
.brand-clarification{margin:18px 0; padding:16px 20px; border-radius:12px; background:#f0f6ff; border-left:4px solid #2465e8; color:#24334a;}
.brand-clarification a{font-weight:800; color:#2465e8; text-decoration:underline;}
@media (max-width:660px){.footnote{align-items:flex-start; flex-direction:column;}.footnote .foot-links{gap:9px 22px;}}

/* Sabit arama butonunun sayfa altındaki yasal bağlantıları örtmesini önle */
footer{padding-bottom:98px;}


/* Yetkili televizyon markaları ve hizmet kartı etkileşimi */
.authorized-brands {background:#f0f6ff;border:1px solid #cbdfff;border-left:4px solid #2465e8;border-radius:16px;padding:21px 23px;margin:22px 0;color:#203752;}
.authorized-brands .brands-eyebrow{font-size:12px;line-height:1.5;color:#2c5792;letter-spacing:1.6px;font-weight:850;margin:0 0 14px;}
.authorized-brand-grid {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:15px;}
.authorized-brand{display:flex;align-items:center;justify-content:center;text-align:center;font-size:16px;font-weight:900;letter-spacing:.5px;padding:13px 6px;background:white;color:#123662;border:1px solid #d7e4fa;border-radius:10px;min-width:0;}
.authorized-brands .brand-panel-desc{margin:0 0 8px;font-size:14px;line-height:1.75;}
.authorized-brands .brand-panel-detail{margin:0;font-weight:750;font-size:13px;color:#245281;}
.homepage-brand-ribbon{background:#f7f9ff;border-bottom:1px solid #e2eaf6;}
.brand-ribbon-inner{padding:19px 0;display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:space-between;}
.ribbon-text{display:flex;flex-direction:column;gap:0;color:#152944;}
.ribbon-text strong{font-size:16px;}
.ribbon-text span{color:#63758b;font-size:12px;}
.ribbon-logos{display:flex;flex-wrap:wrap;align-items:center;gap:9px;}
.ribbon-logos span{font-size:14px;font-weight:850;letter-spacing:.3px;padding:7px 14px;border:1px solid #d9e3f5;border-radius:30px;color:#173862;background:white;}
.ribbon-link{font-size:13px;font-weight:800;color:#2465e8;white-space:nowrap;}
.cards .card{transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;will-change:transform;}
.cards .card .service-image{transition:transform .3s ease, filter .3s ease;}
@media (hover:hover) and (pointer:fine){
 .cards .card:hover{transform:translateY(-7px);box-shadow:0 16px 35px rgba(20,59,108,.16);border-color:#b7cff9;}
 .cards .card:hover .service-image{transform:scale(1.018);filter:saturate(1.035);}
}
.cards .card:focus-within{box-shadow:0 12px 30px rgba(20,59,108,.13);border-color:#90b6fb;}
.cards .card .more:focus-visible,.ribbon-link:focus-visible{outline:2px solid #2465e8;outline-offset:4px;border-radius:3px;}
@media(max-width:620px){.authorized-brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.ribbon-text{width:100%;}.brand-ribbon-inner{gap:14px;}}
@media(prefers-reduced-motion:reduce){.cards .card,.cards .card .service-image{transition:none!important;transform:none!important;}}
