/* orbit — siteye özel renkler (isiparkyapi.com: Isıpark logo mavisi #0056c0)
   ana: düğme, bağlantı, vurgu (beyaz yazı okunur koyulukta) · ana-acik: açık zeminler · ana-isik: koyu zeminde simge
   koyu: koyu bölümler · koyu-2: koyu ikincil · alt: alt bilgi · ton-1..4: ana sayfa kategori kartları */
:root {
	--or-ana: #0056c0;
	--or-ana-koyu: #00439a;
	--or-ana-acik: #e6effb;
	--or-ana-isik: #6aa5ff;
	--or-koyu: #0b2a5b;
	--or-koyu-2: #082149;
	--or-alt: #0056c0;
	--or-kirmizi: #de1316;
	--or-ton-1: #0056c0;
	--or-ton-2: #0a72d8;
	--or-ton-3: #1d8fe0;
	--or-ton-4: #0b2a5b;
}
/* Üst bilgi tamamen beyaz (ince bant + logo satırı + menü satırı), altında gölge; renk.css ana.css'ten önce yüklendiği için html öneki */
html .or-ust-bant { background: var(--or-kirmizi); color: rgba(255, 255, 255, .92); }
html .or-ust-bant-sag > a, html .or-ust-bant-sag > a svg { color: var(--or-beyaz); }
html .or-diller a { color: rgba(255, 255, 255, .8); }
html .or-diller a.is-secili, html .or-diller a:hover { background: rgba(255, 255, 255, .2); color: var(--or-beyaz); }
html .or-ust { background: var(--or-beyaz); color: var(--or-koyu); }
html .or-ust-kutu { min-height: 108px; }
html .or-logo img { height: 72px; max-width: 320px; }
html .or-ara input { border-color: #d5dae3; background: #f5f7fa; color: var(--or-koyu); }
html .or-ara input::placeholder { color: #7a8597; }
html .or-ara input:focus { border-color: var(--or-ana); background: var(--or-beyaz); }
html .or-ust .or-ust-dugme { background: var(--or-ana); color: var(--or-beyaz); }
html .or-ust .or-ust-dugme:hover { background: var(--or-ana-koyu); color: var(--or-beyaz); }
html .or-menu-bant { background: var(--or-beyaz); color: var(--or-koyu); border-top: 1px solid #eef1f5; box-shadow: 0 8px 18px -6px rgba(11, 42, 91, .16); }
html .or-kat-dugme { background: var(--or-ana); color: var(--or-beyaz); }
html .or-kat-dugme:hover { background: var(--or-ana-koyu); }
html .or-menu a { color: var(--or-koyu); }
html .or-menu a:hover, html .or-menu li.is-secili a { background: var(--or-ana-acik); color: var(--or-ana); }
html .or-siparis-dugme { background: var(--or-ana-acik); color: var(--or-ana); }
html .or-siparis-dugme:hover { background: var(--or-ana); color: var(--or-beyaz); }
html .or-alt-marka > a img { filter: brightness(0) invert(1); }
html .or-alt-iletisim svg { color: var(--or-beyaz); }
html .or-alt-menu a, html .or-telif-sag button { color: rgba(255, 255, 255, .82); }
html .or-alt-bilgi { color: rgba(255, 255, 255, .8); }
html .or-telif { border-top-color: rgba(255, 255, 255, .18); color: rgba(255, 255, 255, .7); }
html .or-alt-kutu { border-color: rgba(255, 255, 255, .22); background: rgba(255, 255, 255, .08); }
html .or-sosyal a { border-color: rgba(255, 255, 255, .35); }
html .or-sosyal a:hover { border-color: var(--or-beyaz); background: var(--or-beyaz); color: var(--or-ana); }
/* Ürün grupları: marka logosu sabit kutuda, logosuz satırların yazısı aynı hizada */
html .or-kat-liste > li > a { min-height: 46px; }
html .or-kat-liste > li > a img { flex: 0 0 34px; width: 34px; height: 34px; object-fit: contain; filter: brightness(0); opacity: .5; transition: opacity .2s; }
html .or-kat-liste > li:hover > a img, html .or-kat-liste > li > a:focus-visible img { opacity: 1; }
html .or-kat-liste > li > a > span:first-child { padding-left: 46px; }
/* Alt gruplar: tek sütun, düz liste */
html .or-kat-yan { grid-template-columns: minmax(0, 1fr); grid-auto-rows: max-content; align-content: start; gap: 2px; width: 300px; min-height: 0; padding: 10px; border-radius: var(--or-kose); }
html .or-kat-yan-grup { gap: 0; }
html .or-kat-yan-grup .or-kat-yan-bas { display: block; padding: 9px 12px; border-radius: 6px; font-size: 14px; font-weight: 600; color: var(--or-baslik); transition: background-color .2s, color .2s; }
html .or-kat-yan-grup .or-kat-yan-bas:hover { background: var(--or-ana-acik); color: var(--or-ana); }
html .or-kat-yan-grup a:not(.or-kat-yan-bas) { padding: 5px 12px 5px 24px; }
/* Kategori kartları: marka logosu beyaz plaka üstünde, kartın ortasında */
/* Kategori kartları: beyaz kutu, şeffaf logo doğrudan zeminde */
html .or-kat-kartlar .or-kat-kart { border: 1px solid #e2e8f1; background: var(--or-beyaz); color: var(--or-koyu); box-shadow: 0 1px 2px rgba(11,42,91,.04); transition: border-color .2s, box-shadow .2s; }
html .or-kat-kartlar .or-kat-kart:hover { border-color: #b9cfee; box-shadow: 0 10px 28px -12px rgba(11,42,91,.22); }
html .or-kat-kart .or-kat-etiket { background: var(--or-ana-acik); color: var(--or-ana); }
html .or-kat-kart .or-kat-alt b { color: var(--or-koyu); }
html .or-kat-kart .or-kat-alt small { color: var(--or-ana); opacity: 1; }
html .or-kat-kart img { top: 50px; right: 0; bottom: 80px; left: 0; width: auto; height: auto; max-width: 74%; max-height: 104px; margin: auto; object-fit: contain; }
@media (max-width: 991px) {
	html .or-ust { box-shadow: 0 8px 18px -6px rgba(11, 42, 91, .16); }
	html .or-ust-kutu { min-height: 76px; }
	html .or-logo img { height: 52px; max-width: 220px; }
	html .or-kat-liste-sabit > li > a { min-height: 0; }
	html .or-kat-liste-sabit > li > a img { flex-basis: 30px; width: 30px; height: 30px; }
	html .or-kat-liste-sabit > li > a > span:first-child { padding-left: 0; }
}
@media (max-width: 640px) {
	html .or-kat-kart img { top: 44px; bottom: 66px; max-width: 80%; max-height: 72px; }
}