/* ============================================================
   BÖLÜM: style  (eski: css/style.css)
   ============================================================ */
:root {
  --font-heading: "Manrope", sans-serif;
  --font-body: "DM Sans", sans-serif;
  --ink: #050505;
  --paper: #f4f2ed;
  --muted: #aaa9a4;
  --accent: #c9a76a;
  --line: rgba(255, 255, 255, 0.08);
  --container: 1280px;
  --page-gutter: clamp(20px, 3.5vw, 40px);
  --page-pad: max(var(--page-gutter), calc((100vw - var(--container)) / 2));
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--ink); color: var(--paper); font-family: var(--font-body); transition:color .4s ease,background-color .4s ease; }
button,input,textarea,select { font-family:var(--font-body); }
h1,h2,h3,h4,h5,h6 { font-family:var(--font-heading); }
a { color: inherit; text-decoration: none; }
.cta-arrow { position:relative; display:inline-block!important; flex:0 0 20px; width:20px!important; height:9px!important; margin-left:10px!important; color:inherit; font-size:0!important; line-height:0!important; vertical-align:middle; transform:none; }
.cta-arrow::before { content:""; position:absolute; left:0; top:50%; width:20px; height:1px; background:currentColor; transform:translateY(-50%); }
.cta-arrow::after { content:""; position:absolute; right:0; top:50%; width:6px; height:6px; border-top:1px solid currentColor; border-right:1px solid currentColor; transform:translateY(-50%) rotate(45deg); }
.container { width:min(var(--container),calc(100% - (var(--page-gutter) * 2))); margin-inline:auto; }
.sr-only { position:absolute!important; width:1px!important; height:1px!important; padding:0!important; margin:-1px!important; overflow:hidden!important; clip:rect(0,0,0,0)!important; white-space:nowrap!important; border:0!important; }

/* Reusable, repeatable scroll entrance used by service and detail pages. */
.scroll-reveal { opacity:0!important; transform:translateY(42px)!important; transition:opacity .72s ease var(--reveal-delay,0ms),transform .9s cubic-bezier(.2,.75,.2,1) var(--reveal-delay,0ms)!important; will-change:opacity,transform; }
.scroll-reveal.is-visible { opacity:1!important; transform:translateY(0)!important; }

