/* =========================================================
   OEM FURNACE — E · Karma tema
   Varsayılan OpenCart 4 temasının üzerine giydirilir.
   Kaldırmak için: header şablonundaki oem-tema.css satırını silin.
   ========================================================= */

:root{
  --oem-dark:#0a0c0f;
  --oem-dark-2:#06080b;
  --oem-line:#1d2229;
  --oem-acc:#ff6a1a;
  --oem-acc-ink:#0a0c0f;
  --oem-body:#f4f5f7;
  --oem-card:#ffffff;
  --oem-card-line:#e3e6ea;
  --oem-ink:#111827;
  --oem-sub:#6b7280;
  --oem-mono:Consolas,"Courier New",monospace;
}

body{background:var(--oem-body);color:var(--oem-ink);font-family:"Segoe UI",Roboto,Arial,sans-serif}
#container,main{background:transparent}
html,body{overflow-x:clip}

/* ---------- Üst şerit ---------- */
#top{margin:0!important;padding:4px 0;background:var(--oem-dark-2);border-bottom:1px solid var(--oem-line);font-family:var(--oem-mono);font-size:12px}
#top a,#top span,#top .btn,#top .dropdown-toggle{color:#8b939e!important}
#top a:hover{color:var(--oem-acc)!important}
#top .dropdown-menu{font-family:"Segoe UI",Roboto,Arial,sans-serif}

/* ---------- Başlık (logo + arama) ---------- */
header{background:var(--oem-dark);border-bottom:1px solid var(--oem-line);padding:14px 0 8px;margin:0!important}
#logo img{filter:brightness(0) invert(1)}
#search input,header input[name=search]{background:rgba(255,255,255,.06)!important;border:1px solid var(--oem-line)!important;color:#e5e7eb!important;border-radius:2px 0 0 2px!important}
#search input::placeholder,header input[name=search]::placeholder{color:#7d8794}
#search button,header input[name=search]+button,header .input-group .btn{background:var(--oem-acc)!important;border-color:var(--oem-acc)!important;color:var(--oem-acc-ink)!important;border-radius:0 2px 2px 0!important}

/* ---------- Menü ---------- */
#menu{position:relative;z-index:20;background:var(--oem-dark)!important;border-radius:0!important;margin-bottom:24px;border:0!important}
#menu::before{content:"";display:block;position:absolute;top:0;bottom:-2px;left:50%;width:100vw;transform:translateX(-50%);background:var(--oem-dark)!important;border:0!important;border-bottom:2px solid var(--oem-acc)!important;z-index:-1;pointer-events:none;display:block!important}
#menu::after{display:none}
#menu .nav-link,#menu .navbar-brand,#menu>a,#menu .dropdown-toggle{color:#e5e7eb!important;text-transform:uppercase;letter-spacing:.12em;font-size:12px!important;font-weight:600}
#menu .nav-link:hover,#menu .dropdown-toggle:hover{color:var(--oem-acc)!important}
#menu .dropdown-menu{background:var(--oem-dark)!important;border:1px solid var(--oem-line);border-top:2px solid var(--oem-acc);border-radius:0}
#menu .dropdown-menu a,#menu .dropdown-inner a{color:#c4cad3!important;text-transform:none;letter-spacing:0;font-size:14px!important}
#menu .dropdown-menu a:hover{color:var(--oem-acc)!important;background:rgba(255,255,255,.04)!important}
#menu .navbar-nav>.nav-item>a.dropdown-item{color:#e5e7eb!important;text-transform:uppercase;letter-spacing:.12em;font-size:12px!important;font-weight:600;background:transparent!important;padding:.5rem 1rem;white-space:nowrap}
#menu .navbar-nav>.nav-item>a.dropdown-item:hover{color:var(--oem-acc)!important}
#menu .see-all{color:var(--oem-acc)!important;border-top:1px solid var(--oem-line)!important}
#menu .navbar-toggler,#menu #category{color:#e5e7eb!important;border-color:var(--oem-line)!important}

