/* Çınar Motor Tente — üst alan (Tur 3 / 3a masaüstü + 3b mobil sol)
   Renkler: lacivert #152842 · koyu şerit #0b1a2e · altın #c8922e · turuncu #c2410c
            yeşil #0f766e · krem #f2f1ec · çizgi #e5e2d8 / #deddd4 */

.cmt-top{background:#0b1a2e;height:40px;display:flex;align-items:center;gap:20px;
  padding:0 48px 0 216px;font-family:'IBM Plex Mono',monospace;font-size:13px;color:#cbd5e1;white-space:nowrap;overflow:hidden}
.cmt-top b,.cmt-top strong{color:#fff;font-weight:600}
.cmt-top .announce-item{display:inline-flex;align-items:center}
.cmt-top i{color:#f59e0b;margin-right:8px}
.cmt-top .cmt-top-phone{margin-left:auto}

.cmt-header{position:relative;background:#fff;height:88px;display:flex;align-items:center;gap:32px;
  padding:0 48px 0 216px;border-bottom:1px solid #e5e2d8}
.cmt-badge{position:absolute;left:48px;top:-30px;z-index:20;width:140px;height:140px;border-radius:50%;
  background:#fff;border:3px solid #c8922e;box-sizing:border-box;box-shadow:0 8px 22px rgba(21,40,66,.2);
  display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.4,0,.2,1)}
.cmt-badge:hover{transform:scale(1.03)}
.cmt-badge img{width:126px;height:126px;display:block}

.cmt-search{flex:1;min-width:140px;display:flex;justify-content:center}
.cmt-search label{position:relative;width:100%;max-width:640px;height:54px;background:#f2f1ec;border:1px solid #deddd4;border-radius:4px;
  display:flex;align-items:center;gap:14px;padding:0 20px;box-sizing:border-box}
.cmt-search label > i{color:#8e8d86}
.cmt-search input::-webkit-search-cancel-button{cursor:pointer}
.cmt-search input{flex:1;min-width:0;border:0;background:none;outline:0;font:15px 'IBM Plex Sans',sans-serif;color:#152842}
.cmt-search label:focus-within{border-color:#152842}

.cmt-actions{display:flex;align-items:center;gap:28px;flex-shrink:0;font-family:'IBM Plex Sans',sans-serif}
.cmt-actions a{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:#152842;text-decoration:none}
.cmt-actions .cmt-wa{background:#0f766e;color:#fff;font-weight:600;height:54px;padding:0 24px;border-radius:4px}
.cmt-actions .cmt-wa:hover{background:#0b5f58}

.cmt-nav{background:#fff;height:58px;display:flex;align-items:stretch;gap:8px;padding:0 48px 0 216px;
  border-bottom:1px solid #e5e2d8;font:500 16px 'IBM Plex Sans',sans-serif;overflow-x:auto;scrollbar-width:none}
.cmt-nav::-webkit-scrollbar{display:none}
.cmt-nav a{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:0 12px;color:#152842;text-decoration:none;
  border-bottom:3px solid transparent;white-space:nowrap}
.cmt-nav a i{font-size:14px}
.cmt-nav a.is-active{border-bottom-color:#c2410c}
.cmt-nav a.cmt-special{color:#c2410c}

.cmt-m{display:none}

@media (max-width:1100px){ .cmt-top .cmt-top-mid{display:none} }

@media (max-width:768px){
  .cmt-top{height:32px;padding:0 14px 0 128px;font-size:11px}
  .cmt-top .cmt-top-phone,.cmt-top .cmt-top-sep{display:none}
  .cmt-header{height:80px;padding:0 14px 0 128px;justify-content:flex-end;gap:8px}
  .cmt-badge{left:14px;top:-22px;width:100px;height:100px}
  .cmt-badge img{width:90px;height:90px}
  .cmt-search,.cmt-actions{display:none}
  .cmt-m{display:flex;width:44px;height:44px;border-radius:4px;align-items:center;justify-content:center;border:0;cursor:pointer;font-size:17px}
  .cmt-m-search{background:#f2f1ec;border:1px solid #deddd4;color:#152842}
  .cmt-m-wa{background:#0f766e;color:#fff;font-size:19px}
  .cmt-m-menu{background:#152842;color:#fff}
  .cmt-nav{height:50px;padding:0 6px;font-size:14px;gap:0}
  .cmt-nav a{gap:8px}
  .cmt-nav a i{font-size:12px}
  .cmt-nav .cmt-long{display:none}
  body.cmt-search-open .cmt-search{display:flex;position:absolute;left:0;right:0;top:100%;padding:12px 14px;background:#fff;border-bottom:1px solid #e5e2d8;z-index:15}
  body.cmt-search-open .cmt-search label{height:46px}
}

/* ---- Site entegrasyonu (Çınar Motor Tente) ----
   Fontlar sitede self-hosted (css/style.css @font-face) — Google Fonts/CDN yüklenmez.
   #nav: mobil çekmece (js/products-data.js initHeader doldurur); masaüstünde gizli. */
@media (min-width:769px){ #nav.h2-nav{display:none} }
.cmt-nav a:hover{color:#c2410c}
.cmt-actions a:not(.cmt-wa):hover{color:#c2410c}
.cmt-m-menu.active{background:#c2410c}