:root{--black:#1a1114;--black2:#120c0e;--red:#a60f13;--red2:#db3e3d;--soft:#e7e7e7;--text:#161315;--muted:#6f686b;--line:#e8e4e5;--container:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:#f7f5f4;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container-wide{width:min(var(--container),calc(100% - 32px));margin-inline:auto}.section{padding:88px 0;background:#fff}.section-muted{padding:88px 0;background:#f1eeee}.section-dark{background:var(--black);color:white}.eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;font-size:12px;color:var(--red2);margin-bottom:14px}.eyebrow:before{content:"";width:30px;height:2px;background:currentColor}.site-header{position:sticky;top:0;z-index:90;background:var(--black);box-shadow:0 14px 40px rgba(0,0,0,.2)}.topbar{background:#0d090a;color:#d8d4d5;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.08)}.topbar-link{opacity:.85}.topbar-link:hover{opacity:1;color:white}.nav-shell{padding:14px 0}.brand-logo{display:flex;align-items:center;background:#0a0708;border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:10px 14px;min-width:176px}.brand-logo img{height:58px;width:auto;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:22px;color:#fff;font-weight:800;font-size:14px}.desktop-nav>a,.nav-dropdown>a{padding:18px 0;opacity:.88}.desktop-nav>a:hover,.nav-dropdown>a:hover{color:#fff;opacity:1}.nav-dropdown{position:relative}.mega-menu{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(8px);min-width:680px;background:#fff;color:var(--text);border-radius:26px;padding:24px;box-shadow:0 30px 90px rgba(0,0,0,.28);opacity:0;visibility:hidden;transition:.22s ease;border:1px solid var(--line)}.nav-dropdown:hover .mega-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}.mega-menu strong{font-family:Oswald,sans-serif;font-size:24px}.mega-menu p{color:var(--muted);margin:6px 0 0}.mega-grid{display:grid;gap:10px}.mega-grid.two{grid-template-columns:1fr 1fr}.mega-grid.one{grid-template-columns:1fr}.mega-link{display:flex;flex-direction:column;padding:12px 14px;border:1px solid var(--line);border-radius:15px;background:#faf9f8;font-weight:900}.mega-link:hover{border-color:var(--red2);background:#fff}.mega-link small{font-weight:700;color:var(--muted);font-size:11px}.small-menu{min-width:360px}.mega-regions{min-width:860px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.region-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.mega-link.compact{display:block;padding:9px 12px;font-size:13px}.nav-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:13px 20px;font-weight:900;border:1px solid transparent;transition:.22s ease;line-height:1}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--red);color:#fff;box-shadow:0 16px 36px rgba(166,15,19,.26)}.btn-primary:hover{background:var(--red2)}.btn-light{background:#fff;color:var(--black)}.btn-ghost{border-color:rgba(255,255,255,.25);color:#fff;background:rgba(255,255,255,.06)}.btn-dark{background:var(--black);color:white}.mobile-toggle{display:none;background:transparent;border:0;padding:10px}.mobile-toggle span{display:block;width:24px;height:2px;background:white;margin:5px 0}.mobile-menu{display:none;background:#0d090a;color:white;padding:16px 18px;border-top:1px solid rgba(255,255,255,.1)}.mobile-menu a:not(.btn){display:block;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);font-weight:800}.hero{position:relative;overflow:hidden;min-height:720px;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;opacity:.34}.hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,12,14,.96) 0%,rgba(18,12,14,.78) 48%,rgba(18,12,14,.35) 100%)}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero-inner{position:relative;z-index:1;padding:90px 0}.hero-copy{max-width:820px}.hero h1,.sub-hero h1,.section-head h2,.footer-cta h2{font-family:Oswald,sans-serif;line-height:.98;text-transform:uppercase;letter-spacing:-.03em}.hero h1{font-size:clamp(48px,8vw,104px);margin:0 0 26px}.hero p{font-size:20px;max-width:760px;color:#e5dedf}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:560px;gap:12px;margin-top:42px}.hero-stats div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:18px}.hero-stats b{display:block;font-family:Oswald,sans-serif;font-size:34px;line-height:1}.hero-stats span{font-size:13px;color:#d9d2d3}.quick-services{background:var(--black);padding:0 0 36px}.quick-card{background:#fff;color:var(--text);border-radius:22px;padding:24px;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 50px rgba(0,0,0,.12);transition:.22s}.quick-card:hover{transform:translateY(-5px)}.quick-card span{display:block;color:var(--red);font-weight:900;text-transform:uppercase;font-size:12px;letter-spacing:.1em}.quick-card b{display:block;font-size:21px;margin-top:8px}.sub-hero{padding:86px 0 70px;overflow:hidden}.sub-hero h1{font-size:clamp(42px,6vw,78px);margin:0 0 22px}.sub-hero p{font-size:18px;color:#e6dedf;max-width:720px}.breadcrumb{display:flex;align-items:center;gap:10px;color:#bfb5b7;margin-bottom:18px;font-size:13px}.breadcrumb a:hover{color:white}.section-head{max-width:760px;margin-bottom:40px}.section-head h2{font-size:clamp(34px,5vw,60px);margin:0 0 14px}.section-head p{font-size:18px;color:var(--muted)}.image-card{position:relative;overflow:hidden;border-radius:30px;background:linear-gradient(135deg,#241719,#a60f13);min-height:230px;box-shadow:0 22px 55px rgba(22,19,21,.14)}.image-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.image-card:hover img{transform:scale(1.04)}.image-card.tall{min-height:460px}.image-card.wide{min-height:390px}.image-card.image-missing:after{content:"Görsel /img/ klasöründe bekleniyor";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:900;text-align:center;padding:30px}.service-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:30px;overflow:hidden;transition:.22s;box-shadow:0 16px 40px rgba(22,19,21,.06)}.service-card:hover{transform:translateY(-6px);box-shadow:0 26px 70px rgba(22,19,21,.12);border-color:#d8cfd1}.service-card .image-card{border-radius:0;box-shadow:none;min-height:210px}.service-card>div:last-child{padding:22px}.service-card span{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--red);font-weight:900}.service-card h3{font-size:22px;margin:8px 0;font-weight:900}.service-card p{color:var(--muted);font-size:14px}.about-home h2,.content-block h2,.contact-card h2{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:clamp(34px,5vw,58px);line-height:1;margin:0 0 20px}.about-home p,.content-block p,.contact-card p{color:var(--muted);font-size:17px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature,.step,.side-card,.contact-card,.quote-form,.blog-card,.district-card,.region-card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:0 16px 40px rgba(22,19,21,.05)}.feature b,.step h3,.side-card h3,.region-card h3,.district-card h3,.blog-card h3{font-size:22px;font-weight:900;line-height:1.2}.feature p,.step p,.side-card p,.region-card p,.district-card p,.blog-card p{color:var(--muted);margin-top:8px}.split-cta{padding:88px 0}.split-cta h2{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:clamp(40px,6vw,70px);line-height:1;margin:0 0 22px}.split-cta p{color:#e3dbdc;font-size:18px;max-width:720px}.step span{display:inline-grid;place-items:center;width:48px;height:48px;background:var(--black);color:white;border-radius:15px;font-weight:900;margin-bottom:18px}.faq-list{max-width:920px}.faq-list details{background:#fff;border:1px solid var(--line);border-radius:22px;margin-bottom:12px;padding:20px 24px}.faq-list summary{font-weight:900;cursor:pointer}.faq-list p{color:var(--muted);margin-top:12px}.footer-cta{padding:70px 0;border-bottom:1px solid rgba(255,255,255,.08)}.footer-cta h2{font-size:clamp(34px,5vw,62px);margin:0 0 14px}.footer-cta p{color:#ddd3d5}.footer-main{background:#0d090a;color:#ddd;padding:60px 0 26px}.footer-logo{max-width:220px;background:#050303;border-radius:20px;padding:12px;margin-bottom:18px}.footer-main h3{color:white;font-weight:900;margin-bottom:14px}.footer-main li{margin-bottom:9px;color:#c8c0c2}.footer-main a:hover{color:white}.footer-main address{font-style:normal;color:#c8c0c2}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.08);margin-top:44px;padding-top:22px;color:#968d90;font-size:13px}.content-block{max-width:850px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:26px 0}.check-grid div{background:#f5f2f2;border:1px solid var(--line);border-radius:16px;padding:14px;font-weight:800}.side-card{position:sticky;top:150px;align-self:start;background:#f7f5f4}.district-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.district-card{padding:20px}.region-card{background:var(--black);color:white;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.region-card:before{content:"";position:absolute;inset:auto -10% -35% auto;width:220px;height:220px;background:var(--red);border-radius:50%;filter:blur(4px);opacity:.75}.region-card h2,.region-card h3,.region-card p{position:relative}.region-card p{color:#ded6d8}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-card span{display:inline-block;color:var(--red);font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.1em;margin-bottom:10px}.article-wrap{max-width:860px;margin-inline:auto;background:#fff;border:1px solid var(--line);border-radius:32px;padding:42px;box-shadow:0 20px 50px rgba(22,19,21,.06)}.article-wrap .lead{font-size:21px;color:var(--text);font-weight:700}.article-wrap h2{font-family:Oswald,sans-serif;text-transform:uppercase;font-size:34px;margin-top:34px}.article-wrap p{color:var(--muted);font-size:17px}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.gallery-item .image-card{min-height:260px}.contact-section{background:#fff}.contact-card{background:var(--black);color:white}.contact-card p,.contact-card address{color:#d8d0d2}.contact-lines{display:grid;gap:10px;margin:22px 0}.contact-lines a{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:13px 16px;font-weight:900}.quote-form{display:grid;gap:16px}.quote-form label{display:grid;gap:8px;font-weight:900}.quote-form input,.quote-form select,.quote-form textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:13px 14px;background:#faf9f8;outline:0}.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:var(--red)}.form-note{font-size:12px;color:var(--muted)}.reveal{opacity:0;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}.delay-1{transition-delay:.12s}@media (max-width:1120px){.desktop-nav{display:none}.mobile-toggle{display:block}.mobile-menu.is-open{display:block}.brand-logo img{height:48px}.features-grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.district-grid,.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:760px){.hero{min-height:auto}.hero-inner{padding:70px 0}.hero p{font-size:17px}.hero-stats{grid-template-columns:1fr}.section,.section-muted,.split-cta{padding:62px 0}.features-grid,.blog-grid,.district-grid,.gallery-grid,.check-grid{grid-template-columns:1fr}.image-card.tall,.image-card.wide{min-height:300px}.footer-bottom{flex-direction:column}.brand-logo{min-width:130px}.brand-logo img{height:42px}.btn{width:auto;padding:12px 16px}.sub-hero{padding:58px 0}.article-wrap{padding:26px;border-radius:24px}.topbar{display:none}}


/* === Retro Bros final revision: video, brand strip, header, mobile SEO sizing === */
:root{--topbar:#8f1117;--deep-black:#050505}
.site-header{background:var(--deep-black)}
.topbar{background:var(--topbar);color:#fff;border-bottom:1px solid rgba(255,255,255,.12)}
.topbar-link{opacity:.94}.topbar-link:hover{opacity:1;color:#fff}
.brand-logo{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;min-width:auto!important}
.brand-logo img{height:58px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.32))}
.hero{min-height:640px}.hero h1{font-size:clamp(38px,6.2vw,78px);line-height:1.02}.hero p{font-size:18px}.hero-stats{display:none!important}
.section-head h2{font-size:clamp(30px,4.2vw,48px)}.about-home h2,.content-block h2,.contact-card h2{font-size:clamp(30px,4.2vw,48px)}

.video-section{padding:74px 0;background:linear-gradient(135deg,#050505 0%,#151012 55%,#2a0d10 100%);position:relative;overflow:hidden}
.video-section:before{content:"";position:absolute;inset:-30% auto auto -20%;width:520px;height:520px;border-radius:50%;background:rgba(166,15,19,.25);filter:blur(20px)}
.video-shell{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:42px;align-items:center}
.video-copy h2,.brand-head h2{font-family:Oswald,sans-serif;text-transform:uppercase;letter-spacing:-.03em;line-height:1;font-size:clamp(30px,4.5vw,54px);margin:0 0 18px}
.video-copy p,.brand-head p{color:#e4ddde;font-size:17px;max-width:620px}.video-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.video-frame{position:relative;border-radius:30px;padding:10px;background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.04));box-shadow:0 28px 80px rgba(0,0,0,.42);border:1px solid rgba(255,255,255,.14)}
.video-frame:after{content:"";position:absolute;inset:auto 8% -20px 8%;height:32px;background:rgba(166,15,19,.48);filter:blur(24px);border-radius:999px}
.video-frame video{position:relative;z-index:1;width:100%;aspect-ratio:16/9;display:block;border-radius:22px;background:#0b0708;object-fit:cover}

.quick-services{background:var(--black);padding:44px 0 34px}.quick-card{position:relative;min-height:180px;padding:24px 24px 22px;border-radius:22px;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 42px rgba(0,0,0,.16)}
.quick-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(166,15,19,.08),transparent 55%);opacity:0;transition:.22s}
.quick-card:hover:before{opacity:1}.quick-icon{width:28px;height:28px;margin-bottom:18px;color:#20181a;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.quick-card span{color:var(--red);font-size:11px}.quick-card b{font-size:20px;line-height:1.25}.quick-card p{font-size:14px;color:#6f686b;margin:10px 0 0;line-height:1.55}

.brand-strip{padding:76px 0;background:#0b0708;overflow:hidden;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.brand-head{max-width:760px;margin-bottom:30px}.brand-note{color:#a79fa1;font-size:12px;margin:24px 0 0}
.brand-marquee{width:100%;overflow:hidden;margin:14px 0}.brand-track{display:flex;align-items:center;gap:18px;width:max-content;will-change:transform}
.brand-track img{width:180px;height:66px;object-fit:contain;opacity:.72;filter:grayscale(1);transition:.2s}
.brand-track img:hover{opacity:1}.track-left{animation:brandLeft 42s linear infinite}.track-right{animation:brandRight 48s linear infinite}
.brand-marquee:hover .brand-track{animation-play-state:paused}
@keyframes brandLeft{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes brandRight{from{transform:translateX(-50%)}to{transform:translateX(0)}}

@media (max-width:1120px){
  .video-shell{grid-template-columns:1fr;gap:28px}
}
@media (max-width:760px){
  .brand-logo img{height:40px}.hero{min-height:auto}.hero-inner{padding:58px 0}.hero h1{font-size:32px;letter-spacing:-.02em}.hero p{font-size:15.5px}
  .section,.section-muted,.split-cta,.video-section,.brand-strip{padding:52px 0}.section-head h2,.video-copy h2,.brand-head h2,.about-home h2,.content-block h2,.contact-card h2{font-size:28px}
  .section-head p,.video-copy p,.brand-head p,.about-home p,.content-block p,.contact-card p{font-size:15px}
  .quick-services{padding:30px 0}.quick-card{min-height:auto;padding:20px}.quick-card b{font-size:18px}.quick-card p{font-size:13.5px}.quick-icon{width:24px;height:24px;margin-bottom:14px}
  .brand-track img{width:138px;height:54px}.video-frame{border-radius:22px;padding:7px}.video-frame video{border-radius:16px}
  .topbar{display:none}
}
@media (prefers-reduced-motion:reduce){
  .track-left,.track-right{animation:none}.brand-track{transform:none!important}
}


/* === Retro Bros menu + CTA final patch === */
:root{
  --menu-card:#ffffff;
  --menu-border:#eee7e7;
  --menu-shadow:0 30px 90px rgba(0,0,0,.22);
}

.desktop-nav{
  gap:18px;
  font-size:14px;
  text-transform:capitalize;
}

.desktop-nav>a,
.nav-dropdown>a{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:18px 0;
  letter-spacing:.01em;
}

.desktop-nav>a:before,
.nav-dropdown>a:before{
  content:"";
  width:17px;
  height:17px;
  flex:0 0 17px;
  background:currentColor;
  opacity:.82;
  -webkit-mask:center/contain no-repeat var(--nav-icon);
  mask:center/contain no-repeat var(--nav-icon);
}

.desktop-nav a[href="/"],
.mobile-menu a[href="/"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 11l9-8 9 8'/%3E%3Cpath d='M5 10v10h14V10'/%3E%3Cpath d='M9 20v-6h6v6'/%3E%3C/svg%3E")}
.desktop-nav a[href*="hizmet"],
.mobile-menu a[href*="hizmet"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L4 17l3 3 5.3-5.3a4 4 0 0 0 5.4-5.4l-2.6 2.6-2.8-2.8 2.4-2.8Z'/%3E%3C/svg%3E")}
.desktop-nav a[href*="sigorta"],
.mobile-menu a[href*="sigorta"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='M9 12l2 2 4-5'/%3E%3C/svg%3E")}
.desktop-nav a[href*="bolgeleri"],
.mobile-menu a[href*="bolgeleri"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.2 7-11a7 7 0 1 0-14 0c0 5.8 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E")}
.desktop-nav a[href*="galeri"],
.mobile-menu a[href*="galeri"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='3'/%3E%3Ccircle cx='9' cy='9' r='2'/%3E%3Cpath d='M21 16l-5-5L5 22'/%3E%3C/svg%3E")}
.desktop-nav a[href*="blog"],
.mobile-menu a[href*="blog"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19.5A2.5 2.5 0 0 1 6.5 17H20'/%3E%3Cpath d='M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2Z'/%3E%3C/svg%3E")}
.desktop-nav a[href*="hakkimizda"],
.mobile-menu a[href*="hakkimizda"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4'/%3E%3Cpath d='M12 8h.01'/%3E%3C/svg%3E")}
.desktop-nav a[href*="iletisim"],
.desktop-nav a[href*="share.google"],
.mobile-menu a[href*="iletisim"],
.mobile-menu a[href*="share.google"]{--nav-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.18 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.72c.12.9.32 1.77.6 2.6a2 2 0 0 1-.45 2.11L8 9.68a16 16 0 0 0 6.32 6.32l1.25-1.25a2 2 0 0 1 2.11-.45c.83.28 1.7.48 2.6.6A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E")}

/* Mega menu: daha kurumsal kart yapısı */
.mega-menu{
  background:rgba(255,255,255,.98);
  color:var(--text);
  border-radius:26px;
  border:1px solid var(--menu-border);
  box-shadow:var(--menu-shadow);
  padding:26px;
  backdrop-filter:blur(18px);
}

.mega-services{
  min-width:760px;
  grid-template-columns:230px 1fr;
  gap:22px;
  align-items:start;
}

.mega-menu strong{
  display:flex;
  align-items:center;
  gap:10px;
  color:#191315;
  font-size:23px;
  line-height:1.05;
  text-transform:capitalize;
}

.mega-menu strong:before{
  content:"";
  width:34px;
  height:34px;
  border-radius:12px;
  background:#8f1117;
  box-shadow:0 12px 28px rgba(143,17,23,.2);
  -webkit-mask:center/19px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L4 17l3 3 5.3-5.3a4 4 0 0 0 5.4-5.4l-2.6 2.6-2.8-2.8 2.4-2.8Z'/%3E%3C/svg%3E");
  mask:center/19px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L4 17l3 3 5.3-5.3a4 4 0 0 0 5.4-5.4l-2.6 2.6-2.8-2.8 2.4-2.8Z'/%3E%3C/svg%3E");
}

.mega-menu p{
  font-size:13px;
  line-height:1.55;
}

.mega-grid.two{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}

.mega-link{
  position:relative;
  min-height:66px;
  justify-content:center;
  padding:13px 14px 13px 54px;
  border-radius:17px;
  background:linear-gradient(180deg,#fff,#fbf9f9);
  border:1px solid #e8e2e2;
  box-shadow:0 12px 30px rgba(22,19,21,.04);
  overflow:hidden;
}

.mega-link:before{
  content:"";
  position:absolute;
  left:15px;
  top:50%;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  border-radius:11px;
  background:#191315;
  opacity:.9;
  -webkit-mask:center/19px no-repeat var(--mega-icon);
  mask:center/19px no-repeat var(--mega-icon);
}

.mega-link:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(166,15,19,.08),transparent 46%);
  opacity:0;
  transition:.22s ease;
}

.mega-link:hover{
  transform:translateY(-2px);
  border-color:rgba(166,15,19,.34);
  box-shadow:0 18px 42px rgba(22,19,21,.08);
}

.mega-link:hover:after{opacity:1}
.mega-link span,
.mega-link small{position:relative;z-index:1}
.mega-link span{text-transform:capitalize}
.mega-link small{text-transform:capitalize;letter-spacing:.02em}

.mega-link[href*="mekanik"], .mega-link[href*="elektrik"]{--mega-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14.7 6.3a4 4 0 0 0-5.4 5.4L4 17l3 3 5.3-5.3a4 4 0 0 0 5.4-5.4l-2.6 2.6-2.8-2.8 2.4-2.8Z'/%3E%3C/svg%3E")}
.mega-link[href*="boya"], .mega-link[href*="pasta"]{--mega-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 13h10a4 4 0 0 0 4-4V7H8a4 4 0 0 0-4 4v2Z'/%3E%3Cpath d='M14 13v5a2 2 0 0 1-2 2H9'/%3E%3C/svg%3E")}
.mega-link[href*="kaporta"], .mega-link[href*="tampon"], .mega-link[href*="gocuk"]{--mega-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 13l2-5a3 3 0 0 1 2.8-2h8.4A3 3 0 0 1 19 8l2 5'/%3E%3Cpath d='M5 13h14v5a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-5Z'/%3E%3C/svg%3E")}
.mega-link[href*="sase"]{--mega-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 17h16M7 7v10M17 7v10'/%3E%3Cpath d='M9 12h6'/%3E%3C/svg%3E")}
.mega-link[href*="sigorta"], .mega-link[href*="hasar-dosya"], .mega-link[href*="kaza-sonrasi"]{--mega-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10Z'/%3E%3Cpath d='M9 12l2 2 4-5'/%3E%3C/svg%3E")}

/* Bölge megası: tek tip konum ikonu, daha kompakt düzen */
.mega-regions{
  min-width:min(980px,calc(100vw - 34px));
  left:auto;
  right:-190px;
  transform:translateY(8px);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
}

.nav-dropdown:hover .mega-regions{
  transform:translateY(0);
}

.mega-col strong:before{
  -webkit-mask:center/19px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.2 7-11a7 7 0 1 0-14 0c0 5.8 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
  mask:center/19px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.2 7-11a7 7 0 1 0-14 0c0 5.8 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}

.region-list{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
}

.mega-regions .mega-link.compact{
  min-height:44px;
  padding:10px 12px 10px 42px;
  font-size:13px;
  border-radius:15px;
}

.mega-regions .mega-link.compact:before{
  width:20px;
  height:20px;
  left:13px;
  border-radius:0;
  background:#8f1117;
  -webkit-mask:center/17px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.2 7-11a7 7 0 1 0-14 0c0 5.8 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
  mask:center/17px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s7-5.2 7-11a7 7 0 1 0-14 0c0 5.8 7 11 7 11Z'/%3E%3Ccircle cx='12' cy='10' r='2.5'/%3E%3C/svg%3E");
}

.small-menu{
  min-width:430px;
}

.btn{
  position:relative;
  gap:9px;
  box-shadow:none;
  text-transform:capitalize;
}

.btn .btn-svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.btn-primary{
  background:linear-gradient(135deg,#8f1117,#db3e3d);
  box-shadow:0 16px 34px rgba(143,17,23,.25);
}

.btn-light{
  box-shadow:0 12px 28px rgba(0,0,0,.12);
}

.btn-ghost{
  border-color:rgba(255,255,255,.32);
}

/* Sabit efektif iletişim butonu */
.floating-contact{
  position:fixed;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  z-index:120;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}

.floating-contact-main{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:168px;
  justify-content:center;
  padding:14px 18px;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(135deg,#8f1117,#db3e3d);
  font-weight:900;
  box-shadow:0 18px 50px rgba(143,17,23,.34);
  border:1px solid rgba(255,255,255,.18);
}

.floating-contact-main svg,
.floating-contact-links a svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.15;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.floating-contact-links{
  display:flex;
  flex-direction:column;
  gap:8px;
  opacity:0;
  pointer-events:none;
  transform:translateX(8px);
  transition:.22s ease;
}

.floating-contact:hover .floating-contact-links,
.floating-contact.is-open .floating-contact-links{
  opacity:1;
  pointer-events:auto;
  transform:none;
}

.floating-contact-links a{
  display:flex;
  align-items:center;
  gap:9px;
  justify-content:flex-start;
  min-width:168px;
  padding:12px 14px;
  color:#fff;
  background:rgba(5,5,5,.92);
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  font-size:13px;
  font-weight:900;
  box-shadow:0 14px 34px rgba(0,0,0,.22);
  backdrop-filter:blur(10px);
}

.floating-contact-links a:hover{
  background:#1a1114;
  transform:translateX(-3px);
}

@media (max-width:1120px){
  .mega-menu,.mega-regions{display:none!important}
  .mobile-menu a:not(.btn){
    display:flex;
    align-items:center;
    gap:9px;
    text-transform:capitalize;
  }
  .mobile-menu a:not(.btn):before{
    content:"";
    width:18px;
    height:18px;
    background:currentColor;
    opacity:.85;
    -webkit-mask:center/contain no-repeat var(--nav-icon);
    mask:center/contain no-repeat var(--nav-icon);
  }
}

@media (max-width:760px){
  .desktop-nav{font-size:13px}
  .floating-contact{
    top:auto;
    right:14px;
    bottom:18px;
    transform:none;
  }
  .floating-contact-main{
    min-width:58px;
    width:58px;
    height:58px;
    padding:0;
    border-radius:999px;
  }
  .floating-contact-main span{display:none}
  .floating-contact-links{
    position:absolute;
    right:0;
    bottom:68px;
  }
  .floating-contact-links a{
    min-width:154px;
    padding:11px 13px;
    font-size:12px;
  }
}


/* === Retro Bros menu + floating support FIX v2 === */
/* Mega menü taşma ve kırılma düzeltmesi */
.site-header{
  overflow:visible!important;
}

.nav-shell{
  position:relative;
  overflow:visible!important;
}

.desktop-nav{
  position:static!important;
  gap:20px!important;
}

.nav-dropdown{
  position:static!important;
}

.mega-menu{
  position:absolute!important;
  top:calc(100% + 0px)!important;
  left:50%!important;
  right:auto!important;
  transform:translateX(-50%) translateY(10px)!important;
  width:min(960px,calc(100vw - 36px))!important;
  max-width:calc(100vw - 36px)!important;
  min-width:0!important;
  max-height:calc(100vh - 150px)!important;
  overflow:auto!important;
  border-radius:24px!important;
  padding:22px!important;
  box-shadow:0 24px 80px rgba(0,0,0,.22)!important;
  z-index:150!important;
}

.nav-dropdown:hover .mega-menu{
  transform:translateX(-50%) translateY(0)!important;
}

.mega-services{
  display:grid!important;
  grid-template-columns:230px 1fr!important;
  gap:20px!important;
}

.small-menu{
  width:min(470px,calc(100vw - 36px))!important;
}

.mega-regions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:22px!important;
}

.region-list{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:9px!important;
}

.mega-col{
  min-width:0!important;
}

.mega-menu strong{
  font-size:22px!important;
  text-transform:capitalize!important;
  letter-spacing:-.01em!important;
}

.mega-link{
  min-width:0!important;
  word-break:normal!important;
  white-space:normal!important;
  text-transform:capitalize!important;
}

.mega-link.compact{
  min-height:42px!important;
  line-height:1.2!important;
}

/* Header sağ CTA: sadece telefon ikon butonu */
.nav-actions{
  display:flex!important;
  align-items:center!important;
  gap:0!important;
}

.nav-actions .btn:not([href^="tel:"]){
  display:none!important;
}

.nav-actions .btn[href^="tel:"]{
  width:54px!important;
  height:54px!important;
  min-width:54px!important;
  padding:0!important;
  border-radius:999px!important;
  font-size:0!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,#8f1117,#db3e3d)!important;
  box-shadow:0 14px 34px rgba(143,17,23,.28)!important;
  border:1px solid rgba(255,255,255,.12)!important;
}

.nav-actions .btn[href^="tel:"] .btn-svg,
.nav-actions .btn[href^="tel:"] svg{
  width:22px!important;
  height:22px!important;
  margin:0!important;
}

/* Eski sağdaki liste tipi floating menüyü tamamen yeni stile çekiyoruz */
.floating-contact{
  position:fixed!important;
  right:30px!important;
  bottom:30px!important;
  top:auto!important;
  transform:none!important;
  z-index:180!important;
  display:flex!important;
  align-items:flex-end!important;
  flex-direction:column!important;
  gap:14px!important;
}

.floating-contact-panel{
  width:250px;
  padding:14px;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  border:1px solid rgba(255,255,255,.34);
  box-shadow:0 24px 70px rgba(0,0,0,.22);
  backdrop-filter:blur(14px);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px) scale(.94);
  transform-origin:bottom right;
  transition:.22s ease;
}

.floating-contact:hover .floating-contact-panel,
.floating-contact.is-open .floating-contact-panel{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:none;
}

.floating-contact-title{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:2px 3px 10px;
  margin-bottom:8px;
  border-bottom:1px solid rgba(0,0,0,.08);
  font-size:13px;
  font-weight:900;
  color:#20181a;
}

.floating-contact-title i{
  width:8px;
  height:8px;
  border-radius:50%;
  background:#8f1117;
  box-shadow:0 0 0 6px rgba(143,17,23,.10);
  animation:retroPulseDot 1.8s infinite;
}

.floating-contact-list{
  display:grid;
  gap:7px;
}

.floating-contact-list a{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
  padding:11px 12px;
  border-radius:15px;
  color:#20181a;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(0,0,0,.06);
  font-size:13px;
  font-weight:800;
  transition:.18s ease;
}

.floating-contact-list a:hover{
  color:#fff;
  background:#8f1117;
  transform:translateX(-2px);
  box-shadow:0 12px 26px rgba(143,17,23,.20);
}

.floating-contact-list svg{
  width:18px;
  height:18px;
  flex:0 0 18px;
  fill:none;
  stroke:currentColor;
  stroke-width:2.1;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.floating-contact-main{
  position:relative!important;
  width:76px!important;
  height:76px!important;
  min-width:76px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  color:#2f3638!important;
  background:#fff!important;
  border:10px solid rgba(255,255,255,.22)!important;
  box-shadow:0 18px 46px rgba(0,0,0,.30)!important;
  font-size:0!important;
  cursor:pointer!important;
}

.floating-contact-main:before,
.floating-contact-main:after{
  content:"";
  position:absolute;
  inset:-12px;
  border-radius:50%;
  background:rgba(255,255,255,.16);
  animation:retroSupportPulse 2.4s infinite;
  z-index:-1;
}

.floating-contact-main:after{
  inset:-24px;
  animation-delay:.7s;
  background:rgba(255,255,255,.10);
}

.floating-contact-main svg{
  width:30px!important;
  height:30px!important;
  fill:none!important;
  stroke:#596163!important;
  stroke-width:1.8!important;
}

.floating-contact-main span{
  display:none!important;
}

@keyframes retroSupportPulse{
  0%{transform:scale(.78);opacity:.8}
  70%{transform:scale(1.18);opacity:0}
  100%{transform:scale(1.18);opacity:0}
}

@keyframes retroPulseDot{
  0%,100%{opacity:.45}
  50%{opacity:1}
}

@media (max-width:1120px){
  .mega-menu,
  .mega-regions{
    display:none!important;
  }
  .nav-actions .btn[href^="tel:"]{
    width:48px!important;
    height:48px!important;
    min-width:48px!important;
  }
}

@media (max-width:760px){
  .floating-contact{
    right:18px!important;
    bottom:18px!important;
  }
  .floating-contact-main{
    width:64px!important;
    height:64px!important;
    min-width:64px!important;
    border-width:8px!important;
  }
  .floating-contact-main svg{
    width:26px!important;
    height:26px!important;
  }
  .floating-contact-panel{
    width:min(230px,calc(100vw - 32px));
  }
}


/* === Retro Bros working contact form patch === */
.form-honeypot{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
.form-status-live{
  display:none;
  border-radius:16px;
  padding:13px 15px;
  font-size:14px;
  font-weight:800;
  line-height:1.45;
}
.form-status-live.is-loading,
.form-status-live.is-success,
.form-status-live.is-error{display:block}
.form-status-live.is-loading{background:#f3f0ef;color:#20181a;border:1px solid #e5dddd}
.form-status-live.is-success{background:#eaf8ef;color:#17683a;border:1px solid #ccebd8}
.form-status-live.is-error{background:#fff0f0;color:#9b151a;border:1px solid #f3c6c8}
.quote-form button[disabled]{opacity:.72;cursor:not-allowed;transform:none!important}


/* === Retro Bros form attachment + clean note patch === */
.file-upload-field{
  display:grid!important;
  gap:10px!important;
  padding:16px!important;
  border:1px dashed #cfc6c8!important;
  border-radius:18px!important;
  background:#faf8f8!important;
}

.file-upload-field span{
  display:flex;
  flex-direction:column;
  gap:4px;
  font-weight:900;
  color:#20181a;
}

.file-upload-field small,
.file-upload-help{
  font-size:12px;
  color:#766c6f;
  font-style:normal;
  font-weight:600;
  line-height:1.45;
}

.file-upload-field input[type="file"]{
  border:1px solid #e6dddd;
  background:#fff;
  padding:12px;
  cursor:pointer;
}

.file-upload-info{
  font-size:12px;
  color:#5f5558;
  font-weight:800;
}

.file-upload-info.is-error{
  color:#a60f13;
}

.form-note{
  font-weight:700;
  line-height:1.55;
}