@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap');
	   
	   :root {
		   
		   
          /* Corporate Blue Palette */
          --primary-blue: #0066CC;
          --primary-blue-dark: #004C99;
          --primary-blue-light: #3399FF;
          --secondary-blue: #4A90E2;
          --secondary-blue-light: #71a6e2;
          --accent-blue: #0099FF;
          --navy: #003366;
          --sky-blue: #E6F2FF;
          --ice-blue: #F0F7FF;
          /* Neutral Colors */
          --white: #FFFFFF;
          --off-white: #FAFBFC;
          --light-gray: #F5F7FA;
          --gray-100: #E8ECF1;
          --gray-200: #D1D9E6;
          --gray-300: #B8C5D6;
          --gray-400: #8B98A8;
          --gray-500: #6B7A8F;
          --gray-600: #4A5568;
          --gray-700: #2D3748;
          --gray-800: #1A202C;
          --gray-900: #0F1419;
          /* Status Colors */
          --success: #00C853;
          --success-light: #E8F5E9;
          --warning: #FFA726;
          --warning-light: #FFF3E0;
          --danger: #EF5350;
          --danger-light: #FFEBEE;
          /* Typography */
          --font-primary: 'Exo 2', -apple-system, BlinkMacSystemFont, sans-serif;
          --font-mono: 'Exo 2', 'SF Mono', monospace;
		  
      }
      
      * {
          font-family: var(--font-primary);
          margin: 0;
          padding: 0;
          box-sizing: border-box;
      }
	  
      html {
          max-width: 100%;
          overflow-x: clip;
          scrollbar-gutter: stable;
      }

	  a {
		  text-decoration: none;
		  color: inherit;
	  }
	  
	  a:hover {
		  color:#0d6efd;
	  }
	        