/* Unified palette for every service detail page. */
.ppf-page,.detail-page,.catalog-page {
  --detail-white:#fff;
  --detail-paper:#f2efe8;
  --detail-dark:#151515;
  --detail-card:#101010;
  --detail-text:#111;
  --detail-muted:#686660;
  --detail-dark-muted:#aaa9a4;
  --detail-accent:#c9a76a;
  color:var(--detail-text);
  background:var(--detail-paper);
}
.ppf-intro,.detail-intro,.catalog-intro,.detail-zones { color:var(--detail-text)!important; background:var(--detail-white)!important; }
.ppf-explorer,.catalog-explorer { color:#f4f2ed!important; background:var(--detail-dark)!important; }
.detail-showcase,.upholstery-section,.catalog-applications,.catalog-process { color:var(--detail-text)!important; background:var(--detail-paper)!important; }
.detail-showcase-card,.upholstery-grid,.catalog-process-card { color:#f4f2ed!important; background:var(--detail-card)!important; }
.ppf-assurance { color:var(--detail-text)!important; background:var(--detail-paper)!important; border-top:1px solid rgba(17,17,17,.12); border-bottom:1px solid rgba(17,17,17,.12); }
.ppf-assurance i { border-color:rgba(17,17,17,.28)!important; }
.ppf-assurance i svg { stroke:var(--detail-text)!important; }
.ppf-assurance h3 { color:var(--detail-text)!important; }
.ppf-assurance p { color:var(--detail-muted)!important; }
.ppf-contact,.detail-contact,.catalog-contact { color:#f4f2ed!important; background:#050505!important; }
.ppf-page .site-footer,.detail-page .site-footer,.catalog-page .site-footer { color:#f4f2ed!important; background:#050505!important; }

.service-assurance { padding:58px 0; color:#111; background:#f2efe8; border-top:1px solid rgba(17,17,17,.12); border-bottom:1px solid rgba(17,17,17,.12); }
.service-assurance-inner { width:min(1380px,calc(100% - 64px))!important; margin-inline:auto!important; display:grid!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:clamp(50px,7vw,110px)!important; }
.service-assurance article { text-align:center; }
.service-assurance i { display:grid; place-items:center; width:42px; height:42px; margin:0 auto 17px; border:1px solid rgba(17,17,17,.28); border-radius:50%; font-style:normal; }
.service-assurance i svg { width:20px; height:20px; fill:none; stroke:#111; stroke-width:1.25; stroke-linecap:round; stroke-linejoin:round; }
.service-assurance h3 { margin:0 0 8px; color:#111; text-transform:uppercase; font:600 12px/1.2 "Manrope",sans-serif; }
.service-assurance p { max-width:310px; margin:auto; color:#686660; font-size:13px; line-height:1.6; }

@media (max-width:900px) {
  .service-assurance { padding:54px 0; }
  .service-assurance-inner { width:calc(100% - 40px)!important; grid-template-columns:1fr!important; gap:44px!important; }
}

/* One media scale across all service detail templates. */
.ppf-hero,.detail-hero,.catalog-hero { height:600px!important; min-height:0!important; }
.ppf-hero>img,.detail-hero>img,.catalog-hero>img,
.ppf-product-image img,.catalog-product-image img,.detail-showcase-image img,
.upholstery-grid img,.catalog-process-card img { width:100%; height:100%; object-fit:cover; }
.ppf-product-image,.catalog-product-image { height:560px!important; min-height:560px!important; }
.detail-showcase-card,.upholstery-grid,.catalog-process-card { height:620px!important; min-height:620px!important; }
.detail-showcase-image,.upholstery-grid>div,.catalog-process-card>div { height:100%!important; min-height:0!important; }

@media (max-width:1000px) {
  .ppf-hero,.detail-hero,.catalog-hero { height:540px!important; }
  .ppf-product-image,.catalog-product-image,.detail-showcase-image,.upholstery-grid>div,.catalog-process-card>div { height:390px!important; min-height:390px!important; }
  .detail-showcase-card,.upholstery-grid,.catalog-process-card { height:auto!important; min-height:0!important; }
}

.page-intro { position:fixed; inset:0; z-index:100; display:grid; place-items:center; overflow:hidden; color:#f4f2ed; background:#030303; transition:transform .9s cubic-bezier(.76,0,.24,1) 1.05s; }
.page-intro::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,transparent,rgba(255,255,255,.055),transparent); transform:translateX(-110%); animation:intro-scan 1.05s ease-in-out forwards; }
.intro-brand { position:relative; text-align:center; text-transform:uppercase; }
.intro-brand p { margin:0; font:500 clamp(21px,2.4vw,34px)/1 "Manrope",sans-serif; letter-spacing:.18em; opacity:0; transform:translateY(12px); animation:intro-name .65s .12s forwards; }
.intro-brand p b { color:var(--accent); font-weight:500; }
.intro-logo-image { display:block; width:clamp(190px,22vw,290px); height:auto; margin:0 auto; opacity:0; transform:translateY(12px); animation:intro-name .65s .12s forwards; }
.intro-brand small { display:block; margin-top:12px; color:#656565; font:500 11px/1 "Manrope",sans-serif; letter-spacing:.38em; opacity:0; animation:intro-name .55s .35s forwards; }
.intro-line { display:block; width:0; height:1px; margin:0 auto 17px; background:var(--accent); animation:intro-line .65s .18s forwards; }
body.page-ready .page-intro { transform:translateY(-100%); pointer-events:none; }

.site-header {
  --dropdown-y:90px;
  position: fixed; inset: 0 0 auto; z-index: 20; height: 86px; padding: 0 var(--page-pad);
  display: grid; grid-template-columns: minmax(220px,1fr) auto minmax(220px,1fr); align-items: center; column-gap:clamp(24px,3vw,52px);
  border-bottom: 1px solid var(--line); transition: height .35s ease, background .35s ease, backdrop-filter .35s ease;
}
.site-header.scrolled { --dropdown-y:76px; height:72px; background:rgba(5,5,5,.72); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.header-actions { justify-self:end; height:100%; display:flex; align-items:center; gap:clamp(14px,1.8vw,28px); }
.language-switch { appearance:none; -webkit-appearance:none; display:flex; align-items:center; gap:8px; min-width:57px; padding:10px 0; border:0!important; border-radius:0; outline:0; color:#747470; background:transparent!important; box-shadow:none!important; cursor:pointer; font:600 12px/1 "Manrope",sans-serif; letter-spacing:.12em; opacity:0; animation:intro .7s 1.48s forwards; }
.language-switch i { color:#4d4d49; font-size:12px; font-style:normal; }
.language-switch span { transition:color .25s; }
.language-switch span.active { color:#f4f2ed; }
.language-switch:hover span:not(.active) { color:#b9b8b3; }
.theme-toggle { display:grid; place-items:center; flex:0 0 auto; padding:0; border:0; color:inherit; background:none; cursor:pointer; opacity:0; animation:intro .7s 1.5s forwards; }
.theme-toggle-track { position:relative; width:47px; height:24px; display:flex; align-items:center; justify-content:space-between; padding:0 6px; border:1px solid rgba(255,255,255,.24); border-radius:99px; background:rgba(255,255,255,.07); }
.theme-toggle-track b { position:absolute; z-index:1; top:3px; left:3px; width:16px; height:16px; border-radius:50%; background:#f5f2ea; box-shadow:0 2px 8px rgba(0,0,0,.3); transition:transform .35s cubic-bezier(.2,.8,.2,1),background .3s; }
.theme-toggle-track i { position:relative; z-index:2; display:block; width:8px; height:8px; }
.theme-sun { border:1px solid #171717; border-radius:50%; }
.theme-moon { border-radius:50%; box-shadow:-2px 1px 0 0 #d7b66f; }
.brand { align-self:stretch; display:inline-flex; align-items:center; gap:12px; width:max-content; opacity:0; animation:intro .7s 1.26s forwards; }
.brand-logo-image { display:block; width:auto; height:52px; flex:0 0 auto; }
.brand-mark { position: relative; width: 28px; height: 28px; transform: skewX(-12deg); }
.brand-mark i { position: absolute; display: block; width: 7px; height: 24px; border: 2px solid var(--paper); }
.brand-mark i:first-child { left: 4px; top: 0; }
.brand-mark i:last-child { right: 4px; bottom: 0; border-color: var(--accent); }
.brand-copy { font: 600 12px/1 "Manrope", sans-serif; letter-spacing: .16em; }
.brand-copy span { display: block; color: var(--accent); margin-top: 4px; letter-spacing: .28em; font-size: 12px; }
.main-nav { align-self:stretch; display:flex; align-items:center; gap:clamp(30px,3.2vw,54px); }
.main-nav a { position: relative; font-size: 12px; color: rgba(255,255,255,.72); letter-spacing: .08em; opacity: 0; animation: intro .7s forwards; }
.main-nav a:nth-child(1){animation-delay:1.32s}.main-nav a:nth-child(2){animation-delay:1.38s}.main-nav a:nth-child(3){animation-delay:1.44s}.main-nav a:nth-child(4){animation-delay:1.5s}
.main-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -8px; height: 1px; background: var(--accent); transition: right .25s ease; }
.main-nav a:hover { color: #fff; }.main-nav a:hover::after { right: 0; }
.services-mega { position:relative; display:flex; align-items:center; height:100%; opacity:0; animation:menu-fade .7s 1.32s forwards; }
.services-mega-toggle { display:flex; align-items:center; gap:8px; padding:0; border:0; color:rgba(255,255,255,.72); background:none; cursor:pointer; font:400 12px/1 "DM Sans",sans-serif; letter-spacing:.08em; }
.services-mega-toggle span { display:inline-block; color:var(--accent); font-size:13px; line-height:1; transform:none; }
.services-mega:hover .services-mega-toggle,.services-mega.open .services-mega-toggle,.services-mega:focus-within .services-mega-toggle{color:#fff}.services-mega:hover .services-mega-toggle span,.services-mega.open .services-mega-toggle span,.services-mega:focus-within .services-mega-toggle span{transform:none}
.services-mega-menu { position:fixed; z-index:30; top:var(--dropdown-y); left:50%; right:auto; width:min(860px,calc(100vw - 48px)); display:grid; grid-template-columns:185px 1fr; gap:14px; padding:14px; border:1px solid rgba(255,255,255,.16); background:rgba(7,7,7,.985); box-shadow:0 24px 65px rgba(0,0,0,.68); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); opacity:0; visibility:hidden; transform:translate(-50%,10px); transition:opacity .28s,visibility .28s,transform .35s cubic-bezier(.2,.8,.2,1); }
.services-mega-menu::before { content:""; position:absolute; left:0; right:0; top:-24px; height:24px; }
.services-mega:hover .services-mega-menu,.services-mega.open .services-mega-menu,.services-mega:focus-within .services-mega-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.mega-intro { padding:8px 14px 8px 3px; border-right:1px solid rgba(255,255,255,.12); }.mega-intro>span{color:#d9b979;text-transform:uppercase;font:700 11px/1 "Manrope";letter-spacing:.23em}.mega-intro h3{margin:17px 0 11px;color:#fff;text-transform:uppercase;font:600 25px/1.03 "Manrope";letter-spacing:-.045em}.mega-intro p{max-width:170px;margin:0;color:#aaa;font-size:13px;font-weight:500;line-height:1.65}.mega-intro>a{display:inline-flex;gap:14px;margin-top:22px;padding-bottom:7px;border-bottom:1px solid var(--accent);opacity:1;animation:none;color:#f0f0ed;text-transform:uppercase;font:700 11px/1 "Manrope";letter-spacing:.15em}.mega-intro>a::after{display:none}.mega-intro>a b{color:var(--accent)}
.mega-services-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.mega-service-card { min-width:0; overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:2px; background:#111; opacity:1!important; animation:none!important; transition:border-color .25s,transform .3s!important; }
.mega-service-card::after{display:none!important}.mega-service-card:hover{border-color:rgba(201,167,106,.55);transform:translateY(-3px)}
.mega-card-image { position:relative; height:86px; overflow:hidden; background-image:linear-gradient(180deg,transparent 45%,rgba(5,5,5,.54)),var(--card-image); background-size:cover; background-position:center 35%; filter:saturate(.78) brightness(.92); transition:filter .3s,transform .5s; }.mega-service-card:hover .mega-card-image{filter:saturate(1) brightness(1)}.mega-card-image span{position:absolute;top:8px;left:8px;padding:5px 7px;border:1px solid rgba(255,255,255,.28);border-radius:20px;color:#fff;background:rgba(5,5,5,.78);font:700 11px/1 "Manrope";letter-spacing:.12em}
.mega-card-copy { position:relative; padding:10px 11px 11px; }.mega-card-copy strong{display:block;color:#fff;font:700 13px/1.2 "Manrope"}.mega-card-copy small{display:block;min-height:29px;margin-top:5px;color:#b8b8b3;font-size:12px;font-weight:500;line-height:1.48}.mega-card-copy i{display:block;margin-top:6px;color:#dbb978;text-align:right;text-transform:uppercase;font-style:normal;font-weight:600;font-size:11px;letter-spacing:.13em}
.nav-dropdown { position:relative; display:flex; align-items:center; height:100%; opacity:0; animation:intro .7s 1.5s forwards; }
.nav-dropdown-toggle { display:flex; align-items:center; gap:8px; padding:0; border:0; color:rgba(255,255,255,.72); background:none; cursor:pointer; font:400 12px/1 "DM Sans",sans-serif; letter-spacing:.08em; }
.nav-dropdown-toggle span { display:inline-block; color:var(--accent); font-size:13px; line-height:1; transform:none; }
.nav-dropdown:hover .nav-dropdown-toggle,.nav-dropdown.open .nav-dropdown-toggle,.nav-dropdown:focus-within .nav-dropdown-toggle { color:#fff; }
.nav-dropdown:hover .nav-dropdown-toggle span,.nav-dropdown.open .nav-dropdown-toggle span,.nav-dropdown:focus-within .nav-dropdown-toggle span { transform:none; }
.nav-dropdown-menu { position:absolute; top:calc(100% + 4px); left:50%; width:220px; padding:7px; border:1px solid rgba(255,255,255,.13); border-radius:2px; background:rgba(8,8,8,.975); box-shadow:0 20px 55px rgba(0,0,0,.48); backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); opacity:0; visibility:hidden; transform:translate(-50%,10px); transition:opacity .25s,visibility .25s,transform .3s; }
.nav-dropdown-menu::before { content:""; position:absolute; left:0; right:0; top:-12px; height:12px; }
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown.open .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu { opacity:1; visibility:visible; transform:translate(-50%,0); }
.nav-dropdown-menu a { min-height:39px; display:flex; align-items:center; gap:13px; padding:9px 11px; opacity:1; animation:none; color:#989894; font-size:10.5px; line-height:1.2; white-space:nowrap; }
.nav-dropdown-menu a::after { display:none; }.nav-dropdown-menu a:hover{color:#fff;background:rgba(255,255,255,.055)}.nav-dropdown-menu a span{width:20px;color:var(--accent);font-size:11px;letter-spacing:.08em}
.header-cta { display:inline-flex; align-items:center; height:37px; text-transform:uppercase; font:600 13px/1 "Manrope",sans-serif; letter-spacing:.18em; padding:0 0 1px; border-bottom:1px solid rgba(255,255,255,.45); opacity:0; animation:intro .7s 1.56s forwards; }
.header-cta span { color: var(--accent); font-size: 14px; margin-left: 8px; }
.main-nav .nav-contact { height:auto; margin-left:0; padding:0; border:0; color:rgba(255,255,255,.72); text-transform:none; white-space:nowrap; font:400 12px/1 "DM Sans",sans-serif; letter-spacing:.08em; }
.main-nav .nav-contact::after { display:block; }
.menu-toggle { display:none; background:none; border:0; padding:10px 0 10px 10px; }

.hero { position: relative; min-height: 100svh; overflow: hidden; display: flex; align-items: center; padding:130px var(--page-pad) 80px; isolation:isolate; color:#f4f2ed; }
.hero-media, .hero-shade { position: absolute; inset: 0; z-index: -2; }
.hero-media { opacity:0; transform:scale(1.055); animation:hero-media-in 1.5s cubic-bezier(.2,.7,.2,1) 1s forwards; }
.car-image { position: absolute; inset: -2%; background: url("assets/hero-car.jpg") center/cover no-repeat; transform: scale(1.025); transition: transform .2s ease-out; }
.hero-shade { z-index: -1; background: linear-gradient(90deg, rgba(3,3,3,1) 0%, rgba(3,3,3,.96) 27%, rgba(3,3,3,.6) 49%, rgba(3,3,3,.06) 72%), linear-gradient(0deg, rgba(0,0,0,.76), transparent 36%); }
.reflection { position:absolute; inset:-25%; background: radial-gradient(circle at var(--mx,75%) var(--my,45%), rgba(220,230,235,.13), transparent 13%); mix-blend-mode: screen; opacity:.7; transition: opacity .3s; }
.hero-content { width: min(700px, 56vw); }
.eyebrow { display:flex; align-items:center; gap:13px; margin:0 0 30px; color:#b5b5b2; font:500 13px/1 "Manrope",sans-serif; letter-spacing:.25em; text-transform:uppercase; }
.eyebrow span { width:34px; height:1px; background:var(--accent); }
h1 { margin:0; text-transform:uppercase; font:500 clamp(62px,7.2vw,124px)/.82 "Manrope",sans-serif; letter-spacing:-.065em; }
h1 em { color:rgba(255,255,255,.76); font-style:normal; }
.hero-copy { width:min(470px,100%); margin:35px 0 0; color:#aaa; font-size:clamp(13px,1vw,15px); line-height:1.75; }
.hero-actions { display:flex; align-items:center; gap:36px; margin-top:33px; }
.primary-action { display:inline-flex; gap:28px; align-items:center; padding-bottom:12px; border-bottom:1px solid var(--accent); text-transform:uppercase; font:600 13px/1 "Manrope",sans-serif; letter-spacing:.2em; }
.primary-action span { color:var(--accent); font-size:16px; transition:transform .2s; }.primary-action:hover span{transform:translateX(5px)}
.secondary-action { color:#8f8f8b; font-size:12px; border-bottom:1px solid #555; padding-bottom:10px; transition:color .2s; }.secondary-action:hover{color:#fff}
.scroll-cue { position:absolute; left:var(--page-pad); bottom:31px; display:flex; align-items:center; gap:13px; color:#777; text-transform:uppercase; font-size:12px; letter-spacing:.2em; }
.scroll-cue span { width:1px; height:34px; background:linear-gradient(var(--accent) 50%, #333 50%); background-size:100% 200%; animation:scroll 2s infinite; }
.reveal { opacity:0; transform:translateY(22px); animation:intro .85s cubic-bezier(.22,.8,.24,1) forwards; }.reveal-1{animation-delay:1.55s}.reveal-2{animation-delay:1.68s}.reveal-3{animation-delay:1.83s}.reveal-4{animation-delay:1.95s}
.services-section { position:relative; min-height:100vh; padding:120px var(--page-pad) 90px; overflow:hidden; background:radial-gradient(circle at 50% 50%,#181818 0,#090909 52%,#050505 100%); }
.services-section::before { content:""; position:absolute; inset:0; opacity:.16; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px); background-size:80px 80px; mask-image:linear-gradient(to bottom,transparent,#000 30%,transparent 90%); }
.services-heading { position:relative; z-index:5; display:flex; justify-content:space-between; align-items:flex-end; gap:40px; max-width:1480px; margin:0 auto 24px; }
.section-label { display:none!important; }
.services-heading h2 { margin:0; text-transform:uppercase; font:500 clamp(32px,3.7vw,52px)/1 "Manrope",sans-serif; letter-spacing:-.04em; }
.services-intro { width:340px; margin:0 0 7px; color:#888; font-size:13px; line-height:1.7; }
.services-heading > div,.services-intro { opacity:0; transform:translateY(34px); transition:opacity .75s ease,transform .85s cubic-bezier(.2,.75,.2,1); }
.services-intro { transition-delay:.13s; }
.services-section.section-visible .services-heading > div,.services-section.section-visible .services-intro { opacity:1; transform:translateY(0); }
.services-stage { position:relative; max-width:1480px; height:670px; margin:0 auto; }
.service-panels { position:absolute; z-index:1; top:24px; left:9%; right:9%; height:455px; display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; perspective:1000px; }
.service-panel { position:relative; min-width:0; overflow:hidden; padding:25px clamp(16px,2vw,31px); border:1px solid rgba(255,255,255,.2); color:#f4f2ed; background:#171717; clip-path:none; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(110px); transition:opacity .38s ease,visibility .38s ease,transform .6s cubic-bezier(.16,.84,.24,1),border-color .4s ease,box-shadow .4s ease; }
.service-panel.active { opacity:1; visibility:visible; transform:translateY(-14px); border-color:rgba(201,167,106,.78); box-shadow:0 0 35px rgba(201,167,106,.09); }
.service-panel::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,5,5,.04) 0%,transparent 52%,rgba(5,5,5,.24) 78%,rgba(5,5,5,.5) 100%); pointer-events:none; }
.panel-number { position:relative; z-index:3; color:#727272; font:500 12px/1 "Manrope"; letter-spacing:.2em; }
.panel-visual { position:absolute; inset:0; background-position:center top; background-size:cover; filter:saturate(.7) brightness(.78); transition:filter .5s,transform .8s; transform:scale(1.04); }
.service-panel.active .panel-visual { filter:saturate(.95) brightness(.96) contrast(1.04); transform:scale(1); }
.visual-ppf { background-image:url("assets/service-ppf.jpg"); }
.visual-correction { background-image:url("assets/service-correction.jpg"); }
.visual-ceramic { background-image:url("assets/service-ceramic.jpg"); }
.visual-wheel { background-image:url("assets/service-wheel.jpg"); }
.panel-content { position:absolute; z-index:3; left:clamp(18px,2.2vw,34px); right:clamp(18px,2.2vw,34px); top:42px; padding:13px 12px 15px 16px; background:linear-gradient(90deg,rgba(3,3,3,.58) 0%,rgba(3,3,3,.24) 58%,transparent 100%); box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; text-shadow:0 2px 7px #000,0 0 16px rgba(0,0,0,.9); }
.panel-content::before { content:""; position:absolute; left:0; top:14px; width:2px; height:38px; background:var(--accent); }
.panel-content p { color:#e0bd7c; text-transform:uppercase; font-weight:600; font-size:12px; letter-spacing:.22em; margin:0 0 12px; }
.panel-content h3 { margin:0; color:#fff; font:600 clamp(20px,2vw,31px)/1.02 "Manrope"; text-transform:uppercase; letter-spacing:-.04em; }
.panel-content > span,.panel-content a { opacity:0; transform:translateY(10px); transition:.35s .08s; }
.panel-content > span { display:block; margin-top:18px; padding:5px 7px; color:#f0f0ed; background:rgba(3,3,3,.32); font-size:13px; font-weight:500; line-height:1.65; max-width:220px; }
.panel-content a { display:inline-block; margin-top:18px; padding-bottom:7px; border-bottom:1px solid var(--accent); text-transform:uppercase; font-size:12px; letter-spacing:.2em; }.panel-content a b{color:var(--accent);margin-left:12px}
.service-panel.active .panel-content > span,.service-panel.active .panel-content a { opacity:1; transform:translateY(0); }
.service-car { position:absolute; z-index:2; left:9%; right:9%; bottom:-76px; pointer-events:none; opacity:0; transform:translateX(42vw) scale(.97); filter:blur(7px); }
.services-stage.in-view .service-car { animation:car-arrival 1.55s cubic-bezier(.14,.75,.22,1) .12s forwards; }
.service-car img { display:block; width:100%; height:auto; filter:drop-shadow(0 30px 22px rgba(0,0,0,.62)); }
.arrival-beam { position:absolute; z-index:-1; left:0; right:0; bottom:13%; height:2px; background:linear-gradient(90deg,transparent,#b4c7d2,transparent); opacity:0; filter:blur(4px); }.services-stage.in-view .arrival-beam{animation:beam 1.6s .2s ease-out}
.car-hotspots { position:absolute; z-index:4; left:9%; right:9%; bottom:-50px; height:47%; border-top:1px solid rgba(255,255,255,.13); border-bottom:1px solid rgba(255,255,255,.13); opacity:0; transition:opacity .7s ease 1.05s; }
.services-section.section-visible .car-hotspots { opacity:1; }
.hotspot { position:absolute; left:var(--x); width:var(--w); top:0; bottom:0; border:0; border-left:1px solid rgba(255,255,255,.26); padding:0; cursor:pointer; color:#fff; background:linear-gradient(180deg,rgba(201,167,106,0),rgba(201,167,106,0)); font:inherit; transition:background .35s ease,border-color .35s ease; }
.hotspot:last-child { border-right:1px solid rgba(255,255,255,.26); }
.hotspot::before { content:""; position:absolute; inset:0; opacity:0; background:linear-gradient(180deg,rgba(201,167,106,.03),rgba(201,167,106,.2) 72%,rgba(201,167,106,.03)); box-shadow:inset 0 0 24px rgba(201,167,106,.07); transition:opacity .35s ease; }
.hotspot:hover::before,.hotspot:focus-visible::before,.hotspot.active::before { opacity:1; }
.hotspot:hover,.hotspot:focus-visible,.hotspot.active { border-left-color:var(--accent); outline:none; }
.hotspot span,.hotspot b,.hotspot i { position:absolute; opacity:0; transition:.3s; pointer-events:none; }
.hotspot span { top:8%; left:14px; color:var(--accent); font-size:12px; letter-spacing:.2em; }
.hotspot i { top:17%; left:17px; height:44px; width:1px; background:linear-gradient(var(--accent),transparent); transform:scaleY(.25); transform-origin:top; }
.hotspot b { bottom:9%; left:50%; transform:translateX(-50%); padding:7px 10px; background:rgba(5,5,5,.72); text-transform:uppercase; font:500 12px/1 "Manrope"; letter-spacing:.18em; white-space:nowrap; }
.hotspot:hover span,.hotspot:hover b,.hotspot:hover i,.hotspot:focus-visible span,.hotspot:focus-visible b,.hotspot:focus-visible i,.hotspot.active span,.hotspot.active b,.hotspot.active i{opacity:1}.hotspot:hover i,.hotspot:focus-visible i,.hotspot.active i{transform:scaleY(1)}
.service-hint { position:absolute; z-index:6; left:auto; right:0; bottom:16px; display:flex; align-items:center; gap:12px; padding:10px 14px; border:1px solid rgba(201,167,106,.26); color:#e1c587; background:rgba(5,5,5,.82); box-shadow:0 10px 28px rgba(0,0,0,.3); backdrop-filter:blur(9px); -webkit-backdrop-filter:blur(9px); text-transform:uppercase; font:600 12px/1 "Manrope"; letter-spacing:.2em; opacity:0; transform:translateX(18px); transition:opacity .55s ease 1.2s,transform .55s ease 1.2s; }.service-hint span{width:32px;height:1px;background:var(--accent);box-shadow:0 0 8px rgba(201,167,106,.4)}
.services-section.section-visible .service-hint { opacity:1; transform:translateX(0); }
@keyframes car-arrival { 0%{opacity:0;transform:translateX(42vw) scale(.97);filter:blur(7px)} 65%{opacity:1;filter:blur(0)} 82%{transform:translateX(-1.5vw) scale(1)} 100%{opacity:1;transform:translateX(0) scale(1);filter:blur(0)} }
@keyframes beam { 0%,100%{opacity:0;transform:scaleX(.2) translateX(70%)} 45%{opacity:.8} 70%{opacity:.3;transform:scaleX(1) translateX(0)} }
@keyframes intro-line { to{width:74px} }
@keyframes intro-name { to{opacity:1;transform:translateY(0)} }
@keyframes intro-scan { 0%{transform:translateX(-110%)} 70%,100%{transform:translateX(110%)} }
@keyframes hero-media-in { to{opacity:1;transform:scale(1)} }
@keyframes menu-fade { to{opacity:1} }

.stacked-services { position:relative; background:#000; }
.stacked-services-intro { min-height:78vh; display:flex; flex-direction:column; justify-content:center; padding:clamp(100px,13vw,190px) var(--page-pad); background:radial-gradient(circle at 78% 42%,rgba(201,167,106,.08),transparent 30%),#000; }
.stacked-services-intro h2 { max-width:1120px; margin:20px 0 0; color:#fff; text-transform:uppercase; font:500 clamp(46px,6.6vw,104px)/.91 "Manrope"; letter-spacing:-.065em; }.stacked-services-intro h2 em{color:rgba(255,255,255,.54);font-style:normal}.stacked-services-intro>p:last-child{max-width:590px;margin:30px 0 0;color:#777;font-size:13px;line-height:1.75}
.stacked-services-track { position:relative; height:900vh; background:#000; }
.stacked-services-deck { position:sticky; top:0; height:100vh; overflow:hidden; perspective:1400px; transform-style:preserve-3d; }
.stacked-service-card { position:absolute; inset:0; z-index:var(--card-index); display:flex; align-items:center; justify-content:center; padding:clamp(16px,3vh,40px) clamp(24px,3vw,56px); background:transparent; transform-style:preserve-3d; will-change:transform,opacity; }
.stacked-service-inner { position:relative; width:100%; max-width:1600px; height:min(84vh,900px); margin:0; display:grid; grid-template-columns:1fr 1fr; align-items:stretch; overflow:hidden; border:1px solid rgba(255,255,255,.09); border-radius:clamp(20px,2vw,32px); background:#0b0b0b; box-shadow:0 40px 120px rgba(0,0,0,.55); transform-origin:center; will-change:filter; backface-visibility:hidden; }
.stacked-service-media { position:relative; min-width:0; overflow:hidden; }.stacked-service-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 54%,rgba(2,2,2,.58))}.stacked-service-media img{width:100%;height:100%;object-fit:cover;object-position:center 38%;filter:saturate(.68) contrast(1.08);transform:scale(1.025)}.stacked-service-media>span{position:absolute;z-index:2;left:34px;bottom:28px;color:#aaa;text-transform:uppercase;font:600 12px/1 "Manrope";letter-spacing:.2em}
.stacked-service-media { grid-column:2; grid-row:1; }
.stacked-service-content { position:relative; grid-column:1; grid-row:1; display:flex; flex-direction:column; justify-content:center; padding:clamp(34px,6vw,92px); background:radial-gradient(circle at 20% 80%,rgba(201,167,106,.07),transparent 38%),#0b0b0b; }.stacked-service-content::before{content:"";position:absolute;right:0;top:12%;bottom:12%;width:1px;background:linear-gradient(transparent,rgba(201,167,106,.5),transparent)}.stacked-service-content small{color:var(--accent);text-transform:uppercase;font:600 12px/1 "Manrope";letter-spacing:.22em}.stacked-service-content h3{margin:24px 0 22px;color:#fff;text-transform:uppercase;font:500 clamp(38px,5vw,78px)/.91 "Manrope";letter-spacing:-.06em}.stacked-service-content p{max-width:500px;margin:0;color:#92928e;font-size:clamp(12px,1vw,15px);line-height:1.75}.stacked-service-content a{display:inline-flex;align-items:center;gap:25px;width:max-content;margin-top:34px;padding:13px 18px;border-radius:99px;color:#0a0a0a;background:var(--paper);text-transform:uppercase;font:700 12px/1 "Manrope";letter-spacing:.14em;transition:.25s}.stacked-service-content a b{font-size:14px}.stacked-service-content a:hover{gap:34px;background:var(--accent)}

.results-section { padding:clamp(110px,13vw,190px) var(--page-pad); color:#f4f2ed; background:#050505; transition:color .45s,background .45s; }
.results-head { max-width:var(--container); margin:0 auto clamp(48px,6vw,84px); }
.results-title-row { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(280px,.48fr); align-items:end; gap:60px; }
.results-title-row h2 { margin:0; text-transform:uppercase; font:500 clamp(52px,7.2vw,108px)/.84 "Manrope"; letter-spacing:-.07em; }
.results-title-row h2 em { color:rgba(255,255,255,.58); font-style:normal; }
.results-title-row p { max-width:470px; margin:0 0 4px; color:#8e8d88; font-size:13px; line-height:1.8; }
.before-after { position:relative; width:100%; max-width:var(--container); height:min(72vh,780px); min-height:520px; margin:0 auto; overflow:hidden; border:1px solid rgba(255,255,255,.12); border-radius:clamp(8px,1.5vw,20px); background:#0b0b0b; cursor:ew-resize; user-select:none; touch-action:pan-y; }
.compare-layer { position:absolute; inset:0; overflow:hidden; }
.compare-layer img { display:block; width:100%; height:100%; object-fit:cover; pointer-events:none; }
.compare-before { z-index:1; clip-path:inset(0 calc(100% - var(--position)) 0 0); }
.compare-before img { object-position:center; }
.compare-after { z-index:0; }
.compare-after img { object-position:center; }
.compare-layer::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 55%,rgba(0,0,0,.42)); pointer-events:none; }
.compare-layer>span { position:absolute; z-index:2; top:26px; padding:9px 12px; border:1px solid rgba(255,255,255,.24); color:#fff; background:rgba(5,5,5,.58); text-transform:uppercase; font:700 12px/1 "Manrope"; letter-spacing:.2em; backdrop-filter:blur(8px); }
.compare-before>span { left:26px; }
.compare-after>span { right:26px; }
.compare-divider { position:absolute; z-index:4; top:0; bottom:0; left:var(--position); width:1px; background:rgba(255,255,255,.92); box-shadow:0 0 22px rgba(255,255,255,.3); pointer-events:none; }
.compare-divider::before { content:""; position:absolute; left:50%; top:50%; width:56px; height:56px; border:1px solid rgba(255,255,255,.78); border-radius:50%; background:rgba(7,7,7,.78); transform:translate(-50%,-50%); backdrop-filter:blur(9px); }
.compare-divider i { position:absolute; z-index:1; top:50%; color:#fff; font:400 21px/1 var(--font-body); font-style:normal; transform:translateY(-52%); }
.compare-divider i:first-child { right:8px; }.compare-divider i:last-child { left:9px; }
.compare-range { position:absolute; z-index:5; inset:0; width:100%; height:100%; margin:0; opacity:0; cursor:ew-resize; }
.result-meta { max-width:var(--container); display:grid; grid-template-columns:auto minmax(90px,1fr) 42px auto; align-items:center; gap:18px; margin:22px auto 0; color:#8f8e89; text-transform:uppercase; font:600 12px/1 "Manrope"; letter-spacing:.18em; }
.result-meta-title { color:var(--accent); }
.result-progress { position:relative; height:1px; overflow:visible; background:rgba(255,255,255,.15); }
.result-progress::before { content:""; position:absolute; inset:0 auto 0 0; width:var(--position); background:linear-gradient(90deg,rgba(201,167,106,.25),var(--accent)); transition:width .08s linear; }
.result-progress i { position:absolute; z-index:1; top:50%; left:var(--position); width:7px; height:7px; border:1px solid var(--accent); border-radius:50%; background:#080808; box-shadow:0 0 0 4px rgba(201,167,106,.1),0 0 18px rgba(201,167,106,.55); transform:translate(-50%,-50%); transition:left .08s linear; }
.result-progress i::after { content:""; position:absolute; inset:-7px; border:1px solid rgba(201,167,106,.35); border-radius:50%; animation:result-pulse 2s ease-out infinite; }
.result-value { color:#f4f2ed; font-variant-numeric:tabular-nums; text-align:right; }
.result-instruction { display:flex; align-items:center; gap:9px; white-space:nowrap; }
.result-instruction b { color:var(--accent); font-size:13px; animation:result-nudge 1.8s ease-in-out infinite; }
@keyframes result-pulse { 0%{opacity:.8;transform:scale(.55)}70%,100%{opacity:0;transform:scale(1.45)} }
@keyframes result-nudge { 0%,100%{transform:translateX(0)}50%{transform:translateX(4px)} }

.process-section { position:relative; color:#f4f2ed; background:#050505; transition:color .45s,background .45s; }
.process-intro { min-height:56vh; display:flex; flex-direction:column; justify-content:center; padding:clamp(100px,9vw,140px) var(--page-pad) clamp(58px,6vw,90px); }
.process-intro h2 { max-width:1100px; margin:20px 0 0; text-transform:uppercase; font:500 clamp(52px,7vw,108px)/.86 "Manrope"; letter-spacing:-.07em; }
.process-intro h2 em { color:rgba(255,255,255,.58); font-style:normal; }
.process-intro>p:last-child { max-width:560px; margin:30px 0 0; color:#898883; font-size:13px; line-height:1.8; }
.process-track { position:relative; height:600vh; }
.process-sticky { position:sticky; top:0; height:100vh; display:grid; grid-template-columns:minmax(360px,.72fr) minmax(0,1.28fr); align-items:center; gap:clamp(40px,6vw,110px); padding:clamp(86px,9vh,110px) var(--page-pad) clamp(24px,4vh,48px); overflow:hidden; }
.process-list { align-self:center; border-bottom:1px solid rgba(255,255,255,.1); }
.process-step { position:relative; width:100%; display:grid; grid-template-columns:52px 1fr; gap:18px; align-items:start; padding:20px 0; border:0; border-top:1px solid rgba(255,255,255,.1); color:#5f5f5b; background:none; text-align:left; cursor:pointer; transition:color .45s,padding .45s; }
.process-step::before { content:""; position:absolute; top:-1px; left:0; width:0; height:1px; background:var(--accent); transition:width .65s cubic-bezier(.2,.8,.2,1); }
.process-step>span { padding-top:5px; color:#575753; font:600 12px/1 "Manrope"; letter-spacing:.18em; transition:color .4s; }
.process-step strong { display:block; text-transform:uppercase; font:500 clamp(22px,2.15vw,35px)/1 "Manrope"; letter-spacing:-.04em; }
.process-step p { max-width:440px; max-height:0; margin:0; overflow:hidden; color:#8c8b86; font-size:13px; line-height:1.65; opacity:0; transform:translateY(7px); transition:max-height .55s ease,margin .45s,opacity .4s,transform .5s; }
.process-step.active { color:#f4f2ed; padding-top:25px; padding-bottom:25px; }
.process-step.active::before { width:100%; }
.process-step.active>span { color:var(--accent); }
.process-step.active p { max-height:70px; margin-top:11px; opacity:1; transform:none; }
.process-visuals { position:relative; width:100%; height:min(82vh,860px); overflow:hidden; border:1px solid rgba(255,255,255,.1); border-radius:clamp(14px,2vw,28px); background:#0b0b0b; box-shadow:0 35px 100px rgba(0,0,0,.42); }

/* Cinematic brand break */
.cinematic-break { --cinematic-progress:0; --cinematic-scale:1.015; --cinematic-opacity:.2; --cinematic-label-opacity:.25; --cinematic-label-shift:16px; --cinematic-first-shift:105%; --cinematic-second-shift:115%; position:relative; height:160vh; color:#f4f2ed; background:#050505; }
.cinematic-sticky { position:sticky; top:0; width:100%; height:100svh; min-height:620px; overflow:hidden; isolation:isolate; background:#050505; }
.cinematic-video { position:absolute; z-index:-3; inset:-3%; width:106%; height:106%; object-fit:cover; object-position:center; filter:saturate(.72) contrast(1.08) brightness(.7); transform:scale(var(--cinematic-scale)); transform-origin:center; will-change:transform; }
.cinematic-shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.27) 48%,rgba(0,0,0,.44) 100%),linear-gradient(180deg,rgba(0,0,0,.42),transparent 32%,rgba(0,0,0,.6)); }
.cinematic-shade::after { content:""; position:absolute; inset:0; background:radial-gradient(circle at 64% 47%,transparent 0,rgba(0,0,0,.08) 42%,rgba(0,0,0,.52) 100%); }
.cinematic-copy { position:absolute; left:max(30px,calc((100vw - 1600px) / 2 + 40px)); bottom:clamp(72px,12vh,145px); max-width:min(900px,82vw); text-transform:uppercase; }
.cinematic-copy>span { display:block; margin-bottom:clamp(20px,3vh,36px); color:#d8bd83; font:700 12px/1 "Manrope",sans-serif; letter-spacing:.25em; opacity:var(--cinematic-label-opacity); transform:translateY(var(--cinematic-label-shift)); }
.cinematic-copy h2 { margin:0; font:500 clamp(58px,8.6vw,150px)/.82 "Manrope",sans-serif; letter-spacing:-.072em; }
.cinematic-copy h2 span { display:block; overflow:hidden; padding-right:.08em; }
.cinematic-copy h2 span:first-child { opacity:var(--cinematic-opacity); transform:translateY(var(--cinematic-first-shift)); }
.cinematic-copy h2 span:last-child { color:rgba(255,255,255,.85); opacity:var(--cinematic-opacity); transform:translateY(var(--cinematic-second-shift)); }
.cinematic-progress { position:absolute; right:max(30px,calc((100vw - 1600px) / 2 + 40px)); bottom:clamp(76px,12vh,148px); width:clamp(80px,10vw,160px); height:1px; overflow:hidden; background:rgba(255,255,255,.25); }
.cinematic-progress i { display:block; width:100%; height:100%; background:#d8bd83; transform:scaleX(var(--cinematic-progress)); transform-origin:left; }

/* Studio / About */
.studio-section { position:relative; padding:clamp(110px,11vw,180px) var(--page-pad); color:#f4f2ed; background:#090909; transition:color .45s,background .45s; }
.studio-shell { width:100%; max-width:1600px; margin:0 auto; }
.studio-heading { display:grid; grid-template-columns:minmax(150px,.32fr) minmax(0,1.68fr); align-items:start; padding-bottom:clamp(48px,6vw,90px); }
.studio-heading h2 { grid-column:2; min-width:0; margin:0; padding-bottom:.12em; text-transform:uppercase; font:500 clamp(58px,8vw,126px)/.86 "Manrope",sans-serif; letter-spacing:-.075em; }
.studio-heading h2 em { color:rgba(255,255,255,.62); font-style:normal; }
.studio-grid { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(300px,.5fr); align-items:stretch; gap:clamp(28px,4vw,72px); }
.studio-gallery { display:grid; gap:clamp(12px,1.2vw,20px); }
.studio-detail-row { display:grid; grid-template-columns:1fr 1fr; gap:clamp(12px,1.2vw,20px); }
.studio-media { position:relative; margin:0; overflow:hidden; border:1px solid rgba(255,255,255,.1); background:#111; }
.studio-media-main { height:clamp(500px,52vw,760px); }
.studio-media-detail { height:clamp(220px,24vw,350px); }
.studio-media::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.68)); pointer-events:none; }
.studio-media img { width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.72) contrast(1.06); transition:transform 1.4s cubic-bezier(.16,.8,.2,1),filter .6s; }
.studio-media:hover img { transform:scale(1.025); filter:saturate(.9) contrast(1.04); }
.studio-media figcaption { position:absolute; z-index:2; left:clamp(22px,3vw,46px); right:clamp(22px,3vw,46px); bottom:clamp(22px,3vw,42px); display:flex; align-items:flex-end; justify-content:space-between; gap:20px; text-transform:uppercase; }
.studio-media figcaption span { color:#d6ba7f; font:700 12px/1 "Manrope",sans-serif; letter-spacing:.2em; }
.studio-media figcaption b { color:#f4f2ed; font:600 12px/1 "Manrope",sans-serif; letter-spacing:.16em; }
.studio-copy { position:sticky; top:clamp(110px,14vh,150px); align-self:start; padding:0 0 clamp(18px,2vw,32px); border-top:1px solid rgba(255,255,255,.14); }
.studio-index { display:block; padding-top:18px; color:#777670; text-transform:uppercase; font:600 12px/1 "Manrope",sans-serif; letter-spacing:.2em; }
.studio-copy p { max-width:440px; margin:clamp(44px,7vw,94px) 0 42px; color:#aaa9a4; font-size:clamp(15px,1.15vw,18px); line-height:1.75; }
.studio-copy a { display:inline-flex; align-items:center; gap:24px; padding-bottom:10px; border-bottom:1px solid #c9a76a; color:#f4f2ed; text-transform:uppercase; font:700 12px/1 "Manrope",sans-serif; letter-spacing:.16em; transition:gap .3s,color .3s; }
.studio-copy a b { color:#c9a76a; font-size:15px; }
.studio-copy a:hover { gap:32px; color:#c9a76a; }

/* Final contact statement */
.final-cta { position:relative; min-height:100svh; display:flex; align-items:flex-end; overflow:hidden; isolation:isolate; padding:clamp(130px,14vw,210px) var(--page-pad) clamp(80px,8vw,130px); color:#f4f2ed; background:#050505; }
.final-cta-image { position:absolute; z-index:-3; inset:0; width:100%; height:100%; object-fit:cover; object-position:62% center; filter:saturate(.62) contrast(1.08) brightness(.64); transform:scale(1.025); transition:transform 1.4s cubic-bezier(.16,.8,.2,1); }
.final-cta:hover .final-cta-image { transform:scale(1.045); }
.final-cta-shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.75) 34%,rgba(0,0,0,.16) 72%),linear-gradient(180deg,rgba(0,0,0,.22),rgba(0,0,0,.78)); }
.final-cta-content { width:100%; max-width:1600px; margin:0 auto; }
.final-cta h2 { max-width:1100px; margin:24px 0 0; text-transform:uppercase; font:500 clamp(62px,9vw,148px)/.82 "Manrope",sans-serif; letter-spacing:-.075em; }
.final-cta h2 em { color:rgba(255,255,255,.72); font-style:normal; }
.final-cta-copy { max-width:480px; margin:34px 0 0; color:#aaa9a4; font-size:clamp(13px,1vw,16px); line-height:1.75; }
.final-cta-action { display:inline-flex; align-items:center; gap:clamp(34px,5vw,80px); margin-top:38px; padding:0 0 13px; border:0; border-bottom:1px solid #c9a76a; color:#f4f2ed; background:none; text-transform:uppercase; font:700 13px/1 "Manrope",sans-serif; letter-spacing:.2em; cursor:pointer; transition:gap .35s,color .3s; }
.final-cta-action span { color:#c9a76a; font-size:18px; }
.final-cta-action:hover { gap:clamp(46px,6vw,96px); color:#d8bd83; }

/* Footer */
.site-footer { position:relative; overflow:hidden; padding:clamp(68px,6vw,96px) var(--page-pad) 24px; color:#f4f2ed; background:#030303; border-top:1px solid rgba(255,255,255,.08); }
.footer-grid { width:100%; max-width:1600px; margin:0 auto; display:grid; grid-template-columns:minmax(320px,1.45fr) minmax(0,1.55fr); gap:clamp(80px,10vw,180px); padding-bottom:clamp(72px,7vw,110px); }
.footer-brand { max-width:340px; }
.footer-logo { display:inline-flex; align-items:center; gap:11px; text-transform:uppercase; font:600 14px/1 "Manrope",sans-serif; letter-spacing:.13em; }
.footer-logo-image { display:block; width:176px; height:auto; }
.footer-logo b { color:#c9a76a; font-weight:500; }
.footer-logo .brand-mark { transform:skewX(-12deg) scale(.72); transform-origin:left center; margin-right:-5px; }
.footer-brand>p { max-width:300px; margin:28px 0 34px; color:#74736f; font-size:13px; line-height:1.7; }
.footer-status { display:flex; align-items:center; gap:9px; color:#666560; text-transform:uppercase; font:600 12px/1 "Manrope",sans-serif; letter-spacing:.08em; }
.footer-status i { width:6px; height:6px; border-radius:50%; background:#3f9c7d; box-shadow:0 0 9px rgba(63,156,125,.55); }
.footer-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(34px,4vw,76px); }
.footer-column { display:flex; flex-direction:column; align-items:flex-start; gap:17px; }
.footer-column>span { display:block; width:100%; margin-bottom:12px; padding:0; border:0; color:#dedbd4; text-transform:uppercase; font:700 13px/1 "Manrope",sans-serif; letter-spacing:.16em; }
.footer-column a,.footer-column button { position:relative; padding:0; border:0; color:#989792; background:none; font:400 13px/1.3 "DM Sans",sans-serif; text-align:left; cursor:pointer; transition:color .25s,transform .25s; }
.footer-column a::after,.footer-column button::after { content:""; position:absolute; left:0; right:100%; bottom:-5px; height:1px; background:#c9a76a; transition:right .3s; }
.footer-column a:hover,.footer-column button:hover { color:#f4f2ed; transform:translateX(3px); }
.footer-column a:hover::after,.footer-column button:hover::after { right:0; }
.footer-column .footer-highlight { margin-top:2px; color:#d6ba7f; font-weight:600; }
.footer-bottom { width:100%; max-width:1600px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; padding:22px 0; border-top:1px solid rgba(255,255,255,.1); color:#666661; font:500 12px/1 "Manrope",sans-serif; letter-spacing:.13em; text-transform:uppercase; }
.agency-credit { position:relative; width:66px; height:15px; perspective:100px; }
.agency-link { position:absolute; z-index:4; inset:0; overflow:hidden; text-indent:-9999px; }
.agency-card { position:relative; width:100%; height:100%; transform-style:preserve-3d; }
.agency-card figure { position:absolute; inset:0; display:grid; place-items:center; margin:0; padding:0 8px; backface-visibility:hidden; transition:transform .4s ease; transform-style:preserve-3d; }
.agency-card figure img { display:block; width:100%; height:100%; object-fit:contain; }
.agency-back { transform:rotateY(180deg); }
.agency-tooltip { position:absolute; z-index:5; left:50%; bottom:calc(100% + 8px); width:108px; padding:7px 8px; border-bottom:1px solid #fffaf0; color:#fff; background:rgba(0,0,0,.72); text-align:center; text-transform:none; font:500 13px/1.3 "DM Sans",sans-serif; letter-spacing:0; opacity:0; pointer-events:none; transform:translate(-50%,6px) scaleX(.7); transition:opacity .25s,transform .3s; }
.agency-credit:hover .agency-front { transform:rotateY(180deg); }
.agency-credit:hover .agency-back { transform:rotateY(360deg); }
.agency-credit:hover .agency-tooltip { opacity:1; transform:translate(-50%,0) scaleX(1); }
.process-visual { position:absolute; inset:0; margin:0; opacity:0; visibility:hidden; transform:scale(1.045) translateY(22px); transition:opacity .7s ease,visibility .7s,transform 1.15s cubic-bezier(.16,.8,.2,1); }
.process-visual.active { z-index:1; opacity:1; visibility:visible; transform:scale(1) translateY(0); }
.process-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 53%,rgba(0,0,0,.68)); }
.process-visual img { width:100%; height:100%; object-fit:cover; object-position:center 43%; filter:saturate(.66) contrast(1.08); transform:scale(1.015); transition:transform 5s ease; }
.process-visual.active img { transform:scale(1.055); }
.process-visual figcaption { position:absolute; z-index:2; left:clamp(22px,3vw,46px); right:clamp(22px,3vw,46px); bottom:clamp(22px,3vw,42px); display:flex; align-items:end; justify-content:space-between; gap:20px; text-transform:uppercase; }
.process-visual figcaption span { color:var(--accent); font:700 12px/1 "Manrope"; letter-spacing:.2em; }
.process-visual figcaption b { color:#fff; font:500 clamp(15px,1.4vw,22px)/1 "Manrope"; letter-spacing:.02em; }
.process-counter { position:absolute; z-index:3; top:25px; right:28px; display:flex; align-items:center; gap:10px; padding:8px 10px; color:#fff; background:rgba(5,5,5,.48); backdrop-filter:blur(8px); font:600 12px/1 "Manrope"; letter-spacing:.16em; }
.process-counter span { color:var(--accent); }.process-counter i{width:25px;height:1px;background:rgba(255,255,255,.35)}.process-counter b{font-weight:600;color:#888}

.reveal-ready [data-reveal] { opacity:0; filter:blur(6px); transform:translate3d(0,48px,0); transition:opacity .85s cubic-bezier(.2,.75,.2,1),transform 1s cubic-bezier(.16,.8,.2,1),filter .9s ease,clip-path 1.05s cubic-bezier(.2,.75,.2,1); transition-delay:var(--reveal-delay,0ms); will-change:opacity,transform,filter,clip-path; }
.reveal-ready [data-reveal="wipe"] { clip-path:inset(0 0 100% 0); filter:none; transform:translate3d(0,30px,0); }
.reveal-ready [data-reveal="scale"] { clip-path:inset(4% 1% 4% 1% round 12px); transform:translate3d(0,44px,0) scale(.975); }
.reveal-ready [data-reveal].is-revealed { opacity:1; filter:none; clip-path:inset(0 0 0 0 round 0); transform:translate3d(0,0,0) scale(1); }
.reveal-ready [data-reveal="heading"] { opacity:1; filter:none; transform:none; }
.reveal-line { display:block; overflow:hidden; padding-bottom:.09em; margin-bottom:-.09em; }
.reveal-line>span { display:block; opacity:0; transform:translate3d(0,112%,0) rotate(.7deg); transform-origin:left bottom; transition:opacity .35s ease,transform 1.05s cubic-bezier(.16,.82,.18,1); transition-delay:calc(var(--reveal-delay,0ms) + var(--line-delay,0ms)); }
.reveal-ready [data-reveal="heading"].is-revealed .reveal-line>span { opacity:1; transform:translate3d(0,0,0) rotate(0); }

html[data-theme="light"] { color-scheme:light; --ink:#efede7; --paper:#111; --muted:#66635e; --line:rgba(17,17,17,.12); }
html[data-theme="light"] body { background:#efede7; }
html[data-theme="light"] .site-header:not(.scrolled) { color:#f4f2ed; }
html[data-theme="light"] .site-header:not(.scrolled) .brand-mark i { border-color:#f4f2ed; }
html[data-theme="light"] .site-header:not(.scrolled) .brand-mark i:last-child { border-color:var(--accent); }
html[data-theme="light"] .site-header:not(.scrolled) .header-cta { color:#f4f2ed; border-color:rgba(255,255,255,.45); }
html[data-theme="light"] .site-header.scrolled { color:#111; background:rgba(244,242,237,.86); border-color:rgba(17,17,17,.12); }
html[data-theme="light"] .site-header.scrolled .brand-mark i { border-color:#111; }
html[data-theme="light"] .site-header.scrolled .brand-mark i:last-child { border-color:var(--accent); }
html[data-theme="light"] .site-header.scrolled .main-nav>a,
html[data-theme="light"] .site-header.scrolled .services-mega-toggle,
html[data-theme="light"] .site-header.scrolled .nav-dropdown-toggle { color:rgba(17,17,17,.72); }
html[data-theme="light"] .site-header.scrolled .main-nav>a:hover,
html[data-theme="light"] .site-header.scrolled .services-mega:hover .services-mega-toggle,
html[data-theme="light"] .site-header.scrolled .services-mega.open .services-mega-toggle,
html[data-theme="light"] .site-header.scrolled .nav-dropdown:hover .nav-dropdown-toggle,
html[data-theme="light"] .site-header.scrolled .nav-dropdown.open .nav-dropdown-toggle { color:#111; }
html[data-theme="light"] .site-header.scrolled .header-cta { border-color:rgba(17,17,17,.35); }
html[data-theme="light"] .site-header.scrolled .language-switch span.active { color:#111; }
html[data-theme="light"] .theme-toggle-track { border-color:rgba(255,255,255,.28); }
html[data-theme="light"] .theme-toggle-track b { transform:translateX(23px); background:#d2ad67; }
html[data-theme="light"] .site-header.scrolled .theme-toggle-track { border-color:rgba(17,17,17,.22); background:rgba(17,17,17,.06); }
html[data-theme="light"] .services-section { color:#111; background:radial-gradient(circle at 50% 50%,#fff 0,#efede7 58%,#e4e1da 100%); }
html[data-theme="light"] .services-heading h2 { color:#111; }
html[data-theme="light"] .services-intro { color:#4f4d49; }
html[data-theme="light"] .section-label span { color:#605d57; }
html[data-theme="light"] .service-hint { color:#f0d69c; border-color:rgba(201,167,106,.4); background:rgba(18,18,17,.88); }
html[data-theme="light"] .services-section::before { opacity:.22; background-image:linear-gradient(rgba(17,17,17,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(17,17,17,.055) 1px,transparent 1px); }
html[data-theme="light"] .service-car img { filter:none; }
html[data-theme="light"] .arrival-beam { display:none; }
html[data-theme="light"] .cinematic-break { color:#f4f2ed; background:#050505; }
html[data-theme="light"] .studio-section { color:#111; background:#efede7; }
html[data-theme="light"] .studio-heading h2 em { color:rgba(17,17,17,.5); }
html[data-theme="light"] .studio-media { border-color:rgba(17,17,17,.12); }
html[data-theme="light"] .studio-copy { border-color:rgba(17,17,17,.16); }
html[data-theme="light"] .studio-index { color:#716e68; }
html[data-theme="light"] .studio-copy p { color:#55524d; }
html[data-theme="light"] .studio-copy a { color:#111; }
html[data-theme="light"] .studio-copy a:hover { color:#9c7735; }
html[data-theme="light"] .final-cta { color:#f4f2ed; background:#050505; }
html[data-theme="light"] .site-footer { color:#f4f2ed; background:#050505; }
html[data-theme="light"] .stacked-services,
html[data-theme="light"] .stacked-services-track { background:#e7e4dd; }
html[data-theme="light"] .stacked-services-intro { background:radial-gradient(circle at 78% 42%,rgba(201,167,106,.13),transparent 32%),#efede7; }
html[data-theme="light"] .stacked-services-intro h2 { color:#111; }
html[data-theme="light"] .stacked-services-intro h2 em { color:rgba(17,17,17,.48); }
html[data-theme="light"] .stacked-services-intro>p:last-child { color:#4f4d48; }
html[data-theme="light"] .stacked-service-inner { border-color:rgba(17,17,17,.13); background:#f7f5f0; box-shadow:0 40px 100px rgba(58,49,36,.16); }
html[data-theme="light"] .stacked-service-content { background:radial-gradient(circle at 20% 80%,rgba(201,167,106,.11),transparent 38%),#f7f5f0; }
html[data-theme="light"] .stacked-service-content h3 { color:#111; }
html[data-theme="light"] .stacked-service-content p { color:#4f4d48; }
html[data-theme="light"] .stacked-service-content a { color:#f7f5f0; background:#111; }
html[data-theme="light"] .stacked-service-content a:hover { color:#111; background:var(--accent); }
html[data-theme="light"] .results-section { color:#111; background:#efede7; }
html[data-theme="light"] .results-title-row h2 em { color:rgba(17,17,17,.52); }
html[data-theme="light"] .results-title-row p { color:#4f4c47; }
html[data-theme="light"] .before-after { border-color:rgba(17,17,17,.16); box-shadow:0 34px 90px rgba(55,48,37,.14); }
html[data-theme="light"] .result-meta { color:#55524d; }
html[data-theme="light"] .result-progress { background:rgba(17,17,17,.17); }
html[data-theme="light"] .result-progress i { background:#efede7; }
html[data-theme="light"] .result-value { color:#111; }
html[data-theme="light"] .process-section { color:#111; background:#efede7; }
html[data-theme="light"] .process-intro h2 em { color:rgba(17,17,17,.52); }
html[data-theme="light"] .process-intro>p:last-child { color:#4f4c47; }
html[data-theme="light"] .process-list,
html[data-theme="light"] .process-step { border-color:rgba(17,17,17,.13); }
html[data-theme="light"] .process-step { color:#8c8982; }
html[data-theme="light"] .process-step.active { color:#111; }
html[data-theme="light"] .process-step p { color:#55524d; }
html[data-theme="light"] .process-visuals { border-color:rgba(17,17,17,.15); box-shadow:0 35px 90px rgba(56,48,36,.15); }
html[data-theme="light"] .chat-launcher { color:#f4f2ed; border-color:#111; background:#111; }
html[data-theme="light"] .chat-launcher:hover { background:#292929; }
html[data-theme="light"] .chat-icon { border-color:#f4f2ed; }
html[data-theme="light"] .chat-icon::after { border-right-color:#f4f2ed; }

html[data-theme="dark"] .main-nav>a,
html[data-theme="dark"] .services-mega-toggle,
html[data-theme="dark"] .nav-dropdown-toggle { color:rgba(255,255,255,.8); }
html[data-theme="dark"] .nav-dropdown-menu { border-color:rgba(255,255,255,.17); background:rgba(8,8,8,.985); }
html[data-theme="dark"] .nav-dropdown-menu a { color:#c8c7c2; }
html[data-theme="dark"] .nav-dropdown-menu a span { color:#d8b66f; }
html[data-theme="dark"] .nav-dropdown-menu a:hover { color:#fff; background:rgba(255,255,255,.075); }
html[data-theme="dark"] .mega-intro p { color:#c1c0bb; }
html[data-theme="dark"] .mega-card-copy small { color:#c7c6c1; }
html[data-theme="dark"] .eyebrow { color:#c5c4bf; }
html[data-theme="dark"] .hero-copy { color:#bdbcb7; }
html[data-theme="dark"] .secondary-action { color:#aaa9a4; border-color:#74736f; }
html[data-theme="dark"] .scroll-cue { color:#969590; }
html[data-theme="dark"] .section-label span { color:#85847f; }
html[data-theme="dark"] .services-intro { color:#aaa9a4; }
html[data-theme="dark"] .service-hint { color:#8f8e89; }
html[data-theme="dark"] .stacked-services-intro>p:last-child { color:#aaa9a4; }
html[data-theme="dark"] .stacked-service-content p { color:#b6b5b0; }
html[data-theme="dark"] .results-title-row p { color:#aaa9a4; }
html[data-theme="dark"] .result-meta { color:#a5a49f; }
html[data-theme="dark"] .process-intro>p:last-child { color:#aaa9a4; }
html[data-theme="dark"] .process-step { color:#a09f9a; }
html[data-theme="dark"] .process-step>span { color:#85847f; }
html[data-theme="dark"] .process-step p { color:#b2b1ac; }
html[data-theme="dark"] .chat-header span,
html[data-theme="dark"] .chat-close { color:#aaa9a4; }
html[data-theme="dark"] .chat-form input::placeholder { color:#91908b; }
html[data-theme="dark"] .chat-note { color:#85847f; }

.chat-widget { position:fixed; z-index:50; right:clamp(18px,2.4vw,38px); bottom:clamp(18px,2.4vw,34px); font-family:"DM Sans",sans-serif; }
.chat-launcher { position:relative; display:grid; place-items:center; width:58px; height:58px; margin-left:auto; border:1px solid rgba(255,255,255,.2); border-radius:50%; color:#080808; background:var(--paper); cursor:pointer; box-shadow:0 14px 38px rgba(0,0,0,.42); transition:transform .25s ease,background .25s ease; }
.chat-launcher:hover { transform:translateY(-3px); background:#fff; }
.chat-icon { position:relative; width:21px; height:16px; border:2px solid #111; border-radius:3px; }
.chat-icon::after { content:""; position:absolute; right:2px; bottom:-5px; width:6px; height:6px; border-right:2px solid #111; transform:skewY(38deg); }
.chat-notification { position:absolute; top:3px; right:3px; width:9px; height:9px; border:2px solid #050505; border-radius:50%; background:var(--accent); transition:opacity .2s; }
.chat-widget.open .chat-notification { opacity:0; }
.chat-panel { --paper:#f4f2ed; --line:rgba(255,255,255,.1); position:absolute; right:0; bottom:72px; width:min(370px,calc(100vw - 36px)); overflow:hidden; border:1px solid rgba(255,255,255,.13); border-radius:3px; color:#f4f2ed; background:rgba(9,9,9,.96); box-shadow:0 28px 80px rgba(0,0,0,.58); backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); opacity:0; visibility:hidden; transform:translateY(18px) scale(.97); transform-origin:bottom right; transition:opacity .3s ease,visibility .3s ease,transform .35s cubic-bezier(.2,.8,.2,1); }
.chat-widget.open .chat-panel { opacity:1; visibility:visible; transform:translateY(0) scale(1); }
.chat-header { height:74px; padding:0 18px; display:flex; align-items:center; gap:12px; border-bottom:1px solid var(--line); background:linear-gradient(110deg,rgba(201,167,106,.11),transparent 55%); }
.chat-avatar { display:grid; place-items:center; width:37px; height:37px; border:1px solid rgba(201,167,106,.5); border-radius:50%; color:var(--accent); font:600 13px/1 "Manrope"; letter-spacing:.08em; }
.chat-header strong { display:block; font:600 12px/1.2 "Manrope"; letter-spacing:.035em; }.chat-header span{display:flex;align-items:center;gap:6px;margin-top:6px;color:#777;font-size:12px}.chat-header span i{width:6px;height:6px;border-radius:50%;background:#77a981;box-shadow:0 0 8px #77a981}
.chat-close { margin-left:auto; padding:6px; border:0; color:#777; background:none; cursor:pointer; font:300 24px/1 var(--font-body); transition:color .2s; }.chat-close:hover{color:#fff}
.chat-messages { height:310px; overflow-y:auto; padding:19px 17px; scrollbar-width:thin; scrollbar-color:#333 transparent; }
.chat-message { width:fit-content; max-width:84%; margin-bottom:10px; padding:11px 13px; font-size:13px; line-height:1.55; animation:message-in .3s ease both; }
.chat-message.bot { color:#c9c9c5; border:1px solid rgba(255,255,255,.09); border-radius:2px 12px 12px 12px; background:#151515; }
.chat-message.user { margin-left:auto; color:#111; border-radius:12px 2px 12px 12px; background:var(--paper); }
.chat-message.typing { display:flex;gap:4px;padding:14px 15px}.chat-message.typing i{width:4px;height:4px;border-radius:50%;background:#777;animation:typing 1s infinite}.chat-message.typing i:nth-child(2){animation-delay:.15s}.chat-message.typing i:nth-child(3){animation-delay:.3s}
.quick-replies { display:flex; flex-wrap:wrap; gap:6px; margin-top:15px; }.quick-replies button{padding:8px 10px;border:1px solid rgba(201,167,106,.32);color:#c8ae7c;background:transparent;text-transform:uppercase;font:600 11px/1 "Manrope";letter-spacing:.13em;cursor:pointer;transition:.2s}.quick-replies button:hover{color:#050505;background:var(--accent)}
.chat-form { height:58px; display:flex; align-items:center; gap:8px; padding:8px 10px 8px 17px; border-top:1px solid var(--line); }.chat-form input{min-width:0;flex:1;border:0;outline:0;color:#eee;background:none;font:400 11px "DM Sans"}.chat-form input::placeholder{color:#5e5e5e}.chat-form button{width:37px;height:37px;border:1px solid rgba(201,167,106,.45);border-radius:50%;color:#111;background:var(--accent);cursor:pointer;font-size:17px;transition:.2s}.chat-form button:hover{transform:rotate(-12deg);background:#dfbd7e}
.chat-form button{display:grid;place-items:center;flex:0 0 37px;padding:0;overflow:hidden}.chat-form button .cta-arrow{flex-basis:14px;width:14px!important;height:8px!important;margin:0!important}.chat-form button .cta-arrow::before{width:14px}.chat-form button .cta-arrow::after{width:5px;height:5px}
.chat-note { margin:0; padding:0 17px 10px; color:#4e4e4e; text-align:center; text-transform:uppercase; font:500 10px/1 "Manrope"; letter-spacing:.18em; }
@keyframes message-in { from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)} }
@keyframes typing { 0%,60%,100%{opacity:.28;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)} }

@keyframes intro { to { opacity:1; transform:translateY(0); } }
@keyframes scroll { 0%{background-position:0 100%}100%{background-position:0 -100%} }
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.page-intro{display:none}.hero-media,.services-heading>div,.services-intro,.car-hotspots,.service-hint{opacity:1;transform:none}}

@media (max-width: 900px) {
  body.menu-open{overflow:hidden!important}
  body.menu-open::before{content:"";position:fixed;z-index:19;inset:0;background:rgba(0,0,0,.62);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:mobile-menu-shade .28s ease both}
  .site-header { height:72px; display:flex; align-items:center; gap:8px; }
  .brand{min-width:0;margin-right:auto}
  .brand-logo-image{height:46px}
  .header-actions { position:static; right:auto; min-width:0; flex:0 0 auto; gap:8px; }
  .header-cta { display:none; }.main-nav .nav-contact{display:inline-flex;margin:0;font-size:13px}.menu-toggle{display:block;position:relative;z-index:2;flex:0 0 44px}.menu-toggle span{display:block;width:25px;height:1px;background:#fff;margin:6px 0;transition:.25s}
  .site-header.menu-open{z-index:30;background:transparent!important;border-color:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
  .main-nav{position:fixed;z-index:2;inset:auto 0 0;height:auto;max-height:min(84dvh,760px);padding:58px 20px max(28px,env(safe-area-inset-bottom));border:1px solid rgba(255,255,255,.13);border-bottom:0;border-radius:24px 24px 0 0;background:rgba(7,7,7,.985);box-shadow:0 -28px 80px rgba(0,0,0,.5);flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;opacity:1;visibility:hidden;pointer-events:none;transform:translateY(104%);transition:visibility .38s,transform .42s cubic-bezier(.2,.75,.2,1)}
  .main-nav::before{content:"";position:absolute;top:14px;left:50%;width:46px;height:4px;border-radius:99px;background:rgba(255,255,255,.28);transform:translateX(-50%)}
  .main-nav.open{visibility:visible;pointer-events:auto;transform:translateY(0)}
  .main-nav>a,.services-mega-toggle,.nav-dropdown-toggle{width:100%;min-height:54px;justify-content:space-between;padding:0 8px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;color:#f4f2ed!important;font-size:20px!important;text-align:left}
  .main-nav>a::after{display:none}.main-nav .nav-contact{display:flex;margin:0;font-size:20px!important;text-transform:none}
  .menu-toggle.active span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle.active span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .services-mega,.nav-dropdown{position:relative;width:100%;height:auto;display:block;text-align:left}
  .services-mega-menu{position:relative;inset:auto;width:100%;max-height:0;display:block;margin:0;padding:0;overflow:hidden;border-color:transparent;border-radius:12px;box-shadow:none;background:#0c0c0c;opacity:1;visibility:visible;transform:none;transition:max-height .5s ease,margin .35s ease,padding .35s ease,border-color .35s}
  .services-mega.open .services-mega-menu{max-height:760px;margin:8px 0 14px;padding:10px;border-color:rgba(255,255,255,.1);transform:none}.mega-intro{display:none}.mega-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;text-align:left}.mega-card-image{height:82px}.mega-card-copy{padding:10px}.mega-card-copy strong{font-size:13px}.mega-card-copy small{display:none}.mega-card-copy i{font-size:10px}
  .nav-dropdown-menu{position:relative;top:auto;left:auto;width:100%;max-height:0;margin:0;padding:0 8px;overflow:hidden;border-color:transparent;border-radius:12px;box-shadow:none;background:#0c0c0c;opacity:1;visibility:visible;transform:none;transition:max-height .35s ease,margin .35s ease,padding .35s ease,border-color .35s}.nav-dropdown.open .nav-dropdown-menu{max-height:190px;margin:8px 0 14px;padding:8px;border-color:rgba(255,255,255,.1);transform:none}.nav-dropdown-menu a{justify-content:flex-start;min-height:44px;padding:10px;font-size:13px}
  .hero { align-items:flex-end; padding:110px 24px 100px; }
  .hero-content { width:100%; }
  .hero-media .car-image { background-position:62% center; opacity:.72; }
  .hero-shade { background:linear-gradient(0deg,#030303 5%,rgba(3,3,3,.88) 38%,rgba(3,3,3,.15) 76%),linear-gradient(90deg,rgba(0,0,0,.45),transparent); }
  h1 { font-size:clamp(40px,12.92vw,62px); }.eyebrow{margin-bottom:22px}.hero-copy{margin-top:25px;max-width:380px}.hero-actions{gap:25px;flex-wrap:wrap}.scroll-cue{left:auto;right:24px;bottom:27px}.scroll-cue{font-size:0}.scroll-cue span{height:28px}
  .services-section{padding:90px 20px 70px;min-height:auto}.services-heading{display:block}.services-intro{width:auto;max-width:430px;margin-top:22px}.services-stage{height:auto;padding-top:28px;display:flex;flex-direction:column}.service-panels{position:relative;inset:auto;height:310px;display:block;margin-top:12px}.service-panel{position:absolute;inset:0;height:300px;margin:0;clip-path:polygon(3% 0,100% 0,97% 100%,0 100%);transform:translateY(35px) scale(.98);padding:20px 26px}.service-panel.active{height:300px;transform:none}.panel-content{top:35px}.panel-content h3 br{display:none}.panel-content h3{font-size:23px}.panel-content>span{max-width:280px}.panel-visual{left:28%;}.service-car{display:none}.car-hotspots{position:absolute;inset:28px 0 auto;height:calc(100% - 28px);display:flex;flex-direction:column;pointer-events:none}.hotspot{position:relative;inset:auto!important;width:100%!important;height:92px;flex:none;margin-bottom:8px;pointer-events:auto}.hotspot span,.hotspot b,.hotspot i{display:none}.service-hint{display:none}
  .chat-launcher{width:52px;height:52px}.chat-panel{bottom:64px}.chat-messages{height:min(310px,43vh)}
  .stacked-services-intro{min-height:68vh;padding:100px 20px}.stacked-services-intro h2{font-size:clamp(33px,9.88vw,55px)}.stacked-services-intro>p:last-child{margin-top:24px}.stacked-services-track{height:auto}.stacked-services-deck{position:relative;top:auto;height:auto;overflow:visible;perspective:none}.stacked-service-card{position:relative;inset:auto;height:auto;margin:0 20px 54px;visibility:visible!important;transform:none!important}.stacked-service-inner{height:auto;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.11);border-radius:13px;transform:none!important;filter:none!important;opacity:1!important}.stacked-service-media{order:1;height:48vh;min-height:330px}.stacked-service-content{order:2;min-height:360px;padding:38px 26px 46px}.stacked-service-content h3{font-size:clamp(30px,9.12vw,47px);margin:20px 0}.stacked-service-content::before{top:0;bottom:auto;left:24px!important;right:auto!important;width:40px;height:1px;background:var(--accent)}.stacked-service-media>span{left:22px;bottom:20px}
  .results-section{padding:100px 20px}.results-head{margin-bottom:42px}.results-title-row{display:block}.results-title-row h2{font-size:clamp(38px,11.4vw,58px)}.results-title-row p{margin-top:28px}.before-after{height:64vh;min-height:460px;border-radius:9px}.compare-layer>span{top:16px}.compare-before>span{left:16px}.compare-after>span{right:16px}.compare-divider::before{width:48px;height:48px}.result-meta{grid-template-columns:1fr 42px auto;gap:12px;line-height:1.5}.result-meta-title{display:none}.result-instruction{font-size:11px}
  .process-intro{min-height:54svh;padding:90px 20px 52px}.process-intro h2{font-size:clamp(36px,10.64vw,56px)}.process-intro>p:last-child{margin-top:26px}.process-track{height:600svh}.process-sticky{height:100svh;grid-template-columns:1fr;grid-template-rows:auto minmax(280px,48vh);align-content:center;gap:20px;padding:82px 20px 18px}.process-list{align-self:end}.process-step{grid-template-columns:34px 1fr;gap:9px;padding:9px 0}.process-step>span{padding-top:3px;font-size:10px}.process-step strong{font-size:clamp(16px,5vw,21px)}.process-step p{font-size:12px;line-height:1.5}.process-step.active{padding:12px 0}.process-step.active p{max-height:44px;margin-top:6px}.process-visuals{height:100%;min-height:280px;border-radius:10px}.process-visual figcaption{left:16px;right:16px;bottom:16px}.process-visual figcaption b{font-size:13px}.process-counter{top:13px;right:13px}
  .cinematic-break{height:145svh}.cinematic-sticky{min-height:540px}.cinematic-video{object-position:58% center}.cinematic-copy{left:20px;right:20px;bottom:86px;max-width:none}.cinematic-copy>span{font-size:11px}.cinematic-copy h2{font-size:clamp(36px,11.4vw,59px);line-height:.88}.cinematic-progress{left:20px;right:20px;bottom:48px;width:auto}
  .studio-section{padding:96px 20px}.studio-heading{display:block;padding-bottom:42px}.studio-heading h2{grid-column:auto;margin-top:20px;font-size:clamp(40px,12.16vw,59px)}.studio-grid{display:block}.studio-media-main{height:62svh;max-height:620px}.studio-media-detail{height:34svh;max-height:320px}.studio-detail-row{grid-template-columns:1fr;gap:12px}.studio-media figcaption b{display:none}.studio-copy{position:relative;top:auto;margin-top:34px}.studio-copy p{margin:38px 0 32px;font-size:14px}.studio-copy a{font-size:12px}
  .final-cta{min-height:92svh;padding:120px 20px 76px}.final-cta-image{object-position:68% center}.final-cta-shade{background:linear-gradient(0deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.68) 58%,rgba(0,0,0,.18))}.final-cta h2{font-size:clamp(41px,12.16vw,62px)}.final-cta-copy{max-width:360px;margin-top:26px}.final-cta-action{margin-top:30px}
  .site-footer{padding:68px 20px 18px}.footer-grid{display:block;padding-bottom:58px}.footer-brand>p{margin:26px 0 30px}.footer-links{grid-template-columns:1fr 1fr;gap:50px 28px;margin-top:64px}.footer-contact{grid-column:1/-1}.footer-bottom{align-items:flex-start;gap:24px;line-height:1.6}
  html[data-theme="light"] .site-header.scrolled .menu-toggle span{background:#111}
  html[data-theme="light"] .site-header .main-nav.open{color:#f4f2ed;background:rgba(4,4,4,.985)}
  html[data-theme="light"] .site-header .main-nav.open>a,
  html[data-theme="light"] .site-header .main-nav.open .services-mega-toggle,
  html[data-theme="light"] .site-header .main-nav.open .nav-dropdown-toggle{color:#f4f2ed!important}
  html[data-theme="light"] .site-header .menu-toggle.active span{background:#f4f2ed}
  .stacked-service-card:not(.is-mobile-visible){opacity:0;transform:translate3d(0,46px,0)!important}
  .stacked-service-card.is-mobile-visible{opacity:1;transform:none!important;transition:opacity .75s ease,transform .9s cubic-bezier(.16,.8,.2,1)}
}

@keyframes mobile-menu-shade{from{opacity:0}to{opacity:1}}

@media (prefers-reduced-motion:reduce){.reveal-ready [data-reveal],.stacked-service-card{opacity:1!important;filter:none!important;clip-path:none!important;transform:none!important}.cinematic-video{transform:scale(1.03)!important}.cinematic-copy h2 span,.cinematic-copy>span{opacity:1!important;transform:none!important}}

/* Every service ending has its own cinematic background. */
.ppf-contact>img,
.catalog-contact>img,
.detail-contact>img{
  display:block!important;
  opacity:1!important;
  filter:brightness(.62) saturate(.9) contrast(1.04)!important;
  transform:scale(1.015);
}
.ppf-contact,
.catalog-contact,
.detail-contact{
  background:#050505!important;
}
.ppf-contact::after,
.catalog-contact::after,
.detail-contact::after{
  background:
    linear-gradient(90deg,rgba(0,0,0,.24),transparent 28%,transparent 72%,rgba(0,0,0,.24)),
    radial-gradient(ellipse at center,rgba(0,0,0,.36) 0%,rgba(0,0,0,.12) 44%,rgba(0,0,0,.38) 100%)!important;
}

/* Turkish uppercase glyphs need extra room for dots, accents and cedillas. */
html[lang="tr"] :is(
  .hero h1,
  .stacked-services-intro h2,
  .results-title-row h2,
  .process-intro h2,
  .cinematic-copy h2,
  .studio-heading h2,
  .final-cta h2,
  .service-hero h1,
  .service-section-head h2,
  .service-contact h2,
  .ppf-hero h1,
  .ppf-product h3,
  .ppf-contact h2,
  .catalog-hero h1,
  .catalog-product h3,
  .catalog-contact h2,
  .process-page-copy h1,
  .contact-hero h1,
  .contact-intro h2,
  .about-hero h1,
  .about-story h2,
  .about-standard h2
){
  line-height:.98!important;
  letter-spacing:-.045em!important;
}

/* Mobile completion layer: touch alternatives and overflow protection. */
@media (max-width:900px){
  html,body{max-width:100%;overflow-x:clip}
  img,video{max-width:100%}
  main{overflow-x:clip}
  .container{width:calc(100% - 40px)}
  .brand{min-width:0}.brand-copy{font-size:13px}.brand-copy span{font-size:11px}.brand-mark{transform:scale(.86) skewX(-12deg);transform-origin:left center}
  .language-switch{min-width:50px;font-size:12px}
  .menu-toggle{width:44px;height:44px;padding:10px;display:grid;place-content:center}
  .menu-toggle span{width:24px}
  .hero{min-height:100dvh;padding:108px 20px 88px}
  .hero-content h1{max-width:100%;font-size:clamp(38px,12.16vw,58px);line-height:.9;letter-spacing:-.055em}
  .hero-copy{font-size:12px;line-height:1.7}.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}
  .primary-action,.secondary-action{min-height:44px;align-items:center;padding-top:8px}
  .services-stage{gap:14px}
  .service-panels{order:1;width:100%;height:320px;margin:0}
  .service-panel{height:320px!important;padding:22px;clip-path:none;border-radius:12px;transform:translateY(18px) scale(.985)}
  .service-panel.active{transform:none}.panel-content{left:22px;right:22px;top:28px}.panel-content h3{max-width:210px;font-size:25px;line-height:.95}.panel-content>span{max-width:230px;font-size:13px;line-height:1.55}
  .panel-visual{left:20%;opacity:.68}.service-car{display:none}
  .car-hotspots{position:relative;order:2;inset:auto!important;width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0;pointer-events:auto}
  .hotspot{position:relative;inset:auto!important;width:auto!important;height:48px;margin:0;border:1px solid rgba(255,255,255,.11);border-radius:8px;color:#8f8e89;background:#0d0d0d;text-align:left}
  .hotspot::before{display:none}.hotspot b{display:block;padding:0 13px;color:inherit;text-transform:uppercase;font:600 12px/1 var(--font-heading);letter-spacing:.12em}.hotspot i,.hotspot span{display:none}
  .hotspot.active{border-color:rgba(201,167,106,.58);color:#f4f2ed;background:rgba(201,167,106,.1)}
  .stacked-service-card{margin-right:16px;margin-left:16px}.stacked-service-media{height:46dvh;min-height:300px;max-height:480px}.stacked-service-content{min-height:330px;padding:34px 22px 40px}.stacked-service-content h3{font-size:clamp(29px,9.12vw,44px);line-height:.96}
  .results-section{padding-right:16px;padding-left:16px}.before-after{height:60dvh;min-height:430px;max-height:620px}.compare-layer img{object-position:center}
  .process-track{height:550dvh}.process-sticky{height:100dvh;padding-top:78px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.process-list{max-height:42dvh;overflow:auto;scrollbar-width:none}.process-list::-webkit-scrollbar{display:none}.process-visuals{min-height:260px;max-height:45dvh}
  .cinematic-break{height:135dvh}.cinematic-sticky{height:100dvh;min-height:520px}.cinematic-copy h2{line-height:.94}
  .studio-media-main{height:58dvh}.studio-media-detail{height:32dvh}.final-cta{min-height:90dvh}
  .chat-widget{right:14px;bottom:max(14px,env(safe-area-inset-bottom))}.chat-panel{position:fixed;right:12px;bottom:82px;width:calc(100vw - 24px);max-height:calc(100dvh - 110px);border-radius:14px}.chat-messages{height:min(38dvh,310px)}
  body.menu-open .chat-widget{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}
  .footer-links{grid-template-columns:1fr;gap:42px}.footer-contact{grid-column:auto}.footer-column a,.footer-column button{min-height:38px;display:flex;align-items:center}.footer-bottom{flex-direction:column}.agency-credit{align-self:flex-end}
}

@media (max-width:420px){
  .site-header{padding:0 14px;column-gap:6px}.brand{gap:6px}.brand-logo-image{height:42px}.brand-copy{letter-spacing:.11em}.brand-copy span{letter-spacing:.2em}
  .main-nav{height:auto;max-height:min(88dvh,760px);padding-right:14px;padding-left:14px;border-radius:20px 20px 0 0}
  .mega-services-grid{grid-template-columns:1fr 1fr}.mega-card-image{height:72px}
  .hero-content h1{font-size:clamp(35px,11.4vw,50px)}
  .section-label{font-size:11px}.services-heading h2{font-size:clamp(30px,9.12vw,43px)}
  .service-panel{height:300px!important}.service-panels{height:300px}.panel-content h3{font-size:22px}
  .results-title-row h2,.process-intro h2,.studio-heading h2,.final-cta h2{font-size:clamp(33px,9.88vw,49px)}
}

@media (max-width:360px){
  .site-header{padding-inline:11px;column-gap:4px}.brand-logo-image{height:38px}.header-actions{gap:5px}.language-switch{min-width:44px}.theme-toggle-track{width:43px}.brand-copy{font-size:12px}.brand-copy span{display:none}
  .hero{padding-inline:16px}.hero-content h1{font-size:43px}.hero-copy{max-width:300px}
  .mega-card-copy{padding:8px}.mega-card-copy strong{font-size:12px}.mega-card-image{height:64px}
  .service-panel{padding:19px}.panel-content{left:19px;right:19px}.hotspot b{padding-inline:10px;font-size:11px}
  .stacked-service-card{margin-inline:10px}.results-section,.studio-section,.final-cta{padding-inline:16px}
}

/* ============================================================
   BÖLÜM: services-page  (eski: css/services-page.css)
   ============================================================ */
.service-page {
  --service-bg:#070707;
  --service-surface:#101010;
  --service-text:#f4f2ed;
  --service-muted:#aaa9a4;
  --service-border:rgba(255,255,255,.12);
  overflow-x:hidden;
  color:var(--service-text);
  background:var(--service-bg);
}

.service-container { width:min(1560px,calc(100% - 64px)); margin-inline:auto; }
.service-page main { overflow:hidden; }
.service-page .main-nav .is-current { color:#fff; }
.service-page .main-nav .is-current::after { right:0; }

.service-hero { position:relative; height:clamp(540px,68svh,720px); min-height:0; display:flex; align-items:flex-end; overflow:hidden; isolation:isolate; color:#f4f2ed; background:#050505; }
.service-hero>img { position:absolute; z-index:-3; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.72) contrast(1.08); transform:scale(1.035); animation:service-hero-in 1.6s cubic-bezier(.2,.75,.2,1) both; }
.service-hero-shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,rgba(2,2,2,.97) 0%,rgba(2,2,2,.82) 34%,rgba(2,2,2,.2) 68%),linear-gradient(0deg,rgba(2,2,2,.9),transparent 58%); }
.service-hero-content { width:min(1560px,calc(100% - 64px)); margin:0 auto; padding:138px 0 42px; }
.service-hero-content>p { margin:0 0 28px; color:#d1b77d; text-transform:uppercase; font:600 12px/1 "Manrope",sans-serif; letter-spacing:.28em; }
.service-hero h1 { max-width:820px; color:#f4f2ed; text-transform:uppercase; font:500 clamp(58px,6.7vw,112px)/.84 "Manrope",sans-serif; letter-spacing:-.065em; }
.service-hero h1 em { color:rgba(244,242,237,.78); font-style:normal; }
.service-hero-bottom { display:grid; grid-template-columns:minmax(280px,520px) auto; align-items:end; justify-content:space-between; gap:56px; margin-top:34px; padding-top:19px; border-top:1px solid rgba(255,255,255,.18); }
.service-hero-bottom p { margin:0; color:#c2c1bc; font-size:14px; line-height:1.7; }
.service-hero-bottom a,.service-intro a { display:inline-flex; align-items:center; gap:25px; padding-bottom:10px; border-bottom:1px solid #c9a76a; text-transform:uppercase; font:700 12px/1 "Manrope",sans-serif; letter-spacing:.16em; }
.service-hero-bottom a span { color:#c9a76a; font-size:15px; }

.service-intro { padding:clamp(72px,7vw,112px) 0; background:var(--service-bg); }
.service-intro-grid { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(300px,.65fr); align-items:center; gap:clamp(60px,8vw,130px); }
.service-intro h2 { max-width:780px; margin:0; text-transform:uppercase; font:500 clamp(40px,4.5vw,76px)/.91 "Manrope",sans-serif; letter-spacing:-.06em; }
.ppf-feature h2,.service-faq h2 { margin:0; text-transform:uppercase; font:500 clamp(48px,6vw,102px)/.9 "Manrope",sans-serif; letter-spacing:-.065em; }
.service-intro h2 em,.ppf-feature h2 em,.service-faq h2 em { color:rgba(244,242,237,.48); font-style:normal; }
.service-intro-grid>div p { max-width:520px; margin:0 0 28px; color:var(--service-muted); font-size:13px; line-height:1.75; }

.service-solutions { padding:clamp(72px,7vw,112px) 0; color:#111; background:#ece9e2; }
.service-page .service-solutions~section { display:none; }
.service-section-head { display:flex; align-items:flex-end; justify-content:space-between; gap:60px; margin-bottom:55px; }
.service-section-head h2 { max-width:850px; margin:0; text-transform:uppercase; font:500 clamp(48px,6.2vw,102px)/.88 "Manrope",sans-serif; letter-spacing:-.065em; }
.service-section-head p { max-width:390px; margin:0 0 6px; color:#65635e; font-size:14px; line-height:1.7; }
.solution-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.solution-card { min-width:0; overflow:hidden; border:1px solid rgba(17,17,17,.13); border-radius:2px; background:#f5f2eb; transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .4s; }
.solution-card:hover { transform:translateY(-8px); box-shadow:0 24px 70px rgba(40,35,25,.12); }
.solution-card>a { display:block; height:100%; }
.solution-image { position:relative; height:clamp(260px,28vw,440px); overflow:hidden; background:#111; }
.solution-image::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 62%,rgba(0,0,0,.5)); }
.solution-image img { width:100%; height:100%; object-fit:cover; filter:saturate(.8); transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .45s; }
.solution-card:hover img { transform:scale(1.045); filter:saturate(1); }
.solution-image span { position:absolute; z-index:1; top:20px; left:20px; display:grid; place-items:center; width:37px; height:37px; border:1px solid rgba(255,255,255,.45); border-radius:50%; color:#fff; font:600 12px/1 "Manrope",sans-serif; }
.solution-copy { min-height:235px; display:flex; flex-direction:column; padding:28px 29px 25px; }
.solution-copy h3 { margin:0 0 16px; text-transform:uppercase; font:600 clamp(22px,2vw,31px)/1 "Manrope",sans-serif; letter-spacing:-.04em; }
.solution-copy p { margin:0; color:#6b6964; font-size:13px; line-height:1.7; }
.solution-copy b { margin-top:auto; padding-top:28px; color:#8d6b2e; text-transform:uppercase; font:700 12px/1 "Manrope",sans-serif; letter-spacing:.14em; }

.ppf-feature { padding:clamp(110px,11vw,190px) 0; background:var(--service-bg); }
.ppf-feature-head { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(300px,.55fr); align-items:end; gap:clamp(60px,10vw,180px); padding-bottom:75px; }
.ppf-feature-head>p { margin:0 0 8px; color:var(--service-muted); font-size:14px; line-height:1.85; }
.benefit-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--service-border); border-left:1px solid var(--service-border); }
.benefit-grid article { min-height:290px; padding:30px 27px; border-right:1px solid var(--service-border); border-bottom:1px solid var(--service-border); }
.benefit-grid span { color:#c9a76a; font:600 12px/1 "Manrope",sans-serif; letter-spacing:.14em; }
.benefit-grid h3 { margin:80px 0 15px; text-transform:uppercase; font:600 20px/1.05 "Manrope",sans-serif; letter-spacing:-.035em; }
.benefit-grid p { margin:0; color:var(--service-muted); font-size:12px; line-height:1.7; }

.coverage-section { padding:clamp(80px,8vw,130px) 0; color:#111; background:#ece9e2; }
.coverage-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(400px,.95fr); min-height:760px; overflow:hidden; border:1px solid rgba(17,17,17,.13); border-radius:3px; background:#f5f2eb; }
.coverage-visual { min-height:700px; overflow:hidden; }
.coverage-visual img { width:100%; height:100%; object-fit:cover; }
.coverage-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(48px,6vw,95px); }
.coverage-copy>h2 { margin:0; text-transform:uppercase; font:500 clamp(45px,5vw,82px)/.9 "Manrope",sans-serif; letter-spacing:-.06em; }
.coverage-copy>p { max-width:540px; margin:27px 0 40px; color:#6a6863; font-size:14px; line-height:1.75; }
.coverage-options { border-top:1px solid rgba(17,17,17,.14); }
.coverage-options article { display:grid; grid-template-columns:38px 1fr; gap:18px; padding:21px 0; border-bottom:1px solid rgba(17,17,17,.14); }
.coverage-options span { padding-top:4px; color:#9b7437; font:700 12px/1 "Manrope",sans-serif; }
.coverage-options h3 { margin:0 0 6px; text-transform:uppercase; font:600 15px/1 "Manrope",sans-serif; }
.coverage-options p { margin:0; color:#74716b; font-size:12px; line-height:1.55; }
.coverage-copy>button,.service-contact button { width:max-content; margin-top:34px; padding:16px 23px; border:0; border-radius:99px; color:#f4f2ed; background:#111; cursor:pointer; text-transform:uppercase; font:700 12px/1 "Manrope",sans-serif; letter-spacing:.14em; }

.service-faq { padding:clamp(105px,11vw,180px) 0; background:var(--service-bg); }
.faq-layout { display:grid; grid-template-columns:minmax(0,.95fr) minmax(420px,.8fr); gap:clamp(70px,10vw,170px); }
.faq-list { border-top:1px solid var(--service-border); }
.faq-list details { border-bottom:1px solid var(--service-border); }
.faq-list summary { position:relative; padding:27px 52px 27px 0; cursor:pointer; list-style:none; color:#e4e2dc; font:500 14px/1.45 "Manrope",sans-serif; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary::after { content:"+"; position:absolute; top:23px; right:5px; color:#c9a76a; font-size:22px; font-weight:300; transition:transform .3s; }
.faq-list details[open] summary::after { transform:rotate(45deg); }
.faq-list details p { max-width:650px; margin:-6px 45px 28px 0; color:var(--service-muted); font-size:13px; line-height:1.75; }

.service-contact { position:relative; min-height:88svh; display:grid; place-items:center; overflow:hidden; isolation:isolate; color:#f4f2ed; background:#050505; }
.service-contact>img { position:absolute; z-index:-2; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.48) saturate(.65); }
.service-contact::after { content:""; position:absolute; z-index:-1; inset:0; background:radial-gradient(circle at center,rgba(0,0,0,.08),rgba(0,0,0,.82)); }
.service-contact article { width:min(1100px,calc(100% - 48px)); padding:90px 0; text-align:center; }
.service-contact h2 { margin:0; text-transform:uppercase; font:500 clamp(68px,9.5vw,158px)/.8 "Manrope",sans-serif; letter-spacing:-.075em; }
.service-contact h2 em { color:rgba(255,255,255,.78); font-style:normal; }
.service-contact p { max-width:580px; margin:35px auto 0; color:#c0bfba; font-size:14px; line-height:1.75; }
.service-contact button { margin:35px auto 0; color:#111; background:#f4f2ed; }

.service-intro-grid>* ,.service-section-head>* ,.solution-card,.ppf-feature-head>* ,.benefit-grid article,.coverage-layout,.faq-layout>* ,.service-contact article { opacity:0; transform:translateY(42px); transition:opacity .75s ease,transform .9s cubic-bezier(.2,.75,.2,1); }
.solution-card:nth-child(2),.benefit-grid article:nth-child(2){transition-delay:.08s}.solution-card:nth-child(3),.benefit-grid article:nth-child(3){transition-delay:.16s}.solution-card:nth-child(4),.benefit-grid article:nth-child(4){transition-delay:.06s}.solution-card:nth-child(5){transition-delay:.14s}.solution-card:nth-child(6){transition-delay:.22s}
.service-page .is-visible { opacity:1; transform:translateY(0); }

html[data-theme="light"] .service-page { --service-bg:#f4f2ed; --service-surface:#fff; --service-text:#111; --service-muted:#65635f; --service-border:rgba(17,17,17,.15); }
html[data-theme="light"] .service-intro h2 em,html[data-theme="light"] .ppf-feature h2 em,html[data-theme="light"] .service-faq h2 em { color:rgba(17,17,17,.5); }
html[data-theme="light"] .faq-list summary { color:#252522; }
html[data-theme="light"] .service-solutions,html[data-theme="light"] .coverage-section { background:#e7e3db; }

@keyframes service-hero-in { from{opacity:0;transform:scale(1.09)} to{opacity:1;transform:scale(1.035)} }

@media (max-width:1100px) {
  .solution-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .benefit-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .coverage-layout { grid-template-columns:1fr; }
  .coverage-visual { min-height:540px; }
}

@media (max-width:900px) {
  .service-container,.service-hero-content { width:calc(100% - 40px); }
  .service-page .site-header { grid-template-columns:1fr auto; }
  .service-page .header-actions { margin-right:20px; }
  .service-hero { height:clamp(560px,78svh,680px); min-height:0; }
  .service-hero>img { object-position:63% center; }
  .service-hero-content { padding:130px 0 34px; }
  .service-hero h1 { font-size:clamp(43px,12.92vw,70px); }
  .service-hero-bottom { grid-template-columns:1fr; gap:28px; margin-top:35px; }
  .service-hero-bottom a { width:max-content; }
  .service-intro-grid,.ppf-feature-head,.faq-layout { grid-template-columns:1fr; gap:45px; }
  .service-section-head { display:block; }
  .service-section-head p { margin-top:25px; }
  .solution-grid { grid-template-columns:1fr; }
  .solution-image { height:62vw; min-height:300px; }
  .solution-copy { min-height:210px; }
  .benefit-grid { grid-template-columns:1fr; }
  .benefit-grid article { min-height:230px; }
  .benefit-grid h3 { margin-top:52px; }
  .coverage-layout { min-height:0; }
  .coverage-visual { min-height:430px; }
  .coverage-copy { padding:43px 25px 50px; }
  .service-contact { min-height:76svh; }
}

@media (prefers-reduced-motion:reduce) {
  .service-hero>img,.service-intro-grid>* ,.service-section-head>* ,.solution-card,.ppf-feature-head>* ,.benefit-grid article,.coverage-layout,.faq-layout>* ,.service-contact article { animation:none!important; transition:none!important; opacity:1!important; transform:none!important; }
}

@media (max-width:900px){
  .service-hero{height:620px;max-height:92dvh}.service-hero-content{padding-top:118px}.service-hero h1{font-size:clamp(34px,10.64vw,52px);line-height:.92;letter-spacing:-.052em}.service-hero-bottom p{font-size:12px}
  .service-section{padding-top:82px;padding-bottom:82px}.service-section-head h2,.ppf-feature h2,.service-faq h2{font-size:clamp(30px,9.12vw,46px);line-height:.95}.service-section-head p{font-size:12px}
  .solution-card{border-radius:12px}.solution-image{height:68vw;min-height:260px;max-height:430px}.solution-copy{min-height:200px;padding:26px 22px}.solution-copy h3{font-size:23px}.solution-copy p{font-size:12px}
  .benefit-grid article{min-height:210px;padding:24px}.coverage-visual{min-height:72vw;max-height:470px}.coverage-copy>h2{font-size:clamp(30px,9.12vw,44px);line-height:.95}.faq-list summary{min-height:58px;padding-top:20px;padding-bottom:20px}
  .service-contact{min-height:72dvh;padding:78px 20px}.service-contact h2{font-size:clamp(34px,10.64vw,53px);line-height:.93}.service-contact p{font-size:12px}
}

/* ============================================================
   BÖLÜM: catalog-detail  (eski: css/catalog-detail.css)
   ============================================================ */
.catalog-page{overflow-x:hidden;color:#111;background:#f2efe8}.catalog-container{width:min(1380px,calc(100% - 64px));margin-inline:auto}.catalog-page .header-actions{min-width:70px}
.catalog-hero{position:relative;height:clamp(440px,58svh,630px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;color:#fff;background:#080808}.catalog-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.14) 72%),linear-gradient(0deg,rgba(0,0,0,.6),transparent 58%)}.catalog-hero>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.68) contrast(1.08)}.catalog-hero-content{width:min(1380px,calc(100% - 64px));margin:0 auto;padding:135px 0 45px}.catalog-back{display:block;width:max-content;margin-bottom:25px;color:#d2d0cb;text-transform:uppercase;font:600 12px/1 Manrope,sans-serif;letter-spacing:.16em}.catalog-pill{display:inline-flex;padding:6px 10px;border:1px solid rgba(255,255,255,.45);border-radius:99px;text-transform:uppercase;font:600 11px/1 Manrope,sans-serif;letter-spacing:.14em}.catalog-hero h1{max-width:980px;margin:17px 0 0;text-transform:uppercase;font:600 clamp(53px,6.5vw,108px)/.84 Manrope,sans-serif;letter-spacing:-.065em}
.catalog-intro{padding:clamp(75px,8vw,125px) 0;background:#fff}.catalog-intro .catalog-container{display:grid;grid-template-columns:1fr minmax(320px,.58fr);align-items:end;gap:clamp(65px,10vw,160px)}.catalog-intro h2,.catalog-applications h2{margin:0;text-transform:uppercase;font:500 clamp(30px,3.4vw,48px)/1 Manrope,sans-serif;letter-spacing:-.04em}.catalog-intro h2 em{color:rgba(17,17,17,.45);font-style:normal}.catalog-intro p{margin:0;color:#65635e;font-size:14px;line-height:1.8}
.catalog-explorer{padding:clamp(82px,8vw,130px) 0;color:#f4f2ed;background:#151515}.catalog-explorer h2{margin:0 0 28px;text-transform:uppercase;font:600 clamp(31px,3.5vw,55px)/1 Manrope,sans-serif;letter-spacing:-.05em}.catalog-tabs{display:flex;gap:30px;overflow:auto;border-bottom:1px solid rgba(255,255,255,.2)}.catalog-tabs button{flex:0 0 auto;padding:0 0 14px;border:0;border-bottom:2px solid transparent;color:#777;background:none;cursor:pointer;text-transform:uppercase;font:700 12px/1 Manrope,sans-serif;letter-spacing:.14em}.catalog-tabs button.active{color:#fff;border-color:#c9a76a}.catalog-product{display:grid;grid-template-columns:1.08fr .92fr;gap:clamp(48px,7vw,100px);margin-top:43px}.catalog-product-image{min-height:570px;overflow:hidden}.catalog-product-image img{width:100%;height:100%;object-fit:cover;transition:opacity .25s}.catalog-product article{display:flex;flex-direction:column;justify-content:center}.catalog-product small{color:#c9a76a;text-transform:uppercase;font:700 12px/1 Manrope,sans-serif;letter-spacing:.15em}.catalog-product h3{margin:16px 0 18px;text-transform:uppercase;font:600 clamp(38px,4vw,66px)/.9 Manrope,sans-serif;letter-spacing:-.055em}.catalog-product p{max-width:540px;margin:0 0 28px;color:#aaa9a4;font-size:13px;line-height:1.75}.catalog-features{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px;margin:0;padding:0;list-style:none}.catalog-features li{display:flex;align-items:center;gap:11px;min-height:48px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#d5d3ce;font-size:13px}.catalog-feature-icon{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border:1px solid rgba(201,167,106,.45);border-radius:50%;color:#d7b871}.catalog-feature-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.catalog-applications{padding:clamp(90px,9vw,145px) 0;background:#f2efe8}.catalog-applications header{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:55px}.catalog-applications header p{max-width:390px;margin:0 0 6px;color:#696761;font-size:14px;line-height:1.75}.application-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(17,17,17,.15);border-left:1px solid rgba(17,17,17,.15)}.application-grid article{position:relative;min-height:275px;padding:28px;border-right:1px solid rgba(17,17,17,.15);border-bottom:1px solid rgba(17,17,17,.15)}.application-grid i{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(17,17,17,.23);border-radius:50%;color:#9a7438;font-style:normal}.application-grid i svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.application-grid h3{margin:68px 0 13px;text-transform:uppercase;font:600 18px/1.05 Manrope,sans-serif}.application-grid p{margin:0;color:#706e68;font-size:12px;line-height:1.7}
.catalog-process{padding:0 0 clamp(85px,8vw,130px);background:#f2efe8}.catalog-process-card{min-height:650px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;border-radius:3px;color:#f4f2ed;background:#101010}.catalog-process-card>div{min-height:600px;overflow:hidden}.catalog-process-card img{width:100%;height:100%;object-fit:cover}.catalog-process-card article{display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,90px)}.catalog-process-card small{color:#c9a76a;text-transform:uppercase;font:700 12px/1 Manrope;letter-spacing:.15em}.catalog-process-card h2{margin:22px 0;text-transform:uppercase;font:500 clamp(42px,4.7vw,73px)/.9 Manrope,sans-serif;letter-spacing:-.06em}.catalog-process-card p{margin:0;color:#aaa9a4;font-size:14px;line-height:1.8}
.catalog-contact{position:relative;min-height:68svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;color:#fff;background:#050505}.catalog-contact>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.4) saturate(.62)}.catalog-contact::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle,transparent,rgba(0,0,0,.84))}.catalog-contact article{width:min(900px,calc(100% - 48px));text-align:center}.catalog-contact h2{margin:0;text-transform:uppercase;font:500 clamp(56px,7.5vw,116px)/.82 Manrope,sans-serif;letter-spacing:-.07em}.catalog-contact h2 em{color:rgba(255,255,255,.75);font-style:normal}.catalog-contact p{max-width:570px;margin:28px auto;color:#bbb9b3;font-size:14px;line-height:1.7}.catalog-contact button{padding:0 0 9px;border:0;border-bottom:1px solid #c9a76a;color:#fff;background:none;cursor:pointer;text-transform:uppercase;font:700 12px/1 Manrope;letter-spacing:.15em}
@media(max-width:1000px){.catalog-product,.catalog-process-card{grid-template-columns:1fr}.application-grid{grid-template-columns:1fr 1fr}.catalog-product-image,.catalog-process-card>div{min-height:500px}}
@media(max-width:900px){.catalog-container,.catalog-hero-content{width:calc(100% - 40px)}.catalog-page .site-header{grid-template-columns:minmax(0,1fr) auto auto}.catalog-page .header-actions{min-width:0;margin-right:0}.catalog-hero{height:560px}.catalog-intro .catalog-container{grid-template-columns:1fr;gap:36px}.catalog-features{grid-template-columns:1fr}.catalog-applications header{display:block}.catalog-applications header p{margin-top:25px}.application-grid{grid-template-columns:1fr}.catalog-product-image,.catalog-process-card>div{min-height:390px}.catalog-process-card article{padding:43px 25px 50px}}

/* Match the first PPF service template exactly. */
.catalog-product{grid-template-columns:1.05fr .95fr;gap:clamp(45px,6vw,90px);margin-top:42px}.catalog-product article{padding:20px 0}.catalog-product h3{font-size:clamp(37px,4vw,65px)}.catalog-product p{max-width:530px;margin-bottom:27px}.catalog-features{grid-template-columns:1fr;gap:0;border-top:1px solid rgba(255,255,255,.12)}.catalog-features li{gap:13px;min-height:0;padding:11px 0;font-size:12px}.catalog-feature-icon{flex-basis:25px;width:25px;height:25px}
@media(max-width:900px){.catalog-product{grid-template-columns:1fr}}

@media(max-width:900px){
  .catalog-hero{height:520px!important}.catalog-hero-content{padding:118px 0 34px}.catalog-hero h1{max-width:100%;font-size:clamp(32px,9.88vw,47px);line-height:.92;letter-spacing:-.05em}
  .catalog-explorer{padding:72px 0 84px}.catalog-explorer h2{font-size:clamp(29px,9vw,43px)}
  .catalog-tabs{gap:22px;scroll-snap-type:x proximity;scrollbar-width:none}.catalog-tabs::-webkit-scrollbar{display:none}.catalog-tabs button{min-height:42px;scroll-snap-align:start}
  .catalog-product{gap:30px;margin-top:28px}.catalog-product-image{height:68vw!important;min-height:270px!important;max-height:430px}.catalog-product article{padding:0}.catalog-product h3{font-size:clamp(26px,7.6vw,37px);line-height:.96}.catalog-product p{font-size:12px}
  .catalog-features li{min-height:48px}.catalog-contact{min-height:72dvh;padding:76px 0}.catalog-contact h2{font-size:clamp(33px,9.88vw,52px);line-height:.94}.catalog-contact p{font-size:12px}
}

/* ============================================================
   BÖLÜM: ppf-page  (eski: css/ppf-page.css)
   ============================================================ */
.ppf-page{overflow-x:hidden;color:#111;background:#f4f2ed}.ppf-container{width:min(1320px,calc(100% - 64px));margin-inline:auto}.ppf-page .header-actions{min-width:70px}
.ppf-hero{position:relative;height:clamp(430px,56svh,610px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;color:#fff;background:#090909}.ppf-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.83),rgba(0,0,0,.15) 70%),linear-gradient(0deg,rgba(0,0,0,.55),transparent 60%)}.ppf-hero>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:saturate(.65) contrast(1.06)}.ppf-hero-content{width:min(1320px,calc(100% - 64px));margin:0 auto;padding:130px 0 43px}.ppf-hero-content>a{display:block;width:max-content;margin-bottom:24px;color:#d1cfca;text-transform:uppercase;font:600 12px/1 Manrope,sans-serif;letter-spacing:.16em}.ppf-hero-content>span{display:inline-flex;padding:6px 10px;border:1px solid rgba(255,255,255,.45);border-radius:99px;text-transform:uppercase;font:600 11px/1 Manrope,sans-serif;letter-spacing:.13em}.ppf-hero h1{margin-top:16px;font:600 clamp(52px,6vw,96px)/.84 Manrope,sans-serif;letter-spacing:-.06em}
.ppf-intro{padding:clamp(72px,7vw,105px) 0;background:#fff}.ppf-intro .ppf-container{display:grid;grid-template-columns:1fr minmax(320px,.55fr);align-items:end;gap:clamp(60px,10vw,150px)}.ppf-intro h2{margin:0;text-transform:uppercase;font:500 clamp(44px,5.2vw,80px)/.9 Manrope,sans-serif;letter-spacing:-.06em}.ppf-intro h2 em{color:rgba(17,17,17,.48);font-style:normal}.ppf-intro p{margin:0 0 5px;color:#65635e;font-size:14px;line-height:1.8}
.ppf-explorer{padding:clamp(80px,8vw,125px) 0;color:#f4f2ed;background:#151515}.ppf-explorer h2{margin:0 0 28px;text-transform:uppercase;font:600 clamp(30px,3.3vw,52px)/1 Manrope,sans-serif;letter-spacing:-.045em}.ppf-tabs{display:flex;gap:28px;overflow:auto;border-bottom:1px solid rgba(255,255,255,.22)}.ppf-tabs button{flex:0 0 auto;padding:0 0 13px;border:0;border-bottom:2px solid transparent;color:#7e7e7a;background:none;cursor:pointer;text-transform:uppercase;font:700 12px/1 Manrope,sans-serif;letter-spacing:.13em}.ppf-tabs button.active{color:#fff;border-color:#c9a76a}.ppf-product{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(45px,6vw,90px);margin-top:42px}.ppf-product-image{min-height:570px;overflow:hidden}.ppf-product-image img{width:100%;height:100%;object-fit:cover;transition:opacity .25s}.ppf-product article{padding:20px 0}.ppf-product small{color:#c9a76a;text-transform:uppercase;font:700 12px/1 Manrope,sans-serif;letter-spacing:.15em}.ppf-product h3{margin:16px 0 18px;text-transform:uppercase;font:600 clamp(37px,4vw,65px)/.9 Manrope,sans-serif;letter-spacing:-.055em}.ppf-product p{max-width:530px;margin:0;color:#aaa9a4;font-size:13px;line-height:1.75}.ppf-product article>button{margin:27px 0;padding:12px 18px;border:1px solid #c9a76a;border-radius:99px;color:#111;background:#c9a76a;cursor:pointer;text-transform:uppercase;font:700 11px/1 Manrope,sans-serif;letter-spacing:.13em}.ppf-product ul{margin:6px 0 0;padding:0;list-style:none;border-top:1px solid rgba(255,255,255,.12)}.ppf-product li{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.12);color:#d2d0ca;font-size:12px}
.ppf-assurance{padding:58px 0;color:#111;background:#f2efe8}.ppf-assurance .ppf-container{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.ppf-assurance article{text-align:center}.ppf-assurance i{display:grid;place-items:center;width:35px;height:35px;margin:0 auto 17px;border:1px solid rgba(17,17,17,.28);border-radius:50%;font:600 11px/1 Manrope;font-style:normal}.ppf-assurance h3{margin:0 0 8px;text-transform:uppercase;font:600 12px/1.2 Manrope}.ppf-assurance p{max-width:280px;margin:auto;color:#686660;font-size:13px;line-height:1.6}
.ppf-contact{position:relative;min-height:70svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;color:#fff;background:#050505}.ppf-contact>img{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.4) saturate(.6)}.ppf-contact::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle,transparent,rgba(0,0,0,.84))}.ppf-contact article{width:min(920px,calc(100% - 48px));text-align:center}.ppf-contact h2{margin:0;text-transform:uppercase;font:500 clamp(56px,7.5vw,118px)/.82 Manrope,sans-serif;letter-spacing:-.07em}.ppf-contact h2 em{color:rgba(255,255,255,.75);font-style:normal}.ppf-contact p{max-width:570px;margin:28px auto;color:#bbb9b3;font-size:14px;line-height:1.7}.ppf-contact button{padding:0 0 9px;border:0;border-bottom:1px solid #c9a76a;color:#fff;background:none;cursor:pointer;text-transform:uppercase;font:700 12px/1 Manrope;letter-spacing:.15em}
@media(max-width:900px){.ppf-container,.ppf-hero-content{width:calc(100% - 40px)}.ppf-page .site-header{grid-template-columns:minmax(0,1fr) auto auto}.ppf-page .header-actions{min-width:0;margin-right:0}.ppf-intro .ppf-container,.ppf-product{grid-template-columns:1fr}.ppf-intro .ppf-container{gap:35px}.ppf-product-image{min-height:390px}.ppf-assurance .ppf-container{grid-template-columns:1fr;gap:42px}.ppf-hero{height:540px}}

/* Informational icon system */
.ppf-product li{display:flex;align-items:center;gap:13px;padding-left:0}.ppf-product li::before,.ppf-product li::after{display:none}.ppf-product li b{font:500 12px/1.35 "DM Sans",sans-serif}.feature-icon{flex:0 0 auto;display:grid;place-items:center;width:25px;height:25px;border:1px solid rgba(201,167,106,.42);border-radius:50%;color:#d7b871}.feature-icon svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.ppf-assurance i{width:42px;height:42px}.ppf-assurance i svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.ppf-assurance p{color:#e1e3e7}

@media(max-width:900px){
  .ppf-hero{height:520px!important}.ppf-hero-content{padding:118px 0 34px}.ppf-hero h1{max-width:100%;font-size:clamp(32px,9.88vw,47px);line-height:.92;letter-spacing:-.05em}
  .ppf-explorer{padding:72px 0 84px}.ppf-tabs{gap:22px;scroll-snap-type:x proximity;scrollbar-width:none}.ppf-tabs::-webkit-scrollbar{display:none}.ppf-tabs button{min-height:42px;scroll-snap-align:start}
  .ppf-product{gap:30px;margin-top:28px}.ppf-product-image{height:68vw!important;min-height:270px!important;max-height:430px}.ppf-product article{padding:0}.ppf-product h3{font-size:clamp(26px,7.6vw,37px);line-height:.96}.ppf-product p{font-size:12px}.ppf-product article>button{min-height:44px}
  .ppf-contact{min-height:72dvh;padding:76px 0}.ppf-contact h2{font-size:clamp(33px,9.88vw,52px);line-height:.94}.ppf-contact p{font-size:12px}
}

/* ============================================================
   BÖLÜM: process-pages  (eski: css/process-pages.css)
   ============================================================ */
.process-page{margin:0;color:#f4f2ed;background:#050505}
.process-page .site-header{color:#f4f2ed;background:rgba(5,5,5,.72);border-color:rgba(255,255,255,.09);backdrop-filter:blur(18px)}
.process-page .brand-copy,.process-page .main-nav>a,.process-page .services-mega-toggle,.process-page .nav-dropdown-toggle{color:#f4f2ed}
.process-page .process-shell{min-height:100svh}
.process-page-hero{position:relative;min-height:82svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;padding:150px var(--page-pad) clamp(70px,8vw,120px)}
.process-page-hero>img{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.08) brightness(.72);transform:scale(1.02)}
.process-page-hero::before{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.58) 48%,rgba(0,0,0,.18)),linear-gradient(0deg,rgba(0,0,0,.78),transparent 55%)}
.process-page-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 68% 45%,transparent,rgba(0,0,0,.38) 75%)}
.process-page-copy{width:min(1050px,100%)}
.process-page-kicker{display:flex;align-items:center;gap:14px;margin-bottom:28px;color:#c9a76a;text-transform:uppercase;font:700 12px/1 Manrope,sans-serif;letter-spacing:.2em}
.process-page-kicker::before{content:"";width:42px;height:1px;background:#c9a76a}
.process-page-copy h1{max-width:1050px;margin:0;text-transform:uppercase;font:500 clamp(62px,8.5vw,138px)/.82 Manrope,sans-serif;letter-spacing:-.075em}
.process-page-copy h1 em{display:block;color:rgba(255,255,255,.74);font-style:normal}
.process-page-copy>p{max-width:590px;margin:34px 0 0;color:#c3c1bc;font-size:14px;line-height:1.8}
.process-page-note{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px var(--page-pad);border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);color:#777670;text-transform:uppercase;font:600 11px/1.4 Manrope,sans-serif;letter-spacing:.18em}
.process-page-note b{color:#c9a76a;font-weight:600}
.process-page .nav-dropdown-menu a.current{color:#fff;background:rgba(201,167,106,.1)}
.process-page .nav-dropdown-menu a.current span{color:#c9a76a}
@media(max-width:900px){.process-page-hero{min-height:78svh;padding:120px 20px 64px}.process-page-copy h1{font-size:clamp(41px,11.4vw,62px)}.process-page-copy>p{font-size:12px}.process-page-note{padding:20px;align-items:flex-start;flex-direction:column}.process-page-hero>img{object-position:60% center}}

.contact-shell{background:#080808}
.contact-hero{position:relative;min-height:78svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;padding:150px var(--page-pad) clamp(70px,8vw,120px)}
.contact-hero>img{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.76) contrast(1.05) brightness(.74)}
.contact-hero::after{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(0,0,0,.5) 54%,rgba(0,0,0,.08)),linear-gradient(0deg,rgba(0,0,0,.72),transparent 55%)}
.contact-hero-copy{width:min(980px,100%)}
.contact-hero-copy>span,.contact-intro>span{display:flex;align-items:center;gap:13px;margin-bottom:26px;color:#c9a76a;text-transform:uppercase;font:700 12px/1 Manrope,sans-serif;letter-spacing:.2em}
.contact-hero-copy>span::before,.contact-intro>span::before{content:"";width:40px;height:1px;background:#c9a76a}
.contact-hero h1{margin:0;text-transform:uppercase;font:500 clamp(66px,8.6vw,140px)/.82 Manrope,sans-serif;letter-spacing:-.075em}
.contact-hero h1 em{display:block;color:rgba(255,255,255,.76);font-style:normal}
.contact-hero p{max-width:570px;margin:34px 0 0;color:#c5c3be;font-size:14px;line-height:1.8}
.contact-workspace{display:grid;grid-template-columns:minmax(270px,.75fr) minmax(520px,1.35fr) minmax(230px,.6fr);gap:clamp(44px,6vw,100px);padding:clamp(100px,10vw,160px) var(--page-pad);border-top:1px solid rgba(255,255,255,.09)}
.contact-intro h2{margin:0;text-transform:uppercase;font:500 clamp(42px,4.8vw,76px)/.88 Manrope,sans-serif;letter-spacing:-.06em}
.contact-intro>p{max-width:390px;margin:30px 0 0;color:#8e8d88;font-size:13px;line-height:1.8}
.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:28px 22px;padding:clamp(28px,3.2vw,52px);border:1px solid rgba(255,255,255,.11);border-radius:18px;background:#0d0d0d;box-shadow:0 28px 80px rgba(0,0,0,.28)}
.contact-field{display:grid;gap:11px}.contact-field-wide{grid-column:1/-1}
.contact-field label{color:#aaa9a4;text-transform:uppercase;font:600 11px/1 Manrope,sans-serif;letter-spacing:.17em}
.contact-field input,.contact-field select,.contact-field textarea{width:100%;box-sizing:border-box;border:0;border-bottom:1px solid rgba(255,255,255,.17);border-radius:0;outline:0;padding:13px 0;color:#f4f2ed;background:transparent;font:400 13px/1.5 DM Sans,sans-serif;transition:border-color .25s}
.contact-field select{color:#a7a6a1}.contact-field select option{color:#eee;background:#111}
.contact-field textarea{resize:vertical;min-height:115px}
.contact-field input:focus,.contact-field select:focus,.contact-field textarea:focus{border-color:#c9a76a}
.contact-form-footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:10px}
.contact-form-footer p{max-width:330px;margin:0;color:#6f6e69;font-size:13px;line-height:1.6}.contact-form-footer p.success{color:#93bca7}
.contact-form-footer button{padding:14px 20px;border:1px solid #c9a76a;color:#090909;background:#c9a76a;cursor:pointer;text-transform:uppercase;font:700 12px/1 Manrope,sans-serif;letter-spacing:.14em;transition:.25s}.contact-form-footer button:hover{color:#c9a76a;background:transparent}
.contact-protocol{align-self:start;border-top:1px solid rgba(255,255,255,.13)}
.contact-protocol>span{display:block;margin-top:24px;color:#c9a76a;font:700 11px/1 Manrope,sans-serif;letter-spacing:.18em}
.contact-protocol h3{margin:12px 0 9px;text-transform:uppercase;font:600 14px/1.2 Manrope,sans-serif}
.contact-protocol p{margin:0 0 28px;color:#85847f;font-size:13px;line-height:1.7}
@media(max-width:1050px){.contact-workspace{grid-template-columns:1fr 1.35fr}.contact-protocol{grid-column:1/-1;display:grid;grid-template-columns:36px 1fr 1.5fr;gap:10px 20px}.contact-protocol>span,.contact-protocol h3,.contact-protocol p{margin-top:22px}.contact-protocol p{margin-bottom:0}}
@media(max-width:900px){.contact-hero{min-height:76svh;padding:125px 20px 65px}.contact-hero>img{object-position:68% center}.contact-hero h1{font-size:clamp(43px,12.16vw,64px)}.contact-workspace{display:block;padding:90px 20px}.contact-form{grid-template-columns:1fr;margin-top:50px;padding:28px 20px}.contact-field-wide{grid-column:auto}.contact-form-footer{grid-column:auto;align-items:flex-start;flex-direction:column}.contact-protocol{display:block;margin-top:60px}}

@media(max-width:900px){
  .process-page-hero{min-height:78dvh;padding-top:116px}.process-page-copy h1{font-size:clamp(35px,10.64vw,52px);line-height:.94;letter-spacing:-.052em}.process-page-copy>p{line-height:1.7}.process-page-note{gap:12px}
  .contact-hero{min-height:78dvh;padding-top:116px}.contact-hero h1{font-size:clamp(36px,10.64vw,53px);line-height:.94;letter-spacing:-.052em}.contact-hero p{font-size:12px;line-height:1.7}
  .contact-workspace{padding-top:78px;padding-bottom:88px}.contact-intro h2{font-size:clamp(30px,9.12vw,44px);line-height:.98}.contact-form{margin-top:42px;padding:24px 18px;border-radius:14px;box-shadow:none}.contact-field input,.contact-field select,.contact-field textarea{min-height:48px;font-size:16px}.contact-field textarea{min-height:125px}.contact-form-footer button{min-height:46px;width:100%}.contact-protocol{margin-top:52px}
}

/* ============================================================
   BÖLÜM: about-page  (eski: css/about-page.css)
   ============================================================ */
.about-page{background:#080808}
.about-hero{position:relative;min-height:88svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;padding:150px var(--page-pad) clamp(72px,8vw,120px)}
.about-hero>img{position:absolute;z-index:-3;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.72) contrast(1.08) brightness(.72);transform:scale(1.015)}
.about-hero::after{content:"";position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 38%,rgba(0,0,0,.12) 76%),linear-gradient(0deg,rgba(0,0,0,.82),transparent 58%)}
.about-hero-copy{width:min(1050px,100%)}
.about-kicker{display:flex;align-items:center;gap:14px;margin-bottom:28px;color:#c9a76a;text-transform:uppercase;font:700 12px/1 var(--font-heading);letter-spacing:.2em}
.about-kicker::before{content:"";width:42px;height:1px;background:#c9a76a}
.about-hero h1{max-width:1050px;margin:0;text-transform:uppercase;font:500 clamp(62px,8.5vw,138px)/.82 var(--font-heading);letter-spacing:-.075em}
.about-hero h1 em{display:block;color:rgba(255,255,255,.74);font-style:normal}
.about-hero p{max-width:590px;margin:34px 0 0;color:#c3c1bc;font-size:14px;line-height:1.8}
.about-story{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(460px,1.18fr);gap:clamp(60px,10vw,170px);padding:clamp(100px,11vw,180px) var(--page-pad);border-top:1px solid rgba(255,255,255,.09)}
.about-story h2,.about-standard h2{margin:0;text-transform:uppercase;font:500 clamp(47px,5.8vw,94px)/.98 var(--font-heading);letter-spacing:-.052em}
.about-story h2 em,.about-standard h2 em{display:block;color:rgba(255,255,255,.5);font-style:normal}
.about-story-copy{max-width:720px;padding-top:10px}
.about-story-copy>p{margin:0 0 25px;color:#aaa9a4;font-size:clamp(15px,1.2vw,18px);line-height:1.8}
.about-story-copy>p:first-child{color:#e1dfd9;font-size:clamp(19px,1.7vw,27px);line-height:1.55}
.about-values{padding:0 var(--page-pad) clamp(105px,11vw,180px)}
.about-values-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.14);border-left:1px solid rgba(255,255,255,.14)}
.about-value{min-height:330px;display:flex;flex-direction:column;padding:clamp(28px,3vw,48px);border-right:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}
.about-value>span{color:#c9a76a;font:700 12px/1 var(--font-heading);letter-spacing:.16em}
.about-value h3{margin:auto 0 18px;text-transform:uppercase;font:600 clamp(25px,2.5vw,39px)/1 var(--font-heading);letter-spacing:-.045em}
.about-value p{max-width:360px;margin:0;color:#878681;font-size:13px;line-height:1.75}
.about-standard{display:grid;grid-template-columns:1.05fr .95fr;min-height:680px;background:#efede7;color:#111}
.about-standard-media{overflow:hidden}
.about-standard-media img{width:100%;height:100%;object-fit:cover;object-position:55% center;filter:saturate(.7) contrast(1.05)}
.about-standard-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(55px,7vw,115px)}
.about-standard h2 em{color:rgba(17,17,17,.48)}
.about-standard-copy>p{max-width:520px;margin:32px 0 0;color:#65635e;font-size:14px;line-height:1.8}
.about-standard-copy a{width:max-content;margin-top:38px;padding-bottom:10px;border-bottom:1px solid #a77f3c;text-transform:uppercase;font:700 12px/1 var(--font-heading);letter-spacing:.16em}
.about-page .main-nav>a[href="about.html"]{color:#fff}
@media(max-width:900px){.about-story{grid-template-columns:1fr;gap:45px}.about-values-grid{grid-template-columns:1fr}.about-value{min-height:245px}.about-standard{grid-template-columns:1fr}.about-standard-media{height:56svh}.about-standard-copy{min-height:500px}}
@media(max-width:900px){.about-hero{min-height:80svh;padding:125px 20px 65px}.about-hero>img{object-position:66% center}.about-hero h1{font-size:clamp(41px,11.4vw,62px)}.about-hero p{font-size:12px}.about-story,.about-values{padding-left:20px;padding-right:20px}.about-story h2,.about-standard h2{font-size:clamp(34px,9.88vw,53px);line-height:1}.about-standard-media{height:48svh}.about-standard-copy{min-height:460px;padding:65px 20px}}

@media(max-width:900px){
  .about-hero{min-height:80dvh;padding-top:116px}.about-hero h1{font-size:clamp(35px,10.64vw,52px);line-height:.94;letter-spacing:-.052em}.about-hero p{line-height:1.7}
  .about-story{gap:36px;padding-top:82px;padding-bottom:82px}.about-story h2,.about-standard h2{font-size:clamp(30px,9.12vw,44px);line-height:1}.about-story-copy>p:first-child{font-size:19px}.about-story-copy>p{font-size:14px}
  .about-values{padding-bottom:88px}.about-values-grid{border-radius:12px;overflow:hidden}.about-value{min-height:220px;padding:26px}.about-standard-media{height:54vw;min-height:260px}.about-standard-copy{min-height:430px;padding-top:58px;padding-bottom:64px}
}

/* ============================================================
   BÖLÜM: mobil-duzeltmeler  (2026-08)
   Mobilde tespit edilen görsel hataların düzeltmeleri.
   ============================================================ */
@media (max-width:900px){
  /* Kapalı mega menü ve süreç menüsü, gizli menü panelinin içinde
     "visibility:visible" kaldığı için ekranın ortasında 2px'lik
     yatay çizgi olarak görünüyordu — kapalıyken tamamen gizle. */
  .main-nav:not(.open) .services-mega-menu,
  .main-nav:not(.open) .nav-dropdown-menu{ visibility:hidden; }

  /* Servis kutucuklarının etiketleri masaüstünden kalan
     position:absolute yüzünden kutuların dışına taşıyor ve
     kutular boş görünüyordu. */
  .car-hotspots .hotspot{ display:flex; align-items:center; }
  .car-hotspots .hotspot b{
    position:static;
    transform:none;
    background:none;
    opacity:1;
    white-space:nowrap;
  }

  /* Menü kapatma (X) butonu: çizgiler tam ortada kesişmiyordu.
     Çizgi merkezleri 13px aralıklı (1px çizgi + 6px'lik dikey
     kenar boşlukları); X için her biri 6.5px kaydırılmalı. */
  .menu-toggle.active span:first-child{ transform:translateY(6.5px) rotate(45deg); }
  .menu-toggle.active span:last-child{ transform:translateY(-6.5px) rotate(-45deg); }

  /* Panel başlığındaki satır kırma gizlenince kelimeler bitişik
     yazılıyordu ("PPFPROTECTION") — kırmayı geri getir. */
  .panel-content h3 br{ display:inline; }

  /* "SIX DISCIPLINES." başlığı dar ekranda yatay taşıyordu. */
  .stacked-services-intro h2{ font-size:clamp(24px,8.36vw,55px); }
}

/* Açık temada mobil servis kutucukları: koyu tema renkleri
   kalıyordu, aktif kutunun etiketi açık zeminde okunmuyordu. */
@media (max-width:900px){
  html[data-theme="light"] .car-hotspots .hotspot{
    border-color:rgba(17,17,17,.16);
    color:#5c5a55;
    background:#efede7;
  }
  html[data-theme="light"] .car-hotspots .hotspot.active{
    border-color:rgba(160,124,54,.55);
    color:#111;
    background:rgba(201,167,106,.18);
  }
}

/* Türkçe metinler İngilizceden uzun; TR seçiliyken taşan
   başlıklar için dile özel boyut küçültme. */
@media (max-width:900px){
  html[lang="tr"] .hero-content h1{ font-size:clamp(27px,8.74vw,46px); }
  html[lang="tr"] .panel-content h3{ max-width:250px; font-size:21px; }
  html[lang="tr"] .process-page h1{ font-size:clamp(24px,7.6vw,43px); }
}

/* ============================================================
   BÖLÜM: revize-ust-menu  (2026-08)
   Üst menü revizeleri: logo ve menü yazıları büyütüldü; mega
   menüde servis açıklamaları kaldırıldı, yalnız büyük servis
   adı kaldı; sol sütunda yalnız "tüm servisler" butonu kaldı.
   Yalnızca masaüstü — mobil menü kendi düzenini korur.
   ============================================================ */
@media (min-width:901px){
  /* logo */
  .site-header .brand-mark{
    transform:skewX(-12deg) scale(1.35);
    transform-origin:left center;
    margin-right:12px;
  }
  .site-header .brand-copy{ font-size:16px; }
  .site-header .brand-copy span{ font-size:13px; margin-top:5px; }

  /* menü yazıları */
  .main-nav>a,
  .main-nav .nav-contact{ font-size:15px; }
  .services-mega-toggle,
  .nav-dropdown-toggle{ font-size:15px; }
  .services-mega-toggle span{ font-size:16px; }
  .nav-dropdown-menu a{ font-size:12px; }

  /* büyüyen içerik dar masaüstünde sığsın diye yan sütunlar esnedi */
  .site-header{ grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr); }

  /* mega menü kartları: açıklama ve "incele" kalktı, ad büyüdü */
  .mega-card-copy small,
  .mega-card-copy i{ display:none; }
  .mega-card-copy{ padding:13px 12px 15px; }
  .mega-card-copy strong{ font-size:15px; line-height:1.25; letter-spacing:.02em; }

  /* sol sütun: açıklamalar kalktı, yalnız buton (büyütülmüş) */
  .mega-intro>span,
  .mega-intro h3,
  .mega-intro p{ display:none; }
  .mega-intro{ display:flex; align-items:center; }
  .mega-intro>a{ margin-top:0; font-size:12px; gap:12px; padding-bottom:9px; }
}

/* ============================================================
   BÖLÜM: revize-2  (2026-08)
   ============================================================ */
/* Kaldırılan açıklama yazıları (tüm boyutlarda) */
.services-intro{ display:none; }
.stacked-services-intro>p:last-child{ display:none; }
/* Hero'daki "About us / Hakkımızda" bağlantısı kaldırıldı */
.hero-actions .secondary-action{ display:none; }

@media (min-width:901px){
  /* Servis kartları: "01 / Paintwork" etiketi büyüdü */
  .stacked-service-content small{ font-size:13px; letter-spacing:.2em; }
  /* Fotoğrafın sol altındaki etiket (tüm kartlar) */
  .stacked-service-media>span{ font-size:12px; letter-spacing:.18em; left:38px; bottom:32px; }
  /* "Explore service" butonu büyüdü */
  .stacked-service-content a{ padding:17px 26px; font-size:12px; }
  .stacked-service-content a b{ font-size:18px; }

  /* Süreç bölümü: görselin sol altındaki etiketler büyüdü */
  .process-visual figcaption span{ font-size:12px; letter-spacing:.18em; }
  .process-visual figcaption b{ font:500 clamp(17px,1.6vw,25px)/1 "Manrope"; }

  /* Hero: "Scroll to discover" büyüdü */
  .scroll-cue{ font-size:12px; letter-spacing:.18em; gap:15px; }
  .scroll-cue span{ height:42px; }
}

/* Revize: Before/After başlığının sağındaki açıklama kaldırıldı;
   başlık tek sütuna yayıldı. */
.results-title-row p{ display:none; }
.results-title-row{ grid-template-columns:1fr; }

/* Revize: iletişim bölümünde açıklama yerine ikonlu kanallar */
.contact-channels{
  margin:34px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:14px;
}
.contact-channels a{
  display:inline-flex;
  align-items:center;
  gap:16px;
  color:#d5d3ce;
  font:500 15px/1 "Manrope",sans-serif;
  letter-spacing:.02em;
  transition:color .2s;
}
.contact-channels a:hover{ color:var(--accent); }
.contact-channels i{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  flex:0 0 44px;
  border:1px solid rgba(201,167,106,.45);
  border-radius:50%;
  color:var(--accent);
  transition:background .2s,color .2s;
}
.contact-channels a:hover i{ background:var(--accent); color:#111; }
.contact-channels svg{
  width:20px;
  height:20px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.6;
  stroke-linecap:round;
  stroke-linejoin:round;
}
@media (max-width:900px){
  .contact-channels a{ font-size:14px; min-height:44px; }
}

/* Revize: iletişim bölümünde ikonların üstündeki başlık kaldırıldı */
.contact-intro h2{ display:none; }
.contact-channels{ margin-top:26px; }

/* Revize: Hakkımızda sayfasındaki 01 / 02 / 03 numaraları büyütüldü */
.about-value>span{ font-size:22px; letter-spacing:.1em; }

/* TR mobilde servis paneli başlığı taşmasın */
@media (max-width:900px){
  html[lang="tr"] .panel-content h3{ max-width:270px; font-size:19px; }
}

/* Revize: bölüm başlığı ve CTA bandı altındaki açıklama
   paragrafları kaldırıldı (sayfa gövde içerikleri korunur). */
.process-intro h2 + p,
.final-cta-content h2 + p,
.service-section-head h2 + p,
.ppf-feature-head h2 + p,
.coverage-copy h2 + p,
.stacked-services-intro h2 + p,
.catalog-contact article h2 + p,
.detail-contact article h2 + p,
.ppf-contact article h2 + p,
.service-contact article h2 + p {
  display: none !important;
}

/* ============================================================
   TR büyük harf düzeltmesi
   Türkçe dil kuralında "i" harfi "İ" olarak büyür. Marka adı ve
   İngilizce kökenli kelimelerde (PREMIUM, DETAILING, PPF) noktalı
   İ istenmiyor. Bu ögelerde büyütme İngilizce kuralıyla yapılır.
   ============================================================ */
html[lang="tr"] :is(
  .catalog-hero h1,
  .catalog-product h3,
  .catalog-contact h2,
  .service-hero h1,
  .brand-copy,
  .footer-logo,
  .solution-copy h3,
  .mega-card-copy strong
){
  /* İngilizce büyütme kuralı: i -> I */
  text-transform:uppercase;
}
html[lang="tr"] .brand-copy,
html[lang="tr"] .footer-logo{
  text-transform:uppercase;
}

/* ============================================================
   SSS sayfası: soru numaraları
   ============================================================ */
.faq-list summary{ display:flex; align-items:baseline; gap:18px; }
.faq-q{ flex:1; }
.faq-no{
  order:-1;
  min-width:34px;
  color:#c9a76a;
  font:500 12px/1 "Manrope",sans-serif;
  letter-spacing:.14em;
  opacity:.75;
}
.about-values-head{ margin-bottom:clamp(32px,4vw,54px); }
.about-values-head h2{
  margin:0; text-transform:uppercase;
  font:500 clamp(30px,3.6vw,54px)/.95 "Manrope",sans-serif;
  letter-spacing:-.02em;
}

/* ============================================================
   about-values: madde sayısına göre sütun
   Mevcut 3'lü düzen korunur; 4 maddede 2x2, 2 maddede 2'li olur
   ============================================================ */
.about-values-grid:has(> .about-value:nth-child(4)):not(:has(> .about-value:nth-child(5))){
  grid-template-columns:repeat(2,1fr);
}
.about-values-grid:has(> .about-value:nth-child(2)):not(:has(> .about-value:nth-child(3))){
  grid-template-columns:repeat(2,1fr);
}
@media(max-width:900px){
  .about-values-grid:has(> .about-value:nth-child(4)):not(:has(> .about-value:nth-child(5))),
  .about-values-grid:has(> .about-value:nth-child(2)):not(:has(> .about-value:nth-child(3))){
    grid-template-columns:1fr;
  }
}

/* ============================================================
   İletişim: adres bandı ve giriş metni
   Sitenin --page-pad container mantığı kullanılır
   ============================================================ */
.contact-lead{
  max-width:430px; margin:22px 0 0;
  color:#8b8a85; font-size:14px; line-height:1.8;
}
.contact-address{
  padding:clamp(70px,8vw,120px) var(--page-pad);
  border-top:1px solid rgba(255,255,255,.12);
}
.contact-address .contact-container{ max-width:var(--container); margin:0 auto; }
.contact-address-kicker{
  display:block; margin-bottom:18px;
  color:#c9a76a; text-transform:uppercase;
  font:700 12px/1 var(--font-heading); letter-spacing:.16em;
}
.contact-address h3{
  margin:0 0 16px; text-transform:uppercase;
  font:600 clamp(24px,2.6vw,40px)/1.05 var(--font-heading);
  letter-spacing:-.035em;
}
.contact-address-line{
  max-width:620px; margin:0;
  color:#aaa9a4; font-size:15px; line-height:1.8;
}
.contact-address-note{
  max-width:620px; margin:26px 0 0;
  color:#78776f; font-size:13px; line-height:1.75; font-style:italic;
}
html[data-theme="light"] .contact-address{ border-top-color:rgba(0,0,0,.12); }
html[data-theme="light"] .contact-address-line{ color:#55534e; }
html[data-theme="light"] .contact-address-note{ color:#75736d; }
html[data-theme="light"] .contact-lead{ color:#5d5b56; }
@media(max-width:900px){
  .contact-lead{ max-width:none; }
  .contact-address{ padding-top:64px; padding-bottom:64px; }
}

/* ============================================================
   about-standard: başlık sütuna sığsın
   Bu bölüm 2 sütunlu; h2 ise tam genişlik için ölçeklenmiş
   clamp(47px,5.8vw,94px) değerini miras alıyor ve sağdan
   taşıyordu. Sütun genişliğine göre yeniden boyutlandırılır.
   ============================================================ */
.about-standard-copy h2{
  font-size:clamp(30px,3.1vw,52px);
  line-height:1.02;
  letter-spacing:-.04em;
  hyphens:none;
  overflow-wrap:break-word;
}
.about-standard-copy>p{ max-width:100%; }
@media(max-width:900px){
  .about-standard-copy h2{ font-size:clamp(30px,7.4vw,44px); }
}

/* ============================================================
   Franchise sayfası
   ============================================================ */
.franchise-support{ list-style:none; margin:34px 0 0; padding:0; display:grid; gap:20px; }
.franchise-support li{
  padding-left:20px; border-left:2px solid #c9a76a;
}
.franchise-support strong{
  display:block; margin-bottom:6px;
  color:#1a1a18; text-transform:uppercase;
  font:600 13px/1.3 var(--font-heading); letter-spacing:.06em;
}
.franchise-support span{ display:block; color:#65635e; font-size:13.5px; line-height:1.7; }
.franchise-cta{ display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.franchise-cta a{
  padding:15px 26px; border:1px solid rgba(255,255,255,.25); border-radius:2px;
  color:#f4f2ed; text-transform:uppercase;
  font:600 12px/1 var(--font-heading); letter-spacing:.14em;
  transition:background .25s ease, border-color .25s ease, color .25s ease;
}
.franchise-cta a:first-child{ background:#c9a76a; border-color:#c9a76a; color:#14140f; }
.franchise-cta a:hover{ background:#f4f2ed; border-color:#f4f2ed; color:#14140f; }
html[data-theme="light"] .franchise-cta a{ border-color:rgba(0,0,0,.25); color:#1a1a18; }
html[data-theme="light"] .franchise-cta a:first-child{ background:#a77f3c; border-color:#a77f3c; color:#fff; }
html[data-theme="light"] .franchise-cta a:hover{ background:#14140f; border-color:#14140f; color:#fff; }
/* Kimleri arıyoruz: yalnız numara + metin olan kartlar */
.about-value:not(:has(h3)) p{ margin-top:auto; font-size:15px; line-height:1.6; color:#c8c6c0; }
html[data-theme="light"] .about-value:not(:has(h3)) p{ color:#3c3a36; }
@media(max-width:900px){
  .franchise-cta a{ width:100%; text-align:center; }
}

/* ============================================================
   2026-08 / Site-wide content scale and container system
   Every text-led layout shares one 1280px content boundary.
   ============================================================ */
body { overflow-x:clip; font-size:14px; }
img,video,svg { max-width:100%; }

:is(
  .service-container,.service-hero-content,
  .catalog-container,.catalog-hero-content,
  .ppf-container,.ppf-hero-content,
  .service-assurance-inner,
  .studio-shell,.final-cta-content,
  .footer-grid,.footer-bottom
) {
  width:min(var(--container),calc(100% - (var(--page-gutter) * 2)))!important;
  max-width:var(--container)!important;
  margin-inline:auto!important;
}

.process-page-copy,.about-hero-copy,.contact-hero-copy { max-width:860px; }
.about-story,.about-values,.contact-workspace,.process-page-hero,.about-hero,.contact-hero { padding-inline:var(--page-pad); }
.studio-shell,.final-cta-content,.footer-grid,.footer-bottom { width:100%!important; }
.cinematic-copy { left:var(--page-pad); max-width:min(760px,calc(100vw - (var(--page-gutter) * 2))); }
.cinematic-progress { right:var(--page-pad); }
.stacked-service-inner { max-width:var(--container); }

/* Homepage: one current service list replaces the two legacy service areas. */
.home-services { padding:clamp(88px,9vw,132px) var(--page-pad); color:#111; background:#ece9e2; }
.home-services-shell { width:100%; max-width:var(--container); margin-inline:auto; }
.home-services-head { display:flex; align-items:flex-end; justify-content:space-between; gap:48px; margin-bottom:clamp(42px,5vw,66px); }
.home-services-head h2 { max-width:760px; margin:18px 0 0; text-transform:uppercase; font:500 clamp(42px,5.3vw,72px)/.92 var(--font-heading); letter-spacing:-.055em; }
.home-services-head h2 em { color:rgba(17,17,17,.5); font-style:normal; }
.home-services .section-label { color:#6b6964; }
.home-services-all { flex:0 0 auto; padding-bottom:10px; border-bottom:1px solid #9b7437; color:#171715; text-transform:uppercase; font:700 11px/1 var(--font-heading); letter-spacing:.14em; }
.home-services-all b { margin-left:16px; color:#9b7437; }
.home-services-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.home-service-card { min-width:0; overflow:hidden; border:1px solid rgba(17,17,17,.13); background:#f5f2eb; transition:transform .35s ease,box-shadow .35s ease; }
.home-service-card:hover { transform:translateY(-5px); box-shadow:0 22px 55px rgba(40,35,25,.1); }
.home-service-card figure { position:relative; height:clamp(210px,21vw,310px); margin:0; overflow:hidden; background:#111; }
.home-service-card figure::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 60%,rgba(0,0,0,.48)); }
.home-service-card img { display:block; width:100%; height:100%; object-fit:cover; filter:saturate(.78); transition:transform .65s ease,filter .35s; }
.home-service-card:hover img { transform:scale(1.035); filter:saturate(.95); }
.home-service-card figure span { position:absolute; z-index:1; top:16px; left:16px; display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(255,255,255,.48); border-radius:50%; color:#fff; background:rgba(0,0,0,.18); font:600 11px/1 var(--font-heading); }
.home-service-card>div { min-height:205px; display:flex; flex-direction:column; padding:24px; }
.home-service-card h3 { margin:0 0 13px; text-transform:uppercase; font:600 clamp(18px,1.55vw,23px)/1.08 var(--font-heading); letter-spacing:-.035em; overflow-wrap:anywhere; }
.home-service-card p { margin:0; color:#6b6964; font-size:12.5px; line-height:1.65; }
.home-service-card>div>b { margin-top:auto; padding-top:24px; color:#8d6b2e; text-transform:uppercase; font:700 10.5px/1 var(--font-heading); letter-spacing:.13em; }

/* Compact desktop navigation and service menu. */
@media (min-width:901px) {
  .site-header { height:78px; --dropdown-y:82px; grid-template-columns:minmax(170px,1fr) auto minmax(170px,1fr); }
  .site-header.scrolled { height:68px; --dropdown-y:72px; }
  .site-header .brand-mark { transform:skewX(-12deg) scale(1.08); margin-right:5px; }
  .site-header .brand-copy { font-size:13px; }
  .site-header .brand-copy span { margin-top:4px; font-size:11px; }
  .main-nav { gap:clamp(24px,2.6vw,40px); }
  .main-nav>a,.main-nav .nav-contact,.services-mega-toggle,.nav-dropdown-toggle { font-size:12.5px; }
  .services-mega-menu { top:var(--dropdown-y); width:min(760px,calc(100vw - (var(--page-gutter) * 2))); grid-template-columns:132px 1fr; gap:10px; padding:10px; }
  .mega-intro { padding:4px 10px 4px 1px; }
  .mega-intro>a { font-size:10px; line-height:1.35; letter-spacing:.11em; }
  .mega-services-grid { gap:6px; }
  .mega-card-image { height:64px; }
  .mega-card-image span { top:6px; left:6px; padding:4px 6px; font-size:9px; }
  .mega-card-copy { min-height:48px; padding:9px 9px 10px; }
  .mega-card-copy strong { font-size:11.5px; line-height:1.22; letter-spacing:0; }
}

/* Restrained display type on content pages. */
.hero h1 { font-size:clamp(46px,5.4vw,82px); line-height:.88; }
.stacked-services-intro h2 { max-width:820px; font-size:clamp(32px,3.7vw,52px); line-height:1; letter-spacing:-.04em; }
.stacked-service-content h3 { font-size:clamp(25px,2.8vw,40px); line-height:1.02; letter-spacing:-.035em; overflow-wrap:anywhere; }
.results-title-row h2,.process-intro h2,.studio-heading h2 { max-width:820px; font-size:clamp(32px,3.7vw,52px); line-height:1; letter-spacing:-.04em; }
.cinematic-copy h2 { font-size:clamp(40px,5.4vw,74px); line-height:.9; }
.final-cta h2 { max-width:820px; font-size:clamp(36px,4.3vw,60px); line-height:.96; letter-spacing:-.04em; }
.service-hero h1 { max-width:720px; font-size:clamp(40px,4.4vw,62px); line-height:.94; }
.service-section-head h2 { max-width:720px; font-size:clamp(32px,3.5vw,50px); line-height:1; }
.solution-copy h3 { font-size:clamp(18px,1.55vw,23px); line-height:1.08; }
.catalog-hero h1,.ppf-hero h1 { max-width:760px; font-size:clamp(38px,4.3vw,60px); line-height:.94; }
.catalog-explorer h2,.ppf-explorer h2 { font-size:clamp(24px,2.5vw,34px); }
.catalog-product h3,.ppf-product h3 { font-size:clamp(25px,2.7vw,38px); line-height:1.02; }
.catalog-applications h2,.catalog-process-card h2 { font-size:clamp(26px,2.9vw,40px); line-height:1.02; }
.catalog-contact h2,.ppf-contact h2,.detail-contact h2 { font-size:clamp(34px,4vw,56px); line-height:.96; }
.process-page-copy h1,.about-hero h1,.contact-hero h1 { max-width:820px; font-size:clamp(38px,4.5vw,64px); line-height:.96; letter-spacing:-.04em; }
.about-story h2,.about-standard h2 { font-size:clamp(28px,3.1vw,44px); line-height:1.04; }
.about-story-copy>p:first-child { font-size:clamp(17px,1.35vw,21px); }
.about-story-copy>p { font-size:14px; line-height:1.72; }
.about-value { min-height:270px; padding:clamp(24px,2.5vw,36px); }
.about-value>span { font-size:14px; }
.about-value h3 { font-size:clamp(19px,1.7vw,25px); }
.about-values-head h2 { font-size:clamp(24px,2.6vw,36px); }
.faq-list summary { font-size:13px; }
.faq-list details p { font-size:12.5px; }

@media (max-width:900px) {
  :root { --page-gutter:20px; }
  .home-services { padding:78px 20px; }
  .home-services-head { display:block; }
  .home-services-head h2 { font-size:clamp(26px,7.98vw,38px); }
  .home-services-all { display:inline-block; margin-top:28px; }
  .home-services-grid { grid-template-columns:1fr; gap:14px; }
  .home-service-card { display:grid; grid-template-columns:minmax(120px,38%) 1fr; }
  .home-service-card figure { height:100%; min-height:210px; }
  .home-service-card>div { min-height:210px; padding:20px 18px; }
  .home-service-card h3 { font-size:17px; }
  .home-service-card p { font-size:12px; }
  .stacked-services-intro h2 { font-size:clamp(24px,7.6vw,40px); }
  .stacked-service-content h3 { font-size:clamp(30px,9vw,44px); }
  .process-page-copy h1,.about-hero h1,.contact-hero h1 { font-size:clamp(30px,9.12vw,46px); line-height:.95; }
}

@media (max-width:560px) {
  .home-service-card { display:block; }
  .home-service-card figure { height:58vw; min-height:210px; }
  .home-service-card>div { min-height:190px; }
}

/* ============================================================
   Final container enforcement
   Full-bleed sections keep their backgrounds; every content box
   is constrained to the shared 1280px boundary.
   ============================================================ */
.services-heading,.services-stage { max-width:var(--container); }

.about-standard {
  width:min(var(--container),calc(100% - (var(--page-gutter) * 2)));
  max-width:var(--container);
  margin-inline:auto;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
}

.about-standard-media,.about-standard-copy,
.about-story>*,.about-values>*,.contact-workspace>*,
.service-section-head>*,.solution-grid>*,.coverage-layout>*,
.catalog-intro .catalog-container>*,.catalog-product>*,
.catalog-applications header>*,.catalog-process-card>*,
.ppf-intro .ppf-container>*,.ppf-product>*,
.studio-heading>*,.studio-grid>*,.footer-grid>* {
  min-width:0;
}

.about-standard-copy {
  min-width:0;
  padding:clamp(46px,5vw,72px);
}
.about-standard-copy h2 {
  width:100%;
  max-width:560px;
  font-size:clamp(28px,2.8vw,44px);
  line-height:1.03;
  letter-spacing:-.035em;
  overflow-wrap:break-word;
}
.about-standard-copy>p { width:100%; max-width:560px; }

.contact-address .contact-container {
  width:100%;
  max-width:var(--container);
}

:is(
  .hero-content,.services-heading,.stacked-services-intro,
  .stacked-service-content,.results-head,.process-intro,
  .process-list,.studio-heading,.studio-copy,.final-cta-content,
  .service-hero-content,.service-section-head,.solution-copy,
  .catalog-hero-content,.catalog-container,.catalog-product article,
  .catalog-process-card article,.ppf-hero-content,.ppf-container,
  .process-page-copy,.about-hero-copy,.about-story-copy,
  .about-standard-copy,.contact-hero-copy,.contact-intro,
  .contact-form,.contact-protocol,.contact-container
) :is(h1,h2,h3,h4,p,li,a,span,strong,b) {
  max-inline-size:100%;
}

@media (max-width:1100px) and (min-width:901px) {
  .about-standard { grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
  .about-standard-copy { padding:clamp(38px,4.5vw,52px); }
  .about-standard-copy h2 { font-size:clamp(27px,3vw,34px); }
  .about-standard-copy>p { font-size:13px; line-height:1.72; }
}

@media (max-width:900px) {
  .about-standard {
    width:calc(100% - (var(--page-gutter) * 2));
    grid-template-columns:minmax(0,1fr);
  }
  .about-standard-copy { padding:54px 20px 62px; }
  .about-standard-copy h2 { font-size:clamp(28px,8.5vw,42px); }
}

/* ============================================================
   Footer alt bandı: sohbet balonuna yer aç
   Sohbet balonu (58px + sağ boşluk) sayfanın sağ altında sabit
   duruyor ve kısa sayfalarda Ajans360 logosunun üzerine biniyordu.
   Alt banda sağdan pay verilerek çakışma önlenir.
   ============================================================ */
.footer-bottom{
  padding-right:calc(58px + clamp(18px,2.4vw,38px) + 16px);
}
@media(max-width:900px){
  .footer-bottom{
    padding-right:0;
    padding-bottom:calc(52px + 22px); /* mobilde balon altta, logo üstüne alınır */
  }
}

/* ============================================================
   Franchise başvuru formu
   Sitenin --page-pad container mantığı korunur; form alanları
   mevcut .contact-form kurallarını devralır.
   ============================================================ */
.franchise-apply{
  padding:clamp(80px,9vw,140px) var(--page-pad);
  border-top:1px solid rgba(255,255,255,.12);
  background:#0a0a0a;
}
.franchise-apply-inner{ max-width:var(--container); margin:0 auto; }
.franchise-apply-head{ max-width:640px; margin-bottom:clamp(34px,4vw,52px); }
.franchise-apply-head h2{
  margin:0 0 18px; text-transform:uppercase;
  font:500 clamp(28px,3.1vw,44px)/1.04 "Manrope",sans-serif;
  letter-spacing:-.04em;
}
.franchise-apply-head h2 em{ color:rgba(255,255,255,.5); font-style:normal; }
.franchise-apply-head p{ margin:0; color:#8b8a85; font-size:14.5px; line-height:1.75; }
.franchise-form{ max-width:960px; }
html[data-theme="light"] .franchise-apply{ background:#f2efe8; border-top-color:rgba(0,0,0,.12); }
html[data-theme="light"] .franchise-apply-head h2 em{ color:rgba(17,17,17,.48); }
html[data-theme="light"] .franchise-apply-head p{ color:#5d5b56; }
@media(max-width:900px){
  .franchise-apply{ padding-top:70px; padding-bottom:80px; }
  .franchise-apply-head h2{ font-size:clamp(26px,7.4vw,36px); }
  .franchise-form{ grid-template-columns:1fr; gap:22px; padding:24px 18px; border-radius:14px; box-shadow:none; }
  .franchise-form .contact-form-footer{ display:block; }
  .franchise-form .contact-form-footer button{ width:100%; margin-top:18px; }
}
.franchise-apply-tel{ margin:20px 0 0; }
.franchise-apply-tel a{
  display:inline-flex; align-items:center; gap:10px;
  color:#c9a76a; font-size:14px; transition:color .25s ease;
}
.franchise-apply-tel a:hover{ color:#f4f2ed; }
.franchise-apply-tel svg{
  width:17px; height:17px; flex:none;
  fill:none; stroke:currentColor; stroke-width:1.6;
  stroke-linecap:round; stroke-linejoin:round;
}
html[data-theme="light"] .franchise-apply-tel a{ color:#a77f3c; }
html[data-theme="light"] .franchise-apply-tel a:hover{ color:#14140f; }

/* ============================================================
   Sosyal medya ikonları
   Footer'da yalnız ikon; iletişim sayfasında ikon + ad.
   ============================================================ */
.social-links{
  display:flex; flex-wrap:wrap; gap:10px;
  margin:22px 0 0; padding:0; list-style:none;
}
.social-links a{
  display:inline-flex; align-items:center; justify-content:center;
  width:38px; height:38px;
  border:1px solid rgba(255,255,255,.16); border-radius:50%;
  color:#a9a8a3;
  transition:color .25s ease, border-color .25s ease, background .25s ease, transform .25s ease;
}
.social-links a:hover{
  color:#0b0b0b; background:#c9a76a; border-color:#c9a76a;
  transform:translateY(-2px);
}
.social-links svg{
  width:17px; height:17px;
  fill:none; stroke:currentColor; stroke-width:1.5;
  stroke-linecap:round; stroke-linejoin:round;
}
.social-links a>span{ display:none; }

/* İletişim sayfası: ikon + ad */
.contact-social{ margin-top:34px; }
.contact-social-title{
  display:block; margin-bottom:14px;
  color:#c9a76a; text-transform:uppercase;
  font:700 11px/1 "Manrope",sans-serif; letter-spacing:.17em;
}
.social-links-lg{ gap:12px; margin-top:0; }
.social-links-lg a{
  width:auto; height:42px; gap:10px;
  padding:0 16px; border-radius:999px;
  font:600 12.5px/1 "Manrope",sans-serif; letter-spacing:.04em;
}
.social-links-lg a>span{ display:inline; }

html[data-theme="light"] .social-links a{ border-color:rgba(0,0,0,.18); color:#55534e; }
html[data-theme="light"] .social-links a:hover{ color:#fff; background:#14140f; border-color:#14140f; }
html[data-theme="light"] .contact-social-title{ color:#a77f3c; }

@media(max-width:900px){
  .social-links{ margin-top:20px; }
  .social-links-lg a{ height:38px; padding:0 13px; font-size:12px; }
}

/* ============================================================
   2026-09 / Mobil footer ve sosyal bağlantı düzeltmeleri
   ============================================================ */
.social-links li{ flex:0 0 auto; }

@media(max-width:900px){
  .site-footer{ padding:54px var(--page-gutter) 22px; }
  .site-footer .footer-grid{ display:block; padding-bottom:36px; }
  .site-footer .footer-brand>p{ margin:22px 0 24px; }
  .site-footer .footer-links{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:34px 20px;
    margin-top:44px;
  }
  .site-footer .footer-column{ min-width:0; gap:10px; }
  .site-footer .footer-column>span{
    margin-bottom:7px;
    font-size:11px;
  }
  .site-footer .footer-column a,
  .site-footer .footer-column button{
    min-height:32px;
    font-size:12px;
    line-height:1.35;
  }
  .site-footer .footer-contact{
    grid-column:1/-1;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    align-items:stretch;
    gap:10px;
    padding-top:2px;
  }
  .site-footer .footer-contact>span{ grid-column:1/-1; }
  .site-footer .footer-contact button{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    min-height:42px;
    justify-content:center;
    padding:10px;
    border:1px solid rgba(255,255,255,.14);
    text-align:center;
  }
  .site-footer .footer-contact .footer-highlight{
    grid-column:1/-1;
    border-color:rgba(201,167,106,.48);
  }
  .site-footer .footer-bottom{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto;
    align-items:end;
    gap:16px;
    padding:18px 0 8px;
    line-height:1.55;
  }
  .site-footer .agency-credit{ align-self:end; }

  .contact-social{ width:100%; min-width:0; overflow:hidden; }
  .social-links-lg{
    width:100%;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
  }
  .social-links-lg li{ min-width:0; }
  .social-links-lg a{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    height:42px;
    justify-content:flex-start;
    gap:9px;
    padding:0 12px;
    white-space:nowrap;
  }
  .social-links-lg svg{ flex:0 0 16px; width:16px; height:16px; }
  .social-links-lg a>span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
  }

  .chat-widget.footer-visible:not(.open){
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(10px);
  }
}

/* İletişim sayfasındaki sosyal butonlar mobilde kesin 2x2 kalır. */
@media(max-width:900px){
  body.contact-page .contact-social .social-links.social-links-lg{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:100%!important;
    max-width:360px!important;
    gap:10px!important;
    margin:0!important;
    padding:0!important;
    overflow:visible!important;
  }
  body.contact-page .contact-social .social-links-lg>li{
    display:block!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
  }
  body.contact-page .contact-social .social-links-lg>li>a{
    display:flex!important;
    width:100%!important;
    max-width:none!important;
    height:42px!important;
    min-width:0!important;
    padding:0 11px!important;
    justify-content:flex-start!important;
    gap:8px!important;
    white-space:nowrap!important;
  }
  body.contact-page .contact-social .social-links-lg>li>a>span{
    display:block!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
}