SETTING CDN TO: https://cdn.benzetme.com
<style>
    .comparison-header {
        padding: 1rem;
        background: #f8f9fa;
        border-radius: 12px;
        margin: 1rem;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .comparison-header:hover {
        background: #e9ecef;
        transform: translateY(-2px);
    }

    .comparison-title {
        font-size: 1.25rem;
        font-weight: 500;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-wrap: nowrap;
        gap: 0.25rem;
        margin: 2rem 0;
        padding: 0 1rem;
        overflow-x: auto;
        white-space: nowrap;
        scrollbar-width: none;
        -ms-overflow-style: none;
        width: 100%;
    }

    .comparison-title::-webkit-scrollbar {
        display: none;
    }

    .comparison-label {
        background: #f8f9fa;
        padding: 0.25rem 0.5rem;
        border-radius: 15px;
        color: #495057;
        font-weight: 500;
        font-size: 0.85em;
        flex-shrink: 0;
    }

    .comparison-separator {
        font-size: 0.9rem;
        color: #6c757d;
        margin: 0 0.15rem;
        flex-shrink: 0;
    }

    .product-title {
        display: inline-flex;
        align-items: center;
        gap: 0.35rem;
        font-size: 1em;
        flex-shrink: 0;
        max-width: 220px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .product-score {
        font-size: 0.75em;
        padding: 0.1rem 0.4rem;
        background: #f8f9fa;
        border-radius: 12px;
        color: #495057;
        margin-right: 0.35rem;
        flex-shrink: 0;
    }

    .product-card {
        background: transparent;
        box-shadow: none;
        overflow: visible;
        transition: transform 0.3s ease;
        margin-bottom: 0;
        padding: 1rem;
        border: 1px solid #f1f3f5;
        border-radius: 12px;
    }

    .product-card:hover {
        transform: translateY(-5px);
        border-color: #d00707;
    }

    .product-image-container {
        position: relative;
        padding: 1rem;
        background: #fff;
        border-radius: 12px;
        transition: all 0.3s ease;
        width: 100%;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
    }

    .product-image {
        height: 100%;
        object-fit: contain;
        border-radius: 8px;
        min-width: 0;
        padding: 0.5rem;
        transition: transform 0.3s ease;
    }

    .product-image:hover {
        transform: scale(1.05);
    }

    .product-price {
        position: absolute;
        bottom: 1rem;
        right: 1rem;
        background: rgba(255, 255, 255, 0.95);
        padding: 0.5rem 1rem;
        border-radius: 20px;
        font-weight: 600;
        color: #d00707;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        backdrop-filter: blur(4px);
    }

    .currency {
        font-size: 0.8em;
        margin-left: 0.25rem;
    }

    .product-info {
        padding: 1.5rem;
    }

    .product-name {
        font-size: 1.25rem;
        margin-bottom: 1rem;
        color: #212529;
    }

    .storage-variants {
        display: flex;
        gap: 0.5rem;
        flex-wrap: wrap;
    }

    .variant-chip {
        background: #e9ecef;
        padding: 0.25rem 0.75rem;
        border-radius: 15px;
        font-size: 0.875rem;
        color: #495057;
    }

    @media (max-width: 1200px) {
        .comparison-title {
            font-size: 1.1rem;
            margin: 1.5rem 0;
            padding: 0 0.75rem;
            gap: 0.2rem;
        }

        .product-title {
            max-width: 200px;
            font-size: 0.95em;
        }
    }

    @media (max-width: 992px) {
        .comparison-title {
            font-size: 1rem;
            margin: 1.25rem 0;
            padding: 0 0.5rem;
            gap: 0.15rem;
        }

        .product-title {
            max-width: 180px;
            font-size: 0.9em;
        }
    }

    @media (max-width: 768px) {
        .comparison-title {
            font-size: 0.95rem;
            margin: 1rem 0;
            padding: 0 0.5rem;
            gap: 0.15rem;
        }

        .product-title {
            max-width: 160px;
            font-size: 0.85em;
        }

        .product-score {
            font-size: 0.7em;
            padding: 0.1rem 0.35rem;
        }
    }

    @media (max-width: 576px) {
        .comparison-title {
            font-size: 0.9rem;
            margin: 0.75rem 0;
            padding: 0 0.25rem;
            gap: 0.1rem;
        }

        .product-title {
            max-width: 140px;
            font-size: 0.8em;
        }

        .comparison-label {
            padding: 0.15rem 0.4rem;
            font-size: 0.75em;
        }

        .comparison-separator {
            font-size: 0.8rem;
            margin: 0 0.1rem;
        }
    }

    .versus-products-container {
        display: grid;
        grid-template-columns: minmax(200px, 1fr) 40px minmax(200px, 1fr) 40px minmax(200px, 1fr) 40px minmax(200px, 1fr);
        align-items: center;
        justify-content: space-between;
        gap: 0;
        padding: 2rem;
        width: 100%;
        margin: 0 auto;
        position: relative;
        min-width: 0;
        overflow: auto;
        background: #fff;
        border-radius: 16px;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    }

    .versus-divider {
        font-size: 1.2rem;
        font-weight: 600;
        color: #fff;
        background: #d00707;
        padding: 0;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        z-index: 2;
        line-height: 1;
        margin: 0 -20px;
        box-shadow: 0 2px 8px rgba(208, 7, 7, 0.2);
    }

    .versus-divider.gray {
        background: #6c757d;
        box-shadow: 0 2px 8px rgba(108, 117, 125, 0.2);
    }

    .imagePlaceholder {
        position: relative;
        width: 200%;
        height: 100%;
        min-height: 250px;
        background: #f8f9fa;
        border-radius: 12px;
        cursor: pointer;
        transition: all 0.3s ease;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        text-decoration: none;
        margin-left: -100%;
        border: 2px dashed #dee2e6;
    }

    .imagePlaceholder::before {
        content: '+';
        position: absolute;
        width: 48px;
        height: 48px;
        border: 2px solid #6c757d;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 2.5rem;
        color: #6c757d;
        background: transparent;
        right: 33.33%;
        top: 50%;
        transform: translate(50%, -50%);
        line-height: 42px;
        padding-bottom: 4px;
    }

    .imagePlaceholder::after {
        display: none;
    }

    .imagePlaceholder:hover {
        background: #f1f3f5;
        border-color: #d00707;
    }

    .imagePlaceholder:hover::before {
        border-color: #495057;
        color: #495057;
        transform: translate(50%, -50%) scale(1.1);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    }

    @media (max-width: 1200px) {
        .versus-products-container {
            grid-template-columns: minmax(150px, 1fr) auto minmax(150px, 1fr) auto minmax(150px, 1fr) auto minmax(150px, 1fr);
            padding: 1rem;
        }

        .versus-product:last-child {
            margin-left: 0;
        }

        .imagePlaceholder::before {
            right: 33.33%;
        }

        .versus-divider {
            font-size: 0.85rem;
            width: 28px;
            height: 28px;
        }
    }

    @media (max-width: 992px) {
        .versus-products-container {
            grid-template-columns: minmax(120px, 1fr) auto minmax(120px, 1fr) auto minmax(120px, 1fr) auto minmax(120px, 1fr);
        }

        .versus-product:last-child {
            margin-left: 0;
        }

        .imagePlaceholder::before {
            right: 33.33%;
        }

        .versus-divider {
            font-size: 0.8rem;
            width: 26px;
            height: 26px;
            border-width: 1.5px;
        }
    }

    @media (max-width: 768px) {
        .versus-products-container {
            grid-template-columns: minmax(150px, 1fr) 40px minmax(150px, 1fr) 40px minmax(150px, 1fr) 40px minmax(150px, 1fr);
            gap: 0;
            padding: 0.5rem;
        }

        .versus-product:last-child {
            margin-left: 0;
        }
    }

    @media (max-width: 576px) {
        .versus-products-container {
            grid-template-columns: minmax(120px, 1fr) 35px minmax(120px, 1fr) 35px minmax(120px, 1fr) 35px minmax(120px, 1fr);
            padding: 0.25rem;
            padding-left: 0rem !important;
        }

        .versus-product:last-child {
            margin-left: 0;
        }
    }

    .sticky-product-nav {
        position: fixed;
        bottom: 1rem;
        left: 50%;
        transform: translateX(-50%);
        background: white;
        padding: 1rem;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        z-index: 998;
        transition: all 0.3s ease;
        border-radius: 12px;
        width: 90%;
        max-width: 1400px;
        opacity: 0;
        visibility: hidden;
    }

    .sticky-product-nav.show {
        opacity: 1;
        visibility: visible;
    }

    .sticky-products-container {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
        align-items: center;
        gap: 0.5rem;
    }

    /* استایل برای 2 محصول */
    .sticky-products-container.products-2 {
        grid-template-columns: 37.5% 25px 37.5%;
    }

    /* استایل برای 3 محصول */
    .sticky-products-container.products-3 {
        grid-template-columns: 25% 25px 25% 25px 25%;
    }

    /* استایل برای 4 محصول */
    .sticky-products-container.products-4 {
        grid-template-columns: 18.75% 25px 18.75% 25px 18.75% 25px 18.75%;
    }

    .sticky-product {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.5rem;
        padding: 0.35rem;
        border-radius: 8px;
        background: #f8f9fa;
        transition: all 0.2s ease;
        min-height: 50px;
        height: auto;
        overflow: hidden;
        min-width: 0;
    }

    .sticky-product-image {
        width: 30px;
        height: 30px;
        object-fit: cover;
        border-radius: 4px;
        border: 1px solid #dee2e6;
        flex-shrink: 0;
    }

    .sticky-product-info {
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
        min-width: 0;
        flex: 1;
    }

    .sticky-product-title {
        font-size: 0.75rem;
        font-weight: 600;
        margin: 0;
        padding-right: 4px;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .sticky-product-specs {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.15rem;
        font-size: 0.65rem;
        color: #6c757d;
        width: 100%;
        overflow: hidden;
    }

    .spec-title {
        cursor: pointer;
        color: #495057;
        max-width: 100%;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        font-weight: 500;
    }

    .spec-value {
        color: #495057;
        font-size: 0.65rem !important;
        max-width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .spec-title::after {
        content: ":";
        margin: 0 0.15rem;
        color: #6c757d;
        display: inline;
    }

    .sticky-versus {
        font-size: 0.8rem;
        font-weight: 600;
        color: #dc3545;
        text-align: center;
        padding: 0 0.25rem;
        width: 25px;
        flex-shrink: 0;
    }

    /* رنگ‌بندی محصولات در منوی استیکی */
    /* استایل برای 2 محصول */
    .sticky-products-container.products-2 .sticky-product:nth-child(1) .sticky-product-title {
        color: #dc3545;
    }

    .sticky-products-container.products-2 .sticky-product:nth-child(3) .sticky-product-title {
        color: #0d6efd;
    }

    /* استایل برای 3 محصول */
    .sticky-products-container.products-3 .sticky-product:nth-child(1) .sticky-product-title {
        color: #dc3545;
    }

    .sticky-products-container.products-3 .sticky-product:nth-child(3) .sticky-product-title {
        color: #0d6efd;
    }

    .sticky-products-container.products-3 .sticky-product:nth-child(5) .sticky-product-title {
        color: #198754;
    }

    /* استایل برای 4 محصول */
    .sticky-products-container.products-4 .sticky-product:nth-child(1) .sticky-product-title {
        color: #dc3545;
    }

    .sticky-products-container.products-4 .sticky-product:nth-child(3) .sticky-product-title {
        color: #0d6efd;
    }

    .sticky-products-container.products-4 .sticky-product:nth-child(5) .sticky-product-title {
        color: #198754;
    }

    .sticky-products-container.products-4 .sticky-product:nth-child(7) .sticky-product-title {
        color: #6f42c1;
    }

    /* حذف رنگ‌های قبلی که با کلاس‌های text-danger و text-primary اعمال می‌شدند */
    .sticky-product-title.text-danger,
    .sticky-product-title.text-primary {
        color: inherit;
    }

    .sticky-features-nav {
        position: fixed;
        left: 5px;
        bottom: 5rem;
        background: transparent;
        padding: 0;
        z-index: 997;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        box-shadow: none;
        border: none;
        opacity: 0;
        visibility: hidden;
    }

    .sticky-features-nav.show {
        opacity: 1;
        visibility: visible;
    }

    .sticky-features-container {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        margin: 0;
        padding: 0;
    }

    .sticky-feature-item {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: #f8f9fa;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
        border: none;
        text-decoration: none;
    }

    .sticky-feature-item:hover {
        transform: translateY(-2px);
        background: #e9ecef;
    }

    .sticky-feature-item.active {
        background: #d00707;
    }

    .sticky-feature-item.active .sticky-feature-icon {
        filter: brightness(10);
    }

    .sticky-feature-icon {
        font-size: 14px !important;
        filter: brightness(0);
        transition: all 0.3s ease;
        pointer-events: none;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sticky-feature-item span {
        display: none;
    }

    .search-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(255, 255, 255, 0.98);
        z-index: 9999;
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .search-overlay.is-open {
        display: block;
        opacity: 1;
    }

    .search-overlay-content {
        max-width: 800px;
        margin: 2rem auto;
        padding: 2rem;
    }

    .search-overlay-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 2rem;
    }

    .search-overlay-title {
        font-size: 1.5rem;
        font-weight: 600;
        color: #212529;
    }

    .search-overlay-close {
        background: none;
        border: none;
        font-size: 1.5rem;
        color: #6c757d;
        cursor: pointer;
        padding: 0.5rem;
    }

    .search-overlay-input {
        width: 100%;
        padding: 1rem;
        font-size: 1.25rem;
        border: 2px solid #e9ecef;
        border-radius: 8px;
        margin-bottom: 2rem;
        transition: border-color 0.3s ease;
    }

    .search-overlay-input:focus {
        outline: none;
        border-color: #0d6efd;
    }

    .search-overlay-results {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
        gap: 1rem;
    }

    .search-result-item {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 1rem;
        border: 1px solid #e9ecef;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .search-result-item:hover {
        background: #f8f9fa;
        transform: translateY(-2px);
    }

    .search-result-image {
        width: 60px;
        height: 60px;
        object-fit: contain;
        border-radius: 4px;
    }

    .search-result-info {
        flex: 1;
    }

    .search-result-title {
        font-weight: 600;
        margin-bottom: 0.25rem;
    }

    .search-result-price {
        color: #dc3545;
        font-weight: 600;
    }

    .table th,
    .table td {
        padding: 0.75rem 1rem 0.75rem 0;
    }

    .table th {
        font-weight: 600;
        vertical-align: middle;
        font-size: 0.8rem;
        color: #7a7a7a;
        text-align: right;
        width: 25%;
        border-bottom: 1px solid #f5f5f5;
        padding: 0.85rem 0.5rem;
        line-height: 1.5;
        background-color: rgba(250, 250, 250, 0.5);
    }

    .table td {
        vertical-align: middle;
        font-size: 0.92rem;
        font-weight: 500;
        color: #222;
        text-align: right;
        border-bottom: 1px solid #f5f5f5;
        transition: all 0.3s ease;
        padding: 0.85rem 1rem;
        line-height: 1.5;
    }

    /* استایل برای 2 محصول */
    .table.products-2 td {
        width: 37.5%;
        /* (100% - 25%) / 2 */
    }

    /* استایل برای 3 محصول */
    .table.products-3 td {
        width: 25%;
        /* (100% - 25%) / 3 */
    }

    /* استایل برای 4 محصول */
    .table.products-4 td {
        width: 17.5%;
        /* (100% - 30%) / 4 */
    }

    /* رنگ‌بندی محصولات */
    .table td:nth-child(2) {
        color: #dc3545;
    }

    /* قرمز */
    .table td:nth-child(3) {
        color: #0d6efd;
    }

    /* آبی */
    .table td:nth-child(4) {
        color: #198754;
    }

    /* سبز */
    .table td:nth-child(5) {
        color: #6f42c1;
    }

    /* بنفش */

    .table-responsive {
        border-radius: 8px;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
        margin-bottom: 2rem;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .table {
        margin-bottom: 0;
        width: 100%;
        table-layout: fixed;
    }

    .anchor_tags {
        scroll-margin-top: 100px;
    }

    .box-title-cart {
        margin-bottom: 2rem;
    }

    .box-title-cart h2 {
        font-size: 1.75rem;
        font-weight: bold;
        color: #212529;
    }

    .box-properties {
        margin-bottom: 1.5rem;
    }

    .item-spec {
        padding: 1rem;
        border-radius: 8px;
        transition: all 0.3s ease;
    }

    .item-spec:hover {
        background-color: #e9ecef;
        transform: translateY(-2px);
    }

    .item-spec object {
        width: 32px;
        height: 32px;
        margin-bottom: 0.5rem;
    }

    .item-spec p {
        margin: 0;
        font-weight: 600;
        color: #495057;
    }

    #details_box {
        padding-top: 0px;
        /* فاصله برای جلوگیری از پوشیده شدن محتوا توسط منوهای چسبان */
    }

    .card.shadow-lg {
        overflow: visible;
    }

    .versus-product {
        min-width: 0;
        width: 100%;
        position: relative;
    }

    .versus-product:last-child {
        margin-right: 0;
        margin-left: -50%;
        overflow: hidden;
    }

    .comparison-nav-wrapper {
        width: 100%;
        max-width: 1400px;
        padding: 0.5rem;
        margin: 1rem auto;
    }

    .comparison-nav-items {
        display: flex;
        flex-wrap: nowrap;
        gap: 0.5rem;
        padding: 0.5rem;
        max-width: 1200px;
        margin: 0 auto;
        justify-content: center;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .comparison-nav-items::-webkit-scrollbar {
        display: none;
    }

    .comparison-nav-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0.75rem 0.5rem;
        background: #f8f9fa;
        border-radius: 8px;
        text-decoration: none;
        color: #495057;
        transition: all 0.2s ease;
        min-height: 90px;
        justify-content: center;
        flex: 1;
        min-width: 80px;
        max-width: 100px;
    }

    .comparison-nav-item:hover {
        background: #e9ecef;
        color: #d00707;
        transform: translateY(-2px);
    }

    .comparison-nav-icon {
        width: 24px;
        height: 24px;
        margin-bottom: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .comparison-nav-icon object {
        width: 100%;
        height: 100%;
    }

    .comparison-nav-title {
        font-size: 0.7rem;
        font-weight: 500;
        margin: 0;
        line-height: 1.3;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 28px;
    }

    @media (max-width: 768px) {
        .comparison-nav-wrapper {
            padding: 0.25rem;
            margin: 0.5rem auto;
        }

        .comparison-nav-items {
            padding: 0.25rem;
            margin: 0;
        }

        .comparison-nav-item {
            padding: 0.5rem;
            min-width: 70px;
            max-width: 80px;
            min-height: 80px;
        }

        .comparison-nav-icon {
            width: 20px;
            height: 20px;
            margin-bottom: 0.35rem;
        }

        .comparison-nav-title {
            font-size: 0.65rem;
            height: 24px;
        }
    }

    /* استایل‌های اعلان و مودال */
    .alert-warning {
        background-color: #fff3cd;
        border: 1px solid #ffeeba;
        color: #856404;
        margin: 1rem;
        border-radius: 8px;
    }

    .btn-outline-warning {
        color: #856404;
        border-color: #ffeeba;
        background-color: transparent;
        transition: all 0.3s ease;
    }

    .btn-outline-warning:hover {
        color: #856404;
        background-color: #ffeeba;
        transform: translateY(-2px);
    }

    #reportModal .modal-content {
        border-radius: 12px;
        border: none;
    }

    #reportModal .modal-header {
        border-bottom: 1px solid #eee;
        background-color: #f8f9fa;
        border-radius: 12px 12px 0 0;
    }

    #reportModal .modal-footer {
        border-top: 1px solid #eee;
        background-color: #f8f9fa;
        border-radius: 0 0 12px 12px;
    }

    #reportForm .form-control {
        border-radius: 8px;
        border: 1px solid #dee2e6;
        transition: all 0.3s ease;
    }

    #reportForm .form-control:focus {
        border-color: #80bdff;
        box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, .25);
    }

    /* استایل‌های جدید برای details/summary */
    .specification-details {
        background: #fff;
        border-radius: 12px;
        border: 1px solid #eee;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04);
        margin-bottom: 1.25rem;
        padding-left: 0;
    }

    .specification-summary {
        padding: 0.75rem 1.25rem;
        cursor: pointer;
        user-select: none;
        border-bottom: 1px solid #dee2e6;
        transition: background-color 0.3s ease;
        list-style: none;
    }

    .specification-summary::-webkit-details-marker,
    .specification-summary::marker {
        display: none;
    }

    .toggle-icon {
        width: 20px;
        height: 20px;
        position: relative;
        margin-right: 0.5rem;
    }

    .toggle-icon::before,
    .toggle-icon::after {
        content: '';
        position: absolute;
        background-color: #6c757d;
        border-radius: 2px;
        transition: all 0.3s ease;
    }

    .toggle-icon::before {
        width: 2px;
        height: 12px;
        top: 4px;
        left: 9px;
    }

    .toggle-icon::after {
        width: 12px;
        height: 2px;
        top: 9px;
        left: 4px;
    }

    details[open] .toggle-icon::before {
        transform: rotate(90deg);
        opacity: 0;
    }

    .spec-icon {
        margin-inline-end: 0.75rem;
        /* Better RTL/LTR handling */
        color: #555;
    }

    .spec-title {
        margin: 0;
        font-size: 1.1rem;
        /* Smaller font, same as product page */
        font-weight: 700;
        color: #111;
        letter-spacing: -0.01em;
        line-height: 1.4;
    }

    /* اصلاح استایل‌های جدول */
    .table-responsive {
        border-radius: 0 0 8px 8px;
        box-shadow: none;
        padding-left: 0 !important;
        margin: 0;
    }

    /* Zebra and Table hygiene From Product Page */
    .table-striped tbody tr {
        background-color: transparent !important;
        border-bottom: 1px solid #f8f8f8;
    }

    .table-striped tbody tr:hover {
        background-color: #fafafa !important;
    }

    .table th,
    .table td {
        border: none !important;
    }

    margin: 0;
    }

    .specifications-section {
        margin-bottom: 0.75rem;
    }

    .table th,
    .table td {
        padding: 0.75rem 1rem;
    }

    /* استایل‌های دکمه‌های باز/بسته کردن */
    .toggle-buttons .btn {
        font-size: 0.8rem;
        padding: 0.25rem 0.75rem;
        background: white;
    }

    .toggle-buttons .btn-outline-secondary {
        color: #6c757d;
        border-color: #dee2e6;
    }

    .toggle-buttons .btn-outline-secondary:hover {
        background-color: #f8f9fa;
        color: #495057;
    }

    .toggle-buttons .btn:disabled {
        opacity: 0.5;
        cursor: not-allowed;
        pointer-events: none;
    }

    @media (max-width: 768px) {
        .box-title-cart h2 {
            font-size: 1rem;
        }

        .toggle-buttons .btn {
            font-size: 0.75rem;
            padding: 0.2rem 0.5rem;
        }
    }

    /* استایل‌های عکس */
    .gallery {
        max-width: 450px;
        margin: 0 auto;
        padding: 0;
    }



    .main-image {
        position: relative;
        width: 100%;
        padding-bottom: 100%;
        margin-bottom: 1rem;
    }

    /* استایل برای 3 محصول */
    .sticky-products-container.products-3 .sticky-product {
        height: 32px;
        padding: 0.2rem;
        gap: 0.25rem;
    }

    .sticky-products-container.products-3 .sticky-product-image {
        width: 22px;
        height: 22px;
    }

    .sticky-products-container.products-3 .sticky-product-info {
        gap: 0.1rem;
    }

    .sticky-products-container.products-3 .sticky-product-title {
        font-size: 0.65rem;
        line-height: 1.1;
    }

    .sticky-products-container.products-3 .sticky-product-specs {
        display: none;
    }

    /* استایل برای 4 محصول */
    .sticky-products-container.products-4 .sticky-product {
        height: 28px;
        padding: 0.15rem;
        gap: 0.2rem;
    }

    .sticky-products-container.products-4 .sticky-product-image {
        width: 20px;
        height: 20px;
    }

    .sticky-products-container.products-4 .sticky-product-info {
        gap: 0.05rem;
    }

    .sticky-products-container.products-4 .sticky-product-title {
        font-size: 0.6rem;
        line-height: 1;
    }

    .sticky-products-container.products-4 .sticky-product-specs {
        display: none;
    }

    /* تنظیم فاصله بین محصولات برای حالت‌های مختلف */
    .sticky-products-container.products-3 .sticky-versus {
        width: 20px;
        font-size: 0.7rem;
    }

    .sticky-products-container.products-4 .sticky-versus {
        width: 18px;
        font-size: 0.65rem;
    }

    @media (max-width: 768px) {

        .sticky-products-container.products-3 .sticky-product,
        .sticky-products-container.products-4 .sticky-product {
            height: 28px;
            padding: 0.15rem;
        }

        .sticky-products-container.products-3 .sticky-product-image,
        .sticky-products-container.products-4 .sticky-product-image {
            width: 20px;
            height: 20px;
        }

        .sticky-products-container.products-3 .sticky-product-title,
        .sticky-products-container.products-4 .sticky-product-title {
            font-size: 0.6rem;
        }

        .sticky-products-container.products-3 .sticky-versus,
        .sticky-products-container.products-4 .sticky-versus {
            width: 18px;
            font-size: 0.65rem;
        }
    }

    /* رنگ‌بندی محصولات در منوی استیکی */
    /* استایل برای 2 محصول */
    .sticky-products-container.products-2 .sticky-product:nth-child(1) .sticky-product-title {
        color: #dc3545;
    }

    .sticky-products-container.products-2 .sticky-product:nth-child(3) .sticky-product-title {
        color: #0d6efd;
    }

    /* استایل برای 3 محصول */
    .sticky-products-container.products-3 .sticky-product:nth-child(1) .sticky-product-title {
        color: #dc3545;
    }

    .sticky-products-container.products-3 .sticky-product:nth-child(3) .sticky-product-title {
        color: #0d6efd;
    }

    .sticky-products-container.products-3 .sticky-product:nth-child(5) .sticky-product-title {
        color: #198754;
    }

    /* استایل برای 4 محصول */
    .sticky-products-container.products-4 .sticky-product:nth-child(1) .sticky-product-title {
        color: #dc3545;
    }

    .sticky-products-container.products-4 .sticky-product:nth-child(3) .sticky-product-title {
        color: #0d6efd;
    }

    .sticky-products-container.products-4 .sticky-product:nth-child(5) .sticky-product-title {
        color: #198754;
    }

    .sticky-products-container.products-4 .sticky-product:nth-child(7) .sticky-product-title {
        color: #6f42c1;
    }

    /* حذف رنگ‌های قبلی که با کلاس‌های text-danger و text-primary اعمال می‌شدند */
    .sticky-product-title.text-danger,
    .sticky-product-title.text-primary {
        color: inherit;
    }

    .text-success {
        color: #198754 !important;
    }

    .text-purple {
        color: #6f42c1 !important;
    }

    /* استایل‌های جدید برای گرید محصولات */
    .row {
        display: grid;

    }

    /* برای 2 محصول */
    .row:has(.col:nth-child(2)) {
        grid-template-columns: 1fr auto 1fr;
    }

    /* برای 3 محصول */
    .row:has(.col:nth-child(4)) {
        grid-template-columns: 1fr auto 1fr auto 1fr;
    }

    /* برای 4 محصول */
    .row:has(.col:nth-child(6)) {
        grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
    }

    @media (max-width: 1200px) {

        /* برای 3 محصول */
        .row:has(.col:nth-child(4)) {
            grid-template-columns: 1fr auto 1fr auto 1fr;
        }

        /* برای 4 محصول */
        .row:has(.col:nth-child(6)) {
            grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
        }
    }

    @media (max-width: 992px) {

        /* برای 3 محصول */
        .row:has(.col:nth-child(4)) {
            grid-template-columns: 1fr auto 1fr auto 1fr;
        }

        /* برای 4 محصول */
        .row:has(.col:nth-child(6)) {
            grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
        }
    }

    @media (max-width: 768px) {
        .row {
            grid-template-columns: 1fr !important;
        }

        .col-auto {
            display: none;
        }

        .col {
            margin-bottom: 1rem;
        }
    }

    /* استایل‌های جدید برای بخش نظرات */
    .comments-grid {
        display: grid;
        gap: 1rem;
    }

    /* برای 2 محصول */
    .comments-grid.products-2 {
        grid-template-columns: 1fr 1fr;
    }

    /* برای 3 محصول */
    .comments-grid.products-3 {
        grid-template-columns: repeat(3, 1fr);
    }

    /* برای 4 محصول */
    .comments-grid.products-4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .comment-card {
        background: #fff;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        padding: 1rem;
        height: 100%;
    }

    .comment-header {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 1rem;
    }

    .comment-product-image {
        width: 48px;
        height: 48px;
        object-fit: contain;
        border-radius: 4px;
    }

    .comment-product-title {
        font-size: 0.9rem;
        font-weight: 600;
        margin: 0;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-width: 200px;
    }

    .comment-content {
        font-size: 0.85rem;
        color: #495057;
        margin-bottom: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .comment-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 0.8rem;
        color: #6c757d;
    }

    .view-all-comments {
        display: block;
        text-align: center;
        padding: 0.75rem;
        background: #f8f9fa;
        border-radius: 8px;
        color: #495057;
        text-decoration: none;
        margin-top: 1rem;
        transition: all 0.3s ease;
    }

    .view-all-comments:hover {
        background: #e9ecef;
        color: #d00707;
        transform: translateY(-2px);
    }

    @media (max-width: 992px) {

        .comments-grid.products-3,
        .comments-grid.products-4 {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 576px) {
        .comments-grid {
            grid-template-columns: 1fr !important;
        }

        .comment-product-title {
            font-size: 0.85rem;
            max-width: 160px;
        }
    }

    /* رنگ‌بندی عناوین محصولات در نظرات */
    .comment-card:nth-child(1) .comment-product-title {
        color: #dc3545;
    }

    .comment-card:nth-child(2) .comment-product-title {
        color: #0d6efd;
    }

    .comment-card:nth-child(3) .comment-product-title {
        color: #198754;
    }

    .comment-card:nth-child(4) .comment-product-title {
        color: #6f42c1;
    }

    /* رنگ‌بندی عناوین در بخش امتیازات */
    .score-card:nth-child(1) .score-product-title {
        color: #dc3545;
    }

    .score-card:nth-child(2) .score-product-title {
        color: #0d6efd;
    }

    .score-card:nth-child(3) .score-product-title {
        color: #198754;
    }

    .score-card:nth-child(4) .score-product-title {
        color: #6f42c1;
    }

    /* حذف استایل‌های قبلی رنگ‌بندی */
    .comments-grid.products-2 .comment-product-title:nth-child(1),
    .comments-grid.products-2 .comment-product-title:nth-child(2),
    .comments-grid.products-3 .comment-product-title:nth-child(1),
    .comments-grid.products-3 .comment-product-title:nth-child(2),
    .comments-grid.products-3 .comment-product-title:nth-child(3),
    .comments-grid.products-4 .comment-product-title:nth-child(1),
    .comments-grid.products-4 .comment-product-title:nth-child(2),
    .comments-grid.products-4 .comment-product-title:nth-child(3),
    .comments-grid.products-4 .comment-product-title:nth-child(4) {
        color: inherit;
    }

    /* استایل‌های بردکرامپ */
    .breadcrumb {
        display: flex;
        flex-wrap: wrap;
        padding: 0.75rem 1rem;
        margin-bottom: 0;
        list-style: none;
        background-color: transparent !important;
    }

    .breadcrumb-item {
        display: flex;
        align-items: center;
        font-size: 0.85rem;
    }

    .breadcrumb-item+.breadcrumb-item {
        padding-right: 0.5rem;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        display: inline-block;
        padding-left: 0.5rem;
        color: #6c757d;
        content: "/";
    }

    .breadcrumb-item a {
        color: #495057;
        text-decoration: none;
        transition: all 0.3s ease;
    }

    .breadcrumb-item a:hover {
        color: #d00707;
        text-decoration: none;
    }

    .breadcrumb-item.active {
        color: #6c757d;
    }

    @media (max-width: 768px) {
        .breadcrumb {
            padding: 0.5rem;
            font-size: 0.8rem;
        }

        .breadcrumb-item {
            font-size: 0.8rem;
        }
    }

    .sticky-products-container.products-2 .sticky-product-specs {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.35rem;
        font-size: 0.65rem;
        color: #6c757d;
        white-space: normal;
        overflow: visible;
        text-overflow: unset;
    }

    .sticky-products-container.products-2 .spec-title,
    .sticky-products-container.products-2 .spec-value {
        max-width: none;
        overflow: visible;
        text-overflow: unset;
        white-space: normal;
    }

    @media (max-width: 768px) {
        .sticky-products-container.products-2 .sticky-product-specs {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .sticky-products-container.products-2 .spec-title,
        .sticky-products-container.products-2 .spec-value {
            max-width: 80px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .sticky-feature-item {
            width: 20px;
            height: 20px;
        }

        .sticky-feature-icon {
            font-size: 10px !important;
        }

        h3.spec-title {
            font-size: 20px;
        }

        .sticky-features-nav {
            left: 5px;
        }

        .buy-button {
            padding: 0.25rem 0.75rem;
            font-size: 0.75rem;
        }
    }

    .buy-button {
        padding: 0.35rem 1rem;
        background: #d00707;
        color: white;
        border-radius: 6px;
        font-size: 0.8rem;
        text-decoration: none !important;
        transition: all 0.2s ease;
    }

    .buy-button:hover {
        color: white;
        background: #b00606;
        transform: translateY(-2px);
    }

    @media (min-width: 992px) {

        .comparison-page .pr-lg-5,
        .comparison-page .pl-lg-5,
        .comparison-page .px-lg-5 {
            padding-inline-start: 0 !important;
            padding-inline-end: 2rem !important;
        }
    }
</style>

<script>
    function scrollToSection(sectionId) {
        const section = document.getElementById(sectionId);
        if (!section) return;

        const headerOffset = 100;
        const elementPosition = section.getBoundingClientRect().top;
        const offsetPosition = elementPosition + window.pageYOffset - headerOffset;

        window.scrollTo({
            top: offsetPosition,
            behavior: 'smooth'
        });
    }

    document.addEventListener('DOMContentLoaded', function() {
        const nav = document.getElementById('stickyNav');
        const featuresNav = document.getElementById('stickyFeaturesNav');
        let isNavVisible = false;
        let isFeaturesNavVisible = false;

        function handleScroll() {
            const scrollPosition = window.scrollY;
            const foldPosition = window.innerHeight;

            if (scrollPosition > foldPosition) {
                if (!isNavVisible) {
                    nav.classList.add('show');
                    isNavVisible = true;
                }
                if (!isFeaturesNavVisible) {
                    featuresNav.classList.add('show');
                    isFeaturesNavVisible = true;
                }
            } else {
                if (isNavVisible) {
                    nav.classList.remove('show');
                    isNavVisible = false;
                }
                if (isFeaturesNavVisible) {
                    featuresNav.classList.remove('show');
                    isFeaturesNavVisible = false;
                }
            }

            document.querySelectorAll('.specifications-section').forEach(section => {
                const sectionRect = section.getBoundingClientRect();
                const sectionId = section.id;

                if (sectionRect.top <= 150 && sectionRect.bottom >= 150) {
                    updateProductSpecs(section);

                    document.querySelectorAll('.sticky-feature-item').forEach(item => {
                        item.classList.remove('active');
                        if (item.getAttribute('href') === `#${sectionId}`) {
                            item.classList.add('active');
                        }
                    });
                }
            });
        }

        function preloadIcons() {
            document.querySelectorAll('.sticky-feature-icon').forEach(icon => {
                const iconUrl = icon.getAttribute('data');
                if (iconUrl) {
                    const img = new Image();
                    img.src = iconUrl;
                }
            });
        }

        function preloadProductImages() {
            document.querySelectorAll('.sticky-product-image').forEach(img => {
                const imgUrl = img.getAttribute('src');
                if (imgUrl) {
                    const image = new Image();
                    image.src = imgUrl;
                }
            });
        }

        function updateProductSpecs(section) {
            const table = section.querySelector('.table');
            if (!table) return;

            const firstRow = table.querySelector('tbody tr');
            if (!firstRow) return;

            const title = firstRow.querySelector('th').textContent.trim();
            const cells = firstRow.querySelectorAll('td');

            cells.forEach((cell, index) => {
                const specsContainer = document.getElementById(`product-specs-${index}`);
                if (specsContainer) {
                    const titleElement = specsContainer.querySelector('.spec-title');
                    const valueElement = specsContainer.querySelector('.spec-value');

                    titleElement.textContent = title;
                    titleElement.onclick = () => scrollToSection(section.id);
                    valueElement.textContent = cell.textContent.trim();
                }
            });
        }

        preloadIcons();
        preloadProductImages();

        window.addEventListener('scroll', handleScroll);
        window.addEventListener('resize', handleScroll);
        handleScroll();

        function isNumeric(str) {
            str = str.replace(/[,٬]/g, '').trim();
            str = str.replace(/[۰-۹]/g, d => '۰۱۲۳۴۵۶۷۸۹'.indexOf(d));
            return !isNaN(str) && !isNaN(parseFloat(str));
        }

        function extractNumber(str) {
            str = str.replace(/[,٬]/g, '').trim();
            str = str.replace(/[۰-۹]/g, d => '۰۱۲۳۴۵۶۷۸۹'.indexOf(d));
            return parseFloat(str);
        }

        function highlightSimilarValues() {
            const tables = document.querySelectorAll('.table');

            tables.forEach(table => {
                const rows = table.querySelectorAll('tbody tr');

                rows.forEach(row => {
                    const cells = row.querySelectorAll('td');
                    if (cells.length < 2) return;

                    const values = Array.from(cells).map(cell => cell.textContent.trim());

                    if (values.every(value => value === values[0])) {
                        cells.forEach(cell => {
                            cell.style.color = '#6c757d';
                        });
                    }
                    else if (values.every(value => isNumeric(value) && value !== '-')) {
                        const numbers = values.map(value => extractNumber(value));
                        const maxValue = Math.max(...numbers);

                        cells.forEach((cell, index) => {
                            const currentValue = numbers[index];
                            const icon = document.createElement('span');
                            icon.style.marginRight = '5px';

                            if (currentValue === maxValue) {
                                icon.innerHTML = '✓';
                                icon.style.color = '#28a745';
                                cell.style.color = '#28a745';
                            } else {
                                icon.innerHTML = '✗';
                                icon.style.color = '#dc3545';
                                cell.style.color = '#dc3545';
                            }

                            cell.appendChild(icon);
                        });
                    }
                    else if (values.every(value => value === 'Var' || value === 'Yok')) {
                        cells.forEach((cell, index) => {
                            const value = values[index];
                            const icon = document.createElement('span');
                            icon.style.marginRight = '5px';

                            if (value === 'Var') {
                                icon.innerHTML = '✓';
                                icon.style.color = '#28a745';
                                cell.style.color = '#28a745';
                            } else {
                                icon.innerHTML = '✗';
                                icon.style.color = '#dc3545';
                                cell.style.color = '#dc3545';
                            }

                            cell.appendChild(icon);
                        });
                    }
                });
            });
        }

        highlightSimilarValues();
    });


    let searchTimeout;
    let searchCache = {};
    let categoryTitles = {};

    document.addEventListener('DOMContentLoaded', function() {
        window.comparison = {"uuid":"a0a3a135-61ad-4562-a9ab-6b15edd3660a","status":null,"entity_type":"comparison","rating":{"count":0,"total":0,"average":0,"stars":0},"site_domain":"benzetme.com","uuid_list":["e96fc23c-fee5-42cf-8528-cc09fcb2744e","cf296df1-ca74-4f47-a040-b0adce5603a5"],"slug_list":["cooler-master-hyper-212-argb","cooler-master-i70-for-lga-1700"],"title_list":["Cooler Master Hyper 212 Argb","Cooler Master I70 For Lga 1700"],"parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"main_category":"tech","menu":{"ed79da54-94e9-4eed-9433-b81211ec50a3":{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"link":"https:\/\/benzetme.com\/tech","blog_link":"https:\/\/benzetme.com\/tech\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/wiki","news_link":"https:\/\/benzetme.com\/tech\/news","level":0,"sort_order":0,"is_active":true,"sub":{"43b708d6-797f-46ae-8f08-0c5111356a5f":{"uuid":"43b708d6-797f-46ae-8f08-0c5111356a5f","slug":"mobile-tablet","title":"Cep Telefonlar\u0131 ve Tabletler","description":"","link":"https:\/\/benzetme.com\/tech\/mobile-tablet","blog_link":"https:\/\/benzetme.com\/tech\/mobile-tablet\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/mobile-tablet\/wiki","news_link":"https:\/\/benzetme.com\/tech\/mobile-tablet\/news","level":1,"sort_order":0,"is_active":true,"sub":{"d7bce4f9-3e53-47c7-aaf7-89853be25e5a":{"uuid":"d7bce4f9-3e53-47c7-aaf7-89853be25e5a","slug":"mobile","title":"Cep Telefonu","description":"","link":"https:\/\/benzetme.com\/tech\/mobile","blog_link":"https:\/\/benzetme.com\/tech\/mobile\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/mobile\/wiki","news_link":"https:\/\/benzetme.com\/tech\/mobile\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"6df91dcb-9b89-40ab-be43-4b53b1c5eb58":{"uuid":"6df91dcb-9b89-40ab-be43-4b53b1c5eb58","slug":"tablet","title":"Tablet","description":"","link":"https:\/\/benzetme.com\/tech\/tablet","blog_link":"https:\/\/benzetme.com\/tech\/tablet\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/tablet\/wiki","news_link":"https:\/\/benzetme.com\/tech\/tablet\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"60e068b2-4691-4828-b961-8922d59619ff":{"uuid":"60e068b2-4691-4828-b961-8922d59619ff","slug":"mobile-tablet-accessorie","title":"Mobil ve Tablet Aksesuarlar\u0131","description":"","link":"https:\/\/benzetme.com\/tech\/mobile-tablet-accessorie","blog_link":"https:\/\/benzetme.com\/tech\/mobile-tablet-accessorie\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/mobile-tablet-accessorie\/wiki","news_link":"https:\/\/benzetme.com\/tech\/mobile-tablet-accessorie\/news","level":2,"sort_order":0,"is_active":true,"sub":{"eb23a573-4ee5-4d91-8e08-3014cbaddda9":{"uuid":"eb23a573-4ee5-4d91-8e08-3014cbaddda9","slug":"powerbank","title":"Ta\u015f\u0131nabilir \u015earj Cihaz\u0131 (Powerbank)","description":"","link":"https:\/\/benzetme.com\/tech\/powerbank","blog_link":"https:\/\/benzetme.com\/tech\/powerbank\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/powerbank\/wiki","news_link":"https:\/\/benzetme.com\/tech\/powerbank\/news","level":3,"sort_order":0,"is_active":true,"sub":[]},"44b942bf-45be-4512-8aec-8e4d60e78563":{"uuid":"44b942bf-45be-4512-8aec-8e4d60e78563","slug":"charger","title":"\u015earj Kablolar\u0131 ve Adapt\u00f6rler","description":"","link":"https:\/\/benzetme.com\/tech\/charger","blog_link":"https:\/\/benzetme.com\/tech\/charger\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/charger\/wiki","news_link":"https:\/\/benzetme.com\/tech\/charger\/news","level":3,"sort_order":0,"is_active":true,"sub":{"92b83060-92f4-4908-83f9-1adb5d6d05bd":{"uuid":"92b83060-92f4-4908-83f9-1adb5d6d05bd","slug":"charge-cable","title":"\u015earj Kablosu","description":"","link":"https:\/\/benzetme.com\/tech\/charge-cable","blog_link":"https:\/\/benzetme.com\/tech\/charge-cable\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/charge-cable\/wiki","news_link":"https:\/\/benzetme.com\/tech\/charge-cable\/news","level":4,"sort_order":0,"is_active":true,"sub":[]}}}}},"3359d291-4644-41f0-adb3-20ccc0e90e76":{"uuid":"3359d291-4644-41f0-adb3-20ccc0e90e76","slug":"ebook-reader","title":"E-Kitap Okuyucular","description":"","link":"https:\/\/benzetme.com\/tech\/ebook-reader","blog_link":"https:\/\/benzetme.com\/tech\/ebook-reader\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/ebook-reader\/wiki","news_link":"https:\/\/benzetme.com\/tech\/ebook-reader\/news","level":2,"sort_order":0,"is_active":true,"sub":[]}}},"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4":{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/wiki","news_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/news","level":1,"sort_order":0,"is_active":true,"sub":{"af10e08f-be3f-48a5-af30-66565f49ab6c":{"uuid":"af10e08f-be3f-48a5-af30-66565f49ab6c","slug":"laptop","title":"Diz\u00fcst\u00fc Bilgisayarlar","description":"","link":"https:\/\/benzetme.com\/tech\/laptop","blog_link":"https:\/\/benzetme.com\/tech\/laptop\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/laptop\/wiki","news_link":"https:\/\/benzetme.com\/tech\/laptop\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"13bd567e-3ff7-433d-8fd1-ae3990ebc572":{"uuid":"13bd567e-3ff7-433d-8fd1-ae3990ebc572","slug":"cpu","title":"Bilgisayarlar ve Aksesuarlar","description":"","link":"https:\/\/benzetme.com\/tech\/cpu","blog_link":"https:\/\/benzetme.com\/tech\/cpu\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/cpu\/wiki","news_link":"https:\/\/benzetme.com\/tech\/cpu\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"73cf778d-5191-4ebf-bc50-52aaa6681840":{"uuid":"73cf778d-5191-4ebf-bc50-52aaa6681840","slug":"vga","title":"Diz\u00fcst\u00fc Bilgisayar","description":"","link":"https:\/\/benzetme.com\/tech\/vga","blog_link":"https:\/\/benzetme.com\/tech\/vga\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/vga\/wiki","news_link":"https:\/\/benzetme.com\/tech\/vga\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"e372b94a-a782-405b-87bc-cbc71c850ad5":{"uuid":"e372b94a-a782-405b-87bc-cbc71c850ad5","slug":"computer-accessories","title":"Bilgisayar Aksesuarlar\u0131","description":"","link":"https:\/\/benzetme.com\/tech\/computer-accessories","blog_link":"https:\/\/benzetme.com\/tech\/computer-accessories\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-accessories\/wiki","news_link":"https:\/\/benzetme.com\/tech\/computer-accessories\/news","level":2,"sort_order":0,"is_active":true,"sub":{"17da3234-6d52-4d5f-b121-52d99a4551a6":{"uuid":"17da3234-6d52-4d5f-b121-52d99a4551a6","slug":"dongle-converter","title":"D\u00f6n\u00fc\u015ft\u00fcr\u00fcc\u00fcler ve Donglelar","description":"","link":"https:\/\/benzetme.com\/tech\/dongle-converter","blog_link":"https:\/\/benzetme.com\/tech\/dongle-converter\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/dongle-converter\/wiki","news_link":"https:\/\/benzetme.com\/tech\/dongle-converter\/news","level":3,"sort_order":0,"is_active":true,"sub":{"3b35ee0c-85af-40d4-8195-3c593ca840f3":{"uuid":"3b35ee0c-85af-40d4-8195-3c593ca840f3","slug":"hdmi-cable","title":"HDMI Kablolar\u0131","description":"","link":"https:\/\/benzetme.com\/tech\/hdmi-cable","blog_link":"https:\/\/benzetme.com\/tech\/hdmi-cable\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/hdmi-cable\/wiki","news_link":"https:\/\/benzetme.com\/tech\/hdmi-cable\/news","level":4,"sort_order":0,"is_active":true,"sub":[]}}},"38621c7b-93ed-4420-900b-ed54c35c4eb7":{"uuid":"38621c7b-93ed-4420-900b-ed54c35c4eb7","slug":"webcam","title":"Webcamler","description":"","link":"https:\/\/benzetme.com\/tech\/webcam","blog_link":"https:\/\/benzetme.com\/tech\/webcam\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/webcam\/wiki","news_link":"https:\/\/benzetme.com\/tech\/webcam\/news","level":3,"sort_order":0,"is_active":true,"sub":[]},"67ea69f8-6a7a-4196-840e-34bc351e388a":{"uuid":"67ea69f8-6a7a-4196-840e-34bc351e388a","slug":"laptop-accessorie","title":"Laptop Aksesuarlar\u0131","description":"","link":"https:\/\/benzetme.com\/tech\/laptop-accessorie","blog_link":"https:\/\/benzetme.com\/tech\/laptop-accessorie\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/laptop-accessorie\/wiki","news_link":"https:\/\/benzetme.com\/tech\/laptop-accessorie\/news","level":3,"sort_order":0,"is_active":true,"sub":{"f787fa5b-7abd-4c85-8b4d-55f0a7878e8a":{"uuid":"f787fa5b-7abd-4c85-8b4d-55f0a7878e8a","slug":"laptop-cooler","title":"Laptop So\u011futucular","description":"","link":"https:\/\/benzetme.com\/tech\/laptop-cooler","blog_link":"https:\/\/benzetme.com\/tech\/laptop-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/laptop-cooler\/wiki","news_link":"https:\/\/benzetme.com\/tech\/laptop-cooler\/news","level":4,"sort_order":0,"is_active":true,"sub":[]}}},"6ec4daf6-f957-4ad2-979a-c15773d15b68":{"uuid":"6ec4daf6-f957-4ad2-979a-c15773d15b68","slug":"mouse-pad","title":"Mouse Pad","description":"","link":"https:\/\/benzetme.com\/tech\/mouse-pad","blog_link":"https:\/\/benzetme.com\/tech\/mouse-pad\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/mouse-pad\/wiki","news_link":"https:\/\/benzetme.com\/tech\/mouse-pad\/news","level":3,"sort_order":0,"is_active":true,"sub":[]}}},"5a648d1c-0b01-4ae4-aeaa-9b49a8430214":{"uuid":"5a648d1c-0b01-4ae4-aeaa-9b49a8430214","slug":"monitor","title":"Monit\u00f6rler","description":"","link":"https:\/\/benzetme.com\/tech\/monitor","blog_link":"https:\/\/benzetme.com\/tech\/monitor\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/monitor\/wiki","news_link":"https:\/\/benzetme.com\/tech\/monitor\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"e1093690-16b3-4f06-9259-a01af8ef77b0":{"uuid":"e1093690-16b3-4f06-9259-a01af8ef77b0","slug":"mini-pc","title":"Mini Bilgisayarlar","description":"","link":"https:\/\/benzetme.com\/tech\/mini-pc","blog_link":"https:\/\/benzetme.com\/tech\/mini-pc\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/mini-pc\/wiki","news_link":"https:\/\/benzetme.com\/tech\/mini-pc\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"3903a32a-ab08-4eee-b80d-b7edfd3f3bce":{"uuid":"3903a32a-ab08-4eee-b80d-b7edfd3f3bce","slug":"motherboard","title":"Monit\u00f6rler","description":"","link":"https:\/\/benzetme.com\/tech\/motherboard","blog_link":"https:\/\/benzetme.com\/tech\/motherboard\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/motherboard\/wiki","news_link":"https:\/\/benzetme.com\/tech\/motherboard\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e":{"uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","link":"https:\/\/benzetme.com\/tech\/case","blog_link":"https:\/\/benzetme.com\/tech\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/case\/wiki","news_link":"https:\/\/benzetme.com\/tech\/case\/news","level":2,"sort_order":0,"is_active":true,"sub":{"44a060f6-3c97-403f-8b48-7f479ad7cfe3":{"uuid":"44a060f6-3c97-403f-8b48-7f479ad7cfe3","slug":"desktop-computer","title":"Masa\u00fcst\u00fc Bilgisayar","description":"","link":"https:\/\/benzetme.com\/tech\/desktop-computer","blog_link":"https:\/\/benzetme.com\/tech\/desktop-computer\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/desktop-computer\/wiki","news_link":"https:\/\/benzetme.com\/tech\/desktop-computer\/news","level":3,"sort_order":0,"is_active":true,"sub":[]}}},"c97c2720-b087-4f6a-adfd-088584966f80":{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","link":"https:\/\/benzetme.com\/tech\/coolers","blog_link":"https:\/\/benzetme.com\/tech\/coolers\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/coolers\/wiki","news_link":"https:\/\/benzetme.com\/tech\/coolers\/news","level":2,"sort_order":0,"is_active":true,"sub":{"06a707d9-098a-4edb-99f1-b4ef99103029":{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","link":"https:\/\/benzetme.com\/tech\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/cpu-cooler\/wiki","news_link":"https:\/\/benzetme.com\/tech\/cpu-cooler\/news","level":3,"sort_order":0,"is_active":true,"sub":[]},"28396302-70fb-4868-88fc-05e5b748bdb4":{"uuid":"28396302-70fb-4868-88fc-05e5b748bdb4","slug":"liquid-cooling","title":"So\u011futma Fanlar\u0131","description":"","link":"https:\/\/benzetme.com\/tech\/liquid-cooling","blog_link":"https:\/\/benzetme.com\/tech\/liquid-cooling\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/liquid-cooling\/wiki","news_link":"https:\/\/benzetme.com\/tech\/liquid-cooling\/news","level":3,"sort_order":0,"is_active":true,"sub":[]},"5e5133fa-51a6-4463-8d5b-fb0b6b670ce1":{"uuid":"5e5133fa-51a6-4463-8d5b-fb0b6b670ce1","slug":"case-fan","title":"CPU So\u011futucular\u0131","description":"","link":"https:\/\/benzetme.com\/tech\/case-fan","blog_link":"https:\/\/benzetme.com\/tech\/case-fan\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/case-fan\/wiki","news_link":"https:\/\/benzetme.com\/tech\/case-fan\/news","level":3,"sort_order":0,"is_active":true,"sub":[]}}},"523dcf85-a949-438e-9b37-3dd81f7efcae":{"uuid":"523dcf85-a949-438e-9b37-3dd81f7efcae","slug":"keyboard-mouse","title":"Klavye ve Mouse Setleri","description":"","link":"https:\/\/benzetme.com\/tech\/keyboard-mouse","blog_link":"https:\/\/benzetme.com\/tech\/keyboard-mouse\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/keyboard-mouse\/wiki","news_link":"https:\/\/benzetme.com\/tech\/keyboard-mouse\/news","level":2,"sort_order":0,"is_active":true,"sub":{"ccf30a85-40aa-4870-84f6-59172dea60ef":{"uuid":"ccf30a85-40aa-4870-84f6-59172dea60ef","slug":"mouse","title":"Mouselar","description":"","link":"https:\/\/benzetme.com\/tech\/mouse","blog_link":"https:\/\/benzetme.com\/tech\/mouse\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/mouse\/wiki","news_link":"https:\/\/benzetme.com\/tech\/mouse\/news","level":3,"sort_order":0,"is_active":true,"sub":[]},"3b2dc955-c2e2-41fd-81c4-6bc67d11b217":{"uuid":"3b2dc955-c2e2-41fd-81c4-6bc67d11b217","slug":"keyboard","title":"Klavyeler","description":"","link":"https:\/\/benzetme.com\/tech\/keyboard","blog_link":"https:\/\/benzetme.com\/tech\/keyboard\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/keyboard\/wiki","news_link":"https:\/\/benzetme.com\/tech\/keyboard\/news","level":3,"sort_order":0,"is_active":true,"sub":[]}}},"4d0e75ae-091b-4f7c-8133-68df429f208f":{"uuid":"4d0e75ae-091b-4f7c-8133-68df429f208f","slug":"all-in-one","title":"All-in-One Bilgisayarlar","description":"","link":"https:\/\/benzetme.com\/tech\/all-in-one","blog_link":"https:\/\/benzetme.com\/tech\/all-in-one\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/all-in-one\/wiki","news_link":"https:\/\/benzetme.com\/tech\/all-in-one\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"d738ea19-3fd7-472a-b13d-5d30342fc1b1":{"uuid":"d738ea19-3fd7-472a-b13d-5d30342fc1b1","slug":"hdd","title":"Veri Depolama","description":"","link":"https:\/\/benzetme.com\/tech\/hdd","blog_link":"https:\/\/benzetme.com\/tech\/hdd\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/hdd\/wiki","news_link":"https:\/\/benzetme.com\/tech\/hdd\/news","level":2,"sort_order":0,"is_active":true,"sub":{"66e5f0a2-656e-4ad6-96c4-993ad922af6d":{"uuid":"66e5f0a2-656e-4ad6-96c4-993ad922af6d","slug":"ssd","title":"SSD Diskler","description":"","link":"https:\/\/benzetme.com\/tech\/ssd","blog_link":"https:\/\/benzetme.com\/tech\/ssd\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/ssd\/wiki","news_link":"https:\/\/benzetme.com\/tech\/ssd\/news","level":3,"sort_order":0,"is_active":true,"sub":[]},"2e7f590d-5da8-4224-b9cb-15f6768d9e6c":{"uuid":"2e7f590d-5da8-4224-b9cb-15f6768d9e6c","slug":"optical-drive","title":"Optik S\u00fcr\u00fcc\u00fc","description":"","link":"https:\/\/benzetme.com\/tech\/optical-drive","blog_link":"https:\/\/benzetme.com\/tech\/optical-drive\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/optical-drive\/wiki","news_link":"https:\/\/benzetme.com\/tech\/optical-drive\/news","level":3,"sort_order":0,"is_active":true,"sub":[]},"5eeb201d-c50f-462d-afcd-d8db5f3cb9e4":{"uuid":"5eeb201d-c50f-462d-afcd-d8db5f3cb9e4","slug":"flash-memory","title":"USB Bellekler","description":"","link":"https:\/\/benzetme.com\/tech\/flash-memory","blog_link":"https:\/\/benzetme.com\/tech\/flash-memory\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/flash-memory\/wiki","news_link":"https:\/\/benzetme.com\/tech\/flash-memory\/news","level":3,"sort_order":0,"is_active":true,"sub":[]},"79b11c72-75fb-49fd-a4d7-3e74c1c926f0":{"uuid":"79b11c72-75fb-49fd-a4d7-3e74c1c926f0","slug":"memory-card","title":"Bellek Kartlar\u0131","description":"","link":"https:\/\/benzetme.com\/tech\/memory-card","blog_link":"https:\/\/benzetme.com\/tech\/memory-card\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/memory-card\/wiki","news_link":"https:\/\/benzetme.com\/tech\/memory-card\/news","level":3,"sort_order":0,"is_active":true,"sub":[]}}},"c671fd7a-6dae-47d0-a499-ef407cd7e6b3":{"uuid":"c671fd7a-6dae-47d0-a499-ef407cd7e6b3","slug":"memory","title":"Bellek","description":"","link":"https:\/\/benzetme.com\/tech\/memory","blog_link":"https:\/\/benzetme.com\/tech\/memory\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/memory\/wiki","news_link":"https:\/\/benzetme.com\/tech\/memory\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"90a8d520-3e2d-4bdf-8be0-c701ae794c45":{"uuid":"90a8d520-3e2d-4bdf-8be0-c701ae794c45","slug":"power-supply","title":"G\u00fc\u00e7 Kaynaklar\u0131 (PSU)","description":"","link":"https:\/\/benzetme.com\/tech\/power-supply","blog_link":"https:\/\/benzetme.com\/tech\/power-supply\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/power-supply\/wiki","news_link":"https:\/\/benzetme.com\/tech\/power-supply\/news","level":3,"sort_order":0,"is_active":true,"sub":[]}}},"a0710198-b11c-404a-8623-b3a674cabc86":{"uuid":"a0710198-b11c-404a-8623-b3a674cabc86","slug":"cameras-photo-video","title":"Kamera, Foto\u011fraf \u0026 Video","description":"","link":"https:\/\/benzetme.com\/tech\/cameras-photo-video","blog_link":"https:\/\/benzetme.com\/tech\/cameras-photo-video\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/cameras-photo-video\/wiki","news_link":"https:\/\/benzetme.com\/tech\/cameras-photo-video\/news","level":1,"sort_order":0,"is_active":true,"sub":{"f218f2ea-e06e-47f2-9972-f013b2bcba4e":{"uuid":"f218f2ea-e06e-47f2-9972-f013b2bcba4e","slug":"camera","title":"Foto\u011fraf Makineleri","description":"","link":"https:\/\/benzetme.com\/tech\/camera","blog_link":"https:\/\/benzetme.com\/tech\/camera\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/camera\/wiki","news_link":"https:\/\/benzetme.com\/tech\/camera\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"de33267f-922f-480e-8786-69744b7d93b2":{"uuid":"de33267f-922f-480e-8786-69744b7d93b2","slug":"lens","title":"Kamera Lensleri","description":"","link":"https:\/\/benzetme.com\/tech\/lens","blog_link":"https:\/\/benzetme.com\/tech\/lens\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/lens\/wiki","news_link":"https:\/\/benzetme.com\/tech\/lens\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"6b6feb9e-a5b6-4e06-803a-50545575fd6b":{"uuid":"6b6feb9e-a5b6-4e06-803a-50545575fd6b","slug":"camera-video-accessorie","title":"Kamera, Foto\u011fraf \u0026 Video Aksesuarlar\u0131","description":"","link":"https:\/\/benzetme.com\/tech\/camera-video-accessorie","blog_link":"https:\/\/benzetme.com\/tech\/camera-video-accessorie\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/camera-video-accessorie\/wiki","news_link":"https:\/\/benzetme.com\/tech\/camera-video-accessorie\/news","level":2,"sort_order":0,"is_active":true,"sub":{"0b510a00-e29c-4c61-a9cb-aeca772125a9":{"uuid":"0b510a00-e29c-4c61-a9cb-aeca772125a9","slug":"card-reader","title":"Kamera SD Kart Okuyucu","description":"","link":"https:\/\/benzetme.com\/tech\/card-reader","blog_link":"https:\/\/benzetme.com\/tech\/card-reader\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/card-reader\/wiki","news_link":"https:\/\/benzetme.com\/tech\/card-reader\/news","level":3,"sort_order":0,"is_active":true,"sub":[]}}}}},"2ba11fb3-ccc4-4e5a-8ec6-867d206a7fcb":{"uuid":"2ba11fb3-ccc4-4e5a-8ec6-867d206a7fcb","slug":"wearables","title":"Ak\u0131ll\u0131 Saat ve Bileklikler","description":"","link":"https:\/\/benzetme.com\/tech\/wearables","blog_link":"https:\/\/benzetme.com\/tech\/wearables\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/wearables\/wiki","news_link":"https:\/\/benzetme.com\/tech\/wearables\/news","level":1,"sort_order":0,"is_active":true,"sub":[]},"a17aee3c-469a-4de1-bdf4-a79991b5f1de":{"uuid":"a17aee3c-469a-4de1-bdf4-a79991b5f1de","slug":"modem-router","title":"Modem ve A\u011f \u00dcr\u00fcnleri","description":"","link":"https:\/\/benzetme.com\/tech\/modem-router","blog_link":"https:\/\/benzetme.com\/tech\/modem-router\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/modem-router\/wiki","news_link":"https:\/\/benzetme.com\/tech\/modem-router\/news","level":1,"sort_order":0,"is_active":true,"sub":[]},"35f0fcfd-f25a-42ca-a373-a2207232cdd4":{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"Kulakl\u0131klar \u0026 Ses Ekipmanlar\u0131","description":"","link":"https:\/\/benzetme.com\/tech\/headphones-audio-equipment","blog_link":"https:\/\/benzetme.com\/tech\/headphones-audio-equipment\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/headphones-audio-equipment\/wiki","news_link":"https:\/\/benzetme.com\/tech\/headphones-audio-equipment\/news","level":1,"sort_order":0,"is_active":true,"sub":{"39054d19-6e20-4a4e-88ba-037a9e931598":{"uuid":"39054d19-6e20-4a4e-88ba-037a9e931598","slug":"speaker","title":"Hoparl\u00f6rler","description":"","link":"https:\/\/benzetme.com\/tech\/speaker","blog_link":"https:\/\/benzetme.com\/tech\/speaker\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/speaker\/wiki","news_link":"https:\/\/benzetme.com\/tech\/speaker\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"a28d5b52-dc98-4c5f-9b0d-6c7f29fc0d1f":{"uuid":"a28d5b52-dc98-4c5f-9b0d-6c7f29fc0d1f","slug":"headphone","title":"Kulakl\u0131klar","description":"","link":"https:\/\/benzetme.com\/tech\/headphone","blog_link":"https:\/\/benzetme.com\/tech\/headphone\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/headphone\/wiki","news_link":"https:\/\/benzetme.com\/tech\/headphone\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"211661b0-e4c5-4337-917d-78d4f6ea8782":{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"Soundbarlar","description":"","link":"https:\/\/benzetme.com\/tech\/soundbar","blog_link":"https:\/\/benzetme.com\/tech\/soundbar\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/soundbar\/wiki","news_link":"https:\/\/benzetme.com\/tech\/soundbar\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"64ecf614-23cc-49c8-9411-c0884ab6eaae":{"uuid":"64ecf614-23cc-49c8-9411-c0884ab6eaae","slug":"microphone","title":"Mikrofonlar","description":"","link":"https:\/\/benzetme.com\/tech\/microphone","blog_link":"https:\/\/benzetme.com\/tech\/microphone\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/microphone\/wiki","news_link":"https:\/\/benzetme.com\/tech\/microphone\/news","level":2,"sort_order":0,"is_active":true,"sub":[]},"ff4c90c9-40be-4c44-91b4-b4ea07faa0c0":{"uuid":"ff4c90c9-40be-4c44-91b4-b4ea07faa0c0","slug":"android-box","title":"Android Kutusu","description":"","link":"https:\/\/benzetme.com\/tech\/android-box","blog_link":"https:\/\/benzetme.com\/tech\/android-box\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/android-box\/wiki","news_link":"https:\/\/benzetme.com\/tech\/android-box\/news","level":2,"sort_order":0,"is_active":true,"sub":[]}}}}}},"products_slug":"cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700","link":"https:\/\/benzetme.com\/tech\/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700","products_title":"Cooler Master Hyper 212 Argb \u0130le Cooler Master I70 For Lga 1700","brands":[{"uuid":"a1293fe3-5766-4973-bf20-f51a0ab2cb5a","slug":"lg","is_active":true,"title":"Lg","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/lg"},{"uuid":"3344ce21-356d-4167-b07a-39fc823f7ed6","slug":"cooler-master","is_active":true,"title":"Cooler Master","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/cooler-master"}],"images":{"cf296df1-ca74-4f47-a040-b0adce5603a5":[{"uuid":"cf296df1-ca74-4f47-a040-b0adce5603a5","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"e96fc23c-fee5-42cf-8528-cc09fcb2744e":[{"uuid":"e96fc23c-fee5-42cf-8528-cc09fcb2744e","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/e96fc23c-fee5-42cf-8528-cc09fcb2744e.jpeg","is_active":true,"is_default":true,"entity_type":"product"}]},"specifications":[{"values":["Al\u00fcminyum",null],"title":"So\u011futucu malzeme t\u00fcr\u00fc","group":"Is\u0131 emici detaylar\u0131","sort_order":0,"group_sort_order":0},{"values":["",""],"title":"Fan \u00c7ekirdek Teknolojisi","group":"Fan \u00f6zellikleri","sort_order":0,"group_sort_order":0},{"values":["37 dakikadaki fit k\u00fcp (cfm)","62 dakikadaki fit k\u00fcp (cfm)"],"title":"Maksimum Hava Ak\u0131\u015f\u0131 Kapasitesi (CFM)","group":"Fan \u00f6zellikleri","sort_order":0,"group_sort_order":0},{"values":["1.33 mm H\u2082O","2.5 mm H\u2082O"],"title":"Maksimum Hava Bas\u0131nc\u0131 (mm\/H2O)","group":"Fan \u00f6zellikleri","sort_order":0,"group_sort_order":0},{"values":["3-pin PWM","4-pin PWM"],"title":"Fan Elektrik Ba\u011flant\u0131 T\u00fcr\u00fc","group":"Fan \u00f6zellikleri","sort_order":0,"group_sort_order":0},{"values":["12 volt (v)","12 volt (v)"],"title":"Fan \u00c7al\u0131\u015fma Gerilimi","group":"Fan \u00f6zellikleri","sort_order":0,"group_sort_order":0},{"values":["0.1 amper (a)","0.15 amper (a)"],"title":"Fan G\u00fc\u00e7 T\u00fcketimi","group":"Fan \u00f6zellikleri","sort_order":0,"group_sort_order":0},{"values":["1800 devir\/dakika","1800 devir\/dakika"],"title":"Maksimum nominal d\u00f6n\u00fc\u015f h\u0131z\u0131","group":"So\u011futma sistemi detaylar\u0131","sort_order":0,"group_sort_order":0},{"values":["28 desibel (db)","27 desibel (db)"],"title":"\u00dcretilen maksimum g\u00fcr\u00fclt\u00fc","group":"Klima \u00f6zellikleri","sort_order":0,"group_sort_order":0},{"values":["false","true"],"title":"Ayd\u0131nlatma","group":"Estetik \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["",""],"title":"Maksimum g\u00fc\u00e7 t\u00fcketimi","group":"Genel \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["70 * 120 * 120 milimetre (mm)","80.5 * 120 * 157 milimetre (mm)"],"title":"Genel boyutlar","group":"Genel \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":[null,"Al\u00fcminyum"],"title":"Is\u0131 Borusu Malzemesi ve Temas Y\u00fczeyi","group":"Is\u0131 borusu \u00f6zellikleri","sort_order":0,"group_sort_order":0},{"values":[null,""],"title":"Fan H\u0131z\u0131 Kontrol Sistemi","group":"Fan \u00f6zellikleri","sort_order":0,"group_sort_order":0},{"values":[null,"650 devir\/dakika"],"title":"Minimum nominal d\u00f6n\u00fc\u015f h\u0131z\u0131","group":"So\u011futma sistemi detaylar\u0131","sort_order":0,"group_sort_order":0},{"values":[null,""],"title":"Ayd\u0131nlatma sistemi t\u00fcr\u00fc","group":"Ayd\u0131nlatma \u00f6zellikleri","sort_order":0,"group_sort_order":0},{"values":[null,"Dikey"],"title":"Anakart \u00dczerine Montaj Y\u00f6ntemi","group":"Genel \u00f6zellikler","sort_order":0,"group_sort_order":0}],"products":[{"sku":null,"uuid":"cf296df1-ca74-4f47-a040-b0adce5603a5","is_active":true,"slug":"cooler-master-i70-for-lga-1700","category_pin":0,"faqs":[],"comments":[],"brand":{"uuid":"a1293fe3-5766-4973-bf20-f51a0ab2cb5a","slug":"lg","is_active":true,"title":"Lg","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/lg"},"category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"price":null,"from_price":null,"from_currency":"$","main_category":"tech","media":{"images":[{"uuid":"cf296df1-ca74-4f47-a040-b0adce5603a5","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg"},"scores":{"count":1,"total":0,"average":0,"stars":0},"rating":{"count":1,"total":0,"average":0,"stars":0},"title":"Cooler Master I70 For Lga 1700","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"description":"done","short_description":"","specifications_text":{"36801dec-7755-40b4-b359-b0449a7373b7":{"specifications":[{"uuid":"b364a018-6595-430c-b26f-34d7cb33aab4","data_type":"text","separator":null,"sort_order":0,"title":"So\u011futucu malzeme t\u00fcr\u00fc","help_text":"","description":"","articles":[],"value":{"uuid":"986b9648-cac3-43d5-b3a7-0bb9ac0507aa","date_value":null,"text":"Al\u00fcminyum","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-temperature-arrow-up","sort_order":0,"group_title":"Is\u0131 emici detaylar\u0131"},"a57841c1-2cf0-48a2-b037-78f686b8e5a9":{"specifications":[{"uuid":"ec374da8-1228-425f-bd6c-93c2f819aa26","data_type":"text","separator":null,"sort_order":0,"title":"Fan \u00c7ekirdek Teknolojisi","help_text":"","description":"","articles":[],"value":{"uuid":"5901100a-b47b-42b3-83ac-0c9b072cbd68","date_value":null,"text":"","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"fa5deee3-57ab-442c-b408-8c94515febbc","data_type":"text","separator":null,"sort_order":0,"title":"Maksimum Hava Ak\u0131\u015f\u0131 Kapasitesi (CFM)","help_text":"","description":"","articles":[],"value":{"uuid":"238d479b-0455-46a7-a29c-f2231293ac40","date_value":null,"text":"37 dakikadaki fit k\u00fcp (cfm)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"e7a47ed0-5f7c-40f2-8827-af1e81c22b98","data_type":"text","separator":null,"sort_order":0,"title":"Maksimum Hava Bas\u0131nc\u0131 (mm\/H2O)","help_text":"","description":"","articles":[],"value":{"uuid":"37621524-5e1f-49e7-bbd0-1a93f2dff605","date_value":null,"text":"1.33 mm H\u2082O","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"cc2b0476-1e07-4749-bab1-f4b5bdc6839c","data_type":"text","separator":null,"sort_order":0,"title":"Fan Elektrik Ba\u011flant\u0131 T\u00fcr\u00fc","help_text":"","description":"","articles":[],"value":{"uuid":"b08ca179-00da-40bc-84fe-863328f33785","date_value":null,"text":"3-pin PWM","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"61f9003c-dbe6-4ee8-b405-f173ed6c9f4e","data_type":"text","separator":null,"sort_order":0,"title":"Fan \u00c7al\u0131\u015fma Gerilimi","help_text":"","description":"","articles":[],"value":{"uuid":"7fce2261-8dd7-4a18-8b23-a2850b663fe6","date_value":null,"text":"12 volt (v)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"9c2907d1-dffb-4344-9a1d-12739a0f767a","data_type":"text","separator":null,"sort_order":0,"title":"Fan G\u00fc\u00e7 T\u00fcketimi","help_text":"","description":"","articles":[],"value":{"uuid":"dde0c542-a5fb-4e0c-8381-63cfdcffcfd1","date_value":null,"text":"0.1 amper (a)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-fan","sort_order":0,"group_title":"Fan \u00f6zellikleri"},"3d497503-a45e-4cf6-a315-fd46228e8b6d":{"specifications":[{"uuid":"ff53a52d-3aa3-44f8-929a-73e77f30ad29","data_type":"text","separator":null,"sort_order":0,"title":"Maksimum nominal d\u00f6n\u00fc\u015f h\u0131z\u0131","help_text":"","description":"","articles":[],"value":{"uuid":"7075cc17-e1fd-421f-bc3a-487af946f6c9","date_value":null,"text":"1800 devir\/dakika","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-fan","sort_order":0,"group_title":"So\u011futma sistemi detaylar\u0131"},"4665a54b-2cba-4dc7-8086-54ea461b326a":{"specifications":[{"uuid":"8ffb2202-824c-4933-b926-541edcf7461e","data_type":"text","separator":null,"sort_order":0,"title":"\u00dcretilen maksimum g\u00fcr\u00fclt\u00fc","help_text":"","description":"","articles":[],"value":{"uuid":"0d05bbaf-8354-4d63-af29-0cc611ce54f3","date_value":null,"text":"28 desibel (db)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-wind","sort_order":0,"group_title":"Klima \u00f6zellikleri"},"1ebceb0b-eae6-4f2a-adf1-a2526c59ead3":{"specifications":[{"uuid":"2a66c000-141c-4231-901d-ce3875d613a5","data_type":"text","separator":null,"sort_order":0,"title":"Ayd\u0131nlatma","help_text":"","description":"","articles":[],"value":{"uuid":"374e7916-4c6c-4917-805b-3ed0a2f15935","date_value":null,"text":"false","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-eye","sort_order":0,"group_title":"Estetik \u00f6zellikler"},"d6837aed-3697-48e0-b4d6-8836c26cd71a":{"specifications":[{"uuid":"fa5f9160-8ffe-4ba7-9c86-b0722297acf3","data_type":"text","separator":null,"sort_order":0,"title":"Maksimum g\u00fc\u00e7 t\u00fcketimi","help_text":"","description":"","articles":[],"value":{"uuid":"7f98192f-349c-4b20-b597-7dec0240dcf6","date_value":null,"text":"","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"5a57477a-746e-4017-8f81-ab954e3c1ef6","data_type":"text","separator":null,"sort_order":0,"title":"Genel boyutlar","help_text":"","description":"","articles":[],"value":{"uuid":"2922e6d6-bbb4-4f49-99ae-09106f16a73f","date_value":null,"text":"70 * 120 * 120 milimetre (mm)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-clipboard-list","sort_order":0,"group_title":"Genel \u00f6zellikler"}},"link":"https:\/\/benzetme.com\/tech\/cooler-master-i70-for-lga-1700","created_at":"2025-08-15","updated_at":"2025-12-10"},{"sku":null,"uuid":"e96fc23c-fee5-42cf-8528-cc09fcb2744e","is_active":true,"slug":"cooler-master-hyper-212-argb","category_pin":0,"faqs":[],"comments":[],"brand":{"uuid":"3344ce21-356d-4167-b07a-39fc823f7ed6","slug":"cooler-master","is_active":true,"title":"Cooler Master","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/cooler-master"},"category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"price":null,"from_price":null,"from_currency":"$","main_category":"tech","media":{"images":[{"uuid":"e96fc23c-fee5-42cf-8528-cc09fcb2744e","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/e96fc23c-fee5-42cf-8528-cc09fcb2744e.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/e96fc23c-fee5-42cf-8528-cc09fcb2744e.jpeg"},"scores":{"count":1,"total":0,"average":0,"stars":0},"rating":{"count":1,"total":0,"average":0,"stars":0},"title":"Cooler Master Hyper 212 Argb","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"description":"done","short_description":"","specifications_text":{"df1733a3-f2a2-4f49-8798-0dc136a68cb6":{"specifications":[{"uuid":"c3ae10f3-4bd7-4367-86dd-cc5d7f1c6457","data_type":"text","separator":null,"sort_order":0,"title":"Is\u0131 Borusu Malzemesi ve Temas Y\u00fczeyi","help_text":"","description":"","articles":[],"value":{"uuid":"d2a36981-8c7a-4630-970f-b2c8cdd9a7eb","date_value":null,"text":"Al\u00fcminyum","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-temperature-arrow-down","sort_order":0,"group_title":"Is\u0131 borusu \u00f6zellikleri"},"a57841c1-2cf0-48a2-b037-78f686b8e5a9":{"specifications":[{"uuid":"ec374da8-1228-425f-bd6c-93c2f819aa26","data_type":"text","separator":null,"sort_order":0,"title":"Fan \u00c7ekirdek Teknolojisi","help_text":"","description":"","articles":[],"value":{"uuid":"5901100a-b47b-42b3-83ac-0c9b072cbd68","date_value":null,"text":"","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"e6c40dcf-12ba-4bd2-8cac-4070a797971d","data_type":"text","separator":null,"sort_order":0,"title":"Fan H\u0131z\u0131 Kontrol Sistemi","help_text":"","description":"","articles":[],"value":{"uuid":"89d61b37-455e-4357-8f0a-407f1011b6bf","date_value":null,"text":"","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"fa5deee3-57ab-442c-b408-8c94515febbc","data_type":"text","separator":null,"sort_order":0,"title":"Maksimum Hava Ak\u0131\u015f\u0131 Kapasitesi (CFM)","help_text":"","description":"","articles":[],"value":{"uuid":"eebbdaaa-62e4-4a00-b3d7-e792974e8d6e","date_value":null,"text":"62 dakikadaki fit k\u00fcp (cfm)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"e7a47ed0-5f7c-40f2-8827-af1e81c22b98","data_type":"text","separator":null,"sort_order":0,"title":"Maksimum Hava Bas\u0131nc\u0131 (mm\/H2O)","help_text":"","description":"","articles":[],"value":{"uuid":"753d5490-d4b4-4e4e-abb3-3e053b2427c9","date_value":null,"text":"2.5 mm H\u2082O","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"cc2b0476-1e07-4749-bab1-f4b5bdc6839c","data_type":"text","separator":null,"sort_order":0,"title":"Fan Elektrik Ba\u011flant\u0131 T\u00fcr\u00fc","help_text":"","description":"","articles":[],"value":{"uuid":"f907f28b-e90f-4c0d-9639-d47afe00707b","date_value":null,"text":"4-pin PWM","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"61f9003c-dbe6-4ee8-b405-f173ed6c9f4e","data_type":"text","separator":null,"sort_order":0,"title":"Fan \u00c7al\u0131\u015fma Gerilimi","help_text":"","description":"","articles":[],"value":{"uuid":"7fce2261-8dd7-4a18-8b23-a2850b663fe6","date_value":null,"text":"12 volt (v)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"9c2907d1-dffb-4344-9a1d-12739a0f767a","data_type":"text","separator":null,"sort_order":0,"title":"Fan G\u00fc\u00e7 T\u00fcketimi","help_text":"","description":"","articles":[],"value":{"uuid":"b102319d-8b0e-4059-a50f-d666155720da","date_value":null,"text":"0.15 amper (a)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-fan","sort_order":0,"group_title":"Fan \u00f6zellikleri"},"3d497503-a45e-4cf6-a315-fd46228e8b6d":{"specifications":[{"uuid":"1eab2947-b562-4b6f-9360-4d1b02114f5d","data_type":"text","separator":null,"sort_order":0,"title":"Minimum nominal d\u00f6n\u00fc\u015f h\u0131z\u0131","help_text":"","description":"","articles":[],"value":{"uuid":"918e33b3-e777-43f0-a94b-3a3ad33ab163","date_value":null,"text":"650 devir\/dakika","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"ff53a52d-3aa3-44f8-929a-73e77f30ad29","data_type":"text","separator":null,"sort_order":0,"title":"Maksimum nominal d\u00f6n\u00fc\u015f h\u0131z\u0131","help_text":"","description":"","articles":[],"value":{"uuid":"7075cc17-e1fd-421f-bc3a-487af946f6c9","date_value":null,"text":"1800 devir\/dakika","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-fan","sort_order":0,"group_title":"So\u011futma sistemi detaylar\u0131"},"4665a54b-2cba-4dc7-8086-54ea461b326a":{"specifications":[{"uuid":"8ffb2202-824c-4933-b926-541edcf7461e","data_type":"text","separator":null,"sort_order":0,"title":"\u00dcretilen maksimum g\u00fcr\u00fclt\u00fc","help_text":"","description":"","articles":[],"value":{"uuid":"58cc34ca-3b62-4a13-97dc-c3848f8abf93","date_value":null,"text":"27 desibel (db)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-wind","sort_order":0,"group_title":"Klima \u00f6zellikleri"},"1ebceb0b-eae6-4f2a-adf1-a2526c59ead3":{"specifications":[{"uuid":"2a66c000-141c-4231-901d-ce3875d613a5","data_type":"text","separator":null,"sort_order":0,"title":"Ayd\u0131nlatma","help_text":"","description":"","articles":[],"value":{"uuid":"5c073496-aede-42f9-a9f8-57f53e8ed040","date_value":null,"text":"true","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-eye","sort_order":0,"group_title":"Estetik \u00f6zellikler"},"c6e1865b-7cab-4b4c-b367-f209b21bb634":{"specifications":[{"uuid":"a42e8fae-7fcc-4277-b3f0-3cdd0da2b491","data_type":"text","separator":null,"sort_order":0,"title":"Ayd\u0131nlatma sistemi t\u00fcr\u00fc","help_text":"","description":"","articles":[],"value":{"uuid":"915a6d3f-b98e-45ba-a8fc-c9fee878345d","date_value":null,"text":"","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-lightbulb","sort_order":0,"group_title":"Ayd\u0131nlatma \u00f6zellikleri"},"d6837aed-3697-48e0-b4d6-8836c26cd71a":{"specifications":[{"uuid":"a2c9157b-6f7c-4ae0-ad8f-1a86471e741a","data_type":"text","separator":null,"sort_order":0,"title":"Anakart \u00dczerine Montaj Y\u00f6ntemi","help_text":"","description":"","articles":[],"value":{"uuid":"2f583ec6-0ba0-4128-b02d-666982e3aebe","date_value":null,"text":"Dikey","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"fa5f9160-8ffe-4ba7-9c86-b0722297acf3","data_type":"text","separator":null,"sort_order":0,"title":"Maksimum g\u00fc\u00e7 t\u00fcketimi","help_text":"","description":"","articles":[],"value":{"uuid":"afd6c775-62bb-4583-ae33-b5be835c0a30","date_value":null,"text":"","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"5a57477a-746e-4017-8f81-ab954e3c1ef6","data_type":"text","separator":null,"sort_order":0,"title":"Genel boyutlar","help_text":"","description":"","articles":[],"value":{"uuid":"a913b263-9e37-4a4d-af25-28ea58170885","date_value":null,"text":"80.5 * 120 * 157 milimetre (mm)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-clipboard-list","sort_order":0,"group_title":"Genel \u00f6zellikler"}},"link":"https:\/\/benzetme.com\/tech\/cooler-master-hyper-212-argb","created_at":"2025-08-15","updated_at":"2025-12-10"}],"faqs":[],"comments":[],"faqs_pagination":{"path":"https:\/\/benzetme.com\/tech\/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700","to":null,"total":0,"from":null,"per_page":3,"last_page":1,"first_page_url":"https:\/\/benzetme.com\/tech\/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700?product_faqs_pagination=1","current_page":1,"next_page_url":null,"prev_page_url":null,"last_page_url":"https:\/\/benzetme.com\/tech\/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700?product_faqs_pagination=1"},"comments_pagination":{"path":"https:\/\/benzetme.com\/tech\/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700","to":null,"total":0,"from":null,"per_page":3,"last_page":1,"first_page_url":"https:\/\/benzetme.com\/tech\/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700?product_comments_pagination=1","current_page":1,"next_page_url":null,"prev_page_url":null,"last_page_url":"https:\/\/benzetme.com\/tech\/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700?product_comments_pagination=1"},"related_product":[{"entity_type":"product","sku":null,"uuid":"bc81af4b-447c-4aee-97f8-6bea0e75d3e8","is_active":true,"media":{"images":[{"uuid":"bc81af4b-447c-4aee-97f8-6bea0e75d3e8","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/bc81af4b-447c-4aee-97f8-6bea0e75d3e8.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/bc81af4b-447c-4aee-97f8-6bea0e75d3e8.jpeg"},"main_category":"tech","slug":"silverstone-ar12-tuf","title":"SilverStone AR12-TUF","site_domain":"benzetme.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/silverstone-ar12-tuf","category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"f0b0f2a4-66bb-47f7-9475-47e3078246fa","slug":"silverstone","is_active":true,"title":"Silverstone","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/silverstone"}},{"entity_type":"product","sku":null,"uuid":"92d7cdc7-8112-4a17-a1e7-66c13ab5ad17","is_active":true,"media":{"images":[{"uuid":"92d7cdc7-8112-4a17-a1e7-66c13ab5ad17","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/92d7cdc7-8112-4a17-a1e7-66c13ab5ad17.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/92d7cdc7-8112-4a17-a1e7-66c13ab5ad17.jpeg"},"main_category":"tech","slug":"raidmax-ac1204","title":"Raidmax AC1204","site_domain":"benzetme.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/raidmax-ac1204","category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"4fea2a54-afbc-456d-8652-5e40b4f01306","slug":"raidmax","is_active":true,"title":"Raidmax","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/raidmax"}},{"entity_type":"product","sku":null,"uuid":"363168ec-e832-4f11-bc8c-4777bbb055e1","is_active":true,"media":{"images":[{"uuid":"363168ec-e832-4f11-bc8c-4777bbb055e1","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/363168ec-e832-4f11-bc8c-4777bbb055e1.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/363168ec-e832-4f11-bc8c-4777bbb055e1.jpeg"},"main_category":"tech","slug":"gamdias-boreas-e1-410-red","title":"Gamdias Boreas E1 410 Red","site_domain":"benzetme.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/gamdias-boreas-e1-410-red","category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"fb5a4039-aa27-4006-94ea-3a3f4a5a4789","slug":"amd","is_active":true,"title":"Amd","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/amd"}},{"entity_type":"product","sku":null,"uuid":"7d388612-3ad3-45df-9fbe-c41c9a99d472","is_active":true,"media":{"images":[{"uuid":"7d388612-3ad3-45df-9fbe-c41c9a99d472","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/7d388612-3ad3-45df-9fbe-c41c9a99d472.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/7d388612-3ad3-45df-9fbe-c41c9a99d472.jpeg"},"main_category":"tech","slug":"deepcool-ul551","title":"Deepcool Ul551","site_domain":"benzetme.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/deepcool-ul551","category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"bc334970-2b2a-46a2-87e3-091b52503742","slug":"deepcool","is_active":true,"title":"Deepcool","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/deepcool"}},{"entity_type":"product","sku":null,"uuid":"6717a990-112f-4716-b212-9279e0ba8d5c","is_active":true,"media":{"images":[{"uuid":"6717a990-112f-4716-b212-9279e0ba8d5c","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/6717a990-112f-4716-b212-9279e0ba8d5c.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/6717a990-112f-4716-b212-9279e0ba8d5c.jpeg"},"main_category":"tech","slug":"deepcool-ak500-digital-wh","title":"Deepcool Ak500 Digital Wh","site_domain":"benzetme.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/deepcool-ak500-digital-wh","category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"bc334970-2b2a-46a2-87e3-091b52503742","slug":"deepcool","is_active":true,"title":"Deepcool","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/deepcool"}},{"entity_type":"product","sku":null,"uuid":"3d685c69-6904-4ba7-9f19-17a1fa727933","is_active":true,"media":{"images":[{"uuid":"3d685c69-6904-4ba7-9f19-17a1fa727933","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/3d685c69-6904-4ba7-9f19-17a1fa727933.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/3d685c69-6904-4ba7-9f19-17a1fa727933.jpeg"},"main_category":"tech","slug":"deepcool-ak400-digital-wh","title":"Deepcool Ak400 Digital Wh","site_domain":"benzetme.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/deepcool-ak400-digital-wh","category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"bc334970-2b2a-46a2-87e3-091b52503742","slug":"deepcool","is_active":true,"title":"Deepcool","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/deepcool"}},{"entity_type":"product","sku":null,"uuid":"49560d29-e7c2-4214-988e-ef4b4e394cfc","is_active":true,"media":{"images":[{"uuid":"49560d29-e7c2-4214-988e-ef4b4e394cfc","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/49560d29-e7c2-4214-988e-ef4b4e394cfc.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/49560d29-e7c2-4214-988e-ef4b4e394cfc.jpeg"},"main_category":"tech","slug":"cooler-master-standard-cooler-i50","title":"Cooler Master Standard Cooler I50","site_domain":"benzetme.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/cooler-master-standard-cooler-i50","category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"3344ce21-356d-4167-b07a-39fc823f7ed6","slug":"cooler-master","is_active":true,"title":"Cooler Master","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/cooler-master"}},{"entity_type":"product","sku":null,"uuid":"a3af29be-2bd7-4d66-b03f-e543fbc5181a","is_active":true,"media":{"images":[{"uuid":"a3af29be-2bd7-4d66-b03f-e543fbc5181a","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/a3af29be-2bd7-4d66-b03f-e543fbc5181a.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/a3af29be-2bd7-4d66-b03f-e543fbc5181a.jpeg"},"main_category":"tech","slug":"cooler-master-standard-cooler-i30","title":"Cooler Master Standard Cooler I30","site_domain":"benzetme.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/cooler-master-standard-cooler-i30","category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"3344ce21-356d-4167-b07a-39fc823f7ed6","slug":"cooler-master","is_active":true,"title":"Cooler Master","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/cooler-master"}},{"entity_type":"product","sku":null,"uuid":"9b9cac22-e2b6-4f06-a57e-b05b0f6258fb","is_active":true,"media":{"images":[{"uuid":"9b9cac22-e2b6-4f06-a57e-b05b0f6258fb","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/9b9cac22-e2b6-4f06-a57e-b05b0f6258fb.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/9b9cac22-e2b6-4f06-a57e-b05b0f6258fb.jpeg"},"main_category":"tech","slug":"cooler-master-t400-pro-red","title":"Cooler Master T400 Pro Red","site_domain":"benzetme.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/cooler-master-t400-pro-red","category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"3344ce21-356d-4167-b07a-39fc823f7ed6","slug":"cooler-master","is_active":true,"title":"Cooler Master","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/cooler-master"}},{"entity_type":"product","sku":null,"uuid":"e96fc23c-fee5-42cf-8528-cc09fcb2744e","is_active":true,"media":{"images":[{"uuid":"e96fc23c-fee5-42cf-8528-cc09fcb2744e","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/e96fc23c-fee5-42cf-8528-cc09fcb2744e.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/e96fc23c-fee5-42cf-8528-cc09fcb2744e.jpeg"},"main_category":"tech","slug":"cooler-master-hyper-212-argb","title":"Cooler Master Hyper 212 Argb","site_domain":"benzetme.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/cooler-master-hyper-212-argb","category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"3344ce21-356d-4167-b07a-39fc823f7ed6","slug":"cooler-master","is_active":true,"title":"Cooler Master","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/cooler-master"}},{"entity_type":"product","sku":null,"uuid":"93c0afb1-3d7f-47b7-9a7e-925923d370b4","is_active":true,"media":{"images":[{"uuid":"93c0afb1-3d7f-47b7-9a7e-925923d370b4","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/93c0afb1-3d7f-47b7-9a7e-925923d370b4.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/93c0afb1-3d7f-47b7-9a7e-925923d370b4.jpeg"},"main_category":"tech","slug":"deepcool-hyper-212-black-edition","title":"Deepcool Hyper 212 Black Edition","site_domain":"benzetme.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/deepcool-hyper-212-black-edition","category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"bc334970-2b2a-46a2-87e3-091b52503742","slug":"deepcool","is_active":true,"title":"Deepcool","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/deepcool"}},{"entity_type":"product","sku":null,"uuid":"c47128fb-9f8e-479d-8236-dcd8c4eb0e76","is_active":true,"media":{"images":[{"uuid":"c47128fb-9f8e-479d-8236-dcd8c4eb0e76","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/c47128fb-9f8e-479d-8236-dcd8c4eb0e76.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/c47128fb-9f8e-479d-8236-dcd8c4eb0e76.jpeg"},"main_category":"tech","slug":"silverstone-xe02-3647s","title":"Silverstone Xe02 3647S","site_domain":"benzetme.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/silverstone-xe02-3647s","category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"f0b0f2a4-66bb-47f7-9475-47e3078246fa","slug":"silverstone","is_active":true,"title":"Silverstone","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/silverstone"}},{"entity_type":"product","sku":null,"uuid":"d25476b9-8eb5-4cb0-bf67-2312f1615308","is_active":true,"media":{"images":[{"uuid":"d25476b9-8eb5-4cb0-bf67-2312f1615308","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/d25476b9-8eb5-4cb0-bf67-2312f1615308.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/d25476b9-8eb5-4cb0-bf67-2312f1615308.jpeg"},"main_category":"tech","slug":"noctua-nh-u14s-tr4-sp3","title":"Noctua Nh U14S Tr4 Sp3","site_domain":"benzetme.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"Elektronik","description":null,"level":0,"is_main":true},{"uuid":"f12cfa80-f0b8-41a7-a11d-26e42e4d49c4","slug":"computer-and-accessorie","title":"Bilgisayarlar ve Aksesuarlar","description":"","level":1,"is_main":true},{"uuid":"c97c2720-b087-4f6a-adfd-088584966f80","slug":"coolers","title":"So\u011futma Sistemleri","description":"","level":2,"is_main":true},{"uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","title":"Bilgisayar Kasalar\u0131","description":"","level":3,"is_main":false}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/noctua-nh-u14s-tr4-sp3","category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"b2d3e759-24ff-4c7a-92be-f5cda5cd8af3","slug":"noctua","is_active":true,"title":"Noctua","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/noctua"}}],"category":{"id":43,"path":"1\/20\/42\/43","uuid":"06a707d9-098a-4edb-99f1-b4ef99103029","slug":"cpu-cooler","icon":null,"level":3,"is_main":false,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Bilgisayar Kasalar\u0131","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@context":"https:\/\/schema.org","@name":"Benzetme","@type":"Organization","legalName":"Benzetme Web Sitesi","foundingDate":"2024-01-01","@alternateName":"Benzetme","@url":"https:\/\/benzetme.com","@logo":"https:\/\/cdn.benzetme.com\/public\/tr-logo.png","sameAs":null,"knowsAbout":["\u00dcr\u00fcn incelemeleri","\u00dcr\u00fcn ve hizmet kar\u015f\u0131la\u015ft\u0131rmalar\u0131","Kullan\u0131c\u0131 yorumlar\u0131 ve \u00fcr\u00fcn puanlamalar\u0131"],"award":"En iyi kar\u015f\u0131la\u015ft\u0131rma ve sat\u0131n alma rehberi sitesi"},{"@type":"WebPage","name":"Cooler Master Hyper 212 Argb \u0130le Cooler Master I70 For Lga 1700","url":"https:\/\/https:\/\/benzetme.com\/tech\/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700","description":"\u0645\u0642\u0627\u06cc\u0633\u0647 Cooler Master Hyper 212 Argb \u0130le Cooler Master I70 For Lga 1700"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/benzetme.com","name":"\u0645\u0642\u0627\u06cc\u0633\u0647"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/benzetme.com\/tech","name":"Elektronik"}},{"@type":"ListItem","position":3,"item":{"@id":"https:\/\/benzetme.com\/tech\/computer-and-accessorie","name":"Bilgisayarlar ve Aksesuarlar"}},{"@type":"ListItem","position":4,"item":{"@id":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers","name":"So\u011futma Sistemleri"}},{"@type":"ListItem","position":5,"item":{"@id":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","name":"Bilgisayar Kasalar\u0131"}}]}]}};

        const sections = document.querySelectorAll(`
        #details_box,
        .specifications-section,
        #comparison_scores,
        #comparison_comments,
        #comparison_faqs,
        #related_comparison,
        .anchor_tags,
        .box-title-cart
    `);

        let isScrolling = false;
        let currentHash = '';

        function isElementInViewport(el) {
            const rect = el.getBoundingClientRect();
            const windowHeight = window.innerHeight || document.documentElement.clientHeight;

            const isAtTop = rect.top <= 150;

            const visibleHeight = Math.min(rect.bottom, windowHeight) - Math.max(rect.top, 0);
            const elementHeight = rect.bottom - rect.top;
            const visibleRatio = visibleHeight / elementHeight;

            return {
                isVisible: visibleRatio > 0.3,
                isAtTop: isAtTop,
                visibleRatio: visibleRatio,
                topPosition: rect.top
            };
        }

        function scrollToSection(sectionId) {
            const section = document.getElementById(sectionId);
            if (!section) return;

            isScrolling = true;
            const headerOffset = 100;
            const elementPosition = section.getBoundingClientRect().top;
            const offsetPosition = elementPosition + window.pageYOffset - headerOffset;

            window.scrollTo({
                top: offsetPosition,
                behavior: 'smooth'
            });

            updateURL(sectionId);

            setTimeout(() => {
                isScrolling = false;
            }, 100);
        }

        function updateURL(sectionId) {
            if (sectionId) {
                history.replaceState(null, '', `#${sectionId}`);
                currentHash = `#${sectionId}`;

                document.querySelectorAll('.sticky-feature-item, .comparison-nav-item').forEach(item => {
                    item.classList.remove('active');
                    if (item.getAttribute('href') === `#${sectionId}`) {
                        item.classList.add('active');
                    }
                });
            } else {
                history.replaceState(null, '', window.location.pathname);
                currentHash = '';
                document.querySelectorAll('.sticky-feature-item, .comparison-nav-item').forEach(item => {
                    item.classList.remove('active');
                });
            }
        }

        document.querySelectorAll('.comparison-nav-item, .sticky-feature-item').forEach(link => {
            link.addEventListener('click', function(e) {
                e.preventDefault();
                const sectionId = this.getAttribute('href').substring(1);
                scrollToSection(sectionId);
            });
        });

        let ticking = false;
        window.addEventListener('scroll', function() {
            if (!ticking && !isScrolling) {
                window.requestAnimationFrame(function() {
                    const scrollPosition = window.scrollY;
                    const documentHeight = document.documentElement.scrollHeight;

                    if (scrollPosition < 50) {
                        if (currentHash) {
                            updateURL(null);
                        }
                    } else {
                        let bestSection = null;
                        let bestVisibility = 0;

                        sections.forEach(section => {
                            const visibility = isElementInViewport(section);
                            if (visibility.isVisible) {
                                if (visibility.isAtTop) {
                                    if (!bestSection || visibility.visibleRatio > bestVisibility) {
                                        bestSection = section;
                                        bestVisibility = visibility.visibleRatio;
                                    }
                                } else if (!bestSection) {
                                    bestSection = section;
                                    bestVisibility = visibility.visibleRatio;
                                }
                            }
                        });

                        if (bestSection) {
                            const sectionId = bestSection.id;
                            if (currentHash !== `#${sectionId}`) {
                                updateURL(sectionId);
                            }
                        } else if (currentHash) {
                            updateURL(null);
                        }
                    }

                    ticking = false;
                });

                ticking = true;
            }
        });

        if (window.location.hash) {
            const initialSectionId = window.location.hash.substring(1);
            setTimeout(() => {
                scrollToSection(initialSectionId);
            }, 100);
        }
    });

    function openReportForm() {
        $('#reportModal').modal('show');
    }

    function submitReport() {
        const description = $('#reportDescription').val();
        const sourceLink = $('#sourceLink').val();

        if (!description) {
            showMessage('Lütfen sorun açıklamasını girin.', 'error');
            return;
        }

        $.ajax({
            type: 'POST',
            url: 'https://benzetme.com/reported-issues/store',
            data: {
                entity_uuid: 'a0a3a135-61ad-4562-a9ab-6b15edd3660a',
                description: description,
                source_link: sourceLink,
                _token: 'lqA4eyWBKLg9rw4GT8YeQolypQri2maPL9lZGHvQ',
                entity_type: 'comparisons'
            },
            success: function() {
                $('#reportModal').modal('hide');
                showMessage('Raporunuz başarıyla gönderildi. İşbirliğiniz için teşekkürler.', 'success');
                $('#reportForm').trigger('reset');
            },
            error: function(error) {

                if (error?.status === 403) {
                    showMessage('Rapor göndermek için lütfen giriş yapın', 'error');
                    return;
                }

                showMessage('Maalesef rapor gönderilirken bir sorun oluştu. Lütfen tekrar deneyin.', 'error');
            }
        });
    }

    function updateToggleButtons() {
        const sections = document.querySelectorAll('.specification-details');
        const expandBtn = document.getElementById('expandAll');
        const collapseBtn = document.getElementById('collapseAll');

        let openCount = 0;
        sections.forEach(section => {
            if (section.open) openCount++;
        });

        if (openCount === sections.length) {
            expandBtn.disabled = true;
            collapseBtn.disabled = false;
        }
        else if (openCount === 0) {
            expandBtn.disabled = false;
            collapseBtn.disabled = true;
        }
        else {
            expandBtn.disabled = false;
            collapseBtn.disabled = false;
        }
    }

    function toggleAllSections(open) {
        document.querySelectorAll('.specification-details').forEach(details => {
            details.open = open;
        });
        updateToggleButtons();
    }

    document.addEventListener('DOMContentLoaded', function() {
        document.querySelectorAll('.specification-details').forEach(details => {
            details.addEventListener('toggle', updateToggleButtons);
        });
        updateToggleButtons();
    });
</script>


<!DOCTYPE html>
<html lang="tr" dir="ltr">

<head>
        
    <meta name="description" content="Benzetme sitesinde tüm online mağazalarında 20 Feb 2026 Cooler Master Hyper 212 Argb İle Cooler Master I70 For Lga 1700 karşılaştırması, özellik incelemesi ve bugünün fiyat listesi">
    <link rel="canonical" href="https://benzetme.com/tech/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700">

    <meta property="og:locale" content="fa_IR">
    <meta property="og:type" content="comparison">
    <meta property="og:image:width" content="1800">
    <meta property="og:site_name" content="Karşılaştırma">
    <meta property="og:image:height" content="1200">
    <meta property="og:availability" content="in stock">
    <meta property="og:image:type" content="image/jpeg">
    <meta property="og:url" content="https://benzetme.com/tech/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700">
    <meta property="og:title"
          content="Karşılaştırma Cooler Master Hyper 212 Argb İle Cooler Master I70 For Lga 1700">
    <meta property="og:image:alt"
          content="Resim Cooler Master Hyper 212 Argb İle Cooler Master I70 For Lga 1700">
    <meta property="og:image"
          content="">
    <meta property="og:description"
          content="Benzetme sitesinde tüm online mağazalarında 20 Feb 2026 Cooler Master Hyper 212 Argb İle Cooler Master I70 For Lga 1700 karşılaştırması, özellik incelemesi ve bugünün fiyat listesi">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

            <meta name="robots" content="index,follow">
        <title>Karşılaştırma Cooler Master Hyper 212 Argb İle Cooler Master I70 For Lga 1700</title>
        <script type="application/ld+json">
        {"@context":"https:\/\/schema.org","@graph":[{"@context":"https:\/\/schema.org","@name":"Benzetme","@type":"Organization","legalName":"Benzetme Web Sitesi","foundingDate":"2024-01-01","@alternateName":"Benzetme","@url":"https:\/\/benzetme.com","@logo":"https:\/\/cdn.benzetme.com\/public\/tr-logo.png","sameAs":null,"knowsAbout":["\u00dcr\u00fcn incelemeleri","\u00dcr\u00fcn ve hizmet kar\u015f\u0131la\u015ft\u0131rmalar\u0131","Kullan\u0131c\u0131 yorumlar\u0131 ve \u00fcr\u00fcn puanlamalar\u0131"],"award":"En iyi kar\u015f\u0131la\u015ft\u0131rma ve sat\u0131n alma rehberi sitesi"},{"@type":"WebPage","name":"Cooler Master Hyper 212 Argb \u0130le Cooler Master I70 For Lga 1700","url":"https:\/\/https:\/\/benzetme.com\/tech\/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700","description":"\u0645\u0642\u0627\u06cc\u0633\u0647 Cooler Master Hyper 212 Argb \u0130le Cooler Master I70 For Lga 1700"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/benzetme.com","name":"\u0645\u0642\u0627\u06cc\u0633\u0647"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/benzetme.com\/tech","name":"Elektronik"}},{"@type":"ListItem","position":3,"item":{"@id":"https:\/\/benzetme.com\/tech\/computer-and-accessorie","name":"Bilgisayarlar ve Aksesuarlar"}},{"@type":"ListItem","position":4,"item":{"@id":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers","name":"So\u011futma Sistemleri"}},{"@type":"ListItem","position":5,"item":{"@id":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler","name":"Bilgisayar Kasalar\u0131"}}]}]}
    </script>

    <link rel="icon" href="https://cdn.benzetme.com/public/favicon.png" type="image/x-icon">
<link rel="shortcut icon" href="https://cdn.benzetme.com/public/favicon.png" type="image/x-icon">

<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/fontawesome.min.css"
    crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/font-awesome-6.5.1.css"
    crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/icofont.min.css"
    crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/themify.min.css"
    crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/flag-icon.min.css"
    crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/feather-icon.min.css"
    crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/chartist.min.css"
    crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/sweet-alert-2.min.css"
    crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/prism.min.css"
    crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/bootstrap.min.css?ver=1.0.0">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/style.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/custom.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/header.min.css?ver=1.0.0">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/material-design-icons.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/responsive.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/summer-note.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/owlcarousel.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/rating.min.css">

<link rel="alternate" href="https://moqayese.com/tech/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700"
              hreflang="fa-IR"/>
        
        
                            <link rel="alternate" href="https://vswizard.com/tech/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700"
              hreflang="en-US"/>
        
        
                    <link rel="alternate" href="https://vswizard.com/tech/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700"
                  hreflang="x-default"/>
                            <link rel="alternate" href="https://benzetme.com/tech/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700"
              hreflang="tr-TR"/>
        
        
                            <link rel="alternate" href="https://yuqarin.com/tech/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700"
              hreflang="ar-AE"/>
        
        
            
    <style>
    .mr-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mr-1 {
        margin-left: .25rem !important;
        margin-right: 0 !important;
    }

    .mr-2 {
        margin-left: .5rem !important;
        margin-right: 0 !important;
    }

    .mr-3 {
        margin-left: 1rem !important;
        margin-right: 0 !important;
    }

    .mr-4 {
        margin-left: 1.5rem !important;
        margin-right: 0 !important;
    }

    .mr-5 {
        margin-left: 3rem !important;
        margin-right: 0 !important;
    }

    .ml-1 {
        margin-right: .25rem !important;
        margin-left: 0 !important;
    }

    .ml-2 {
        margin-right: .5rem !important;
        margin-left: 0 !important;
    }

    .ml-3 {
        margin-right: 1rem !important;
        margin-left: 0 !important;
    }

    .ml-4 {
        margin-right: 1.5rem !important;
        margin-left: 0 !important;
    }

    .pr-1 {
        padding-left: .25rem !important;
        padding-right: 0 !important;
    }

    .text-right {
        text-align: left !important;
    }

    .text-left {
        text-align: right !important;
    }

    .float-right {
        float: left !important;
    }

    .float-left {
        float: right !important;
    }

    header.main-header .main-menu>ul>li.category-list>ul>li>ul {
        right: unset;
        left: 235px;
    }

    /* Search Box LTR Adjustments */
    header.main-header .search-area form.search input {
        padding: 10px 45px 9px 10px;
        text-align: left;
    }

    header.main-header .search-area form.search .search-icon {
        left: unset;
        right: 10px;
    }

    header.main-header .search-area form.search button {
        left: unset;
        right: 0;
        border-radius: 0 7px 7px 0;
    }

    header.main-header .search-area form.search .close-search-result {
        left: unset;
        right: 60px;
    }

    .header-search-input {
        text-align: left !important;
    }

    .header-search-suggestions {
        left: 0;
        right: 0;
    }

    .header-search-suggestions .suggestion-item .product-title {
        text-align: left;
    }

    .header-search-suggestions .suggestion-item .category-title {
        text-align: left;
    }

    .header-search-suggestions .suggestion-item.different-category:after {
        left: 16px;
        right: unset;
    }

    .vs-badge {
        left: -35px !important;
        right: unset !important;
    }

    @media (max-width: 768px) {
        .vs-badge {
            right: 50% !important;
            left: unset !important;
            top: -20px;
            transform: translateX(50%);
        }
    }

    .back-to-top-btn {
        right: 15px;
        left: unset !important;
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
    }

    header.main-header .side-menu.open {
        right: unset;
        left: 0;
    }

    body {
        text-align: start;
    }

    @media (max-width: 768px) {
        .versus-sidebar {
            left: 0;
            right: unset;
        }
    }

    .versus-category-product-card .versus-add-to-compare {
        left: 10px;
        right: unset;
        flex-direction: row-reverse;
    }

    .versus-category-list-view .versus-category-product-bottom {
        border-right: unset;
        border-left: 1px solid #f0f0f0;
    }

    .versus-pagination-list svg,
    .versus-pagination-list i,
    .versus-brand-link i {
        transform: scale(-1);
    }

    .sticky-features-nav {
        right: 5px;
        left: unset;
    }

    .scale-x-minus-1 {
        transform: scaleX(1) !important;
    }

    .versus-comparison-card .versus-add-to-compare {
        left: 8px;
        right: unset;
        flex-direction: row-reverse;
    }

    .versus-product:last-child {
        margin-left: 0;
        margin-right: -50%;
        overflow: hidden;
    }

    table th,
    td {
        text-align: start !important;
        padding-left: 0.75rem !important;
    }

    /* Category Description Content LTR */
    .entry-content h2,
    .entry-content h3 {
        text-align: left !important;
    }

    .entry-content p {
        text-align: left !important;
    }
</style>

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap"
        rel="stylesheet">
    <style>
        /* Trendyol/Hepsiburada style: Inter or Roboto */
        body,
        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        p,
        a,
        span,
        div,
        li,
        input,
        textarea,
        button,
        ol,
        ul,
        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6 {
            font-family: 'Inter', 'Roboto', sans-serif !important;
        }
    </style>

<style>
    .row-gap-1 {
        row-gap: 0.25rem;
    }

    .row-gap-2 {
        row-gap: 0.5rem;
    }

    .row-gap-3 {
        row-gap: 1rem;
    }

    .row-gap-4 {
        row-gap: 1.5rem;
    }

    .row-gap-5 {
        row-gap: 3rem;
    }

    .scale-x-minus-1 {
        transform: scaleX(-1);
    }

    .scale-y-minus-1 {
        transform: scaleY(-1);
    }

    .header-search-suggestions {
        width: 100%;
        position: absolute;
        top: 50px;
        left: 0;
        z-index: 9999999;
        background: white;
        border: 2px solid rgba(0, 0, 0, 0.1);
        border-radius: 12px;
        display: none;
        max-height: 300px;
        overflow: auto;
    }

    /* Global Premium Breadcrumb System */
    .breadcrumb-container-card {
        margin-bottom: 12px !important;
        background: transparent !important;
        box-shadow: none !important;
        border: none !important;
        overflow: hidden;
    }

    .breadcrumb {
        background-color: transparent !important;
        padding: 8px 0 !important;
        margin-bottom: 0 !important;
        list-style: none;
        display: flex;
        flex-wrap: nowrap !important;
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        font-size: 12px !important;
        width: 100%;
    }

    .breadcrumb::-webkit-scrollbar {
        display: none;
    }

    .breadcrumb-item {
        display: flex;
        align-items: center;
        white-space: nowrap !important;
    }

    .breadcrumb-item a {
        color: #777 !important;
        text-decoration: none;
        font-weight: 500;
        transition: color 0.2s;
    }

    .breadcrumb-item a:hover {
        color: #d00707 !important;
    }

    .breadcrumb-item.active {
        color: #999 !important;
        font-weight: 400;
    }

    .breadcrumb-item+.breadcrumb-item {
        padding-inline-start: 4px !important;
    }

    .breadcrumb-item+.breadcrumb-item::before {
        content: "\f105" !important;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        padding-inline-end: 4px !important;
        color: #ccc !important;
        font-size: 10px;
    }

    [dir="rtl"] .breadcrumb-item+.breadcrumb-item::before {
        content: "\f104" !important;
    }

    /* White Theme for Dark Backgrounds */
    .breadcrumb-container-card.white-theme .breadcrumb-item a {
        color: rgba(255, 255, 255, 0.8) !important;
    }

    .breadcrumb-container-card.white-theme .breadcrumb-item a:hover {
        color: #fff !important;
    }

    .breadcrumb-container-card.white-theme .breadcrumb-item.active {
        color: #fff !important;
        opacity: 1;
    }

    .breadcrumb-container-card.white-theme .breadcrumb-item+.breadcrumb-item::before {
        color: rgba(255, 255, 255, 0.4) !important;
    }

    @media (max-width: 768px) {
        .breadcrumb-container-card {
            margin-top: 15px !important;
            margin-bottom: 5px !important;
        }

        /* Specific override for product page mobile overlap if needed, 
           but we'll handle it in the layout or local file for better control. */
    }

    .back-to-top-btn {
        width: 35px !important;
        height: 35px !important;
        font-size: 16px !important;
    }
</style>    <script src="https://benzetme.com/assets/admin_panel/v1/js/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.benzetme.com/public_assets/custom.min.css">
    <script>
        $(function () {
            let currentHash = "";
            $(window).scroll(function () {
                let top = window.pageYOffset;
                let foundHash = "";

                $('.anchor_tags').each(function () {
                    let sectionTop = $(this).offset().top;
                    let sectionHeight = $(this).outerHeight();
                    let hash = $(this).attr('id');

                    if (hash && top >= sectionTop - 150 && top < sectionTop + sectionHeight - 150) {
                        foundHash = hash;
                        return false;
                    }
                });

                if (foundHash !== currentHash) {
                    currentHash = foundHash;
                    const url = new URL(window.location.href);
                    if (foundHash) {
                        url.hash = foundHash;
                    } else {
                        url.hash = '';
                        // Remove the '#' character from URL
                        history.replaceState(null, null, url.pathname + url.search);
                        return;
                    }
                    history.replaceState(null, null, url.href);
                }
            });
        });
    </script>

    <!-- Alpine.js -->
    <script defer src="https://unpkg.com/alpinejs@3.x.x/dist/cdn.min.js"></script>
</head>

<body class="comparison-page">

<div class="page-wrapper" id="page-wrapper">

    <div class="page-main-header">
        <style>
    /* Minimalist Premium Header System - V6 Precision Aligned */
    :root {
        --hdr-bg: #ffffff;
        --hdr-text: #222222;
        --hdr-text-light: #666;
        --hdr-accent: #d00707;
        --hdr-border: #f0f0f0;
        --hdr-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
        --hdr-height: 70px;
        --mega-w2: 260px;
        --mega-w3: 950px;
    }

    .main-header {
        background: var(--hdr-bg);
        border-bottom: 1px solid var(--hdr-border);
        position: sticky;
        top: 0;
        z-index: 2500;
        width: 100%;
        font-family: inherit;
    }

    .container.main-container {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 0 30px; /* Increased padding for breath */
    }

    .topbar {
        padding: 10px 0;
        display: flex;
        align-items: center;
        min-height: var(--hdr-height);
    }

    .img-logo {
        max-height: 48px;
        width: auto;
        display: block;
    }

    /* Auth Styling - More Robust */
    .auth-button-wrapper {
        display: flex;
        justify-content: flex-end;
        align-items: center;
        height: 100%;
    }

    .auth-btn {
        background: #fdfdfd;
        color: #333 !important;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 8px 18px;
        font-size: 14px;
        font-weight: 600;
        display: inline-flex;
        align-items: center;
        gap: 10px;
        transition: all 0.2s;
        text-decoration: none !important;
    }

    .auth-btn:hover {
        background: #fff;
        border-color: var(--hdr-accent);
        color: var(--hdr-accent) !important;
    }

    /* Bottom Header & Navigation */
    .bottom-header {
        background: #fff;
        border-top: 1px solid var(--hdr-border);
        box-shadow: 0 2px 10px rgba(0,0,0,0.02);
    }

    .main-menu .list {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
        list-style: none;
        flex-wrap: nowrap;
        gap: 0; /* Control spacing via padding for cleaner look */
        justify-content: flex-start !important;
    }

    .main-menu .list-item {
        position: relative;
        border: none !important; /* Force remove any borders */
    }

    /* Neutralize ALL potential external dividers/separators */
    .main-menu .list-item::before,
    .main-menu .list-item::after,
    .main-menu .list-item + .list-item::before {
        display: none !important;
        content: none !important;
    }

    .main-menu .list-item > a {
        display: flex;
        align-items: center;
        padding: 16px 20px;
        color: var(--hdr-text);
        font-size: 14.5px;
        font-weight: 700;
        text-decoration: none !important;
        transition: color 0.2s;
        white-space: nowrap;
        position: relative;
        z-index: 1;
    }

    /* The Red Line Under Nav - Restored carefully after neutralization */
    .main-menu .list-item > a::after {
        content: '' !important;
        display: block !important;
        position: absolute;
        bottom: 0;
        left: 10%;
        right: 10%;
        height: 3px;
        background: var(--hdr-accent);
        transform: scaleX(0);
        transition: transform 0.25s ease;
        z-index: 2;
    }
    .main-menu .list-item:hover > a {
        color: var(--hdr-accent);
    }

    .main-menu .list-item:hover > a::after,
    .main-menu .list-item.active > a::after {
        transform: scaleX(1);
    }

    .main-menu .list-item > a i {
        margin-inline-end: 12px;
        font-size: 18px;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        vertical-align: middle;
        margin-top: -2px; /* Precision offset for baseline alignment */
    }

    /* MEGA MENU CORE - REFINED V8 Precision */
    .category-list ul, 
    .category-list li {
        list-style: none !important;
        list-style-type: none !important;
        margin: 0;
        padding: 0;
    }

    .category-list ::marker {
        display: none !important;
    }

    .category-list > ul {
        position: absolute;
        top: 100%;
        inset-inline-start: 0;
        background: white;
        box-shadow: 0 10px 40px rgba(0,0,0,0.1);
        border: 1px solid var(--hdr-border);
        width: var(--mega-w2);
        padding: 0; /* Removed padding to prevent dot issues */
        display: none;
        z-index: 2005;
        border-top: none;
    }

    .category-list:hover > ul {
        display: block;
    }

    .category-list > ul > li {
        width: 100%;
        position: static; 
        border: none !important;
    }

    .category-list > ul > li > a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 14px 20px;
        color: #444;
        font-weight: 700;
        font-size: 14px;
        text-decoration: none !important;
        transition: all 0.2s;
        border-bottom: 1px solid #f9f9f9;
    }

    .category-list > ul > li:last-child > a {
        border-bottom: none;
    }

    .category-list > ul > li:hover > a {
        background: #f9f9f9;
        color: var(--hdr-accent);
    }

    /* Header Duplication Fix - Robust Visibility */
    .header-desktop-container {
        display: none !important;
    }
    .header-mobile-container {
        display: block !important;
        position: relative;
        z-index: 2500; /* Ensure container is above body content */
    }

    @media (min-width: 992px) {
        .header-desktop-container {
            display: block !important;
        }
        .header-mobile-container {
            display: none !important;
        }
    }

    /* LEVEL 3 CONTENT - NEAT & DYNAMIC HEIGHT */
    .mega-menu-content {
        position: absolute;
        inset-inline-start: calc(100% - 1px);
        top: 0;
        width: 850px; /* Fixed Width as requested */
        min-height: 100%; /* Matches Level 2 sidebar height by default */
        max-height: 520px; /* Caps height for usability */
        overflow-y: auto;
        
        background: white;
        border: 1px solid var(--hdr-border);
        border-inline-start: 1px solid #fff;
        box-shadow: 20px 20px 60px rgba(0,0,0,0.1);
        padding: 15px 25px 30px 25px !important; /* Tighter padding for less "empty" space */
        margin: 0 !important;
        display: none !important; 
        
        column-count: 4;
        column-gap: 30px; /* Tighter column spacing */
        column-fill: auto;
        
        z-index: 2006;
    }

    .category-list > ul > li:hover > .mega-menu-content {
        display: block !important; 
    }

    /* Category Group Container */
    .sublist--title {
        break-inside: avoid-column;
        display: block;
        width: 100%;
        margin-bottom: 20px; /* Tighter spacing between groups */
    }

    /* THE BRIDGE - Vital for mouse movement between L2 and L3 */
    .category-list > ul > li::after {
        content: '';
        position: absolute;
        inset-inline-start: calc(100% - 10px); /* Overlap Level 2 slightly */
        top: 0;
        width: 40px; /* Strong bridge to prevent menu from closing */
        height: 100%;
        background: transparent;
        z-index: 2007;
    }

    /* Mega Grid Typography */
    .sublist--title {
        margin-bottom: 20px;
    }

    .sublist--title > a {
        color: #111;
        font-weight: 800;
        font-size: 15px;
        padding-bottom: 8px;
        border-bottom: 2px solid #f0f0f0;
        margin-bottom: 12px;
        display: block;
        text-decoration: none !important;
        white-space: normal !important; /* Enable wrapping for long titles */
        line-height: 1.4;
    }

    .sublist--item {
        margin-bottom: 8px;
    }

    .sublist--item > a {
        color: #666;
        font-size: 13.5px;
        text-decoration: none !important;
        display: block;
        transition: all 0.2s;
        white-space: normal !important; /* Enable wrapping */
        line-height: 1.4;
    }

    .sublist--item > a:hover {
        color: var(--hdr-accent);
    }

    /* Mobile Header & Side Menu Logic - SYNCED TO 992px (Bootstrap LG) */
    @media (max-width: 991px) {
        .bottom-header { display: none !important; }
        .topbar { 
            min-height: 65px; 
            position: relative; 
            z-index: 2501; 
            display: flex !important;
            padding: 0 20px !important;
        }
        .img-logo { max-height: 35px; }
        .mobile-menu-toggle { 
            cursor: pointer !important; 
            position: relative; 
            z-index: 2600 !important; 
            display: flex !important; 
            align-items: center; 
            padding: 10px;
            background: transparent;
            pointer-events: auto !important;
        }
    }

    /* Side Menu Base */
    .side-menu {
        position: fixed;
        inset-inline-start: -320px;
        top: 0;
        width: 320px;
        height: 100vh;
        background: #fff;
        z-index: 4000; /* Extremely high to stay above everything */
        transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
        box-shadow: 15px 0 50px rgba(0,0,0,0.15);
        overflow-y: auto;
        display: block;
    }

    .side-menu.open { 
        transform: translateX(0); 
        inset-inline-start: 0; 
    }

    /* Mobile Side Menu Accordion & Search Logic */
    .side-menu ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }
    
    .side-menu li.sub-menu > ul {
        display: none; /* Hidden by default */
        background: #fcfcfc;
        border-inline-start: 3px solid #f0f0f0;
        margin-inline-start: 15px;
    }

    .side-menu li.sub-menu.active > ul {
        display: block !important; /* Visible when active */
    }

    .side-menu li a {
        text-decoration: none !important;
        transition: all 0.2s ease;
    }

    .side-menu li a:hover {
        color: var(--hdr-accent) !important;
    }

    /* Arrow rotation */
    .side-menu li.sub-menu.active > div .menu-toggle-btn {
        transform: rotate(180deg);
        color: var(--hdr-accent);
    }
    
    .menu-toggle-btn {
        transition: transform 0.3s ease;
        width: 40px;
        text-align: center;
    }

    /* Search Result Highlight */
    .side-menu li[style*="display: block"] > div a {
        color: var(--hdr-text);
    }

    /* Force hide mobile-only elements on Desktop LG */
    @media (min-width: 992px) {
        .side-menu, .overlay-side-menu, .mobile-menu-toggle {
            display: none !important;
        }
    }

    .overlay-side-menu {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.5);
        z-index: 3999;
        display: none;
        backdrop-filter: blur(2px);
    }

    .overlay-side-menu.open {
        display: block !important;
    }

    /* Header Search Suggestions Premium Styling */
    .header-search-suggestions {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background: #fff;
        border: 1px solid var(--hdr-border);
        border-top: none;
        border-radius: 0 0 12px 12px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.12);
        max-height: 450px;
        overflow-y: auto;
        z-index: 3000;
        display: none;
        margin-top: 1px;
    }

    .suggestion-group-header {
        background: #f8f9fa;
        color: #888;
        font-size: 11px;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        padding: 10px 15px !important;
        border-top: 1px solid #eee;
    }

    .suggestion-group-header:first-child {
        border-top: none;
    }

    .suggestion-item {
        transition: background 0.2s;
        border-bottom: 1px solid #f9f9f9;
    }

    .suggestion-item:last-child {
        border-bottom: none;
    }

    .suggestion-item:hover {
        background: #fdfdfd;
    }

    .suggestion-item a {
        padding: 12px 15px !important;
        gap: 12px;
    }

    .suggestion-item .product-title,
    .suggestion-item .category-title,
    .suggestion-item .article-title {
        color: #333;
        line-height: 1.4;
    }

    .suggestion-item:hover .product-title,
    .suggestion-item:hover .category-title,
    .suggestion-item:hover .article-title {
        color: var(--hdr-accent);
    }

    .badge.bg-soft-primary {
        background-color: #eef2ff;
        color: #4f46e5;
        font-weight: 500;
        font-size: 10px;
        padding: 3px 6px;
        border-radius: 4px;
    }

    .header-search-input:focus {
        border-color: var(--hdr-accent);
        box-shadow: 0 0 0 3px rgba(208, 7, 7, 0.05);
    }
</style>

<header class="main-header">
    
    <div class="container main-container header-desktop-container">
        <div class="topbar">
            <div class="row align-items-center w-100 m-0">
                <div class="col-lg-2 col-md-3 p-0">
                    <div class="logo-area">
                        <a href="https://benzetme.com">
                            <img class="img-logo" src="https://cdn.benzetme.com/public/tr-logo.png" alt="Logo">
                        </a>
                    </div>
                </div>
                <div class="col-lg-7 col-md-5">
                    <div class="search-area dt-sl position-relative" id="header-search-box">
    <form action="https://benzetme.com/search" method="GET" class="search">
        <input
            name="q"
            type="text"
            class="form-control header-search-input"
            oninput="handleHeaderSearch(this)"
            onfocus="handleFocusHeaderSearch(this)"
            placeholder="İsim, marka veya kategori ara…">
        <button type="submit" class="bg-transparent"><i class="fa fa-search search-icon"></i></button>
        <button class="close-search-result clear-header-search" onclick="clearSearchBox()" type="button"><i class="fa fa-close"></i></button>
    </form>
    <div class="header-search-suggestions"></div>
</div>
<style>
    .header-search-suggestions .suggestion-item {
        padding: 12px 16px;
        cursor: pointer;
        transition: all 0.2s ease;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    .header-search-suggestions .suggestion-item:last-child {
        border-bottom: none;
    }

    .header-search-suggestions .suggestion-item:hover {
        background: rgba(30, 77, 139, 0.05);
    }

    .versus-related-category:hover {
        background: #d00707;
        color: white;
    }

    .header-search-suggestions .suggestion-item.different-category {
        opacity: 0.6;
        position: relative;
    }

    .header-search-suggestions .suggestion-item.different-category:after {
        content: 'دسته‌بندی متفاوت';
        position: absolute;
        inset-inline-end: 16px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 11px;
        color: #d00707;
        background: rgba(208, 7, 7, 0.1);
        padding: 4px 8px;
        border-radius: 4px;
    }

    .header-search-suggestions .suggestion-item .product-title {
        font-size: 14px;
        font-weight: 600;
        color: #2a2a2a;
        margin-bottom: 6px;
        line-height: 1.4;
        justify-content: center;
    }

    .header-search-suggestions .suggestion-item .category-title {
        font-size: 12px;
        color: #666;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .header-search-suggestions .suggestion-item .category-title:before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        background: #d00707;
        border-radius: 50%;
        opacity: 0.6;
    }
</style>
                </div>
                <div class="col-lg-3 col-md-4 p-0">
                    <div class="auth-button-wrapper">
                                                    <button class="auth-btn" id="index_page_auth_btn" data-toggle="modal" data-target="#loginModal">
                                <i class="fa fa-user"></i>
                                <span>Giriş / Kayıt Ol</span>
                            </button>
                                            </div>
                </div>
            </div>
        </div>
    </div>

    
    <div class="container main-container header-mobile-container">
        <div class="topbar justify-content-between">
            <button class="mobile-menu-toggle btn p-0 border-0">
                <i class="fa fa-bars" style="font-size: 24px; color: #333;"></i>
            </button>
            <div class="logo-area">
                <a href="https://benzetme.com">
                    <img class="img-logo" src="https://cdn.benzetme.com/public/tr-logo.png" alt="Logo" style="max-height: 35px;">
                </a>
            </div>
            <div class="auth-button-wrapper">
                                    <button class="btn p-2 text-dark" data-toggle="modal" data-target="#loginModal">
                        <i class="fa fa-user" style="font-size: 20px;"></i>
                    </button>
                            </div>
        </div>
        <div class="search-container-mobile pb-2">
            <div class="search-area dt-sl position-relative" id="header-search-box">
    <form action="https://benzetme.com/search" method="GET" class="search">
        <input
            name="q"
            type="text"
            class="form-control header-search-input"
            oninput="handleHeaderSearch(this)"
            onfocus="handleFocusHeaderSearch(this)"
            placeholder="İsim, marka veya kategori ara…">
        <button type="submit" class="bg-transparent"><i class="fa fa-search search-icon"></i></button>
        <button class="close-search-result clear-header-search" onclick="clearSearchBox()" type="button"><i class="fa fa-close"></i></button>
    </form>
    <div class="header-search-suggestions"></div>
</div>
<style>
    .header-search-suggestions .suggestion-item {
        padding: 12px 16px;
        cursor: pointer;
        transition: all 0.2s ease;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    .header-search-suggestions .suggestion-item:last-child {
        border-bottom: none;
    }

    .header-search-suggestions .suggestion-item:hover {
        background: rgba(30, 77, 139, 0.05);
    }

    .versus-related-category:hover {
        background: #d00707;
        color: white;
    }

    .header-search-suggestions .suggestion-item.different-category {
        opacity: 0.6;
        position: relative;
    }

    .header-search-suggestions .suggestion-item.different-category:after {
        content: 'دسته‌بندی متفاوت';
        position: absolute;
        inset-inline-end: 16px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 11px;
        color: #d00707;
        background: rgba(208, 7, 7, 0.1);
        padding: 4px 8px;
        border-radius: 4px;
    }

    .header-search-suggestions .suggestion-item .product-title {
        font-size: 14px;
        font-weight: 600;
        color: #2a2a2a;
        margin-bottom: 6px;
        line-height: 1.4;
        justify-content: center;
    }

    .header-search-suggestions .suggestion-item .category-title {
        font-size: 12px;
        color: #666;
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .header-search-suggestions .suggestion-item .category-title:before {
        content: '';
        display: inline-block;
        width: 6px;
        height: 6px;
        background: #d00707;
        border-radius: 50%;
        opacity: 0.6;
    }
</style>
        </div>
    </div>

                    <div class="bottom-header dt-sl">
    <div class="container main-container">
        <nav class="main-menu d-flex justify-content-start border-0">
            <ul class="list hidden-sm d-none d-lg-block d-flex align-items-center flex-nowrap">
        <li class="list-item category-list">

                                        
                                                        


        <a href="https://benzetme.com/tech">
            <i class="fa fa-bars me-2"></i>Elektronik
        </a>

        <ul>
                                                <li>
                <a href="https://benzetme.com/tech/mobile-tablet">
                    Cep Telefonları ve Tabletler
                                                            <i class="fa fa-angle-right"></i>
                                    </a>
                                <ul class="mega-menu-content">
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/mobile">
                                Cep Telefonu
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/tablet">
                                Tablet
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/mobile-tablet-accessorie">
                                Mobil ve Tablet Aksesuarları
                            </a>
                        </li>
                                                                                                <li class="sublist--item">
                            <a href="https://benzetme.com/tech/powerbank">
                                Taşınabilir Şarj Cihazı (Powerbank)
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://benzetme.com/tech/charger">
                                Şarj Kabloları ve Adaptörler
                            </a>
                        </li>
                                                                    </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/ebook-reader">
                                E-Kitap Okuyucular
                            </a>
                        </li>
                                            </div>
                                    </ul>
                            </li>
                                    <li>
                <a href="https://benzetme.com/tech/computer-and-accessorie">
                    Bilgisayarlar ve Aksesuarlar
                                                            <i class="fa fa-angle-right"></i>
                                    </a>
                                <ul class="mega-menu-content">
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/laptop">
                                Dizüstü Bilgisayarlar
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/cpu">
                                Bilgisayarlar ve Aksesuarlar
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/vga">
                                Dizüstü Bilgisayar
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/computer-accessories">
                                Bilgisayar Aksesuarları
                            </a>
                        </li>
                                                                                                <li class="sublist--item">
                            <a href="https://benzetme.com/tech/dongle-converter">
                                Dönüştürücüler ve Donglelar
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://benzetme.com/tech/webcam">
                                Webcamler
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://benzetme.com/tech/laptop-accessorie">
                                Laptop Aksesuarları
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://benzetme.com/tech/mouse-pad">
                                Mouse Pad
                            </a>
                        </li>
                                                                    </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/monitor">
                                Monitörler
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/mini-pc">
                                Mini Bilgisayarlar
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/motherboard">
                                Monitörler
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/case">
                                Mini Bilgisayarlar
                            </a>
                        </li>
                                                                                                <li class="sublist--item">
                            <a href="https://benzetme.com/tech/desktop-computer">
                                Masaüstü Bilgisayar
                            </a>
                        </li>
                                                                    </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/coolers">
                                Soğutma Sistemleri
                            </a>
                        </li>
                                                                                                <li class="sublist--item">
                            <a href="https://benzetme.com/tech/cpu-cooler">
                                Bilgisayar Kasaları
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://benzetme.com/tech/liquid-cooling">
                                Soğutma Fanları
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://benzetme.com/tech/case-fan">
                                CPU Soğutucuları
                            </a>
                        </li>
                                                                    </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/keyboard-mouse">
                                Klavye ve Mouse Setleri
                            </a>
                        </li>
                                                                                                <li class="sublist--item">
                            <a href="https://benzetme.com/tech/mouse">
                                Mouselar
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://benzetme.com/tech/keyboard">
                                Klavyeler
                            </a>
                        </li>
                                                                    </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/all-in-one">
                                All-in-One Bilgisayarlar
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/hdd">
                                Veri Depolama
                            </a>
                        </li>
                                                                                                <li class="sublist--item">
                            <a href="https://benzetme.com/tech/ssd">
                                SSD Diskler
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://benzetme.com/tech/optical-drive">
                                Optik Sürücü
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://benzetme.com/tech/flash-memory">
                                USB Bellekler
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://benzetme.com/tech/memory-card">
                                Bellek Kartları
                            </a>
                        </li>
                                                                    </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/memory">
                                Bellek
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/power-supply">
                                Güç Kaynakları (PSU)
                            </a>
                        </li>
                                            </div>
                                    </ul>
                            </li>
                                    <li>
                <a href="https://benzetme.com/tech/cameras-photo-video">
                    Kamera, Fotoğraf &amp; Video
                                                            <i class="fa fa-angle-right"></i>
                                    </a>
                                <ul class="mega-menu-content">
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/camera">
                                Fotoğraf Makineleri
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/lens">
                                Kamera Lensleri
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/camera-video-accessorie">
                                Kamera, Fotoğraf &amp; Video Aksesuarları
                            </a>
                        </li>
                                                                                                <li class="sublist--item">
                            <a href="https://benzetme.com/tech/card-reader">
                                Kamera SD Kart Okuyucu
                            </a>
                        </li>
                                                                    </div>
                                    </ul>
                            </li>
                                    <li>
                <a href="https://benzetme.com/tech/wearables">
                    Akıllı Saat ve Bileklikler
                                    </a>
                            </li>
                                    <li>
                <a href="https://benzetme.com/tech/modem-router">
                    Modem ve Ağ Ürünleri
                                    </a>
                            </li>
                                    <li>
                <a href="https://benzetme.com/tech/headphones-audio-equipment">
                    Kulaklıklar &amp; Ses Ekipmanları
                                                            <i class="fa fa-angle-right"></i>
                                    </a>
                                <ul class="mega-menu-content">
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/speaker">
                                Hoparlörler
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/headphone">
                                Kulaklıklar
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/soundbar">
                                Soundbarlar
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/microphone">
                                Mikrofonlar
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://benzetme.com/tech/android-box">
                                Android Kutusu
                            </a>
                        </li>
                                            </div>
                                    </ul>
                            </li>
                                </ul>
    </li>
        <li class="list-item category-list">
                <a href="https://benzetme.com/tech/compare">
            Karşılaştırma Elektronik
        </a>
        <ul>
                                                <li>
                        <a href="https://benzetme.com/tech/mobile-tablet/compare">
                            Karşılaştırma Cep Telefonları ve Tabletler
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/computer-and-accessorie/compare">
                            Karşılaştırma Bilgisayarlar ve Aksesuarlar
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/cameras-photo-video/compare">
                            Karşılaştırma Kamera, Fotoğraf &amp; Video
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/wearables/compare">
                            Karşılaştırma Akıllı Saat ve Bileklikler
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/modem-router/compare">
                            Karşılaştırma Modem ve Ağ Ürünleri
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/headphones-audio-equipment/compare">
                            Karşılaştırma Kulaklıklar &amp; Ses Ekipmanları
                        </a>
                    </li>
                                    </ul>
    </li>
    <li class="list-item category-list">
                <a href="https://benzetme.com/tech/blog">
            Blog Elektronik
        </a>
        <ul>
                                                <li>
                        <a href="https://benzetme.com/tech/mobile-tablet/blog">
                            Blog Cep Telefonları ve Tabletler
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/computer-and-accessorie/blog">
                            Blog Bilgisayarlar ve Aksesuarlar
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/cameras-photo-video/blog">
                            Blog Kamera, Fotoğraf &amp; Video
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/wearables/blog">
                            Blog Akıllı Saat ve Bileklikler
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/modem-router/blog">
                            Blog Modem ve Ağ Ürünleri
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/headphones-audio-equipment/blog">
                            Blog Kulaklıklar &amp; Ses Ekipmanları
                        </a>
                    </li>
                                    </ul>
    </li>
    <li class="list-item category-list">
                <a href="https://benzetme.com/tech/wiki">
            Ansiklopedi Elektronik
        </a>

        <ul>
                                                <li>
                        <a href="https://benzetme.com/tech/mobile-tablet/wiki">
                            Ansiklopedi Cep Telefonları ve Tabletler
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/computer-and-accessorie/wiki">
                            Ansiklopedi Bilgisayarlar ve Aksesuarlar
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/cameras-photo-video/wiki">
                            Ansiklopedi Kamera, Fotoğraf &amp; Video
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/wearables/wiki">
                            Ansiklopedi Akıllı Saat ve Bileklikler
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/modem-router/wiki">
                            Ansiklopedi Modem ve Ağ Ürünleri
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/headphones-audio-equipment/wiki">
                            Ansiklopedi Kulaklıklar &amp; Ses Ekipmanları
                        </a>
                    </li>
                                    </ul>
    </li>

    
    <li class="list-item">
        <a class="nav-link"
            href="https://benzetme.com/brands">Markalar</a>
    </li>
    <li class="list-item">
        <a class="nav-link"
            href="https://benzetme.com/news">Haberler</a>
    </li>

</ul>        </nav>
    </div>
</div>
        <div class="side-menu">
    <div class="logo-nav-res dt-sl text-center">
        <a href="https://benzetme.com">
            <img src="https://cdn.benzetme.com/public/tr-logo.png"
                alt="" style="max-height: 40px;">
        </a>
    </div>

    <div class="menu-search py-3 px-2">
        <div class="position-relative">
            <input type="text" class="form-control"
                placeholder="Menüde ara"
                style="border-radius: 10px; padding-inline-start: 35px; border-color: #eee;">
            <i class="fa fa-search position-absolute"
                style="top: 50%; inset-inline-start: 12px; transform: translateY(-50%); color: #aaa;"></i>
        </div>
    </div>

    <ul class="navbar-nav dt-sl">


                                                
                                                        
                        <li class="sub-menu">
            <div class="d-flex justify-content-between align-items-center py-2 px-3 border-bottom">
                <a href="https://benzetme.com/tech/mobile-tablet" class="flex-grow-1 text-dark font-weight-bold">Cep Telefonları ve Tabletler</a>
                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer; font-size: 18px;"></i>
                            </div>
                        <ul>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/mobile" class="flex-grow-1 text-secondary">Cep Telefonu</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/tablet" class="flex-grow-1 text-secondary">Tablet</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/mobile-tablet-accessorie" class="flex-grow-1 text-secondary">Mobil ve Tablet Aksesuarları</a>
                                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer;"></i>
                                            </div>
                                        <ul>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/powerbank" class="d-block py-2 px-4 text-muted small">
                                Taşınabilir Şarj Cihazı (Powerbank)
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/charger" class="d-block py-2 px-4 text-muted small">
                                Şarj Kabloları ve Adaptörler
                            </a>
                        </li>
                                            </ul>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/ebook-reader" class="flex-grow-1 text-secondary">E-Kitap Okuyucular</a>
                                            </div>
                                    </li>
                            </ul>
                    </li>
                        <li class="sub-menu">
            <div class="d-flex justify-content-between align-items-center py-2 px-3 border-bottom">
                <a href="https://benzetme.com/tech/computer-and-accessorie" class="flex-grow-1 text-dark font-weight-bold">Bilgisayarlar ve Aksesuarlar</a>
                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer; font-size: 18px;"></i>
                            </div>
                        <ul>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/laptop" class="flex-grow-1 text-secondary">Dizüstü Bilgisayarlar</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/cpu" class="flex-grow-1 text-secondary">Bilgisayarlar ve Aksesuarlar</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/vga" class="flex-grow-1 text-secondary">Dizüstü Bilgisayar</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/computer-accessories" class="flex-grow-1 text-secondary">Bilgisayar Aksesuarları</a>
                                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer;"></i>
                                            </div>
                                        <ul>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/dongle-converter" class="d-block py-2 px-4 text-muted small">
                                Dönüştürücüler ve Donglelar
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/webcam" class="d-block py-2 px-4 text-muted small">
                                Webcamler
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/laptop-accessorie" class="d-block py-2 px-4 text-muted small">
                                Laptop Aksesuarları
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/mouse-pad" class="d-block py-2 px-4 text-muted small">
                                Mouse Pad
                            </a>
                        </li>
                                            </ul>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/monitor" class="flex-grow-1 text-secondary">Monitörler</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/mini-pc" class="flex-grow-1 text-secondary">Mini Bilgisayarlar</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/motherboard" class="flex-grow-1 text-secondary">Monitörler</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/case" class="flex-grow-1 text-secondary">Mini Bilgisayarlar</a>
                                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer;"></i>
                                            </div>
                                        <ul>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/desktop-computer" class="d-block py-2 px-4 text-muted small">
                                Masaüstü Bilgisayar
                            </a>
                        </li>
                                            </ul>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/coolers" class="flex-grow-1 text-secondary">Soğutma Sistemleri</a>
                                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer;"></i>
                                            </div>
                                        <ul>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/cpu-cooler" class="d-block py-2 px-4 text-muted small">
                                Bilgisayar Kasaları
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/liquid-cooling" class="d-block py-2 px-4 text-muted small">
                                Soğutma Fanları
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/case-fan" class="d-block py-2 px-4 text-muted small">
                                CPU Soğutucuları
                            </a>
                        </li>
                                            </ul>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/keyboard-mouse" class="flex-grow-1 text-secondary">Klavye ve Mouse Setleri</a>
                                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer;"></i>
                                            </div>
                                        <ul>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/mouse" class="d-block py-2 px-4 text-muted small">
                                Mouselar
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/keyboard" class="d-block py-2 px-4 text-muted small">
                                Klavyeler
                            </a>
                        </li>
                                            </ul>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/all-in-one" class="flex-grow-1 text-secondary">All-in-One Bilgisayarlar</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/hdd" class="flex-grow-1 text-secondary">Veri Depolama</a>
                                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer;"></i>
                                            </div>
                                        <ul>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/ssd" class="d-block py-2 px-4 text-muted small">
                                SSD Diskler
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/optical-drive" class="d-block py-2 px-4 text-muted small">
                                Optik Sürücü
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/flash-memory" class="d-block py-2 px-4 text-muted small">
                                USB Bellekler
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/memory-card" class="d-block py-2 px-4 text-muted small">
                                Bellek Kartları
                            </a>
                        </li>
                                            </ul>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/memory" class="flex-grow-1 text-secondary">Bellek</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/power-supply" class="flex-grow-1 text-secondary">Güç Kaynakları (PSU)</a>
                                            </div>
                                    </li>
                            </ul>
                    </li>
                        <li class="sub-menu">
            <div class="d-flex justify-content-between align-items-center py-2 px-3 border-bottom">
                <a href="https://benzetme.com/tech/cameras-photo-video" class="flex-grow-1 text-dark font-weight-bold">Kamera, Fotoğraf &amp; Video</a>
                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer; font-size: 18px;"></i>
                            </div>
                        <ul>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/camera" class="flex-grow-1 text-secondary">Fotoğraf Makineleri</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/lens" class="flex-grow-1 text-secondary">Kamera Lensleri</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/camera-video-accessorie" class="flex-grow-1 text-secondary">Kamera, Fotoğraf &amp; Video Aksesuarları</a>
                                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer;"></i>
                                            </div>
                                        <ul>
                                                
                        <li>
                            <a href="https://benzetme.com/tech/card-reader" class="d-block py-2 px-4 text-muted small">
                                Kamera SD Kart Okuyucu
                            </a>
                        </li>
                                            </ul>
                                    </li>
                            </ul>
                    </li>
                        <li class="sub-menu">
            <div class="d-flex justify-content-between align-items-center py-2 px-3 border-bottom">
                <a href="https://benzetme.com/tech/wearables" class="flex-grow-1 text-dark font-weight-bold">Akıllı Saat ve Bileklikler</a>
                            </div>
                    </li>
                        <li class="sub-menu">
            <div class="d-flex justify-content-between align-items-center py-2 px-3 border-bottom">
                <a href="https://benzetme.com/tech/modem-router" class="flex-grow-1 text-dark font-weight-bold">Modem ve Ağ Ürünleri</a>
                            </div>
                    </li>
                        <li class="sub-menu">
            <div class="d-flex justify-content-between align-items-center py-2 px-3 border-bottom">
                <a href="https://benzetme.com/tech/headphones-audio-equipment" class="flex-grow-1 text-dark font-weight-bold">Kulaklıklar &amp; Ses Ekipmanları</a>
                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer; font-size: 18px;"></i>
                            </div>
                        <ul>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/speaker" class="flex-grow-1 text-secondary">Hoparlörler</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/headphone" class="flex-grow-1 text-secondary">Kulaklıklar</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/soundbar" class="flex-grow-1 text-secondary">Soundbarlar</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/microphone" class="flex-grow-1 text-secondary">Mikrofonlar</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://benzetme.com/tech/android-box" class="flex-grow-1 text-secondary">Android Kutusu</a>
                                            </div>
                                    </li>
                            </ul>
                    </li>
                        <li class="list-item category-list">
                <a href="https://benzetme.com/tech/compare">
            Karşılaştırma Elektronik
        </a>
        <ul>
                                                <li>
                        <a href="https://benzetme.com/tech/mobile-tablet/compare">
                            Karşılaştırma Cep Telefonları ve Tabletler
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/computer-and-accessorie/compare">
                            Karşılaştırma Bilgisayarlar ve Aksesuarlar
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/cameras-photo-video/compare">
                            Karşılaştırma Kamera, Fotoğraf &amp; Video
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/wearables/compare">
                            Karşılaştırma Akıllı Saat ve Bileklikler
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/modem-router/compare">
                            Karşılaştırma Modem ve Ağ Ürünleri
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/headphones-audio-equipment/compare">
                            Karşılaştırma Kulaklıklar &amp; Ses Ekipmanları
                        </a>
                    </li>
                                    </ul>
    </li>
        <li class="list-item category-list">
                <a href="https://benzetme.com/tech/blog">
            Blog Elektronik
        </a>
        <ul>
                                                <li>
                        <a href="https://benzetme.com/tech/mobile-tablet/blog">
                            Blog Cep Telefonları ve Tabletler
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/computer-and-accessorie/blog">
                            Blog Bilgisayarlar ve Aksesuarlar
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/cameras-photo-video/blog">
                            Blog Kamera, Fotoğraf &amp; Video
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/wearables/blog">
                            Blog Akıllı Saat ve Bileklikler
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/modem-router/blog">
                            Blog Modem ve Ağ Ürünleri
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/headphones-audio-equipment/blog">
                            Blog Kulaklıklar &amp; Ses Ekipmanları
                        </a>
                    </li>
                                    </ul>
    </li>
        <li class="list-item category-list">
                <a href="https://benzetme.com/tech/wiki">
            Ansiklopedi Elektronik
        </a>

        <ul>
                                                <li>
                        <a href="https://benzetme.com/tech/mobile-tablet/wiki">
                            Ansiklopedi Cep Telefonları ve Tabletler
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/computer-and-accessorie/wiki">
                            Ansiklopedi Bilgisayarlar ve Aksesuarlar
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/cameras-photo-video/wiki">
                            Ansiklopedi Kamera, Fotoğraf &amp; Video
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/wearables/wiki">
                            Ansiklopedi Akıllı Saat ve Bileklikler
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/modem-router/wiki">
                            Ansiklopedi Modem ve Ağ Ürünleri
                        </a>
                    </li>
                                    <li>
                        <a href="https://benzetme.com/tech/headphones-audio-equipment/wiki">
                            Ansiklopedi Kulaklıklar &amp; Ses Ekipmanları
                        </a>
                    </li>
                                    </ul>
    </li>
        <li class="list-item">
            <a class="nav-link"
                href="https://benzetme.com/brands">Markalar</a>
        </li>
        <li class="list-item">
            <a class="nav-link"
                href="https://benzetme.com/news">Haberler</a>
        </li>
    </ul>
</div>
<div class="overlay-side-menu">
</div>    </header>

<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel"
     aria-hidden="true">

    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-title h5" id="loginModalLabel">
                    Giriş / Kayıt Ol
                </div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body">
                <div id="loginForm">
    <form id="loginFormElement" onsubmit="submitLogin(event)">
        <input type="hidden" name="_token" value="lqA4eyWBKLg9rw4GT8YeQolypQri2maPL9lZGHvQ" autocomplete="off">        <div class="form-group">
            <label for="loginEmail">
                E-posta
            </label>
            <input type="email" class="form-control" id="loginEmail" name="email" required
                   placeholder="E-posta adresinizi girin">
        </div>
        <div class="form-group">
            <label for="loginPassword">
                Şifre
            </label>
            <input type="password" class="form-control" id="loginPassword" name="password" required
                   placeholder="Şifrenizi girin">
        </div>
        <button type="submit" class="btn btn-primary btn-block" id="loginButton">
            Giriş Yap
        </button>
    </form>
    <hr>
    <a href="https://benzetme.com/api/v1/auth/google?return_url=https%3A%2F%2Fbenzetme.com%2Ftech%2Fcooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700" class="btn btn-danger btn-block">
        <i class="fab fa-google"></i> Google ile Giriş
    </a>
    <hr>
    <div class="text-center">
        <a href="#" onclick="toggleForms()">Hesabınız yok mu? Kayıt olun</a>
    </div>
</div>
                <div id="registerForm" style="display: none;">
    <form id="registerFormElement" onsubmit="submitRegister(event)">
        <input type="hidden" name="_token" value="lqA4eyWBKLg9rw4GT8YeQolypQri2maPL9lZGHvQ" autocomplete="off">        <div class="form-group">
            <label for="registerEmail">
                E-posta
            </label>
            <input type="email" class="form-control" id="registerEmail" name="email" required
                   placeholder="E-posta adresinizi girin">
        </div>
        <div class="form-group">
            <label for="registerPassword">
                Şifre
            </label>
            <input type="password" class="form-control" id="registerPassword" name="password" required
                   placeholder="Şifrenizi girin">
        </div>
        <div class="form-group">
            <label for="registerPasswordConfirmation">
                Şifreyi Tekrarla
            </label>
            <input type="password" class="form-control" id="registerPasswordConfirmation"
                   name="password_confirmation" required
                   placeholder="Şifrenizi tekrar girin ">
        </div>
        <button type="submit" class="btn btn-primary btn-block">
            Kayıt Ol
        </button>
    </form>
    <hr>
    <a href="https://benzetme.com/api/v1/auth/google?return_url=https%3A%2F%2Fbenzetme.com%2Ftech%2Fcooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700" class="btn btn-danger btn-block">
        <i class="fab fa-google"></i> Google ile Giriş
    </a>
    <hr>
    <div class="text-center">
        <a href="#" onclick="toggleForms()">Zaten hesabınız var mı? Giriş yapın
        </a>
    </div>
</div>
            </div>
        </div>
    </div>
</div>

<script>
    function toggleForms() {

        const loginForm = document.getElementById('loginForm');
        const registerForm = document.getElementById('registerForm');
        if (loginForm.style.display === 'none') {
            loginForm.style.display = 'block';
            registerForm.style.display = 'none';
        } else {
            loginForm.style.display = 'none';
            registerForm.style.display = 'block';
        }
    }

    function submitLogin(event) {

        event.preventDefault();

        const loginButton = document.getElementById('loginButton');
        const email = document.getElementById('loginEmail').value;
        const password = document.getElementById('loginPassword').value;

        loginButton.disabled = true;

        $.ajax({
            type: "POST",
            url: "https://benzetme.com/api/v1/auth/login",
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                email: email,
                password: password
            },
            success: function (response) {
                if (response.status === 'successful') {
                    window.location.reload();
                } else {
                    loginButton.disabled = false;
                    loginButton.innerHTML = Giriş Yap;
                    alert("Giriş hatası. Lütfen tekrar deneyin.");
                }
            },
            error: function (xhr) {

                loginButton.disabled = false;
                loginButton.innerHTML = Giriş Yap;

                if (xhr.status === 401) {
                    alert("E-posta veya şifre hatalı.");
                } else {
                    alert("Giriş hatası. Lütfen tekrar deneyin.");
                }
            }
        });
    }

    function submitRegister(event) {

        event.preventDefault();

        const email = document.getElementById('registerEmail').value;
        const password = document.getElementById('registerPassword').value;
        const passwordConfirmation = document.getElementById('registerPasswordConfirmation').value;

        const token = $('meta[name="csrf-token"]').attr('content');

        $.ajax({
            type: "POST",
            url: "https://benzetme.com/api/v1/auth/register",
            headers: {
                'X-CSRF-TOKEN': token,
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            data: JSON.stringify({
                'email': email,
                'password': password,
                'password_confirmation': passwordConfirmation
            }),
            success: function () {
                toggleForms();
            },
            error: function (xhr) {
                if (xhr.responseJSON && xhr.responseJSON.errors) {
                    const errors = Object.values(xhr.responseJSON.errors).flat();
                    alert(errors.join('\n'));
                } else {
                    alert("Kayıt hatası. Lütfen tekrar deneyin.");
                }
            }
        });
    }
</script>
    </div>

    <div class="page-body-wrapper">
        <div class="page-body">
            <div id="content_container">
                    <div class="container-fluid px-2 pl-4 px-lg-5 pt-2">

                                                                                                        <div class="breadcrumb-container-card">
    <div class="breadcrumb-wrapper">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="https://benzetme.com">
                    Benzetme
                </a>
            </li>

                                    <li class="breadcrumb-item">
                                <a
                    href="https://benzetme.com/tech/compare">
                    Karşılaştırma Elektronik
                </a>
            </li>
                        <li class="breadcrumb-item">
                                <a
                    href="https://benzetme.com/tech/computer-and-accessorie/compare">
                    Karşılaştırma Bilgisayarlar ve Aksesuarlar
                </a>
            </li>
                        <li class="breadcrumb-item">
                                <a
                    href="https://benzetme.com/tech/computer-and-accessorie/coolers/compare">
                    Karşılaştırma Soğutma Sistemleri
                </a>
            </li>
                        <li class="breadcrumb-item">
                                <a
                    href="https://benzetme.com/tech/computer-and-accessorie/coolers/cpu-cooler/compare">
                    Karşılaştırma Bilgisayar Kasaları
                </a>
            </li>
                                </ol>
    </div>
</div>
        <div class="card shadow-lg">
            <div class="row">
                <div class="col-12">
                    <div class="versus-products-container">
                                                                                <div class="versus-product">
                                <div class="product-card">
                                    <div class="product-image-container">
                                        <a href="https://benzetme.com/tech/cooler-master-i70-for-lga-1700" target="_blank">
                                            <img class="product-image"
                                                 src="https://cdn.moqayese.com/product_images/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg"
                                                 alt="Cooler Master I70 For Lga 1700"
                                                 loading="lazy">
                                        </a>
                                                                            </div>
                                </div>
                            </div>
                                                                                    <div class="versus-divider">VS</div>
                                                        <div class="versus-product">
                                <div class="product-card">
                                    <div class="product-image-container">
                                        <a href="https://benzetme.com/tech/cooler-master-hyper-212-argb" target="_blank">
                                            <img class="product-image"
                                                 src="https://cdn.moqayese.com/product_images/e96fc23c-fee5-42cf-8528-cc09fcb2744e.jpeg"
                                                 alt="Cooler Master Hyper 212 Argb"
                                                 loading="lazy">
                                        </a>
                                                                            </div>
                                </div>
                            </div>
                        
                                                    <div class="versus-divider gray">VS</div>
                            <div class="versus-product">
                                <a href="#" class="imagePlaceholder"
                                   onclick="event.preventDefault(); openSearchOverlay();" id="openSearchButton">
                                </a>
                            </div>
                                            </div>

                    <h1 class="comparison-title">
                        <span
                            class="comparison-label">Karşılaştırma</span>
                                                                                <span
                                class="product-title  text-danger "
                                style="max-width:50%">
                            Cooler Master I70 For Lga 1700
                                                        </span>
                                                                                    <span
                                    class="comparison-separator">İle</span>
                                                        <span
                                class="product-title  text-primary "
                                style="max-width:50%">
                            Cooler Master Hyper 212 Argb
                                                        </span>
                                            </h1>
                </div>
            </div>

                        
            <div class="sticky-product-nav" id="stickyNav">
                <div class="sticky-products-container products-2">
                                                                    <div class="sticky-product">
                            <img class="sticky-product-image"
                                 src="https://cdn.moqayese.com/product_images/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg"
                                 loading="lazy"
                                 alt="Cooler Master I70 For Lga 1700">
                            <div class="sticky-product-info">
                                <div class="sticky-product-title">Cooler Master I70 For Lga 1700</div>
                                <div class="sticky-product-specs" id="product-specs-0">
                                    <span class="spec-title" onclick="scrollToCurrentSection()"></span>
                                    <span class="spec-value"></span>
                                </div>
                            </div>
                        </div>
                                                                        <div class="sticky-versus">VS</div>
                                                <div class="sticky-product">
                            <img class="sticky-product-image"
                                 src="https://cdn.moqayese.com/product_images/e96fc23c-fee5-42cf-8528-cc09fcb2744e.jpeg"
                                 loading="lazy"
                                 alt="Cooler Master Hyper 212 Argb">
                            <div class="sticky-product-info">
                                <div class="sticky-product-title">Cooler Master Hyper 212 Argb</div>
                                <div class="sticky-product-specs" id="product-specs-1">
                                    <span class="spec-title" onclick="scrollToCurrentSection()"></span>
                                    <span class="spec-value"></span>
                                </div>
                            </div>
                        </div>
                                    </div>
            </div>

            <div class="sticky-features-nav" id="stickyFeaturesNav">
                <div class="sticky-features-container">
                    
                        <a href="#specifications-1"
                           class="sticky-feature-item"
                           title="Isı emici detayları"
                           onclick="event.preventDefault(); scrollToSection('specifications-1')">
                            <i class="fa-solid fa-temperature-arrow-up text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>Isı emici detayları</span>
                        </a>
                    
                        <a href="#specifications-2"
                           class="sticky-feature-item"
                           title="Fan özellikleri"
                           onclick="event.preventDefault(); scrollToSection('specifications-2')">
                            <i class="fa-solid fa-fan text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>Fan özellikleri</span>
                        </a>
                    
                        <a href="#specifications-3"
                           class="sticky-feature-item"
                           title="Soğutma sistemi detayları"
                           onclick="event.preventDefault(); scrollToSection('specifications-3')">
                            <i class="fa-solid fa-fan text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>Soğutma sistemi detayları</span>
                        </a>
                    
                        <a href="#specifications-4"
                           class="sticky-feature-item"
                           title="Klima özellikleri"
                           onclick="event.preventDefault(); scrollToSection('specifications-4')">
                            <i class="fa-solid fa-wind text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>Klima özellikleri</span>
                        </a>
                    
                        <a href="#specifications-5"
                           class="sticky-feature-item"
                           title="Estetik özellikler"
                           onclick="event.preventDefault(); scrollToSection('specifications-5')">
                            <i class="fa-solid fa-eye text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>Estetik özellikler</span>
                        </a>
                    
                        <a href="#specifications-6"
                           class="sticky-feature-item"
                           title="Genel özellikler"
                           onclick="event.preventDefault(); scrollToSection('specifications-6')">
                            <i class="fa-solid fa-clipboard-list text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>Genel özellikler</span>
                        </a>
                    
                        <a href="#specifications-7"
                           class="sticky-feature-item"
                           title="Isı borusu özellikleri"
                           onclick="event.preventDefault(); scrollToSection('specifications-7')">
                            <i class="fa-solid fa-temperature-arrow-down text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>Isı borusu özellikleri</span>
                        </a>
                    
                        <a href="#specifications-8"
                           class="sticky-feature-item"
                           title="Aydınlatma özellikleri"
                           onclick="event.preventDefault(); scrollToSection('specifications-8')">
                            <i class="fa-solid fa-lightbulb text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>Aydınlatma özellikleri</span>
                        </a>
                                    </div>
            </div>

            <div class="m-4" id="details_box">
                <div class="box-title-cart d-flex justify-content-between align-items-center mb-4">
                    <h2>Özellik Karşılaştırması</h2>
                    <div class="toggle-buttons">
                        <button id="expandAll" class="btn btn-outline-secondary btn-sm"
                                onclick="toggleAllSections(true)">Tümünü Genişlet</button>
                        <button id="collapseAll" class="btn btn-outline-secondary btn-sm ms-2"
                                onclick="toggleAllSections(false)">Tümünü Daralt</button>
                    </div>
                </div>
                <div class="m-4">
                    <div class="comparison-nav-wrapper">
                        <div class="comparison-nav-items">

                                                            <a href="#specifications-1"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-temperature-arrow-up text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">Isı emici detayları</span>
                                </a>
                                                            <a href="#specifications-2"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-fan text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">Fan özellikleri</span>
                                </a>
                                                            <a href="#specifications-3"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-fan text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">Soğutma sistemi detayları</span>
                                </a>
                                                            <a href="#specifications-4"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-wind text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">Klima özellikleri</span>
                                </a>
                                                            <a href="#specifications-5"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-eye text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">Estetik özellikler</span>
                                </a>
                                                            <a href="#specifications-6"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-clipboard-list text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">Genel özellikler</span>
                                </a>
                                                            <a href="#specifications-7"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-temperature-arrow-down text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">Isı borusu özellikleri</span>
                                </a>
                                                            <a href="#specifications-8"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-lightbulb text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">Aydınlatma özellikleri</span>
                                </a>
                                                    </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-12">

                                                    <div class="specifications-section" id="specifications-1">
                                <details class="specification-details" open>
                                    <summary class="specification-summary">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <div class="d-flex align-items-center">
                                                <i class="fa-solid fa-temperature-arrow-up text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">Isı emici detayları</h3>
                                            </div>
                                            <div class="toggle-icon ms-auto me-0"></div>
                                        </div>
                                    </summary>
                                    <div class="table-responsive">
                                        <table
                                            class="table table-striped products-2">
                                            <caption class="info-block d-none">
                                                Isı emici detayları
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Soğutucu malzeme türü</th>
                                                                                                                                                                    <td class="justify-content-md-start">Alüminyum</td>
                                                                                                                                                                    <td class="justify-content-md-start">-</td>
                                                                                                    </tr>
                                                                                        </tbody>
                                        </table>
                                    </div>
                                </details>
                            </div>
                                                    <div class="specifications-section" id="specifications-2">
                                <details class="specification-details" open>
                                    <summary class="specification-summary">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <div class="d-flex align-items-center">
                                                <i class="fa-solid fa-fan text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">Fan özellikleri</h3>
                                            </div>
                                            <div class="toggle-icon ms-auto me-0"></div>
                                        </div>
                                    </summary>
                                    <div class="table-responsive">
                                        <table
                                            class="table table-striped products-2">
                                            <caption class="info-block d-none">
                                                Fan özellikleri
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Fan Çekirdek Teknolojisi</th>
                                                                                                                                                                    <td class="justify-content-md-start"></td>
                                                                                                                                                                    <td class="justify-content-md-start"></td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Maksimum Hava Akışı Kapasitesi (CFM)</th>
                                                                                                                                                                    <td class="justify-content-md-start">37 dakikadaki fit küp (cfm)</td>
                                                                                                                                                                    <td class="justify-content-md-start">62 dakikadaki fit küp (cfm)</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Maksimum Hava Basıncı (mm/H2O)</th>
                                                                                                                                                                    <td class="justify-content-md-start">1.33 mm H₂O</td>
                                                                                                                                                                    <td class="justify-content-md-start">2.5 mm H₂O</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Fan Elektrik Bağlantı Türü</th>
                                                                                                                                                                    <td class="justify-content-md-start">3-pin PWM</td>
                                                                                                                                                                    <td class="justify-content-md-start">4-pin PWM</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Fan Çalışma Gerilimi</th>
                                                                                                                                                                    <td class="justify-content-md-start">12 volt (v)</td>
                                                                                                                                                                    <td class="justify-content-md-start">12 volt (v)</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Fan Güç Tüketimi</th>
                                                                                                                                                                    <td class="justify-content-md-start">0.1 amper (a)</td>
                                                                                                                                                                    <td class="justify-content-md-start">0.15 amper (a)</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Fan Hızı Kontrol Sistemi</th>
                                                                                                                                                                    <td class="justify-content-md-start">-</td>
                                                                                                                                                                    <td class="justify-content-md-start"></td>
                                                                                                    </tr>
                                                                                        </tbody>
                                        </table>
                                    </div>
                                </details>
                            </div>
                                                    <div class="specifications-section" id="specifications-3">
                                <details class="specification-details" open>
                                    <summary class="specification-summary">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <div class="d-flex align-items-center">
                                                <i class="fa-solid fa-fan text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">Soğutma sistemi detayları</h3>
                                            </div>
                                            <div class="toggle-icon ms-auto me-0"></div>
                                        </div>
                                    </summary>
                                    <div class="table-responsive">
                                        <table
                                            class="table table-striped products-2">
                                            <caption class="info-block d-none">
                                                Soğutma sistemi detayları
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Maksimum nominal dönüş hızı</th>
                                                                                                                                                                    <td class="justify-content-md-start">1800 devir/dakika</td>
                                                                                                                                                                    <td class="justify-content-md-start">1800 devir/dakika</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Minimum nominal dönüş hızı</th>
                                                                                                                                                                    <td class="justify-content-md-start">-</td>
                                                                                                                                                                    <td class="justify-content-md-start">650 devir/dakika</td>
                                                                                                    </tr>
                                                                                        </tbody>
                                        </table>
                                    </div>
                                </details>
                            </div>
                                                    <div class="specifications-section" id="specifications-4">
                                <details class="specification-details" open>
                                    <summary class="specification-summary">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <div class="d-flex align-items-center">
                                                <i class="fa-solid fa-wind text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">Klima özellikleri</h3>
                                            </div>
                                            <div class="toggle-icon ms-auto me-0"></div>
                                        </div>
                                    </summary>
                                    <div class="table-responsive">
                                        <table
                                            class="table table-striped products-2">
                                            <caption class="info-block d-none">
                                                Klima özellikleri
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Üretilen maksimum gürültü</th>
                                                                                                                                                                    <td class="justify-content-md-start">28 desibel (db)</td>
                                                                                                                                                                    <td class="justify-content-md-start">27 desibel (db)</td>
                                                                                                    </tr>
                                                                                        </tbody>
                                        </table>
                                    </div>
                                </details>
                            </div>
                                                    <div class="specifications-section" id="specifications-5">
                                <details class="specification-details" open>
                                    <summary class="specification-summary">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <div class="d-flex align-items-center">
                                                <i class="fa-solid fa-eye text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">Estetik özellikler</h3>
                                            </div>
                                            <div class="toggle-icon ms-auto me-0"></div>
                                        </div>
                                    </summary>
                                    <div class="table-responsive">
                                        <table
                                            class="table table-striped products-2">
                                            <caption class="info-block d-none">
                                                Estetik özellikler
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Aydınlatma</th>
                                                                                                                                                                    <td class="justify-content-md-start">Yok</td>
                                                                                                                                                                    <td class="justify-content-md-start">Var</td>
                                                                                                    </tr>
                                                                                        </tbody>
                                        </table>
                                    </div>
                                </details>
                            </div>
                                                    <div class="specifications-section" id="specifications-6">
                                <details class="specification-details" open>
                                    <summary class="specification-summary">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <div class="d-flex align-items-center">
                                                <i class="fa-solid fa-clipboard-list text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">Genel özellikler</h3>
                                            </div>
                                            <div class="toggle-icon ms-auto me-0"></div>
                                        </div>
                                    </summary>
                                    <div class="table-responsive">
                                        <table
                                            class="table table-striped products-2">
                                            <caption class="info-block d-none">
                                                Genel özellikler
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Maksimum güç tüketimi</th>
                                                                                                                                                                    <td class="justify-content-md-start"></td>
                                                                                                                                                                    <td class="justify-content-md-start"></td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Genel boyutlar</th>
                                                                                                                                                                    <td class="justify-content-md-start">70 * 120 * 120 milimetre (mm)</td>
                                                                                                                                                                    <td class="justify-content-md-start">80.5 * 120 * 157 milimetre (mm)</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Anakart Üzerine Montaj Yöntemi</th>
                                                                                                                                                                    <td class="justify-content-md-start">-</td>
                                                                                                                                                                    <td class="justify-content-md-start">Dikey</td>
                                                                                                    </tr>
                                                                                        </tbody>
                                        </table>
                                    </div>
                                </details>
                            </div>
                                                    <div class="specifications-section" id="specifications-7">
                                <details class="specification-details" open>
                                    <summary class="specification-summary">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <div class="d-flex align-items-center">
                                                <i class="fa-solid fa-temperature-arrow-down text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">Isı borusu özellikleri</h3>
                                            </div>
                                            <div class="toggle-icon ms-auto me-0"></div>
                                        </div>
                                    </summary>
                                    <div class="table-responsive">
                                        <table
                                            class="table table-striped products-2">
                                            <caption class="info-block d-none">
                                                Isı borusu özellikleri
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Isı Borusu Malzemesi ve Temas Yüzeyi</th>
                                                                                                                                                                    <td class="justify-content-md-start">-</td>
                                                                                                                                                                    <td class="justify-content-md-start">Alüminyum</td>
                                                                                                    </tr>
                                                                                        </tbody>
                                        </table>
                                    </div>
                                </details>
                            </div>
                                                    <div class="specifications-section" id="specifications-8">
                                <details class="specification-details" open>
                                    <summary class="specification-summary">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <div class="d-flex align-items-center">
                                                <i class="fa-solid fa-lightbulb text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">Aydınlatma özellikleri</h3>
                                            </div>
                                            <div class="toggle-icon ms-auto me-0"></div>
                                        </div>
                                    </summary>
                                    <div class="table-responsive">
                                        <table
                                            class="table table-striped products-2">
                                            <caption class="info-block d-none">
                                                Aydınlatma özellikleri
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Aydınlatma sistemi türü</th>
                                                                                                                                                                    <td class="justify-content-md-start">-</td>
                                                                                                                                                                    <td class="justify-content-md-start"></td>
                                                                                                    </tr>
                                                                                        </tbody>
                                        </table>
                                    </div>
                                </details>
                            </div>
                        
                        <div class="alert alert-warning mt-4 d-flex align-items-center justify-content-between">
                            <div>
                                <i class="fa fa-exclamation-triangle ml-2"></i>
                                Sorumluluk Reddi: Bu sayfadaki bilgiler gözden geçirilmeye ihtiyaç duyabilir. Herhangi bir tutarsızlık görürseniz, lütfen bildirin
                            </div>
                            <button class="btn btn-outline-warning" onclick="openReportForm()">
                                Sorunu Bildir
                                <i class="fa fa-flag mr-1"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            
            <div id="secondary-data-container">
                 <div class="comparison-comments-section mt-5">
    <div class="box-title-cart">
        <h2>Kullanıcı Yorumları Karşılaştırması</h2>
    </div>

    <div class="row row-gap-4">
        
            <div class="col-md-6">
                <div class="product-comments-card">
                    <div class="product-title mb-3">
                        <h3 class="h5">Cooler Master I70 For Lga 1700</h3>
                    </div>
                    <div class="comments-overview">
                        <div class="top-comments">
                            <h4>Öne Çıkan İncelemeler</h4>
                                                            <div class="no-comments">
                                    Henüz inceleme yapılmamış
                                </div>
                                                    </div>
                    </div>
                    <div class="view-all-comments mt-3">
                        <a href="https://https://benzetme.com/tech/cooler-master-i70-for-lga-1700#comments_box" class="btn btn-outline-primary btn-sm">
                            Tüm İncelemeleri Görüntüle
                        </a>
                    </div>
                </div>
            </div>
        
            <div class="col-md-6">
                <div class="product-comments-card">
                    <div class="product-title mb-3">
                        <h3 class="h5">Cooler Master Hyper 212 Argb</h3>
                    </div>
                    <div class="comments-overview">
                        <div class="top-comments">
                            <h4>Öne Çıkan İncelemeler</h4>
                                                            <div class="no-comments">
                                    Henüz inceleme yapılmamış
                                </div>
                                                    </div>
                    </div>
                    <div class="view-all-comments mt-3">
                        <a href="https://https://benzetme.com/tech/cooler-master-hyper-212-argb#comments_box" class="btn btn-outline-primary btn-sm">
                            Tüm İncelemeleri Görüntüle
                        </a>
                    </div>
                </div>
            </div>
            </div>
</div>

<style>
    .comparison-comments-section {
        background: #fff;
        border-radius: 12px;
        padding: 2rem;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    .product-comments-card {
        background: #f8f9fa;
        border-radius: 8px;
        padding: 1.5rem;
        height: 100%;
        transition: all 0.3s ease;
    }

    .product-comments-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }

    .top-comments {
        background: #fff;
        border-radius: 8px;
        padding: 1rem;
    }

    .top-comments h4 {
        font-size: 1rem;
        margin-bottom: 1rem;
        color: #212529;
    }

    .comment-item {
        border-bottom: 1px solid #dee2e6;
        padding: 1rem 0;
    }

    .comment-item:last-child {
        border-bottom: none;
    }

    .comment-header {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0.5rem;
    }

    .comment-author {
        font-weight: 600;
        color: #212529;
    }

    .comment-date {
        color: #6c757d;
        font-size: 0.9rem;
    }

    .comment-content {
        color: #495057;
        margin-bottom: 0.5rem;
        font-size: 0.95rem;
        line-height: 1.5;
    }

    .comment-rating {
        display: flex;
        gap: 0.5rem;
    }

    .rating-item {
        padding: 0.25rem 0.75rem;
        border-radius: 15px;
        font-size: 0.9rem;
    }

    .rating-item.positive {
        background: #d4edda;
        color: #155724;
    }

    .rating-item.negative {
        background: #f8d7da;
        color: #721c24;
    }

    .no-comments {
        text-align: center;
        color: #6c757d;
        padding: 2rem;
    }

    .view-all-comments {
        text-align: center;
    }

    @media (max-width: 768px) {
        .comparison-comments-section {
            padding: 1rem;
        }

        .product-comments-card {
            margin-bottom: 1rem;
        }

        .comment-header {
            flex-direction: column;
        }
    }
</style>
<div class="comparison-faqs-section mt-5">
    <div class="box-title-cart">
        <h2>Kullanıcı Puanları Karşılaştırması</h2>
    </div>

    <div class="row row-gap-4">
                    <div class="col-md-6">
                <div class="product-faqs-card d-flex flex-column">
                    <div class="product-title mb-3">
                        <h3 class="h5">Cooler Master I70 For Lga 1700</h3>
                    </div>
                    <div class="score-box text-center p-4 rounded h-100 d-flex flex-column justify-content-center">
                        <div class="score-circle">
                            <span class="score-number">0</span>
                            <span class="score-max">/10</span>
                        </div>
                        <div class="score-details-mini mt-2">
                            <div class="text-muted mb-2">toplamdan 1 Oy</div>
                            <div class="d-flex justify-content-center align-items-center">
                                <div class="score-stars ml-2">
                                                                                                                        <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                            </div>
                            </div>
                        </div>
                    </div>

                    <div class="view-all-ratings mt-3">
                        <a href="https://benzetme.com/tech/cooler-master-i70-for-lga-1700#scores_box" class="btn btn-outline-primary btn-sm">
                            Tüm Puanları Görüntüle
                        </a>
                    </div>
                </div>
            </div>
                    <div class="col-md-6">
                <div class="product-faqs-card d-flex flex-column">
                    <div class="product-title mb-3">
                        <h3 class="h5">Cooler Master Hyper 212 Argb</h3>
                    </div>
                    <div class="score-box text-center p-4 rounded h-100 d-flex flex-column justify-content-center">
                        <div class="score-circle">
                            <span class="score-number">0</span>
                            <span class="score-max">/10</span>
                        </div>
                        <div class="score-details-mini mt-2">
                            <div class="text-muted mb-2">toplamdan 1 Oy</div>
                            <div class="d-flex justify-content-center align-items-center">
                                <div class="score-stars ml-2">
                                                                                                                        <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                            </div>
                            </div>
                        </div>
                    </div>

                    <div class="view-all-ratings mt-3">
                        <a href="https://benzetme.com/tech/cooler-master-hyper-212-argb#scores_box" class="btn btn-outline-primary btn-sm">
                            Tüm Puanları Görüntüle
                        </a>
                    </div>
                </div>
            </div>
            </div>
</div>

<div class="comparison-page-faqs-section mt-5">
    <div class="box-title-cart">
        <h2>Bu Karşılaştırma Hakkında Soru ve Cevap</h2>
    </div>

    <div class="questions-box">
        <div class="questions-form">
            <div class="form-group">
                <label>Sorunuz</label>
                <textarea class="form-control" id="faq" rows="3"
                    placeholder="Bu karşılaştırma hakkında sorunuzu yazın..."></textarea>
                <small class="form-text text-muted">
                    Sorunuz onaylandıktan sonra gösterilecektir
                </small>
            </div>
                            <button type="button" class="btn btn-primary" data-toggle="modal"
                        data-target="#loginModal">
                    <i class="fa fa-lock ml-1"></i>
                    Soru sormak için giriş yapın
                </button>
                    </div>

        <div class="questions-list">
                            <div class="no-questions">
                    <div class="no-questions-icon">❓</div>
                    <p>Bu karşılaştırma hakkında henüz soru sorulmamış.</p>
                    <p>İlk soru soran siz olun!</p>
                </div>
                    </div>
    </div>
</div>

<style>
    /* استایل‌های بخش امتیازات کاربران */
    .ratings-overview {
        padding: 1rem;
        background: #fff;
        border-radius: 8px;
    }

    .rating-stats {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .overall-rating {
        text-align: center;
        padding: 1rem;
        background: #f8f9fa;
        border-radius: 8px;
    }

    .rating-value {
        font-size: 2.5rem;
        font-weight: bold;
        color: #212529;
        line-height: 1;
    }

    .rating-stars {
        color: #ffc107;
        font-size: 1.25rem;
        margin: 0.5rem 0;
    }

    .rating-count {
        color: #6c757d;
        font-size: 0.9rem;
    }

    .rating-bars {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .rating-bar-item {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .rating-label {
        min-width: 60px;
        color: #495057;
        font-size: 0.9rem;
    }

    .rating-bar {
        flex: 1;
        height: 8px;
        background: #e9ecef;
        border-radius: 4px;
        overflow: hidden;
    }

    .rating-fill {
        height: 100%;
        background: #ffc107;
        border-radius: 4px;
        transition: width 0.3s ease;
    }

    .rating-categories {
        border-top: 1px solid #dee2e6;
        padding-top: 1.5rem;
    }

    .rating-categories h4 {
        font-size: 1rem;
        margin-bottom: 1rem;
        color: #212529;
    }

    .category-ratings {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .category-rating-item {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .category-name {
        min-width: 120px;
        color: #495057;
        font-size: 0.9rem;
    }

    .category-rating {
        flex: 1;
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .category-rating .rating-bar {
        flex: 1;
    }

    .category-rating .rating-value {
        min-width: 40px;
        text-align: right;
        font-size: 0.9rem;
        color: #495057;
    }

    @media (max-width: 768px) {
        .rating-stats {
            gap: 1rem;
        }

        .overall-rating {
            padding: 0.75rem;
        }

        .rating-value {
            font-size: 2rem;
        }

        .rating-stars {
            font-size: 1rem;
        }

        .category-rating-item {
            flex-direction: column;
            align-items: flex-start;
            gap: 0.5rem;
        }

        .category-name {
            min-width: auto;
        }
    }

    /* استایل‌های بخش پرسش و پاسخ محصولات */
    .comparison-faqs-section {
        background: #fff;
        border-radius: 12px;
        padding: 2rem;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    .product-faqs-card {
        background: #f8f9fa;
        border-radius: 8px;
        padding: 1.5rem;
        height: 100%;
        transition: all 0.3s ease;
    }

    .product-faqs-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }

    .score-box {
        background: #fff;
        border-radius: 8px;
        margin-bottom: 1rem;
    }

    .score-circle {
        margin-bottom: 1rem;
    }

    .score-number {
        font-size: 2.5rem;
        font-weight: bold;
        color: #212529;
    }

    .score-max {
        font-size: 1.2rem;
        color: #6c757d;
    }

    .score-stars {
        font-size: 1.25rem;
        margin-right: 0.5rem;
    }

    .score-stars .fa {
        margin: 0 1px;
    }

    .view-all-ratings {
        text-align: center;
    }

    /* استایل‌های بخش پرسش و پاسخ صفحه مقایسه */
    .questions-box {
        background: #fff;
        border-radius: 12px;
        padding: 2rem;
        margin-top: 1rem;
    }

    .questions-form {
        background: #f8f9fa;
        border-radius: 8px;
        padding: 1.5rem;
        margin-bottom: 2rem;
    }

    .questions-form .form-control {
        border: 1px solid #dee2e6;
        border-radius: 8px;
        resize: none;
    }

    .questions-form .btn-primary {
        margin-top: 1rem;
    }

    .questions-list {
        margin-top: 2rem;
    }

    .question-answer-item {
        border-bottom: 1px solid #dee2e6;
        padding: 1.5rem 0;
    }

    .question-answer-item:last-child {
        border-bottom: none;
    }

    .question-section, .answer-section {
        margin-bottom: 1rem;
    }

    .user-info {
        display: flex;
        align-items: center;
        gap: 1rem;
        margin-bottom: 1rem;
    }

    .user-avatar {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        object-fit: cover;
    }

    .user-details {
        display: flex;
        flex-direction: column;
    }

    .user-name {
        font-weight: 600;
        color: #212529;
    }

    .question-date, .answer-date {
        color: #6c757d;
        font-size: 0.9rem;
    }

    .question-content, .answer-content {
        color: #212529;
        line-height: 1.6;
        margin: 1rem 0;
        padding: 0 1rem;
    }

    .q-badge, .a-badge {
        display: inline-block;
        padding: 0.25rem 0.75rem;
        border-radius: 15px;
        font-size: 0.85rem;
        margin-left: 0.5rem;
    }

    .q-badge {
        background: #e9ecef;
        color: #495057;
    }

    .a-badge {
        background: #d4edda;
        color: #155724;
    }

    .question-actions, .answer-actions {
        display: flex;
        align-items: center;
        gap: 1rem;
        padding: 0 1rem;
    }

    .btn-like {
        background: none;
        border: none;
        color: #6c757d;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.25rem 0.5rem;
        border-radius: 4px;
        transition: all 0.2s ease;
    }

    .btn-like:hover {
        background: #f8f9fa;
    }

    .btn-like.active {
        color: #d00707;
    }

    .answer-form {
        flex: 1;
        display: flex;
        gap: 1rem;
        align-items: flex-start;
    }

    .answer-form textarea {
        flex: 1;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        padding: 0.5rem;
        resize: none;
        height: 38px;
    }

    .no-questions {
        text-align: center;
        padding: 3rem 1rem;
        color: #6c757d;
    }

    .no-questions-icon {
        font-size: 3rem;
        margin-bottom: 1rem;
    }

    @media (max-width: 768px) {
        .questions-box {
            padding: 1rem;
        }

        .questions-form {
            padding: 1rem;
        }

        .user-info {
            flex-direction: column;
            align-items: flex-start;
        }

        .answer-form {
            flex-direction: column;
        }

        .answer-form textarea {
            width: 100%;
        }
    }
</style>
<script>
    function submit_faq() {
        let faq = $('#faq');

        if (faq.val().length <= 5) {
            Swal.fire({
                title: "Hata",
                text: "Soru metni 5 karakterden fazla olmalıdır",
                icon: "error",
                toast: true,
                position: 'top',
                showConfirmButton: false,
                timer: 3000
            });
            return;
        }

        $.ajax({
            type: "POST",
            url: "https://benzetme.com/faqs/store",
            data: {
                'comment': faq.val(),
                'entity_type': "comparison",
                'entity_uuid': "a0a3a135-61ad-4562-a9ab-6b15edd3660a",
                'languageUuid': JSON.parse(localStorage.getItem('panel_language')).uuid,
                'type':'faqs'
            }
        }).done(function () {
            faq.val('');
            Swal.fire({
                title: "Sorunuz başarıyla gönderildi",
                icon: "success",
                showConfirmButton: false,
                timerProgressBar: true,
                timer: 3000,
                toast: true,
                position: 'top'
            });
            // setTimeout(() => window.location.reload(), 3000);
        }).fail(function () {
            Swal.fire({
                title: "Hata",
                text: "Sorunuz gönderilirken bir sorun oluştu",
                icon: "error",
                toast: true,
                position: 'top',
                showConfirmButton: false,
                timer: 3000
            });
        });
    }

    function submit_reply(faqId) {
        let reply = $(`#faq_reply_${faqId}`);

        if (reply.val().length <= 5) {
            Swal.fire({
                title: "Hata",
                text: "Cevap metni 5 karakterden fazla olmalıdır",
                icon: "error",
                toast: true,
                position: 'top',
                showConfirmButton: false,
                timer: 3000
            });
            return;
        }

        $.ajax({
            type: "POST",
            url: "https://benzetme.com/faqs/store",
            data: {
                'comment': reply.val(),
                'entity_type': "comparison",
                'entity_uuid': "a0a3a135-61ad-4562-a9ab-6b15edd3660a",
                'parentCommentUuid': faqId,
                'languageUuid': JSON.parse(localStorage.getItem('panel_language')).uuid,
                'type':'faqs'
            }
        }).done(function () {
            reply.val('');
            Swal.fire({
                title: "Cevabınız başarıyla gönderildi",
                icon: "success",
                showConfirmButton: false,
                timerProgressBar: true,
                timer: 3000,
                toast: true,
                position: 'top'
            });
        }).fail(function () {
            Swal.fire({
                title: "Hata",
                text: "Cevabınız gönderilirken bir sorun oluştu",
                icon: "error",
                toast: true,
                position: 'top',
                showConfirmButton: false,
                timer: 3000
            });
        });
    }

    function like_comment(uuid, score = 1) {
        $.ajax({
            url: "https://benzetme.com/scores/store",
            data: {
                score: score ?? 1,
                'type': 'plus',
                'entity_uuid': uuid,
                'entity_type': 'comment'
            },
            type: "POST"
        }).done(function () {
            let count = parseInt($(`#like_count_${uuid}`).text()) + 1;
            $(`#like_count_${uuid}`).text(count);
        });
    }

    function dislike_comment(uuid) {
        $.ajax({
            url: "https://benzetme.com/scores/store",
            data: {
                'score': 1,
                'type': 'minus',
                'entity_uuid': uuid,
                'entity_type': 'comment'
            },
            type: "POST"
        }).done(function () {
            let count = parseInt($(`#dislike_count_${uuid}`).text()) + 1;
            $(`#dislike_count_${uuid}`).text(count);
        });
    }

    function createFaqHtml(faq) {
        return `
        <div class="faq-card mb-4">
            <div class="question-box p-3 rounded" style="background-color: #f8f9fa;">
                <div id="faq-content-${faq?.uuid}" class="d-flex justify-content-between align-items-start mb-3">
                    <div class="user-info">
                        <h5 class="mb-0">${faq.create_by}</h5>
                        <small class="text-muted">${faq.create_at}</small>
                    </div>
                    ${!empty($user) ? `
                        <button class="btn btn-sm btn-outline-primary"
                                data-toggle="collapse"
                                data-target="#replyForm${faq.uuid}">
                            <i class="fa fa-reply ml-1"></i>
                            Yanıtla
        </button>
` : ''}
                </div>
                <p class="mb-0">${faq.comment}</p>
                <div class="actions mt-3">
                    <button class="btn btn-sm btn-link" onclick="like_comment('${faq.uuid}')">
                        <i class="fa fa-thumbs-up"></i>
                        <span id="like_count_${faq.uuid}">${faq.like_count}</span>
                    </button>
                    <button class="btn btn-sm btn-link text-danger" onclick="dislike_comment('${faq.uuid}')">
                        <i class="fa fa-thumbs-down"></i>
                        <span id="dislike_count_${faq.uuid}">${faq.dislike_count}</span>
                    </button>
                </div>
                ${!empty($user) ? `
                    <div class="collapse mt-3" id="replyForm${faq.uuid}">
                        <div class="card card-body">
                            <div class="form-group">
                                <label class="form-label">Cevabınız:</label>
                                <textarea class="form-control" id="faq_reply_${faq.uuid}"
                                        rows="3" placeholder="Cevabınızı yazın..."></textarea>
                            </div>
                            <div class="text-left">
                                <button type="button" class="btn btn-sm btn-primary"
                                        onclick="submit_reply('${faq.uuid}')">
                                    Cevabı Gönder
        </button>
    </div>
</div>
</div>
` : ''}
            </div>
        </div>
    `;
    }
</script>
<div class="modal fade" id="loginModal" tabindex="-1" role="dialog" aria-labelledby="loginModalLabel"
     aria-hidden="true">

    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-title h5" id="loginModalLabel">
                    Giriş / Kayıt Ol
                </div>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">&times;</span>
                </button>
            </div>

            <div class="modal-body">
                <div id="loginForm">
    <form id="loginFormElement" onsubmit="submitLogin(event)">
        <input type="hidden" name="_token" value="lqA4eyWBKLg9rw4GT8YeQolypQri2maPL9lZGHvQ" autocomplete="off">        <div class="form-group">
            <label for="loginEmail">
                E-posta
            </label>
            <input type="email" class="form-control" id="loginEmail" name="email" required
                   placeholder="E-posta adresinizi girin">
        </div>
        <div class="form-group">
            <label for="loginPassword">
                Şifre
            </label>
            <input type="password" class="form-control" id="loginPassword" name="password" required
                   placeholder="Şifrenizi girin">
        </div>
        <button type="submit" class="btn btn-primary btn-block" id="loginButton">
            Giriş Yap
        </button>
    </form>
    <hr>
    <a href="https://benzetme.com/api/v1/auth/google?return_url=https%3A%2F%2Fbenzetme.com%2Ftech%2Fcooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700" class="btn btn-danger btn-block">
        <i class="fab fa-google"></i> Google ile Giriş
    </a>
    <hr>
    <div class="text-center">
        <a href="#" onclick="toggleForms()">Hesabınız yok mu? Kayıt olun</a>
    </div>
</div>
                <div id="registerForm" style="display: none;">
    <form id="registerFormElement" onsubmit="submitRegister(event)">
        <input type="hidden" name="_token" value="lqA4eyWBKLg9rw4GT8YeQolypQri2maPL9lZGHvQ" autocomplete="off">        <div class="form-group">
            <label for="registerEmail">
                E-posta
            </label>
            <input type="email" class="form-control" id="registerEmail" name="email" required
                   placeholder="E-posta adresinizi girin">
        </div>
        <div class="form-group">
            <label for="registerPassword">
                Şifre
            </label>
            <input type="password" class="form-control" id="registerPassword" name="password" required
                   placeholder="Şifrenizi girin">
        </div>
        <div class="form-group">
            <label for="registerPasswordConfirmation">
                Şifreyi Tekrarla
            </label>
            <input type="password" class="form-control" id="registerPasswordConfirmation"
                   name="password_confirmation" required
                   placeholder="Şifrenizi tekrar girin ">
        </div>
        <button type="submit" class="btn btn-primary btn-block">
            Kayıt Ol
        </button>
    </form>
    <hr>
    <a href="https://benzetme.com/api/v1/auth/google?return_url=https%3A%2F%2Fbenzetme.com%2Ftech%2Fcooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700" class="btn btn-danger btn-block">
        <i class="fab fa-google"></i> Google ile Giriş
    </a>
    <hr>
    <div class="text-center">
        <a href="#" onclick="toggleForms()">Zaten hesabınız var mı? Giriş yapın
        </a>
    </div>
</div>
            </div>
        </div>
    </div>
</div>

<script>
    function toggleForms() {

        const loginForm = document.getElementById('loginForm');
        const registerForm = document.getElementById('registerForm');
        if (loginForm.style.display === 'none') {
            loginForm.style.display = 'block';
            registerForm.style.display = 'none';
        } else {
            loginForm.style.display = 'none';
            registerForm.style.display = 'block';
        }
    }

    function submitLogin(event) {

        event.preventDefault();

        const loginButton = document.getElementById('loginButton');
        const email = document.getElementById('loginEmail').value;
        const password = document.getElementById('loginPassword').value;

        loginButton.disabled = true;

        $.ajax({
            type: "POST",
            url: "https://benzetme.com/api/v1/auth/login",
            headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            },
            data: {
                email: email,
                password: password
            },
            success: function (response) {
                if (response.status === 'successful') {
                    window.location.reload();
                } else {
                    loginButton.disabled = false;
                    loginButton.innerHTML = Giriş Yap;
                    alert("Giriş hatası. Lütfen tekrar deneyin.");
                }
            },
            error: function (xhr) {

                loginButton.disabled = false;
                loginButton.innerHTML = Giriş Yap;

                if (xhr.status === 401) {
                    alert("E-posta veya şifre hatalı.");
                } else {
                    alert("Giriş hatası. Lütfen tekrar deneyin.");
                }
            }
        });
    }

    function submitRegister(event) {

        event.preventDefault();

        const email = document.getElementById('registerEmail').value;
        const password = document.getElementById('registerPassword').value;
        const passwordConfirmation = document.getElementById('registerPasswordConfirmation').value;

        const token = $('meta[name="csrf-token"]').attr('content');

        $.ajax({
            type: "POST",
            url: "https://benzetme.com/api/v1/auth/register",
            headers: {
                'X-CSRF-TOKEN': token,
                'Accept': 'application/json',
                'Content-Type': 'application/json'
            },
            data: JSON.stringify({
                'email': email,
                'password': password,
                'password_confirmation': passwordConfirmation
            }),
            success: function () {
                toggleForms();
            },
            error: function (xhr) {
                if (xhr.responseJSON && xhr.responseJSON.errors) {
                    const errors = Object.values(xhr.responseJSON.errors).flat();
                    alert(errors.join('\n'));
                } else {
                    alert("Kayıt hatası. Lütfen tekrar deneyin.");
                }
            }
        });
    }
</script>

<div class="anchor_tags" id="comments_box">
    <div class="box-title-cart mb-4 px-3">
        <h2 class="font-weight-bold"><span
                    class="card-title-right">Bu Karşılaştırma İçin Yorum ve Puan Ver</span>
        </h2>
    </div>

    <div class="comment-form-container mb-4">
        <div class="comment-form-wrapper">
            <form id="commentForm" onsubmit="handleSubmitCommentForm(event, this)">
                <div class="row mx-0">
                    <div class="col-md-8 order-md-1">
                        <div class="form-section mb-4">
                            <label for="comment"
                                   class="form-label required">İncelemeniz
                                :</label>
                            <textarea id="comment" name="comment" class="form-control" rows="4"
                                      placeholder="Bu ürünle ilgili deneyiminizi başkalarıyla paylaşın..."></textarea>
                            <small class="form-text text-muted">En az 10 karakter yazın</small>
                        </div>

                                                <div class="form-actions mt-4 text-left">
                                                            <button type="button" class="btn btn-primary" data-toggle="modal"
                                        data-target="#loginModal">
                                    <i class="fa fa-paper-plane ml-1"></i>
                                    İnceleme göndermek için giriş yapın
                                </button>
                                                        <button type="button" class="btn btn-outline-secondary mr-2" onclick="resetForm()">
                                <i class="fa fa-refresh ml-1"></i>
                                Formu Sıfırla
                            </button>
                        </div>
                    </div>

                    <div class="col-md-4 order-md-2">
                        
                        <div class="form-section mb-4">
                            <label class="form-label required">Puanınız
                                :</label>
                            <div class="star-rating-input">
                                <select name="score" class="product-rating">
                                    <option value="">Puan Seçin</option>
                                    <option value="1">1
                                        - Çok Kötü</option>
                                    <option value="2">2
                                        - Kötü</option>
                                    <option value="3">3
                                        - Zayıf</option>
                                    <option value="4">4
                                        - Ortalamanın Altında</option>
                                    <option value="5">5
                                        - Orta</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="comments-section mt-5 px-3">
        <h3 class="section-title mb-4">Gönderilen İncelemeler</h3>
        <div class="comments-list" id="comments_text_box">
                            <div class="no-comments-box text-center py-5">
                    <div class="no-comments-icon mb-3">
                        <i class="fa fa-comments-o fa-3x text-muted"></i>
                    </div>
                    <h4 class="mb-3">Bu ürün için henüz inceleme yapılmamış</h4>
                    <p class="text-muted mb-3">İlk inceleme yapan siz olabilirsiniz</p>
                    <button class="btn btn-primary" onclick="scrollToCommentForm()">
                        <i class="fa fa-pencil ml-1"></i>
                        İlk İncelemeyi Gönder
                    </button>
                </div>
                    </div>

            </div>
</div>

<style>
    /* استایل‌های جدید برای فرم */
    .comment-form-container {
        background: #fff;
        border-radius: 12px;
        padding: 25px 15px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
        margin: 0 15px;
    }

    .comment-form-wrapper {
        max-width: 100%;
    }

    .form-section {
        background: #fff;
        border-radius: 8px;
        padding: 15px;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
        margin-bottom: 20px;
    }

    .user-type-options {
        display: flex;
        justify-content: center;
        padding: 10px 0;
    }

    .gap-3 {
        gap: 1rem;
    }

    .form-check-label {
        display: flex;
        align-items: center;
        gap: 8px;
        cursor: pointer;
        padding: 8px 16px;
        border-radius: 20px;
        transition: all 0.3s ease;
        font-size: 14px;
        border: 1px solid #dee2e6;
    }

    .form-check-input:checked + .form-check-label {
        background-color: #f8f9fa;
        font-weight: 600;
        border-color: #0d6efd;
    }

    #store-feedback textarea {
        font-size: 13px;
        resize: none;
    }

    .required:after {
        content: " *";
        color: #dc3545;
    }

    .feedback-box {
        background: #fff;
        border-radius: 8px;
        padding: 15px;
        height: 100%;
        box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    }

    .feedback-box.positive {
        border-right: 3px solid #28a745;
    }

    .feedback-box.negative {
        border-right: 3px solid #dc3545;
    }

    .points-list {
        max-height: 150px;
        overflow-y: auto;
        padding: 5px;
    }

    .point-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 5px 8px;
        background: #f8f9fa;
        border-radius: 4px;
        margin-bottom: 5px;
        font-size: 13px;
    }

    .store-input-group {
        position: relative;
    }

    #new-store-input {
        animation: slideDown 0.3s ease;
    }

    @keyframes slideDown {
        from {
            opacity: 0;
            transform: translateY(-10px);
        }
        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .form-label {
        font-weight: 600;
        margin-bottom: 10px;
        color: #333;
        font-size: 14px;
    }

    .star-rating-input {
        direction: ltr;
        text-align: left;
        margin: 10px 0;
    }

    .form-control {
        font-size: 14px;
    }

    .form-text {
        font-size: 12px;
    }

    .btn {
        font-size: 14px;
        padding: 8px 16px;
    }

    .btn-sm {
        padding: 4px 8px;
        font-size: 12px;
    }

    /* استایل‌های جدید برای باکس خالی نظرات */
    .no-comments-box {
        background: #fff;
        border-radius: 12px;
        padding: 2rem;
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }

    .no-comments-icon {
        color: #dee2e6;
        transition: all 0.3s ease;
    }

    .no-comments-box:hover .no-comments-icon {
        transform: scale(1.1);
        color: #0d6efd;
    }

    .no-comments-box h4 {
        color: #495057;
        font-size: 1.2rem;
    }

    .no-comments-box p {
        font-size: 0.95rem;
    }

    /* اضافه کردن استایل برای موبایل */
    @media (max-width: 768px) {
        .order-md-1 {
            order: 2;
        }
        .order-md-2 {
            order: 1;
            margin-bottom: 1rem;
        }
        .comment-form-container {
            margin: 0 10px;
            padding: 15px 10px;
        }

        .comments-section {
            padding: 0 10px;
        }
    }


    .comment-card {
        background: #fff;
        border: 1px solid #dee2e6;
        border-radius: 8px;
        padding: 1rem;
        height: 100%;
    }

    .comment-header {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-bottom: 1rem;
    }

    .comment-product-image {
        width: 48px;
        height: 48px;
        object-fit: contain;
        border-radius: 4px;
    }

    .comment-product-title {
        font-size: 0.9rem;
        font-weight: 600;
        margin: 0;
        line-height: 1.4;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        max-width: 200px;
    }

    .comment-content {
        font-size: 0.85rem;
        color: #495057;
        margin-bottom: 1rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

    .comment-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 0.8rem;
        color: #6c757d;
    }

    .br-theme-fontawesome-stars .br-widget a {
        font-family: var(--fa-style-family, "Font Awesome 6 Free");
    }

</style>
<script>
    function toggleStoreInput() {
        const storeSection = document.getElementById('store-section');
        const userType = document.querySelector('input[name="user_type"]:checked')?.value;

        if (userType === 'buyer') {
            storeSection.style.display = 'block';
            document.getElementById('store').setAttribute('required', 'required');
            document.getElementById('store-comment').setAttribute('required', 'required');
        } else {
            storeSection.style.display = 'none';
            document.getElementById('store').removeAttribute('required');
            document.getElementById('store-comment').removeAttribute('required');
            document.getElementById('new-store-name').removeAttribute('required');
            document.getElementById('new-store-input').style.display = 'none';
            document.getElementById('store-comment').value = '';
        }
    }

    function handleChangeStore() {
        document.getElementById('store').addEventListener('change', function () {
            const newStoreInput = document.getElementById('new-store-input');
            if (this.value === 'other') {
                newStoreInput.style.display = 'block';
                document.getElementById('new-store-name').setAttribute('required', 'required');
            } else {
                newStoreInput.style.display = 'none';
                document.getElementById('new-store-name').removeAttribute('required');
            }
        });
    }

    let positivePoints = [];
    let negativePoints = [];

    function addPositivePoint() {
        const input = document.getElementById('positive-point');
        const value = input.value.trim();

        if (value.length >= 3) {
            positivePoints.push(value);
            updatePointsList('positive-points-list', positivePoints, true);
            input.value = '';
        } else {
            showError('Olumlu ipucu en az 3 karakter olmalıdır');
        }
    }

    function addNegativePoint() {
        const input = document.getElementById('negative-point');
        const value = input.value.trim();

        if (value.length >= 3) {
            negativePoints.push(value);
            updatePointsList('negative-points-list', negativePoints, false);
            input.value = '';
        } else {
            showError('Olumsuz ipucu en az 3 karakter olmalıdır');
        }
    }

    function updatePointsList(listId, points, isPositive) {
        const list = document.getElementById(listId);
        if (!list) {
            return;
        }
        list.innerHTML = points.map((point, index) => `
        <div class="point-item">
            <span>
                <i class="fa fa-${isPositive ? 'plus' : 'minus'}-circle text-${isPositive ? 'success' : 'danger'} ml-1"></i>
                ${point}
            </span>
            <button type="button" class="btn btn-link text-danger p-0" onclick="removePoint(${index}, ${isPositive})">
                <i class="fa fa-times"></i>
            </button>
            <input type="hidden" value="${point}" name="${isPositive ? 'positive' : 'negative'}_points[]"/>
        </div>
    `).join('');
    }

    function removePoint(index, isPositive) {
        if (isPositive) {
            positivePoints.splice(index, 1);
            updatePointsList('positive-points-list', positivePoints, true);
        } else {
            negativePoints.splice(index, 1);
            updatePointsList('negative-points-list', negativePoints, false);
        }
    }

    function resetForm() {
        const form = document.getElementById('commentForm');
        form.reset();
        positivePoints = [];
        negativePoints = [];
        updatePointsList('positive-points-list', [], true);
        updatePointsList('negative-points-list', [], false);

        $('.product-rating').barrating('clear');

        const section = document.getElementById('store-section');
        if (section) section.style.display = 'none';

        const newInput = document.getElementById('new-store-input');
        if (newInput) newInput.style.display = 'none';

        const newName = document.getElementById('new-store-name');
        if (newName) newName.removeAttribute('required');

        const comment = document.getElementById('store-comment');
        if (comment) comment.removeAttribute('required');

        const store = document.getElementById('store');
        if (store) store.removeAttribute('required');

    }

    function showError(message) {
        Swal.fire({
            title: "Hata",
            text: message,
            icon: "error",
            toast: true,
            position: 'top',
            showConfirmButton: false,
            timer: 3000
        });
    }

    function toggleText(id) {
        let textElement = document.getElementById('comment-text-' + id);
        let button = event.target.closest('a');

        if (textElement.classList.contains('expanded')) {
            textElement.classList.remove('expanded');
            button.innerHTML = '<i class="fa fa-plus"></i> Daha Fazla Göster';
        } else {
            textElement.classList.add('expanded');
            button.innerHTML = '<i class="fa fa-minus"></i> Kapat';
        }
    }

    function handleKeyPress(event, isPositive) {
        if (event.key === 'Enter' || event.keyCode === 13) {
            event.preventDefault();
            if (isPositive) {
                addPositivePoint();
            } else {
                addNegativePoint();
            }
        }
    }

    $(document).ready(function () {
        $('.product-rating').barrating({
            theme: 'fontawesome-stars',
            showSelectedRating: true,
            deselectable: false,
            allowEmpty: false
        });

        $('.u-rating').barrating({
            theme: 'fontawesome-stars',
            readonly: true
        });
    });

    function scrollToCommentForm() {
        const commentForm = document.querySelector('.comment-form-container');
        if (commentForm) {
            commentForm.scrollIntoView({behavior: 'smooth', block: 'start'});
        }
    }

    function generateCommentFormData(form) {
        const formData = new FormData(form);
        const result = {};
        let comment = null;
        let score = null;

        for (const [name, value] of formData.entries()) {
            if (!value) {
                continue;
            }
            if (name === 'comment') {
                comment = value;
                continue;
            }

            if (name === 'score') {
                score = value;
                continue;
            }

            if (name.endsWith('[]')) {
                const key = name.slice(0, -2);
                if (!result[key]) {
                    result[key] = [];
                }
                result[key].push(value);
            } else {
                result[name] = value;
            }
        }

        return {
            data: result,
            comment,
            score,
            entity_uuid: "a0a3a135-61ad-4562-a9ab-6b15edd3660a",
            entity_type: "comparison",
            languageUuid: JSON.parse(localStorage.getItem('panel_language')).uuid,
        };
    }


    async function handleSubmitCommentForm(e, form) {
        e.preventDefault();
        try {
            const scoreSelect = form.querySelector('select[name="score"]');
            const comment = form.querySelector('#comment');
            const score = scoreSelect?.value;

            if (comment.value?.length < 10) {
                showMessage("İnceleme metni 10 karakterden fazla olmalıdır", 'error')
                return;
            }

            const formData = generateCommentFormData(form);

            const response = await fetch(`/comments/store`, {
                method: "POST",
                headers: {
                    'Content-Type': 'application/json', // important!
                    'X-Requested-With': 'XMLHttpRequest',
                    'Accept': 'application/json'
                },
                body: JSON.stringify(formData),
            });

            const data = await response.json();

            if (data?.comment?.uuid) {
                showMessage('İncelemeniz başarıyla gönderildi', 'success');
                resetForm();

                if (score) {
                    like_comment(data.comment.uuid, score)
                }
            } else {
                showMessage("İncelemeniz gönderilirken bir sorun oluştu. Lütfen tekrar deneyin.", 'error')
            }
        } catch (e) {
            showMessage("İncelemeniz gönderilirken bir sorun oluştu. Lütfen tekrar deneyin.", 'error')
        }
    }
</script>
<div class="anchor_tags box-faq m-4" id="related_comparison">
    <p class="text-danger m-3 text-center font-weight-bold">
        <a class="text-danger m-3 text-center font-weight-bold"
           href="https://benzetme.com/cpu-cooler/coolers/computer-and-accessorie/tech/compare">
            Karşılaştırmalar Elektronik
        </a>
    </p>

                <div class="versus-related-comparisons">
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/cooler-master-i70-for-lga-1700-vs-silverstone-ar12-tuf"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg"
                                     alt="Resim Cooler Master I70 For Lga 1700"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/bc81af4b-447c-4aee-97f8-6bea0e75d3e8.jpeg"
                                     alt="Resim SilverStone AR12-TUF"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma SilverStone AR12-TUF İle Cooler Master I70 For Lga 1700
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/cooler-master-i70-for-lga-1700-vs-raidmax-ac1204"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg"
                                     alt="Resim Cooler Master I70 For Lga 1700"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/92d7cdc7-8112-4a17-a1e7-66c13ab5ad17.jpeg"
                                     alt="Resim Raidmax AC1204"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Raidmax AC1204 İle Cooler Master I70 For Lga 1700
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/cooler-master-i70-for-lga-1700-vs-gamdias-boreas-e1-410-red"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg"
                                     alt="Resim Cooler Master I70 For Lga 1700"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/363168ec-e832-4f11-bc8c-4777bbb055e1.jpeg"
                                     alt="Resim Gamdias Boreas E1 410 Red"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Gamdias Boreas E1 410 Red İle Cooler Master I70 For Lga 1700
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/cooler-master-i70-for-lga-1700-vs-deepcool-ul551"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg"
                                     alt="Resim Cooler Master I70 For Lga 1700"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/7d388612-3ad3-45df-9fbe-c41c9a99d472.jpeg"
                                     alt="Resim Deepcool Ul551"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Deepcool Ul551 İle Cooler Master I70 For Lga 1700
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/cooler-master-i70-for-lga-1700-vs-deepcool-ak500-digital-wh"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg"
                                     alt="Resim Cooler Master I70 For Lga 1700"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/6717a990-112f-4716-b212-9279e0ba8d5c.jpeg"
                                     alt="Resim Deepcool Ak500 Digital Wh"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Deepcool Ak500 Digital Wh İle Cooler Master I70 For Lga 1700
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/cooler-master-i70-for-lga-1700-vs-deepcool-ak400-digital-wh"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg"
                                     alt="Resim Cooler Master I70 For Lga 1700"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/3d685c69-6904-4ba7-9f19-17a1fa727933.jpeg"
                                     alt="Resim Deepcool Ak400 Digital Wh"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Deepcool Ak400 Digital Wh İle Cooler Master I70 For Lga 1700
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/cooler-master-i70-for-lga-1700-vs-cooler-master-standard-cooler-i50"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg"
                                     alt="Resim Cooler Master I70 For Lga 1700"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/49560d29-e7c2-4214-988e-ef4b4e394cfc.jpeg"
                                     alt="Resim Cooler Master Standard Cooler I50"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Cooler Master Standard Cooler I50 İle Cooler Master I70 For Lga 1700
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/cooler-master-i70-for-lga-1700-vs-cooler-master-standard-cooler-i30"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg"
                                     alt="Resim Cooler Master I70 For Lga 1700"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/a3af29be-2bd7-4d66-b03f-e543fbc5181a.jpeg"
                                     alt="Resim Cooler Master Standard Cooler I30"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Cooler Master Standard Cooler I30 İle Cooler Master I70 For Lga 1700
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/cooler-master-i70-for-lga-1700-vs-cooler-master-t400-pro-red"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg"
                                     alt="Resim Cooler Master I70 For Lga 1700"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/9b9cac22-e2b6-4f06-a57e-b05b0f6258fb.jpeg"
                                     alt="Resim Cooler Master T400 Pro Red"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Cooler Master T400 Pro Red İle Cooler Master I70 For Lga 1700
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                                
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/cooler-master-i70-for-lga-1700-vs-deepcool-hyper-212-black-edition"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg"
                                     alt="Resim Cooler Master I70 For Lga 1700"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/93c0afb1-3d7f-47b7-9a7e-925923d370b4.jpeg"
                                     alt="Resim Deepcool Hyper 212 Black Edition"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Deepcool Hyper 212 Black Edition İle Cooler Master I70 For Lga 1700
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/cooler-master-i70-for-lga-1700-vs-silverstone-xe02-3647s"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg"
                                     alt="Resim Cooler Master I70 For Lga 1700"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/c47128fb-9f8e-479d-8236-dcd8c4eb0e76.jpeg"
                                     alt="Resim Silverstone Xe02 3647S"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Silverstone Xe02 3647S İle Cooler Master I70 For Lga 1700
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/cooler-master-i70-for-lga-1700-vs-noctua-nh-u14s-tr4-sp3"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/cf296df1-ca74-4f47-a040-b0adce5603a5.jpeg"
                                     alt="Resim Cooler Master I70 For Lga 1700"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/d25476b9-8eb5-4cb0-bf67-2312f1615308.jpeg"
                                     alt="Resim Noctua Nh U14S Tr4 Sp3"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Noctua Nh U14S Tr4 Sp3 İle Cooler Master I70 For Lga 1700
                            </h3>
                        </div>
                    </a>
                </div>
                    </div>
    </div>

<style>
    .versus-related-comparisons {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
        padding: 24px;
    }

    .versus-comparison-card {
        background: white;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
        transition: all 0.3s ease;
    }

    .versus-comparison-card:hover {
        transform: translateY(-4px);
        box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15);
    }

    .versus-comparison-link {
        text-decoration: none;
        color: inherit;
        display: block;
    }

    .versus-comparison-dual-images {
        position: relative;
        display: flex;
        background: #f8f9fa;
        aspect-ratio: 16/9;
        overflow: hidden;
    }

    .versus-dual-image {
        flex: 1;
        position: relative;
        overflow: hidden;
    }

    .versus-dual-image.first-product::after,
    .versus-dual-image.second-product::before {
        content: '';
        position: absolute;
        top: 0;
        bottom: 0;
        width: 1px;
        background: rgba(0, 0, 0, 0.1);
        z-index: 2;
    }

    .versus-dual-image.first-product::after {
        right: 0;
    }

    .versus-dual-image.second-product::before {
        left: 0;
    }

    .versus-dual-image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    .versus-comparison-card:hover .versus-dual-image img {
        transform: scale(1.1);
    }

    .versus-vs-badge {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        background: #d00707;
        color: white;
        width: 44px;
        height: 44px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        font-weight: bold;
        font-size: 18px;
        z-index: 3;
        box-shadow: 0 2px 8px rgba(208, 7, 7, 0.4);
    }

    .versus-comparison-content {
        padding: 16px;
        background: white;
    }

    .versus-comparison-title {
        font-size: 15px;
        font-weight: 600;
        margin: 0;
        line-height: 1.5;
        color: #333;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-align: center;
        height: 48px;
    }

    .versus-comparison-card:hover .versus-comparison-title {
        color: #d00707;
    }

    @media (max-width: 1200px) {
        .versus-related-comparisons {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 992px) {
        .versus-related-comparisons {
            grid-template-columns: repeat(2, 1fr);
            gap: 20px;
            padding: 20px;
        }
    }

    @media (max-width: 576px) {
        .versus-related-comparisons {
            grid-template-columns: 1fr;
            gap: 16px;
            padding: 16px;
        }

        .versus-comparison-dual-images {
            aspect-ratio: 3/2;
        }

        .versus-vs-badge {
            width: 36px;
            height: 36px;
            font-size: 14px;
        }
    }
</style>
            </div>

            <div class="modal fade" id="reportModal" tabindex="-1" role="dialog">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">Karşılaştırma Bilgilerinde Sorun Bildir</h5>
                            <button type="button" class="close" data-dismiss="modal">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <form id="reportForm">
                                <div class="form-group">
                                    <label>Sorun Açıklaması</label>
                                    <textarea class="form-control" id="reportDescription" rows="4"
                                              placeholder="Lütfen gördüğünüz sorunu açıklayın..."></textarea>
                                </div>
                                <div class="form-group">
                                    <label>Kaynak Bağlantısı (İsteğe Bağlı)</label>
                                    <input type="url" class="form-control" id="sourceLink"
                                           placeholder="Geçerli bir kaynak bağlantısı girin...">
                                </div>
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary"
                                    data-dismiss="modal">İptal</button>
                            <button type="button" class="btn btn-primary"
                                    onclick="submitReport()">Raporu Gönder</button>
                        </div>
                    </div>
                </div>
            </div>

            <script src="https://benzetme.com/js/V1/Comparison/comparison-scroll.js"></script>
        </div>

        <div class="search-overlay" id="searchOverlay">
            <div class="search-overlay-content">
                <div class="search-overlay-header">
                    <h2 class="search-overlay-title">Karşılaştırma İçin Ürün Ara</h2>
                    <button class="search-overlay-close" onclick="closeSearchOverlay()">×</button>
                </div>
                <input type="text" class="search-overlay-input"
                       placeholder="Ürün adını girin..."
                       onkeyup="searchProducts(this.value,{&quot;id&quot;:43,&quot;path&quot;:&quot;1\/20\/42\/43&quot;,&quot;uuid&quot;:&quot;06a707d9-098a-4edb-99f1-b4ef99103029&quot;,&quot;slug&quot;:&quot;cpu-cooler&quot;,&quot;icon&quot;:null,&quot;level&quot;:3,&quot;is_main&quot;:false,&quot;is_active&quot;:true,&quot;sort_order&quot;:0,&quot;menu_visibility&quot;:true,&quot;category_type&quot;:&quot;product&quot;,&quot;title&quot;:&quot;Bilgisayar Kasalar\u0131&quot;,&quot;description&quot;:&quot;&quot;,&quot;main_category&quot;:&quot;tech&quot;,&quot;link&quot;:&quot;https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler&quot;,&quot;blog_link&quot;:&quot;https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/blog&quot;,&quot;wiki_link&quot;:&quot;https:\/\/benzetme.com\/tech\/computer-and-accessorie\/coolers\/cpu-cooler\/wiki&quot;,&quot;created_at&quot;:&quot;2025-08-15&quot;,&quot;updated_at&quot;:&quot;2026-01-04&quot;})">
                <div class="search-overlay-results" id="searchResults"></div>
            </div>
        </div>
    </div>
            </div>
        </div>

        <footer class="footer">
            <style>
    .page-wrapper .page-body-wrapper footer {
        margin: 0;
    }

    .main-footer {
        width: 100%;
        background-color: #2c3e50;
        padding: 40px 0 20px;
        position: relative;
        color: #fff;
    }

    .main-footer::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #34495e;
    }

    .footer-content {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
        margin-bottom: 30px;
    }

    .footer-section h3 {
        color: #fff;
        font-size: 1.2em;
        margin-bottom: 20px;
        position: relative;
        padding-bottom: 10px;
    }

    .footer-section h3::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50px;
        height: 2px;
        background-color: #3498db;
    }

    .footer-section ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .footer-section ul li {
        margin-bottom: 10px;
    }

    .footer-section ul li a {
        color: #bdc3c7;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .footer-section ul li a:hover {
        color: #3498db;
    }

    .social-links {
        display: flex;
        gap: 15px;
        margin-top: 15px;
    }

    .social-links a {
        color: #fff;
        background-color: #34495e;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: all 0.3s ease;
    }

    .social-links a:hover {
        background-color: #3498db;
        transform: translateY(-3px);
    }

    .footer-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-top: 20px;
        border-top: 1px solid #34495e;
        color: #bdc3c7;
    }

    .footer-bottom a {
        color: #3498db;
        text-decoration: none;
    }

    .footer-bottom a:hover {
        color: #2980b9;
    }

    @media (max-width: 768px) {
        .footer-content {
            grid-template-columns: 1fr;
            text-align: center;
        }

        .footer-section h3::after {
            right: 50%;
            transform: translateX(50%);
        }

        .social-links {
            justify-content: center;
        }

        .footer-bottom {
            flex-direction: column;
            text-align: center;
            gap: 15px;
        }
    }
</style>

<style>
    .page-wrapper .page-body-wrapper footer {
        margin: 0;
    }

    .main-footer {
        width: 100%;
        background-color: #2c3e50;
        padding: 40px 0 20px;
        position: relative;
        color: #fff;
    }

    .main-footer::after {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #34495e;
    }

    .footer-content {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
        gap: 30px;
        margin-bottom: 30px;
    }

    .footer-section h3 {
        color: #fff;
        font-size: 1.2em;
        margin-bottom: 20px;
        position: relative;
        padding-bottom: 10px;
    }

    .footer-section h3::after {
        content: "";
        position: absolute;
        bottom: 0;
        right: 0;
        width: 50px;
        height: 2px;
        background-color: #3498db;
    }

    .footer-section ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .footer-section ul li {
        margin-bottom: 10px;
    }

    .footer-section ul li a {
        color: #bdc3c7;
        text-decoration: none;
        transition: color 0.3s ease;
    }

    .footer-section ul li a:hover {
        color: #3498db;
    }

    .social-links {
        display: flex;
        gap: 15px;
        margin-top: 15px;
    }

    .social-links a {
        color: #fff;
        background-color: #34495e;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        transition: all 0.3s ease;
    }

    .social-links a:hover {
        background-color: #3498db;
        transform: translateY(-3px);
    }

    .footer-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        padding-top: 20px;
        border-top: 1px solid #34495e;
        color: #bdc3c7;
    }

    .footer-bottom a {
        color: #3498db;
        text-decoration: none;
    }

    .footer-bottom a:hover {
        color: #2980b9;
    }

    /* Mobile styles */
    @media (max-width: 768px) {
        .footer-content {
            grid-template-columns: 1fr;
            text-align: center;
        }

        .footer-section h3::after {
            right: 50%;
            transform: translateX(50%);
        }

        .social-links {
            justify-content: center;
        }

        .footer-bottom {
            flex-direction: column;
            text-align: center;
            gap: 15px;
        }
    }
</style>

<footer class="main-footer px-2">
    <div class="container">
        <div class="footer-content">
            <div class="footer-section">
                <p class="h3">Hakkımızda</p>
                <p>Benzetme, kullanıcılara doğru ve güvenilir bilgi sağlamayı amaçlayan ürün ve hizmet karşılaştırma platformu.</p>
                <div class="social-links">

                    <a href="#"
                       target="_blank">
                        <i class="fab fa-linkedin-in"></i>
                    </a>
                    <a href="#"
                       target="_blank">
                        <i class="fab fa-twitter"></i>
                    </a>
                </div>
            </div>

            <div class="footer-section">
                <p class="h3">Hızlı Bağlantılar</p>
                <ul>
                    <li>
                        <a href="https://benzetme.com/page/about-us">Hakkımızda</a>
                    </li>
                    <li>
                        <a href="https://benzetme.com/page/contact-us">Bize Ulaşın</a>
                    </li>
                    <li>
                        <a href="https://benzetme.com/page/terms">Şartlar ve Koşullar</a>
                    </li>
                    <li>
                        <a href="https://benzetme.com/page/privacy-policy">Gizlilik</a>
                    </li>
                    <li>
                        <a href="https://benzetme.com/users">Kullanıcılar</a>
                    </li>
                    <li>
                        <a href="https://benzetme.com/authors">Yazarlar</a>
                    </li>
                </ul>
            </div>

            <div class="footer-section">
                <ul>
                                        
                                                                    <li><a href="https://moqayese.com/tech/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700">
                                Persian (فارسی)
                            </a></li>
                                                                    <li><a href="https://vswizard.com/tech/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700">
                                English
                            </a></li>
                                                                    <li><a href="https://benzetme.com/tech/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700">
                                Turkish (Türkçe)
                            </a></li>
                                                                    <li><a href="https://yuqarin.com/tech/cooler-master-hyper-212-argb-vs-cooler-master-i70-for-lga-1700">
                                Arabic (العربية)
                            </a></li>
                                    </ul>
            </div>

            <div class="footer-section">
                <p class="h3">Bize Ulaşın</p>
                <ul>
                    <li><i class="fas fa-envelope"></i> info@benzetme.com</li>
                </ul>
            </div>
        </div>

        <div class="footer-bottom">
            <div class="footer-copyright">
                <p class="mb-0">
                    Telif Hakkı © 1403 - Tüm hakları <a href="https://benzetme.com">Benzetme</a>'e aittir.
                </p>
            </div>
                    </div>
    </div>
</footer>
        </footer>
    </div>
</div>
<button
    id="backToTopBtn"
    class="back-to-top-btn"
    style="display: none; transition: unset !important;"
    title="Yukarı Çık"
>
    <i class="fa fa-angle-up"></i>
</button>
<script>
    window.slug_cleanup_error = 'Slug temizlenirken hata oluştu';
    window.compare_list_save_error = 'Karşılaştırma listesi kaydedilirken hata oluştu';
    window.compare_list_load_error = 'Karşılaştırma listesi yüklenirken hata oluştu';
    window.invalid_product_id = 'Geçersiz ürün kimliği';
    window.compare_max_items_error = 'En fazla :max_item ürün karşılaştırabilirsiniz';
    window.compare_same_category_error = 'Sadece aynı kategorideki ürünler karşılaştırılabilir';
    window.compare_link_error = 'Karşılaştırma bağlantısı oluşturulurken hata oluştu';
    window.main_category_error = 'Ana kategori alınırken hata oluştu';
    window.category_not_found = 'Ürün kategorisi bulunamadı';
    window.general_error = 'Bir hata oluştu. Lütfen tekrar deneyin';
    window.compare_min_items = 'Karşılaştırmak için en az 2 geçerli ürün seçin';
    window.product_added_to_compare_list = 'Ürün karşılaştırma listesine eklendi';
    window.product_removed_in_compare_list = 'Ürün karşılaştırma listesinden kaldırıldı';
    window.compare_list_cleared = 'Karşılaştırma listesi temizlendi';
    window.remove_from_compare = 'Karşılaştırmadan kaldır';
    window.product_for_compare = 'Karşılaştırılacak ürün';
    window.compare_products = 'Ürünleri Karşılaştır';
    window.remove_all = 'Tümünü Kaldır';
    window.product_searching = 'Aranıyor...';
    window.product_search_error_fetching_data = 'Veri alınırken hata oluştu';
    window.product_not_found = 'Ürün bulunamadı';
    window.different_category = 'Farklı Kategori';
    window.currency = 'TL';
    window.product_suggested_for_comparison = 'محصولات پیشنهادی برای مقایسه:';
    window.lang_prefix = '';
    window.lang_locale = 'tr-TR';
    window.view_all_results_text = 'Tüm Sonuçları Görüntüle';
</script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/bootstrap/popper.min.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/bootstrap/bootstrap.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/icons/feather-icon/feather.min.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/icons/feather-icon/feather-icon.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/clipboard/clipboard.min.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/custom-card/custom-card.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/notify/bootstrap-notify.min.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/typeahead/handlebars.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/typeahead/typeahead.bundle.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/tooltip-init.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/typeahead-search/handlebars.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/typeahead-search/typeahead-custom.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/script.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/custom.js?ver=1.0.1"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/header.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/owlcarousel/owl.carousel.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/owlcarousel/owl-custom.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/rating/rating-script.js"></script>
<script src="https://benzetme.com/assets/admin_panel/v1/js/rating/jquery.barrating.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://benzetme.com/assets/js/mobile-menu.js"></script>

<script>
    $(document).ready(function () {
        $(window).scroll(function () {
            if ($(this).scrollTop() > 200) {
                $('#backToTopBtn').fadeIn();
            } else {
                $('#backToTopBtn').fadeOut();
            }
        });

        $('#backToTopBtn').click(function (e) {
            e.preventDefault();
            window.scrollTo({top: 0, behavior: 'smooth'});
        });
    });

    function showMessage(message, type) {
        Swal.fire({
            title: "",
            text: message,
            icon: type === 'success' ? 'success' : "error",
            toast: true,
            position: 'top',
            showConfirmButton: false,
            timer: 3000
        });
    }

    function hideSuggestionBox() {
        const suggestionsElements = document.querySelectorAll('.header-search-suggestions');

        if (!suggestionsElements?.length) {
            return
        }

        suggestionsElements.forEach(suggestionsDiv => {
            suggestionsDiv.style.display = 'none';
        });
    }

    function clearSearchBox() {

        const searchInputElements = document.querySelectorAll('.header-search-input');

        if (!searchInputElements?.length) {
            return
        }

        searchInputElements.forEach(searchInputElement => {
            searchInputElement.value = null;
        });
    }

    function handleFocusHeaderSearch(input) {
        const suggestionsDiv = input.parentNode.parentNode.querySelector('.header-search-suggestions');
        const query = input.value.trim();

        if (query.length < 2) {
            return;
        }

        suggestionsDiv.style.display = 'block';
    }

    window.searchTimeout = window.searchTimeout || null;

    async function handleHeaderSearch(input) {
        const suggestionsDiv = input.parentNode.parentNode.querySelector('.header-search-suggestions');
        const query = input.value.trim();

        if (query.length < 2) {
            suggestionsDiv.style.display = 'none';
            return;
        }

        clearTimeout(window.searchTimeout);

        try {
            suggestionsDiv.style.display = 'block';
            suggestionsDiv.innerHTML = '<div class="p-3 text-center">Aranıyor...</div>';

            window.searchTimeout = setTimeout(async () => {
                const url = `/api/v1/search/suggest?q=${encodeURIComponent(query)}`;
                
                const response = await fetch(url, {
                    headers: {
                        'X-Requested-With': 'XMLHttpRequest',
                        'Accept': 'application/json'
                    }
                });

                if (!response.ok) throw new Error('Search failed');

                const data = await response.json();
                handleHeaderSearchResults(data, suggestionsDiv, query);
            }, 300);
        } catch (error) {
            suggestionsDiv.innerHTML = '<div class="p-3 text-center">Veri alınırken hata oluştu</div>';
        }
    }

    function handleHeaderSearchResults(data, suggestionsDiv, query) {
        const categories = data.categories || [];
        const products = data.products || [];
        const articles = data.articles || [];

        if (categories.length === 0 && products.length === 0 && articles.length === 0) {
            suggestionsDiv.innerHTML = '<div class="p-3 text-center">Ürün bulunamadı</div>';
            return;
        }

        const fragment = document.createDocumentFragment();

        // 1. Render Categories
        if (categories.length > 0) {
            const catHeader = document.createElement('div');
            catHeader.className = 'suggestion-group-header p-2 bg-light font-weight-bold border-bottom text-muted small';
            catHeader.innerHTML = 'دسته‌بندی‌ها'; // Fallback to Persian or use translations
            fragment.appendChild(catHeader);

            categories.forEach(cat => {
                const div = document.createElement('div');
                div.className = 'suggestion-item';
                div.innerHTML = `
                    <a href="${cat.link}" class="d-flex align-items-center p-2 text-decoration-none text-dark">
                        <div class="flex-grow-1">
                            <div class="category-title font-weight-bold" style="font-size: 0.9rem;">
                                <i class="fa fa-folder-o me-2"></i> ${cat.title}
                            </div>
                            ${cat.parent_title ? `<small class="text-muted d-block" style="font-size: 0.75rem;">در ${cat.parent_title}</small>` : ''}
                        </div>
                    </a>
                `;
                fragment.appendChild(div);
            });
        }

        // 2. Render Products
        if (products.length > 0) {
            const prodHeader = document.createElement('div');
            prodHeader.className = 'suggestion-group-header p-2 bg-light font-weight-bold border-bottom border-top text-muted small';
            prodHeader.innerHTML = 'محصولات';
            fragment.appendChild(prodHeader);

            products.forEach(product => {
                const div = document.createElement('div');
                div.className = 'suggestion-item';
                const title = product.title;
                const link = product.link;

                div.innerHTML = `
                    <a href="${link}" class="d-flex align-items-center p-2 text-decoration-none text-dark">
                        <img src="${product.image || '/assets/images/no-image.png'}" 
                             alt="${title}" 
                             loading="lazy"
                             class="img-fluid rounded me-2" 
                             style="width: 40px; height: 40px; object-fit: cover;">
                        <div class="flex-grow-1">
                            <div class="product-title font-weight-bold" style="font-size: 0.9rem;">${title}</div>
                            ${product.category_title ? `<small class="text-muted d-block" style="font-size: 0.75rem;">${product.category_title}</small>` : ''}
                        </div>
                        ${product.formatted_price ? 
                            `<div class="text-nowrap ms-2">
                                <span class="badge bg-light text-dark border">
                                    ${product.formatted_price}
                                </span>
                             </div>` : ''
                        }
                    </a>
                `;
                fragment.appendChild(div);
            });
        }

        // 3. Render Articles (Wiki/Blog/News)
        if (articles.length > 0) {
            const artHeader = document.createElement('div');
            artHeader.className = 'suggestion-group-header p-2 bg-light font-weight-bold border-bottom border-top text-muted small';
            artHeader.innerHTML = 'دانشنامه و اخبار';
            fragment.appendChild(artHeader);

            articles.forEach(article => {
                const div = document.createElement('div');
                div.className = 'suggestion-item';
                const icon = article.content_type === 'wiki' ? 'fa-book' : 'fa-newspaper-o';
                div.innerHTML = `
                    <a href="${article.link}" class="d-flex align-items-center p-2 text-decoration-none text-dark">
                        <div class="flex-grow-1">
                            <div class="article-title font-weight-bold" style="font-size: 0.9rem;">
                                <i class="fa ${icon} me-2 text-primary"></i> ${article.title}
                            </div>
                            <small class="text-muted d-block" style="font-size: 0.75rem;">
                                <span class="badge bg-soft-primary text-primary me-1">${article.content_type}</span>
                                ${article.category_title ? `در ${article.category_title}` : ''}
                            </small>
                        </div>
                    </a>
                `;
                fragment.appendChild(div);
            });
        }

        // Add "View All" button
        const viewAllDiv = document.createElement('div');
        viewAllDiv.className = 'suggestion-item text-center p-2 border-top';
        viewAllDiv.innerHTML = `
            <a href="${window.lang_prefix}/search/${encodeURIComponent(query)}" class="btn btn-primary btn-sm w-100">
                مشاهده همه نتایج برای "${query}"
            </a>
        `;
        fragment.appendChild(viewAllDiv);

        suggestionsDiv.innerHTML = '';
        suggestionsDiv.appendChild(fragment);
    }


    document.addEventListener('DOMContentLoaded', function () {

        document.addEventListener('click', function (event) {
            const searchBox = document.getElementById('header-search-box');

            if (!searchBox || searchBox.contains(event.target)) {
                return;
            }

            const suggestionsBoxes = document.querySelectorAll('.header-search-suggestions');

            let isClickInsideAny = false;
            let isAnyBoxVisible = false;

            suggestionsBoxes.forEach((box) => {
                const style = window.getComputedStyle(box);

                if (style.display === 'block') {
                    isAnyBoxVisible = true;

                    if (box.contains(event.target)) {
                        isClickInsideAny = true;
                    }
                }
            });

            if (isAnyBoxVisible && !isClickInsideAny) {
                hideSuggestionBox();
            }
        });
    })

</script>
    <script src="https://benzetme.com/js/V1/Product/search.js"></script>
</body>
</html>