body {
          font-family: var(--font-primary), -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
          background-color: #F1F5F9;
          color: var(--gray-700);
          max-width: 100%;
          overflow-x: clip;
          /* line-height: 1.6; */
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
      }
      /* Boş alanlar temizlendi */
      
      .urun-karti-link {
          transition: all 0.3s ease;
      }

      .home-page-seo-title {
          margin: 0 0 1rem;
          color: #10243d;
          font-size: 1.5rem;
          font-weight: 800;
          letter-spacing: 0;
          line-height: 1.25;
      }

      .urun-karti-link .card {
          min-height: 190px;
          border: 1px solid transparent;
          transition: border-color .2s ease, box-shadow .2s ease;
      }

      .urun-karti-gorsel-col {
          display: flex;
          align-items: stretch;
      }

      .urun-karti-gorsel {
          width: 100%;
          min-height: 150px;
          display: flex;
          align-items: center;
          justify-content: center;
          overflow: hidden;
      }

      .urun-karti-gorsel-img {
          display: block;
          width: 100%;
          height: 100%;
          max-width: 100%;
          max-height: 170px;
          object-fit: contain;
          object-position: center;
      }

      @media (max-width: 575.98px) {
          .urun-karti-link .card {
              min-height: 165px;
          }

          .urun-karti-gorsel {
              min-height: 125px;
          }

          .urun-karti-gorsel-img {
              max-height: 145px;
          }
      }
      
      .urun-karti-link:hover {
          color: inherit;
      }
      
      .urun-karti-link:hover .card {
          border-color: var(--primary-blue);
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.25) !important;
      }

      .one-cikan-karsilastirma-karti {
          border: 1px solid #dee2e6;
          transition: border-color .2s ease, box-shadow .2s ease;
      }

      .one-cikan-karsilastirma-link:hover {
          color: inherit;
      }

      .one-cikan-karsilastirma-link:hover .one-cikan-karsilastirma-karti {
          border-color: var(--primary-blue) !important;
          box-shadow: 0 8px 16px rgba(0, 0, 0, 0.16);
      }

      .one-cikan-karsilastirma-gorsel-alani {
          position: relative;
      }

      .one-cikan-karsilastirma-gorsel-alani > .flex-fill {
          flex: 1 1 0 !important;
      }

      .one-cikan-karsilastirma-vs-wrap {
          position: absolute;
          top: 56px;
          left: 50%;
          z-index: 3;
          display: flex;
          align-items: center;
          justify-content: center;
          transform: translate(-50%, -50%);
          pointer-events: none;
      }

      .comparison-product-stage {
          position: relative;
      }

      .comparison-vs-badge {
          position: absolute;
          top: 50%;
          left: 50%;
          z-index: 3;
          width: 64px;
          height: 64px;
          display: grid;
          place-items: center;
          transform: translate(-50%, -50%);
          border: 4px solid #ffffff;
          border-radius: 999px;
          background: linear-gradient(135deg, #0d6efd 0%, #153d6f 100%);
          color: #ffffff;
          box-shadow: 0 16px 34px rgba(15, 23, 42, 0.24);
          font-size: 1.05rem;
          font-weight: 800;
          letter-spacing: 0;
          pointer-events: none;
      }

      .one-cikan-karsilastirma-vs-badge {
          position: static;
          width: 44px;
          height: 44px;
          transform: none;
          border-width: 3px;
          box-shadow: 0 10px 22px rgba(15, 23, 42, 0.2);
          font-size: .82rem;
      }

      @media (max-width: 575.98px) {
          .comparison-vs-badge {
              width: 52px;
              height: 52px;
              font-size: 0.95rem;
              border-width: 3px;
          }

          .one-cikan-karsilastirma-vs-badge {
              width: 40px;
              height: 40px;
              font-size: .76rem;
              border-width: 3px;
          }
      }

      .comparison-sticky-bar {
          position: fixed;
          top: 0;
          right: 0;
          left: 0;
          z-index: 1035;
          background: rgba(255, 255, 255, 0.97);
          border-bottom: 1px solid #dce7f0;
          box-shadow: 0 6px 22px rgba(15, 23, 42, 0.16);
          backdrop-filter: blur(10px);
          opacity: 1;
          transform: translateY(0);
          pointer-events: none;
          will-change: transform, opacity;
      }

      .comparison-sticky-bar.is-visible {
          pointer-events: auto;
      }

      .comparison-sticky-grid {
          position: relative;
          min-height: 76px;
          margin-right: 8px;
          margin-left: 8px;
          display: grid;
          grid-template-columns: repeat(3, minmax(0, 1fr));
          align-items: stretch;
          background: #ffffff;
          border-right: 1px solid #e4ebf2;
          border-left: 1px solid #e4ebf2;
      }

      .comparison-sticky-label {
          min-width: 0;
          align-items: center;
          gap: 10px;
          padding: 12px 16px;
          color: #344054;
          font-size: 14px;
          font-weight: 700;
      }

      .comparison-sticky-label i {
          color: #0d6efd;
          font-size: 18px;
      }

      .comparison-sticky-product {
          min-width: 0;
          display: flex;
          align-items: center;
          justify-content: center;
          gap: 11px;
          padding: 10px 24px;
          border-left: 1px solid #e4ebf2;
          color: #1f2937;
          text-decoration: none;
          transition: background-color 0.2s ease, color 0.2s ease;
      }

      .comparison-sticky-product:hover,
      .comparison-sticky-product:focus-visible {
          color: #0d6efd;
          background: #f6f9fd;
      }

      .comparison-sticky-product:focus-visible {
          outline: 2px solid #0d6efd;
          outline-offset: -2px;
      }

      .comparison-sticky-product img {
          width: 48px;
          height: 48px;
          flex: 0 0 48px;
          object-fit: contain;
      }

      .comparison-sticky-product-copy {
          min-width: 0;
          display: block;
          max-width: calc(100% - 59px);
          text-align: center;
      }

      .comparison-sticky-product-copy small,
      .comparison-sticky-product-copy strong {
          display: block;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
      }

      .comparison-sticky-product-copy small {
          margin-top: 2px;
          color: #667085;
          font-size: 11px;
          font-weight: 500;
      }

      .comparison-sticky-product-copy strong {
          font-size: 13px;
          line-height: 1.35;
      }

      .comparison-sticky-vs {
          position: absolute;
          top: 50%;
          left: 66.666666%;
          z-index: 2;
          width: 34px;
          height: 34px;
          display: grid;
          place-items: center;
          transform: translate(-50%, -50%);
          border: 3px solid #ffffff;
          border-radius: 50%;
          background: #153d6f;
          color: #ffffff;
          box-shadow: 0 5px 14px rgba(15, 23, 42, 0.2);
          font-size: 10px;
          font-weight: 800;
      }

      #karsilastirmaTablosu {
          scroll-margin-top: 88px;
      }

      @media (max-width: 1199.98px) {
          .comparison-sticky-grid {
              grid-template-columns: repeat(2, minmax(0, 1fr));
          }

          .comparison-sticky-product-1 {
              border-left: 0;
          }

          .comparison-sticky-vs {
              left: 50%;
          }
      }

      @media (max-width: 767.98px) {
          .comparison-sticky-product {
              gap: 0;
          }

          .comparison-sticky-product img {
              display: none;
          }

          .comparison-sticky-product-copy {
              max-width: 100%;
          }
      }

      @media (max-width: 575.98px) {
          .comparison-sticky-grid {
              min-height: 66px;
          }

          .comparison-sticky-product {
              gap: 7px;
              padding: 8px 20px;
          }

          .comparison-sticky-product img {
              width: 40px;
              height: 40px;
              flex-basis: 40px;
          }

          .comparison-sticky-product-copy small {
              font-size: 10px;
          }

          .comparison-sticky-product-copy strong {
              font-size: 11px;
          }

          .comparison-sticky-vs {
              width: 30px;
              height: 30px;
              border-width: 2px;
              font-size: 9px;
          }

          #karsilastirmaTablosu {
              scroll-margin-top: 76px;
          }
      }

      @media (prefers-reduced-motion: reduce) {
          .comparison-sticky-bar {
              will-change: auto;
          }
      }
      /* Mobil Mega Menü Stilleri */
      
      /* Mega Menu Styles */
      
      .navbar {
          position: relative;
      }
      
      .navbar .dropdown {
          position: static;
      }
      
      .navbar .dropdown-menu {
          left: 0;
          right: 0;
          top: 100%;
          margin: 0;
          padding: 0;
          border: none;
          border-radius: 0;
      }
      
      .navbar .dropdown-menu>.container {
          position: relative;
          padding-top: 2rem;
          padding-bottom: 2rem;
      }
      
      .navbar .nav-link-custom:hover {
          color: var(--white) !important;
          background-color: var(--primary-blue-light) !important;
      }
      
      .navbar .dropdown-menu>hr {
          margin: 0rem 0 !important;
      }
      /* Hover to show dropdown */
      
      .navbar .dropdown.is-open .dropdown-menu {
          display: block;
      }
      
      .progress-bar {
          background-color: #0099FF !important;
      }
      
      .banner-reklami {
          width: 100%;
          margin: 0 auto;
          display: block;
          border-radius: 5px;
      }
      /* Offcanvas Menu Hover Effect */
      
      #categoryOffcanvas .list-group-item-action:hover {
          background-color: var(--ice-blue) !important;
          color: var(--primary-blue);
          transition: all 0.2s ease-in-out;
      }
      /* Category Navigation Styles */
      
      .nav-link-custom {
          transition: all 0.3s ease;
          position: relative;
      }
      
      .category-nav {
          background-color: var(--white);
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
          padding: 0.5rem 0;
      }
      
      .category-nav .nav-link {
          color: var(--gray-700);
          padding: 0.75rem 1rem;
          font-size: 0.95rem;
          font-weight: 500;
          transition: all 0.2s ease;
          border-radius: 0.25rem;
      }
      
      .category-nav .nav-link i {
          margin-right: 0.5rem;
          font-size: 1.1rem;
          vertical-align: -2px;
      }
      
      .category-nav .nav-link:hover {
          color: var(--primary-blue);
          background-color: var(--sky-blue);
          transform: translateY(-1px);
      }
      /* Navbar Toggler Styles */
      
      .navbar-toggler {
          border: 1px solid var(--gray-200);
          padding: 0.5rem 1rem;
          font-size: 0.9rem;
          border-radius: 0.375rem;
          color: var(--gray-700);
          background-color: var(--white);
          transition: all 0.2s ease;
      }
      
      .navbar-toggler:hover {
          background-color: var(--gray-100);
          border-color: var(--gray-300);
      }
      
      .navbar-toggler i {
          margin-right: 0.5rem;
          font-size: 1.2rem;
          vertical-align: -3px;
      }
      /* Offcanvas Styles */
      
      .offcanvas {
          max-width: 300px;
          background-color: var(--white);
      }
      
      .offcanvas-header {
          background: linear-gradient(135deg, var(--primary-blue) 0%, var(--primary-blue-dark) 100%);
          padding: 1.25rem 1.5rem;
          color: var(--white);
      }
      
      .offcanvas-title {
          font-size: 1.1rem;
          font-weight: 600;
          letter-spacing: 0.5px;
      }
      
      .offcanvas .btn-close {
          filter: brightness(0) invert(1);
          opacity: 0.8;
          transition: opacity 0.2s;
      }
      
      .offcanvas .btn-close:hover {
          opacity: 1;
      }
      
      .offcanvas .list-group-item {
          color: var(--gray-700);
          padding: 0.875rem 1rem;
          border-radius: 0.375rem;
          transition: all 0.2s ease;
          margin-bottom: 0.25rem;
      }
      
      .offcanvas .list-group-item:hover {
          color: var(--primary-blue);
          background-color: var(--sky-blue);
          transform: translateX(4px);
      }
      
      .offcanvas .list-group-item i {
          margin-right: 0.75rem;
          width: 1.5rem;
          text-align: center;
          font-size: 1.1rem;
      }
      /* Yıldız Konteyner */
      
      .stars-container {
          display: inline-flex;
          gap: 0.3rem;
          font-size: 1.2rem;
      }
      
      .stars-container i {
          cursor: pointer;
          transition: all 0.2s ease;
      }
      
      .stars-container i:hover,
      .stars-container i.active {
          transform: scale(1.1);
          filter: drop-shadow(0 0 3px rgba(255, 193, 7, 0.5));
      }
      /* Değerlendirme Detayları */
      
      .rating-details {
          border-left: 4px solid #ffc107;
      }
      
      .rating-details .progress {
          background-color: #e9ecef;
      }
      
      .rating-details small {
          font-size: 0.85rem;
      }
      /* Responsive */
      
      @media (max-width: 768px) {
          .stars-container {
              font-size: 1rem;
          }
          .rating-details .row>div {
              margin-bottom: 1rem;
          }
      }
      /* Ürün Resim Container */
      /* .urun-resim-container { */
      /* background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); */
      /* } */
      /* Responsive Adjustments */
      
      @media (max-width: 991.98px) {
          .category-nav {
              padding: 0.75rem 0;
          }
          .navbar-toggler {
              margin-left: auto;
          }
      }
      /* Header & Navigation */
      
      .main-header {
          background: var(--white);
          box-shadow: var(--shadow-sm);
          /* position: sticky;*/
          top: 0;
          z-index: 1000;
          border-bottom: 3px solid var(--primary-blue);
      }
      
      .main-header a {
          text-decoration: none;
      }
      
      .logo-section {
          display: flex;
          align-items: center;
          gap: 12px;
      }
      
      .logo-icon {
          width: 48px;
          height: 48px;
          background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);
          border-radius: 12px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 24px;
          color: var(--white);
          box-shadow: var(--shadow-md);
      }
      
      .logo-text {
          display: flex;
          flex-direction: column;
      }
      
      .logo-title {
          font-size: 22px;
          font-weight: 800;
          color: var(--navy);
          letter-spacing: -0.5px;
      }
      
      .logo-subtitle {
          font-size: 11px;
          color: var(--gray-500);
          font-weight: 500;
          letter-spacing: 0.5px;
      }
      
      .product-search-results {
          position: absolute;
          z-index: 1100;
          top: calc(100% + 8px);
          left: 0;
          right: 0;
          max-height: 680px;
          overflow-y: auto;
          background: var(--white);
          border: 1px solid var(--gray-100);
          border-radius: 14px;
          box-shadow: var(--shadow-lg);
      }

      .product-search-result {
          display: flex;
          align-items: center;
          min-height: 68px;
          padding: 10px 14px;
          color: inherit;
          text-decoration: none;
          border-bottom: 1px solid var(--gray-100);
      }

      .product-search-result:last-child {
          border-bottom: 0;
      }

      .product-search-result:hover,
      .product-search-result.is-active {
          background: var(--ice-blue);
      }

      .product-search-highlight {
          color: #111827;
          font-weight: 800;
      }

      .product-search-empty {
          padding: 18px;
          color: var(--gray-500);
          text-align: center;
      }
      
      .header-actions {
          display: flex;
          gap: 15px;
      }
      
      .header-btn {
          padding: 10px 20px;
          border-radius: 8px;
          font-size: 14px;
          font-weight: 600;
          text-decoration: none;
          transition: all 0.3s ease;
          display: flex;
          align-items: center;
          gap: 8px;
      }
      
      .btn-outline {
          border: 2px solid var(--primary-blue);
          color: var(--primary-blue);
          background: transparent;
      }
      
      .btn-outline:hover {
          background: var(--primary-blue);
          color: var(--white);
      }
      
      .btn-primary-custom {
          background: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);
          color: var(--white);
          border: none;
      }
      
      .btn-primary-custom:hover {
          transform: translateY(-2px);
          box-shadow: var(--shadow-md);
      }
      /* Category Navigation */
      
      .category-nav {
          background: var(--white);
          border-bottom: 1px solid var(--gray-100);
          box-shadow: var(--shadow-sm);
      }
      
      .category-tab:hover {
          color: var(--primary-blue);
          background: var(--sky-blue);
      }
      
      .category-tab.active {
          color: var(--primary-blue);
          border-bottom-color: var(--primary-blue);
          background: var(--sky-blue);
      }
      
      .category-tab i {
          margin-right: 8px;
      }
      /* Breadcrumb */
      
      .breadcrumb-section {
          background: var(--white);
          padding: 12px 0;
          border-bottom: 1px solid var(--gray-100);
      }
      /* Page Title */
      
      .page-title {
          font-size: 32px;
          font-weight: 800;
          color: var(--navy);
          margin-bottom: 10px;
          letter-spacing: -0.5px;
      }
      /* Animations */
      
      @keyframes slideInFromTop {
          from {
              opacity: 0;
              transform: translateY(-20px);
          }
          to {
              opacity: 1;
              transform: translateY(0);
          }
      }
      
      @keyframes fadeInScale {
          from {
              opacity: 0;
              transform: scale(0.9);
          }
          to {
              opacity: 1;
              transform: scale(1);
          }
      }
      
      .animate-slide-in {
          animation: slideInFromTop 0.6s ease-out;
      }
      
      .animate-fade-scale {
          animation: fadeInScale 0.6s ease-out;
      }
      /* Temel Özellikler */
      
      .urun-ozellikler-baslik {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 12px 10px;
          text-align: center;
          font-size: 13px;
          color: #555555;
          min-height: 50px;
      }
      /* Breadcrumb Stili */
      
      .breadcrumb-section {
          background-color: #f8f9fa;
          padding: 1rem 0;
          border-bottom: 1px solid #dee2e6;
          margin-bottom: 2rem;
      }
      
      .breadcrumb-fix {
          display: flex;
          align-items: center;
          gap: 8px;
          font-size: 13px;
          flex-wrap: wrap;
          color: var(--gray-500);
      }
      
      .breadcrumb-fix a {
          color: #0d6efd;
          text-decoration: none;
          transition: color 0.3s;
      }
      
      .breadcrumb-fix a:hover {
          color: #0d6efd;
      }
      
      .breadcrumb-fix .active {
          color: #6c757d;
          font-weight: 500;
      }
      
      .fs1 {
          font-size: 0.600rem !important;
      }
      
      .fs2 {
          font-size: 0.700rem !important;
      }
      
      .fs3 {
          font-size: 0.800rem !important;
      }
      
      .fs4 {
          font-size: 0.900rem !important;
      }
      
      .fs5 {
          font-size: 1rem !important;
      }
      
      .fs6 {
          font-size: 1.1rem !important;
      }
      /* Tablo Stili */
      
      .table tbody tr:hover {
          background-color: #f8f9fa;
      }
      
      .table-hover tbody tr {
          transition: background-color 0.2s ease;
      }
      
      table tbody tr:last-child {
          border-style: none !important;
      }
      /* Badge Stili */
      
      .badge {
          font-size: 0.85rem;
          padding: 0.5rem 0.75rem;
      }
      
      .karsilastirma-tablo-baslik {
          background: linear-gradient(135deg, #1f2937 0%, #374151 100%) !important;
          color: #ffffff !important;
          font-weight: 600;
      }
      
      .karsilastirma-tablo-kategori-baslik {
          background-color: #f0f4f8 !important;
          color: #1f2937 !important;
          font-weight: 500;
      }
      
      .link-dashed-fixed,
      .link-dashed-fixed:link,
      .link-dashed-fixed:visited,
      .link-dashed-fixed:hover,
      .link-dashed-fixed:focus,
      .link-dashed-fixed:focus-visible,
      .link-dashed-fixed:active {
          color: inherit !important;
          text-decoration: none;
      }
      
      .link-dashed-fixed:hover {
          color: var(--primary-blue-light) !important;
      }

  .link-dashed-fixed {
      /*border-bottom: 1px dashed currentColor;*/
    padding-bottom: 0px;
}


/* Tablo satır stilleri */
      
      .table tr {
          border-bottom: 1px solid #e5e7eb !important;
          transition: all 0.2s ease;
      }
      
      .table th,
      .table td {
          vertical-align: middle;
          padding: 0.5rem;
      }
      
      .table h4 {
          font-size: 1.1rem;
          color: #1f2937;
          margin: 0.5rem 0;
          display: flex;
          align-items: center;
          gap: 0.5rem;
          padding-bottom: 0.75rem;
          /* border-bottom: 2px solid #60a5fa; */
      }

      /* Cursor Pointer */
      
      .cursor-pointer {
          cursor: pointer;
      }
      /* Responsive Table */
      
      @media (max-width: 768px) {
          .table {
              font-size: 0.85rem;
          }
          .table th,
          .table td {
              padding: 0.5rem;
          }
          .badge {
              font-size: 0.75rem;
          }
      }
      /* Button Styles */
      
      .btn {
          transition: all 0.3s ease;
      }
      
      .btn:hover {
          transform: translateY(-2px);
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      }
      /* Karşılaştırma Tablosu CSS */
      
      .comparison-table-wrapper {
          border: 1px solid #dce7f0;
          border-radius: 8px;
          overflow: hidden;
          background: #ffffff;
      }
      
      .comparison-category {
          border-bottom: 1px solid #f0f0f0;
      }
      
      .comparison-category:last-child {
          border-bottom: none;
      }
      /* Kategori Başlığı - 3 kolon (label + 2 ürün) */
      
      .category-header-row {
          background: linear-gradient(90deg, #0066CC 0%, #0099FF 100%);
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          gap: 0;
          border-bottom: 2px solid #0052a3;
      }
      
      .category-name {
          color: white;
          font-weight: 700;
          font-size: 14px;
          display: flex;
          align-items: center;
          padding: 16px 12px;
          letter-spacing: 0.3px;
      }
      /* Spec Satırı - 3 kolon */
      
      .spec-row:hover {
          background-color: #f5f9ff;
      }

      .comparison-best-value {
          color: inherit;
          font-weight: 800 !important;
      }

      .comparison-result-card {
          overflow: hidden;
          border: 1px solid #dce7f0 !important;
      }

      .comparison-result-header {
          display: flex;
          align-items: flex-start;
          justify-content: space-between;
          gap: 16px;
          padding: 20px 22px;
          background: #ffffff;
          border-bottom: 1px solid #e6edf5;
      }

      .comparison-result-eyebrow {
          display: block;
          margin-bottom: 4px;
          color: #0066cc;
          font-size: 0.72rem;
          font-weight: 800;
          letter-spacing: 0;
      }

      .comparison-result-count {
          flex: 0 0 auto;
          padding: 6px 10px;
          border: 1px solid #dce7f0;
          border-radius: 6px;
          background: #f7fbff;
          color: #344054;
          font-size: 0.78rem;
          font-weight: 700;
      }

      .comparison-scoreboard {
          display: grid;
          grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
          align-items: center;
          gap: 14px;
          padding: 18px 22px 16px;
          background: linear-gradient(180deg, #ffffff 0%, #f7fbff 100%);
          border-bottom: 1px solid #e6edf5;
      }

      .comparison-scoreboard-product {
          display: flex;
          min-width: 0;
          flex-direction: column;
          gap: 4px;
      }

      .comparison-scoreboard-product-left {
          align-items: flex-end;
          text-align: right;
      }

      .comparison-scoreboard-product-right {
          align-items: flex-start;
          text-align: left;
      }

      .comparison-scoreboard-name {
          min-width: 0;
          color: #1f2937;
          font-size: .95rem;
          font-weight: 800;
          line-height: 1.3;
          overflow-wrap: anywhere;
      }

      .comparison-scoreboard-label {
          color: #667085;
          font-size: .76rem;
          font-weight: 700;
      }

      .comparison-scoreboard-product.is-leading .comparison-scoreboard-name,
      .comparison-scoreboard-product.is-leading .comparison-scoreboard-label {
          color: #075db8;
      }

      .comparison-scoreboard-score {
          display: inline-grid;
          grid-template-columns: 1fr;
          justify-items: center;
          align-items: center;
          gap: 5px;
          min-width: 166px;
          padding: 10px 16px 11px;
          border: 1px solid #cfe3f8;
          border-radius: 8px;
          background: #ffffff;
          box-shadow: 0 10px 24px rgba(7, 93, 184, .12);
          color: #0f172a;
          font-weight: 900;
          line-height: 1;
          text-align: center;
      }

      .comparison-score-caption {
          color: #475467;
          font-size: .68rem;
          font-weight: 800;
          line-height: 1.1;
      }

      .comparison-score-values {
          display: inline-grid;
          grid-template-columns: 1fr auto 1fr;
          align-items: center;
      }

      .comparison-score-number {
          min-width: 2ch;
          font-size: clamp(1.9rem, 4.4vw, 2.8rem);
          font-variant-numeric: tabular-nums;
      }

      .comparison-score-separator {
          padding: 0 8px;
          color: #98a2b3;
          font-size: clamp(1.35rem, 3.6vw, 2.1rem);
      }

      .comparison-scoreboard.is-complete .comparison-scoreboard-score {
          animation: comparison-score-pop .42s ease both;
      }

      .comparison-scoreboard-meta {
          grid-column: 1 / -1;
          display: grid;
          gap: 4px;
          color: #667085;
          font-size: .78rem;
          font-weight: 650;
          text-align: center;
      }

      @keyframes comparison-score-pop {
          0% { transform: scale(.98); }
          55% { transform: scale(1.035); }
          100% { transform: scale(1); }
      }

      .comparison-result-verdict {
          display: flex;
          align-items: flex-start;
          gap: 10px;
          padding: 14px 22px;
          background: #f7fbff;
          border-bottom: 1px solid #e6edf5;
          color: #344054;
          font-size: 0.92rem;
          line-height: 1.55;
      }

      .comparison-result-verdict i {
          margin-top: 2px;
          color: #0066cc;
          font-size: 1.05rem;
      }

      .comparison-result-table-wrap {
          width: 100%;
          overflow: hidden;
      }

      .comparison-result-table {
          width: 100%;
          table-layout: fixed;
          border-collapse: collapse;
      }

      .comparison-result-table th,
      .comparison-result-table td {
          padding: 14px 16px;
          overflow-wrap: anywhere;
          vertical-align: middle;
      }

      .comparison-result-table thead th {
          border-bottom: 1px solid #dce7f0;
          background: #f8fafc;
          color: #475467;
          font-size: 0.78rem;
          font-weight: 800;
          line-height: 1.35;
      }

      .comparison-result-table thead th:first-child {
          padding-right: 30px;
          text-align: right;
      }

      .comparison-result-table thead th:last-child {
          padding-left: 30px;
          text-align: left;
      }

      .comparison-result-table .comparison-result-feature-heading {
          width: 100%;
          padding: 13px 16px 8px;
          background: #fcfdff;
          color: #1f2937;
          font-size: 0.88rem;
          font-weight: 750;
          text-align: center;
      }

      .comparison-result-table .comparison-result-feature-heading small {
          display: block;
          margin-top: 3px;
          color: #667085;
          font-size: 0.72rem;
          font-weight: 600;
      }

      .comparison-result-table tbody td {
          width: 50%;
          padding-top: 8px;
          padding-bottom: 14px;
          color: #344054;
          font-size: 0.88rem;
      }

      .comparison-result-table .comparison-result-winning-value {
          color: #0f172a;
          font-weight: 800;
      }

      .comparison-result-table .comparison-result-values td:first-child {
          padding-left: 16px;
          padding-right: 30px;
          text-align: right;
      }

      .comparison-result-table .comparison-result-values td:last-child {
          padding-left: 30px;
          padding-right: 16px;
          text-align: left;
      }

      .comparison-result-winner {
          display: inline-flex;
          align-items: center;
          gap: 6px;
          color: #12633a;
          font-size: 0.82rem;
          font-weight: 800;
          line-height: 1.35;
      }

      .comparison-result-winner i {
          flex: 0 0 auto;
          color: #198754;
          font-size: 1rem;
      }

      @media (max-width: 767.98px) {
          .comparison-result-header {
              display: block;
              padding: 18px 16px;
          }

          .comparison-result-count {
              display: inline-block;
              margin-top: 12px;
          }

          .comparison-result-verdict {
              padding: 13px 16px;
          }

          .comparison-scoreboard {
              grid-template-columns: 1fr;
              gap: 10px;
              padding: 16px;
              text-align: center;
          }

          .comparison-scoreboard-product,
          .comparison-scoreboard-product-right {
              align-items: center;
              text-align: center;
          }

          .comparison-scoreboard-score {
              justify-self: center;
              min-width: 132px;
          }

          .comparison-result-table,
          .comparison-result-table tbody,
          .comparison-result-table tr,
          .comparison-result-table th,
          .comparison-result-table td {
              display: block;
              width: 100%;
          }

          .comparison-result-table thead {
              display: none;
          }

          .comparison-result-table tr {
              padding: 12px 16px;
              border-bottom: 1px solid #e6edf5 !important;
          }

          .comparison-result-table tr:last-child {
              border-bottom: 0 !important;
          }

          .comparison-result-table th,
          .comparison-result-table td {
              padding: 5px 0;
              border: 0;
              background: transparent;
          }

          .comparison-result-table td {
              display: block;
          }

          .comparison-result-table thead th:first-child,
          .comparison-result-table thead th:last-child {
              text-align: inherit;
          }

          .comparison-result-table .comparison-result-feature-heading {
              display: block;
              padding: 5px 0 8px;
              background: transparent;
              text-align: center;
          }

          .comparison-result-table .comparison-result-feature-row {
              padding-bottom: 4px;
              border-bottom: 0 !important;
          }

          .comparison-result-table .comparison-result-values {
              display: grid;
              grid-template-columns: repeat(2, minmax(0, 1fr));
              gap: 0;
              padding-top: 0;
          }

          .comparison-result-table .comparison-result-values td {
              width: 100%;
              min-width: 0;
              padding: 8px 7px;
              border-right: 1px solid #e6edf5;
              text-align: left;
              overflow-wrap: anywhere;
          }

          .comparison-result-table .comparison-result-values td:first-child {
              padding-left: 7px;
              padding-right: 14px;
              text-align: right;
          }

          .comparison-result-table .comparison-result-values td:last-child {
              padding-left: 14px;
              padding-right: 7px;
              border-right: 0;
              text-align: left;
          }

          .comparison-result-table .comparison-result-values td::before {
              min-height: 2.7rem;
              font-size: 0.68rem;
          }

          .comparison-result-table .comparison-result-winner {
              align-items: flex-start;
              font-size: 0.76rem;
          }

          .comparison-result-table td::before {
              content: attr(data-label);
              display: block;
              width: 100%;
              margin-bottom: 4px;
              color: #667085;
              font-size: 0.72rem;
              font-weight: 750;
              line-height: 1.35;
          }
      }
      
      .spec-row:last-child {
          border-bottom: none;
      }
      /* Özellik Etiketi */
      
      .spec-label {
          font-weight: 600;
          color: #333333;
          font-size: 14px;
          padding: 14px 12px;
          display: flex;
          align-items: center;
          background-color: #fafbfc;
          border-right: 1px solid #dce7f0;
          line-height: 1.4;
      }
      /* Spec Değeri */
      
      .spec-value {
          display: flex;
          justify-content: center;
          align-items: center;
          padding: 12px 10px;
          text-align: center;
          font-size: 13px;
          color: #555555;
          background-color: #f8fbff;
          border-right: 1px solid #dce7f0;
          min-height: 50px;
      }
      
      .spec-value:last-child {
          border-right: none;
      }
      
      .spec-value.product-1,
      .spec-value.product-2,
      .spec-value.product-3 {
          background-color: #f8fbff;
      }
      
      .value-text {
          display: block;
          word-break: break-word;
          font-weight: 500;
          line-height: 1.3;
      }
      /* Responsive - Tablet */
      
      @media (max-width: 1024px) {
          .category-header-row,
          .spec-row,
          .header-row {
              grid-template-columns: 1fr 1fr 1fr;
          }
      }
      /* Responsive - Mobile */
      
      @media (max-width: 768px) {
          .comparison-table-wrapper {
              border-radius: 4px;
          }
          .category-header-row,
          .spec-row,
          .header-row {
              grid-template-columns: 100%;
              gap: 0;
          }
          .spec-label {
              grid-column: 1;
              border-right: none;
              border-bottom: 1px solid #dce7f0;
              font-weight: 700;
              padding: 10px 10px;
          }
          .spec-value,
          .header-product {
              grid-column: 1;
              width: 100%;
              border-right: none;
              border-bottom: 1px solid #f0f0f0;
          }
          .category-name,
          .header-label {
              grid-column: 1;
              border-right: none;
          }
          .category-name {
              padding: 12px 10px;
              font-size: 13px;
          }
          .product-header-content {
              font-size: 0.75rem;
          }
          .spec-value {
              min-height: auto;
              padding: 10px;
          }
      }
      /* Toggle Farkları Göster */
      
      .spec-row.hidden {
          display: none;
      }
      
      .category-header-row.hidden {
          display: none;
      }
      /* Button Stilleri */
      
      #tooglefarkbuton {
          position: fixed;
          bottom: 2rem;
          right: 2rem;
          z-index: 1090;
          isolation: isolate;
          padding: 10px 16px;
          font-size: 13px;
          font-weight: 600;
          color: white;
          background-color: #0066CC;
          border: 1px solid #0066CC;
          border-radius: 50px;
          cursor: pointer;
          transition: all 0.3s ease;
          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
      }
      
      #tooglefarkbuton:hover {
          background-color: #0052a3;
          border-color: #0052a3;
          box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
          transform: translateY(-2px);
      }
      
      #tooglefarkbuton.active {
          background-color: #28a745;
          border-color: #28a745;
      }
      
      @media (max-width: 768px) {
          #tooglefarkbuton {
              bottom: 1rem;
              right: 1rem;
              padding: 8px 14px;
              font-size: 12px;
          }
      }
      /* Başlık Stili */
      
      .comparison-header {
          margin-bottom: 20px;
          display: flex;
          justify-content: space-between;
          align-items: center;
      }
      
      .comparison-header h4 {
          font-size: 18px;
          font-weight: 700;
          color: #333333;
          margin: 0;
      }
      
      .comparison-header i {
          color: #0066CC;
      }

      body.has-compare-bar {
          padding-bottom: 112px;
      }

      .compare-memory-bar {
          position: fixed;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 1045;
          padding: 12px;
          background: rgba(255, 255, 255, 0.96);
          border-top: 1px solid #dce7f0;
          box-shadow: 0 -6px 22px rgba(0, 0, 0, 0.14);
          backdrop-filter: blur(10px);
          opacity: 1;
          transform: translateY(0);
          will-change: transform, opacity;
      }

      .compare-memory-bar.is-leaving {
          pointer-events: none;
      }

      .compare-memory-bar-inner {
          width: min(1120px, 100%);
          margin: 0 auto;
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 16px;
      }

      .compare-bar-products {
          min-width: 0;
          display: grid;
          grid-template-columns: repeat(2, minmax(0, 1fr));
          gap: 10px;
          flex: 1;
      }

      .compare-bar-product {
          min-width: 0;
          display: flex;
          align-items: center;
          gap: 10px;
          position: relative;
          padding: 8px 38px 8px 10px;
          border: 1px solid #dce7f0;
          border-radius: 8px;
          background: #f8fbff;
      }

      .compare-bar-product img {
          width: 42px;
          height: 42px;
          object-fit: contain;
          flex: 0 0 auto;
      }

      .compare-bar-product span {
          min-width: 0;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          font-weight: 700;
          font-size: 14px;
          color: #243447;
      }

      .compare-bar-product-remove {
          position: absolute;
          top: 50%;
          right: 8px;
          width: 24px;
          height: 24px;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          padding: 0;
          border: 1px solid #d7dde5;
          border-radius: 50%;
          color: #6c757d;
          background: #ffffff;
          line-height: 1;
          transform: translateY(-50%);
      }

      .compare-bar-product-remove:hover,
      .compare-bar-product-remove:focus {
          color: #dc3545;
          border-color: #dc3545;
          outline: none;
      }

      .compare-bar-actions {
          display: flex;
          align-items: center;
          gap: 10px;
          flex: 0 0 auto;
      }

      @media (max-width: 768px) {
          body.has-compare-bar {
              padding-bottom: 204px;
          }

          .compare-memory-bar-inner {
              align-items: stretch;
              flex-direction: column;
              gap: 10px;
          }

          .compare-bar-products {
              grid-template-columns: 1fr;
          }

          .compare-bar-actions {
              display: grid;
              grid-template-columns: 1fr 1fr;
          }
      }
