/*
Theme Name: Halkalı Rot Balans - Lider Güç Rot Balans
Theme URI: https://halkalirotbalans.com/
Author: Lider Güç Otomotiv
Description: Halkalı Rot Balans için panelli, fotoğraf yönetimli tek sayfa rot balans ve lastik servisi teması.
Version: 3.0.0
Requires at least: 5.8
Tested up to: 6.6
Text Domain: lgrb
*/
    :root{
      --dark:#0b0f14;
      --dark2:#151b22;
      --dark3:#202832;
      --orange:#ff7a00;
      --orange2:#ffb000;
      --red:#e5383b;
      --blue:#1496ff;
      --text:#151a21;
      --muted:#667085;
      --light:#f4f6f8;
      --line:#e3e8ee;
      --white:#fff;
      --shadow:0 22px 60px rgba(9,15,22,.18);
      --radius:26px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;font-family:Inter,Montserrat,Arial,sans-serif;color:var(--text);background:#fff;line-height:1.55}
    a{text-decoration:none;color:inherit}
    .container{width:min(1180px,92%);margin:auto}
    .section{padding:88px 0}
    .eyebrow{display:inline-flex;align-items:center;gap:9px;background:rgba(255,122,0,.12);color:#b14f00;border:1px solid rgba(255,122,0,.20);padding:8px 14px;border-radius:999px;font-size:13px;font-weight:900;letter-spacing:.4px;text-transform:uppercase}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;border-radius:999px;padding:15px 22px;font-weight:950;cursor:pointer;transition:.25s;white-space:nowrap}
    .btn:hover{transform:translateY(-3px)}
    .btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#16100a;box-shadow:0 14px 32px rgba(255,122,0,.30)}
    .btn-dark{background:var(--dark);color:#fff}
    .btn-light{background:#fff;color:var(--dark);box-shadow:0 8px 24px rgba(0,0,0,.08)}
    .btn-outline{border:1px solid rgba(255,255,255,.22);color:#fff;background:rgba(255,255,255,.07)}
    header{position:sticky;top:0;z-index:99;background:rgba(11,15,20,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}
    .topbar{background:#070a0e;color:#b8c1cc;font-size:13px;border-bottom:1px solid rgba(255,255,255,.08)}
    .topbar .container{height:38px;display:flex;align-items:center;justify-content:space-between;gap:16px}
    .topbar a{color:#fff;font-weight:850}.topbar a:hover{color:var(--orange2)}
    .nav{height:78px;display:flex;align-items:center;justify-content:space-between;color:#fff;gap:22px}
    .brand{display:flex;align-items:center;gap:13px;min-width:235px}
    .brand-mark{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--orange),#2b3440);display:grid;place-items:center;box-shadow:0 12px 30px rgba(255,122,0,.20);position:relative;overflow:hidden}
    .brand-mark:before{content:"";width:31px;height:31px;border:7px solid #111;border-radius:50%;background:#2b3440;box-shadow:inset 0 0 0 4px var(--orange2)}
    .brand b{font-size:18px;letter-spacing:.2px}.brand small{display:block;color:#b8c1cc;font-weight:750;margin-top:1px;font-size:12px}
    .menu{display:flex;align-items:center;gap:22px;color:#d9e2ed;font-size:14px;font-weight:850}
    .menu a:hover{color:var(--orange2)}
    .nav-actions{display:flex;gap:10px;align-items:center}.phone-pill{border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:12px 15px;color:#fff;font-weight:900}.hamb{display:none;font-size:28px}
    .hero{position:relative;min-height:790px;color:#fff;background:radial-gradient(circle at 20% 15%,rgba(255,122,0,.24),transparent 30%),radial-gradient(circle at 82% 18%,rgba(20,150,255,.16),transparent 24%),linear-gradient(135deg,rgba(8,11,15,.97),rgba(18,25,34,.82));overflow:hidden}
    .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
    .hero:after{content:"";position:absolute;left:-10%;right:-10%;bottom:-165px;height:260px;background:#fff;border-radius:50% 50% 0 0 / 100% 100% 0 0}
    .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;padding:94px 0 162px}
    h1{font-size:clamp(43px,6vw,80px);line-height:.98;margin:20px 0 18px;letter-spacing:-2.5px}.hero h1 span{color:var(--orange2)}
    .hero p{font-size:20px;color:#d6dde7;max-width:650px;margin:0}
    .hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0 0}.hero-note{margin-top:18px;color:#b9c4d1;font-weight:750;font-size:14px}.hero-note a{color:#fff;border-bottom:1px solid rgba(255,176,0,.8)}
    .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.stat{padding:20px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.07);border-radius:20px}.stat b{font-size:30px;color:var(--orange2);display:block}.stat span{font-size:13px;font-weight:850;color:#c7d0dc}
    .machine-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:34px;padding:18px;box-shadow:var(--shadow);backdrop-filter:blur(12px)}
    .machine-card .visual{height:410px;border-radius:25px;background:linear-gradient(145deg,#1c2530,#070a0e);overflow:hidden;display:grid;place-items:center;position:relative}
    .machine-card .visual:before{content:"";position:absolute;width:330px;height:330px;border-radius:50%;border:46px solid #05070a;box-shadow:inset 0 0 0 12px #343e49,0 18px 70px rgba(0,0,0,.5);background:repeating-conic-gradient(from 0deg,#252d37 0 8deg,#111820 8deg 16deg)}
    .machine-card .visual:after{content:"";position:absolute;width:124px;height:124px;border-radius:50%;background:radial-gradient(circle,#ffb000 0 9px,#1f2833 10px 24px,#cfd6df 25px 31px,#343e49 32px 100%);box-shadow:0 0 0 18px rgba(255,176,0,.08)}
    .alignment-lines{position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 41%,rgba(255,122,0,.38) 42%,transparent 43% 100%),linear-gradient(65deg,transparent 0 50%,rgba(20,150,255,.28) 51%,transparent 52% 100%)}
    .card-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 8px 4px}.card-foot b{font-size:22px}.card-foot span{color:var(--orange2);font-weight:950}
    .quick-box{position:relative;z-index:5;margin-top:-70px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-radius:30px;box-shadow:var(--shadow);overflow:hidden}.quick{padding:26px;border-right:1px solid var(--line)}.quick:last-child{border-right:0}.quick .ico{width:50px;height:50px;border-radius:16px;background:#fff0df;color:#b14f00;display:grid;place-items:center;font-weight:950;font-size:22px;margin-bottom:14px}.quick h3{margin:0 0 7px;font-size:19px}.quick p{margin:0;color:var(--muted);font-size:14px}
    .title{max-width:790px;margin-bottom:42px}.title h2{font-size:clamp(34px,4vw,55px);line-height:1.04;margin:14px 0 12px;letter-spacing:-1.4px}.title p{font-size:18px;color:var(--muted);margin:0}
    .services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service{border:1px solid var(--line);background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 12px 35px rgba(9,15,22,.06);transition:.25s}.service:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
    .service-visual{height:218px;background:linear-gradient(135deg,#1b242e,#0b0f14);display:grid;place-items:center;position:relative;overflow:hidden}.service-visual:after{content:"";position:absolute;inset:auto -10% -30px -10%;height:70px;background:rgba(255,122,0,.14);border-radius:50% 50% 0 0}
    .tire-svg{width:190px;height:190px;filter:drop-shadow(0 18px 28px rgba(0,0,0,.38))}.service-body{padding:25px}.service-body .icon{color:var(--orange);font-size:30px;font-weight:950}.service-body h3{font-size:23px;margin:12px 0 8px}.service-body p{margin:0 0 18px;color:var(--muted)}.check{display:flex;gap:10px;margin:8px 0;font-weight:850;font-size:14px}.check:before{content:"✓";color:#16a34a;font-weight:950}
    .split{background:var(--light)}.split-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:52px;align-items:center}.photo-box{height:540px;border-radius:36px;background:linear-gradient(145deg,#111820,#242e39);box-shadow:var(--shadow);position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.08)}
    .photo-box:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;border:60px solid #05070a;left:45px;top:75px;background:repeating-conic-gradient(#2a3440 0 10deg,#141b23 10deg 20deg);box-shadow:inset 0 0 0 16px #505d6c,0 30px 90px rgba(0,0,0,.45)}
    .photo-box:after{content:"ROT\A BALANS";white-space:pre;position:absolute;right:28px;top:30px;color:#fff;font-weight:1000;font-size:42px;line-height:.9;letter-spacing:-1px;text-align:right}.float-card{position:absolute;right:22px;bottom:28px;background:#fff;border-radius:22px;padding:20px;box-shadow:var(--shadow);max-width:285px}.float-card b{font-size:26px}.float-card p{color:var(--muted);margin:8px 0 0}.features{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;gap:15px}.feature .ico{min-width:46px;height:46px;border-radius:15px;background:#111820;color:var(--orange2);display:grid;place-items:center;font-weight:950}.feature p{margin:4px 0 0;color:var(--muted)}
    .problems{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.problem{background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 10px 26px rgba(9,15,22,.05)}.problem b{display:block;font-size:20px;margin-bottom:8px}.problem p{color:var(--muted);margin:0}.problem .num{width:42px;height:42px;border-radius:14px;background:#111820;color:var(--orange2);display:grid;place-items:center;font-weight:950;margin-bottom:14px}
    .regions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.region{padding:24px;border-radius:22px;border:1px solid var(--line);background:#fff;box-shadow:0 12px 30px rgba(9,15,22,.05)}.region b{font-size:21px}.region small{display:block;color:var(--muted);font-weight:800;margin-top:5px}.region:nth-child(2n){border-top:4px solid var(--orange)}.region:nth-child(2n+1){border-top:4px solid var(--blue)}
    .gallery{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:18px}.tile{height:260px;border-radius:26px;background:linear-gradient(135deg,#151b22,#303a46);box-shadow:0 12px 35px rgba(9,15,22,.09);position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.18)}.tile.big{height:538px;grid-row:span 2}.tile:before{content:"";position:absolute;width:220px;height:220px;border:38px solid #05070a;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);background:repeating-conic-gradient(#313b47 0 9deg,#151b22 9deg 18deg);box-shadow:inset 0 0 0 10px #6b7280}.tile:after{content:attr(data-title);position:absolute;left:22px;bottom:20px;color:#fff;font-weight:950;font-size:22px;text-shadow:0 4px 12px rgba(0,0,0,.5)}.tile.big:before{width:350px;height:350px;border-width:58px}.tile.orange{background:linear-gradient(135deg,#271706,#ff7a00)}.tile.blue{background:linear-gradient(135deg,#07182a,#1496ff)}
    .cta{background:linear-gradient(135deg,#0b0f14,#222b35);color:#fff;border-radius:38px;padding:56px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:26px;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;right:-120px;top:-130px;width:360px;height:360px;border-radius:50%;background:rgba(255,122,0,.18)}.cta h2{font-size:42px;line-height:1.08;margin:0 0 10px}.cta p{color:#cad3df;margin:0}.cta > *{position:relative;z-index:2}
    .faq{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.faq details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px}.faq summary{cursor:pointer;font-weight:950}.faq p{color:var(--muted);margin-bottom:0}
    .contact{background:#070a0e;color:#fff}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px}.contact-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:31px}.contact-card h2{font-size:42px;line-height:1.08;margin:16px 0}.contact-item{display:flex;gap:14px;margin:18px 0;color:#d8e1ec}.contact-item .ico{min-width:45px;height:45px;border-radius:15px;background:rgba(255,122,0,.18);color:var(--orange2);display:grid;place-items:center;font-weight:950}.mapbox{height:420px;border-radius:30px;overflow:hidden;background:linear-gradient(135deg,#151b22,#2b3440);position:relative;border:1px solid rgba(255,255,255,.11)}.mapbox:before{content:"İstasyon Mah. Yarımburgaz Cad. No:31\A Küçükçekmece / İstanbul";white-space:pre;position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#fff;font-size:28px;font-weight:950;padding:30px;background:radial-gradient(circle at 50% 45%,rgba(255,122,0,.35),transparent 23%)}.mapbox:after{content:"📍";position:absolute;left:50%;top:36%;transform:translate(-50%,-50%);font-size:54px}.lead-link{color:#fff;border-bottom:1px solid var(--orange2);font-weight:900}footer{background:#030507;color:#9ba6b2;text-align:center;padding:24px}.whatsapp{position:fixed;right:20px;bottom:20px;z-index:100;width:62px;height:62px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;font-size:32px;font-weight:950;box-shadow:0 14px 30px rgba(37,211,102,.35);animation:pulse 1.6s infinite}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.45)}70%{box-shadow:0 0 0 18px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
    @media(max-width:980px){.topbar .container{height:auto;padding:10px 0;flex-direction:column;align-items:flex-start}.menu,.nav-actions{display:none}.hamb{display:block}.hero-grid,.split-grid,.contact-grid{grid-template-columns:1fr}.quick-grid,.services,.features,.faq{grid-template-columns:1fr 1fr}.problems{grid-template-columns:1fr 1fr}.regions{grid-template-columns:1fr 1fr}.gallery{grid-template-columns:1fr 1fr}.tile.big{grid-column:span 2}.cta{grid-template-columns:1fr}.machine-card .visual{height:330px}}
    @media(max-width:640px){.container{width:min(94%,1180px)}.section{padding:60px 0}.hero{min-height:auto}.hero-grid{padding:58px 0 125px}h1{letter-spacing:-1.5px}.hero p{font-size:17px}.stats,.quick-grid,.services,.features,.faq,.problems,.regions,.gallery{grid-template-columns:1fr}.tile.big{grid-column:auto;height:300px}.tile{height:250px}.quick{border-right:0;border-bottom:1px solid var(--line)}.brand b{font-size:16px}.brand small{font-size:11px}.photo-box{height:360px}.photo-box:before{width:290px;height:290px;border-width:42px;left:20px;top:48px}.photo-box:after{font-size:30px}.float-card{position:static;margin:18px}.cta{padding:32px}.cta h2{font-size:31px}.contact-card h2{font-size:32px}.mapbox:before{font-size:20px}.machine-card .visual:before{width:240px;height:240px;border-width:34px}.machine-card .visual:after{width:88px;height:88px}.topbar{display:none}}
  
/* Yönetim çubuğu, renk uyumluluğu ve görsel yükleme düzeni */
body.admin-bar header{top:32px}.machine-card .visual,.photo-box,.service-visual,.tile{background-repeat:no-repeat}.service-visual{isolation:isolate}.tile:after{z-index:2}.contact a:hover,.lead-link:hover{color:var(--orange2)}.mapbox.real-map iframe{position:relative;z-index:2;width:100%;height:100%;border:0;display:block;filter:saturate(1.05) contrast(1.05)}.mapbox.real-map:before,.mapbox.real-map:after{display:none!important}
.hero{background:radial-gradient(circle at 16% 16%,color-mix(in srgb,var(--orange) 34%,transparent),transparent 30%),radial-gradient(circle at 82% 18%,color-mix(in srgb,var(--blue) 25%,transparent),transparent 26%),radial-gradient(circle at 52% 100%,color-mix(in srgb,var(--red) 18%,transparent),transparent 34%),linear-gradient(135deg,color-mix(in srgb,var(--dark) 92%,#000),#17212d)!important}.topbar{background:linear-gradient(90deg,var(--dark),color-mix(in srgb,var(--blue) 30%,var(--dark)),var(--dark))}.brand-mark,.btn-primary{background:linear-gradient(135deg,var(--orange),var(--orange2))!important}.hero h1 span,.stat b,.card-foot span{color:var(--orange2)}.quick:nth-child(1) .ico{background:linear-gradient(135deg,var(--orange),var(--orange2));color:#111}.quick:nth-child(2) .ico{background:linear-gradient(135deg,var(--blue),#5fd3ff);color:#fff}.quick:nth-child(3) .ico{background:linear-gradient(135deg,var(--red),#ff8b8b);color:#fff}.quick:nth-child(4) .ico{background:linear-gradient(135deg,var(--green),#8bffbf);color:#07130d}.service:nth-child(1),.service:nth-child(5){border-top:5px solid var(--orange)}.service:nth-child(2),.service:nth-child(6){border-top:5px solid var(--blue)}.service:nth-child(3){border-top:5px solid var(--red)}.service:nth-child(4){border-top:5px solid var(--green)}.service-body .icon{background:linear-gradient(135deg,var(--orange),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.feature:nth-child(1) .ico,.problem:nth-child(1) .num{background:var(--orange);color:#111}.feature:nth-child(2) .ico,.problem:nth-child(2) .num{background:var(--blue);color:#fff}.feature:nth-child(3) .ico,.problem:nth-child(3) .num{background:var(--red);color:#fff}.feature:nth-child(4) .ico,.problem:nth-child(4) .num{background:var(--green);color:#06140c}.region:nth-child(3n+1){border-top:5px solid var(--orange)}.region:nth-child(3n+2){border-top:5px solid var(--blue)}.region:nth-child(3n){border-top:5px solid var(--red)}.gallery .tile:nth-child(1){background:linear-gradient(135deg,var(--dark),var(--orange))}.gallery .tile:nth-child(2){background:linear-gradient(135deg,var(--dark),var(--blue))}.gallery .tile:nth-child(3){background:linear-gradient(135deg,var(--dark),var(--red))}.gallery .tile:nth-child(4){background:linear-gradient(135deg,var(--dark),var(--green))}.gallery .tile:nth-child(5){background:linear-gradient(135deg,var(--dark),var(--orange2))}.cta{background:linear-gradient(135deg,var(--dark),color-mix(in srgb,var(--blue) 24%,#1a2430),color-mix(in srgb,var(--orange) 18%,#111820))}.cta:after{content:"";position:absolute;left:0;right:0;bottom:0;height:8px;background:linear-gradient(90deg,var(--orange),var(--blue),var(--red),var(--green),var(--orange2))}.contact-item .ico{background:linear-gradient(135deg,color-mix(in srgb,var(--orange) 28%,transparent),color-mix(in srgb,var(--blue) 20%,transparent));color:var(--orange2)}
@media(max-width:782px){body.admin-bar header{top:46px}}