/* Hisar Sürücü Kursu - ortak tema */
:root{
  --asphalt:#0f1418;
  --asphalt-2:#151d23;
  --panel:#1c262e;
  --panel-2:#233039;
  --ink:#eef4f7;
  --ink-d:#9cb0bc;
  --teal:#2ca9b8;
  --teal-d:#1c7f8b;
  --lane:#f6c343;
  --stop:#e23b3b;
  --go:#34b56a;
  --edge:rgba(238,244,247,.13);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  background:var(--asphalt);
  color:var(--ink);
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16px;
  line-height:1.75;
  -webkit-font-smoothing:antialiased;
  background-image:linear-gradient(180deg,#121a20 0%,var(--asphalt) 420px);
}
h1,h2,h3,h4,.ttl{font-family:'Oswald','Inter',sans-serif;font-weight:600;letter-spacing:.4px;line-height:1.25;text-transform:none}
img{max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{width:min(1160px,92%);margin:0 auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* üst şerit */
.strip{background:var(--teal);color:#04262b;font-size:.87rem;font-weight:600}
.strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 0}
.strip a{border-bottom:1px solid rgba(4,38,43,.45)}
.lights{display:inline-flex;gap:5px;vertical-align:middle}
.lights i{width:9px;height:9px;border-radius:50%;display:inline-block}
.lights i:nth-child(1){background:var(--stop)}
.lights i:nth-child(2){background:var(--lane)}
.lights i:nth-child(3){background:var(--go)}

/* başlık */
header{position:sticky;top:0;z-index:70;background:rgba(15,20,24,.94);backdrop-filter:blur(9px);border-bottom:1px solid var(--edge)}
.bar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 0}
.brand{display:flex;align-items:center;gap:11px}
.brand img{width:132px;height:62px;object-fit:contain;background:#fff;border-radius:6px;padding:4px}
.brand span{font-family:'Oswald',sans-serif;font-size:.78rem;letter-spacing:2.4px;color:var(--ink-d);text-transform:uppercase;display:block}
.menu{display:flex;align-items:center;gap:20px}
.menu a{font-size:.92rem;font-weight:500;color:var(--ink-d)}
.menu a:hover,.menu a[aria-current="page"]{color:var(--lane)}
.cta{background:var(--lane);color:#2b1f00;font-family:'Oswald',sans-serif;font-size:.85rem;letter-spacing:.6px;padding:10px 18px;border-radius:5px;white-space:nowrap}
.cta:hover{background:#ffd45f}
.cta-o{border:1px solid var(--teal);color:var(--teal);font-family:'Oswald',sans-serif;font-size:.85rem;padding:10px 18px;border-radius:5px;display:inline-block}
.cta-o:hover{background:var(--teal);color:#04262b}
.burger{display:none;background:none;border:1px solid var(--edge);color:var(--ink);font-size:1.1rem;padding:7px 12px;border-radius:5px;cursor:pointer}

/* kırıntı yolu */
.crumb{border-bottom:1px solid var(--edge);background:var(--asphalt-2)}
.crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:11px 0;font-size:.85rem;color:var(--ink-d)}
.crumb li+li:before{content:"/";margin-right:8px;color:#546570}
.crumb a{color:var(--teal)}

section{padding:54px 0}
.head{margin-bottom:26px;max-width:74ch}
.kicker{display:inline-block;font-family:'Oswald',sans-serif;font-size:.74rem;letter-spacing:2.6px;text-transform:uppercase;color:var(--teal);border-left:3px solid var(--lane);padding-left:9px;margin-bottom:9px}
.head h2{font-size:clamp(1.25rem,2.4vw,1.85rem)}
.head p{color:var(--ink-d);margin-top:9px}

/* sayfa başlığı (alt sayfalar) */
.phead{padding:44px 0 34px;border-bottom:1px solid var(--edge);background:var(--asphalt-2)}
.phead h1{font-size:clamp(1.5rem,3.1vw,2.25rem);max-width:26ch}
.phead p{color:var(--ink-d);margin-top:12px;max-width:70ch}
.lane{height:4px;width:120px;margin-top:18px;background:repeating-linear-gradient(90deg,var(--lane) 0 22px,transparent 22px 38px)}

/* kartlar */
.grid{display:grid;gap:16px}
.g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.g3{grid-template-columns:repeat(auto-fit,minmax(255px,1fr))}
.g4{grid-template-columns:repeat(auto-fit,minmax(215px,1fr))}
.card{background:var(--panel);border:1px solid var(--edge);border-radius:9px;padding:22px;transition:.2s}
.card:hover{border-color:var(--teal);transform:translateY(-3px)}
.card h3{font-size:1.02rem;margin-bottom:8px}
.card p{color:var(--ink-d);font-size:.95rem}
.card .num{font-family:'Oswald',sans-serif;font-size:1.5rem;color:var(--lane);display:block;line-height:1}
.tag{display:inline-block;background:var(--panel-2);border:1px solid var(--edge);color:var(--ink-d);font-size:.75rem;letter-spacing:1.1px;text-transform:uppercase;padding:3px 9px;border-radius:99px;margin-bottom:11px}
.tag.hot{border-color:var(--stop);color:#ff8f8f}
.tag.ok{border-color:var(--go);color:#7ee0a6}

/* tablo */
.tbl{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--edge);border-radius:9px;overflow:hidden;font-size:.95rem}
.tbl caption{text-align:left;color:var(--ink-d);font-size:.9rem;padding-bottom:9px}
.tbl th,.tbl td{padding:12px 15px;border-bottom:1px solid var(--edge);text-align:left}
.tbl th{background:var(--panel-2);font-family:'Oswald',sans-serif;font-weight:500;font-size:.87rem;letter-spacing:.6px;color:var(--lane)}
.tbl tr:last-child td{border-bottom:0}
.tbl td strong{color:var(--ink)}
.tbl-scroll{overflow-x:auto}

/* liste */
.checks{list-style:none;display:grid;gap:10px}
.checks li{position:relative;padding-left:28px;color:#d7e2e8}
.checks li:before{content:"";position:absolute;left:0;top:.55em;width:13px;height:7px;border-left:2px solid var(--teal);border-bottom:2px solid var(--teal);transform:rotate(-45deg)}
.dots{margin-left:20px;color:#d7e2e8}
.dots li{margin-bottom:7px}

/* makale */
.article{background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:clamp(22px,4vw,44px)}
.article h2{font-size:clamp(1.15rem,2.3vw,1.6rem);margin-bottom:14px}
.article h3{font-size:1.05rem;color:var(--lane);margin:26px 0 11px}
.article p{color:#d7e2e8;margin-bottom:14px}
.article ul,.article ol{margin:0 0 16px 21px;color:#d7e2e8}
.article li{margin-bottom:7px}
.note{background:var(--panel-2);border-left:4px solid var(--lane);border-radius:0 7px 7px 0;padding:15px 20px;margin:22px 0;color:#dfe8ed}
.note b{color:var(--lane);display:block;font-family:'Oswald',sans-serif;font-weight:500;letter-spacing:.5px}

/* iletişim + saatler */
.two{display:grid;grid-template-columns:1.05fr .95fr;gap:24px}
.info{background:var(--panel-2);border-radius:10px;padding:26px}
.info h3,.hours h3{font-size:1.02rem;color:var(--lane);margin-bottom:15px}
.info dl{display:grid;grid-template-columns:104px 1fr;gap:11px 15px;font-size:.97rem}
.info dt{color:var(--ink-d);font-weight:600}
.info a{color:var(--teal);font-weight:600}
.hours{background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:26px}
.hrow{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--edge);font-size:.96rem}
.hrow:last-of-type{border-bottom:0}
.hrow span:first-child{color:var(--ink-d)}
.hrow.off span:last-child{color:var(--stop)}
.mapwrap{margin-top:22px;background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:14px}
.mapwrap iframe{display:block;border:0;border-radius:7px;width:100%;height:340px}

/* galeri */
.shots{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.shot{position:relative;border-radius:10px;overflow:hidden;border:1px solid var(--edge);background:var(--panel)}
.shot img{width:100%;height:225px;object-fit:cover;display:block;transition:transform .35s ease}
.shot:hover img{transform:scale(1.05)}
.shot figcaption{position:absolute;inset:auto 0 0 0;background:linear-gradient(transparent,rgba(9,13,16,.93));padding:30px 14px 12px;font-size:.88rem}
.shot figcaption b{display:block;font-family:'Oswald',sans-serif;font-weight:500;font-size:.76rem;letter-spacing:1.4px;text-transform:uppercase;color:var(--lane);margin-bottom:2px}

/* video */
.vidgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:18px}
.vid{background:var(--panel);border:1px solid var(--edge);border-radius:10px;overflow:hidden}
.vid .frame{position:relative;aspect-ratio:16/9;background:linear-gradient(150deg,#0d1418,#1e2b33);display:flex;align-items:center;justify-content:center}
.vid .frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.42}
.vid .play{position:relative;width:58px;height:58px;border-radius:50%;background:var(--stop);color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.2rem;box-shadow:0 6px 22px rgba(0,0,0,.45)}
.vid .body{padding:16px 18px}
.vid h3{font-size:.99rem;margin-bottom:6px}
.vid p{color:var(--ink-d);font-size:.9rem}
.vid .meta{display:flex;justify-content:space-between;font-size:.8rem;color:#7d919c;margin-top:11px;padding-top:10px;border-top:1px dashed var(--edge)}

/* sss */
.faq{display:grid;gap:10px}
.qb{background:var(--panel);border:1px solid var(--edge);border-radius:9px}
.qt{width:100%;background:none;border:0;color:var(--ink);font-family:'Inter',sans-serif;font-weight:600;font-size:1rem;text-align:left;padding:16px 20px;display:flex;justify-content:space-between;gap:14px;cursor:pointer}
.qt s{text-decoration:none;color:var(--lane);transition:.25s}
.qp{max-height:0;overflow:hidden;transition:max-height .3s ease}
.qp p{padding:0 20px 16px;color:var(--ink-d);font-size:.96rem}
.qb.open .qp{max-height:420px}
.qb.open .qt s{transform:rotate(45deg);display:inline-block}

/* kapanış bloğu */
.close-cta{border:1px dashed var(--lane);border-radius:11px;padding:38px;text-align:center;background:var(--panel-2)}
.close-cta h2{font-size:clamp(1.1rem,2.1vw,1.55rem);margin-bottom:9px}
.close-cta p{color:var(--ink-d);max-width:60ch;margin:0 auto 20px}
.btnrow{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}

/* form */
.form{display:grid;gap:14px;background:var(--panel);border:1px solid var(--edge);border-radius:10px;padding:24px}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.field label{display:block;font-size:.86rem;color:var(--ink-d);margin-bottom:6px}
.field input,.field select,.field textarea{width:100%;background:var(--asphalt-2);border:1px solid var(--edge);border-radius:6px;color:var(--ink);font-family:inherit;font-size:.95rem;padding:11px 13px}
.field input:focus,.field select:focus,.field textarea:focus{outline:0;border-color:var(--teal)}
.form button{background:var(--teal);color:#04262b;border:0;border-radius:6px;font-family:'Oswald',sans-serif;font-size:.92rem;letter-spacing:.6px;padding:13px 22px;cursor:pointer;justify-self:start}
.form button:hover{background:#38c1d1}
.hint{color:#7d919c;font-size:.84rem}

/* alt */
footer{border-top:1px solid var(--edge);padding:42px 0 20px;margin-top:22px;background:var(--asphalt-2)}
.fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:26px}
.fcols h4{font-family:'Oswald',sans-serif;font-weight:500;font-size:.85rem;letter-spacing:1.6px;text-transform:uppercase;color:var(--teal);margin-bottom:12px}
.fcols p,.fcols a{color:var(--ink-d);font-size:.92rem}
.fcols a{display:block;margin-bottom:6px}
.fcols a:hover{color:var(--lane)}
.fcols img{width:150px;height:70px;object-fit:contain;background:#fff;border-radius:6px;padding:5px;margin-bottom:12px}
.fend{margin-top:28px;padding-top:15px;border-top:1px solid var(--edge);color:#748893;font-size:.84rem;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}

@media(max-width:960px){
  .two,.fcols{grid-template-columns:1fr}
  .shots{grid-template-columns:1fr 1fr}
  .shot img{height:190px}
  .menu{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--asphalt-2);border-bottom:1px solid var(--edge);padding:10px 4%}
  .menu.on{display:flex}
  .menu a{padding:12px 0;border-bottom:1px dashed var(--edge)}
  .burger{display:block}
  header .cta{display:none}
  .info dl{grid-template-columns:1fr}
  .form .row{grid-template-columns:1fr}
}
@media(max-width:540px){
  .shots{grid-template-columns:1fr}
  .brand img{width:104px;height:50px}
}