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":"ad606db9-c2d5-470c-a1ed-e86b0dedaed0","status":null,"entity_type":"comparison","rating":{"count":0,"total":0,"average":0,"stars":0},"site_domain":"benzetme.com","uuid_list":["57771749-93c0-4c8e-bfea-c72d923cd44c","a63be7b6-d02b-4c8e-8715-11d79c7838d3"],"slug_list":["green-griffin-g3","lian-li-o11-dynamic"],"title_list":["Green Griffin G3","Lian Li O11 Dynamic"],"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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"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":"green-griffin-g3-vs-lian-li-o11-dynamic","link":"https:\/\/benzetme.com\/tech\/green-griffin-g3-vs-lian-li-o11-dynamic","products_title":"Green Griffin G3 \u0130le Lian Li O11 Dynamic","brands":[{"uuid":"3b113370-4c50-4813-a796-4e543a6efe46","slug":"lian-li","is_active":true,"title":"Lian Li","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/lian-li"},{"uuid":"bf0fbf63-dd3f-407a-bc0f-929e38f9b65a","slug":"green","is_active":true,"title":"Green","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/green"}],"images":{"a63be7b6-d02b-4c8e-8715-11d79c7838d3":[{"uuid":"a63be7b6-d02b-4c8e-8715-11d79c7838d3","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"57771749-93c0-4c8e-bfea-c72d923cd44c":[{"uuid":"57771749-93c0-4c8e-bfea-c72d923cd44c","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/57771749-93c0-4c8e-bfea-c72d923cd44c.jpeg","is_active":true,"is_default":true,"entity_type":"product"}]},"specifications":[{"values":["",null],"title":"E\u015fde\u011fer Ad","group":"Genel \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["",""],"title":"Tasar\u0131m ve Kaset Tipi","group":"Ana \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["0.8 milimetre (mm)","0.7 milimetre (mm)"],"title":"\u015easi Levhas\u0131 Kal\u0131nl\u0131\u011f\u0131 Boyutu","group":"Ana \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["true","true"],"title":"Cam Panel \u00d6zelli\u011fi","group":"Ana \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["\u00d6n ve yan panelde temperli cam","Yan panelde f\u00fcme temperli cam"],"title":"Cam Panel \u00d6zellikleri","group":"Ana \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["272 * 445 * 446 milimetre (mm)","215 * 440 * 478 milimetre (mm)"],"title":"Boyutlar ve \u00d6l\u00e7\u00fcler","group":"Estetik \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["3 adet","2 adet"],"title":"2.5 \u0130n\u00e7 S\u00fcr\u00fcc\u00fc Yuvas\u0131 Say\u0131s\u0131","group":"Dahili \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["3 adet","3 adet"],"title":"Combo S\u00fcr\u00fcc\u00fc Tepsisi Say\u0131s\u0131 (2.5 veya 3.5 in\u00e7)","group":"Dahili \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["155 milimetre (mm)","160 milimetre (mm)"],"title":"Maksimum \u0130\u015flemci So\u011futucu Y\u00fcksekli\u011fi","group":"Dahili \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["420 milimetre (mm)","340 milimetre (mm)"],"title":"Maksimum Ekran Kart\u0131 Uzunlu\u011fu","group":"Dahili \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["",""],"title":"Kurulabilir G\u00fc\u00e7 Kayna\u011f\u0131 Form Fakt\u00f6r\u00fc","group":"Dahili \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["255 milimetre (mm)","220 milimetre (mm)"],"title":"G\u00fc\u00e7 Kurulum Uzunlu\u011fu","group":"Dahili \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["Alt","Alt"],"title":"G\u00fc\u00e7 Kayna\u011f\u0131 Kurulum Konumu","group":"Dahili \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["false","true"],"title":"G\u00fc\u00e7 Kayna\u011f\u0131 Montaj Alan\u0131","group":"Dahili \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["true","true"],"title":"Kablo Y\u00f6netimi \u00d6zelli\u011fi","group":"Dahili \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":["false","3 x 120mm"],"title":"\u00d6nde Kurulu Fan Say\u0131s\u0131","group":"Havaland\u0131rma ve so\u011futma sistemi","sort_order":0,"group_sort_order":0},{"values":["false","1 x 120mm"],"title":"Arka Tarafa Kurulu Fan Say\u0131s\u0131","group":"Havaland\u0131rma ve so\u011futma sistemi","sort_order":0,"group_sort_order":0},{"values":["false","false"],"title":"Yan Tarafa Kurulu Fanlar","group":"Havaland\u0131rma ve so\u011futma sistemi","sort_order":0,"group_sort_order":0},{"values":["false","false"],"title":"Tavan Monteli Fan Say\u0131s\u0131","group":"Havaland\u0131rma ve so\u011futma sistemi","sort_order":0,"group_sort_order":0},{"values":["false","false"],"title":"Alt Monteli Fan","group":"Havaland\u0131rma ve so\u011futma sistemi","sort_order":0,"group_sort_order":0},{"values":[null,"6.5 kilogram (kg)"],"title":"\u00dcr\u00fcn A\u011f\u0131rl\u0131\u011f\u0131","group":"Estetik \u00f6zellikler","sort_order":0,"group_sort_order":0},{"values":[null,"2 adet"],"title":"3.5 \u0130n\u00e7 S\u00fcr\u00fcc\u00fc Yuvas\u0131 Say\u0131s\u0131","group":"Dahili \u00f6zellikler","sort_order":0,"group_sort_order":0}],"products":[{"sku":null,"uuid":"a63be7b6-d02b-4c8e-8715-11d79c7838d3","is_active":true,"slug":"lian-li-o11-dynamic","category_pin":0,"faqs":[],"comments":[],"brand":{"uuid":"3b113370-4c50-4813-a796-4e543a6efe46","slug":"lian-li","is_active":true,"title":"Lian Li","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/lian-li"},"category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"price":null,"from_price":null,"from_currency":"$","main_category":"tech","media":{"images":[{"uuid":"a63be7b6-d02b-4c8e-8715-11d79c7838d3","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"},"scores":{"count":1,"total":0,"average":0,"stars":0},"rating":{"count":1,"total":0,"average":0,"stars":0},"title":"Lian Li O11 Dynamic","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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"description":"done","short_description":"","specifications_text":{"f52cfbd7-b474-401f-9197-3ddd9e0c6d65":{"specifications":[{"uuid":"24c989f3-1cdd-4c9d-b437-2c71dc08acb3","data_type":"text","separator":null,"sort_order":0,"title":"E\u015fde\u011fer Ad","help_text":"","description":"","articles":[],"value":{"uuid":"4cfddc45-48a2-4c14-9c96-10f77265b00a","date_value":null,"text":"","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-rectangle-list","sort_order":0,"group_title":"Genel \u00f6zellikler"},"b7d554c6-d707-4a8b-b5e6-cb56a442adf2":{"specifications":[{"uuid":"44e01c2f-3939-4ce4-9b2d-578fbfc48017","data_type":"text","separator":null,"sort_order":0,"title":"Tasar\u0131m ve Kaset Tipi","help_text":"","description":"","articles":[],"value":{"uuid":"9949605f-38ce-4a98-a4c1-9a117adb8b38","date_value":null,"text":"","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"0adb9b77-0754-45a7-9113-e0c8cb3a58e5","data_type":"text","separator":null,"sort_order":0,"title":"\u015easi Levhas\u0131 Kal\u0131nl\u0131\u011f\u0131 Boyutu","help_text":"","description":"","articles":[],"value":{"uuid":"e19bff34-b2ac-4bb7-b68b-1b199121a70f","date_value":null,"text":"0.8 milimetre (mm)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"d352da41-7f77-4987-8f5b-ab3ddd073f4f","data_type":"text","separator":null,"sort_order":0,"title":"Cam Panel \u00d6zelli\u011fi","help_text":"","description":"","articles":[],"value":{"uuid":"1e0265d1-ae3b-47f1-aa45-77b9881ce962","date_value":null,"text":"true","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"b1605eb3-0557-450f-aaad-682ac6716ce0","data_type":"text","separator":null,"sort_order":0,"title":"Cam Panel \u00d6zellikleri","help_text":"","description":"","articles":[],"value":{"uuid":"5dd629e3-b2a1-4c8b-a0c3-9b0fe5e4ca03","date_value":null,"text":"\u00d6n ve yan panelde temperli cam","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":"Ana \u00f6zellikler"},"703af4bb-6271-49bf-9465-c7d8884eac38":{"specifications":[{"uuid":"4379dff1-7a88-4f48-a0c7-ccfc8a8ae2f1","data_type":"text","separator":null,"sort_order":0,"title":"Boyutlar ve \u00d6l\u00e7\u00fcler","help_text":"","description":"","articles":[],"value":{"uuid":"78dc3d0b-0265-4722-a24a-e584cef5e2d4","date_value":null,"text":"272 * 445 * 446 milimetre (mm)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-square-check","sort_order":0,"group_title":"Estetik \u00f6zellikler"},"a46ec4c0-783c-4672-95ff-650b424d4014":{"specifications":[{"uuid":"7a4249cb-ef02-4b0d-a435-6144b16ecba3","data_type":"text","separator":null,"sort_order":0,"title":"2.5 \u0130n\u00e7 S\u00fcr\u00fcc\u00fc Yuvas\u0131 Say\u0131s\u0131","help_text":"","description":"","articles":[],"value":{"uuid":"5a2e58d0-11c9-4e5c-a2b2-992cf8749e81","date_value":null,"text":"3 adet","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"3d20b6ed-f5ed-4a59-ab22-d58164ae5476","data_type":"text","separator":null,"sort_order":0,"title":"Combo S\u00fcr\u00fcc\u00fc Tepsisi Say\u0131s\u0131 (2.5 veya 3.5 in\u00e7)","help_text":"","description":"","articles":[],"value":{"uuid":"6b009e9d-ad19-46c6-a6a9-69d33d3675b8","date_value":null,"text":"3 adet","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"3443598f-ac49-45c0-94ed-c724aafb7be6","data_type":"text","separator":null,"sort_order":0,"title":"Maksimum \u0130\u015flemci So\u011futucu Y\u00fcksekli\u011fi","help_text":"","description":"","articles":[],"value":{"uuid":"7d170511-a47e-4d48-910c-58fb4aae15b4","date_value":null,"text":"155 milimetre (mm)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"87dbb5a0-00fd-49f4-a8a6-aa909d2c2674","data_type":"text","separator":null,"sort_order":0,"title":"Maksimum Ekran Kart\u0131 Uzunlu\u011fu","help_text":"","description":"","articles":[],"value":{"uuid":"e69a8d18-73e7-49a5-9ff5-0990b35405d1","date_value":null,"text":"420 milimetre (mm)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"16534a47-1937-4754-9df4-a00af630eecd","data_type":"text","separator":null,"sort_order":0,"title":"Kurulabilir G\u00fc\u00e7 Kayna\u011f\u0131 Form Fakt\u00f6r\u00fc","help_text":"","description":"","articles":[],"value":{"uuid":"ef5d2856-8287-4302-bff1-195ef0043bbd","date_value":null,"text":"","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"b7bd09b5-640a-44dd-8047-56ca0c086c7c","data_type":"text","separator":null,"sort_order":0,"title":"G\u00fc\u00e7 Kurulum Uzunlu\u011fu","help_text":"","description":"","articles":[],"value":{"uuid":"17a16228-1e25-4676-89b0-1933d8684ec0","date_value":null,"text":"255 milimetre (mm)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"b3947ee7-bf7d-4cbb-89c7-fa2e3bea779b","data_type":"text","separator":null,"sort_order":0,"title":"G\u00fc\u00e7 Kayna\u011f\u0131 Kurulum Konumu","help_text":"","description":"","articles":[],"value":{"uuid":"12203533-5dea-46df-b19c-a9afd0e6e663","date_value":null,"text":"Alt","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"3b689a6c-b118-442e-a99f-d538267f5c58","data_type":"text","separator":null,"sort_order":0,"title":"G\u00fc\u00e7 Kayna\u011f\u0131 Montaj Alan\u0131","help_text":"","description":"","articles":[],"value":{"uuid":"a463825f-50c3-4616-b430-686697f05e0a","date_value":null,"text":"false","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"48ecc1ce-4686-404a-a8b5-85915bba8a84","data_type":"text","separator":null,"sort_order":0,"title":"Kablo Y\u00f6netimi \u00d6zelli\u011fi","help_text":"","description":"","articles":[],"value":{"uuid":"39d67821-d4dc-4cf1-bf93-c78df368c096","date_value":null,"text":"true","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-puzzle-piece","sort_order":0,"group_title":"Dahili \u00f6zellikler"},"50f1590f-d885-45bd-968a-c21706a16654":{"specifications":[{"uuid":"faa642d7-354d-49a9-9c6c-b98158daf66c","data_type":"text","separator":null,"sort_order":0,"title":"\u00d6nde Kurulu Fan Say\u0131s\u0131","help_text":"","description":"","articles":[],"value":{"uuid":"2bd53572-10f4-49b0-9521-d2268f300bea","date_value":null,"text":"false","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"9a5630eb-3029-4877-85e0-f28df921b6ef","data_type":"text","separator":null,"sort_order":0,"title":"Arka Tarafa Kurulu Fan Say\u0131s\u0131","help_text":"","description":"","articles":[],"value":{"uuid":"6c35cf4b-f995-4a64-b7c2-37c3464d57e0","date_value":null,"text":"false","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"240e9145-d2a0-46c6-8afb-6be38a8c021f","data_type":"text","separator":null,"sort_order":0,"title":"Yan Tarafa Kurulu Fanlar","help_text":"","description":"","articles":[],"value":{"uuid":"9b6a736f-4c55-4383-8f60-10dbdec06500","date_value":null,"text":"false","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"4182aeac-74b7-4dd7-9d32-0b47f93bc592","data_type":"text","separator":null,"sort_order":0,"title":"Tavan Monteli Fan Say\u0131s\u0131","help_text":"","description":"","articles":[],"value":{"uuid":"0ced08a8-f4a9-43f6-aa36-d6b94dfda53a","date_value":null,"text":"false","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"d112a873-b5f4-497f-aeca-cb25dc2006c4","data_type":"text","separator":null,"sort_order":0,"title":"Alt Monteli Fan","help_text":"","description":"","articles":[],"value":{"uuid":"fa44cdbe-921c-4d02-b4d6-ab6d58e554d1","date_value":null,"text":"false","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-temperature-low","sort_order":0,"group_title":"Havaland\u0131rma ve so\u011futma sistemi"}},"link":"https:\/\/benzetme.com\/tech\/lian-li-o11-dynamic","created_at":"2025-08-15","updated_at":"2025-12-10"},{"sku":null,"uuid":"57771749-93c0-4c8e-bfea-c72d923cd44c","is_active":true,"slug":"green-griffin-g3","category_pin":0,"faqs":[],"comments":[],"brand":{"uuid":"bf0fbf63-dd3f-407a-bc0f-929e38f9b65a","slug":"green","is_active":true,"title":"Green","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/green"},"category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"price":null,"from_price":null,"from_currency":"$","main_category":"tech","media":{"images":[{"uuid":"57771749-93c0-4c8e-bfea-c72d923cd44c","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/57771749-93c0-4c8e-bfea-c72d923cd44c.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/57771749-93c0-4c8e-bfea-c72d923cd44c.jpeg"},"scores":{"count":1,"total":0,"average":0,"stars":0},"rating":{"count":1,"total":0,"average":0,"stars":0},"title":"Green Griffin G3","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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"description":"done","short_description":"","specifications_text":{"b7d554c6-d707-4a8b-b5e6-cb56a442adf2":{"specifications":[{"uuid":"44e01c2f-3939-4ce4-9b2d-578fbfc48017","data_type":"text","separator":null,"sort_order":0,"title":"Tasar\u0131m ve Kaset Tipi","help_text":"","description":"","articles":[],"value":{"uuid":"9949605f-38ce-4a98-a4c1-9a117adb8b38","date_value":null,"text":"","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"0adb9b77-0754-45a7-9113-e0c8cb3a58e5","data_type":"text","separator":null,"sort_order":0,"title":"\u015easi Levhas\u0131 Kal\u0131nl\u0131\u011f\u0131 Boyutu","help_text":"","description":"","articles":[],"value":{"uuid":"9d2c0128-1d1c-4f75-8e96-21d43617a698","date_value":null,"text":"0.7 milimetre (mm)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"d352da41-7f77-4987-8f5b-ab3ddd073f4f","data_type":"text","separator":null,"sort_order":0,"title":"Cam Panel \u00d6zelli\u011fi","help_text":"","description":"","articles":[],"value":{"uuid":"1e0265d1-ae3b-47f1-aa45-77b9881ce962","date_value":null,"text":"true","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"b1605eb3-0557-450f-aaad-682ac6716ce0","data_type":"text","separator":null,"sort_order":0,"title":"Cam Panel \u00d6zellikleri","help_text":"","description":"","articles":[],"value":{"uuid":"db0458d0-26b7-449d-b801-fd8fab02f07a","date_value":null,"text":"Yan panelde f\u00fcme temperli cam","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":"Ana \u00f6zellikler"},"703af4bb-6271-49bf-9465-c7d8884eac38":{"specifications":[{"uuid":"d8f3888e-56af-4b3a-90b6-af48a0532fbf","data_type":"text","separator":null,"sort_order":0,"title":"\u00dcr\u00fcn A\u011f\u0131rl\u0131\u011f\u0131","help_text":"","description":"","articles":[],"value":{"uuid":"0f5d0365-f0a6-4c2a-9a8a-5ec787c193e0","date_value":null,"text":"6.5 kilogram (kg)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"4379dff1-7a88-4f48-a0c7-ccfc8a8ae2f1","data_type":"text","separator":null,"sort_order":0,"title":"Boyutlar ve \u00d6l\u00e7\u00fcler","help_text":"","description":"","articles":[],"value":{"uuid":"1294313a-47ba-4e3c-af42-c34a0d4a195a","date_value":null,"text":"215 * 440 * 478 milimetre (mm)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-square-check","sort_order":0,"group_title":"Estetik \u00f6zellikler"},"a46ec4c0-783c-4672-95ff-650b424d4014":{"specifications":[{"uuid":"7a4249cb-ef02-4b0d-a435-6144b16ecba3","data_type":"text","separator":null,"sort_order":0,"title":"2.5 \u0130n\u00e7 S\u00fcr\u00fcc\u00fc Yuvas\u0131 Say\u0131s\u0131","help_text":"","description":"","articles":[],"value":{"uuid":"6353a76e-f3c6-4e35-bb3c-39ee4d171fae","date_value":null,"text":"2 adet","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"6e69fa50-fdcd-4289-8c8c-b701a53ef327","data_type":"text","separator":null,"sort_order":0,"title":"3.5 \u0130n\u00e7 S\u00fcr\u00fcc\u00fc Yuvas\u0131 Say\u0131s\u0131","help_text":"","description":"","articles":[],"value":{"uuid":"435b08b3-a46e-4171-9ef7-aab91388bc46","date_value":null,"text":"2 adet","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"3d20b6ed-f5ed-4a59-ab22-d58164ae5476","data_type":"text","separator":null,"sort_order":0,"title":"Combo S\u00fcr\u00fcc\u00fc Tepsisi Say\u0131s\u0131 (2.5 veya 3.5 in\u00e7)","help_text":"","description":"","articles":[],"value":{"uuid":"6b009e9d-ad19-46c6-a6a9-69d33d3675b8","date_value":null,"text":"3 adet","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"3443598f-ac49-45c0-94ed-c724aafb7be6","data_type":"text","separator":null,"sort_order":0,"title":"Maksimum \u0130\u015flemci So\u011futucu Y\u00fcksekli\u011fi","help_text":"","description":"","articles":[],"value":{"uuid":"8fb5f2ab-eed2-4ec9-b9a2-d9f1d868f3c7","date_value":null,"text":"160 milimetre (mm)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"87dbb5a0-00fd-49f4-a8a6-aa909d2c2674","data_type":"text","separator":null,"sort_order":0,"title":"Maksimum Ekran Kart\u0131 Uzunlu\u011fu","help_text":"","description":"","articles":[],"value":{"uuid":"df4f1109-dcca-4159-b300-c5c24c60a581","date_value":null,"text":"340 milimetre (mm)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"16534a47-1937-4754-9df4-a00af630eecd","data_type":"text","separator":null,"sort_order":0,"title":"Kurulabilir G\u00fc\u00e7 Kayna\u011f\u0131 Form Fakt\u00f6r\u00fc","help_text":"","description":"","articles":[],"value":{"uuid":"ef5d2856-8287-4302-bff1-195ef0043bbd","date_value":null,"text":"","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"b7bd09b5-640a-44dd-8047-56ca0c086c7c","data_type":"text","separator":null,"sort_order":0,"title":"G\u00fc\u00e7 Kurulum Uzunlu\u011fu","help_text":"","description":"","articles":[],"value":{"uuid":"e8144647-9ce4-4efa-8cad-4320762904e1","date_value":null,"text":"220 milimetre (mm)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"b3947ee7-bf7d-4cbb-89c7-fa2e3bea779b","data_type":"text","separator":null,"sort_order":0,"title":"G\u00fc\u00e7 Kayna\u011f\u0131 Kurulum Konumu","help_text":"","description":"","articles":[],"value":{"uuid":"12203533-5dea-46df-b19c-a9afd0e6e663","date_value":null,"text":"Alt","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"3b689a6c-b118-442e-a99f-d538267f5c58","data_type":"text","separator":null,"sort_order":0,"title":"G\u00fc\u00e7 Kayna\u011f\u0131 Montaj Alan\u0131","help_text":"","description":"","articles":[],"value":{"uuid":"d3133411-3c85-48cc-8646-6c0f096c3bb1","date_value":null,"text":"true","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"48ecc1ce-4686-404a-a8b5-85915bba8a84","data_type":"text","separator":null,"sort_order":0,"title":"Kablo Y\u00f6netimi \u00d6zelli\u011fi","help_text":"","description":"","articles":[],"value":{"uuid":"39d67821-d4dc-4cf1-bf93-c78df368c096","date_value":null,"text":"true","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-puzzle-piece","sort_order":0,"group_title":"Dahili \u00f6zellikler"},"50f1590f-d885-45bd-968a-c21706a16654":{"specifications":[{"uuid":"faa642d7-354d-49a9-9c6c-b98158daf66c","data_type":"text","separator":null,"sort_order":0,"title":"\u00d6nde Kurulu Fan Say\u0131s\u0131","help_text":"","description":"","articles":[],"value":{"uuid":"792a1749-d360-48e0-b73d-6ae0228ecc6e","date_value":null,"text":"3 x 120mm","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"9a5630eb-3029-4877-85e0-f28df921b6ef","data_type":"text","separator":null,"sort_order":0,"title":"Arka Tarafa Kurulu Fan Say\u0131s\u0131","help_text":"","description":"","articles":[],"value":{"uuid":"b24a249e-b183-4b81-8b2e-e82b8ba23112","date_value":null,"text":"1 x 120mm","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"240e9145-d2a0-46c6-8afb-6be38a8c021f","data_type":"text","separator":null,"sort_order":0,"title":"Yan Tarafa Kurulu Fanlar","help_text":"","description":"","articles":[],"value":{"uuid":"9b6a736f-4c55-4383-8f60-10dbdec06500","date_value":null,"text":"false","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"4182aeac-74b7-4dd7-9d32-0b47f93bc592","data_type":"text","separator":null,"sort_order":0,"title":"Tavan Monteli Fan Say\u0131s\u0131","help_text":"","description":"","articles":[],"value":{"uuid":"0ced08a8-f4a9-43f6-aa36-d6b94dfda53a","date_value":null,"text":"false","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"d112a873-b5f4-497f-aeca-cb25dc2006c4","data_type":"text","separator":null,"sort_order":0,"title":"Alt Monteli Fan","help_text":"","description":"","articles":[],"value":{"uuid":"fa44cdbe-921c-4d02-b4d6-ab6d58e554d1","date_value":null,"text":"false","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-temperature-low","sort_order":0,"group_title":"Havaland\u0131rma ve so\u011futma sistemi"}},"link":"https:\/\/benzetme.com\/tech\/green-griffin-g3","created_at":"2025-08-15","updated_at":"2025-12-10"}],"faqs":[],"comments":[],"faqs_pagination":{"path":"https:\/\/benzetme.com\/tech\/green-griffin-g3-vs-lian-li-o11-dynamic","to":null,"total":0,"from":null,"per_page":3,"last_page":1,"first_page_url":"https:\/\/benzetme.com\/tech\/green-griffin-g3-vs-lian-li-o11-dynamic?product_faqs_pagination=1","current_page":1,"next_page_url":null,"prev_page_url":null,"last_page_url":"https:\/\/benzetme.com\/tech\/green-griffin-g3-vs-lian-li-o11-dynamic?product_faqs_pagination=1"},"comments_pagination":{"path":"https:\/\/benzetme.com\/tech\/green-griffin-g3-vs-lian-li-o11-dynamic","to":null,"total":0,"from":null,"per_page":3,"last_page":1,"first_page_url":"https:\/\/benzetme.com\/tech\/green-griffin-g3-vs-lian-li-o11-dynamic?product_comments_pagination=1","current_page":1,"next_page_url":null,"prev_page_url":null,"last_page_url":"https:\/\/benzetme.com\/tech\/green-griffin-g3-vs-lian-li-o11-dynamic?product_comments_pagination=1"},"related_product":[{"entity_type":"product","sku":null,"uuid":"f12c0e41-b607-43b0-a8c9-e0cf4cb84b9a","is_active":true,"media":{"images":[{"uuid":"f12c0e41-b607-43b0-a8c9-e0cf4cb84b9a","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/f12c0e41-b607-43b0-a8c9-e0cf4cb84b9a.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/f12c0e41-b607-43b0-a8c9-e0cf4cb84b9a.jpeg"},"main_category":"tech","slug":"view-31-tempered-glass-rgb-edition","title":"Thermaltake View 31 Tempered Glass RGB 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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/view-31-tempered-glass-rgb-edition","category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"d9448751-f2d6-45fc-bca0-3da3845e99df","slug":"thermaltake","is_active":true,"title":"Thermaltake","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/thermaltake"}},{"entity_type":"product","sku":null,"uuid":"5211c054-6983-48e2-af62-2ee27b26646b","is_active":true,"media":{"images":[{"uuid":"5211c054-6983-48e2-af62-2ee27b26646b","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/5211c054-6983-48e2-af62-2ee27b26646b.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/5211c054-6983-48e2-af62-2ee27b26646b.jpeg"},"main_category":"tech","slug":"thermaltake-view-51-tempered-glass-argb-edition","title":"Thermaltake View 51 Tempered Glass ARGB 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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/thermaltake-view-51-tempered-glass-argb-edition","category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"d9448751-f2d6-45fc-bca0-3da3845e99df","slug":"thermaltake","is_active":true,"title":"Thermaltake","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/thermaltake"}},{"entity_type":"product","sku":null,"uuid":"a79f30d0-fda2-4281-a33b-d966262dd328","is_active":true,"media":{"images":[{"uuid":"a79f30d0-fda2-4281-a33b-d966262dd328","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/a79f30d0-fda2-4281-a33b-d966262dd328.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/a79f30d0-fda2-4281-a33b-d966262dd328.jpeg"},"main_category":"tech","slug":"star-404","title":"Star 404","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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/star-404","category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"96855e86-fab7-4607-8d43-6d7b60190109","slug":"star","is_active":true,"title":"Star","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/star"}},{"entity_type":"product","sku":null,"uuid":"6bca7bd5-5500-4b2e-8814-58c29bc317d6","is_active":true,"media":{"images":[{"uuid":"6bca7bd5-5500-4b2e-8814-58c29bc317d6","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/6bca7bd5-5500-4b2e-8814-58c29bc317d6.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/6bca7bd5-5500-4b2e-8814-58c29bc317d6.jpeg"},"main_category":"tech","slug":"silverstone-rl07","title":"SilverStone RL07","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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/silverstone-rl07","category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/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":"d1c69437-622c-48ca-a270-22b184b376de","is_active":true,"media":{"images":[{"uuid":"d1c69437-622c-48ca-a270-22b184b376de","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/d1c69437-622c-48ca-a270-22b184b376de.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/d1c69437-622c-48ca-a270-22b184b376de.jpeg"},"main_category":"tech","slug":"sharkoon-tg6-rgb","title":"Sharkoon TG6 RGB","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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/sharkoon-tg6-rgb","category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"c75ef06a-23f0-48ef-bf5e-9a51537b1d35","slug":"sharkoon","is_active":true,"title":"Sharkoon","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/sharkoon"}},{"entity_type":"product","sku":null,"uuid":"e99541e7-4b73-4058-bde9-d67f8f9ddc25","is_active":true,"media":{"images":[{"uuid":"e99541e7-4b73-4058-bde9-d67f8f9ddc25","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/e99541e7-4b73-4058-bde9-d67f8f9ddc25.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/e99541e7-4b73-4058-bde9-d67f8f9ddc25.jpeg"},"main_category":"tech","slug":"sharkoon-rev220","title":"Sharkoon REV220","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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/sharkoon-rev220","category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"c75ef06a-23f0-48ef-bf5e-9a51537b1d35","slug":"sharkoon","is_active":true,"title":"Sharkoon","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/sharkoon"}},{"entity_type":"product","sku":null,"uuid":"028762e5-6135-4607-9b2e-6bd27750bd77","is_active":true,"media":{"images":[{"uuid":"028762e5-6135-4607-9b2e-6bd27750bd77","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/028762e5-6135-4607-9b2e-6bd27750bd77.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/028762e5-6135-4607-9b2e-6bd27750bd77.jpeg"},"main_category":"tech","slug":"sadata-sc107","title":"SADATA SC107","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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/sadata-sc107","category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"f037cbb4-721d-4e09-8c7d-f684f1ab5fc4","slug":"adata","is_active":true,"title":"Adata","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/adata"}},{"entity_type":"product","sku":null,"uuid":"0eae11c3-b71e-4e26-803f-6a88442da9a1","is_active":true,"media":{"images":[{"uuid":"0eae11c3-b71e-4e26-803f-6a88442da9a1","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/0eae11c3-b71e-4e26-803f-6a88442da9a1.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/0eae11c3-b71e-4e26-803f-6a88442da9a1.jpeg"},"main_category":"tech","slug":"raidmax-x616","title":"Raidmax X616","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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/raidmax-x616","category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/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":"a483908d-4c0a-49c7-8b9c-1354393dbf01","is_active":true,"media":{"images":[{"uuid":"a483908d-4c0a-49c7-8b9c-1354393dbf01","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/a483908d-4c0a-49c7-8b9c-1354393dbf01.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/a483908d-4c0a-49c7-8b9c-1354393dbf01.jpeg"},"main_category":"tech","slug":"raidmax-neon-rgb","title":"Raidmax NEON RGB","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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/raidmax-neon-rgb","category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/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":"ccf911a9-211e-4429-8e96-74f7c92ad653","is_active":true,"media":{"images":[{"uuid":"ccf911a9-211e-4429-8e96-74f7c92ad653","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/ccf911a9-211e-4429-8e96-74f7c92ad653.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/ccf911a9-211e-4429-8e96-74f7c92ad653.jpeg"},"main_category":"tech","slug":"persian-tower","title":"Persian Tower","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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/persian-tower","category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"1f19d283-5739-4b75-a9f5-7189a0db6933","slug":"persian","is_active":true,"title":"Persian","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/persian"}},{"entity_type":"product","sku":null,"uuid":"a873bd0f-6e3c-4f50-a7ef-1932ff347137","is_active":true,"media":{"images":[{"uuid":"a873bd0f-6e3c-4f50-a7ef-1932ff347137","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/a873bd0f-6e3c-4f50-a7ef-1932ff347137.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/a873bd0f-6e3c-4f50-a7ef-1932ff347137.jpeg"},"main_category":"tech","slug":"nzxt-h9-elite","title":"Nzxt H9 Elite","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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/nzxt-h9-elite","category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"16761f5d-dc59-4a2f-b2bd-79a10e615015","slug":"nzxt","is_active":true,"title":"NZXT","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/nzxt"}},{"entity_type":"product","sku":null,"uuid":"37847526-e8d3-4f70-9ce5-809868d49d0d","is_active":true,"media":{"images":[{"uuid":"37847526-e8d3-4f70-9ce5-809868d49d0d","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/37847526-e8d3-4f70-9ce5-809868d49d0d.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/37847526-e8d3-4f70-9ce5-809868d49d0d.jpeg"},"main_category":"tech","slug":"nzxt-h510i","title":"Nzxt H510I","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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/nzxt-h510i","category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"16761f5d-dc59-4a2f-b2bd-79a10e615015","slug":"nzxt","is_active":true,"title":"NZXT","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/nzxt"}},{"entity_type":"product","sku":null,"uuid":"9047fd50-06aa-45a3-8e08-6f08ab5456b9","is_active":true,"media":{"images":[{"uuid":"9047fd50-06aa-45a3-8e08-6f08ab5456b9","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/9047fd50-06aa-45a3-8e08-6f08ab5456b9.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/9047fd50-06aa-45a3-8e08-6f08ab5456b9.jpeg"},"main_category":"tech","slug":"neco-5910","title":"Neco 5910","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":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","title":"Mini Bilgisayarlar","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/benzetme.com\/tech\/neco-5910","category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"a3245214-06c3-4dba-9f02-e8f81e35f990","slug":"neco","is_active":true,"title":"Neco","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/benzetme.com\/brands\/neco"}}],"category":{"id":41,"path":"1\/20\/41","uuid":"f05ebaf1-bde8-4b8c-9ff6-c17126cd321e","slug":"case","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"Mini Bilgisayarlar","description":"","main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case","blog_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog","wiki_link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/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":"Green Griffin G3 \u0130le Lian Li O11 Dynamic","url":"https:\/\/https:\/\/benzetme.com\/tech\/green-griffin-g3-vs-lian-li-o11-dynamic","description":"\u0645\u0642\u0627\u06cc\u0633\u0647 Green Griffin G3 \u0130le Lian Li O11 Dynamic"},{"@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\/case","name":"Mini Bilgisayarlar"}}]}]}};

        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: 'ad606db9-c2d5-470c-a1ed-e86b0dedaed0',
                description: description,
                source_link: sourceLink,
                _token: 'ReyNBRkP6jwtsf9u4rfBKW0ywi42kEJVkkEYYhZn',
                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 Green Griffin G3 İle Lian Li O11 Dynamic karşılaştırması, özellik incelemesi ve bugünün fiyat listesi">
    <link rel="canonical" href="https://benzetme.com/tech/green-griffin-g3-vs-lian-li-o11-dynamic">

    <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/green-griffin-g3-vs-lian-li-o11-dynamic">
    <meta property="og:title"
          content="Karşılaştırma Green Griffin G3 İle Lian Li O11 Dynamic">
    <meta property="og:image:alt"
          content="Resim Green Griffin G3 İle Lian Li O11 Dynamic">
    <meta property="og:image"
          content="">
    <meta property="og:description"
          content="Benzetme sitesinde tüm online mağazalarında 20 Feb 2026 Green Griffin G3 İle Lian Li O11 Dynamic 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 Green Griffin G3 İle Lian Li O11 Dynamic</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":"Green Griffin G3 \u0130le Lian Li O11 Dynamic","url":"https:\/\/https:\/\/benzetme.com\/tech\/green-griffin-g3-vs-lian-li-o11-dynamic","description":"\u0645\u0642\u0627\u06cc\u0633\u0647 Green Griffin G3 \u0130le Lian Li O11 Dynamic"},{"@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\/case","name":"Mini Bilgisayarlar"}}]}]}
    </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/green-griffin-g3-vs-lian-li-o11-dynamic"
              hreflang="fa-IR"/>
        
        
                            <link rel="alternate" href="https://vswizard.com/tech/green-griffin-g3-vs-lian-li-o11-dynamic"
              hreflang="en-US"/>
        
        
                    <link rel="alternate" href="https://vswizard.com/tech/green-griffin-g3-vs-lian-li-o11-dynamic"
                  hreflang="x-default"/>
                            <link rel="alternate" href="https://benzetme.com/tech/green-griffin-g3-vs-lian-li-o11-dynamic"
              hreflang="tr-TR"/>
        
        
                            <link rel="alternate" href="https://yuqarin.com/tech/green-griffin-g3-vs-lian-li-o11-dynamic"
              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="ReyNBRkP6jwtsf9u4rfBKW0ywi42kEJVkkEYYhZn" 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%2Fgreen-griffin-g3-vs-lian-li-o11-dynamic" 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="ReyNBRkP6jwtsf9u4rfBKW0ywi42kEJVkkEYYhZn" 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%2Fgreen-griffin-g3-vs-lian-li-o11-dynamic" 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/case/compare">
                    Karşılaştırma Mini Bilgisayarlar
                </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/lian-li-o11-dynamic" target="_blank">
                                            <img class="product-image"
                                                 src="https://cdn.moqayese.com/product_images/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"
                                                 alt="Lian Li O11 Dynamic"
                                                 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/green-griffin-g3" target="_blank">
                                            <img class="product-image"
                                                 src="https://cdn.moqayese.com/product_images/57771749-93c0-4c8e-bfea-c72d923cd44c.jpeg"
                                                 alt="Green Griffin G3"
                                                 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%">
                            Lian Li O11 Dynamic
                                                        </span>
                                                                                    <span
                                    class="comparison-separator">İle</span>
                                                        <span
                                class="product-title  text-primary "
                                style="max-width:50%">
                            Green Griffin G3
                                                        </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/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"
                                 loading="lazy"
                                 alt="Lian Li O11 Dynamic">
                            <div class="sticky-product-info">
                                <div class="sticky-product-title">Lian Li O11 Dynamic</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/57771749-93c0-4c8e-bfea-c72d923cd44c.jpeg"
                                 loading="lazy"
                                 alt="Green Griffin G3">
                            <div class="sticky-product-info">
                                <div class="sticky-product-title">Green Griffin G3</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="Genel özellikler"
                           onclick="event.preventDefault(); scrollToSection('specifications-1')">
                            <i class="fa-solid fa-rectangle-list text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>Genel özellikler</span>
                        </a>
                    
                        <a href="#specifications-2"
                           class="sticky-feature-item"
                           title="Ana özellikler"
                           onclick="event.preventDefault(); scrollToSection('specifications-2')">
                            <i class="fa-solid fa-clipboard-list text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>Ana özellikler</span>
                        </a>
                    
                        <a href="#specifications-3"
                           class="sticky-feature-item"
                           title="Estetik özellikler"
                           onclick="event.preventDefault(); scrollToSection('specifications-3')">
                            <i class="fa-solid fa-square-check text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>Estetik özellikler</span>
                        </a>
                    
                        <a href="#specifications-4"
                           class="sticky-feature-item"
                           title="Dahili özellikler"
                           onclick="event.preventDefault(); scrollToSection('specifications-4')">
                            <i class="fa-solid fa-puzzle-piece text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>Dahili özellikler</span>
                        </a>
                    
                        <a href="#specifications-5"
                           class="sticky-feature-item"
                           title="Havalandırma ve soğutma sistemi"
                           onclick="event.preventDefault(); scrollToSection('specifications-5')">
                            <i class="fa-solid fa-temperature-low text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>Havalandırma ve soğutma sistemi</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-rectangle-list text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">Genel özellikler</span>
                                </a>
                                                            <a href="#specifications-2"
                                   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">Ana özellikler</span>
                                </a>
                                                            <a href="#specifications-3"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-square-check text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">Estetik özellikler</span>
                                </a>
                                                            <a href="#specifications-4"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-puzzle-piece text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">Dahili özellikler</span>
                                </a>
                                                            <a href="#specifications-5"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-temperature-low text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">Havalandırma ve soğutma sistemi</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-rectangle-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">Eşdeğer Ad</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-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-clipboard-list text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">Ana ö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">
                                                Ana özellikler
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Tasarım ve Kaset Tipi</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">Şasi Levhası Kalınlığı Boyutu</th>
                                                                                                                                                                    <td class="justify-content-md-start">0.8 milimetre (mm)</td>
                                                                                                                                                                    <td class="justify-content-md-start">0.7 milimetre (mm)</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Cam Panel Özelliği</th>
                                                                                                                                                                    <td class="justify-content-md-start">Var</td>
                                                                                                                                                                    <td class="justify-content-md-start">Var</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Cam Panel Özellikleri</th>
                                                                                                                                                                    <td class="justify-content-md-start">Ön ve yan panelde temperli cam</td>
                                                                                                                                                                    <td class="justify-content-md-start">Yan panelde füme temperli cam</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-square-check 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">Boyutlar ve Ölçüler</th>
                                                                                                                                                                    <td class="justify-content-md-start">272 * 445 * 446 milimetre (mm)</td>
                                                                                                                                                                    <td class="justify-content-md-start">215 * 440 * 478 milimetre (mm)</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Ürün Ağırlığı</th>
                                                                                                                                                                    <td class="justify-content-md-start">-</td>
                                                                                                                                                                    <td class="justify-content-md-start">6.5 kilogram (kg)</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-puzzle-piece text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">Dahili ö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">
                                                Dahili özellikler
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">2.5 İnç Sürücü Yuvası Sayısı</th>
                                                                                                                                                                    <td class="justify-content-md-start">3 adet</td>
                                                                                                                                                                    <td class="justify-content-md-start">2 adet</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Combo Sürücü Tepsisi Sayısı (2.5 veya 3.5 inç)</th>
                                                                                                                                                                    <td class="justify-content-md-start">3 adet</td>
                                                                                                                                                                    <td class="justify-content-md-start">3 adet</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Maksimum İşlemci Soğutucu Yüksekliği</th>
                                                                                                                                                                    <td class="justify-content-md-start">155 milimetre (mm)</td>
                                                                                                                                                                    <td class="justify-content-md-start">160 milimetre (mm)</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Maksimum Ekran Kartı Uzunluğu</th>
                                                                                                                                                                    <td class="justify-content-md-start">420 milimetre (mm)</td>
                                                                                                                                                                    <td class="justify-content-md-start">340 milimetre (mm)</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Kurulabilir Güç Kaynağı Form Faktörü</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">Güç Kurulum Uzunluğu</th>
                                                                                                                                                                    <td class="justify-content-md-start">255 milimetre (mm)</td>
                                                                                                                                                                    <td class="justify-content-md-start">220 milimetre (mm)</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Güç Kaynağı Kurulum Konumu</th>
                                                                                                                                                                    <td class="justify-content-md-start">Alt</td>
                                                                                                                                                                    <td class="justify-content-md-start">Alt</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Güç Kaynağı Montaj Alanı</th>
                                                                                                                                                                    <td class="justify-content-md-start">Yok</td>
                                                                                                                                                                    <td class="justify-content-md-start">Var</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Kablo Yönetimi Özelliği</th>
                                                                                                                                                                    <td class="justify-content-md-start">Var</td>
                                                                                                                                                                    <td class="justify-content-md-start">Var</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">3.5 İnç Sürücü Yuvası Sayısı</th>
                                                                                                                                                                    <td class="justify-content-md-start">-</td>
                                                                                                                                                                    <td class="justify-content-md-start">2 adet</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-temperature-low text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">Havalandırma ve soğutma sistemi</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">
                                                Havalandırma ve soğutma sistemi
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Önde Kurulu Fan Sayısı</th>
                                                                                                                                                                    <td class="justify-content-md-start">Yok</td>
                                                                                                                                                                    <td class="justify-content-md-start">3 x 120mm</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Arka Tarafa Kurulu Fan Sayısı</th>
                                                                                                                                                                    <td class="justify-content-md-start">Yok</td>
                                                                                                                                                                    <td class="justify-content-md-start">1 x 120mm</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Yan Tarafa Kurulu Fanlar</th>
                                                                                                                                                                    <td class="justify-content-md-start">Yok</td>
                                                                                                                                                                    <td class="justify-content-md-start">Yok</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Tavan Monteli Fan Sayısı</th>
                                                                                                                                                                    <td class="justify-content-md-start">Yok</td>
                                                                                                                                                                    <td class="justify-content-md-start">Yok</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">Alt Monteli Fan</th>
                                                                                                                                                                    <td class="justify-content-md-start">Yok</td>
                                                                                                                                                                    <td class="justify-content-md-start">Yok</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">Lian Li O11 Dynamic</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/lian-li-o11-dynamic#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">Green Griffin G3</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/green-griffin-g3#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">Lian Li O11 Dynamic</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/lian-li-o11-dynamic#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">Green Griffin G3</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/green-griffin-g3#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': "ad606db9-c2d5-470c-a1ed-e86b0dedaed0",
                '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': "ad606db9-c2d5-470c-a1ed-e86b0dedaed0",
                '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="ReyNBRkP6jwtsf9u4rfBKW0ywi42kEJVkkEYYhZn" 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%2Fgreen-griffin-g3-vs-lian-li-o11-dynamic" 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="ReyNBRkP6jwtsf9u4rfBKW0ywi42kEJVkkEYYhZn" 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%2Fgreen-griffin-g3-vs-lian-li-o11-dynamic" 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: "ad606db9-c2d5-470c-a1ed-e86b0dedaed0",
            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/case/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/lian-li-o11-dynamic-vs-view-31-tempered-glass-rgb-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/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"
                                     alt="Resim Lian Li O11 Dynamic"
                                     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/f12c0e41-b607-43b0-a8c9-e0cf4cb84b9a.jpeg"
                                     alt="Resim Thermaltake View 31 Tempered Glass RGB Edition"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Thermaltake View 31 Tempered Glass RGB Edition İle Lian Li O11 Dynamic
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/lian-li-o11-dynamic-vs-thermaltake-view-51-tempered-glass-argb-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/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"
                                     alt="Resim Lian Li O11 Dynamic"
                                     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/5211c054-6983-48e2-af62-2ee27b26646b.jpeg"
                                     alt="Resim Thermaltake View 51 Tempered Glass ARGB Edition"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Thermaltake View 51 Tempered Glass ARGB Edition İle Lian Li O11 Dynamic
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/lian-li-o11-dynamic-vs-star-404"
                       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/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"
                                     alt="Resim Lian Li O11 Dynamic"
                                     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/a79f30d0-fda2-4281-a33b-d966262dd328.jpeg"
                                     alt="Resim Star 404"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Star 404 İle Lian Li O11 Dynamic
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/lian-li-o11-dynamic-vs-silverstone-rl07"
                       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/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"
                                     alt="Resim Lian Li O11 Dynamic"
                                     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/6bca7bd5-5500-4b2e-8814-58c29bc317d6.jpeg"
                                     alt="Resim SilverStone RL07"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma SilverStone RL07 İle Lian Li O11 Dynamic
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/lian-li-o11-dynamic-vs-sharkoon-tg6-rgb"
                       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/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"
                                     alt="Resim Lian Li O11 Dynamic"
                                     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/d1c69437-622c-48ca-a270-22b184b376de.jpeg"
                                     alt="Resim Sharkoon TG6 RGB"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Sharkoon TG6 RGB İle Lian Li O11 Dynamic
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/lian-li-o11-dynamic-vs-sharkoon-rev220"
                       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/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"
                                     alt="Resim Lian Li O11 Dynamic"
                                     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/e99541e7-4b73-4058-bde9-d67f8f9ddc25.jpeg"
                                     alt="Resim Sharkoon REV220"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Sharkoon REV220 İle Lian Li O11 Dynamic
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/lian-li-o11-dynamic-vs-sadata-sc107"
                       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/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"
                                     alt="Resim Lian Li O11 Dynamic"
                                     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/028762e5-6135-4607-9b2e-6bd27750bd77.jpeg"
                                     alt="Resim SADATA SC107"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma SADATA SC107 İle Lian Li O11 Dynamic
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/lian-li-o11-dynamic-vs-raidmax-x616"
                       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/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"
                                     alt="Resim Lian Li O11 Dynamic"
                                     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/0eae11c3-b71e-4e26-803f-6a88442da9a1.jpeg"
                                     alt="Resim Raidmax X616"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Raidmax X616 İle Lian Li O11 Dynamic
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/lian-li-o11-dynamic-vs-raidmax-neon-rgb"
                       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/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"
                                     alt="Resim Lian Li O11 Dynamic"
                                     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/a483908d-4c0a-49c7-8b9c-1354393dbf01.jpeg"
                                     alt="Resim Raidmax NEON RGB"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Raidmax NEON RGB İle Lian Li O11 Dynamic
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/lian-li-o11-dynamic-vs-persian-tower"
                       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/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"
                                     alt="Resim Lian Li O11 Dynamic"
                                     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/ccf911a9-211e-4429-8e96-74f7c92ad653.jpeg"
                                     alt="Resim Persian Tower"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Persian Tower İle Lian Li O11 Dynamic
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/lian-li-o11-dynamic-vs-nzxt-h9-elite"
                       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/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"
                                     alt="Resim Lian Li O11 Dynamic"
                                     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/a873bd0f-6e3c-4f50-a7ef-1932ff347137.jpeg"
                                     alt="Resim Nzxt H9 Elite"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Nzxt H9 Elite İle Lian Li O11 Dynamic
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/lian-li-o11-dynamic-vs-nzxt-h510i"
                       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/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"
                                     alt="Resim Lian Li O11 Dynamic"
                                     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/37847526-e8d3-4f70-9ce5-809868d49d0d.jpeg"
                                     alt="Resim Nzxt H510I"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Nzxt H510I İle Lian Li O11 Dynamic
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://benzetme.com/tech/lian-li-o11-dynamic-vs-neco-5910"
                       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/a63be7b6-d02b-4c8e-8715-11d79c7838d3.jpeg"
                                     alt="Resim Lian Li O11 Dynamic"
                                     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/9047fd50-06aa-45a3-8e08-6f08ab5456b9.jpeg"
                                     alt="Resim Neco 5910"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                Karşılaştırma Neco 5910 İle Lian Li O11 Dynamic
                            </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;:41,&quot;path&quot;:&quot;1\/20\/41&quot;,&quot;uuid&quot;:&quot;f05ebaf1-bde8-4b8c-9ff6-c17126cd321e&quot;,&quot;slug&quot;:&quot;case&quot;,&quot;icon&quot;:null,&quot;level&quot;:2,&quot;is_main&quot;:true,&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;Mini Bilgisayarlar&quot;,&quot;description&quot;:&quot;&quot;,&quot;main_category&quot;:&quot;tech&quot;,&quot;link&quot;:&quot;https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case&quot;,&quot;blog_link&quot;:&quot;https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/blog&quot;,&quot;wiki_link&quot;:&quot;https:\/\/benzetme.com\/tech\/computer-and-accessorie\/case\/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/green-griffin-g3-vs-lian-li-o11-dynamic">
                                Persian (فارسی)
                            </a></li>
                                                                    <li><a href="https://vswizard.com/tech/green-griffin-g3-vs-lian-li-o11-dynamic">
                                English
                            </a></li>
                                                                    <li><a href="https://benzetme.com/tech/green-griffin-g3-vs-lian-li-o11-dynamic">
                                Turkish (Türkçe)
                            </a></li>
                                                                    <li><a href="https://yuqarin.com/tech/green-griffin-g3-vs-lian-li-o11-dynamic">
                                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>