.supara-portal-nav{background:#f8fbff;border-top:1px solid #e8eef5;border-bottom:1px solid #e0e9f3}.supara-portal-nav-inner{display:flex;align-items:center;gap:0;min-height:48px;overflow-x:auto;scrollbar-width:thin}.supara-portal-nav a{display:inline-flex;align-items:center;white-space:nowrap;padding:14px 18px;color:#223d59;font-size:13px;font-weight:650;line-height:20px;text-decoration:none;transition:background .18s,color .18s}.supara-portal-nav a:first-child{padding-left:0}.supara-portal-nav a:hover,.supara-portal-nav a:focus-visible{color:#086abc;background:#eaf4ff}@media(max-width:767px){.supara-portal-nav-inner{padding:0 14px}.supara-portal-nav a{padding:12px 14px;font-size:12px}.supara-portal-nav a:first-child{padding-left:0}}
/* supara-nav-polish-20261022 */
.supara-portal-nav{max-width:1200px;margin:0 auto;border:1px solid #e5ebf3;border-radius:0 0 12px 12px;background:#f8fbff}
.supara-portal-nav-inner a{font-size:0!important;gap:8px;white-space:nowrap;color:#193c61!important}
.supara-portal-nav-inner a::before{content:"";display:block;flex:0 0 18px;width:18px;height:18px;background-repeat:no-repeat;background-position:center;background-size:18px 18px}
.supara-portal-nav-inner a::after{display:block;font-size:12px;font-weight:750;line-height:1.2}
@media(min-width:1200px){.supara-portal-nav-inner{display:grid;grid-template-columns:164px repeat(6,147px) minmax(0,1fr);gap:0}.supara-portal-nav-inner a{justify-content:flex-start;padding:12px 7px!important}}
@media(max-width:1199px){.supara-portal-nav{width:calc(100% - 24px)}}
.supara-portal-nav-inner a:nth-child(1)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232b78ac%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2214%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22m10%209%205%203-5%203z%22%2F%3E%3C%2Fsvg%3E")}
.supara-portal-nav-inner a:nth-child(1)::after{content:"Video Çözümleri"}
.supara-portal-nav-inner a:nth-child(2)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232b78ac%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%2218%22%20height%3D%2216%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M7%203v4M17%203v4M3%2010h18M8%2015h4%22%2F%3E%3C%2Fsvg%3E")}
.supara-portal-nav-inner a:nth-child(2)::after{content:"Sınav Takvimi"}
.supara-portal-nav-inner a:nth-child(3)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232b78ac%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M3%2019h18M5%2019V8l7-4%207%204v11M9%2012h6M9%2015h6%22%2F%3E%3C%2Fsvg%3E")}
.supara-portal-nav-inner a:nth-child(3)::after{content:"Bayilerimiz"}
.supara-portal-nav-inner a:nth-child(4)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232b78ac%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M12%203v18M3%2012h18%22%2F%3E%3Ccircle%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%229%22%2F%3E%3C%2Fsvg%3E")}
.supara-portal-nav-inner a:nth-child(4)::after{content:"Bayi Ol"}
.supara-portal-nav-inner a:nth-child(5)::before{background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%232b78ac%22%20stroke-width%3D%221.9%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M10%2017l5-5-5-5M15%2012H3%22%2F%3E%3Cpath%20d%3D%22M14%203h6v18h-6%22%2F%3E%3C%2Fsvg%3E")}
.supara-portal-nav-inner a:nth-child(5)::after{content:"Bayi Girişi"}

/* Homepage navigation and section headers: clean opaque surface */
.supara-home .supara-showcase-tabs,
.supara-home .supara-catalog .heading-tab,
.supara-home .supara-original-campaigns .supara-section-bar,
.supara-home .supara-most-viewed .supara-section-bar {
  background: #f8fbff !important;
  background-image: none !important;
  border: 1px solid #e1e8f0 !important;
  border-bottom: 2px solid #c4a35f !important;
  box-shadow: 0 6px 18px rgba(23, 61, 95, .06) !important;
}
.supara-home .supara-original-campaigns .supara-section-bar h2,
.supara-home .supara-most-viewed .supara-section-bar h2,
.supara-home .supara-catalog .heading-tab .section-title {
  color: #173d5f !important;
  text-shadow: none !important;
}

/* Supara interface accents: consistent blue on every main-site page */
:root {
  --az-blue: #2877a8 !important;
  --az-blue-dark: #1b587f !important;
  --az-soft-blue: #eaf4fb !important;
  --asilzade-primary: #2877a8 !important;
  --asilzade-primary-dark: #1b587f !important;
  --color-brand: #2877a8 !important;
  --color-brand-dark: #1b587f !important;
  --primary-color: #2877a8 !important;
  --su-orange: #2877a8 !important;
}
.supara-portal-nav-inner a { color: #245d87 !important; }
.supara-portal-nav-inner a::after { font-family: system-ui, 'Segoe UI', Arial, sans-serif; font-weight: 650; letter-spacing: 0; }
.supara-portal-nav-inner a:hover,
.supara-portal-nav-inner a:focus-visible { color: #174f78 !important; background: #e8f3fb !important; }
.supara-home .supara-showcase-tabs,
.supara-home .supara-catalog .heading-tab,
.supara-home .supara-original-campaigns .supara-section-bar,
.supara-home .supara-most-viewed .supara-section-bar { border-bottom-color: #76abd0 !important; }
.supara-home .supara-original-campaigns .supara-section-bar h2,
.supara-home .supara-most-viewed .supara-section-bar h2,
.supara-home .supara-catalog .heading-tab .section-title {
  color: #245b83 !important;
  font-family: system-ui, 'Segoe UI', Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}
.supara-home .supara-showcase-tab:hover { color: #1f6b9d !important; }
.supara-home .supara-showcase-tab:hover .supara-showcase-photo { border-color: #85b7d8 !important; }
.supara-home .supara-showcase-tab.is-active > span:last-child { border-bottom-color: #418fbc !important; }
.supara-home .supara-most-viewed-rank { background: #2b78a9 !important; }
.supara-home .supara-most-viewed-copy em { color: #236b9a !important; }
.supara-home .supara-most-viewed-card:hover { border-color: #90c0df !important; }
.supara-home .supara-catalog .heading-tab .nav-link { color: #236b9a !important; border-color: #c9e0ef !important; }
.supara-home .supara-catalog .heading-tab .nav-link:hover { color: #174f78 !important; background: #eaf4fb !important; }
.supara-countdown-time, .text-brand { color: #2471a3 !important; }
.header-action-2 .pro-count, .pro-count.blue { background-color: #2b78a9 !important; }
.supara-category-nav .supara-nav-highlight,
.search-style-2 .btn,
.ks-card-add.add-to-cart-button,
.ks-buy-now.button-buy-now,
.btn.btn-primary,
.pagination .active .page-link,
.ui-slider .ui-slider-range,
.ui-slider .ui-slider-handle { background-color: #2877a8 !important; border-color: #2877a8 !important; color: #fff !important; }
.supara-category-nav .supara-nav-highlight:hover,
.search-style-2 .btn:hover,
.ks-card-add.add-to-cart-button:hover,
.ks-buy-now.button-buy-now:hover,
.btn.btn-primary:hover { background-color: #1b587f !important; border-color: #1b587f !important; }
.ks-add-cart.button-add-to-cart { color: #1f6695 !important; background: #eaf4fb !important; border-color: #a9d0e8 !important; }
.ks-add-cart.button-add-to-cart:hover { color: #fff !important; background: #2877a8 !important; border-color: #2877a8 !important; }
.ks-product-prices strong, .ks-book-sale-price strong.price, .supara-price-trust strong { color: #216c9d !important; }
.show-advanced-filters, .show-advanced-filters .title, .supara-footer-brand a, .supara-footer-bottom a { color: #236b9a !important; }
/* Full-cell category hover */
ul.supara-category-nav > li:not(:last-child) { padding: 0 !important; }
ul.supara-category-nav > li:not(:last-child) > a { width: 100% !important; height: 100% !important; padding: 0 14px !important; border-radius: 0 !important; transition: background-color .18s ease, color .18s ease !important; }
ul.supara-category-nav > li:not(:last-child) > a:hover, ul.supara-category-nav > li:not(:last-child) > a:focus-visible { background: #173d5f !important; color: #fff !important; }
/* Quiet default category link and service-menu separators */
.supara-portal-nav-inner > a:not(:last-child) { border-right: 1px solid #d7e4ef !important; }
ul.supara-category-nav > li:last-child { padding: 0 !important; }
ul.supara-category-nav > li:last-child > a.supara-nav-highlight { width: 100% !important; height: 100% !important; padding: 0 12px !important; border: 0 !important; border-radius: 0 !important; background: transparent !important; color: #17476e !important; box-shadow: none !important; }
ul.supara-category-nav > li:last-child > a.supara-nav-highlight:hover, ul.supara-category-nav > li:last-child > a.supara-nav-highlight:focus-visible { background: #173d5f !important; color: #fff !important; }
/* Recently viewed title follows the light section heading style */
section[data-shortcode-name=recently-viewed-products] .section-title.style-2 { background: #f8fbff !important; border: 1px solid #dce8f3 !important; border-bottom: 2px solid #67aee0 !important; border-radius: 7px !important; box-shadow: 0 4px 14px rgba(24,83,126,.06) !important; padding: 14px 16px !important; }
section[data-shortcode-name=recently-viewed-products] .section-title.style-2 .title::before { display: none !important; }
section[data-shortcode-name=recently-viewed-products] .section-title.style-2 h3 { color: #235d87 !important; font-family: system-ui, Segoe UI, Arial, sans-serif !important; font-size: 16px !important; font-weight: 700 !important; letter-spacing: .01em !important; text-transform: uppercase !important; }
/* Keep both global navigation rows on the same desktop grid. */
@media (min-width: 992px) { .header-area .header-bottom > .container { max-width: 1200px !important; } }
@media (min-width: 992px) { .header-area > nav.supara-portal-nav { width: calc(100% - 24px) !important; max-width: 1176px !important; margin-left: auto !important; margin-right: auto !important; } }