.site-section-card,
.product-section-card,
.product-rating-card {
    overflow: hidden;
    border-radius: .5rem;
    background: #fff;
}

.active-filters {
    border: 1px solid #dee2e6;
    background: #fff;
}

.active-filter-chip {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    gap: .35rem;
}

.active-filter-chip .btn-close {
    width: .55rem;
    height: .55rem;
    padding: .15rem;
    filter: none;
    opacity: .75;
}

.active-filter-chip:hover .btn-close,
.active-filter-chip:focus-within .btn-close {
    opacity: 1;
}

@media (min-width: 992px) {
    .search-filter-panel {
        position: sticky;
        top: 1rem;
        max-height: calc(100vh - 2rem);
        overflow: auto;
    }
}

.site-section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid #e2e8f0;
}

.site-section-header--simple {
    min-height: 4rem;
}

.site-section-header-title {
    margin: 0;
    color: #0f172a;
    font-weight: 750;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.site-section-header > *,
.product-section-header > * {
    min-width: 0;
}

.site-flash-container {
    width: 100%;
    max-width: 1320px;
    margin-right: auto;
    margin-left: auto;
    padding-right: 1rem;
    padding-left: 1rem;
}

#degerlendirmeler > .site-flash-container,
#yorumlar > .site-flash-container {
    max-width: none;
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}

