:root{--teal:#08b6c1;--teal2:#00a3b2;--dark:#0a1927;--ink:#12253b;--muted:#5e7080;--line:#dcebf0;--soft:#f4fbfc;--white:#fff;--radius:17px;--shadow:0 12px 38px rgba(11,42,60,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #15bcc9;outline-offset:3px}.container{max-width:1240px;padding:0 26px;margin:0 auto}.skip-link{position:absolute;left:-9999px;z-index:10000;padding:10px;background:white}.skip-link:focus{left:10px;top:10px}.topline{background:linear-gradient(90deg,#0095a4,#10bbc6);color:white;font-size:12px;font-weight:600}.topinside{min-height:34px;display:flex;align-items:center;gap:22px}.topright{margin-left:auto;display:flex;gap:16px;font-weight:900;font-size:18px}.site-header{background:white;border-bottom:1px solid #e9eff2;position:relative;z-index:20}.header-inner{min-height:91px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:7px;flex-shrink:0}.brand-z{width:76px;height:72px;object-fit:contain}.brand-name{display:flex;flex-direction:column;line-height:1;letter-spacing:-1.6px}.brand-name strong{font-size:32px;color:#071624;font-weight:950}.brand-name b{font-size:18px;color:var(--teal2);letter-spacing:3px}.brand-img{max-width:242px;max-height:80px;object-fit:contain}.primary-nav{display:flex;align-items:center;gap:22px;font-weight:700;font-size:13px}.primary-nav a:hover,.primary-nav a:focus{color:var(--teal2)}.call-top{display:flex;gap:11px;align-items:center;line-height:1.2;white-space:nowrap}.phone-emblem{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:linear-gradient(145deg,#0ab8c6,#008b9c);color:#fff;font-size:27px;box-shadow:0 8px 16px rgba(5,169,182,.2)}.call-top strong{display:block;font-size:20px;font-weight:900;color:#111c29}.call-top small{display:block;font-size:11px;color:var(--muted)}.menu-toggle{display:none;background:none;border:0;font-size:27px;cursor:pointer}.hero{background:radial-gradient(circle at 60% 55%,rgba(0,217,230,.25),transparent 35%),linear-gradient(113deg,#051421 0%,#102d3d 55%,#04202b);color:#fff;overflow:hidden}.hero-inner{display:grid;grid-template-columns:53% 47%;align-items:stretch;min-height:470px}.hero-copy{padding:68px 0 62px;position:relative;z-index:2}.eyebrow,.overline{font-size:12px;font-weight:900;letter-spacing:2.3px;color:var(--teal)}.hero h1{font-size:clamp(38px,4.25vw,64px);line-height:1.075;letter-spacing:-2.7px;margin:16px 0 18px;font-weight:950;color:#fff}.hero h1 span,.section-title h2 span,.intro-box h2 span,.content-rich h2 span,.faq-section h2 span,.locations-section h2 span,.process-section h2 span{color:#08b9c5}.hero-copy>p{max-width:570px;font-size:18px;line-height:1.65;color:#d8e7eb;margin:0 0 28px}.hero-pills{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:27px}.hero-pills span{font-size:12px;font-weight:700;border:1px solid rgba(114,238,242,.25);border-radius:30px;background:#ffffff10;padding:7px 12px}.hero-buttons{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:11px 19px;border-radius:10px;font-size:14px;font-weight:850;text-align:center;transition:transform .16s,box-shadow .16s;border:1px solid transparent}.btn:hover{transform:translateY(-2px)}.btn-turquoise{color:#fff;background:linear-gradient(120deg,#00bccc,#0098aa);box-shadow:0 8px 18px rgba(0,180,192,.2)}.btn-outline-white{color:#fff;border-color:#4ad0d9;background:transparent}.btn-dark{background:#0d2734;color:#fff}.btn-dark-outline{border-color:#00a4b4;color:#087f91;background:#fff}.btn-white{color:#066575;background:#fff}.btn-ghost{color:white;border-color:#fff;background:transparent}.hero-visual{display:flex;align-items:center;position:relative}.hero-visual:before{content:'';position:absolute;inset:12% 0 8% 0;filter:blur(48px);background:rgba(0,219,232,.2)}.hero-visual img{position:relative;width:111%;max-width:none;height:100%;object-fit:cover;object-position:center center;mask-image:linear-gradient(to right,transparent 0%,black 18%,black 100%)}.quick-services{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:9px;margin-top:-19px;position:relative;z-index:3}.quick-services a{background:white;border-radius:12px;box-shadow:var(--shadow);border:1px solid #e8f0f3;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:109px;padding:12px 5px;text-align:center;gap:8px;line-height:1.25;font-size:12px}.quick-services a:hover{background:var(--teal);color:white;transform:translateY(-3px)}.quick-services strong{font-weight:800}.quick-icon{font-size:31px;color:#007c90;line-height:1.2}.quick-services a:hover .quick-icon{color:white}.intro-section{display:grid;grid-template-columns:1.08fr .92fr;gap:17px;margin-top:34px}.intro-box{background:linear-gradient(135deg,#fff,#eefafd);padding:32px;border:1px solid #e0eff1;border-radius:16px;box-shadow:var(--shadow)}h2{font-size:clamp(27px,3vw,39px);letter-spacing:-1.1px;line-height:1.19;margin:11px 0 15px}h3{line-height:1.32}.intro-box p,.section-title p{color:#667681;margin:0;max-width:650px}.reason-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:23px}.reason-grid>div{display:flex;flex-direction:column;align-items:start}.reason-grid i{display:grid;place-items:center;border-radius:12px;background:#0fb7c5;color:white;font-style:normal;font-size:19px;width:41px;height:41px;margin-bottom:10px}.reason-grid strong{font-size:12px;line-height:1.3}.reason-grid small{font-size:11px;color:var(--muted);line-height:1.4;margin-top:5px}.repair-photo{border-radius:16px;min-height:296px;position:relative;overflow:hidden;background:#052633}.repair-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#041922eb,transparent 72%)}.repair-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.repair-photo>div{position:absolute;bottom:24px;left:27px;right:24px;z-index:2;color:#fff}.repair-photo span{font-weight:850;letter-spacing:2px;font-size:11px;color:#35e9f0}.repair-photo h3{font-size:22px;max-width:390px;line-height:1.25;margin:7px 0 13px}.repair-photo a{font-weight:800;color:#68f5fa;font-size:13px}.section{padding:75px 0}.repair-cards{background:#f3fafb;margin-top:35px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:27px}.section-title h2{margin:6px 0 11px}.text-link{font-weight:900;color:#008fa3;white-space:nowrap}.fault-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.fault-grid a{background:white;border:1px solid #e3f0f3;border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:12px;min-height:164px;box-shadow:0 5px 17px rgba(10,43,55,.03);transition:transform .2s,border-color .2s}.fault-grid a:hover,.service-tile:hover{transform:translateY(-4px);border-color:var(--teal)}.fault-grid a>span{font-size:32px;width:50px;height:50px;display:grid;place-items:center;color:#00aebe;background:#e7f9fb;border-radius:11px}.fault-grid strong{font-size:15px}.fault-grid small{font-size:12px;color:#008c9b;font-weight:700}.two-columns{display:grid;grid-template-columns:1.3fr .7fr;gap:62px}.content-rich p,.page-content p,.detail-main p,.detail-main li{color:#586979;line-height:1.9;font-size:16px}.content-rich .btn{margin-top:14px}.seo-side{background:#effafb;border-radius:16px;padding:28px 30px;border:1px solid #daeff3;align-self:start}.seo-side h3{font-size:20px;margin:0}.seo-side ul{padding-left:18px;color:#485e6b;line-height:2}.seo-side a{font-size:13px;font-weight:850;color:#008e9e}.process-section{background:#071c29;color:white}.process-section .section-title h2{color:#fff}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.steps-grid article{padding:29px;border-radius:16px;border:1px solid #245462;background:#ffffff08}.steps-grid b{font-size:36px;letter-spacing:-2px;color:#38e0e9}.steps-grid h3{font-size:20px;margin:15px 0 8px}.steps-grid p{color:#b6ccd4;margin:0}.locations-section{background:#f6fbfc}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.location-grid article{border:1px solid #d8edf0;background:white;padding:28px;border-radius:16px}.location-grid article>span{font-size:36px;color:#05aebe}.location-grid h3{font-size:22px;margin:10px 0}.location-grid p{color:var(--muted);margin:0}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.articles-grid article{border:1px solid #e2edf0;border-radius:17px;padding:29px;background:white;box-shadow:0 8px 24px rgba(6,37,47,.04)}.article-label{color:#0099aa;font-size:11px;font-weight:950;letter-spacing:1.8px}.articles-grid h2,.articles-grid h3{font-size:20px;line-height:1.35;margin:13px 0}.articles-grid p{font-size:14px;color:#617280}.articles-grid article>a{font-size:13px;color:#008e9d;font-weight:900}.faq-section{background:#f4fbfc}.faq-list details{background:white;border:1px solid #e1eff2;border-radius:11px;margin-bottom:10px;padding:2px 19px}.faq-list summary{cursor:pointer;list-style:none;padding:16px 22px 16px 0;font-weight:800;position:relative}.faq-list summary:after{content:'+';position:absolute;right:0;color:var(--teal2);font-size:21px;top:11px}.faq-list details[open] summary:after{content:'−'}.faq-list details p{margin:0 0 19px;color:var(--muted)}.closing-cta{background:linear-gradient(110deg,#008b9d,#08bbc5);padding:55px 0;color:white}.closing-cta .overline{color:#d1fcff}.closing-cta h2{margin:7px 0}.closing-cta p{margin:0;color:#e6feff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta-inner>div:last-child{display:flex;gap:12px;flex-wrap:wrap}.footer{background:#0b1c2a;color:#cedde5;padding-top:56px}.footer-columns{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:34px;padding-bottom:45px}.footer-logo{color:white;font-size:24px;font-weight:950;letter-spacing:-.6px}.footer-logo span{color:#13bfca;font-size:15px;letter-spacing:1px}.footer h3{font-size:15px;color:white;margin:6px 0 17px}.footer a:not(.btn){display:block;font-size:13px;margin:9px 0;color:#b9cdd6}.footer a:hover{color:#36dbe4}.footer p{font-size:13px;color:#b9cdd6}.footer-bottom{display:flex;gap:15px;justify-content:space-between;flex-wrap:wrap;border-top:1px solid #294051;padding-top:19px;padding-bottom:23px;font-size:11px;color:#91a8b4}.floating-wa{position:fixed;bottom:21px;right:21px;background:#0cbd75;color:white;border-radius:50%;width:56px;height:56px;display:grid;place-items:center;font-size:27px;box-shadow:0 12px 22px #00885646;z-index:50}.breadcrumbs{padding-top:18px;padding-bottom:14px;display:flex;gap:10px;flex-wrap:wrap;font-size:12px;color:#72818b}.breadcrumbs a{color:#008fa0}.inner-hero{background:linear-gradient(120deg,#082030,#0b5060);color:white;padding:70px 0}.inner-hero h1{font-size:clamp(36px,4.5vw,58px);line-height:1.12;letter-spacing:-1.9px;max-width:880px;margin:13px 0 18px}.inner-hero p{color:#d3e8ed;font-size:17px;max-width:760px}.inner-hero .hero-buttons{margin-top:25px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.service-tile{border:1px solid #deedf0;border-radius:16px;padding:27px;box-shadow:0 8px 22px rgba(6,36,54,.04);transition:transform .2s,border .2s}.tile-icon{width:52px;height:52px;display:grid;place-items:center;background:#e1f9fb;color:#008c9e;font-size:30px;border-radius:13px}.service-tile h2{font-size:21px;margin:17px 0 9px}.service-tile p{color:#637585;min-height:70px;font-size:14px}.service-tile>a:last-child{font-weight:900;color:#008e9d;font-size:14px}.service-detail{display:grid;grid-template-columns:1fr 320px;gap:65px;align-items:start}.detail-main h2{font-size:27px;margin-top:34px}.detail-main h2:first-of-type{margin-top:9px}.detail-main ol{padding-left:23px}.detail-sidebar{position:sticky;top:20px}.help-card{background:#ebfafb;border:1px solid #ccecf0;padding:27px;border-radius:16px;display:flex;flex-direction:column;gap:12px}.help-card h3{margin:0}.help-card p{margin:0;color:#56717f}.sidebar-links{padding:22px 0}.sidebar-links h3{font-size:17px}.sidebar-links a{display:flex;justify-content:space-between;border-bottom:1px solid #ebf1f3;padding:10px 0;font-size:13px;color:#355469}.sidebar-links span{color:#009baa}.page-content{max-width:870px}.page-content h2{margin-top:30px}.content-area{line-height:1.95;color:#556a78}.contact-list,.article-support{background:#effafa;padding:28px;border-radius:16px;margin-top:25px}.pagination{text-align:center;margin-top:30px}.pagination .page-numbers{padding:8px 12px;border-radius:8px;border:1px solid #def0f2}.pagination .current{background:#09b4c2;color:white}
@media(max-width:1150px){.primary-nav{gap:12px;font-size:12px}.call-top strong{font-size:16px}.brand-z{width:58px;height:58px}.brand-name strong{font-size:25px}.brand-name b{font-size:13px}.quick-services{grid-template-columns:repeat(4,1fr)}.quick-services a{min-height:104px}}@media(max-width:900px){.desktop-top,.call-top{display:none}.header-inner{min-height:78px}.menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:0;right:0;top:100%;background:white;flex-direction:column;align-items:stretch;padding:18px 30px;gap:0;box-shadow:var(--shadow);z-index:21}.primary-nav.is-open{display:flex}.primary-nav a{padding:12px;border-bottom:1px solid #f0f3f3;font-size:15px}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:50px 0 30px}.hero-visual{height:320px}.hero-visual img{width:100%;mask-image:linear-gradient(to bottom,transparent,black 16%)}.intro-section,.two-columns,.service-detail{grid-template-columns:1fr;gap:24px}.service-detail .detail-sidebar{position:static}.service-grid{grid-template-columns:repeat(2,1fr)}.footer-columns{grid-template-columns:repeat(2,1fr)}.cta-inner{flex-direction:column;align-items:start}.repair-photo{min-height:360px}}@media(max-width:600px){.container{padding:0 18px}.topinside{gap:10px;flex-wrap:wrap;justify-content:center;padding-top:7px;padding-bottom:7px;font-size:10px}.topright{display:none}.brand-z{width:56px;height:58px}.brand-name strong{font-size:24px}.brand-name b{font-size:12px;letter-spacing:2px}.hero h1{font-size:38px;letter-spacing:-1.4px}.hero-copy>p{font-size:15px}.hero-pills span{font-size:10px}.hero-visual{height:235px}.hero-buttons .btn{width:100%}.quick-services{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.quick-services a{min-height:90px;font-size:10px;padding:6px 3px}.quick-icon{font-size:25px}.intro-section{margin-top:26px}.intro-box{padding:23px}.reason-grid{grid-template-columns:repeat(2,1fr)}.repair-photo{min-height:250px}.section{padding:52px 0}.section-title{align-items:start;flex-direction:column;gap:5px}.fault-grid{grid-template-columns:repeat(2,1fr);gap:10px}.fault-grid a{padding:17px;min-height:145px}.fault-grid strong{font-size:13px}.steps-grid,.location-grid,.articles-grid,.service-grid{grid-template-columns:1fr}.footer-columns{grid-template-columns:1fr 1fr;gap:24px}.footer-intro{grid-column:span 2}.footer-bottom{font-size:10px}.inner-hero{padding:45px 0}.inner-hero h1{font-size:35px}.service-tile p{min-height:0}.cta-inner .btn{width:100%}.cta-inner>div:last-child{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Zirve Elektronik: ekrandaki turkuaz/antresit kurumsal tasarıma yakınlaştırma */
:root {--teal:#08b9c5;--teal2:#009eaa;--dark:#081723}
.topinside{min-height:35px}.header-inner{min-height:75px}.brand{min-width:0}.brand-full{width:245px;height:68px;max-width:100%;object-fit:contain;object-position:left center}.custom-logo{max-width:250px;max-height:71px;width:auto;height:auto}.hero-inner{min-height:350px;grid-template-columns:51% 49%}.hero-copy{padding:38px 0 30px}.hero h1{font-size:clamp(37px,3.7vw,54px);line-height:1.07;letter-spacing:-1.9px;margin:13px 0 13px}.hero-copy>p{font-size:17px;line-height:1.45;margin-bottom:20px}.hero-pills{margin-bottom:20px;gap:7px}.hero-pills span{border:0;background:transparent;padding:4px 10px 4px 0;display:flex;align-items:center;gap:9px;font-size:11px;line-height:1.25}.hero-pills b{width:32px;height:32px;border-radius:100%;display:grid;place-items:center;background:#14d1d8;color:#001820;font-size:19px;flex-shrink:0}.hero-visual img{height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(to right, transparent,black 8%);-webkit-mask-image:linear-gradient(to right,transparent,black 8%)}.hero{background:linear-gradient(100deg,#050e16 0%,#0d2530 58%,#036676 100%)}
.quick-services{margin-top:7px;gap:6px}.quick-services a{min-height:89px;border-radius:9px;padding:8px 3px;box-shadow:0 8px 20px rgba(0,82,100,.08)}.quick-services a.is-featured{color:#fff;background:linear-gradient(120deg,#00b9c6,#079ca9)}.quick-services a.is-featured .quick-icon{color:#fff}.quick-icon{font-size:31px}.intro-section{margin-top:16px;grid-template-columns:1.1fr .9fr;gap:14px}.intro-box{padding:24px}.intro-box h2{font-size:29px;margin:0 0 6px}.reason-grid{margin-top:17px}.repair-photo{min-height:255px}.repair-photo p{font-size:13px;color:#e4f6f9;max-width:300px}.repair-photo>div{bottom:21px}.repair-cards{margin-top:25px;padding:42px 0 26px}.fault-photo-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:8px}.fault-grid .fault-photo{padding:0;min-height:135px;gap:0;overflow:hidden;border-radius:9px;box-shadow:0 4px 14px rgba(0,44,57,.08)}.fault-photo img{display:block;width:100%;height:84px;object-fit:cover}.fault-grid .fault-photo strong{font-size:12px;padding:8px 7px 0;line-height:1.28;min-height:38px}.fault-grid .fault-photo small{font-size:10px;padding:0 7px 10px}.brandline{background:white;padding:13px 0;border-bottom:1px solid #d9edef}.brandline-wrap{display:grid;gap:8px;align-items:center;text-align:center}.brandline-wrap>span{font-size:11px;font-weight:750;color:#009aaa;letter-spacing:1.5px}.brandline-wrap>div{display:flex;align-items:center;justify-content:space-between;gap:17px;flex-wrap:wrap}.brandline-wrap>div b{color:#14233a;font-size:14px;font-weight:950}.brandline-wrap>div b:nth-child(5),.brandline-wrap>div b:nth-child(6){color:#e82533}.brandline-wrap small{font-size:10px;color:#83929a}
@media(max-width:1140px){.fault-photo-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-inner{grid-template-columns:53% 47%}.hero h1{font-size:45px}.primary-nav{gap:12px;font-size:12px}.brand-full{width:198px}.header-inner{gap:12px}}
@media(max-width:800px){.hero-inner{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:29px 0 20px}.hero h1{font-size:clamp(36px,8.5vw,51px)}.hero-visual{height:245px;margin:0 -26px;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;mask-image:none;-webkit-mask-image:none}.quick-services{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}.quick-services a{min-height:105px}.intro-section{grid-template-columns:1fr}.fault-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.brandline-wrap>div{justify-content:center}.brandline-wrap>div b{font-size:11px}}
@media(max-width:520px){.container{padding-left:15px;padding-right:15px}.hero-copy{padding:24px 0 20px}.hero h1{font-size:39px}.hero-copy>p{font-size:15px}.hero-pills{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.hero-pills span{font-size:11px}.hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-buttons .btn{font-size:11px;padding:8px 5px;min-height:44px}.hero-visual{height:195px;margin:0 -15px}.quick-services{grid-template-columns:repeat(4,1fr);gap:5px}.quick-services a{padding:10px 3px;font-size:10px;min-height:87px}.quick-icon{font-size:24px}.intro-section{margin-top:12px}.intro-box{padding:18px}.intro-box h2{font-size:24px}.reason-grid{grid-template-columns:repeat(2,1fr)}.repair-photo{min-height:228px}.fault-photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.fault-photo img{height:66px}.fault-grid .fault-photo strong{font-size:10px;padding:5px}.fault-grid .fault-photo small{font-size:9px;padding:0 5px 6px}.brandline-wrap>div{gap:9px 18px}}

.quick-icon svg{width:30px;height:30px}.reason-grid i svg{width:22px;height:22px}.hero-pills b svg{width:19px;height:19px}.mobile-bottom-actions{display:none}
.content-area h2{color:#132b3b}.content-area ul{padding-left:23px;margin-top:16px;margin-bottom:18px}.content-area li{margin:8px 0}.content-area a{color:#008c9a;text-decoration:underline;text-underline-offset:3px}.content-area a:hover{color:#01535e}.content-area p{max-width:80ch}.detail-main .content-area{border-bottom:1px solid #e6f0f2;padding-bottom:18px}
@media(max-width:600px){body{padding-bottom:67px}.mobile-bottom-actions{position:fixed;display:grid;grid-template-columns:1fr 52px;bottom:0;left:0;right:0;padding:9px 16px 10px;gap:10px;background:#fff;box-shadow:0 -7px 22px #0518221c;z-index:70}.mobile-bottom-actions a{min-height:43px;border-radius:32px;display:grid;place-items:center;font-weight:900}.mobile-call{background:linear-gradient(110deg,#09bfca,#008d9c);color:white}.mobile-wa{background:#06b567;color:white;font-size:24px}.floating-wa{display:none}.quick-icon svg{width:25px;height:25px}}

/* === Turkuaz 4.0: Referans hero animasyonu ve hizmet seçimi === */
.hero { position:relative; isolation:isolate; }
.hero-copy { z-index:2; }
.hero-visual { min-width:0; display:block; isolation:isolate; overflow:hidden; }
.hero-visual:before { pointer-events:none; z-index:2; }
.hero-visual .hero-photo { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity 1s ease,visibility 1s; }
.hero-visual .hero-photo.is-current { opacity:1; visibility:visible; }
.hero-visual .hero-photo img { position:absolute; inset:0; display:block; width:111%; max-width:none; height:100%; object-fit:cover; object-position:center; -webkit-mask-image:linear-gradient(to right,transparent 0%,black 18%,black 100%); mask-image:linear-gradient(to right,transparent 0%,black 18%,black 100%); transform:scale(1.025); }
.hero-visual .hero-photo.is-current img { animation:ztpHeroPhotoDrift 7s ease-out both; }
@keyframes ztpHeroPhotoDrift { from{transform:scale(1.07) translateX(6px)} to{transform:scale(1.005) translateX(0)} }
.hero-animate { animation:ztpHeroTextIn .75s cubic-bezier(.2,.7,.2,1) both; }
.hero h1.hero-animate { animation-delay:.12s; }
.hero-tagline.hero-animate { animation-delay:.22s; min-height:3.1em; }
.hero-reenter { animation:ztpHeroTextIn .68s cubic-bezier(.2,.7,.2,1) both!important; }
@keyframes ztpHeroTextIn { from{opacity:.1;transform:translate3d(-24px,0,0)} to{opacity:1;transform:translate3d(0,0,0)} }
.hero-controls { display:flex;align-items:center;gap:9px;margin-top:17px;min-height:22px; }
.hero-dot { width:28px;height:5px;border-radius:8px;background:rgba(255,255,255,.35);border:0;cursor:pointer;padding:0;transition:width .24s ease,background .24s ease; }
.hero-dot.is-current { width:43px;background:#19d4df; }
.hero-play-pause { display:grid;place-items:center;width:23px;height:23px;margin-left:8px;border:1px solid #4a8c97;border-radius:50%;color:#bafcff;background:#ffffff14;font-size:11px;cursor:pointer; }
.hero-dot:focus-visible,.hero-play-pause:focus-visible { outline:2px solid white;outline-offset:4px; }
.quick-services a.is-featured,.quick-services a[aria-current="true"]{background:linear-gradient(125deg,#01b9c7,#008fa3);color:#fff;border-color:#00b9c7;box-shadow:0 12px 25px rgba(0,163,174,.22)}
.quick-services a.is-featured .quick-icon,.quick-services a[aria-current="true"] .quick-icon { color:#fff; }
.service-showcase { scroll-margin-top:22px; background:linear-gradient(180deg,#f4fcfd 0%,#fff 100%);padding:50px 0 50px; }
.service-focus-panel{display:grid;grid-template-columns:43% 57%;align-items:stretch;overflow:hidden;border:1px solid #d6edf0;border-radius:20px;background:#fff;box-shadow:0 18px 52px rgba(0,77,85,.10);animation:ztpPanelIn .42s ease-out both;}
.service-focus-panel[hidden]{display:none!important;}
@keyframes ztpPanelIn {from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
.service-focus-media{position:relative;min-height:345px;background:#043040;overflow:hidden;}
.service-focus-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;}
.service-focus-media:after{content:'';position:absolute;inset:0;background:linear-gradient(80deg,transparent 60%,#001a2433);pointer-events:none;}
.service-focus-content{padding:34px 37px;display:flex;flex-direction:column;align-items:start;justify-content:center;}
.service-focus-content h3{font-size:clamp(25px,2.8vw,37px);line-height:1.17;margin:13px 0 13px;letter-spacing:-.75px;}
.service-focus-content h3 span{color:var(--teal2);}
.service-focus-content>p{font-size:15px;color:#4d6272;line-height:1.8;margin:0;max-width:65ch;}
.service-focus-content ul{padding:0;margin:17px 0 22px;list-style:none;display:grid;gap:8px;}
.service-focus-content li{font-size:14px;color:#223647;padding-left:25px;position:relative;line-height:1.45;}
.service-focus-content li:before{content:'✓';position:absolute;left:0;color:#009bac;font-weight:900;}
.service-focus-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:13px;}
.service-focus-content>small{color:#6a7b83;font-size:12px;line-height:1.5;}
.intro-section{margin-top:40px;}
.home-about{background:#f3f9fb;}
.about-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;}
.home-about h2 span{color:#00a7b7;}
.home-about p{color:#4c6574;font-size:16px;line-height:1.85;max-width:77ch;}
.home-about .btn{margin-top:10px;}
.home-about-card{padding:34px;border-radius:19px;background:white;border:1px solid #d4e7e9;box-shadow:var(--shadow);}
.home-about-card img{width:240px;height:auto;object-fit:contain;margin-bottom:14px;}
.home-about-card h3{font-size:21px;margin:12px 0;}
.home-about-card a{font-weight:800;color:#0093a5;}
.service-about-bottom{background:#f3fafb;border-top:1px solid #e3eeef;}
.service-about-box{display:grid;grid-template-columns:1.25fr .75fr;gap:26px;align-items:center;}
.service-about-box h2{margin:8px 0 15px;}
.service-about-box p{color:#516b78;line-height:1.8;}
.service-about-support{background:#fff;border-radius:18px;padding:28px;border:1px solid #dcebf0;}
@media(max-width:900px){
 .service-focus-panel{grid-template-columns:1fr;}
 .service-focus-media{min-height:230px;}
 .service-focus-media img{object-position:center 40%;}
 .service-focus-content{padding:26px;}
 .about-inner,.service-about-box{grid-template-columns:1fr;gap:18px;}
 .hero-visual .hero-photo img{-webkit-mask-image:none;mask-image:none;width:100%;height:100%;}
}
@media(max-width:520px){
 .hero-tagline.hero-animate{min-height:4.7em;}
 .hero-controls{margin-top:12px;}
 .hero-play-pause{width:29px;height:29px;}
 .service-showcase{padding:38px 0;}
 .service-focus-media{min-height:190px;}
 .service-focus-content{padding:20px 18px 24px;}
 .service-focus-content h3{font-size:27px;}
 .service-focus-actions{width:100%;flex-direction:column;}
 .service-focus-actions .btn{width:100%;}
 .home-about-card{padding:22px;}
}
@media(prefers-reduced-motion:reduce){
 .hero-animate,.hero-reenter,.hero-visual .hero-photo.is-current img,.service-focus-panel{animation:none!important;}
 .hero-visual .hero-photo{transition:none!important;}
}

/* ==========================================================
   Zirve Elektronik v5 — site-wide photographic hero,
   original accessible service sections, expanded FAQ, motion
   ========================================================== */
.hero-v5{position:relative;min-height:640px;isolation:isolate;background:#051827;overflow:hidden;}
.hero-v5 .hero-backdrops{position:absolute;inset:0;z-index:-1;overflow:hidden;}
.hero-v5 .hero-backdrop{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity 1.15s ease,visibility 1.15s;}
.hero-v5 .hero-backdrop.is-current{opacity:1;visibility:visible;}
.hero-v5 .hero-backdrop img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;transform:scale(1.02);}
.hero-v5 .hero-backdrop.is-current img{animation:ztpHeroPan 8s ease-out both;}
.hero-v5:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,15,27,.27) 0%,transparent 58%,rgba(2,23,32,.09) 100%);pointer-events:none;}
@keyframes ztpHeroPan {from{transform:scale(1.075) translateX(8px)}to{transform:scale(1.015) translateX(0)}}
.hero-v5 .hero-inner{display:flex;position:relative;align-items:center;justify-content:space-between;gap:32px;min-height:640px;padding-top:44px;padding-bottom:54px;}
.hero-v5 .hero-copy{flex:0 1 780px;max-width:770px;padding:34px 0;}
.hero-v5 .eyebrow{color:#60f0f0;letter-spacing:2.7px;font-size:13px;}
.hero-v5 h1{font-size:clamp(39px,4.3vw,70px);max-width:820px;line-height:1.075;letter-spacing:-2.4px;font-weight:900;text-wrap:balance;text-shadow:0 4px 20px #02121b3d;}
.hero-v5 h1 span{color:#28e5e8;}
.hero-v5 .hero-tagline{font-size:clamp(15px,1.38vw,19px);font-weight:500;line-height:1.65;max-width:740px;min-height:5.2em;color:#effcfd;text-shadow:0 2px 10px #02121b80;}
.hero-v5 .hero-pills{gap:10px 9px;}
.hero-v5 .hero-pills span{background:#02182385;border-color:#8be7eb55;backdrop-filter:blur(5px);padding:9px 13px;line-height:1.35;}
.hero-v5 .hero-pills b{color:#28ecf0;}
.hero-v5 .hero-buttons{margin-top:6px;}
.hero-v5 .hero-buttons .btn{min-height:50px;}
.hero-v5 .hero-controls{margin-top:23px;}
.hero-v5 .hero-dot{min-height:10px;}
.hero-v5 .hero-area-notes{display:grid;align-content:center;gap:14px;flex:0 0 214px;align-self:flex-start;margin-top:16px;}
.hero-v5 .hero-area-note{display:flex;align-items:center;gap:13px;border:1px solid #61eaf078;border-radius:15px;padding:13px;background:linear-gradient(125deg,#053c4ab8,#02212aab);backdrop-filter:blur(8px);box-shadow:0 10px 25px #00141e66;}
.hero-v5 .hero-area-note span{font-size:28px;line-height:1;color:#59f6f6;}
.hero-v5 .hero-area-note strong{display:block;font-size:14px;color:#fff;line-height:1.25;}
.hero-v5 .hero-area-note small{display:block;font-size:11px;color:#d2fbfd;line-height:1.4;margin-top:3px;}
.hero-v5 .hero-enter-late{animation:ztpHeroTextIn .8s cubic-bezier(.2,.7,.2,1) .37s both;}
.hero-v5 .hero-enter-last{animation:ztpHeroTextIn .8s cubic-bezier(.2,.7,.2,1) .56s both;}
.hero-v5 .hero-animate{animation-duration:.82s;}
.hero-v5 h1.hero-animate{animation-delay:.14s;}
.hero-v5 .hero-tagline.hero-animate{animation-delay:.28s;}
.hero-v5 .hero-tagline.hero-reenter{animation-duration:.7s!important;animation-delay:0s!important;}
.service-showcase{scroll-margin-top:36px;padding-top:75px;padding-bottom:85px;background:linear-gradient(180deg,#f4fbfc,#fff 40%,#f6fbfc);}
.service-details-stack{display:grid;gap:29px;}
.service-focus-panel{position:relative;scroll-margin-top:24px;animation:none!important;grid-template-columns:minmax(0,40%) minmax(0,60%);}
.service-focus-panel:nth-child(even) .service-focus-media{order:2;}
.service-focus-panel:nth-child(even) .service-focus-content{order:1;}
.service-focus-panel.is-current{border-color:#06bac8;box-shadow:0 15px 48px #0799a723,0 0 0 2px #06c1c917;}
.service-focus-panel:target{border-color:#00b5c5;}
.service-focus-media{min-height:380px;}
.service-focus-content{padding:37px 43px;}
.service-focus-content h3{margin-top:10px;margin-bottom:12px;}
.service-focus-content>p{max-width:77ch;margin-bottom:13px;font-size:15px;line-height:1.78;}
.service-focus-content h4{margin:7px 0 5px;color:#092538;font-size:15px;}
.service-focus-content ul{margin-top:9px;margin-bottom:21px;}
.quick-services a{transition:background .2s,box-shadow .2s,transform .2s;}
.quick-services a:hover{transform:translateY(-3px);}
.faq-home-layout{display:grid;grid-template-columns: minmax(260px,.78fr) minmax(0,1.22fr);gap:58px;align-items:start;}
.faq-home-layout .faq-intro{position:sticky;top:20px;}
.faq-intro h2{line-height:1.2;}
.faq-intro h2 span{color:var(--teal2);}
.faq-intro>p{color:#4e6778;line-height:1.8;}
.faq-home-list{display:grid;gap:10px;}
.faq-list .faq-item{border:1px solid #dbe9ee;background:#fff;border-radius:13px;box-shadow:0 4px 16px #00344007;margin:0;overflow:hidden;}
.faq-list .faq-item[open]{border-color:#7bced5;box-shadow:0 9px 27px #018d9a13;}
.faq-list .faq-item summary{position:relative;padding:18px 50px 18px 19px;font-weight:780;color:#102b3d;cursor:pointer;list-style:none;}
.faq-list .faq-item summary::-webkit-details-marker{display:none;}
.faq-list .faq-item summary:after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:25px;color:#00a8b6;font-weight:400;}
.faq-list .faq-item[open] summary:after{content:'−';}
.faq-list .faq-answer{border-top:1px solid #edf3f5;padding:6px 20px 18px;}
.faq-list .faq-answer p{margin:9px 0 0;color:#50697a;line-height:1.85;}
.faq-full-page{display:grid;gap:11px;max-width:920px;margin:auto;padding:10px 0 20px;}
.faq-group-heading{margin:33px 0 7px;padding:0 0 9px;border-bottom:2px solid #d7eeee;font-size:23px;color:#123149;}
.faq-home-layout .btn{margin-top:16px;}
@media(max-width:1140px){
 .hero-v5 .hero-area-notes{flex-basis:175px;}
 .hero-v5 .hero-copy{max-width:680px;}
 .hero-v5 h1{font-size:clamp(37px,4.2vw,57px);}
 .service-focus-content{padding:28px;}
 .faq-home-layout{gap:30px;}
}
@media(max-width:840px){
 .hero-v5{min-height:590px;}
 .hero-v5 .hero-inner{min-height:590px;align-items:center;padding-top:40px;padding-bottom:35px;}
 .hero-v5 .hero-copy{padding:10px 0;flex:0 1 660px;}
 .hero-v5 .hero-area-notes{display:none;}
 .hero-v5 .hero-backdrop img{object-position:62% center;}
 .hero-v5:after{background:linear-gradient(90deg,#02131be0,#02182480 90%);}
 .service-focus-panel,.service-focus-panel:nth-child(even){grid-template-columns:1fr;}
 .service-focus-panel:nth-child(even) .service-focus-media{order:0;}
 .service-focus-panel:nth-child(even) .service-focus-content{order:1;}
 .service-focus-media{min-height:245px;}
 .faq-home-layout{grid-template-columns:1fr;gap:20px;}
 .faq-home-layout .faq-intro{position:static;}
}
@media(max-width:600px){
 .hero-v5{min-height:660px;}
 .hero-v5 .hero-inner{min-height:660px;padding-top:35px;padding-bottom:40px;}
 .hero-v5 .hero-copy{width:100%;}
 .hero-v5 h1{font-size:clamp(33px,8.2vw,49px);line-height:1.12;letter-spacing:-1.4px;margin:14px 0;}
 .hero-v5 .hero-tagline{font-size:14px;min-height:7.8em;line-height:1.55;}
 .hero-v5 .hero-backdrop img{object-position:69% center;}
 .hero-v5:after{background:linear-gradient(90deg,#02131bf0,#03212baa);}
 .hero-v5 .hero-pills{display:grid;grid-template-columns:repeat(2,1fr);margin-top:11px;}
 .hero-v5 .hero-pills span{padding:8px;font-size:11px;}
 .hero-v5 .hero-buttons .btn{font-size:11px;padding:10px 5px;}
 .hero-v5 .hero-controls{margin-top:14px;}
 .service-showcase{padding-top:42px;}
 .service-details-stack{gap:20px;}
 .service-focus-content{padding:24px 19px;}
 .service-focus-media{min-height:212px;}
 .faq-list .faq-item summary{font-size:14px;padding:16px 45px 16px 15px;}
 .faq-list .faq-answer{padding:7px 16px 16px;}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto;}
 .hero-v5 .hero-backdrop.is-current img,.hero-v5 .hero-enter-late,.hero-v5 .hero-enter-last{animation:none!important;}
 .hero-v5 .hero-backdrop{transition:none!important;}
}

/* Service-specific visual panels: prevent incorrect/unrelated stock photographs. */
.service-graphic{position:absolute;inset:0;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;text-align:center;padding:25px;background:radial-gradient(circle at 65% 33%,#1ae8e856,transparent 34%),linear-gradient(140deg,#062e40,#07576a 60%,#073244);}
.service-graphic:before{content:'';position:absolute;inset:15px;border:1px solid #5fe2e43b;border-radius:17px;pointer-events:none;}
.service-graphic-rings{position:absolute;width:min(78%,320px);aspect-ratio:1;border-radius:50%;border:1px solid #3ddfe65a;box-shadow:0 0 0 22px #14d0d612,0 0 0 48px #0ac6cd09;transform:rotate(-12deg);}
.service-graphic-rings:after{content:'';position:absolute;inset:19%;border:1px dashed #87feff75;border-radius:50%;}
.service-graphic-symbol{position:relative;width:112px;height:112px;display:grid;place-items:center;border:1px solid #65ecf4ab;background:linear-gradient(135deg,#ffffff17,#16c9cf44);border-radius:29px;box-shadow:0 19px 50px #00101d55;color:#b2fdff;transform:rotate(-7deg);}
.service-graphic-symbol svg{width:79px;height:79px;stroke-width:1.3;transform:rotate(7deg);filter:drop-shadow(0 5px 7px #00121966);}
.service-graphic-copy{position:relative;display:grid;gap:2px;color:#fff;text-shadow:0 2px 9px #00152144;}
.service-graphic-copy strong{font-size:clamp(19px,2vw,27px);letter-spacing:-.5px;}
.service-graphic-copy small{color:#c4f7fc;letter-spacing:1px;text-transform:uppercase;font-weight:700;font-size:11px;}
.service-focus-media.service-media-playstation-tamiri .service-graphic{background:radial-gradient(circle at 70% 20%,#36e1fb50,transparent 50%),linear-gradient(135deg,#091d42,#044a74);}
.service-focus-media.service-media-guvenlik-kamerasi-sistemleri .service-graphic{background:radial-gradient(circle at 70% 30%,#2bfad74a,transparent 50%),linear-gradient(135deg,#08302e,#075f67);}
.service-focus-media.service-media-bilgisayar-tamiri .service-graphic{background:radial-gradient(circle at 75% 32%,#7bbdff3a,transparent 45%),linear-gradient(125deg,#102e58,#056b77);}
.service-focus-media.service-media-goruntulu-diyafon-sistemleri .service-graphic{background:radial-gradient(circle at 67% 32%,#84dbff3e,transparent 45%),linear-gradient(125deg,#08384e,#05676a);}
@media(max-width:840px){.service-graphic-symbol{width:90px;height:90px;border-radius:23px}.service-graphic-symbol svg{width:66px;height:66px}.service-graphic{gap:10px}.service-graphic-copy strong{font-size:20px}}

/* ============================================================================
   ZİRVE ELEKTRONİK V6 – VISUAL REFERENCE LAYOUT, REAL MULTI-PAGE WORDPRESS SITE
   Deliberately matches the approved turquoise desktop mockup's layout hierarchy.
   ============================================================================ */
:root{--teal:#00adbb;--teal2:#0098a7;--ink:#101e2d;--dark:#071724;--line:#e2edf1;--soft:#f5fbfd;--shadow:0 7px 24px rgba(5,54,72,.08)}
body{font-family:Arial,'Segoe UI',system-ui,sans-serif;color:#102334;background:#fff}
.container{max-width:1320px;padding-inline:32px}
.topline{background:linear-gradient(100deg,#008d9d,#00b6be);font-size:12px}
.topinside{min-height:32px;gap:24px}
.site-header{background:#fff;position:relative;z-index:90;box-shadow:0 1px 7px #00161d12}
.header-inner{min-height:70px;gap:20px}
.brand-full{width:245px;height:64px;object-fit:contain;object-position:left}
.primary-nav{gap:19px;font-size:13px;color:#11283a;font-weight:700}
.primary-nav>a,.nav-services>a{white-space:nowrap;transition:color .2s}
.primary-nav>a:hover,.nav-services:hover>a{color:#039eab}
.primary-nav>a:first-child{color:#009baa;border-bottom:2px solid #00bac3;padding:8px 0}
.call-top{gap:10px;border-radius:12px;background:linear-gradient(120deg,#00aebc,#028e9f);color:#fff;padding:8px 13px 8px 8px;box-shadow:0 8px 20px #0499a128}
.call-top strong{font-size:17px;color:#fff}.call-top small{color:#e3fdff}.phone-emblem{background:#ffffff18;box-shadow:none;width:35px;height:35px;font-size:25px}
.nav-services{position:relative;display:flex;align-items:center}.nav-services>a{display:inline-flex;gap:4px;align-items:center}
.nav-services-dropdown{display:none;position:absolute;top:100%;left:0;width:235px;flex-direction:column;background:#fff;border:1px solid #dbe9ef;border-radius:13px;padding:9px;box-shadow:0 15px 37px #0019232b;z-index:99}
.nav-services:hover .nav-services-dropdown,.nav-services:focus-within .nav-services-dropdown{display:flex}
.nav-services-dropdown a{padding:9px 11px;border-radius:8px;font-size:12px;line-height:1.25}
.nav-services-dropdown a:hover{background:#e8f9fb;color:#007a8a}
/* High fidelity photo hero, not two differently colored columns. */
.hero-v6{position:relative;overflow:hidden;isolation:isolate;color:#fff;min-height:400px;background:#071823}
.hero-v6 .hero-photo-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.hero-v6 .hero-photo-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;max-width:none;animation:ztv6Photo 12s ease-out both}
.hero-v6:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#04111b88 0%,#04111b44 37%,#04111b08 75%);z-index:-1}
.hero-v6 .hero-inner{display:flex;align-items:center;justify-content:space-between;min-height:403px;padding-block:22px 27px;gap:35px}
.hero-v6 .hero-copy{max-width:655px;flex:0 1 655px;position:relative;padding:0;z-index:2}
.hero-v6 .eyebrow{display:block;color:#49ebf1;font-size:11px;letter-spacing:3px;font-weight:900;margin-bottom:8px}
.hero-v6 h1{font-family:Arial,'Segoe UI',sans-serif;font-size:clamp(37px,3.25vw,51px);line-height:1.075;font-weight:950;letter-spacing:-1.9px;text-shadow:0 3px 13px #0219248c;margin:0 0 9px;max-width:720px}
.hero-v6 h1>span,.hero-v6 h1 em{color:#25d5e5;font-style:normal}
.hero-v6 .hero-tagline{font-size:14px;line-height:1.5;max-width:630px;min-height:0;margin:0 0 15px;color:#fff;text-shadow:0 3px 10px #001922c7}
.hero-v6 .hero-pills{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 13px}
.hero-v6 .hero-pills span{display:flex;align-items:center;gap:8px;border:0;border-radius:0;background:none;padding:0;font-size:11px;line-height:1.17;color:#fff;font-weight:750}
.hero-v6 .hero-pills b{display:grid;place-items:center;flex-shrink:0;width:35px;height:35px;border-radius:50%;background:#12d3dd;color:#041b29}
.hero-v6 .hero-pills b svg{width:21px;height:21px}
.hero-v6 .hero-buttons{display:flex;gap:10px;margin-top:0}
.hero-v6 .hero-buttons .btn{font-size:13px;min-height:45px;padding:10px 17px;border-radius:8px}
.hero-v6 .hero-area-notes{display:grid;gap:12px;align-self:flex-start;margin-top:1px;flex:0 0 218px}
.hero-v6 .hero-area-note{border:1px solid #2ce0eea8;border-radius:11px;padding:11px 13px;display:flex;align-items:center;gap:11px;background:linear-gradient(125deg,#061e2ce6,#041925bb);box-shadow:0 6px 17px #03121a66;backdrop-filter:blur(5px)}
.hero-v6 .hero-area-note>span{width:44px;height:44px;display:grid;place-items:center;background:linear-gradient(120deg,#007c8a,#00b7c1);border-radius:9px;font-size:36px;color:white;flex-shrink:0}
.hero-v6 .hero-area-note>span svg{width:28px;height:28px}
.hero-v6 .hero-area-note strong{display:block;font-size:15px;line-height:1.3;color:white}
.hero-v6 .hero-area-note small{display:block;font-size:11px;color:#eefcff;line-height:1.4}
.v6-reveal{animation:ztv6Text .65s both cubic-bezier(.2,.8,.25,1)}.hero-v6 h1.v6-reveal{animation-delay:.12s}.hero-v6 .hero-tagline.v6-reveal{animation-delay:.22s}.hero-v6 .hero-pills.v6-reveal{animation-delay:.31s}.hero-v6 .hero-buttons.v6-reveal{animation-delay:.4s}
@keyframes ztv6Text{from{opacity:0;transform:translateX(-27px)}to{opacity:1;transform:translateX(0)}}
@keyframes ztv6Photo{from{transform:scale(1.035)}to{transform:scale(1)}}
/* Photo-style tiles overlapping hero, just as the reference */
.quick-services{position:relative;z-index:8;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;margin-top:-5px}
.quick-services a{min-height:88px;padding:9px 4px;background:#fff;border:1px solid #edf1f3;border-radius:9px;box-shadow:0 7px 21px #011f2e13;gap:7px;color:#14293a;font-weight:750}
.quick-services .quick-icon svg{width:31px;height:31px}.quick-services .quick-icon{color:#053f51}
.quick-services a strong{font-size:12px}.quick-services a:hover,.quick-services a.is-featured{color:white;background:linear-gradient(135deg,#00b8c5,#0096a5);border-color:#05b4c2}
.quick-services a:hover .quick-icon,.quick-services a.is-featured .quick-icon{color:#fff}
/* Benefits section immediately follows category buttons on the reference */
.intro-section{grid-template-columns:1.06fr .94fr;gap:12px;margin-top:12px}
.intro-box{padding:20px;border-radius:12px;background:linear-gradient(120deg,#fff,#f0fbff);box-shadow:none;border:1px solid #e1f0f3}
.intro-box h2{font-size:26px;margin:0 0 6px}.intro-box p{font-size:13px;line-height:1.4}
.reason-grid{grid-template-columns:repeat(4,1fr);gap:11px;margin-top:14px}.reason-grid i{width:41px;height:41px;border-radius:9px;margin-bottom:8px}
.reason-grid i svg{width:24px;height:24px}.reason-grid strong{font-size:12px}.reason-grid small{font-size:11px;line-height:1.3;margin-top:4px}
.repair-photo{min-height:218px;border-radius:12px}.repair-photo:after{background:linear-gradient(90deg,#041923e6 0%,#04192372 59%,transparent 100%)}
.repair-photo img{object-position:57% 40%}.repair-photo>div{bottom:18px;left:20px;right:20px}.repair-photo h3{font-size:22px;margin:0 0 7px;color:#fff}.repair-photo p{font-size:12px;max-width:280px;line-height:1.48}.repair-photo a{display:inline-block;padding:7px 12px;border-radius:7px;background:linear-gradient(120deg,#00b6c4,#009dab);color:#fff}
/* New photographic services row, opens real WordPress dedicated URLs */
.photo-services-section{padding:21px 0 22px;background:linear-gradient(180deg,#fff,#f7fbfc)}
.photo-services-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:11px}.photo-services-title .overline{font-size:11px;letter-spacing:3px}
.photo-services-title h2{font-size:26px;margin:1px 0 5px}.photo-services-title h2 span{color:#019daa}.photo-services-title p{margin:0;color:#637b89;font-size:13px}
.photo-services-title .text-link{font-size:12px;color:#009cad}
.photo-service-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px}
.photo-service-item{background:#fff;border:1px solid #e7edef;border-radius:8px;overflow:hidden;box-shadow:0 3px 14px #03333e13;transition:transform .15s}
.photo-service-item:hover{transform:translateY(-3px);box-shadow:0 9px 20px #02717b23}
.photo-service-item>img{width:100%;height:93px;object-fit:cover;display:block}
.photo-service-item>span{padding:6px 6px 7px;display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:11px;line-height:1.2}
.photo-service-item strong{font-size:11px}.photo-service-item b{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border-radius:50%;color:#fff;background:#00a9b7;font-size:18px;font-weight:400}
/* Service detail sections stay on homepage for navigation, but every service has a separate WP page. */
.service-showcase{padding-block:45px 65px;background:#f5fbfc}.service-showcase .section-title{margin-bottom:21px}.service-showcase .section-title h2{font-size:31px}
.service-details-stack{gap:21px}.service-focus-panel{grid-template-columns:38% 62%;border-radius:16px;box-shadow:0 10px 35px #001f3811;scroll-margin-top:24px}
.service-focus-media{min-height:310px}.service-focus-media img{width:100%;height:100%;object-fit:cover;display:block}
.service-focus-content{padding:30px 36px}.service-focus-content h3{font-size:28px;margin:6px 0 9px}
.service-focus-content p{font-size:14px;line-height:1.65}.service-focus-content ul{margin:7px 0 18px}
.service-focus-content ul li{font-size:13px;line-height:1.55}
.service-focus-actions .btn{min-height:41px;font-size:12px;padding:9px 12px}
/* Independant true service archive pages */
.archive-services-section{background:#f7fbfc}.archive-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}
.archive-photo-card{border-radius:15px;border:1px solid #dfebef;background:white;overflow:hidden;box-shadow:0 8px 24px #03253b12}
.archive-photo-card:hover{border-color:#00bbcc;transform:translateY(-2px)}
.archive-photo-card img{width:100%;height:190px;object-fit:cover;display:block}
.archive-photo-card>a>div{padding:19px 22px 23px}.archive-photo-card h2{font-size:22px;margin:5px 0 8px}
.archive-photo-card p{font-size:14px;color:#5c6c78;min-height:45px}.archive-photo-card strong{font-size:12px;color:#008fa0}
.service-page-photo{display:block;width:100%;height:260px;object-fit:cover;margin:0 0 30px;border-radius:13px;box-shadow:0 10px 28px #04415222}
/* Big standalone editorial single pages */
.content-area h2{font-size:25px;margin-top:31px}.content-area h3{font-size:20px}.content-area p,.content-area li{line-height:1.85}
.service-detail .content-area{font-size:15px}
@media(min-width:1570px){.hero-v6 .hero-inner{min-height:420px}.hero-v6 h1{font-size:54px}.hero-v6 .hero-tagline{font-size:15px}}
@media(max-width:1220px){.container{padding-inline:24px}.brand-full{width:195px}.header-inner{gap:10px}.primary-nav{gap:11px;font-size:12px}.hero-v6 .hero-copy{max-width:610px}.hero-v6 h1{font-size:clamp(38px,4vw,49px)}.hero-v6 .hero-area-notes{flex-basis:176px}.hero-v6 .hero-area-note{padding:9px}.hero-v6 .hero-area-note strong{font-size:12px}.hero-v6 .hero-area-note small{font-size:10px}.photo-service-item>img{height:75px}.photo-service-item strong{font-size:10px}}
@media(max-width:900px){.site-header .menu-toggle{display:block}.primary-nav{display:none;position:absolute;left:0;top:100%;width:100%;background:#fff;padding:15px 25px;box-shadow:0 10px 20px #01152b19;flex-direction:column;align-items:stretch;gap:10px}.primary-nav.is-open{display:flex}.nav-services{flex-direction:column;align-items:stretch}.nav-services-dropdown{display:flex;position:static;box-shadow:none;border:0;padding:2px 5px 3px 12px;width:100%;gap:0}.nav-services-dropdown a{font-size:12px;padding:6px}.header-inner{min-height:70px}.brand-full{width:215px}.hero-v6 .hero-area-notes{display:none}.hero-v6 .hero-copy{flex-basis:620px;max-width:620px}.hero-v6 .hero-inner{justify-content:flex-start}.hero-v6 .hero-photo-bg img{object-position:57% center}.quick-services{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.quick-services a{min-height:85px}.intro-section{grid-template-columns:1fr}.photo-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.photo-service-item>img{height:115px}.archive-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-focus-panel,.service-focus-panel:nth-child(even){grid-template-columns:1fr}.service-focus-panel:nth-child(even) .service-focus-media{order:0}.service-focus-panel:nth-child(even) .service-focus-content{order:1}.service-focus-media{height:265px;min-height:0}}
@media(max-width:600px){.container{padding-inline:16px}.topinside{min-height:28px;gap:12px;font-size:9px}.desktop-top{display:none}.brand-full{width:170px;height:54px}.header-inner{min-height:61px}.call-top{border-radius:10px;padding:6px}.call-top strong{font-size:12px}.call-top small{display:none}.phone-emblem{width:27px;height:27px;font-size:18px}.hero-v6{min-height:0}.hero-v6 .hero-inner{min-height:560px;align-items:center;padding-block:29px 25px}.hero-v6 .hero-photo-bg img{object-position:61% center}.hero-v6:before{background:linear-gradient(90deg,#061421e0,#03151dc2)}.hero-v6 .hero-copy{max-width:100%;flex-basis:auto}.hero-v6 .eyebrow{font-size:9px;letter-spacing:2px}.hero-v6 h1{font-size:clamp(31px,7.8vw,41px);letter-spacing:-1.2px;line-height:1.1}.hero-v6 .hero-tagline{font-size:12px;line-height:1.58}.hero-v6 .hero-pills{display:grid;grid-template-columns:1fr 1fr;gap:7px 4px}.hero-v6 .hero-pills span{font-size:10px}.hero-v6 .hero-pills b{width:28px;height:28px}.hero-v6 .hero-pills b svg{width:17px;height:17px}.hero-v6 .hero-buttons{display:grid;grid-template-columns:1fr 1fr;gap:7px}.hero-v6 .hero-buttons .btn{font-size:10px;min-height:42px;padding:8px 3px}.quick-services{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:0}.quick-services a{min-height:83px;padding:8px 2px;gap:5px}.quick-services a strong{font-size:10px}.quick-services .quick-icon svg{width:25px;height:25px}.intro-section{margin-top:9px}.intro-box{padding:16px}.intro-box h2{font-size:22px}.intro-box p{font-size:12px}.reason-grid{gap:9px}.reason-grid strong{font-size:11px}.reason-grid small{font-size:10px}.repair-photo{min-height:225px}.photo-services-title{align-items:flex-start;flex-direction:column;gap:6px}.photo-services-title h2{font-size:22px}.photo-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.photo-service-item>img{height:108px}.photo-service-item strong{font-size:12px}.service-showcase .section-title h2{font-size:27px}.service-focus-content{padding:22px 17px}.service-focus-content h3{font-size:24px}.service-focus-actions{display:flex;flex-direction:column;gap:7px}.service-focus-actions a{width:100%}.service-focus-media{height:205px}.archive-cards-grid{grid-template-columns:1fr}.archive-photo-card img{height:180px}}
@media(prefers-reduced-motion:reduce){.v6-reveal,.hero-v6 .hero-photo-bg img{animation:none!important}}
/* Final reference polish: opaque text backdrop and align live location notes over original still-photo overlays. */
.hero-v6::before{z-index:0;background:linear-gradient(90deg,rgba(2,15,27,.96) 0%,rgba(2,15,27,.93) 23%,rgba(2,15,27,.81) 39%,rgba(2,15,27,.10) 65%,rgba(2,15,27,0) 100%)}
.hero-v6 .hero-copy,.hero-v6 .hero-area-notes{z-index:2}
.hero-v6 .hero-area-notes{flex:0 0 306px;align-self:flex-start;margin-top:-5px;gap:7px}
.hero-v6 .hero-area-note{min-height:96px;padding:12px 15px;border-radius:13px;background:linear-gradient(120deg,rgba(4,22,33,.97),rgba(2,28,37,.95));box-shadow:0 8px 21px #000d18a3}
@media(max-width:1220px){.hero-v6 .hero-area-notes{flex-basis:255px}.hero-v6 .hero-area-note{min-height:90px}}
@media(max-width:900px){.hero-v6 .hero-area-notes{display:none}.hero-v6::before{background:linear-gradient(90deg,#071625ed 0%,#071625a8 68%,#07162550 100%)}}
@media(max-width:600px){.hero-v6::before{background:linear-gradient(90deg,#06131ff0 0%,#061522dc 100%)}}
/* Match visual reference's shallower desktop fold; do not shrink small-screen touch targets. */
@media(min-width:901px){
 .hero-v6{min-height:377px}.hero-v6 .hero-inner{min-height:377px;padding-top:16px;padding-bottom:17px}
 .hero-v6 .hero-area-notes{transform:translateY(-5px)}
 .intro-box{padding:16px}.intro-box .reason-grid{margin-top:10px}
 .repair-photo{min-height:206px}
 .photo-services-section{padding-top:17px}
}


/* ===== V7 custom polish: animated hero, updated top bar, premium imagery ===== */

.topinside{row-gap:8px;justify-content:space-between}
.topinside span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.topinside .topright{margin-left:auto}
@media(max-width:900px){.topinside{justify-content:flex-start}.topinside span:first-child{max-width:100%;overflow:hidden;text-overflow:ellipsis}}

.hero-v6{position:relative;overflow:hidden;min-height:520px}
.hero-v6 .hero-photo-bg{position:absolute;inset:0;z-index:0;overflow:hidden}
.hero-v6 .hero-bg-slide{position:absolute;inset:0;background-size:cover;background-position:center center;opacity:0;transform:scale(1.045);animation:ztpHeroCycle 18s ease-in-out infinite}
.hero-v6 .hero-bg-slide.slide-1{background-image:url('../img/hero-slide-1.webp');animation-delay:0s}
.hero-v6 .hero-bg-slide.slide-2{animation-delay:6s}
.hero-v6 .hero-bg-slide.slide-3{animation-delay:12s}
.hero-v6::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 78% 18%,rgba(22,211,226,.26),transparent 28%);pointer-events:none;z-index:1}
.hero-v6::before{z-index:1;background:linear-gradient(90deg,rgba(2,15,27,.96) 0%,rgba(2,15,27,.92) 24%,rgba(2,15,27,.76) 44%,rgba(2,15,27,.18) 68%,rgba(2,15,27,0) 100%)}
.hero-v6 .container{position:relative;z-index:2}
.hero-v6 .hero-inner{min-height:520px;align-items:center;padding-top:34px;padding-bottom:34px}
.hero-v6 .hero-copy{max-width:690px;flex-basis:690px}
.hero-v6 h1{font-size:clamp(42px,4.4vw,76px);line-height:1.03;letter-spacing:-1.8px;margin-bottom:16px;text-wrap:balance}
.hero-v6 .hero-tagline{max-width:780px;font-size:19px;line-height:1.62;color:#e9fcff}
.hero-v6 .eyebrow{font-size:13px;letter-spacing:4px}
.hero-v6 .hero-pills{margin-top:22px}
.hero-v6 .hero-buttons{margin-top:22px}
.hero-v6 .hero-area-notes{align-self:center}

.hero-v6 .v6-reveal,.hero-v6 .hero-area-note{opacity:0;transform:translateY(26px);animation:ztpFadeUp .9s cubic-bezier(.2,.8,.2,1) forwards}
.hero-v6 .eyebrow{animation-delay:.12s}.hero-v6 h1{animation-delay:.28s}.hero-v6 .hero-tagline{animation-delay:.44s}.hero-v6 .hero-pills{animation-delay:.6s}.hero-v6 .hero-buttons{animation-delay:.76s}.hero-v6 .hero-area-note:nth-child(1){animation-delay:.5s}.hero-v6 .hero-area-note:nth-child(2){animation-delay:.68s}

.repair-photo img,.photo-service-item>img,.service-focus-media img,.fault-photo img{filter:saturate(1.02) contrast(1.02)}
.photo-service-item,.repair-photo,.service-focus-panel,.fault-photo{overflow:hidden}

@keyframes ztpHeroCycle{
  0%{opacity:0;transform:scale(1.045)}
  4%,29%{opacity:1;transform:scale(1)}
  33%,100%{opacity:0;transform:scale(1.035)}
}
@keyframes ztpFadeUp{
  from{opacity:0;transform:translateY(26px)}
  to{opacity:1;transform:translateY(0)}
}
@media(max-width:1220px){
  .hero-v6 .hero-copy{max-width:640px;flex-basis:640px}
  .hero-v6 h1{font-size:clamp(40px,4.8vw,64px)}
  .hero-v6 .hero-tagline{font-size:17px}
}
@media(max-width:900px){
  .hero-v6{min-height:0}
  .hero-v6 .hero-inner{min-height:600px;align-items:center}
  .hero-v6 h1{font-size:clamp(34px,7vw,52px)}
  .hero-v6 .hero-tagline{font-size:15px;line-height:1.55}
  .hero-v6::before{background:linear-gradient(90deg,rgba(4,18,31,.95) 0%,rgba(4,18,31,.88) 58%,rgba(4,18,31,.44) 100%)}
  .hero-v6 .hero-area-notes{display:none}
}
@media(max-width:600px){
  .hero-v6 .hero-inner{min-height:560px;padding-top:28px;padding-bottom:26px}
  .hero-v6 h1{font-size:clamp(31px,8.2vw,42px)}
  .hero-v6 .hero-tagline{font-size:13px}
  .hero-v6 .eyebrow{font-size:10px;letter-spacing:2.4px}
  .hero-v6 .hero-buttons{gap:8px}
  .hero-v6 .hero-buttons .btn{min-height:46px}
}
@media(prefers-reduced-motion:reduce){
  .hero-v6 .hero-bg-slide,.hero-v6 .v6-reveal,.hero-v6 .hero-area-note{animation:none!important;opacity:1!important;transform:none!important}
  .hero-v6 .hero-bg-slide{opacity:0}.hero-v6 .hero-bg-slide.slide-1{opacity:1}
}

/* V8 – Small contrast adjustments for WCAG AA on pale surfaces.
   The corporate turquoise hue, typography and layout remain unchanged. */
.service-showcase .overline,
.repair-cards .overline,
.locations-section .overline,
.content-rich .overline,
.faq-section .overline,
.home-about .overline,
.photo-services-title .overline,
.section-title .overline,
.article-label,
.brandline-wrap>span {color:#007681;}
.service-showcase .section-title h2 span,
.repair-cards .section-title h2 span,
.content-rich h2 span,
.locations-section h2 span,
.faq-section h2 span,
.home-about h2 span,
.photo-services-title h2 span,
.service-focus-content h3 span {color:#007681;}
.service-showcase .section-title p,
.repair-cards .section-title p,
.photo-services-title p,
.intro-box p,
.service-focus-content>small,
.brandline-wrap small,
.faq-intro>p,
.location-grid p,
.articles-grid p {color:#4c6270;}
.fault-grid .fault-photo small {color:#007681;}
.service-focus-content .overline{color:#007681;}
/* CSS backgrounds and animation remain intact; prioritize the initial hero frame. */

/* ===== V9 image fit and 4K polish overrides ===== */
img{image-rendering:auto}
.container{max-width:1320px}
.hero-v6 .hero-inner{min-height:clamp(560px,42vw,760px)}
.hero-v6 .hero-copy{max-width:760px;flex-basis:760px}
.hero-v6 .hero-bg-slide{background-size:cover;background-position:center center}
.repair-photo{min-height:clamp(260px,25vw,420px);background:linear-gradient(135deg,#041d29,#083447)}
.repair-photo img{width:100%;height:100%;object-fit:contain;object-position:center center;background:linear-gradient(135deg,#031722,#072b3d)}
.photo-service-grid{gap:10px}
.photo-service-item{display:flex;flex-direction:column}
.photo-service-item>img{height:clamp(120px,10vw,190px);object-fit:contain;object-position:center center;background:linear-gradient(180deg,#f8fcfd,#eef9fb);padding:10px}
.photo-service-item>span{min-height:54px}
.service-focus-panel{grid-template-columns:minmax(360px,42%) 1fr;align-items:stretch}
.service-focus-media{display:flex;align-items:center;justify-content:center;min-height:clamp(320px,27vw,460px);background:linear-gradient(135deg,#eef9fb,#dff4f8)}
.service-focus-media img{width:100%;height:100%;object-fit:contain;object-position:center center;background:linear-gradient(135deg,#f8fcfd,#edf8fb);padding:14px}
.archive-photo-card img{height:clamp(220px,17vw,330px);object-fit:contain;object-position:center center;background:linear-gradient(180deg,#f9fcfd,#eef8fb);padding:14px}
.service-page-photo{height:clamp(280px,21vw,430px);object-fit:contain;object-position:center center;background:linear-gradient(180deg,#f7fbfc,#e9f7fa);padding:14px}
.fault-grid .fault-photo{display:flex;flex-direction:column;justify-content:flex-start;background:#fff}
.fault-photo img{width:100%;height:clamp(92px,8vw,140px);object-fit:contain;object-position:center center;background:linear-gradient(180deg,#f9fcfd,#eff9fb);padding:8px}
.home-about-card img{width:100%;height:auto;object-fit:contain}
@media (min-width:1600px){
  .container{max-width:1480px}
  .hero-v6 .hero-inner{min-height:760px}
  .hero-v6 h1{font-size:clamp(54px,3.8vw,82px)}
  .hero-v6 .hero-tagline{font-size:20px;max-width:860px}
  .photo-service-item>img{height:190px}
  .service-focus-media{min-height:440px}
  .archive-photo-card img{height:300px}
}
@media (max-width:1220px){
  .container{max-width:1180px}
  .service-focus-panel{grid-template-columns:1fr}
  .service-focus-media{min-height:300px}
  .photo-service-item>img{height:150px}
}
@media (max-width:900px){
  .hero-v6 .hero-inner{min-height:600px}
  .repair-photo img,.service-focus-media img,.archive-photo-card img,.service-page-photo,.fault-photo img,.photo-service-item>img{padding:8px}
  .photo-service-item>img{height:130px}
  .service-focus-media{min-height:260px}
}
@media (max-width:600px){
  .hero-v6 .hero-inner{min-height:560px}
  .photo-service-item>img{height:118px;padding:7px}
  .service-focus-media{min-height:220px}
  .service-focus-media img{padding:8px}
  .archive-photo-card img{height:210px;padding:8px}
  .fault-photo img{height:92px;padding:6px}
}

/* V10: high contrast fixes for PageSpeed's exact failed elements. */
.brandline-wrap>div b:nth-child(5),
.brandline-wrap>div b:nth-child(6){color:#ad1525}
.seo-side a{color:#006373}
.process-section .overline,
.process-section .section-title .overline{color:#75f4fc}
.article-section .section-title h2 span,
.article-section .section-title .overline{color:#006573}
.articles-grid article>a{color:#006573}
.home-about-card a{color:#006573}
/* Keep the original turquoise while improving light surface link visibility. */
.article-section a:focus-visible,.home-about-card a:focus-visible,.seo-side a:focus-visible{outline:3px solid #006573;outline-offset:3px}
/* Tiny logo is a PageSpeed LCP element; avoid delayed decode and layout shifts. */
.brand-full{display:block;aspect-ratio:298/81}
/* Unused decorative effects should not keep animating while invisible. */
@media (prefers-reduced-motion:reduce){.hero-v6 .hero-bg-slide{animation:none!important}}

/* ===== Zirve Elektronik V11 - layout, visuals, contrast and SEO-card improvements ===== */
.brand{position:relative;overflow:visible}
.brand-full{width:min(270px,100%);height:72px;object-fit:contain;object-position:left center;animation:ztpBrandFloat 4.6s ease-in-out infinite;filter:drop-shadow(0 8px 18px rgba(0,174,188,.10))}
.brand::after{content:'';position:absolute;inset:-10px -12px -10px 0;background:linear-gradient(108deg,transparent 22%,rgba(255,255,255,0) 35%,rgba(255,255,255,.55) 49%,rgba(255,255,255,0) 62%,transparent 76%);transform:translateX(-140%) skewX(-18deg);animation:ztpBrandShine 6.2s linear infinite;pointer-events:none}
@keyframes ztpBrandFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes ztpBrandShine{0%{transform:translateX(-140%) skewX(-18deg)}55%,100%{transform:translateX(170%) skewX(-18deg)}}

.hero-v6 .hero-inner{display:block;min-height:540px;padding-block:36px 42px}
.hero-v6 .hero-copy{max-width:760px}
.hero-v6 .hero-area-notes-top{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 18px;align-items:flex-start;justify-content:flex-start}
.hero-v6 .hero-area-notes-top .hero-area-note{opacity:1;transform:none;animation:none;min-width:228px;max-width:260px;background:linear-gradient(135deg,rgba(0,43,56,.88),rgba(3,24,35,.92));border:1px solid rgba(106,239,247,.42);box-shadow:0 14px 34px rgba(0,15,27,.26)}
.hero-v6 .hero-tagline{max-width:760px;font-size:17px;line-height:1.72}
.hero-v6 .hero-buttons .btn{min-height:48px;padding-inline:20px}

.photo-services-section{padding:52px 0 26px;background:linear-gradient(180deg,#fff 0%,#f5fbfd 100%)}
.photo-services-title{align-items:end;margin-bottom:18px}
.photo-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.photo-service-item{position:relative;display:flex;flex-direction:column;min-height:100%;background:#fff;border:1px solid #d9ebef;border-radius:18px;overflow:hidden;box-shadow:0 14px 32px rgba(0,48,61,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.photo-service-item:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(0,73,88,.16);border-color:#72dfe8}
.photo-service-item>img{width:100%;height:210px;display:block;object-fit:cover;object-position:center center;background:#08202f}
.photo-service-copy{display:flex;flex-direction:column;gap:8px;padding:16px 18px 18px;flex:1}
.photo-service-copy strong{font-size:19px;line-height:1.22;color:#072030}
.photo-service-copy small{font-size:13px;line-height:1.58;color:#436173}
.photo-service-copy em{font-style:normal;font-size:12px;line-height:1.45;font-weight:800;color:#047f90;margin-top:auto}
.photo-service-item>b{position:absolute;right:14px;bottom:14px;display:grid;place-items:center;width:38px;height:38px;border-radius:999px;background:linear-gradient(135deg,#08b9c5,#008fa0);color:#fff;font-size:24px;font-weight:500;box-shadow:0 8px 18px rgba(0,165,179,.25)}

.service-details-stack{display:grid;gap:26px}
.service-focus-panel{grid-template-columns:minmax(0,43%) minmax(0,57%);border-radius:22px;overflow:hidden}
.service-focus-media{min-height:360px;background:#07202d}
.service-focus-media img{width:100%;height:100%;object-fit:cover;object-position:center center}
.service-focus-content{padding:34px 36px}
.service-focus-content .overline{display:inline-block;margin-bottom:4px}
.service-focus-content>p{font-size:15px;line-height:1.8;color:#395567}
.service-focus-content h4{font-size:18px;margin:18px 0 10px;color:#0a2133}
.service-seo-tags{display:flex;flex-wrap:wrap;gap:9px;margin:2px 0 18px}
.service-seo-tags span{display:inline-flex;align-items:center;min-height:32px;padding:6px 12px;border-radius:999px;background:#e9fafc;border:1px solid #c6eef4;color:#066e7f;font-size:12px;font-weight:800;line-height:1.3}

.fault-photo-grid .fault-photo img{border-radius:12px;display:block;width:100%;height:192px;object-fit:cover;object-position:center center}
.fault-photo-grid .fault-photo{overflow:hidden;padding:14px}

.brandline{background:#063243;color:#f7feff;border-top:1px solid #0f4f61;border-bottom:1px solid #0f4f61}
.brandline span,.brandline small{color:#d9f9ff}
.brandline b{color:#ffffff;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);padding:6px 10px;border-radius:999px;font-size:12px}

.seo-side{background:#ebf8fb;border-color:#cfe8ee}
.seo-side h3,.home-about-card h3,.article-section article h3 a,.process-section h2,.process-section h3,.process-section .overline,.faq-intro h2,.content-rich h2,.locations-section h2{color:#091b29}
.seo-side ul li,.seo-side p,.home-about-card p,.article-section article p,.content-rich p,.locations-section p,.process-section article p,.faq-intro p,.faq-answer p{color:#355264}
.seo-side a,.article-section article a,.home-about-card a{color:#006f80;font-weight:900}
.process-section{background:linear-gradient(135deg,#eff8fb,#ffffff)}
.process-section .section-title h2 span,.process-section .section-title h2{color:#072131}
.process-section .overline{color:#007d8d}
.process-section article{background:#fff;border:1px solid #d9ebf0;border-radius:18px;box-shadow:0 14px 26px rgba(0,47,59,.06);padding:24px}
.process-section article b{color:#008fa0}
.article-section article{background:#fff;border:1px solid #dcecf1;border-radius:18px;padding:24px;box-shadow:0 10px 24px rgba(0,32,40,.05)}
.article-label{display:inline-block;color:#005f72;background:#e6f7fb;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:900;letter-spacing:.8px}
.home-about-card{background:linear-gradient(180deg,#ffffff,#f8fcfd)}
.home-about-card img{width:min(260px,100%)}
.closing-cta{background:linear-gradient(135deg,#08212f,#0a4c5d)}

@media (max-width:1200px){
  .photo-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .hero-v6 .hero-inner{min-height:unset;padding-block:32px}
  .hero-v6 .hero-area-notes-top{gap:10px}
  .hero-v6 .hero-area-notes-top .hero-area-note{min-width:unset;max-width:none;flex:1 1 100%}
  .service-focus-panel{grid-template-columns:1fr}
  .service-focus-media{min-height:260px}
}
@media (max-width:640px){
  .photo-service-grid{grid-template-columns:1fr}
  .photo-service-item>img{height:230px}
  .photo-service-copy{padding:14px 16px 18px}
  .photo-service-copy strong{font-size:18px}
  .brand-full{height:62px}
  .hero-v6 .hero-tagline{font-size:15px}
}


/* ==== V12 REFERENCE DESIGN: homepage only, secondary templates untouched ==== */
body.home {background:#fff}
body.home .container{max-width:1480px;padding-left:24px;padding-right:24px}
body.home .topinside{min-height:28px;font-size:11px;gap:16px}
body.home .header-inner{min-height:69px;gap:17px}
body.home .brand-full{width:206px;height:55px;animation:zeRefLogoFloat 4.8s ease-in-out infinite}
body.home .brand::after{animation:ztpBrandShine 8s linear infinite}
body.home .primary-nav{font-size:12px;gap:17px}
body.home .call-top{padding:8px 13px;background:linear-gradient(125deg,#05bbc8,#007f91);border-radius:11px;color:#fff;gap:8px;box-shadow:0 7px 20px #00899525}
body.home .call-top strong,body.home .call-top small{color:#fff}
body.home .call-top strong{font-size:16px}
body.home .call-top .phone-emblem{width:29px;height:29px;border-radius:7px;box-shadow:none;font-size:22px;background:transparent}
@keyframes zeRefLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2.5px)}}
.ze-ref-home{color:#08283b}
.ze-ref-home *{box-sizing:border-box}
.ze-ref-home a:focus-visible,.ze-ref-home summary:focus-visible{outline:3px solid #03a5b7;outline-offset:3px}
.ze-ref-hero{position:relative;isolation:isolate;overflow:hidden;min-height:352px;background:#061a28;color:#fff}
.ze-ref-hero-bg{position:absolute;inset:0;z-index:-3;background:url('../img/hero-slide-1.webp') center 57%/cover no-repeat}
.ze-ref-hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,16,28,.56) 0%,rgba(2,16,29,.92) 22%,rgba(1,16,27,.86) 45%,rgba(3,16,27,.10) 74%,rgba(2,18,27,.05) 100%)}
.ze-ref-hero-photo{position:absolute;z-index:-2;top:0;bottom:0;right:0;width:53%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0%,black 19%,black 100%);mask-image:linear-gradient(90deg,transparent 0%,black 19%,black 100%)}
.ze-ref-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:52% center;display:block}
.ze-ref-hero-layout{display:grid;grid-template-columns:minmax(190px,220px) minmax(440px,580px) 1fr;align-items:start;gap:30px;padding-top:30px;padding-bottom:24px}
.ze-ref-locations{display:grid;align-content:start;gap:13px;padding-top:16px}
.ze-ref-location{display:flex;align-items:center;gap:11px;min-height:65px;padding:10px 12px;border:1px solid rgba(53,216,227,.67);border-radius:10px;background:linear-gradient(125deg,rgba(2,30,44,.93),rgba(2,21,34,.83));box-shadow:0 8px 16px #0013245e;color:#fff}
.ze-ref-location-icon{flex:0 0 37px;width:37px;height:37px;border-radius:7px;background:linear-gradient(125deg,#02b1c1,#008899);display:grid;place-items:center;font-size:26px}
.ze-ref-location-icon svg{width:23px;height:23px}
.ze-ref-location strong,.ze-ref-location small{display:block;line-height:1.35}
.ze-ref-location strong{font-size:14px;font-weight:850}
.ze-ref-location small{font-size:11px;color:#dbf4f8;margin-top:2px}
.ze-ref-hero-copy{min-width:0}
.ze-ref-eyebrow{display:block;color:#42edfa;font-size:10px;letter-spacing:2.2px;font-weight:900;margin:1px 0 8px}
.ze-ref-hero h1{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;color:#fff;font-size:clamp(31px,2.25vw,42px);line-height:1.08;letter-spacing:-.95px;font-weight:950;margin:0 0 12px;max-width:640px;text-wrap:balance}
.ze-ref-hero h1 span{color:#28d9eb}
.ze-ref-hero-copy>p{font-size:12px;line-height:1.6;max-width:550px;margin:0 0 13px;color:#f1fbff;font-weight:570}
.ze-ref-hero-benefits{display:flex;flex-wrap:wrap;gap:10px 15px;margin:0 0 15px}
.ze-ref-hero-benefits>span{display:flex;gap:7px;align-items:center;white-space:nowrap;color:#fff;font-size:10px;font-weight:800;line-height:1.2}
.ze-ref-hero-benefits b{width:28px;height:28px;background:#06c4d2;color:#002d3d;flex-shrink:0;display:grid;place-items:center;border-radius:100%}
.ze-ref-hero-benefits svg{width:18px;height:18px}
.ze-ref-hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.ze-ref-btn{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;font-size:12px;line-height:1.2;font-weight:900;border-radius:7px;transition:filter .15s,transform .15s}
.ze-ref-btn:hover{filter:brightness(1.09);transform:translateY(-1px)}
.ze-ref-btn-primary{background:linear-gradient(115deg,#06c9d4,#008d9e);color:#fff}
.ze-ref-btn-ghost{border:1px solid rgba(211,249,252,.9);color:#fff;background:#07192399}
.ze-ref-quick{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding-top:9px;padding-bottom:9px}
.ze-ref-quick a{min-width:0;display:flex;justify-content:center;align-items:center;gap:9px;min-height:45px;padding:7px 5px;border:1px solid #e5edf0;border-radius:6px;background:#fff;box-shadow:0 4px 14px #002d3b14;color:#0a273a;transition:transform .2s,background .2s}
.ze-ref-quick a:hover{transform:translateY(-2px);background:#e8fbfd}
.ze-ref-quick a.is-active{background:linear-gradient(135deg,#0ac5cf,#0096a8);color:#fff}
.ze-ref-quick-icon{display:inline-flex;align-items:center;color:#004e68}
.ze-ref-quick .is-active .ze-ref-quick-icon{color:#fff}
.ze-ref-quick-icon svg{width:25px;height:25px}
.ze-ref-quick strong{font-size:11px;line-height:1.17;font-weight:900}
.ze-ref-why{background:linear-gradient(180deg,#f3fafe 0%,#f1f9fc 100%);padding:10px 0 12px}
.ze-ref-why-grid{display:grid;grid-template-columns:290px repeat(4,minmax(0,1fr)) 265px;gap:10px;align-items:stretch}
.ze-ref-why-intro{padding:5px 8px 0 0;min-width:0}
.ze-ref-why-intro h2{font-size:21px;line-height:1.15;margin:1px 0 6px;letter-spacing:-.5px}
.ze-ref-why-intro h2 span,.ze-ref-section-heading h2 span{color:#009ead}
.ze-ref-why-intro p{font-size:11px;color:#486777;line-height:1.44;margin:0 0 8px}
.ze-ref-mini-button{display:inline-flex;align-items:center;justify-content:center;min-height:26px;padding:5px 9px;border-radius:5px;background:linear-gradient(120deg,#06b6c4,#008b9e);color:#fff;font-size:10px;font-weight:850;text-align:center;max-width:100%;line-height:1.2}
.ze-ref-mini-button:hover{color:#fff;filter:brightness(.92)}
.ze-ref-why-card{display:flex;align-items:center;gap:9px;min-width:0;padding:10px;border-radius:8px;border:1px solid #e7f0f4;box-shadow:0 2px 10px #00324a0b;background:#fff}
.ze-ref-why-card>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#0bc5ce,#00879b);color:#fff}
.ze-ref-why-card svg{width:25px;height:25px}
.ze-ref-why-card strong,.ze-ref-why-card small{display:block}
.ze-ref-why-card strong{font-size:12px;font-weight:900;line-height:1.24;color:#0e2d3f}
.ze-ref-why-card small{font-size:10px;color:#5d7484;line-height:1.34;margin-top:4px}
.ze-ref-why-teaser{position:relative;border-radius:8px;background:#e3f0f5;overflow:hidden;display:flex;align-items:center;padding:12px;color:#123f54}
.ze-ref-why-teaser img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 43%;opacity:.44;-webkit-mask-image:linear-gradient(90deg,transparent,black 75%);mask-image:linear-gradient(90deg,transparent,black 75%)}
.ze-ref-why-teaser>span{position:relative;font-size:11px;line-height:1.35;text-shadow:0 1px 3px #fff}
.ze-ref-why-teaser strong,.ze-ref-why-teaser small{display:block}
.ze-ref-why-teaser strong{font-size:12px;color:#00374e}
.ze-ref-why-teaser small{font-size:10px;color:#355b6e;margin-top:4px}
.ze-ref-services{padding:18px 0 20px;background:#fff}
.ze-ref-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px}
.ze-ref-overline{display:block;font-weight:950;font-size:10px;letter-spacing:2px;color:#007c90}
.ze-ref-section-heading h2{font-size:22px;line-height:1.15;letter-spacing:-.55px;margin:4px 0 5px}
.ze-ref-section-heading p{font-size:11px;line-height:1.46;color:#526b78;margin:0;max-width:840px}
.ze-ref-section-heading>a{font-size:11px;font-weight:900;white-space:nowrap;color:#00869a}
.ze-ref-service-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:11px}
.ze-ref-service-card{position:relative;min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dcebf0;border-radius:8px;overflow:hidden;box-shadow:0 5px 16px #01313c10;transition:transform .2s,border-color .2s}
.ze-ref-service-card:hover{transform:translateY(-3px);border-color:#4ecdd8}
.ze-ref-service-card img{width:100%;height:118px;object-fit:cover;object-position:center;display:block;background:#dceff4;aspect-ratio:3/2}
.ze-ref-service-text{display:flex;flex-direction:column;gap:5px;flex:1;padding:9px 10px 13px}
.ze-ref-service-text strong{font-size:12px;font-weight:900;line-height:1.24;color:#09253a}
.ze-ref-service-text small{font-size:10px;line-height:1.5;color:#547084;padding-right:6px}
.ze-ref-service-arrow{position:absolute;bottom:8px;right:8px;width:21px;height:21px;border-radius:50%;background:#0298a9;color:#fff;display:grid;place-items:center;font-weight:900;font-size:13px}
.ze-ref-guide{background:#f1fafe;padding:15px 0 17px;border-top:1px solid #e4f2f7}
.ze-ref-guide .ze-ref-section-heading{margin-bottom:13px}
.ze-ref-guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px 190px;gap:11px;align-items:stretch}
.ze-ref-guide-cards{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.ze-ref-guide-card{min-width:0;background:#fff;border:1px solid #dfebef;border-radius:7px;overflow:hidden;display:flex;flex-direction:column;padding:0 0 8px;box-shadow:0 3px 14px #092a3a0b}
.ze-ref-guide-card>a:first-child{display:block}
.ze-ref-guide-card img{width:100%;height:90px;object-fit:cover;display:block}
.ze-ref-guide-card strong{display:block;font-size:11px;line-height:1.2;margin:7px 7px 0;color:#0a2941}
.ze-ref-guide-card p{font-size:10px;line-height:1.43;color:#526e82;margin:6px 7px 5px;flex:1}
.ze-ref-detail-link{font-size:10px;line-height:1.3;font-weight:900;color:#006f83;margin:5px 7px 0}
.ze-ref-guide-sidebar{min-width:0;padding:10px;border:1px solid #e0edf1;background:#fff;border-radius:8px;box-shadow:0 3px 13px #052e3b0b;display:flex;flex-direction:column}
.ze-ref-guide-sidebar .ze-ref-overline{font-size:9px;letter-spacing:1.3px}
.ze-ref-guide-sidebar h3{font-size:14px;line-height:1.2;letter-spacing:0;margin:4px 0 6px}
.ze-ref-faq-mini{margin:0 0 8px}
.ze-ref-faq-mini details{border-bottom:1px solid #e9f0f4;padding:0 1px}
.ze-ref-faq-mini summary{list-style:none;cursor:pointer;font-size:10px;line-height:1.25;padding:7px 14px 7px 0;color:#214355;position:relative}
.ze-ref-faq-mini summary::-webkit-details-marker{display:none}
.ze-ref-faq-mini summary::after{content:'›';position:absolute;right:0;top:3px;color:#00899b;font-size:20px}
.ze-ref-faq-mini details p{font-size:10px;line-height:1.45;color:#4c6474;margin:0 0 8px}
.ze-ref-guide-sidebar>.ze-ref-mini-button{align-self:start;margin-top:auto}
.ze-ref-blog-post{display:grid;grid-template-columns:52px minmax(0,1fr);gap:7px;align-items:start;padding:5px 0;border-bottom:1px solid #edf1f4}
.ze-ref-blog-post img{width:52px;height:39px;object-fit:cover;border-radius:3px}
.ze-ref-blog-post strong{font-size:10px;line-height:1.22;display:block;color:#193b53;font-weight:850}
.ze-ref-blog-post small{display:block;margin-top:2px;font-size:9px;color:#7190a0}
.ze-ref-blog>.ze-ref-mini-button{margin-top:auto}
.ze-ref-extra{background:#fff;padding:8px 0 17px}
.ze-ref-extra-toggle{background:#f7fcfd;border:1px solid #d8edf2;border-radius:9px}
.ze-ref-extra-toggle>summary{list-style:none;cursor:pointer;padding:12px 18px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#06374c}
.ze-ref-extra-toggle>summary::-webkit-details-marker{display:none}
.ze-ref-extra-toggle>summary strong,.ze-ref-extra-toggle>summary small{display:block}
.ze-ref-extra-toggle>summary strong{font-size:13px}
.ze-ref-extra-toggle>summary small{font-size:11px;color:#5a7584}
.ze-ref-extra-toggle>summary>span:last-child{font-size:20px;color:#00899a}
.ze-ref-extra-inner{padding:0 18px 18px}
.ze-ref-extra-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ze-ref-extra-content article{padding:14px;background:#fff;border:1px solid #e5eff2;border-radius:9px}
.ze-ref-extra-content h3{font-size:16px;margin:4px 0 8px}
.ze-ref-extra-content p,.ze-ref-extra-content li,.ze-ref-regions p{font-size:12px;line-height:1.7;color:#405e6f}
.ze-ref-extra-content a{color:#007d90;font-weight:800}
.ze-ref-regions{border-top:1px solid #dcecf0;margin-top:15px;padding-top:12px}
/* Shorter footer: preserve all footer links and sections. */
body.home .footer{padding-top:26px;background:#042334}
body.home .footer-columns{gap:21px}
body.home .footer-intro .footer-logo{font-size:26px}
body.home .footer-intro p{font-size:11px;line-height:1.6}
body.home .footer-columns a,body.home .footer-columns p{font-size:11px}
body.home .footer-columns h3{font-size:13px}
body.home .footer-bottom{margin-top:16px;padding-block:14px}
@media(min-width:1800px){
 body.home .container{max-width:1650px}
 .ze-ref-hero{min-height:425px}
 .ze-ref-hero-layout{grid-template-columns:250px 650px 1fr;gap:36px;padding-top:45px}
 .ze-ref-hero h1{font-size:49px}
 .ze-ref-hero-copy>p{font-size:14px}
 .ze-ref-service-card img{height:155px}
 .ze-ref-guide-card img{height:115px}
 .ze-ref-why-grid{grid-template-columns:320px repeat(4,minmax(0,1fr)) 290px}
}
@media(max-width:1360px){
 .ze-ref-why-grid{grid-template-columns:1.4fr repeat(4,minmax(0,1fr))}
 .ze-ref-why-teaser{display:none}
 .ze-ref-quick strong{font-size:10px}
 .ze-ref-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .ze-ref-service-card img{height:145px}
 .ze-ref-guide-layout{grid-template-columns:minmax(0,1fr) 170px 170px}
 .ze-ref-guide-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
 .ze-ref-guide-card img{height:125px}
}
@media(max-width:1020px){
 .ze-ref-hero-layout{grid-template-columns:180px minmax(0,1fr);gap:20px}
 .ze-ref-hero-photo{width:55%;opacity:.72}
 .ze-ref-hero h1{font-size:clamp(31px,3.2vw,39px)}
 .ze-ref-why-grid{grid-template-columns:repeat(4,1fr)}
 .ze-ref-why-intro{grid-column:1/-1}
 .ze-ref-guide-layout{grid-template-columns:1fr 1fr}
 .ze-ref-guide-cards{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}
 .ze-ref-guide-sidebar{min-height:230px}
 .ze-ref-quick{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:700px){
 body.home .container{padding-left:15px;padding-right:15px}
 .ze-ref-hero{min-height:0}
 .ze-ref-hero-layout{display:flex;flex-direction:column;gap:19px;padding-top:24px;padding-bottom:25px}
 .ze-ref-locations{display:flex;gap:8px;width:100%;padding:0}
 .ze-ref-location{min-height:57px;padding:8px;flex:1;gap:6px}
 .ze-ref-location-icon{width:30px;height:30px;flex-basis:30px}
 .ze-ref-location strong{font-size:11px}
 .ze-ref-location small{font-size:9px}
 .ze-ref-hero-photo{width:100%;opacity:.38;-webkit-mask-image:none;mask-image:none}
 .ze-ref-hero::before{background:linear-gradient(90deg,rgba(1,16,29,.93),rgba(1,16,29,.82))}
 .ze-ref-hero h1{font-size:clamp(29px,7.7vw,42px)}
 .ze-ref-hero-copy>p{font-size:12px}
 .ze-ref-hero-benefits{gap:10px}
 .ze-ref-quick{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
 .ze-ref-quick a{flex-direction:column;gap:4px;min-height:77px;text-align:center}
 .ze-ref-quick strong{font-size:9px}
 .ze-ref-why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ze-ref-why-intro{grid-column:1/-1}
 .ze-ref-why-card{min-height:86px}
 .ze-ref-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
 .ze-ref-service-card img{height:130px}
 .ze-ref-guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ze-ref-guide-layout{grid-template-columns:1fr}
 .ze-ref-guide-sidebar{min-height:0}
 .ze-ref-section-heading{align-items:flex-start;flex-direction:column;gap:8px}
 .ze-ref-section-heading h2{font-size:24px}
 .ze-ref-extra-content{grid-template-columns:1fr}
}
@media(max-width:380px){
 .ze-ref-locations{flex-direction:column}
 .ze-ref-service-grid{grid-template-columns:1fr}
 .ze-ref-service-card img{height:180px}
 .ze-ref-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ze-ref-guide-cards{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){body.home .brand-full,body.home .brand::after{animation:none!important}}


/* Final image ratio + mobile header safeguards */
.ze-ref-service-card img{height:auto;aspect-ratio:3/2;object-fit:contain}
.ze-ref-guide-card img{height:auto;aspect-ratio:3/2;object-fit:contain}
body.home .custom-logo{max-width:206px;max-height:55px;width:auto;height:auto}
@media(max-width:700px){
 body.home .header-inner{gap:7px}
 body.home .brand-full{width:162px;height:48px}
 body.home .custom-logo{max-width:162px;max-height:48px}
 body.home .call-top{padding:6px 8px;gap:4px}
 body.home .call-top strong{font-size:11px}
 body.home .call-top small{display:none}
 body.home .call-top .phone-emblem{width:22px;height:22px;font-size:17px}
 body.home .menu-toggle{display:block;font-size:22px}
}
@media(max-width:390px){
 body.home .brand-full{width:140px;height:45px}
 body.home .custom-logo{max-width:140px;max-height:45px}
}

/* ===================================================================
   Zirve Elektronik V13 — restore complete photography, logo motion,
   category blog and comprehensive searchable FAQ. V12 layout stays.
   =================================================================== */
/* Source pictures are 3:2; do not leave half-height image bands. */
.ze-ref-service-card{background:#fff}
.ze-ref-service-card>img{
 display:block;width:100%;height:auto;aspect-ratio:3/2;
 object-fit:cover;object-position:center center;
 margin:0;padding:0;vertical-align:top;flex-shrink:0;
 background:#062431;border:0;
}
.ze-ref-guide-card img{
 display:block;width:100%;height:auto;aspect-ratio:3/2;
 object-fit:cover;object-position:center center;margin:0;padding:0;background:#073141;
}
/* Gently animate both the bundled and a custom WordPress logo. */
.brand{position:relative;isolation:isolate}
.brand img,.brand .custom-logo,.brand .brand-full{
 animation:zeV13LogoMotion 5.5s ease-in-out infinite!important;
 transform-origin:50% 50%;
 will-change:transform;
}
.brand::after{
 content:'';position:absolute;z-index:1;left:0;top:8%;height:84%;width:18%;
 border-radius:40%;pointer-events:none;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);
 animation:zeV13LogoGlow 8.5s ease-in-out infinite;
 filter:blur(7px);
}
@keyframes zeV13LogoMotion{
 0%,100%{transform:translateY(0) scale(1)}
 50%{transform:translateY(-2.5px) scale(1.012)}
}
@keyframes zeV13LogoGlow{
 0%,35%,100%{transform:translateX(-150%);opacity:0}
 48%{opacity:.5}65%{transform:translateX(530%);opacity:0}
}
/* Wider images in responsive homepage cards stay edge-to-edge. */
@media (max-width:1360px){.ze-ref-service-card>img{height:auto;aspect-ratio:3/2}}
@media (max-width:700px){.ze-ref-service-card>img{height:auto;aspect-ratio:3/2}}
/* Archive photos should use the same aspect ratio as their image files. */
.archive-photo-card img,.service-page-photo{object-fit:cover;object-position:center center}

/* Category-driven technical blog */
.ze-blog-page .inner-hero{background:linear-gradient(125deg,#052536,#0b6674)}
.ze-blog-page .inner-hero h1{color:#fff}
.ze-blog-page .inner-hero .overline{color:#74f5ff}
.ze-blog-page .inner-hero p{color:#e4fbff;max-width:780px}
.ze-blog-section{padding:34px 0 70px;background:#f6fbfc}
.ze-blog-categories{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}
.ze-blog-categories a{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px;border:1px solid #cde7eb;background:#fff;border-radius:999px;color:#06556b;font-size:13px;font-weight:850;line-height:1.3;transition:background .18s,border-color .18s}
.ze-blog-categories a:hover,.ze-blog-categories a.is-current{color:#fff;background:#007e90;border-color:#007e90}
.ze-blog-intro{margin:0 0 22px}
.ze-blog-intro h2{font-size:30px;margin:0 0 6px;color:#092a3a}
.ze-blog-intro p{font-size:14px;color:#466273;margin:0;max-width:770px}
.ze-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ze-blog-card{min-width:0;overflow:hidden;display:flex;flex-direction:column;background:#fff;border:1px solid #d9eaf0;border-radius:16px;box-shadow:0 8px 23px rgba(0,59,71,.055)}
.ze-blog-card-image{display:block;width:100%;overflow:hidden;background:#123341}
.ze-blog-card-image img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .3s ease}
.ze-blog-card:hover .ze-blog-card-image img{transform:scale(1.025)}
.ze-blog-card-body{display:flex;flex-direction:column;gap:11px;flex:1;padding:20px 22px 22px}
.ze-blog-card-category{align-self:start;color:#006d81;background:#e4f8fa;border-radius:999px;font-size:11px;font-weight:850;padding:6px 10px}
.ze-blog-card-body h2{font-size:21px;line-height:1.32;margin:0;color:#092b3d}
.ze-blog-card-body h2 a:hover{color:#007f91}
.ze-blog-card-body p{font-size:14px;line-height:1.65;color:#475f6f;margin:0}
.ze-blog-readmore{color:#007285;font-size:13px;font-weight:850;margin-top:auto;align-self:start}
.ze-blog-readmore:hover{color:#004b5e}
.ze-blog-pagination{margin:28px 0 0}
.ze-blog-pagination .nav-links{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.ze-blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:39px;min-height:39px;padding:8px 12px;border:1px solid #c7e8ec;background:#fff;color:#00697a;font-weight:850;border-radius:8px}
.ze-blog-pagination .page-numbers.current{background:#007f90;color:#fff;border-color:#007f90}

/* FAQ grouping and search navigation. */
.ze-faq-section{max-width:980px;margin:0 auto}
.ze-faq-section>p{font-size:15px;color:#3e5c6b;line-height:1.8}
.ze-faq-search-label{display:block;font-size:14px;font-weight:850;color:#0e3547;margin:20px 0 7px}
#ze-faq-search{display:block;width:100%;padding:13px 17px;border:2px solid #c2e5eb;border-radius:10px;background:#fff;color:#102d3e;font:inherit;font-size:15px;outline-offset:2px}
#ze-faq-search:focus{border-color:#008d9f}
.ze-faq-groups{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 18px}
.ze-faq-groups a{border-radius:999px;border:1px solid #bedfe6;background:#eefbfc;color:#046b7f;font-size:12px;font-weight:800;padding:8px 11px;line-height:1.3}
.ze-faq-groups a:hover{background:#007e91;color:#fff}
.ze-faq-items{display:flex;flex-direction:column;gap:9px}
.ze-faq-items .faq-group-heading{scroll-margin-top:18px;margin:30px 0 5px;border-bottom:2px solid #c1eaf0;color:#0d3445;padding-bottom:11px}
.ze-faq-items .faq-item{width:100%;max-width:none}
.ze-faq-items .faq-item summary{line-height:1.5;font-size:15px}
.ze-faq-items .faq-item .faq-answer p{font-size:14px;line-height:1.75}
.ze-faq-items .faq-group-heading[hidden],.ze-faq-items details[hidden]{display:none!important}
@media(max-width:1100px){.ze-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .ze-blog-grid{grid-template-columns:1fr}
 .ze-blog-card-body{padding:17px}
 .ze-blog-card-body h2{font-size:19px}
 .ze-blog-categories a{font-size:11px;padding:7px 10px}
 .ze-blog-section{padding:22px 0 45px}
}
@media(prefers-reduced-motion:reduce){
 .brand img,.brand .brand-full,.brand .custom-logo,.brand::after{animation:none!important;will-change:auto!important}
 .ze-blog-card-image img{transition:none!important}
}

/* V14 Kayseri odakli, ziyaretciye acik ve okunabilir bolge bilgisi */
.ze-local-seo{padding:58px 0;background:#f5fbfb;color:#15343d}
.ze-local-seo h2{font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.23;max-width:950px;margin:12px 0 18px}
.ze-local-seo h2 span{color:#078c99}
.ze-local-seo>.container>p{max-width:950px;line-height:1.75;margin-bottom:16px}
.ze-local-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0}
.ze-local-grid article{padding:24px;border:1px solid #d7eeee;border-radius:16px;background:white;box-shadow:0 6px 20px rgba(6,58,70,.04)}
.ze-local-grid h3{font-size:1.14rem;margin:0 0 12px;color:#114953}
.ze-local-grid p{margin:0;line-height:1.65;color:#48656c}
.ze-local-seo .ze-ref-mini-button{display:inline-flex;margin:8px 12px 0 0}
@media(max-width:760px){.ze-local-seo{padding:35px 0}.ze-local-grid{grid-template-columns:1fr}.ze-local-grid article{padding:18px}}