:root{--orange:#7b1f36}body{background:#fff;font-family:"Trebuchet MS",Arial,sans-serif}
h1,h2,h3,.brand strong,.btn,nav a{font-family:"Arial Black","Trebuchet MS",Arial,sans-serif}
.header{background:#fff;border-radius:0}
.brand>span{display:none}
.brand>img{width:4.4rem;height:4.4rem;object-fit:cover;border-radius:50%;border:2px solid #ddd}
.brand:not(:has(img))::before{content:"";width:4.4rem;height:4.4rem;flex:none;background:url('../images/tempra-tip-uno-tofas-tamir-bakim-harman-karburutor-logo.webp') center/cover;border-radius:50%;border:2px solid #ddd}
.section{margin-top:0;margin-bottom:0;background:#fff;border-radius:0}
.about,.detail-hero,.detail-body{background:#fff;border-radius:1.4rem}.detail-body{max-width:var(--max);width:100%}.detail-body>p{max-width:1000px}.detail-body h2{max-width:1000px}
.service-process{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.service-process article{border:1px solid var(--line);border-radius:1rem;padding:1.25rem;background:var(--soft)}.service-process b{display:block;color:#a05200;margin-bottom:.35rem}.service-process p{margin:0;color:var(--muted)}
.detail-body li strong{display:block;margin-bottom:.35rem;font-size:1rem}.detail-body li span{display:block;color:var(--muted);font-size:.88rem;line-height:1.5}
.kicker,.cards small,.service-process b,.topbar a{color:#7b1f36}.btn.primary{color:#fff}.category-nav b{color:#fff}.cta .kicker{color:#3e0e1b}.service-media{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0 3rem}.service-media figure{margin:0;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:#fff}.service-media img{height:220px;object-fit:cover}.service-media figcaption{padding:.8rem 1rem;font-weight:900}
footer{max-width:100%;width:100%;margin:0;background:#111;color:#fff;border:0;border-radius:0;padding:1rem max(1.25rem,calc((100% - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:1.1rem;white-space:nowrap;overflow-x:auto;font-size:.75rem}
footer>div:first-child{display:flex;align-items:center;gap:.45rem}
footer>div:first-child span{display:inline;color:#bbb}
footer>div:nth-child(2){display:flex;gap:.85rem}
footer small{display:inline;color:#bbb;white-space:nowrap}
footer small span{display:inline}
footer small a{font-weight:900;color:#fff}
.legal-links{display:flex;gap:.7rem;color:#bbb}
.floating-tools{position:fixed;right:1rem;bottom:1rem;z-index:35;display:grid;gap:.55rem}
.floating-tools a,.floating-tools button{width:3.2rem;height:3.2rem;border:0;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:1.25rem;font-weight:900;box-shadow:0 5px 18px #0004;cursor:pointer}
.floating-whatsapp{background:#25d366;color:#0a381a}.to-top{background:#111;color:#fff;opacity:0;pointer-events:none;transition:.2s}.to-top.visible{opacity:1;pointer-events:auto}
.cookie-banner{position:fixed;left:1rem;right:1rem;bottom:1rem;z-index:50;max-width:760px;margin:auto;background:#111;color:#fff;border:1px solid #444;border-radius:1rem;padding:1rem;display:flex;align-items:center;gap:1rem;box-shadow:0 12px 50px #0006}
.cookie-banner p{margin:0;font-size:.82rem;flex:1}.cookie-banner a{color:#ffad33}.cookie-banner button{border:0;border-radius:999px;background:var(--orange);padding:.65rem 1rem;font-weight:900;cursor:pointer}
.legal-page{max-width:900px;margin:2rem auto 5rem;padding:clamp(1.5rem,5vw,4rem);background:#fff;border:1px solid var(--line);border-radius:1.4rem}.legal-page h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1}.legal-page h2{margin-top:2rem}.legal-page p,.legal-page li{color:var(--muted)}
@media(max-width:900px){footer{justify-content:flex-start}.legal-links{display:none}.service-process{grid-template-columns:1fr}.service-media{grid-template-columns:1fr}.service-media img{height:auto}}
@media(max-width:560px){.brand>img,.brand:not(:has(img))::before{width:3.25rem;height:3.25rem}footer{font-size:.66rem;padding-bottom:5.5rem}.floating-tools{bottom:5.2rem}.cookie-banner{bottom:5.1rem;display:grid}.cookie-banner button{width:100%}}

/* Modüler PHP navigasyonu ve içerik bileşenleri */
.nav-group{position:relative}.nav-group>button{border:0;background:none;font:inherit;font-weight:800;cursor:pointer;padding:.65rem 0}.nav-dropdown{display:none;position:absolute;top:100%;left:0;z-index:40;min-width:250px;background:#fff;border:1px solid var(--line);border-radius:.8rem;padding:.5rem;box-shadow:0 14px 35px #0002}.nav-dropdown a{display:block;padding:.65rem .75rem;border-radius:.5rem}.nav-dropdown a:hover{background:var(--soft)}.nav-group:hover .nav-dropdown,.nav-group:focus-within .nav-dropdown,.nav-group.open .nav-dropdown{display:block}
.nav-dropdown a:last-child{background:transparent;color:inherit;padding:.65rem .75rem;border-radius:.5rem}.nav-dropdown a:last-child:hover{background:var(--soft)}
.service-grid-rich{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.service-grid-rich>a{display:block;border:1px solid var(--line);border-radius:1rem;padding:1.3rem;text-decoration:none;background:var(--soft)}.service-grid-rich h3{margin:0 0 .5rem}.service-grid-rich p{color:var(--muted);font-size:.9rem}.service-grid-rich span{font-weight:900;color:#7b1f36}.problem-links{display:flex;flex-wrap:wrap;gap:.7rem}.problem-links a,.problem-links span,.variant-grid span{padding:.85rem 1rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;background:var(--soft);font-weight:800}.variant-grid{display:flex;flex-wrap:wrap;gap:.7rem}.vehicle-detail>section{padding:1.6rem 0;border-bottom:1px solid var(--line)}.faq-list{display:grid;gap:.7rem}.faq-list details{border:1px solid var(--line);border-radius:.8rem;padding:1rem;background:var(--soft)}.faq-list summary{font-weight:900;cursor:pointer}.faq-list p{color:var(--muted)}.job-detail-card{display:grid;grid-template-columns:300px 1fr;gap:1.4rem;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:var(--soft)}.job-detail-card img{height:100%;object-fit:cover}.job-detail-card>div{padding:1.2rem}.job-preview strong{font-size:.85rem}.mobile-actions{grid-template-columns:repeat(3,1fr)}.mobile-actions a:nth-child(3){background:#fff;color:#111}
@media(max-width:900px){nav.open .nav-group>button{width:100%;text-align:left}.nav-group{width:100%}.nav-dropdown{position:static;box-shadow:none;margin-top:.3rem}.service-grid-rich{grid-template-columns:1fr 1fr}.job-detail-card{grid-template-columns:1fr}.job-detail-card img{height:260px}}
@media(max-width:560px){.service-grid-rich{grid-template-columns:1fr}.problem-links{display:grid}.problem-links a,.problem-links span{border-radius:.7rem}.variant-grid{display:grid}.variant-grid span{border-radius:.7rem}}

/* Bordo tema kontrasti, baglanti hareketleri ve sayfa gecisi */
.cta{color:#fff}.cta .kicker{color:#f4c7d2}.cta>p:not(.kicker){color:#f8e9ed}.cta .btn:not(.primary){border-color:#fff;color:#fff}
.cookie-banner a{color:#ffd7e1}.cookie-banner button{color:#fff}
.mobile-actions a{color:#fff}.mobile-actions a:nth-child(3){color:#111}
nav a,footer a,.breadcrumbs a,.cards a{transition:color .2s,opacity .2s}nav a:hover,.breadcrumbs a:hover,.cards a:hover{color:var(--orange)}footer a:hover{color:#f4c7d2}.cards a{text-decoration-color:#7b1f3655;text-decoration-thickness:2px;text-underline-offset:4px}
.service-grid-rich>a{transition:transform .2s,border-color .2s,box-shadow .2s}.service-grid-rich>a:hover{transform:translateY(-4px);border-color:var(--orange);box-shadow:0 12px 28px #7b1f3617}.service-grid-rich span{display:inline-block;border-bottom:2px solid #7b1f3640}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #c65b77;outline-offset:3px}
.page-loader{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#fffdfde8;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s}.page-loader.active{opacity:1;visibility:visible}.page-loader-wheel{width:68px;height:68px;border:8px solid #242424;border-radius:50%;position:relative;animation:wheel-spin .65s linear infinite;box-shadow:inset 0 0 0 5px #fff,0 8px 30px #0002}.page-loader-wheel::before{content:"";position:absolute;inset:12px;border-radius:50%;background:var(--orange);box-shadow:0 -18px 0 -7px #fff,0 18px 0 -7px #fff,18px 0 0 -7px #fff,-18px 0 0 -7px #fff}.page-loader-wheel::after{content:"";position:absolute;inset:25px;border-radius:50%;background:#242424}@keyframes wheel-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-loader-wheel{animation:none}.service-grid-rich>a{transition:none}.service-grid-rich>a:hover{transform:none}}
.check-list{display:grid;gap:.8rem;padding-left:1.4rem}.check-list li{padding:.9rem 1rem;background:var(--soft);border-radius:.8rem}.vehicle-pill{display:inline-flex;align-items:center;min-height:44px;padding:.75rem 1rem;border:1px solid var(--line);border-radius:999px;background:var(--soft);text-decoration:none;font-weight:900}.vehicle-pill:hover{border-color:var(--orange);color:var(--orange)}
.job-filters{display:flex;flex-wrap:wrap;gap:.6rem;margin:2rem 0}.job-filters button{min-height:44px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:.65rem 1rem;font-weight:900;cursor:pointer}.job-filters button.active,.job-filters button:hover{background:var(--orange);border-color:var(--orange);color:#fff}.job-list{display:grid;gap:1.4rem}.job-full-card{display:grid;grid-template-columns:minmax(260px,.8fr) 1.2fr;border:1px solid var(--line);border-radius:1.2rem;overflow:hidden;background:var(--soft)}.job-full-card[hidden]{display:none}.job-full-card img{height:100%;object-fit:cover}.job-full-card>div{padding:clamp(1.25rem,3vw,2rem)}.job-full-card h2{margin:.3rem 0 1rem}.contact-panels{display:flex;flex-wrap:wrap;gap:.8rem;margin:2rem 0}
@media(max-width:700px){.job-full-card{grid-template-columns:1fr}.job-full-card img{height:240px}.job-filters{display:grid;grid-template-columns:1fr 1fr}.job-filters button{width:100%}}
.before-after{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.before-after figure{margin:0;border:1px solid var(--line);border-radius:1rem;overflow:hidden;background:var(--soft)}.before-after button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.before-after img{width:100%;height:420px;object-fit:contain;background:#171717}.before-after figcaption{padding:.85rem 1rem;font-weight:900;color:#fff;background:var(--orange)}
@media(max-width:600px){.before-after{grid-template-columns:1fr}.before-after img{height:auto;max-height:70vh}}
.customer-quote{margin:1.5rem 0 0;padding:clamp(1.25rem,4vw,2rem);border-left:5px solid var(--orange);border-radius:0 1rem 1rem 0;background:var(--soft)}.customer-quote p{margin:0 0 .75rem;font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.6;color:var(--ink)}.customer-quote cite{font-style:normal;font-weight:900;color:var(--orange)}

/* Ana sayfa gerçek uygulamalar: okunaklı, bütünü tıklanabilir kartlar */
.gallery-section .section-link{font-weight:900;text-underline-offset:5px}.job-preview{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.15rem}.job-preview article{display:block;min-width:0;background:#fff;color:var(--ink);border-color:#3b3b3b;transition:transform .2s,box-shadow .2s}.job-preview-link{display:flex;height:100%;flex-direction:column;color:var(--ink);text-decoration:none}.job-preview-link>img{width:100%;height:230px;aspect-ratio:4/3;object-fit:cover;background:#252525}.job-preview-copy{display:flex;flex:1;flex-direction:column;padding:1.25rem}.job-preview h3{color:var(--ink);font-size:clamp(1.08rem,1.55vw,1.32rem);line-height:1.28;margin:.45rem 0 .7rem}.job-preview p{color:#4f4f4f;font-size:.92rem;line-height:1.55;margin:0 0 1rem}.job-preview strong{display:block;margin-top:auto;color:var(--orange);font-size:.86rem}.job-preview article:hover{transform:translateY(-4px);box-shadow:0 16px 35px #0005}.job-preview-link:focus-visible{outline-offset:-4px}
@media(max-width:960px){.job-preview{grid-template-columns:1fr 1fr}.job-preview article:last-child{grid-column:1/-1}.job-preview article:last-child .job-preview-link{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr}.job-preview article:last-child .job-preview-link>img{height:100%;aspect-ratio:auto}}
@media(max-width:650px){.job-preview{grid-template-columns:1fr}.job-preview article:last-child{grid-column:auto}.job-preview article:last-child .job-preview-link{display:flex}.job-preview article:last-child .job-preview-link>img,.job-preview-link>img{height:auto;max-height:280px;aspect-ratio:4/3}.gallery-section .section-link{display:inline-block;margin-top:1rem}}
.vehicle-version-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.4rem}.vehicle-version-cards article{padding:1.2rem;border:1px solid var(--line);border-radius:1rem;background:var(--soft)}.vehicle-version-cards h3{margin:0 0 .55rem;font-size:1.05rem}.vehicle-version-cards p{margin:0;color:var(--muted);font-size:.9rem}.service-scope-note{margin-top:1.2rem;padding:1rem 1.15rem;border-left:5px solid var(--orange);border-radius:0 .8rem .8rem 0;background:#f7edf0;color:var(--ink)}
@media(max-width:800px){.vehicle-version-cards{grid-template-columns:1fr}}

/* Mobil hızlı iletişim çubuğu */
.mobile-contact-panel{display:none}
@media(max-width:560px){
  .mobile-actions{grid-template-columns:repeat(4,minmax(0,1fr))}
  .mobile-actions a,.mobile-actions button{min-width:0;min-height:44px;border:0;border-radius:.5rem;padding:.65rem .2rem;text-align:center;text-decoration:none;font:inherit;font-size:.72rem;font-weight:900;cursor:pointer}
  .mobile-actions .mobile-action-call{background:var(--orange);color:#fff}
  .mobile-actions .mobile-action-whatsapp{background:#25d366;color:#092d14}
  .mobile-actions .mobile-action-services{background:#fff;color:#111}
  .mobile-actions .mobile-contact-toggle{background:#e7e7e7;color:#111}
  .floating-whatsapp{display:none}
  .mobile-contact-panel{position:fixed;left:.55rem;right:.55rem;bottom:4.75rem;z-index:34;padding:.85rem;border:1px solid #444;border-radius:.9rem;background:#111;color:#fff;box-shadow:0 -10px 30px #0005}
  .mobile-contact-panel:not([hidden]){display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem}
  .mobile-contact-panel strong{grid-column:1/-1}
  .mobile-contact-panel a{min-height:44px;padding:.7rem .35rem;border-radius:.55rem;background:#fff;color:#111;text-align:center;text-decoration:none;font-size:.76rem;font-weight:900}
}
@media(max-width:900px){.floating-whatsapp{display:none!important}}

/* Kaydırmasız kompakt footer */
footer{display:grid;grid-template-columns:auto auto auto 1fr;align-items:center;gap:.65rem 1.25rem;white-space:normal;overflow:visible;padding:.85rem max(1.25rem,calc((100% - var(--max))/2));font-size:.72rem}
footer .footer-identity,footer .footer-social,footer .legal-links{display:flex;align-items:center;gap:.7rem}
footer .footer-identity a,footer .footer-social a,footer .legal-links a{white-space:nowrap}
footer .footer-identity a{color:#ddd;text-decoration:none}
footer small{justify-self:end;white-space:normal;text-align:right}
@media(max-width:980px){footer{grid-template-columns:1fr auto;gap:.55rem 1rem}footer .footer-social{justify-content:flex-end}footer .legal-links{display:flex}footer small{grid-column:auto;justify-self:end}}
@media(max-width:560px){footer{grid-template-columns:1fr auto;padding:.8rem 1rem 5.2rem;font-size:.67rem}footer .footer-identity{display:grid;gap:.15rem}footer .footer-social{justify-content:flex-end}footer .legal-links{grid-column:1/-1;justify-content:flex-start}footer small{grid-column:1/-1;justify-self:start;text-align:left}}

/* Masaüstü üst çubuk sosyal bağlantıları */
.header-social{display:inline-flex;align-items:center;gap:.35rem}.topbar .header-social a{width:1.75rem;height:1.75rem;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--orange);transition:background .2s,color .2s,transform .2s}.header-social svg{width:1rem;height:1rem;fill:currentColor}.topbar .header-social a:hover{background:var(--orange);color:#fff;transform:translateY(-1px)}
@media(max-width:900px){.header-social{display:none}}
.cookie-actions{display:flex;gap:.55rem}.cookie-banner .cookie-reject{background:#444}.cookie-banner .cookie-accept{background:var(--orange)}
@media(max-width:560px){.cookie-actions{display:grid;grid-template-columns:1fr 1fr}.cookie-banner .cookie-actions button{width:100%}}
.facebook-video-card{max-width:400px;margin:1.25rem auto 0;padding:1rem;border:1px solid var(--line);border-radius:1.1rem;background:#171717;color:#fff;text-align:center}.facebook-video-card>button{width:100%;aspect-ratio:9/16;border:0;border-radius:.8rem;background:linear-gradient(#7b1f36dd,#271018ee),url('../images/tempra-16-seferihisar-fan-radyator-degisimi-yerinde-bakim.jpeg') center/cover;color:#fff;font-size:1.05rem;font-weight:900;cursor:pointer}.facebook-video-card>button span{display:grid;place-items:center;width:4rem;height:4rem;margin:0 auto .8rem;border-radius:50%;background:#fff;color:var(--orange);font-size:1.5rem}.facebook-video-card iframe{display:block;width:100%;max-width:360px;aspect-ratio:9/16;height:auto;margin:auto;border:0;border-radius:.8rem;background:#000}.facebook-video-card p{margin:.75rem 0 .35rem;color:#ccc;font-size:.78rem}.facebook-video-card a{color:#fff;font-weight:900}.facebook-video-card.video-loaded{padding:.65rem}

/* Mobilde gerçek uygulamalar yatay kart şeridi */
@media(max-width:650px){.job-preview{display:flex;align-items:stretch;gap:.85rem;margin-right:-1.25rem;padding-right:1.25rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scroll-padding-inline:0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.job-preview::-webkit-scrollbar{display:none}.job-preview article,.job-preview article:last-child{flex:0 0 84vw;max-width:360px;grid-column:auto;scroll-snap-align:start}.job-preview .job-preview-link,.job-preview article:last-child .job-preview-link{display:flex;height:100%;flex-direction:column}.job-preview .job-preview-link>img,.job-preview article:last-child .job-preview-link>img{width:100%;height:220px;aspect-ratio:4/3;object-fit:cover}.job-preview-copy{height:100%}}

/* Mobilde ana sayfa hizmetleri yatay kart şeridi */
@media(max-width:650px){#hizmetler .service-grid-rich{display:flex;align-items:stretch;gap:.85rem;margin-right:-1.25rem;padding-right:1.25rem;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}#hizmetler .service-grid-rich::-webkit-scrollbar{display:none}#hizmetler .service-grid-rich>a{display:flex;flex:0 0 82vw;max-width:340px;min-height:220px;flex-direction:column;scroll-snap-align:start}#hizmetler .service-grid-rich>a span{margin-top:auto}}

/* Koyu uygulamalar bölümünde erişilebilir metin kontrastı */
.gallery-section .kicker{color:#f4c7d2}
@media(max-width:560px){.mobile-contact-panel:not([hidden]){grid-template-columns:repeat(2,minmax(0,1fr))}}
.social-share-links{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}