.product-section-header,
.product-rating-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #e2e8f0;
}

.product-section-kicker,
.product-rating-kicker {
    display: block;
    margin-bottom: .25rem;
    color: #087a55;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: 0;
}

.product-section-count,
.product-rating-count,
.product-rating-own-badge {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    flex: 0 0 auto;
    border: 1px solid #cbd5e1;
    border-radius: .4rem;
    background: #f8fafc;
    color: #334155;
    padding: .45rem .7rem;
    font-size: .88rem;
    font-weight: 700;
}

.product-spec-section {
    overflow: visible;
    border-radius: 0;
    background: transparent;
}

.product-spec-section .product-section-header {
    margin-bottom: 1rem;
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
    background: #ffffff;
}

.product-spec-section-body {
    background: transparent;
}

.product-spec-group {
    margin-bottom: 1rem;
}

.product-spec-card {
    height: calc(100% - 1rem);
    overflow: hidden;
    border: 1px solid #dbe5ef;
    border-radius: .5rem;
    background: #ffffff;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .06);
}

.product-spec-title {
    display: flex;
    align-items: center;
    gap: .75rem;
    margin: 0;
    padding: .95rem 1rem;
    border-bottom: 1px solid #dbe5ef;
    background: linear-gradient(135deg, #f8fafc 0%, #eef7f3 100%);
    color: #0f172a;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.25;
}

.product-spec-title-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border-radius: .4rem;
    background: #0f766e;
    color: #ffffff;
    font-size: .95rem;
}

.product-spec-table-wrap {
    overflow-x: auto;
}

.product-spec-table {
    min-width: 100%;
    margin: 0;
    table-layout: fixed;
}

.product-spec-table tbody tr.product-spec-row {
    border-bottom: 1px solid #edf2f7 !important;
    transition: background-color .18s ease;
}

.product-spec-table tbody tr.product-spec-row:last-child {
    border-bottom: 0 !important;
}

.product-spec-table tbody tr.product-spec-row:hover {
    background-color: #f8fbfd;
}

.product-spec-table th.product-spec-label,
.product-spec-table td.product-spec-value {
    vertical-align: top;
    padding: .8rem 1rem;
}

.product-spec-table th.product-spec-label {
    width: 46%;
    border-right: 1px solid #e2e8f0;
    background: #f8fafc !important;
    color: #334155 !important;
    font-size: .88rem;
    font-weight: 750;
    line-height: 1.35;
}

.product-spec-table td.product-spec-value {
    color: #0f172a;
    font-size: .92rem;
    font-weight: 650;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

.product-spec-link {
    color: #0f766e;
    text-decoration: none;
    border-bottom: 1px dashed rgba(15, 118, 110, .35);
    transition: color .18s ease, border-color .18s ease;
}

.product-spec-link:hover,
.product-spec-link:focus {
    color: #0d6efd;
    border-bottom-color: rgba(13, 110, 253, .5);
}

.product-spec-list {
    display: grid;
    gap: .35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.product-spec-list-item {
    margin: 0;
}

.comparison-spec-card {
    height: auto;
    margin-bottom: 1rem;
}

.comparison-spec-title {
    background: linear-gradient(135deg, #f8fafc 0%, #eef7f3 100%);
}

.comparison-spec-table {
    table-layout: fixed;
}

.comparison-spec-table thead th {
    padding: .75rem 1rem;
    border-bottom: 1px solid #dbe5ef;
    background: #f1f5f9;
    color: #334155;
    font-size: .78rem;
    font-weight: 850;
    line-height: 1.3;
    vertical-align: middle;
    overflow-wrap: anywhere;
}

.comparison-spec-feature-head {
    width: 32%;
    border-right: 1px solid #dbe5ef;
}

.comparison-spec-product-head {
    width: 34%;
    border-right: 1px solid #dbe5ef;
}

.comparison-spec-product-head:last-child {
    border-right: 0;
}

.product-spec-table th.comparison-spec-label {
    width: 32%;
}

.product-spec-table td.comparison-spec-value {
    width: 34%;
    border-right: 1px solid #e2e8f0;
    background: #ffffff;
}

.product-spec-table td.comparison-spec-value:last-child {
    border-right: 0;
}

.comparison-spec-value-text {
    color: #0f172a;
    font-weight: 650;
}

.comparison-spec-value-text ul {
    display: grid;
    gap: .35rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.comparison-spec-table .comparison-best-value {
    display: inline-block;
    padding: .18rem .4rem;
    border-radius: .35rem;
    background: #e9f8ef;
    color: #12633a;
    box-shadow: inset 0 0 0 1px rgba(25, 135, 84, .18);
}

.product-rating-main {
    display: grid;
    grid-template-columns: minmax(190px, 1fr) minmax(0, 3fr);
    min-width: 0;
}

.product-rating-summary {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    min-width: 0;
    padding: 1.5rem;
    border-right: 1px solid #e2e8f0;
    background: #f8fafc;
    text-align: center;
}

.product-rating-score {
    display: grid;
    place-items: center;
    align-content: center;
    width: 126px;
    aspect-ratio: 1;
    margin-bottom: .75rem;
    border: 7px solid #1671cf;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 10px 24px rgba(15, 72, 126, .12);
}

.product-rating-score strong {
    color: #0f172a;
    font-size: 2.25rem;
    line-height: 1;
}

.product-rating-score span {
    margin-top: .3rem;
    color: #64748b;
    font-size: .88rem;
    font-weight: 700;
}

.product-rating-verdict {
    color: #0f172a;
    font-size: 1.04rem;
}

.product-rating-action {
    min-width: 0;
    padding: 1.5rem;
}

.product-rating-own-badge {
    border-color: #b8dfcf;
    background: #edf9f4;
    color: #087a55;
}

.product-rating-scale {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    gap: .45rem;
    min-width: 0;
}

.product-rating-option {
    min-width: 0;
    cursor: pointer;
}

.product-rating-option span {
    display: grid;
    place-items: center;
    width: 100%;
    min-width: 0;
    aspect-ratio: 1;
    border: 1px solid #cbd5e1;
    border-radius: .4rem;
    background: #fff;
    color: #334155;
    font-weight: 800;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, transform .16s ease;
}

.product-rating-option:hover span {
    border-color: #1671cf;
    color: #075db8;
    transform: translateY(-2px);
}

.product-rating-option input:focus-visible + span {
    outline: 3px solid rgba(22, 113, 207, .24);
    outline-offset: 2px;
}

.product-rating-option input:checked + span {
    border-color: #075db8;
    background: #075db8;
    color: #fff;
    box-shadow: 0 6px 14px rgba(7, 93, 184, .2);
}

.product-rating-form-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1rem;
}

.product-rating-form-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: .55rem;
    flex: 0 0 auto;
}

.product-rating-selection {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    min-width: 0;
    color: #526174;
    font-weight: 700;
}

.product-rating-selection i {
    color: #12966a;
}

.product-rating-delete-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .4rem;
    border: 1px solid #f1b8b8;
    border-radius: .4rem;
    background: #fff;
    color: #a92323;
    min-height: 38px;
    padding: .45rem .75rem;
    font: inherit;
    font-size: .9rem;
    font-weight: 700;
    line-height: 1.2;
    white-space: nowrap;
    transition: border-color .16s ease, background-color .16s ease, color .16s ease, box-shadow .16s ease, transform .16s ease;
}

.product-rating-delete-button:hover {
    border-color: #dc4c4c;
    background: #fff7f7;
    color: #8f1d1d;
    box-shadow: 0 5px 14px rgba(169, 35, 35, .1);
    transform: translateY(-1px);
}

.product-rating-delete-button:focus-visible {
    outline: 3px solid rgba(220, 53, 69, .22);
    outline-offset: 2px;
}

.product-rating-delete-button:active {
    box-shadow: none;
    transform: translateY(0);
}

.product-rating-login {
    display: flex;
    align-items: center;
    gap: 1.1rem;
    min-height: 100%;
}

.product-rating-login-icon {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    width: 60px;
    height: 60px;
    border: 1px solid #b8dfcf;
    border-radius: 50%;
    background: #edf9f4;
    color: #087a55;
    font-size: 1.55rem;
}

.product-rating-distribution {
    padding: 1.15rem 1.5rem 1.3rem;
    border-top: 1px solid #e2e8f0;
}

.product-rating-distribution-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: .8rem;
}

.product-rating-distribution-head span {
    color: #64748b;
    font-size: .88rem;
}

.product-rating-bars {
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    align-items: end;
    gap: .75rem;
    min-width: 0;
}

.product-rating-bar-item {
    display: grid;
    grid-template-rows: 1.2rem 60px 1.25rem;
    place-items: center;
    min-width: 0;
    color: #334155;
}