/* ---------- Ana sayfa giriş bölümü (HTML İçerik modülü) ---------- */
.oem-hero{position:relative;left:50%;right:50%;width:100vw;margin:-24px -50vw 32px;padding:60px 0 48px;color:#fff;
  background-color:var(--oem-dark);border-bottom:1px solid var(--oem-line);
  background-image:radial-gradient(ellipse 60% 80% at 75% 40%,rgba(255,106,26,.16),transparent 70%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:auto,48px 48px,48px 48px}
.oem-hero .oem-hero-in{max-width:1320px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.35fr 1fr;gap:32px;align-items:center}
.oem-hero .oem-kicker{font-family:var(--oem-mono);color:var(--oem-acc);font-size:12px;letter-spacing:.2em;margin-bottom:14px}
.oem-hero .oem-kicker::before{content:"";display:inline-block;width:8px;height:8px;background:var(--oem-acc);border-radius:50%;margin-right:8px;animation:oemPulse 1.6s infinite}
.oem-hero h1{font-size:46px;line-height:1.06;margin:0 0 16px;color:#fff!important;text-transform:uppercase;font-weight:800;letter-spacing:.01em}
.oem-hero h1 span{color:var(--oem-acc)}
.oem-hero p{font-size:17px;color:#9aa3ae!important;max-width:540px;margin:0 0 26px}
.oem-hero .oem-btn{display:inline-block;padding:13px 26px;background:var(--oem-acc);color:var(--oem-acc-ink)!important;font-weight:700;text-transform:uppercase;letter-spacing:.12em;font-size:13px;text-decoration:none;border-radius:2px;margin:0 10px 10px 0}
.oem-hero .oem-btn:hover{background:#ff8240}
.oem-hero .oem-btn-ghost{display:inline-block;padding:12px 22px;border:1px solid #2a313a;color:#e5e7eb!important;text-transform:uppercase;letter-spacing:.12em;font-size:13px;text-decoration:none;border-radius:2px}
.oem-hero .oem-btn-ghost:hover{border-color:var(--oem-acc);color:var(--oem-acc)!important}
.oem-hero .oem-panel{border:1px solid var(--oem-line);background:rgba(255,255,255,.04);padding:18px;border-radius:2px}
.oem-hero .oem-row{display:flex;justify-content:space-between;align-items:baseline;padding:11px 0;border-top:1px solid var(--oem-line)}
.oem-hero .oem-row:first-child{border-top:0}
.oem-hero .oem-row .k{font-family:var(--oem-mono);font-size:11px;color:#7d8794;letter-spacing:.12em}
.oem-hero .oem-row .v{font-size:26px;font-weight:700;color:#fff}
.oem-hero .oem-row .u{font-family:var(--oem-mono);font-size:11px;color:var(--oem-acc);margin-left:4px}
@keyframes oemPulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ---------- Başlıklar ve içerik ---------- */
#content h1,#content h2,#content h3{color:var(--oem-ink);text-transform:uppercase;letter-spacing:.06em;font-weight:700}
#content h3::before{content:"";display:inline-block;width:22px;height:3px;background:var(--oem-acc);vertical-align:middle;margin-right:10px}
a{color:#c2410c}
a:hover{color:var(--oem-acc)}
.carousel{border-radius:4px;overflow:hidden;border:1px solid var(--oem-card-line)}

/* ---------- Ürün kartları ---------- */
.product-thumb{background:var(--oem-card)!important;border:1px solid var(--oem-card-line)!important;border-radius:4px!important;box-shadow:none!important}
.product-thumb:hover{border-color:var(--oem-acc)!important;box-shadow:0 14px 34px rgba(0,0,0,.10)!important}
.product-thumb .image{background:#fff!important}
.product-thumb h4 a{color:var(--oem-ink)!important}
.product-thumb:hover h4 a{color:#c2410c!important}
.product-thumb .description p{color:var(--oem-sub)!important}
.oem-thumb-more a{border:1px solid var(--oem-ink)!important;color:var(--oem-ink)!important;border-radius:2px!important;text-transform:uppercase;letter-spacing:.1em;font-size:12px!important;background:transparent!important}
.product-thumb:hover .oem-thumb-more a{background:var(--oem-acc)!important;color:var(--oem-acc-ink)!important;border-color:var(--oem-acc)!important}

/* ---------- Kutular, listeler, sekmeler ---------- */
.breadcrumb{background:var(--oem-card)!important;border:1px solid var(--oem-card-line)!important;border-radius:2px!important}
.breadcrumb a{color:#c2410c!important}
.list-group-item{border-color:var(--oem-card-line)!important;color:var(--oem-ink)}
.list-group-item.active,.list-group-item.active:hover{background:#fff7f2!important;color:#c2410c!important;border-color:var(--oem-card-line)!important;border-left:3px solid var(--oem-acc)!important}
.nav-tabs .nav-link{color:var(--oem-sub)}
.nav-tabs .nav-link.active{color:var(--oem-ink);border-top:3px solid var(--oem-acc)}
.img-thumbnail{background:#fff;border-color:var(--oem-card-line);border-radius:2px}

/* ---------- Teklif kutusu (ürün sayfası) ---------- */
.oem-quote{background:var(--oem-card)!important;border:1px solid var(--oem-card-line)!important;border-left:3px solid var(--oem-acc)!important;border-radius:2px!important}
.oem-quote-note i{color:var(--oem-acc)!important}
.oem-btn-quote{background:var(--oem-acc)!important;border-color:var(--oem-acc)!important;color:var(--oem-acc-ink)!important;border-radius:2px!important;text-transform:uppercase;letter-spacing:.1em;font-weight:700}
.oem-btn-quote:hover{background:#ff8240!important;border-color:#ff8240!important}

/* ---------- Sayfalama ---------- */
.pagination .page-link{color:var(--oem-ink);border-color:var(--oem-card-line);border-radius:0!important}
.pagination .page-link:hover{color:#c2410c;background:#fff7f2}
.pagination .page-item.active .page-link,.pagination .active>.page-link{background:var(--oem-acc)!important;border-color:var(--oem-acc)!important;color:var(--oem-acc-ink)!important;font-weight:700}

/* ---------- Genel düğmeler ---------- */
.btn-primary{background:var(--oem-dark);border-color:var(--oem-dark);border-radius:2px}
.btn-primary:hover,.btn-primary:focus{background:var(--oem-acc);border-color:var(--oem-acc);color:var(--oem-acc-ink)}

/* ---------- Alt bilgi ---------- */
footer{background:var(--oem-dark)!important;border-top:3px solid var(--oem-acc);color:#8b939e!important}
footer h5{color:var(--oem-acc)!important;text-transform:uppercase;letter-spacing:.12em;font-size:12px}
footer a{color:#c4cad3!important}
footer a:hover{color:var(--oem-acc)!important}
footer hr{border-color:var(--oem-line)}

/* hero hizası: logo ile aynı çizgi */
@media (min-width:576px){.oem-hero .oem-hero-in{max-width:540px}}
@media (min-width:768px){.oem-hero .oem-hero-in{max-width:720px}}
@media (min-width:992px){.oem-hero .oem-hero-in{max-width:960px}}
@media (min-width:1200px){.oem-hero .oem-hero-in{max-width:1140px}}
@media (min-width:1400px){.oem-hero .oem-hero-in{max-width:1320px}}

/* ---------- Mobil ---------- */
@media (max-width:991px){
  .oem-hero .oem-hero-in{grid-template-columns:1fr;gap:24px}
  .oem-hero h1{font-size:34px}
}
@media (max-width:575px){
  .oem-hero{padding:40px 0 32px}
  .oem-hero h1{font-size:28px}
  .oem-hero p{font-size:15px}
  .oem-hero .oem-row .v{font-size:22px}
  .oem-hero .oem-panel{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;padding:12px 16px}
  .oem-hero .oem-row{flex-direction:column;align-items:flex-start;border-top:0;padding:8px 0}
  #menu .nav-link{font-size:13px!important}
}