.product-rating-bar-count {
    color: #64748b;
    font-size: .78rem;
}

.product-rating-bar-track {
    display: flex;
    align-items: flex-end;
    width: min(26px, 70%);
    height: 60px;
    overflow: hidden;
    border-radius: .3rem .3rem 0 0;
    background: #edf2f7;
}

.product-rating-bar-track > span {
    display: block;
    width: 100%;
    max-height: 56px;
    background: #12966a;
}

@media (max-width: 767.98px) {
    .product-section-header,
    .product-rating-header,
    .product-rating-form-footer,
    .product-rating-distribution-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .product-rating-main {
        grid-template-columns: 1fr;
    }

    .product-rating-summary {
        border-right: 0;
        border-bottom: 1px solid #e2e8f0;
    }

    .product-rating-scale,
    .product-rating-bars {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    .product-rating-bars {
        row-gap: 1rem;
    }

    .product-rating-login {
        align-items: flex-start;
    }

    .product-rating-form-footer .btn {
        width: 100%;
    }

    .product-rating-form-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .product-rating-delete-button {
        width: 100%;
    }

    .product-spec-card {
        height: auto;
        box-shadow: 0 6px 18px rgba(15, 23, 42, .05);
    }

    .product-spec-title {
        padding: .85rem .9rem;
    }

    .product-spec-table,
    .product-spec-table tbody,
    .product-spec-table tr,
    .product-spec-table th,
    .product-spec-table td {
        display: block;
        width: 100%;
    }

    .product-spec-table th.product-spec-label,
    .product-spec-table td.product-spec-value {
        padding: .65rem .9rem;
    }

    .product-spec-table th.product-spec-label {
        border-right: 0;
        border-bottom: 1px solid #edf2f7;
    }

    .product-spec-table td.product-spec-value {
        background: #ffffff;
    }

    .comparison-spec-table thead {
        display: none;
    }

    .comparison-spec-table tr.comparison-spec-row {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .product-spec-table th.comparison-spec-label {
        grid-column: 1 / -1;
        width: 100%;
    }

    .product-spec-table td.comparison-spec-value {
        width: 100%;
        border-right: 1px solid #edf2f7;
        border-bottom: 0;
    }

    .product-spec-table td.comparison-spec-value:last-child {
        border-right: 0;
    }

    .comparison-spec-value::before {
        content: attr(data-label);
        display: block;
        min-height: 2.35rem;
        margin-bottom: .4rem;
        color: #64748b;
        font-size: .72rem;
        font-weight: 800;
        line-height: 1.25;
    }

}

@media (max-width: 399.98px) {
    .product-section-header,
    .product-rating-header,
    .product-rating-action,
    .product-rating-distribution {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .product-spec-section .product-section-header {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .product-rating-login-icon {
        display: none;
    }
}

.site-comment-replies {
    border-left: 2px solid #dbe6f5;
    padding-left: 1rem;
}

.site-comment-reply {
    position: relative;
    margin-bottom: .65rem;
    padding: .8rem 1rem;
    border: 1px solid #e7edf5;
    border-radius: .85rem;
    background: #f8fafd;
}

.site-comment-reply:last-child {
    margin-bottom: 0;
}

.site-comment-meta {
    align-items: flex-start;
    flex-wrap: wrap;
}

.site-comment-date {
    display: flex;
    flex: 0 1 auto;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
    text-align: right;
    font-size: .72rem;
    line-height: 1.25;
    white-space: nowrap;
}

.site-comment-reply::before {
    content: "";
    position: absolute;
    top: 1rem;
    left: -1.08rem;
    width: .65rem;
    height: 2px;
    background: #dbe6f5;
}

.site-comment-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .35rem;
    margin-top: .65rem;
    color: #64748b;
    font-size: .84rem;
    font-weight: 600;
    line-height: 1.3;
}

.site-comment-action {
    display: inline-flex;
    align-items: center;
    gap: .28rem;
    min-height: 28px;
    margin: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    padding: .15rem 0;
    font: inherit;
    transition: color .18s ease, opacity .18s ease;
}

.site-comment-action:hover,
.site-comment-action:focus-visible {
    color: #0d6efd;
}

.site-comment-action:focus-visible {
    outline: 2px solid #93c5fd;
    outline-offset: 2px;
}

.site-comment-action i {
    font-size: .9rem;
}

.site-comment-action b {
    color: inherit;
    font-size: .78rem;
    font-weight: 700;
}

.site-comment-action.is-useful.is-active {
    color: #087a55;
}

.site-comment-action.is-not-useful.is-active {
    color: #b42318;
}

.site-comment-action.is-reply:hover,
.site-comment-action.is-reply:focus-visible {
    color: #0d6efd;
}

.site-comment-action:disabled {
    cursor: not-allowed;
    opacity: .5;
}

.site-comment-action.is-loading {
    cursor: wait;
    opacity: .6;
}

.site-comment-action-separator {
    color: #cbd5e1;
    user-select: none;
}

.site-comment-reply-context {
    display: block;
    margin-bottom: .4rem;
    color: #64748b;
    font-size: .8rem;
}

.site-more-replies-wrap {
    display: flex;
}

.site-more-replies-button {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
    border: 1px solid #cfe0f5;
    border-radius: 999px;
    background: #f5f9ff;
    color: #0d6efd;
    padding: .28rem .62rem;
    font-size: .86rem;
    font-weight: 600;
    transition: background-color .2s ease, border-color .2s ease, transform .2s ease;
}

.site-more-replies-button:hover {
    border-color: #9fc2ef;
    background: #eaf3ff;
    transform: translateY(-1px);
}

.site-more-replies-button small {
    color: #6c757d;
    font-size: .78rem;
    font-weight: 400;
}

.site-more-replies-button.is-loading {
    cursor: wait;
    opacity: .7;
}

.site-more-replies-button.is-loading i {
    animation: site-reply-loading .8s linear infinite;
}

.site-comment-reply-new {
    opacity: 0;
    transform: translateY(-12px);
    transition: opacity .35s ease, transform .35s ease;
}

.site-comment-reply-new.is-visible {
    opacity: 1;
    transform: translateY(0);
}

@keyframes site-reply-loading {
    to { transform: rotate(360deg); }
}

@media (prefers-reduced-motion: reduce) {
    .site-comment-reply-new,
    .site-more-replies-button,
    .site-more-replies-button i {
        animation: none;
        transition: none;
    }
}

@media (max-width: 399.98px) {
    .site-comment-actions {
        gap: .25rem;
        font-size: .8rem;
    }

    .site-comment-action {
        gap: .2rem;
    }
}

/* Dynamic header, mega menu and footer */
.site-header {
    position: relative;
    z-index: 1040;
    width: 100vw;
    max-width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}

.site-header-top {
    position: relative;
    z-index: 3;
    color: #fff;
    background: linear-gradient(135deg, #082f66 0%, #075db8 55%, #0879df 100%);
    box-shadow: 0 8px 25px rgba(5, 45, 94, .16);
}

.site-header-shell {
    width: 100%;
    max-width: 1320px;
}

.site-brand {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
    color: inherit;
    font-size: 1.7rem;
    font-weight: 800;
    letter-spacing: .04em;
}

.site-brand:hover { color: inherit; }

.site-brand-mark {
    display: inline-flex;
    width: 2.55rem;
    height: 2.55rem;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: .8rem;
    background: rgba(255,255,255,.14);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
}

.site-search {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 3rem;
    padding-left: 1rem;
    border: 1px solid rgba(255,255,255,.35);
    border-radius: .9rem;
    background: #fff;
    color: #64748b;
    box-shadow: 0 10px 25px rgba(3, 30, 65, .16);
}

.site-search > i { font-size: 1.05rem; }
.site-search input {
    min-width: 0;
    flex: 1;
    border: 0;
    outline: 0;
    padding: .7rem .8rem;
    background: transparent;
}

.site-search .arama_yap_buton {
    align-self: stretch;
    border: 0;
    border-radius: 0 .85rem .85rem 0;
    padding: 0 1.1rem;
    background: #eaf4ff;
    color: #075db8;
    font-weight: 700;
}

.site-header-action,
.site-mobile-menu-button {
    display: inline-flex;
    min-height: 2.7rem;
    align-items: center;
    justify-content: center;
    gap: .45rem;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: .75rem;
    background: rgba(255,255,255,.12);
    color: #fff;
    padding: .55rem .8rem;
    font-weight: 600;
}

.site-header-action:hover,
.site-mobile-menu-button:hover {
    background: rgba(255,255,255,.2);
    color: #fff;
}

.site-profile-menu-item,
.site-profile-menu-item > .dropdown-item {
    width: 100%;
}

.site-profile-menu-item > .dropdown-item {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.site-mobile-menu-button { font-size: 1.25rem; }

@media (max-width: 991.98px) {
    .site-header-action,
    .site-mobile-menu-button {
        width: 2.75rem;
        min-width: 2.75rem;
        height: 2.75rem;
        min-height: 2.75rem;
        padding: 0;
        gap: 0;
        flex: 0 0 2.75rem;
    }

    .site-header-action > span {
        display: none !important;
    }

    .site-header-action i,
    .site-mobile-menu-button i {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.25rem;
        height: 1.25rem;
        line-height: 1;
    }
}

.site-mega-nav {
    position: relative;
    z-index: 2;
    border-bottom: 1px solid #e6ebf2;
    background: rgba(255,255,255,.98);
    box-shadow: 0 8px 22px rgba(15, 23, 42, .06);
}

.site-mega-nav-list {
    display: flex;
    align-items: center;
    gap: .15rem;
    margin-inline: 0;
}

.site-mega-nav-list > :last-child {
    margin-left: auto;
}

.site-mega-item { position: static; }

.site-mega-trigger {
    display: inline-flex;
    min-height: 3.25rem;
    align-items: center;
    gap: .4rem;
    padding: 0 calc(var(--bs-gutter-x, 1.5rem) * .5);
    color: #334155;
    font-weight: 650;
    transition: color .2s ease, background .2s ease;
}

.site-mega-trigger i { font-size: .72rem; }
.site-mega-trigger:hover,
.site-mega-item:hover > .site-mega-trigger,
.site-mega-item:focus-within > .site-mega-trigger {
    background: #f0f7ff;
    color: #075db8;
}

.site-mega-panel {
    position: absolute;
    top: calc(100% - 1px);
    left: 50%;
    width: min(1120px, calc(100vw - 2rem));
    max-height: min(650px, calc(100vh - 150px));
    overflow: auto;
    visibility: hidden;
    opacity: 0;
    transform: translate(-50%, 10px);
    border: 1px solid #e4eaf2;
    border-radius: 0 0 1rem 1rem;
    background: #fff;
    box-shadow: 0 24px 55px rgba(15, 23, 42, .16);
    padding: 1.5rem;
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
}

.site-mega-item:hover .site-mega-panel,
.site-mega-item:focus-within .site-mega-panel {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, 0);
}

.site-mega-panel-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1.25rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #edf1f6;
}

.site-mega-panel-head h2 { margin: .15rem 0 0; font-size: 1.35rem; color: #0f172a; }
.site-mega-panel-head > a { color: #075db8; font-weight: 650; }
.site-mega-eyebrow { color: #64748b; font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }

.site-mega-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1rem;
}

.site-mega-group {
    min-width: 0;
    border-radius: .8rem;
    background: #f8fafc;
    padding: 1rem;
}

.site-mega-group-title {
    display: block;
    margin-bottom: .55rem;
    color: #0f172a;
    font-weight: 750;
}

.site-mega-links { display: grid; gap: .15rem; }
.site-mega-links a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: .5rem;
    border-radius: .5rem;
    color: #64748b;
    padding: .42rem .5rem;
    font-size: .92rem;
}
.site-mega-links a:hover { background: #eaf4ff; color: #075db8; }
.site-mega-links i { opacity: 0; transition: opacity .2s ease; }
.site-mega-links a:hover i { opacity: 1; }

.site-mobile-menu .offcanvas-header { border-bottom: 1px solid #e5eaf1; }
.site-mobile-menu .accordion-button { color: #1e293b; font-weight: 700; }
.site-mobile-menu .accordion-button:not(.collapsed) { background: #eef6ff; color: #075db8; box-shadow: none; }
.site-mobile-all-link { display: block; margin-bottom: 1rem; color: #075db8; font-weight: 700; }
.site-mobile-group { display: grid; gap: .45rem; margin-bottom: 1.1rem; padding-bottom: 1rem; border-bottom: 1px solid #edf1f6; }
.site-mobile-group-title { color: #0f172a; font-weight: 750; }
.site-mobile-group > a:not(.site-mobile-group-title) { color: #64748b; padding-left: .6rem; }
.site-mobile-single-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #edf1f6;
    color: #1e293b;
    padding: 1rem 1.25rem;
    font-weight: 700;
}
.site-mobile-account { display: grid; gap: .25rem; margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid #e5eaf1; }
.site-mobile-account a { display: flex; align-items: center; gap: .65rem; border-radius: .6rem; padding: .7rem; color: #334155; }
.site-mobile-account a:hover { background: #f1f5f9; }

.site-footer {
    width: 100vw;
    max-width: 100vw;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
}

.site-footer-main {
    display: grid;
    grid-template-columns: minmax(230px, 1.1fr) minmax(0, 2.4fr);
    gap: 3rem;
    padding: 3.5rem 0 2.5rem;
}

.site-brand-footer { color: #fff; }
.site-footer-brand p { max-width: 360px; margin: 1.2rem 0; color: #91a3b8; line-height: 1.75; }
.site-footer-social { display: flex; gap: .55rem; }
.site-footer-social a {
    display: inline-flex;
    width: 2.35rem;
    height: 2.35rem;
    align-items: center;
    justify-content: center;
    border: 1px solid #29425e;
    border-radius: .65rem;
    color: #c7d3e2;
}
.site-footer-social a:hover { border-color: #3b82f6; background: #0d315b; color: #fff; }

.site-footer-columns {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.5rem;
}
.site-footer-title { display: block; margin: 0 0 1rem; color: #fff; font-size: 1rem; font-weight: 750; }
.site-footer-links { display: grid; gap: .55rem; }
.site-footer-links a { color: #91a3b8; font-size: .92rem; }
.site-footer-links a:hover { color: #fff; transform: translateX(2px); }
.site-footer-group { color: #c7d3e2 !important; font-weight: 650; }
.site-footer-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-top: 1px solid #20364f;
    padding: 1.25rem 0;
    color: #8295aa;
    font-size: .9rem;
}
.site-footer-bottom a { color: #a8bad0; }
.site-footer-bottom-links { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; }

/* Yasal sayfalar */
.legal-page {
    background: #f5f7fa;
    color: #172033;
}

.legal-breadcrumb {
    display: flex;
    align-items: center;
    gap: .55rem;
    margin-bottom: 1.5rem;
    color: #68758a;
    font-size: .9rem;
}

.legal-breadcrumb a { color: #1769aa; }
.legal-breadcrumb i { font-size: .7rem; }

.legal-page-header {
    max-width: 900px;
    padding-bottom: 2.25rem;
}

.legal-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .85rem;
    color: #087f5b;
    font-size: .82rem;
    font-weight: 800;
    text-transform: uppercase;
}

.legal-page-header h1 {
    margin: 0;
    color: #12233d;
    font-size: 3.4rem;
    line-height: 1.05;
    letter-spacing: 0;
}

.legal-page-header > p {
    max-width: 760px;
    margin: 1rem 0;
    color: #536176;
    font-size: 1.08rem;
    line-height: 1.7;
}

.legal-updated {
    display: flex;
    align-items: center;
    gap: .45rem;
    color: #68758a;
    font-size: .9rem;
}

.legal-layout {
    display: grid;
    grid-template-columns: minmax(210px, 260px) minmax(0, 820px);
    gap: 3rem;
    align-items: start;
}

.legal-toc {
    position: sticky;
    top: 1rem;
    border-left: 3px solid #16835f;
    padding: .25rem 0 .25rem 1rem;
}

.legal-toc > strong {
    display: block;
    margin-bottom: .75rem;
    color: #172033;
}

.legal-toc nav { display: grid; gap: .5rem; }
.legal-toc a { color: #647187; font-size: .9rem; line-height: 1.35; }
.legal-toc a:hover { color: #087f5b; }

.legal-content {
    border-top: 1px solid #dbe2ea;
    padding-bottom: 2rem;
}

.legal-content h2 {
    scroll-margin-top: 1rem;
    margin: 0;
    padding: 2rem 0 .75rem;
    border-bottom: 1px solid #e1e7ee;
    color: #12233d;
    font-size: 1.45rem;
    line-height: 1.3;
    letter-spacing: 0;
}

.legal-content p {
    margin: 1rem 0 0;
    color: #3d4b60;
    font-size: 1rem;
    line-height: 1.85;
}

.legal-content ul {
    display: grid;
    gap: .65rem;
    margin: 1rem 0 0;
    padding-left: 1.25rem;
    color: #3d4b60;
}

.legal-content li { padding-left: .25rem; line-height: 1.7; }

@media (max-width: 991.98px) {
    .legal-layout { grid-template-columns: 1fr; gap: 1.5rem; }
    .legal-toc { position: static; }
    .legal-page-header h1 { font-size: 2.6rem; }
}

@media (max-width: 575.98px) {
    .legal-page-header { padding-bottom: 1.5rem; }
    .legal-page-header h1 { font-size: 2rem; }
    .legal-content h2 { font-size: 1.25rem; }
}

.blog-home-block,
.blog-hub-hero,
.blog-article,
.blog-related {
    margin-bottom: 1.5rem;
}

.blog-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.blog-section-head span,
.blog-eyebrow,
.blog-card-kicker {
    color: #087f5b;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.blog-section-head h2 {
    margin: .2rem 0 0;
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 800;
}

.blog-section-head > a {
    color: #075db8;
    font-weight: 750;
}

.blog-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.blog-card {
    display: flex;
    min-height: 210px;
    flex-direction: column;
    gap: .8rem;
    border: 1px solid #dbe4ef;
    border-radius: .5rem;
    background: #fff;
    padding: 1.15rem;
    color: #334155;
    box-shadow: 0 10px 24px rgba(15, 23, 42, .05);
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

.blog-card:hover {
    transform: translateY(-2px);
    border-color: #0d6efd;
    color: #334155;
    box-shadow: 0 18px 34px rgba(15, 23, 42, .12);
}

.blog-card strong {
    color: #0f172a;
    font-size: 1.08rem;
    line-height: 1.25;
}

.blog-card span:not(.blog-card-kicker) {
    color: #64748b;
    line-height: 1.55;
}

.blog-card em {
    margin-top: auto;
    color: #075db8;
    font-style: normal;
    font-weight: 750;
}

.blog-card-compact { min-height: 180px; }

.blog-hub-hero,
.blog-article-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid #dbe4ef;
    border-radius: .75rem;
    background: linear-gradient(135deg, #ffffff 0%, #f1f8ff 58%, #edfdf6 100%);
    padding: clamp(1.25rem, 3vw, 2.5rem);
}

.blog-hub-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 1.5rem;
    align-items: center;
}

.blog-hub-hero h1,
.blog-article-hero h1 {
    max-width: 880px;
    margin: .45rem 0 .75rem;
    color: #0f172a;
    font-size: clamp(2rem, 4vw, 3.8rem);
    line-height: 1;
    font-weight: 900;
}

.blog-hub-hero p,
.blog-article-hero p {
    max-width: 760px;
    margin: 0;
    color: #475569;
    font-size: 1.08rem;
    line-height: 1.7;
}

.blog-hub-stats {
    display: grid;
    min-width: 132px;
    place-items: center;
    border: 1px solid #cfe0f2;
    border-radius: .65rem;
    background: rgba(255,255,255,.78);
    padding: 1rem;
    text-align: center;
}

.blog-hub-stats strong {
    color: #075db8;
    font-size: 2.4rem;
    line-height: 1;
}

.blog-hub-stats span { color: #64748b; font-weight: 700; }

.blog-section-tabs {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.blog-section-tabs a {
    display: inline-flex;
    min-height: 2.55rem;
    align-items: center;
    gap: .45rem;
    border: 1px solid #dbe4ef;
    border-radius: .5rem;
    background: #fff;
    color: #334155;
    padding: .55rem .8rem;
    font-weight: 750;
}

.blog-section-tabs a.active,
.blog-section-tabs a:hover {
    border-color: #0d6efd;
    background: #eef6ff;
    color: #075db8;
}

.blog-section-overview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1rem;
}

.blog-section-overview a {
    display: grid;
    gap: .55rem;
    border: 1px solid #dbe4ef;
    border-radius: .5rem;
    background: #fff;
    padding: 1rem;
}

.blog-section-overview i {
    color: #087f5b;
    font-size: 1.35rem;
}

.blog-section-overview strong { color: #0f172a; }
.blog-section-overview span { color: #64748b; line-height: 1.55; }

.blog-meta {
    display: flex;
    gap: .8rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    color: #64748b;
    font-weight: 700;
}

.blog-meta span {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.blog-answer-box {
    border-left: 4px solid #087f5b;
    background: #f0fbf6;
    padding: 1.1rem 1.25rem;
}

.blog-answer-box span {
    display: block;
    margin-bottom: .35rem;
    color: #087f5b;
    font-weight: 850;
}

.blog-answer-box p {
    margin: 0;
    color: #163629;
    font-size: 1.08rem;
    line-height: 1.7;
}

.blog-article-layout {
    display: grid;
    grid-template-columns: minmax(180px, 240px) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
    background: #fff;
    border: 1px solid #e2e8f0;
    border-top: 0;
    border-radius: 0 0 .75rem .75rem;
    padding: 1.25rem;
}

.blog-toc {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: .4rem;
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
    background: #f8fafc;
    padding: 1rem;
}

.blog-toc strong {
    color: #0f172a;
    margin-bottom: .25rem;
}

.blog-toc a {
    color: #64748b;
    font-size: .95rem;
    line-height: 1.35;
}

.blog-toc a:hover { color: #075db8; }

.blog-content {
    display: grid;
    gap: 1.1rem;
    min-width: 0;
}

.blog-key-points,
.blog-comparison-table,
.blog-prose-section,
.blog-faq {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 1.1rem;
}

.blog-content h2 {
    margin: 0 0 .75rem;
    color: #0f172a;
    font-size: 1.45rem;
    font-weight: 850;
}

.blog-content p {
    margin: 0;
    color: #334155;
    font-size: 1.04rem;
    line-height: 1.85;
}

.blog-key-points ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .7rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.blog-key-points li {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
    background: #f8fafc;
    padding: .75rem;
    color: #334155;
    line-height: 1.45;
}

.blog-key-points i { color: #087f5b; margin-top: .12rem; }

.blog-comparison-table table {
    overflow: hidden;
    border-radius: .5rem;
}

.blog-comparison-table th {
    background: #0f3d63 !important;
    color: #fff;
}

.blog-comparison-table td,
.blog-comparison-table th {
    padding: .8rem;
}

.blog-faq {
    display: grid;
    gap: .65rem;
    border-bottom: 0;
}

.blog-faq details {
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
    background: #fff;
}

.blog-faq summary {
    cursor: pointer;
    padding: .9rem 1rem;
    color: #0f172a;
    font-weight: 800;
}

.blog-faq details p {
    padding: 0 1rem 1rem;
    color: #475569;
}

@media (max-width: 991.98px) {
    .site-footer-main { grid-template-columns: 1fr; gap: 2rem; }
    .site-footer-columns { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .blog-grid,
    .blog-section-overview { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .blog-hub-hero { grid-template-columns: 1fr; }
    .blog-hub-stats { place-items: start; text-align: left; }
    .blog-article-layout { grid-template-columns: 1fr; }
    .blog-toc { position: static; }
}

@media (max-width: 575.98px) {
    .site-brand { font-size: 1.35rem; }
    .site-brand-mark { width: 2.25rem; height: 2.25rem; }
    .site-footer-columns { grid-template-columns: 1fr 1fr; gap: 1.75rem 1rem; }
    .site-footer-bottom { align-items: flex-start; flex-direction: column; }
    .blog-grid,
    .blog-section-overview,
    .blog-key-points ul { grid-template-columns: 1fr; }
    .blog-card { min-height: auto; }
    .blog-section-head { align-items: flex-start; flex-direction: column; }
    .blog-article-layout { padding: 1rem; }
}

/* Bilgi Merkezi */
.knowledge-home-block,
.knowledge-hub-hero,
.knowledge-article,
.knowledge-related {
    margin-bottom: 1.5rem;
}

.knowledge-hub-hero,
.knowledge-article-hero {
    border: 1px solid #d8e2ee;
    border-radius: .5rem;
    background: #fff;
    padding: clamp(1.25rem, 3vw, 2.25rem);
}

.knowledge-hub-hero {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 170px;
    gap: 1.5rem;
    align-items: center;
    border-top: 5px solid #0d6efd;
}

.knowledge-eyebrow,
.knowledge-section-head span,
.knowledge-card-kicker {
    color: #0b5cad;
    font-size: .78rem;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.knowledge-hub-hero h1,
.knowledge-article-hero h1 {
    max-width: 900px;
    margin: .45rem 0 .75rem;
    color: #0f172a;
    font-size: clamp(2rem, 4vw, 3.4rem);
    line-height: 1.04;
    font-weight: 900;
}

.knowledge-hub-hero p,
.knowledge-article-hero p {
    max-width: 780px;
    margin: 0;
    color: #475569;
    font-size: 1.06rem;
    line-height: 1.75;
}

.knowledge-hub-stats {
    display: grid;
    min-height: 130px;
    place-items: center;
    border-left: 1px solid #e2e8f0;
    text-align: center;
}

.knowledge-hub-stats strong {
    color: #0d6efd;
    font-size: 2.7rem;
    line-height: 1;
}

.knowledge-hub-stats span {
    color: #64748b;
    font-weight: 750;
}

.knowledge-section-tabs {
    display: flex;
    gap: .5rem;
    flex-wrap: wrap;
    margin: 1rem 0;
}

.knowledge-section-tabs a {
    display: inline-flex;
    min-height: 2.6rem;
    align-items: center;
    gap: .45rem;
    border: 1px solid #d8e2ee;
    border-radius: .35rem;
    background: #fff;
    color: #334155;
    padding: .55rem .8rem;
    font-weight: 780;
}

.knowledge-section-tabs a.active,
.knowledge-section-tabs a:hover {
    border-color: #0d6efd;
    background: #eef6ff;
    color: #075db8;
}

.knowledge-section-overview {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid #d8e2ee;
    border-radius: .5rem;
    overflow: hidden;
    background: #fff;
}

.knowledge-section-overview a {
    display: grid;
    gap: .55rem;
    min-height: 185px;
    border-right: 1px solid #e2e8f0;
    padding: 1.15rem;
}

.knowledge-section-overview a:last-child { border-right: 0; }
.knowledge-section-overview i { color: #0d6efd; font-size: 1.45rem; }
.knowledge-section-overview strong { color: #0f172a; font-size: 1.08rem; }
.knowledge-section-overview span { color: #64748b; line-height: 1.6; }

.knowledge-section-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 1rem;
    margin-bottom: 1rem;
}

.knowledge-section-head h2 {
    margin: .2rem 0 0;
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 850;
}

.knowledge-section-head > a {
    color: #075db8;
    font-weight: 800;
}

.knowledge-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}

.knowledge-topic-block {
    margin-top: 1.5rem;
    border: 1px solid #d8e2ee;
    border-radius: .5rem;
    background: #fff;
    padding: 1rem;
}

.knowledge-topic-block .knowledge-section-head {
    margin-bottom: .85rem;
    padding-bottom: .85rem;
    border-bottom: 1px solid #e2e8f0;
}

.knowledge-list {
    display: grid;
    gap: .6rem;
}

.knowledge-card {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: .35rem 1rem;
    border: 1px solid #d8e2ee;
    border-radius: .45rem;
    background: #fff;
    padding: .9rem 1rem;
    color: #334155;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.knowledge-card:hover {
    transform: translateY(-1px);
    border-color: #0d6efd;
    color: #334155;
    box-shadow: 0 14px 30px rgba(15, 23, 42, .09);
}

.knowledge-card-kicker {
    grid-column: 1 / -1;
    display: inline-flex;
    align-items: center;
    gap: .4rem;
}

.knowledge-card strong {
    color: #0f172a;
    font-size: 1.08rem;
    line-height: 1.25;
}

.knowledge-card > span:not(.knowledge-card-kicker) {
    grid-column: 1 / -1;
    color: #64748b;
    line-height: 1.55;
}

.knowledge-card em {
    color: #075db8;
    font-style: normal;
    font-weight: 800;
}

.knowledge-card-compact { min-height: auto; }

.knowledge-meta {
    display: flex;
    gap: .8rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    color: #64748b;
    font-weight: 750;
}

.knowledge-meta span {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.knowledge-answer-box {
    border: 1px solid #cfe0f2;
    border-top: 0;
    background: #f7fbff;
    padding: 1rem 1.25rem;
}

.knowledge-answer-box span {
    display: block;
    margin-bottom: .35rem;
    color: #075db8;
    font-weight: 850;
}

.knowledge-answer-box p {
    margin: 0;
    color: #1f3349;
    font-size: 1.06rem;
    line-height: 1.75;
}

.knowledge-article-layout {
    display: grid;
    grid-template-columns: minmax(190px, 250px) minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
    border: 1px solid #d8e2ee;
    border-top: 0;
    border-radius: 0 0 .5rem .5rem;
    background: #fff;
    padding: 1.25rem;
}

.knowledge-toc {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: .35rem;
    border: 1px solid #e2e8f0;
    border-radius: .45rem;
    background: #f8fafc;
    padding: 1rem;
}

.knowledge-toc strong {
    color: #0f172a;
    margin-bottom: .25rem;
}

.knowledge-toc a {
    color: #64748b;
    font-size: .95rem;
    line-height: 1.4;
}

.knowledge-toc a:hover { color: #075db8; }

.knowledge-content {
    display: grid;
    gap: 1.1rem;
    min-width: 0;
}

.knowledge-key-points,
.knowledge-comparison-table,
.knowledge-prose-section,
.knowledge-faq {
    border-bottom: 1px solid #e2e8f0;
    padding-bottom: 1.1rem;
}

.knowledge-content h2 {
    margin: 0 0 .75rem;
    color: #0f172a;
    font-size: 1.38rem;
    font-weight: 850;
}

.knowledge-content p {
    margin: 0;
    color: #334155;
    font-size: 1.04rem;
    line-height: 1.85;
}

.knowledge-key-points ul {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .65rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.knowledge-key-points li {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    border: 1px solid #e2e8f0;
    border-radius: .35rem;
    background: #f8fafc;
    padding: .75rem;
    color: #334155;
    line-height: 1.45;
}

.knowledge-key-points i {
    color: #0d6efd;
    margin-top: .12rem;
}

.knowledge-comparison-table table {
    overflow: hidden;
    border-radius: .35rem;
}

.knowledge-comparison-table th {
    background: #123f67 !important;
    color: #fff;
}

.knowledge-comparison-table td,
.knowledge-comparison-table th {
    padding: .8rem;
}

.knowledge-faq {
    display: grid;
    gap: .65rem;
    border-bottom: 0;
}

.knowledge-faq details {
    border: 1px solid #e2e8f0;
    border-radius: .35rem;
    background: #fff;
}

.knowledge-faq summary {
    cursor: pointer;
    padding: .9rem 1rem;
    color: #0f172a;
    font-weight: 800;
}

.knowledge-faq details p {
    padding: 0 1rem 1rem;
    color: #475569;
}

@media (max-width: 991.98px) {
    .knowledge-hub-hero,
    .knowledge-article-layout { grid-template-columns: 1fr; }
    .knowledge-hub-stats {
        min-height: auto;
        place-items: start;
        border-left: 0;
        border-top: 1px solid #e2e8f0;
        padding-top: 1rem;
        text-align: left;
    }
    .knowledge-section-overview,
    .knowledge-grid { grid-template-columns: 1fr; }
    .knowledge-section-overview a {
        min-height: auto;
        border-right: 0;
        border-bottom: 1px solid #e2e8f0;
    }
    .knowledge-section-overview a:last-child { border-bottom: 0; }
    .knowledge-toc { position: static; }
}

@media (max-width: 575.98px) {
    .knowledge-section-head {
        align-items: flex-start;
        flex-direction: column;
    }
    .knowledge-key-points ul { grid-template-columns: 1fr; }
    .knowledge-article-layout { padding: 1rem; }
}

/* Bilgi Merkezi - teknik konu panosu */
.knowledge-forum,
.knowledge-topic,
.knowledge-home-block {
    margin-bottom: 1.5rem;
}

.knowledge-forum-banner,
.knowledge-topic-heading {
    border: 1px solid #d8e2ee;
    border-top: 4px solid #0875cf;
    border-radius: .5rem;
    background: #fff;
}

.knowledge-forum-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1.5rem;
}

.knowledge-forum-kicker {
    display: inline-flex;
    align-items: center;
    gap: .4rem;
    color: #08735a;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.knowledge-forum-banner h1,
.knowledge-topic-heading h1 {
    margin: .45rem 0 .7rem;
    color: #10243d;
    font-size: 2.2rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.12;
}

.knowledge-forum-banner p,
.knowledge-topic-heading > p {
    max-width: 760px;
    margin: 0;
    color: #52657a;
    line-height: 1.7;
}

.knowledge-forum-stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(78px, 1fr));
    flex: 0 0 auto;
    border-left: 1px solid #e1e8f0;
}

.knowledge-forum-stats span {
    display: grid;
    gap: .1rem;
    min-width: 88px;
    color: #65758a;
    padding: .35rem 1rem;
    text-align: center;
}

.knowledge-forum-stats strong {
    color: #0c5fa9;
    font-size: 1.45rem;
    line-height: 1.1;
}

.knowledge-forum-layout {
    display: grid;
    grid-template-columns: 210px minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
    margin-top: 1rem;
}

.knowledge-forum-sidebar {
    position: sticky;
    top: 1rem;
    border: 1px solid #d8e2ee;
    border-radius: .5rem;
    background: #fff;
    padding: .7rem;
}

.knowledge-forum-sidebar-label {
    display: block;
    color: #718096;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: 0;
    padding: .3rem .45rem .65rem;
    text-transform: uppercase;
}

.knowledge-forum-nav {
    display: grid;
    gap: .2rem;
}

.knowledge-forum-nav a {
    display: grid;
    grid-template-columns: 1.35rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .55rem;
    border-left: 3px solid transparent;
    color: #3d4f64;
    padding: .65rem .5rem;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.knowledge-forum-nav a i { color: #6b7d92; }
.knowledge-forum-nav a span { font-size: .92rem; font-weight: 700; overflow-wrap: anywhere; }
.knowledge-forum-nav a small { color: #8a99a9; font-size: .78rem; }

.knowledge-forum-nav a:hover,
.knowledge-forum-nav a.active {
    border-left-color: #0875cf;
    background: #edf7ff;
    color: #0a5fa9;
}

.knowledge-forum-nav a:hover i,
.knowledge-forum-nav a.active i { color: #0875cf; }

.knowledge-forum-feed {
    display: grid;
    gap: 1rem;
    min-width: 0;
}

.knowledge-board,
.knowledge-board-directory {
    border: 1px solid #d8e2ee;
    border-radius: .5rem;
    background: #fff;
    overflow: hidden;
}

.knowledge-board-header,
.knowledge-forum-feed-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    border-bottom: 1px solid #e1e8f0;
    padding: 1rem 1.15rem;
}

.knowledge-board-title {
    display: flex;
    align-items: center;
    gap: .8rem;
    min-width: 0;
}

.knowledge-board-icon,
.knowledge-thread-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2.4rem;
    height: 2.4rem;
    border: 1px solid #cfe1f0;
    border-radius: .45rem;
    background: #eef7ff;
    color: #0875cf;
}

.knowledge-board-header h2,
.knowledge-forum-feed-heading h2 {
    margin: .2rem 0 0;
    color: #10243d;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: 0;
    line-height: 1.25;
}

.knowledge-board-header > a {
    flex: 0 0 auto;
    color: #0868b8;
    font-size: .9rem;
    font-weight: 750;
}

.knowledge-board-count {
    flex: 0 0 auto;
    border: 1px solid #d9e4ee;
    border-radius: .35rem;
    background: #f8fafc;
    color: #56687b;
    padding: .4rem .6rem;
    font-size: .83rem;
    font-weight: 750;
}

.knowledge-board-directory-list,
.knowledge-thread-list {
    display: grid;
}

.knowledge-board-directory-list > a {
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr) auto;
    align-items: center;
    gap: .85rem;
    border-bottom: 1px solid #e7edf3;
    color: #35475c;
    padding: 1rem 1.15rem;
    transition: background-color .18s ease;
}

.knowledge-board-directory-list > a:last-child,
.knowledge-thread:last-child { border-bottom: 0; }
.knowledge-board-directory-list > a:hover { background: #f6fbff; color: #1d5e93; }
.knowledge-board-directory-list strong { display: block; color: #10243d; font-weight: 800; }
.knowledge-board-directory-list small { display: block; margin-top: .18rem; color: #687b8f; line-height: 1.45; }
.knowledge-board-directory-list em { color: #0868b8; font-size: .84rem; font-style: normal; font-weight: 750; white-space: nowrap; }

.knowledge-thread {
    display: grid;
    grid-template-columns: 2.4rem minmax(0, 1fr) 1.4rem;
    align-items: center;
    gap: .85rem;
    border-bottom: 1px solid #e7edf3;
    color: #34485e;
    padding: 1rem 1.15rem;
    transition: background-color .18s ease;
}

.knowledge-thread:hover { background: #f6fbff; color: #34485e; }

.knowledge-thread-main {
    display: grid;
    gap: .22rem;
    min-width: 0;
}

.knowledge-thread-label {
    color: #08735a;
    font-size: .74rem;
    font-weight: 800;
    letter-spacing: 0;
    text-transform: uppercase;
}

.knowledge-thread strong {
    color: #13283f;
    font-size: 1rem;
    font-weight: 800;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.knowledge-thread-summary {
    color: #65778a;
    font-size: .92rem;
    line-height: 1.5;
}

.knowledge-thread-open {
    color: #4f88b7;
    text-align: right;
}

.knowledge-thread--compact { padding-top: .8rem; padding-bottom: .8rem; }
.knowledge-thread--compact .knowledge-thread-summary {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.knowledge-home-block .knowledge-board-header { margin: 0; }

.knowledge-topic-heading { padding: 1.5rem; }

.knowledge-topic-meta {
    display: flex;
    gap: .8rem;
    flex-wrap: wrap;
    margin-top: 1rem;
    color: #65778a;
    font-size: .9rem;
    font-weight: 700;
}

.knowledge-topic-meta span {
    display: inline-flex;
    align-items: center;
    gap: .35rem;
}

.knowledge-topic-layout {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    gap: 1.25rem;
    align-items: start;
    border: 1px solid #d8e2ee;
    border-radius: .5rem;
    background: #fff;
    margin-top: 1rem;
    padding: 1.25rem;
}

.knowledge-topic-toc {
    position: sticky;
    top: 1rem;
    display: grid;
    gap: .25rem;
    border-left: 2px solid #b9d8ef;
    padding-left: .85rem;
}

.knowledge-topic-toc strong { margin-bottom: .35rem; color: #24415e; font-size: .9rem; }
.knowledge-topic-toc a { color: #687a8e; font-size: .9rem; line-height: 1.45; }
.knowledge-topic-toc a:hover { color: #0875cf; }

.knowledge-topic-body {
    display: grid;
    gap: 1.5rem;
    min-width: 0;
}

.knowledge-topic-points,
.knowledge-topic-compare,
.knowledge-topic-section,
.knowledge-topic-faq {
    border-bottom: 1px solid #e1e8f0;
    padding-bottom: 1.5rem;
}

.knowledge-topic-body h2 {
    margin: 0 0 .75rem;
    color: #10243d;
    font-size: 1.35rem;
    font-weight: 800;
    letter-spacing: 0;
}

.knowledge-topic-body p { margin: 0; color: #3e5268; line-height: 1.85; }

.knowledge-topic-points ul {
    display: grid;
    gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none;
}

.knowledge-topic-points li {
    display: flex;
    gap: .55rem;
    align-items: flex-start;
    border-left: 3px solid #59a9dd;
    background: #f8fbfd;
    color: #3e5268;
    padding: .65rem .75rem;
    line-height: 1.5;
}

.knowledge-topic-points i { color: #0875cf; margin-top: .12rem; }

.knowledge-topic-compare table { margin: 0; overflow: hidden; border-color: #d9e4ee; }
.knowledge-topic-compare th { background: #175f93 !important; color: #fff; }
.knowledge-topic-compare td,
.knowledge-topic-compare th { padding: .8rem; }

.knowledge-topic-faq { display: grid; gap: .6rem; border-bottom: 0; padding-bottom: 0; }
.knowledge-topic-faq details { border: 1px solid #d8e2ee; background: #fff; }
.knowledge-topic-faq summary { cursor: pointer; color: #1f3954; font-weight: 800; padding: .9rem 1rem; }
.knowledge-topic-faq details p { padding: 0 1rem 1rem; }

.knowledge-topic-related { margin-bottom: 1.5rem; }

@media (max-width: 991.98px) {
    .knowledge-forum-layout,
    .knowledge-topic-layout { grid-template-columns: 1fr; }
    .knowledge-forum-sidebar,
    .knowledge-topic-toc { position: static; }
    .knowledge-forum-nav { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .knowledge-forum-stats { border-left: 0; border-top: 1px solid #e1e8f0; width: 100%; }
    .knowledge-forum-banner { align-items: stretch; flex-direction: column; }
}

@media (max-width: 575.98px) {
    .knowledge-forum-banner,
    .knowledge-topic-heading,
    .knowledge-topic-layout { padding: 1rem; }
    .knowledge-forum-banner h1,
    .knowledge-topic-heading h1 { font-size: 1.75rem; }
    .knowledge-forum-nav,
    .knowledge-forum-stats { grid-template-columns: 1fr; }
    .knowledge-forum-stats span { align-items: center; grid-template-columns: auto 1fr; justify-content: start; text-align: left; }
    .knowledge-board-header,
    .knowledge-forum-feed-heading { align-items: flex-start; flex-direction: column; }
    .knowledge-board-directory-list > a,
    .knowledge-thread { grid-template-columns: 2.25rem minmax(0, 1fr); padding: .9rem; }
    .knowledge-board-directory-list em,
    .knowledge-thread-open { display: none; }
}

/* İletişim */
.contact-page {
    min-height: 70vh;
    background: #f7f9fc;
}

.contact-breadcrumb {
    display: flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: 1.25rem;
    color: #64748b;
    font-size: .86rem;
}

.contact-breadcrumb a {
    color: #0d6efd;
}

.contact-breadcrumb i {
    font-size: .7rem;
}

.contact-page-header {
    max-width: 780px;
    margin-bottom: 2rem;
}

.contact-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: .45rem;
    margin-bottom: .45rem;
    color: #0066cc;
    font-size: .78rem;
    font-weight: 800;
    letter-spacing: 0;
}

.contact-page-header h1 {
    margin: 0 0 .55rem;
    color: #0f172a;
    font-size: clamp(2rem, 4vw, 3rem);
    font-weight: 800;
}

.contact-page-header p {
    margin: 0;
    color: #475569;
    font-size: 1.05rem;
    line-height: 1.65;
}

.contact-layout {
    display: grid;
    grid-template-columns: minmax(250px, .8fr) minmax(0, 1.35fr);
    gap: 2rem;
    align-items: start;
}

.contact-info {
    padding: .4rem 0;
}

.contact-info h2,
.contact-form-heading h2 {
    margin: 0 0 .55rem;
    color: #0f172a;
    font-size: 1.35rem;
    font-weight: 800;
}

.contact-info > p,
.contact-form-heading p {
    margin: 0;
    color: #64748b;
    line-height: 1.6;
}

.contact-topic-list {
    display: grid;
    margin-top: 1.5rem;
    border-top: 1px solid #dce5ef;
}

.contact-topic-list > div {
    display: grid;
    grid-template-columns: 38px minmax(0, 1fr);
    gap: .75rem;
    padding: 1rem 0;
    border-bottom: 1px solid #dce5ef;
}

.contact-topic-list i {
    display: grid;
    width: 36px;
    height: 36px;
    place-items: center;
    border-radius: 6px;
    background: #eaf3ff;
    color: #0066cc;
    font-size: 1rem;
}

.contact-topic-list span,
.contact-topic-list strong {
    display: block;
}

.contact-topic-list span {
    color: #64748b;
    font-size: .9rem;
    line-height: 1.45;
}

.contact-topic-list strong {
    margin-bottom: .15rem;
    color: #1e293b;
    font-size: .95rem;
}

.contact-email-link {
    display: flex;
    align-items: center;
    gap: .8rem;
    margin-top: 1.25rem;
    padding: .9rem 1rem;
    border: 1px solid #cfe0f3;
    border-radius: 6px;
    background: #fff;
    color: #1e293b;
}

.contact-email-link > i {
    color: #0066cc;
    font-size: 1.2rem;
}

.contact-email-link span,
.contact-email-link small,
.contact-email-link strong {
    display: block;
    min-width: 0;
}

.contact-email-link small {
    color: #64748b;
}

.contact-email-link strong {
    overflow-wrap: anywhere;
}

.contact-form-panel {
    overflow: hidden;
    border: 1px solid #dce5ef;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 12px 30px rgba(15, 23, 42, .08);
}

.contact-form-heading {
    padding: 1.25rem 1.4rem;
    border-bottom: 1px solid #e5ebf2;
    background: #fbfdff;
}

.contact-form-panel form {
    position: relative;
    padding: 1.4rem;
}

.contact-form-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.contact-form-full {
    grid-column: 1 / -1;
}

.contact-form-panel .form-label {
    color: #334155;
    font-weight: 700;
}

.contact-form-panel .form-control,
.contact-form-panel .form-select {
    min-height: 44px;
    border-color: #cfd8e3;
    border-radius: 6px;
}

.contact-form-panel textarea.form-control {
    min-height: 150px;
    resize: vertical;
}

.contact-form-panel .form-control:focus,
.contact-form-panel .form-select:focus {
    border-color: #4b98e7;
    box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .12);
}

.contact-message-meta {
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    margin-top: .35rem;
    color: #64748b;
    font-size: .78rem;
}

.contact-form-panel .form-check-label {
    color: #475569;
    font-size: .88rem;
    line-height: 1.5;
}

.contact-form-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    margin-top: 1.25rem;
    padding-top: 1.1rem;
    border-top: 1px solid #e5ebf2;
}

.contact-form-actions > span {
    display: flex;
    align-items: flex-start;
    gap: .4rem;
    color: #64748b;
    font-size: .8rem;
    line-height: 1.45;
}

.contact-form-actions > span i {
    color: #198754;
}

.contact-form-actions .btn {
    flex: 0 0 auto;
    min-width: 148px;
}

.contact-honeypot {
    position: absolute !important;
    left: -10000px !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
}

.contact-form-alert {
    margin-bottom: 1rem;
}

@media (max-width: 991.98px) {
    .contact-layout {
        grid-template-columns: 1fr;
    }

    .contact-info {
        padding: 0;
    }
}

@media (max-width: 575.98px) {
    .contact-page-header {
        margin-bottom: 1.5rem;
    }

    .contact-form-grid {
        grid-template-columns: 1fr;
    }

    .contact-form-heading,
    .contact-form-panel form {
        padding: 1rem;
    }

    .contact-form-actions {
        align-items: stretch;
        flex-direction: column;
    }

    .contact-form-actions .btn {
        width: 100%;
    }
}