SETTING CDN TO: https://cdn.benzetme.com
<style>
    /* Global Design System - Premium Product Cards & Listing Styles */
    :root {
        --versus-primary: #1e4d8b;
        --versus-primary-hover: #153a6b;
        --versus-accent: #d00707;
        --versus-border: #f0f0f0;
        --versus-text-main: #1a1a1a;
        --versus-text-muted: #666;
        --versus-shadow-sm: 0 2px 8px rgba(0,0,0,0.06);
        --versus-shadow-md: 0 10px 30px rgba(0,0,0,0.1);
    }

    * {
        box-sizing: border-box;
    }

    /* Product Card Base Design */
    .versus-product-card, .versus-category-product-card {
        background: #fff;
        border: 1px solid var(--versus-border);
        border-radius: 16px;
        padding: 12px;
        display: flex;
        flex-direction: column;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        position: relative;
    }

    .versus-product-card:hover, .versus-category-product-card:hover {
        transform: translateY(-5px);
        box-shadow: var(--versus-shadow-md);
        border-color: rgba(30, 77, 139, 0.2);
    }

    /* Uniform Image Sizes - Fixed height for consistency */
    .versus-product-image, .versus-category-product-image {
        width: 100%;
        height: 160px;
        margin-bottom: 12px;
        background: #fff;
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }

    .versus-product-image a, .versus-category-product-image a {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center; /* Centered vertically */
        justify-content: center; /* Centered horizontally */
        padding: 10px;
    }

    .versus-product-image img, .versus-category-product-image img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        transition: transform 0.6s ease;
    }

    .versus-product-card:hover .versus-product-image img,
    .versus-category-product-card:hover .versus-category-product-image img {
        transform: scale(1.1);
    }

    /* Compare Button Overlay */
    .versus-add-to-compare {
        position: absolute;
        top: 12px;
        inset-inline-end: 12px;
        z-index: 5;
        width: 32px;
        height: 32px;
        background: #fff;
        border: 1px solid #eee;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        box-shadow: var(--versus-shadow-sm);
        transition: all 0.2s;
        padding: 0;
        color: var(--versus-text-main);
    }

    .versus-add-to-compare:hover {
        background: var(--versus-primary);
        color: #fff;
        border-color: var(--versus-primary);
    }

    .versus-add-to-compare.active {
        background: #28a745;
        border-color: #28a745;
        color: #fff;
    }

    /* Typography */
    .versus-product-title, .versus-category-product-title {
        font-size: 14px;
        font-weight: 700;
        margin: 0 0 10px;
        line-height: 1.5;
        height: 42px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: var(--versus-text-main);
    }

    .versus-product-title a, .versus-category-product-title a {
        color: inherit;
        text-decoration: none;
    }

    /* Features/Properties */
    .versus-product-props, .versus-category-product-props {
        list-style: none;
        padding: 0;
        margin: 0 0 15px;
        display: flex;
        flex-direction: column;
        gap: 6px;
        flex: 1;
    }

    .versus-product-prop, .versus-category-prop {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 13px;
        color: var(--versus-text-muted);
    }

    .versus-product-prop-icon, .versus-category-prop-icon {
        width: 16px;
        display: flex;
        justify-content: center;
        color: var(--versus-primary);
        opacity: 0.7;
    }

    /* Price & Score */
    .versus-product-bottom, .versus-category-product-bottom {
        border-top: 1px solid var(--versus-border);
        padding-top: 12px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        margin-top: auto; /* Push to bottom for uniform alignment */
    }

    .versus-product-score, .versus-category-product-score {
        display: flex;
        align-items: center;
        justify-content: center; /* Center the score/stars */
        gap: 8px;
    }

    .versus-score-stars, .versus-category-score-stars {
        display: flex;
        gap: 2px;
    }

    .versus-star, .versus-category-star {
        width: 12px;
        height: 12px;
        color: #ddd;
    }

    .versus-star.active, .versus-category-star.active {
        color: #ffc107;
    }

    .versus-price, .versus-category-price {
        font-size: 17px;
        color: var(--versus-accent);
        font-weight: 800;
        text-align: center; /* Center the price */
    }

    [dir="ltr"] .versus-price, [dir="ltr"] .versus-category-price {
        text-align: center;
    }

    /* Common Grid Layout Utilities - Centered & Premium */
    .versus-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        justify-content: center;
        width: 100%;
        max-width: 1400px;
        margin: 0 auto;
        padding: 20px 0;
    }

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

    @media (max-width: 900px) {
        .versus-grid {
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }
    }

    @media (max-width: 480px) {
        .versus-grid {
            grid-template-columns: 1fr;
            padding: 10px 15px;
        }
    }
</style>



<style>
    /* CSS for Category Page - Complete Refined Version */

    :root {
        --versus-primary: #1e4d8b;
        --versus-primary-hover: #153a6b;
        --versus-accent: #d00707;
        --versus-border: #f0f0f0;
        --versus-text-main: #1a1a1a;
        --versus-text-muted: #666;
        --versus-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
        --versus-shadow-md: 0 10px 30px rgba(0, 0, 0, 0.1);
    }

    /* Container & Layout */
    .versus-container {
        max-width: 1400px;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box;
        width: 100%;
    }

    .versus-header {
        background: linear-gradient(135deg, #0f2b5b, #1e4d8b);
        color: white;
        padding: 20px 0;
        margin-bottom: 40px;
        width: 100%;
    }

    /* Breadcrumb - RTL/LTR Sensitive */
    .versus-breadcrumb {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 8px;
        margin-bottom: 24px;
        font-size: 14px;
    }

    .versus-breadcrumb-item {
        color: rgba(255, 255, 255, 0.85);
        text-decoration: none;
        transition: color 0.2s;
    }

    .versus-breadcrumb-item:hover {
        color: #fff;
    }

    .versus-breadcrumb-separator {
        color: rgba(255, 255, 255, 0.4);
    }

    [dir="rtl"] .versus-breadcrumb-separator {
        transform: scaleX(-1);
    }

    .versus-header-content {
        text-align: center;
        max-width: 800px;
        margin: 0 auto;
    }

    .versus-title {
        font-size: 38px;
        font-weight: 800;
        margin-bottom: 12px;
        line-height: 1.2;
    }

    .versus-subtitle {
        font-size: 17px;
        color: rgba(255, 255, 255, 0.7);
        margin-bottom: 32px;
    }

    /* Integrated Search Bar Styling */
    .versus-category-search {
        max-width: 600px;
        margin: 0 auto;
        width: 100%;
    }

    .versus-search-wrapper {
        display: flex;
        background: #fff;
        border-radius: 12px;
        overflow: hidden;
        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
        height: 56px;
        align-items: stretch;
    }

    .versus-search-input {
        flex: 1;
        border: none;
        padding: 0 24px;
        font-size: 16px;
        color: #333;
        outline: none;
        background: transparent;
    }

    .versus-search-button {
        width: 64px;
        background: var(--versus-primary);
        color: white;
        border: none;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: background 0.2s;
        font-size: 20px;
    }

    .versus-search-button:hover {
        background: var(--versus-primary-hover);
    }

    /* Main Grid & Content Area */
    .versus-page {
        padding-bottom: 80px;
    }

    .versus-main {
        display: flex;
        gap: 32px;
    }

    .versus-sidebar {
        width: 300px;
        flex-shrink: 0;
    }

    .versus-content {
        flex: 1;
        min-width: 0;
    }

    /* Toolbar & View Toggles */
    .versus-toolbar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 12px 20px;
        margin-bottom: 30px;
        background: #fff;
        border-radius: 12px;
        border: 1px solid var(--versus-border);
        position: relative;
        z-index: 10;
        gap: 16px;
    }

    /* RTL/LTR Alignment: Sorting Start, View End */
    [dir="rtl"] .versus-toolbar {
        flex-direction: row;
    }

    [dir="ltr"] .versus-toolbar {
        flex-direction: row;
    }

    .versus-sort-options {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .versus-sort-dropdown {
        position: relative;
        display: flex;
        align-items: center;
    }

    .versus-sort-desktop-label {
        display: flex;
        align-items: center;
        gap: 8px;
        font-size: 14px;
        font-weight: 600;
        color: var(--versus-text-muted);
        white-space: nowrap;
    }

    .versus-sort-desktop-label i {
        color: var(--versus-primary);
        font-size: 16px;
    }

    .versus-sort-dropdown-toggle {
        display: flex;
        align-items: center;
        gap: 8px;
        background: #f5f5f5;
        border: 1px solid var(--versus-border);
        padding: 8px 16px;
        font-size: 14px;
        font-weight: 600;
        color: var(--versus-text-muted);
        cursor: pointer;
        transition: all 0.2s;
        border-radius: 10px;
    }

    .versus-sort-dropdown-toggle:hover {
        background: #eee;
    }

    .versus-sort-dropdown.active .versus-sort-dropdown-toggle {
        border-color: var(--versus-primary);
        color: var(--versus-primary);
    }

    .versus-sort-dropdown-toggle i:first-child {
        color: var(--versus-primary);
        font-size: 16px;
    }

    .versus-sort-current {
        display: flex;
        align-items: center;
        gap: 6px;
    }

    .current-sort-label {
        color: var(--versus-primary);
        font-weight: 700;
    }

    .toggle-icon {
        font-size: 10px;
        opacity: 0.5;
        display: none;
        /* Desktop */
    }

    .versus-sort-menu {
        display: flex;
        gap: 8px;
        background: #f5f5f5;
        padding: 4px;
        border-radius: 10px;
        margin-inline-start: 12px;
    }

    .versus-sort-btn {
        border: none;
        background: transparent;
        padding: 6px 16px;
        font-size: 13.5px;
        font-weight: 600;
        color: #555;
        border-radius: 8px;
        cursor: pointer;
        transition: all 0.2s;
        white-space: nowrap;
    }

    .versus-sort-btn:hover {
        color: var(--versus-primary);
        background: rgba(30, 77, 139, 0.05);
    }

    .versus-sort-btn.active {
        background: #fff;
        color: var(--versus-primary);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    }

    /* Mobile Responsive Dropdown */
    @media (max-width: 768px) {
        .versus-toolbar {
            padding: 10px 16px;
            gap: 8px;
        }

        .versus-sort-menu {
            position: absolute;
            top: 100%;
            inset-inline-start: 0;
            margin-top: 8px;
            background: #fff;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
            border: 1px solid var(--versus-border);
            flex-direction: column;
            width: 200px;
            padding: 8px;
            display: none;
            /* Hidden until clicked */
            z-index: 100;
            margin-inline-start: 0;
        }

        .versus-sort-dropdown.active .versus-sort-menu {
            display: flex;
        }

        .versus-sort-dropdown.active .toggle-icon {
            transform: rotate(180deg);
        }

        .versus-sort-btn {
            width: 100%;
            text-align: inherit;
            padding: 10px 16px;
        }

        .toggle-icon {
            display: block;
        }

        .current-sort-label {
            display: inline-block;
        }
    }

    .versus-view-options {
        display: flex;
        gap: 4px;
        padding: 4px;
        background: #f5f5f5;
        border-radius: 10px;
    }

    .versus-view-btn {
        width: 38px;
        height: 38px;
        border: none;
        background: transparent;
        color: #777;
        cursor: pointer;
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s;
    }

    .versus-view-btn i {
        font-size: 16px;
    }

    .versus-view-btn:hover {
        background: rgba(255, 255, 255, 0.5);
    }

    .versus-view-btn.active {
        background: #fff;
        color: var(--versus-primary);
        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    }

    /* GRID VIEW - REFINED */
    .versus-category-products.versus-category-grid-view {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 24px;
        margin-bottom: 40px;
    }

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

    @media (max-width: 992px) {
        .versus-category-products.versus-category-grid-view {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 576px) {
        .versus-category-products.versus-category-grid-view {
            grid-template-columns: repeat(2, 1fr);
            gap: 12px;
        }
    }

    /* Product Card Design */
    .versus-category-product-card {
        background: #fff;
        border: 1px solid var(--versus-border);
        border-radius: 16px;
        padding: 20px;
        display: flex;
        flex-direction: column;
        height: 100%;
        transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
        position: relative;
        box-sizing: border-box;
    }

    .versus-category-product-card:hover {
        transform: translateY(-8px);
        box-shadow: var(--versus-shadow-md);
        border-color: rgba(30, 77, 139, 0.2);
    }

    /* Uniform Image Sizes */
    .versus-category-product-image {
        position: relative;
        width: 100%;
        padding-top: 100%;
        /* Square Aspect Ratio hack */
        margin-bottom: 16px;
        background: #fff;
        border-radius: 12px;
    }

    .versus-category-product-image a {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
        box-sizing: border-box;
    }

    .versus-category-product-image img {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        transition: transform 0.6s ease;
    }

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

    /* Compare Button */
    .versus-add-to-compare {
        position: absolute;
        top: 12px;
        inset-inline-end: 12px;
        z-index: 5;
        width: 34px;
        height: 34px;
        background: #fff;
        border: 1px solid #eee;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        box-shadow: var(--versus-shadow-sm);
        transition: all 0.2s;
        padding: 0;
    }

    .versus-add-to-compare:hover {
        background: var(--versus-primary);
        color: #fff;
        border-color: var(--versus-primary);
    }

    .versus-add-to-compare.active {
        background: #28a745;
        border-color: #28a745;
        color: #fff;
    }

    .versus-add-text {
        display: none;
    }

    /* Info & Specs */
    .versus-category-product-title {
        font-size: 15px;
        font-weight: 700;
        margin: 0 0 12px;
        line-height: 1.5;
        height: 45px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        color: var(--versus-text-main);
    }

    .versus-category-product-title a {
        color: inherit;
        text-decoration: none;
    }

    .versus-category-product-props {
        list-style: none;
        padding: 0;
        margin: 0 0 20px;
        display: flex;
        flex-direction: column;
        gap: 8px;
        flex: 1;
    }

    .versus-category-prop {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 13px;
        color: var(--versus-text-muted);
    }

    /* Limit items in Grid View (Max 4) */
    .versus-category-products.versus-category-grid-view .versus-category-prop:nth-child(n+5) {
        display: none !important;
    }

    /* Limit items in List View (Max 6) */
    .versus-category-products.versus-category-list-view .versus-category-prop:nth-child(n+7) {
        display: none !important;
    }

    .versus-category-prop-icon {
        width: 18px;
        display: flex;
        justify-content: center;
        color: var(--versus-primary);
        opacity: 0.7;
    }

    /* Bottom / Price Area */
    .versus-category-product-bottom {
        border-top: 1px solid var(--versus-border);
        padding-top: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        /* Center children horizontally */
        gap: 12px;
        margin-top: auto;
        /* Push to bottom */
    }

    .versus-category-list-view .versus-category-product-bottom {
        margin-top: 0;
        align-items: inherit;
        /* Reset for list view layout */
    }

    .versus-category-product-score {
        display: flex;
        align-items: center;
        justify-content: center;
        /* Center stars and score */
        gap: 8px;
    }

    .versus-category-score-stars {
        display: flex;
        gap: 2px;
    }

    .versus-category-star {
        width: 14px;
        height: 14px;
        color: #ddd;
    }

    .versus-category-star.active {
        color: #ffc107;
    }

    .versus-category-score-value {
        font-weight: 700;
        font-size: 13px;
    }

    .versus-category-price {
        font-size: 19px;
        color: var(--versus-accent);
        font-weight: 800;
        text-align: right;
    }

    [dir="ltr"] .versus-category-price {
        text-align: left;
    }

    /* LIST VIEW LAYOUT */
    .versus-category-products.versus-category-list-view {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .versus-category-list-view .versus-category-product-card {
        flex-direction: row;
        align-items: center;
        padding: 24px;
    }

    .versus-category-list-view .versus-category-product-top {
        display: flex;
        flex: 1;
        gap: 32px;
        align-items: center;
    }

    .versus-category-list-view .versus-category-product-image {
        width: 160px;
        padding-top: 160px;
        /* Force size */
        margin-bottom: 0;
        flex-shrink: 0;
    }

    .versus-category-list-view .versus-category-product-title {
        font-size: 18px;
        height: auto;
        -webkit-line-clamp: 1;
        margin-bottom: 8px;
    }

    .versus-category-list-view .versus-category-product-props {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px 32px;
        margin-bottom: 0;
    }

    .versus-category-list-view .versus-category-product-bottom {
        width: 240px;
        border-top: 0;
        border-inline-start: 1px solid var(--versus-border);
        padding-inline-start: 32px;
        margin-inline-start: 32px;
        justify-content: center;
    }

    @media (max-width: 768px) {
        .versus-main {
            flex-direction: column;
        }

        .versus-sidebar {
            width: 100%;
        }

        .versus-category-list-view .versus-category-product-card {
            flex-direction: column;
        }

        .versus-category-list-view .versus-category-product-bottom {
            width: 100%;
            border-inline-start: 0;
            border-top: 1px solid var(--versus-border);
            padding: 20px 0 0;
            margin: 20px 0 0;
        }

        .versus-category-list-view .versus-category-product-image {
            width: 120px;
            padding-top: 120px;
        }
    }

    /* PAGINATION */
    .versus-pagination {
        display: flex;
        justify-content: center;
        margin-top: 60px;
    }

    .versus-pagination-list {
        display: flex;
        gap: 10px;
        list-style: none;
        padding: 0;
    }

    .versus-page-link {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 44px;
        height: 44px;
        padding: 0 14px;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 12px;
        color: #444;
        text-decoration: none;
        font-weight: 700;
        transition: all 0.2s;
    }

    .versus-page-link:hover {
        border-color: var(--versus-primary);
        color: var(--versus-primary);
        background: #f8fbff;
    }

    .versus-page-link.active {
        background: var(--versus-primary);
        color: #fff;
        border-color: var(--versus-primary);
        box-shadow: 0 5px 15px rgba(30, 77, 139, 0.2);
    }

    /* CONTENT SECTION (READ MORE) */
    .versus-content-section {
        background: #fff;
        border-radius: 20px;
        padding: 40px;
        margin-top: 60px;
        margin-bottom: 60px;
        box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
        border: 1px solid var(--versus-border);
        width: 100%;
        box-sizing: border-box;
    }

    .versus-content-wrapper {
        position: relative;
    }

    .versus-content-checkbox {
        display: none;
    }

    .versus-content-body {
        max-height: 280px;
        overflow: hidden;
        transition: max-height 0.8s ease;
        position: relative;
        line-height: 1.8;
    }

    .versus-content-overlay {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 120px;
        background: linear-gradient(transparent, #fff);
        pointer-events: none;
    }

    .versus-content-button {
        display: block;
        margin: 32px auto 0;
        padding: 12px 40px;
        border: 2px solid var(--versus-accent);
        color: var(--versus-accent);
        background: transparent;
        border-radius: 40px;
        cursor: pointer;
        font-weight: 800;
        transition: all 0.2s;
        text-align: center;
    }

    .versus-content-button:hover {
        background: var(--versus-accent);
        color: #fff;
    }

    .versus-content-checkbox:checked+.versus-content-body {
        max-height: 20000px;
    }

    .versus-content-checkbox:checked+.versus-content-body .versus-content-overlay {
        display: none;
    }

    .versus-content-button::before {
        content: attr(data-more);
    }

    .versus-content-checkbox:checked~.versus-content-button::before {
        content: attr(data-less);
    }
</style>

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

<head>
                        <meta name="description"
              content="Benzetme sitesinde en iyi dizüstü bilgisayarın dahili sabit sürücüleri  ürünlerinin karşılaştırması, özellik incelemesi ve fiyat listesi">
        <meta name="category" content="laptop-internal-hard-drives">
    <link rel="canonical"
          href="https://benzetme.com/tech/computer-and-accessorie/computer-accessories/laptop-accessorie/laptop-internal-hard-drives">

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            saveProductViewToLocalStorage();
            addScrollListenerToArticleContentBox();
            createFilterDrawer();
        });
    </script>

    <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>            En İyi dizüstü bilgisayarın dahili sabit sürücüleri
    </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":"CollectionPage","@context":"https:\/\/schema.org","mainEntity":[]},{"@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\/computer-accessories","name":"Bilgisayar Aksesuarlar\u0131"}},{"@type":"ListItem","position":5,"item":{"@id":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie","name":"Laptop Aksesuarlar\u0131"}},{"@type":"ListItem","position":6,"item":{"@id":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives","name":"diz\u00fcst\u00fc bilgisayar\u0131n dahili sabit s\u00fcr\u00fcc\u00fcleri"}}]}]}
    </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/computer-and-accessorie/computer-accessories/laptop-accessorie/laptop-internal-hard-drives"
              hreflang="fa-IR"/>
        
        
                            <link rel="alternate" href="https://vswizard.com/tech/computer-and-accessorie/computer-accessories/laptop-accessorie/laptop-internal-hard-drives"
              hreflang="en-US"/>
        
        
                    <link rel="alternate" href="https://vswizard.com/tech/computer-and-accessorie/computer-accessories/laptop-accessorie/laptop-internal-hard-drives"
                  hreflang="x-default"/>
                            <link rel="alternate" href="https://benzetme.com/tech/computer-and-accessorie/computer-accessories/laptop-accessorie/laptop-internal-hard-drives"
              hreflang="tr-TR"/>
        
        
                            <link rel="alternate" href="https://yuqarin.com/tech/computer-and-accessorie/computer-accessories/laptop-accessorie/laptop-internal-hard-drives"
              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="">

<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="JYU2VHhYN3Z06VDZKIBXSWDBlhbdVQJswRLv87ui" 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%2Fcomputer-and-accessorie%2Fcomputer-accessories%2Flaptop-accessorie%2Flaptop-internal-hard-drives" 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="JYU2VHhYN3Z06VDZKIBXSWDBlhbdVQJswRLv87ui" 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%2Fcomputer-and-accessorie%2Fcomputer-accessories%2Flaptop-accessorie%2Flaptop-internal-hard-drives" 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="versus-header">
    <div class="versus-container">
        <div class="breadcrumb-container-card white-theme">
            <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">Elektronik</a>
                    </li>
                                                            <li class="breadcrumb-item">
                        <a
                            href="https://benzetme.com/tech/computer-and-accessorie">Bilgisayarlar ve Aksesuarlar</a>
                    </li>
                                                            <li class="breadcrumb-item">
                        <a
                            href="https://benzetme.com/tech/computer-and-accessorie/computer-accessories">Bilgisayar Aksesuarları</a>
                    </li>
                                                            <li class="breadcrumb-item">
                        <a
                            href="https://benzetme.com/tech/computer-and-accessorie/computer-accessories/laptop-accessorie">Laptop Aksesuarları</a>
                    </li>
                                                            <li class="breadcrumb-item">
                        <a
                            href="https://benzetme.com/tech/computer-and-accessorie/computer-accessories/laptop-accessorie/laptop-internal-hard-drives">dizüstü bilgisayarın dahili sabit sürücüleri</a>
                    </li>
                                    </ol>
            </div>
        </div>

        <div class="versus-header-content">
            <h1 class="versus-title">dizüstü bilgisayarın dahili sabit sürücüleri
                
            </h1>
            <p class="versus-subtitle">
                Türlerini Karşılaştır
                0
                kategorideki en iyi ürünlerden
                dizüstü bilgisayarın dahili sabit sürücüleri
            </p>

            <div class="versus-category-search">
                <form id="searchForm" action="https://benzetme.com/tech/computer-and-accessorie/computer-accessories/laptop-accessorie/laptop-internal-hard-drives" method="GET">
                    <div class="versus-search-wrapper">
                        <input type="text" name="product_title" id="categorySearch"
                            placeholder="İçinde Ara dizüstü bilgisayarın dahili sabit sürücüleri..."
                            class="versus-search-input" value="" autocomplete="off">

                        <input type="hidden" name="category_uuid" id="category_uuid" value="b67ea521-0d87-462a-bf81-c22d13f61adc">

                        <button type="submit" class="versus-search-button">
                            <i class="fas fa-search"></i>
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
    <div class="versus-page">
        <div class="versus-container">
            <div class="versus-main">

                <div
    class="versus-sidebar ">

    <div class="versus-filters-wrapper">
        <div class="versus-filters-header">
            <h3>Filtreler</h3>
            <button
                class="versus-filters-clear">Tümünü Temizle</button>
        </div>

        <div class="versus-active-filters" style="display: none;">
            <div class="versus-active-filters-content"></div>
        </div>

        
        
        
                    <div class="versus-filter-section px-3 active">
                <div class="versus-filter-title">
                    <div class="versus-filter-group-header">
                        <span class="versus-filter-group-icon">
                            <i class="fa-solid fa-building"></i>
                        </span>
                        <span>Marka</span>
                    </div>
                    <i class="fa-solid fa-chevron-down"></i>
                </div>
                <div class="versus-filter-content">
                    <div class="versus-filter-search">
                        <input type="text"
                            placeholder="Marka Ara..."
                            class="versus-filter-search-input">
                    </div>
                    <div class="versus-filter-items brands"></div>
                </div>
            </div>
        
        
        <div class="versus-filter-section px-3 d-none">
            <div class="versus-filter-title">
                <div class="versus-filter-group-header">
                    <span class="versus-filter-group-icon">
                        <i class="fa-solid fa-money-bill"></i>
                    </span>
                    <span>Fiyat Aralığı</span>
                </div>
                <i class="fa-solid fa-chevron-down"></i>
            </div>
            <div class="versus-filter-content">
                <div class="versus-price-range flex-column">
                    <input type="number"
                        placeholder="Minimum Fiyat"
                        class="versus-price-input">
                    <span
                        class="versus-price-separator">Kadar</span>
                    <input type="number"
                        placeholder="Maksimum Fiyat"
                        class="versus-price-input">
                </div>
                <button
                    class="versus-price-apply">Fiyat Aralığını Uygula</button>
            </div>
        </div>

        <div class="versus-filter-section px-3 d-none">
            <div class="versus-filter-title">
                <div class="versus-filter-group-header">
                    <span class="versus-filter-group-icon">
                        <i class="fa-solid fa-star"></i>
                    </span>
                    <span>Kullanıcı Puanı</span>
                </div>
                <i class="fa-solid fa-chevron-down"></i>
            </div>
            <div class="versus-filter-content">
                <div class="versus-rating-filters">
                    <label class="versus-filter-item"
                        data-value="4 Yıldız ve Üzeri">
                        <input type="checkbox" value="4">
                        <span class="versus-filter-checkbox"></span>
                        <span
                            class="versus-filter-label">4 Yıldız ve Üzeri</span>
                    </label>
                    <label class="versus-filter-item"
                        data-value="3 Yıldız ve Üzeri">
                        <input type="checkbox" value="3">
                        <span class="versus-filter-checkbox"></span>
                        <span
                            class="versus-filter-label">3 Yıldız ve Üzeri</span>
                    </label>
                </div>
            </div>
        </div>
        <div class="versus-filters-actions p-3 sticky-bottom bg-white border-top">
            <button class="versus-filters-apply w-100">
                Filtreleri Uygula
            </button>
        </div>
    </div>
</div>
                <div class="versus-content">
                    <div class="versus-toolbar">
                        <div class="versus-sort-options">
                            <div class="versus-sort-dropdown">
                                
                                <div class="versus-sort-desktop-label d-none d-md-flex">
                                    <i class="fas fa-sort-amount-down-alt"></i>
                                    <span>Sıralama:</span>
                                </div>

                                
                                <button class="versus-sort-dropdown-toggle d-md-none">
                                    <i class="fas fa-sort-amount-down-alt"></i>
                                    <span class="versus-sort-current">
                                        Sıralama:
                                        <span class="current-sort-label">
                                                                                         Popüler
                                                                                    </span>
                                    </span>
                                    <i class="fas fa-chevron-down toggle-icon"></i>
                                </button>

                                <div class="versus-sort-menu">
                                    <button class="versus-sort-btn active" data-sort="popular">
                                        Popüler
                                    </button>
                                    <button class="versus-sort-btn " data-sort="newest">
                                        En Yeni
                                    </button>
                                    <button class="versus-sort-btn " data-sort="cheapest">
                                        En Ucuz
                                    </button>
                                    <button class="versus-sort-btn " data-sort="expensive">
                                        En Pahalı
                                    </button>
                                </div>
                            </div>
                        </div>

                        <div class="versus-view-options">
                            <button class="versus-view-btn active" data-view="grid" title="Grid View">
                                <i class="fas fa-th-large"></i>
                            </button>
                            <button class="versus-view-btn " data-view="list" title="List View">
                                <i class="fas fa-list"></i>
                            </button>
                        </div>
                    </div>

                    <div class="versus-category-products versus-category-grid-view">
            <div class="versus-category-no-products">
            <svg viewBox="0 0 24 24">
                <path
                    d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
                    fill="none" stroke="currentColor" stroke-width="2"/>
            </svg>
            <p>Ürün bulunamadı</p>
        </div>
    </div>
                    <div class="versus-pagination">
    </div>

                </div>
            </div>
        </div>
    </div>

            <div class="versus-container">
            <div class="versus-content-section">
                <div class="anchor_tags" id="article_content_box">
        <div class="versus-content-wrapper">
            <input type="checkbox" id="versus-content-toggle" class="versus-content-checkbox">
            <div class="versus-content-body">
                <div class="entry-content">
                    <h3>Dizüstü Bilgisayar Dahili Depolama Çözümlerine Derinlemesine Bakış</h3><h2>Depolama Teknolojilerinin Temelleri ve Karşılaştırması</h2><p>Dizüstü bilgisayarlar için dahili depolama çözümleri, genellikle HDD ve SSD olmak üzere iki ana kategoriye ayrılır. Her bir teknolojinin kendine özgü avantajları ve dezavantajları bulunmaktadır, bu da seçim yaparken dikkatli olmayı gerektirir.</p><h3>Sabit Disk Sürücüleri (HDD)</h3><p>HDD'ler, verileri dönen manyetik plakalar üzerine okuma/yazma kafaları aracılığıyla kaydeden mekanik cihazlardır. Genellikle yüksek depolama kapasitesi sunmaları ve birim maliyetlerinin düşük olmasıyla bilinirler. Özellikle büyük dosyaları depolaması gereken ve bütçe odaklı kullanıcılar için cazip bir seçenek olabilirler. Ancak, mekanik yapıları nedeniyle fiziksel darbelere karşı daha hassastırlar, daha yavaş okuma/yazma hızlarına sahiptirler ve SSD'lere göre daha fazla güç tüketirler. Dizüstü bilgisayarlarda genellikle 5400 RPM veya 7200 RPM hızlarında 2.5 inç boyutunda HDD'ler kullanılır.</p><h3>Katı Hal Sürücüleri (SSD)</h3><p>SSD'ler, hareketli parçaları olmayan, NAND flash bellek yongalarını kullanarak verileri depolayan elektronik cihazlardır. Bu özellikleri sayesinde HDD'lere kıyasla çok daha yüksek hızlar (işletim sistemi açılışı, uygulama yükleme süreleri), daha iyi dayanıklılık, sessiz çalışma ve düşük güç tüketimi sunarlar. Yüksek performans arayan kullanıcılar için idealdirler. İlk çıktıklarında kapasite başına maliyetleri oldukça yüksek olsa da, günümüzde daha erişilebilir hale gelmişlerdir. Okuma/yazma hızları HDD'lere göre kat kat daha fazladır ve sistemin genel tepkiselliğini önemli ölçüde artırırlar.</p><h3>Hibrit Sabit Sürücüler (SSHD)</h3><p>SSHD'ler, HDD'nin yüksek kapasitesini ve SSD'nin hızını birleştirmeyi amaçlayan bir teknolojidir. Genellikle büyük bir HDD depolama alanına ve sık kullanılan verilere hızla erişim sağlayan küçük bir SSD önbelleğine sahiptirler. Bu önbellek, işletim sistemi ve sık kullanılan uygulamaları depolayarak genel sistem performansını artırır. Maliyet ve performans arasında denge arayanlar için makul bir seçenek olabilir.</p><h2>Bağlantı Arayüzleri ve Form Faktörleri</h2><p>Dahili sabit sürücülerin dizüstü bilgisayarınıza nasıl bağlandığı ve fiziksel şekli, performans ve uyumluluk açısından kritik öneme sahiptir.</p><h3>SATA (Serial ATA)</h3><p>SATA, hem HDD'ler hem de 2.5 inç form faktöründeki SSD'ler için standart bir arayüzdür. Günümüzde en yaygın kullanılan versiyonu SATA III olup, 6 Gbps'ye (yaklaşık 600 MB/s) kadar teorik bant genişliği sunar. Eski nesil dizüstü bilgisayarlarda veya bütçe dostu sistemlerde hala yaygın olarak bulunmaktadır.</p><h3>NVMe (Non-Volatile Memory Express) M.2</h3><p>NVMe, özellikle SSD'ler için tasarlanmış, PCIe (Çevresel Bileşen Ara Bağlantısı Express) veri yolu üzerinden çalışan yüksek performanslı bir arayüzdür. Geleneksel SATA arayüzüne göre çok daha yüksek bant genişliği ve daha düşük gecikme süreleri sunar. M.2 form faktörü ise ince ve küçük bir kart şeklinde olup, modern dizüstü bilgisayarlarda yer kazanmak ve daha yüksek hızlar sunmak için kullanılır. NVMe M.2 SSD'ler, tipik olarak 2000 MB/s'nin üzerinde okuma/yazma hızlarına ulaşabilir, bazı üst düzey modellerde bu hızlar 7000 MB/s'yi bile aşabilir. Dizüstü bilgisayarınızın anakartının M.2 yuvası ve NVMe protokolünü destekleyip desteklemediğini kontrol etmek önemlidir.</p><h2>Performans, Uyumluluk ve Yükseltme</h2><p>Dahili sürücü seçimi yaparken, dizüstü bilgisayarınızın modeline ve anakartının desteklediği arayüzlere (SATA, NVMe) ve form faktörlerine (2.5 inç, M.2) dikkat etmek hayati önem taşır. Yanlış sürücü seçimi uyumsuzluk sorunlarına yol açabilir. Ayrıca, sürücünün okuma/yazma hızları, IOPS (Giriş/Çıkış İşlemleri Saniye Başına) değerleri, önbellek boyutu ve kontrolcü tipi gibi teknik özellikler de genel performansı etkiler. Mevcut depolama biriminizin performansını yükseltmek amacıyla bir HDD'den SSD'ye geçiş veya eski bir SATA SSD'yi daha hızlı bir NVMe SSD ile değiştirmek, dizüstü bilgisayarınızın ömrünü uzatmanın ve verimliliğini artırmanın en etkili yollarından biridir. Yükseltme yapmadan önce dizüstü bilgisayarınızın servis kılavuzunu veya üretici web sitesini kontrol ederek maksimum kapasite, uyumlu arayüzler ve kurulum adımları hakkında bilgi edinmek önemlidir.</p>
                </div>
                <div class="versus-content-overlay"></div>
            </div>
            <label for="versus-content-toggle" class="versus-content-button" 
                   data-more="Daha Fazla Görüntüle" 
                   data-less="Daha Az Görüntüle">
            </label>
        </div>
    </div>
            </div>
        </div>

        <div class="versus-related-sections">

                        
                                                                        
                                                
                                                        </div>
    
    <script>
        $(document).ready(function () {

            const categoryUuid = "b67ea521-0d87-462a-bf81-c22d13f61adc";
            handleSearchInput(categoryUuid);
            handleSubmitSearchForm(categoryUuid);
            // updateProductsViaAjax(categoryUuid); // Redundant and causing blank page on load

            handleBrandFilter();
            handleFilterGroupToggle();
            handleFilterShowMore();
            handleFilterCheckboxes();
            handleFilterItemClick();
            handleFilterClear();
            initializeCategoryFilters([]);
            initBrandsSearch();
            applyFilters();
            initializeFilters();
            filterManagement(categoryUuid);
            saveProductViewToLocalStorage()
        });

    </script>

    <style>
    .versus-notification {
        position: fixed;
        bottom: 24px;
        right: 24px;
        padding: 12px 24px;
        border-radius: 8px;
        background: white;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
        color: #333;
        font-size: 14px;
        transform: translateY(100px);
        opacity: 0;
        transition: all 0.3s ease;
        z-index: 1000;
    }

    .versus-notification.show {
        transform: translateY(0);
        opacity: 1;
    }

    .versus-notification.success {
        background: #4CAF50;
        color: white;
    }

    .versus-notification.warning {
        background: #FFC107;
        color: #333;
    }

    .versus-notification.error {
        background: #F44336;
        color: white;
    }

    .versus-filter-options {
        max-height: 300px;
        overflow-y: auto;
        padding-right: 4px;
        margin-top: 16px;
    }

    .versus-filter-option {
        display: flex;
        align-items: center;
        padding: 8px 12px;
        border-radius: 8px;
        transition: background-color 0.2s;
        cursor: pointer;
        margin-bottom: 4px;
    }

    .versus-filter-option:hover {
        background-color: rgba(30, 77, 139, 0.1);
    }

    .versus-filter-label {
        flex: 1;
        margin: 0 12px;
        font-size: 14px;
        color: #333;
    }

    .versus-filter-count {
        background: #f0f4f8;
        padding: 2px 8px;
        border-radius: 12px;
        font-size: 12px;
        color: #666;
        min-width: 32px;
        text-align: center;
    }

    .versus-no-results,
    .versus-no-brands {
        text-align: center;
        padding: 24px 16px;
        color: #666;
        font-size: 14px;
        background: #f8f9fa;
        border-radius: 8px;
        margin-top: 16px;
    }

    .versus-filter-search {
        position: relative;
        margin-top: 16px;
    }

    .versus-filter-search input {
        width: 100%;
        padding: 10px 36px 10px 12px;
        border: 1px solid #ddd;
        border-radius: 8px;
        font-size: 14px;
        transition: all 0.3s;
    }

    .versus-filter-search input:focus {
        border-color: #1e4d8b;
        box-shadow: 0 0 0 3px rgba(30, 77, 139, 0.1);
        outline: none;
    }

    .versus-search-icon {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translateY(-50%);
        color: #999;
    }

    .versus-search-icon svg {
        width: 16px;
        height: 16px;
    }

    @media (max-width: 768px) {
        .versus-filter-options {
            max-height: 250px;
        }

        .versus-filter-option {
            padding: 6px 10px;
        }

        .versus-filter-label {
            font-size: 13px;
        }

        .versus-filter-count {
            font-size: 11px;
            padding: 2px 6px;
        }
    }

    .versus-sidebar {
        width: 280px;
        flex-shrink: 0;
    }

    /* Filter Wrapper Styles - Shared between Sidebar and Mobile Drawer */
    .versus-filters-wrapper {
        background: #fff;
        border-radius: 16px;
        border: 1px solid var(--versus-border);
        overflow: hidden;
    }

    .versus-filters-header {
        padding: 20px;
        border-bottom: 1px solid var(--versus-border);
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #f8fbff;
    }

    .versus-filters-header h3 {
        margin: 0;
        font-size: 18px;
        font-weight: 800;
        color: var(--versus-primary);
    }

    .versus-filters-clear {
        background: none;
        border: none;
        color: var(--versus-primary);
        font-size: 13px;
        font-weight: 700;
        cursor: pointer;
        padding: 4px 8px;
        border-radius: 4px;
        transition: background 0.2s;
    }

    .versus-filter-section {
        border-bottom: 1px solid var(--versus-border);
    }

    .versus-filter-section:last-child {
        border-bottom: none;
    }

    .versus-filter-title {
        padding: 16px 20px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        transition: background 0.2s;
    }

    .versus-filter-title:hover {
        background: #fcfcfc;
    }

    .versus-filter-group-header {
        display: flex;
        align-items: center;
        gap: 12px;
        font-weight: 700;
        font-size: 15px;
        color: var(--versus-text-main);
    }

    .versus-filter-group-icon {
        width: 32px;
        height: 32px;
        background: rgba(30, 77, 139, 0.08);
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--versus-primary);
    }

    .versus-filter-title i.fa-chevron-down {
        font-size: 12px;
        color: #999;
        transition: transform 0.3s;
    }

    .versus-filter-section.active .versus-filter-title i.fa-chevron-down {
        transform: rotate(180deg);
    }

    .versus-filter-content {
        padding: 0;
        display: none;
    }

    .versus-filter-section.active .versus-filter-content {
        display: block;
    }

    /* Property Styling */
    .versus-property-section {
        padding: 0 20px;
        border-bottom: 1px solid #f9f9f9;
    }

    .versus-property-title {
        padding: 12px 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        cursor: pointer;
        font-size: 14px;
        font-weight: 700;
        color: #555;
    }

    .versus-property-title i {
        font-size: 10px;
        color: #ccc;
        transition: transform 0.3s;
    }

    .versus-property-section.active .versus-property-title i {
        transform: rotate(180deg);
    }

    .versus-property-values {
        display: none;
        padding: 10px 0 20px;
    }

    .versus-property-section.active .versus-property-values {
        display: block;
    }

    .versus-price-range {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-bottom: 12px;
    }

    .versus-price-input {
        flex: 1;
        padding: 8px 12px;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 13px;
    }

    .versus-price-separator {
        color: #666;
        font-size: 13px;
    }

    .versus-price-apply {
        width: 100%;
        padding: 8px;
        background: #1e4d8b;
        color: white;
        border: none;
        border-radius: 6px;
        font-size: 13px;
        cursor: pointer;
        transition: background-color 0.2s;
    }

    .versus-price-apply:hover {
        background: #0f2b5b;
    }

    .versus-filter-search {
        margin-bottom: 12px;
    }

    .versus-filter-search-input {
        width: 100%;
        padding: 8px 12px;
        border: 1px solid #ddd;
        border-radius: 6px;
        font-size: 13px;
    }

    .versus-filter-items {
        max-height: 200px;
        overflow-y: auto;
        overflow-x: hidden;
        padding-right: 4px;
    }

    .versus-filter-items::-webkit-scrollbar {
        width: 4px;
    }

    .versus-filter-items::-webkit-scrollbar-track {
        background: #f1f1f1;
    }

    .versus-filter-items::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 4px;
    }

    .versus-filter-item {
        display: flex;
        align-items: center;
        padding: 6px 0;
        cursor: pointer;
        user-select: none;
    }

    .versus-filter-checkbox {
        width: 18px;
        height: 18px;
        border: 2px solid #ddd;
        border-radius: 4px;
        margin-left: 8px;
        position: relative;
        transition: all 0.2s;
    }

    .versus-filter-item input:checked + .versus-filter-checkbox {
        background: #1e4d8b;
        border-color: #1e4d8b;
    }

    .versus-filter-item input:checked + .versus-filter-checkbox::after {
        content: '';
        position: absolute;
        left: 5px;
        top: 2px;
        width: 4px;
        height: 8px;
        border: solid white;
        border-width: 0 2px 2px 0;
        transform: rotate(45deg);
    }

    .versus-filter-label {
        flex: 1;
        font-size: 13px;
        color: #333;
    }

    .versus-filter-count {
        font-size: 12px;
        color: #666;
    }

    .versus-filter-item input {
        display: none;
    }

    @media (max-width: 992px) {
        .versus-main {
            flex-direction: column;
        }

        .versus-sidebar {
            width: 100%;
            margin-bottom: 24px;
        }

        /* Hide the original sidebar on mobile as we use the cloned drawer */
        .versus-sidebar {
            display: none !important;
        }

        .versus-filters-wrapper {
            position: static;
        }
    }

    .versus-mobile-filter-btn {
        display: none;
        align-items: center;
        gap: 8px;
        padding: 12px 20px;
        background: var(--versus-primary);
        color: white;
        border: none;
        border-radius: 12px;
        font-size: 15px;
        font-weight: 700;
        cursor: pointer;
        margin-bottom: 24px;
        width: 100%;
        justify-content: center;
        box-shadow: 0 4px 12px rgba(30, 77, 139, 0.2);
    }

    .versus-mobile-filter-btn i {
        font-size: 16px;
    }

    @media (max-width: 992px) {
        .versus-mobile-filter-btn {
            display: flex;
        }
    }

    .versus-active-filters {
        padding: 12px 16px;
        border-bottom: 1px solid #f0f0f0;
    }

    .versus-active-filters-content {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
    }

    .versus-active-filter-tag {
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 4px 10px;
        background: #f0f4f8;
        border-radius: 16px;
        font-size: 12px;
        color: #1e4d8b;
        cursor: pointer;
        transition: all 0.2s;
    }

    .versus-active-filter-tag:hover {
        background: #e2e8f0;
    }

    .versus-active-filter-tag i {
        font-size: 10px;
        color: #666;
    }

    .versus-filter-group-header {
        display: flex;
        align-items: center;
        gap: 10px;
    }

    .versus-filter-group-icon {
        width: 24px;
        height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #f0f4f8;
        border-radius: 6px;
        color: #1e4d8b;
    }

    .versus-property-section {
        margin: 12px 0;
        padding-right: 12px;
        border-right: 2px solid #f0f4f8;
    }

    .versus-property-title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 0;
        cursor: pointer;
        transition: all 0.2s;
    }

    .versus-property-title span {
        font-size: 13px;
        color: #666;
    }

    .versus-property-title i {
        font-size: 10px;
        color: #999;
        transition: transform 0.2s;
    }

    .versus-property-section.active .versus-property-title i {
        transform: rotate(180deg);
    }

    .versus-property-values {
        display: none;
        padding: 8px 0;
    }

    .versus-property-section.active .versus-property-values {
        display: block;
    }

    .versus-filter-items {
        max-height: 150px;
        overflow-y: auto;
        scrollbar-width: thin;
        scrollbar-color: #ccc #f1f1f1;
    }

    .versus-filter-items::-webkit-scrollbar {
        width: 4px;
    }

    .versus-filter-items::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
    }

    .versus-filter-items::-webkit-scrollbar-thumb {
        background: #ccc;
        border-radius: 4px;
    }

    .versus-filter-items::-webkit-scrollbar-thumb:hover {
        background: #999;
    }

    .versus-filter-show-more,
    .versus-filter-show-more-properties,
    .versus-filter-show-more-groups {
        display: block;
        width: 100%;
        padding: 8px;
        margin-top: 12px;
        background: #f8f9fa;
        border: 1px dashed #ddd;
        border-radius: 8px;
        color: #1e4d8b;
        font-size: 13px;
        cursor: pointer;
        transition: all 0.2s;
        text-align: center;
        font-weight: 500;
        box-shadow: 0 2px 4px rgba(0,0,0,0.02);
    }

    .versus-filter-show-more:hover,
    .versus-filter-show-more-properties:hover,
    .versus-filter-show-more-groups:hover {
        background: #f0f4f8;
        border-color: #1e4d8b;
        transform: translateY(-1px);
        box-shadow: 0 4px 8px rgba(0,0,0,0.05);
    }

    .versus-filter-show-more i,
    .versus-filter-show-more-properties i,
    .versus-filter-show-more-groups i {
        font-size: 11px;
    }

    .versus-filters-apply {
        background: #1e4d8b;
        color: white;
        border: none;
        padding: 12px;
        border-radius: 8px;
        font-weight: 600;
        cursor: pointer;
        transition: all 0.2s;
        box-shadow: 0 4px 12px rgba(30, 77, 139, 0.2);
    }

    .versus-filters-apply:hover {
        background: #153a6b;
        transform: translateY(-1px);
        box-shadow: 0 6px 16px rgba(30, 77, 139, 0.3);
    }

    /* Mobile Filter Drawer Styles */
    .versus-filter-drawer {
        position: fixed;
        top: 0;
        inset-inline-start: -100%;
        width: 100%;
        max-width: 320px;
        height: 100%;
        background: #fff;
        z-index: 9999;
        transition: inset-inline-start 0.3s cubic-bezier(0, 0, 0.2, 1);
        display: flex;
        flex-direction: column;
        box-shadow: 0 0 25px rgba(0,0,0,0.15);
    }

    .versus-filter-drawer.active {
        inset-inline-start: 0;
    }

    .versus-filter-drawer-header {
        padding: 20px;
        border-bottom: 1px solid #eee;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: #f8fbff;
    }

    .versus-filter-drawer-title {
        margin: 0;
        font-size: 18px;
        font-weight: 800;
        color: var(--versus-primary);
    }

    .versus-filter-drawer-close {
        background: none;
        border: none;
        padding: 5px;
        cursor: pointer;
        color: #666;
    }

    .versus-filter-drawer-content {
        flex: 1;
        overflow-y: auto;
        padding: 0;
        background: #fff;
    }

    .versus-filter-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.6);
        z-index: 9998;
        display: none;
        backdrop-filter: blur(3px);
    }

    .versus-filter-overlay.active {
        display: block;
    }

    /* Accessibility & Touch Targets */
    .versus-filter-item, 
    .versus-filter-title, 
    .versus-property-title {
        min-height: 44px; /* Apple/Google recommended minimum touch target */
        padding: 10px 0;
    }

    .versus-filter-label {
        font-size: 14px;
        line-height: 1.4;
    }

    .versus-filter-checkbox {
        width: 22px;
        height: 22px;
        flex-shrink: 0;
    }

    /* Hide drawer on desktop to prevent duplication */
    @media (min-width: 993px) {
        .versus-filter-drawer, .versus-filter-overlay {
            display: none !important;
        }
    }

    /* Responsive adjustments */
    @media (max-width: 992px) {
        .versus-mobile-filter-btn {
            display: flex;
            width: 100%;
            justify-content: center;
            padding: 14px;
            font-weight: 700;
            background: var(--versus-primary);
            color: #fff;
            border-radius: 12px;
            margin-bottom: 24px;
            border: none;
            box-shadow: 0 4px 12px rgba(30, 77, 139, 0.2);
        }
    }

</style>
    <script>
    function saveProductViewToLocalStorage() {

        const viewButtons = document.querySelectorAll('.versus-view-btn');
        const productsContainer = document.querySelector('.versus-category-products');

        const savedView = localStorage.getItem('productView') || 'list';
        productsContainer.classList.remove('versus-category-grid-view', 'versus-category-list-view');
        productsContainer.classList.add('versus-category-' + savedView + '-view');

        viewButtons.forEach(btn => {
            if (btn.dataset.view === savedView) {
                btn.classList.add('active');
            } else {
                btn.classList.remove('active');
            }
        });

        viewButtons.forEach(button => {
            button.addEventListener('click', function () {

                const view = this.dataset.view;
                productsContainer.classList.remove('versus-category-grid-view', 'versus-category-list-view');
                productsContainer.classList.add('versus-category-' + view + '-view');
                localStorage.setItem('productView', view);

                viewButtons.forEach(btn => {
                    btn.classList.remove('active');
                });
                this.classList.add('active');
            });
        });
    }
</script>
    <script>
    const selectedFilters = new Set();
    const selectedBrandFilters = new Set();
    const selectedCategoryFilters = new Set();
    const categoryData = {"uuid":"b67ea521-0d87-462a-bf81-c22d13f61adc","slug":"laptop-internal-hard-drives","icon":null,"categories":[],"brands":[],"specifications":[],"self_products":[],"all_products":[],"products":[],"media":{"images":[],"primary_image":null},"site_domain":"benzetme.com","title":"diz\u00fcst\u00fc bilgisayar\u0131n dahili sabit s\u00fcr\u00fcc\u00fcleri","description":"","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":"e372b94a-a782-405b-87bc-cbc71c850ad5","slug":"computer-accessories","title":"Bilgisayar Aksesuarlar\u0131","description":"","level":2,"is_main":true},{"uuid":"67ea69f8-6a7a-4196-840e-34bc351e388a","slug":"laptop-accessorie","title":"Laptop Aksesuarlar\u0131","description":"","level":3,"is_main":true},{"uuid":"b67ea521-0d87-462a-bf81-c22d13f61adc","slug":"laptop-internal-hard-drives","title":"diz\u00fcst\u00fc bilgisayar\u0131n dahili sabit s\u00fcr\u00fcc\u00fcleri","description":"","level":4,"is_main":false}],"main_category":"tech","link":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives","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":[]}}}}}},"article":{"id":30840,"language_id":3,"author_id":null,"uuid":"1a1c2fa9-9154-4f0e-8f70-10397ce77b97","type":"full_article","slug":null,"title":"diz\u00fcst\u00fc bilgisayar\u0131n dahili sabit s\u00fcr\u00fcc\u00fcleri","summary":null,"meta_title":null,"meta_description":null,"main_category_id":null,"news_category_id":null,"content":"\u003Ch3\u003EDiz\u00fcst\u00fc Bilgisayar Dahili Depolama \u00c7\u00f6z\u00fcmlerine Derinlemesine Bak\u0131\u015f\u003C\/h3\u003E\u003Ch2\u003EDepolama Teknolojilerinin Temelleri ve Kar\u015f\u0131la\u015ft\u0131rmas\u0131\u003C\/h2\u003E\u003Cp\u003EDiz\u00fcst\u00fc bilgisayarlar i\u00e7in dahili depolama \u00e7\u00f6z\u00fcmleri, genellikle HDD ve SSD olmak \u00fczere iki ana kategoriye ayr\u0131l\u0131r. Her bir teknolojinin kendine \u00f6zg\u00fc avantajlar\u0131 ve dezavantajlar\u0131 bulunmaktad\u0131r, bu da se\u00e7im yaparken dikkatli olmay\u0131 gerektirir.\u003C\/p\u003E\u003Ch3\u003ESabit Disk S\u00fcr\u00fcc\u00fcleri (HDD)\u003C\/h3\u003E\u003Cp\u003EHDD\u0027ler, verileri d\u00f6nen manyetik plakalar \u00fczerine okuma\/yazma kafalar\u0131 arac\u0131l\u0131\u011f\u0131yla kaydeden mekanik cihazlard\u0131r. Genellikle y\u00fcksek depolama kapasitesi sunmalar\u0131 ve birim maliyetlerinin d\u00fc\u015f\u00fck olmas\u0131yla bilinirler. \u00d6zellikle b\u00fcy\u00fck dosyalar\u0131 depolamas\u0131 gereken ve b\u00fct\u00e7e odakl\u0131 kullan\u0131c\u0131lar i\u00e7in cazip bir se\u00e7enek olabilirler. Ancak, mekanik yap\u0131lar\u0131 nedeniyle fiziksel darbelere kar\u015f\u0131 daha hassast\u0131rlar, daha yava\u015f okuma\/yazma h\u0131zlar\u0131na sahiptirler ve SSD\u0027lere g\u00f6re daha fazla g\u00fc\u00e7 t\u00fcketirler. Diz\u00fcst\u00fc bilgisayarlarda genellikle 5400 RPM veya 7200 RPM h\u0131zlar\u0131nda 2.5 in\u00e7 boyutunda HDD\u0027ler kullan\u0131l\u0131r.\u003C\/p\u003E\u003Ch3\u003EKat\u0131 Hal S\u00fcr\u00fcc\u00fcleri (SSD)\u003C\/h3\u003E\u003Cp\u003ESSD\u0027ler, hareketli par\u00e7alar\u0131 olmayan, NAND flash bellek yongalar\u0131n\u0131 kullanarak verileri depolayan elektronik cihazlard\u0131r. Bu \u00f6zellikleri sayesinde HDD\u0027lere k\u0131yasla \u00e7ok daha y\u00fcksek h\u0131zlar (i\u015fletim sistemi a\u00e7\u0131l\u0131\u015f\u0131, uygulama y\u00fckleme s\u00fcreleri), daha iyi dayan\u0131kl\u0131l\u0131k, sessiz \u00e7al\u0131\u015fma ve d\u00fc\u015f\u00fck g\u00fc\u00e7 t\u00fcketimi sunarlar. Y\u00fcksek performans arayan kullan\u0131c\u0131lar i\u00e7in idealdirler. \u0130lk \u00e7\u0131kt\u0131klar\u0131nda kapasite ba\u015f\u0131na maliyetleri olduk\u00e7a y\u00fcksek olsa da, g\u00fcn\u00fcm\u00fczde daha eri\u015filebilir hale gelmi\u015flerdir. Okuma\/yazma h\u0131zlar\u0131 HDD\u0027lere g\u00f6re kat kat daha fazlad\u0131r ve sistemin genel tepkiselli\u011fini \u00f6nemli \u00f6l\u00e7\u00fcde art\u0131r\u0131rlar.\u003C\/p\u003E\u003Ch3\u003EHibrit Sabit S\u00fcr\u00fcc\u00fcler (SSHD)\u003C\/h3\u003E\u003Cp\u003ESSHD\u0027ler, HDD\u0027nin y\u00fcksek kapasitesini ve SSD\u0027nin h\u0131z\u0131n\u0131 birle\u015ftirmeyi ama\u00e7layan bir teknolojidir. Genellikle b\u00fcy\u00fck bir HDD depolama alan\u0131na ve s\u0131k kullan\u0131lan verilere h\u0131zla eri\u015fim sa\u011flayan k\u00fc\u00e7\u00fck bir SSD \u00f6nbelle\u011fine sahiptirler. Bu \u00f6nbellek, i\u015fletim sistemi ve s\u0131k kullan\u0131lan uygulamalar\u0131 depolayarak genel sistem performans\u0131n\u0131 art\u0131r\u0131r. Maliyet ve performans aras\u0131nda denge arayanlar i\u00e7in makul bir se\u00e7enek olabilir.\u003C\/p\u003E\u003Ch2\u003EBa\u011flant\u0131 Aray\u00fczleri ve Form Fakt\u00f6rleri\u003C\/h2\u003E\u003Cp\u003EDahili sabit s\u00fcr\u00fcc\u00fclerin diz\u00fcst\u00fc bilgisayar\u0131n\u0131za nas\u0131l ba\u011fland\u0131\u011f\u0131 ve fiziksel \u015fekli, performans ve uyumluluk a\u00e7\u0131s\u0131ndan kritik \u00f6neme sahiptir.\u003C\/p\u003E\u003Ch3\u003ESATA (Serial ATA)\u003C\/h3\u003E\u003Cp\u003ESATA, hem HDD\u0027ler hem de 2.5 in\u00e7 form fakt\u00f6r\u00fcndeki SSD\u0027ler i\u00e7in standart bir aray\u00fczd\u00fcr. G\u00fcn\u00fcm\u00fczde en yayg\u0131n kullan\u0131lan versiyonu SATA III olup, 6 Gbps\u0027ye (yakla\u015f\u0131k 600 MB\/s) kadar teorik bant geni\u015fli\u011fi sunar. Eski nesil diz\u00fcst\u00fc bilgisayarlarda veya b\u00fct\u00e7e dostu sistemlerde hala yayg\u0131n olarak bulunmaktad\u0131r.\u003C\/p\u003E\u003Ch3\u003ENVMe (Non-Volatile Memory Express) M.2\u003C\/h3\u003E\u003Cp\u003ENVMe, \u00f6zellikle SSD\u0027ler i\u00e7in tasarlanm\u0131\u015f, PCIe (\u00c7evresel Bile\u015fen Ara Ba\u011flant\u0131s\u0131 Express) veri yolu \u00fczerinden \u00e7al\u0131\u015fan y\u00fcksek performansl\u0131 bir aray\u00fczd\u00fcr. Geleneksel SATA aray\u00fcz\u00fcne g\u00f6re \u00e7ok daha y\u00fcksek bant geni\u015fli\u011fi ve daha d\u00fc\u015f\u00fck gecikme s\u00fcreleri sunar. M.2 form fakt\u00f6r\u00fc ise ince ve k\u00fc\u00e7\u00fck bir kart \u015feklinde olup, modern diz\u00fcst\u00fc bilgisayarlarda yer kazanmak ve daha y\u00fcksek h\u0131zlar sunmak i\u00e7in kullan\u0131l\u0131r. NVMe M.2 SSD\u0027ler, tipik olarak 2000 MB\/s\u0027nin \u00fczerinde okuma\/yazma h\u0131zlar\u0131na ula\u015fabilir, baz\u0131 \u00fcst d\u00fczey modellerde bu h\u0131zlar 7000 MB\/s\u0027yi bile a\u015fabilir. Diz\u00fcst\u00fc bilgisayar\u0131n\u0131z\u0131n anakart\u0131n\u0131n M.2 yuvas\u0131 ve NVMe protokol\u00fcn\u00fc destekleyip desteklemedi\u011fini kontrol etmek \u00f6nemlidir.\u003C\/p\u003E\u003Ch2\u003EPerformans, Uyumluluk ve Y\u00fckseltme\u003C\/h2\u003E\u003Cp\u003EDahili s\u00fcr\u00fcc\u00fc se\u00e7imi yaparken, diz\u00fcst\u00fc bilgisayar\u0131n\u0131z\u0131n modeline ve anakart\u0131n\u0131n destekledi\u011fi aray\u00fczlere (SATA, NVMe) ve form fakt\u00f6rlerine (2.5 in\u00e7, M.2) dikkat etmek hayati \u00f6nem ta\u015f\u0131r. Yanl\u0131\u015f s\u00fcr\u00fcc\u00fc se\u00e7imi uyumsuzluk sorunlar\u0131na yol a\u00e7abilir. Ayr\u0131ca, s\u00fcr\u00fcc\u00fcn\u00fcn okuma\/yazma h\u0131zlar\u0131, IOPS (Giri\u015f\/\u00c7\u0131k\u0131\u015f \u0130\u015flemleri Saniye Ba\u015f\u0131na) de\u011ferleri, \u00f6nbellek boyutu ve kontrolc\u00fc tipi gibi teknik \u00f6zellikler de genel performans\u0131 etkiler. Mevcut depolama biriminizin performans\u0131n\u0131 y\u00fckseltmek amac\u0131yla bir HDD\u0027den SSD\u0027ye ge\u00e7i\u015f veya eski bir SATA SSD\u0027yi daha h\u0131zl\u0131 bir NVMe SSD ile de\u011fi\u015ftirmek, diz\u00fcst\u00fc bilgisayar\u0131n\u0131z\u0131n \u00f6mr\u00fcn\u00fc uzatman\u0131n ve verimlili\u011fini art\u0131rman\u0131n en etkili yollar\u0131ndan biridir. Y\u00fckseltme yapmadan \u00f6nce diz\u00fcst\u00fc bilgisayar\u0131n\u0131z\u0131n servis k\u0131lavuzunu veya \u00fcretici web sitesini kontrol ederek maksimum kapasite, uyumlu aray\u00fczler ve kurulum ad\u0131mlar\u0131 hakk\u0131nda bilgi edinmek \u00f6nemlidir.\u003C\/p\u003E","status":"published","published_at":null,"reading_time_minutes":4,"view_count":0,"created_at":"2026-02-08 15:33:00","updated_at":"2026-02-08 15:33:00","deleted_at":null,"pivot":{"category_id":3901,"article_id":30840},"metadata":[],"blog_category":null,"news_category":null},"blog_articles":[],"wiki_articles":[],"news_articles":[],"all_products_pagination":{"path":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives","to":null,"total":0,"from":null,"per_page":20,"last_page":1,"first_page_url":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives?page=1","current_page":1,"next_page_url":null,"prev_page_url":null,"last_page_url":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives?page=1"},"pagination":{"path":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives","to":null,"total":0,"from":null,"per_page":20,"last_page":1,"first_page_url":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives?page=1","current_page":1,"next_page_url":null,"prev_page_url":null,"last_page_url":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives?page=1"},"self_products_pagination":{"path":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives","to":null,"total":0,"from":null,"per_page":10,"last_page":1,"first_page_url":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives?category_products_pagination=1","current_page":1,"next_page_url":null,"prev_page_url":null,"last_page_url":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives?category_products_pagination=1"},"blog_articles_pagination":{"path":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives","to":null,"total":0,"from":null,"per_page":10,"last_page":1,"first_page_url":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives?page=1","current_page":1,"next_page_url":null,"prev_page_url":null,"last_page_url":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives?page=1"},"wiki_articles_pagination":{"path":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives","to":null,"total":0,"from":null,"per_page":10,"last_page":1,"first_page_url":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives?page=1","current_page":1,"next_page_url":null,"prev_page_url":null,"last_page_url":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives?page=1"},"news_articles_pagination":{"path":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives","to":null,"total":0,"from":null,"per_page":10,"last_page":1,"first_page_url":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives?page=1","current_page":1,"next_page_url":null,"prev_page_url":null,"last_page_url":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives?page=1"},"children":[],"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":"CollectionPage","@context":"https:\/\/schema.org","mainEntity":[]},{"@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\/computer-accessories","name":"Bilgisayar Aksesuarlar\u0131"}},{"@type":"ListItem","position":5,"item":{"@id":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie","name":"Laptop Aksesuarlar\u0131"}},{"@type":"ListItem","position":6,"item":{"@id":"https:\/\/benzetme.com\/tech\/computer-and-accessorie\/computer-accessories\/laptop-accessorie\/laptop-internal-hard-drives","name":"diz\u00fcst\u00fc bilgisayar\u0131n dahili sabit s\u00fcr\u00fcc\u00fcleri"}}]}]}};
    const brandsFilter = categoryData && categoryData.brands ? categoryData.brands : [];
    const currentBrand = null;

    // Auto-selection logic removed as per user request to avoid redundant filtering on Brand Page
    /*
    if (currentBrand && currentBrand.uuid && !new URLSearchParams(window.location.search).has('brand_uuids[]')) {
        selectedBrandFilters.add(JSON.stringify({
            group: 'brand',
            property: undefined,
            propertyTitle: 'Brand',
            value: currentBrand.title,
            id: currentBrand.uuid
        }));
    }
    */


    let currentModelUuid = null;

    function createFilterDrawer() {
        $(document).ready(function () {

            const filterDrawer = document.createElement('div');
            const filterOverlay = document.createElement('div');
            const filterBtn = document.getElementById('mobileFilterBtn');

            filterDrawer.className = 'versus-filter-drawer';
            filterDrawer.innerHTML = `
                <div class="versus-filter-drawer-header">
                    <h3 class="versus-filter-drawer-title">Filtreler</h3>
                    <button class="versus-filter-drawer-close">
                        <svg viewBox="0 0 24 24" width="24" height="24">
                            <path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                        </svg>
                    </button>
                </div>
                <div class="versus-filter-drawer-content">
                    ${(document.querySelector('.versus-filters-wrapper') || document.querySelector('.versus-sidebar')).outerHTML}
                </div>
            `;

            filterOverlay.className = 'versus-filter-overlay';

            document.body.appendChild(filterDrawer);
            document.body.appendChild(filterOverlay);

            filterBtn.addEventListener('click', () => {
                filterDrawer.classList.add('active');
                filterOverlay.classList.add('active');
                document.body.style.overflow = 'hidden';
            });

            const closeDrawer = () => {
                filterDrawer.classList.remove('active');
                filterOverlay.classList.remove('active');
                document.body.style.overflow = '';
            };

            filterDrawer.querySelector('.versus-filter-drawer-close').addEventListener('click', closeDrawer);
            filterOverlay.addEventListener('click', closeDrawer);

            const drawerFilters = filterDrawer.querySelectorAll('input[type="checkbox"]');
            const sidebarFilters = document.querySelectorAll('.versus-sidebar input[type="checkbox"]');

            drawerFilters.forEach((filter, index) => {
                filter.addEventListener('change', () => {
                    if (sidebarFilters[index]) {
                        sidebarFilters[index].checked = filter.checked;
                        // Trigger change on sidebar filter to sync state
                        sidebarFilters[index].dispatchEvent(new Event('change'));
                    }
                });
            });
        });
    }

    function handleFilterGroupToggle() {
        // Handled by delegated logic in initializeFilters
    }

    function handleFilterShowMore() {
        $(document).on('click', '.versus-filter-show-more-properties', function () {
            const container = $(this).closest('.versus-filter-content');
            container.find('.extra-property').removeClass('d-none');
            $(this).remove();
        });

        $(document).on('click', '.versus-filter-show-more-groups', function () {
            $('.extra-group').removeClass('d-none');
            $(this).closest('div').remove();
        });
    }

    function handleFilterCheckboxes() {

        const checkboxes = document.querySelectorAll('.versus-category-filter-checkbox');
        checkboxes.forEach(checkbox => {
            checkbox.addEventListener('click', function (e) {
                e.stopPropagation();
                this.classList.toggle('checked');
            });
        });
    }

    function handleFilterItemClick() {

        const filterItems = document.querySelectorAll('.versus-category-filter-item');
        filterItems.forEach(item => {
            item.addEventListener('click', function (e) {
                const checkbox = this.querySelector('.versus-category-filter-checkbox');
                checkbox.classList.toggle('checked');
            });
        });
    }

    function handleFilterClear() {

        const resetButton = document.querySelector('.versus-category-filter-reset');
        if (!resetButton) {
            return;
        }

        resetButton.addEventListener('click', function () {
            checkboxes.forEach(checkbox => checkbox.classList.remove('checked'));
        });
    }

    function handleBrandFilter() {

        const brandSearchInput = document.getElementById('brandSearchInput');
        const brandsList = document.getElementById('brandsList');
        const brandOptions = brandsList?.querySelectorAll('.versus-filter-option');

        if (!brandOptions?.length) {
            return;
        }

        let selectedBrands = new Set();

        brandSearchInput.addEventListener('input', function (e) {

            const searchTerm = e.target.value.trim().toLowerCase();
            brandOptions.forEach(option => {
                const brandName = option.querySelector('input').dataset.brandName.toLowerCase();
                if (brandName.includes(searchTerm)) {
                    option.style.display = '';
                } else {
                    option.style.display = 'none';
                }
            });

            const visibleOptions = [...brandOptions].filter(opt => opt.style.display !== 'none');
            if (visibleOptions.length === 0) {
                if (!brandsList.querySelector('.versus-no-results')) {
                    const noResults = document.createElement('div');
                    noResults.className = 'versus-no-results';
                    noResults.innerHTML = '<p>Bu isimle bir marka bulunamadı</p>';
                    brandsList.appendChild(noResults);
                }
            } else {
                const noResults = brandsList.querySelector('.versus-no-results');
                if (noResults) {
                    noResults.remove();
                }
            }
        });

        brandOptions.forEach(option => {
            const checkbox = option.querySelector('input[type="checkbox"]');

            if (checkbox.checked) {
                selectedBrands.add(checkbox.value);
            }

            checkbox.addEventListener('change', function () {
                if (this.checked) {
                    selectedBrands.add(this.value);
                } else {
                    selectedBrands.delete(this.value);
                }

                applyBrandFilter();
            });
        });

        function applyBrandFilter() {
            const productsContainer = document.querySelector('.versus-products');
            const products = productsContainer.querySelectorAll('.versus-product-card');

            if (selectedBrands.size === 0) {
                products.forEach(product => product.style.display = '');
                return;
            }

            products.forEach(product => {
                const brandSlug = product.dataset.brandSlug;
                if (selectedBrands.has(brandSlug)) {
                    product.style.display = '';
                } else {
                    product.style.display = 'none';
                }
            });
        }
    }

    function initializeCategoryFilters(propertyGroups) {
        const filterContainer = document.querySelector('.versus-filter-container');

        if (!filterContainer) {
            return;
        }

        if (!propertyGroups || propertyGroups.length === 0) {
            const noFiltersMessage = document.createElement('div');
            noFiltersMessage.className = 'versus-filter-empty';
            noFiltersMessage.textContent = 'Bu kategori için filtre bulunamadı';
            filterContainer.appendChild(noFiltersMessage);
            return;
        }

        propertyGroups.forEach(group => {
            if (!group.properties || group.properties.length === 0) return;

            const groupElement = document.createElement('div');
            groupElement.className = 'versus-filter-group';
            groupElement.innerHTML = `
                <div class="versus-filter-group-header">
                    <h3>${group.title || ''}</h3>
                    <button class="versus-filter-group-toggle">
                        <i class="fas fa-chevron-down"></i>
                    </button>
                </div>
                <div class="versus-filter-group-content">
                    ${group.properties.map(property => `
                        <div class="versus-filter-item">
                            <label>
                                <input type="checkbox" value="${property.value || ''}"
                                       data-property-id="${property.id || ''}"
                                       data-property-title="${property.title || ''}"
                                       data-group-id="${group.id || ''}"
                                       data-group-title="${group.title || ''}">
                                ${property.title || ''}
                            </label>
                        </div>
                    `).join('')}
                </div>
            `;
            filterContainer.appendChild(groupElement);
        });

        const clearAllButton = document.createElement('button');
        clearAllButton.className = 'versus-filter-clear-all';
        clearAllButton.textContent = 'Tüm Filtreleri Temizle';
        filterContainer.insertBefore(clearAllButton, filterContainer.firstChild);

        document.querySelectorAll('.versus-filter-group-toggle').forEach(toggle => {
            toggle.addEventListener('click', function () {
                const content = this.parentElement.nextElementSibling;
                const icon = this.querySelector('i');
                content.style.display = content.style.display === 'none' ? 'block' : 'none';
                icon.className = content.style.display === 'none' ? 'fas fa-chevron-down' : 'fas fa-chevron-up';
            });
        });

        clearAllButton.addEventListener('click', function () {
            document.querySelectorAll('.versus-filter-item input[type="checkbox"]').forEach(checkbox => {
                checkbox.checked = false;
            });
            applyFilters();
        });

        document.querySelectorAll('.versus-filter-item input[type="checkbox"]').forEach(checkbox => {
            checkbox.addEventListener('change', applyFilters);
        });
    }

    function initBrandsSearch() {
        // Initial render for all brand containers
        renderBrandsFilter();

        $(document).on('input', '.versus-filter-search-input', function () {
            const query = this.value.trim().toLowerCase();
            const container = $(this).closest('.versus-filter-content').find('.versus-filter-items.brands');

            container.find('.versus-filter-item.brand').each(function () {
                const brandValue = $(this).attr('data-value').toLowerCase();
                if (brandValue.includes(query)) {
                    $(this).removeClass('d-none');
                } else {
                    $(this).addClass('d-none');
                }
            });
        });
    }

    function renderBrandsFilter() {
        const containers = document.querySelectorAll('.versus-filter-items.brands');
        if (containers.length === 0) return;

        const html = brandsFilter.map(brand => {
            const isChecked = selectedBrandFilters.has(JSON.stringify({
                group: 'brand',
                property: undefined,
                propertyTitle: 'Brand',
                value: brand.title,
                id: brand.uuid
            }));

            return `<label class="versus-filter-item brand" data-value="${brand?.title}">
                        <input type="checkbox" value="${brand?.uuid}" ${isChecked ? 'checked' : ''}>
                        <span class="versus-filter-checkbox"></span>
                        <span class="versus-filter-label">${brand?.title}</span>
                    </label>`;
        }).join('');

        containers.forEach(container => {
            container.innerHTML = html;
        });
    }

    function applyFilters() {
        const selectedFilters = Array.from(document.querySelectorAll('.versus-filter-item input[type="checkbox"]:checked'))
            .map(checkbox => ({
                propertyId: checkbox.dataset.propertyId,
                propertyTitle: checkbox.dataset.propertyTitle,
                groupId: checkbox.dataset.groupId,
                groupTitle: checkbox.dataset.groupTitle,
                value: checkbox.value
            }));

        const products = document.querySelectorAll('.versus-category-product-card');

        products.forEach(product => {
            const productProperties = JSON.parse(product.dataset.properties || '[]');
            const matches = selectedFilters.length === 0 ||
                selectedFilters.every(filter => {
                    return productProperties.some(prop =>
                        prop.property_id === filter.propertyId &&
                        prop.value === filter.value
                    );
                });

            product.style.display = matches ? '' : 'none';
        });
    }

    function initializeFilters() {
        // Consolidated Toggle Logic using Delegation (Works for both Sidebar and Drawer)
        $(document).off('click', '.versus-filter-title').on('click', '.versus-filter-title', function () {
            const section = $(this).closest('.versus-filter-section');
            section.toggleClass('active');
        });

        $(document).off('click', '.versus-property-title').on('click', '.versus-property-title', function () {
            const section = $(this).closest('.versus-property-section');
            section.toggleClass('active');
        });

        // Initial setup for Sidebar
        $('.versus-filter-section').first().addClass('active');
        $('.versus-property-section').first().addClass('active');

        // Mobile Filter Buttons and Drawer UI
        const mobileFilterBtn = document.createElement('button');
        mobileFilterBtn.className = 'versus-mobile-filter-btn ';

        mobileFilterBtn.innerHTML = '<i class="fas fa-filter"></i> Filtreler';

        const content = document.querySelector('.versus-content');
        if (content && !document.querySelector('.versus-mobile-filter-btn')) {
            content.parentNode.insertBefore(mobileFilterBtn, content);
        }

        // Create Mobile Drawer (if not exists)
        if (!document.querySelector('.versus-filter-drawer')) {
            const drawer = document.createElement('div');
            drawer.className = 'versus-filter-drawer';
            const overlay = document.createElement('div');
            overlay.className = 'versus-filter-overlay';
            const sidebar = document.querySelector('.versus-sidebar');

            if (sidebar) {
                drawer.innerHTML = `
                    <div class="versus-filter-drawer-header">
                        <h3 class="versus-filter-drawer-title">Filtreler</h3>
                        <button class="versus-filter-drawer-close">
                            <svg viewBox="0 0 24 24" width="24" height="24">
                                <path d="M18 6L6 18M6 6l12 12" stroke="currentColor" stroke-width="2" stroke-linecap="round"/>
                            </svg>
                        </button>
                    </div>
                    <div class="versus-filter-drawer-content">
                        <div class="versus-sidebar-clone">
                            ${sidebar.innerHTML}
                        </div>
                    </div>
                `;

                document.body.appendChild(drawer);
                document.body.appendChild(overlay);

                const toggleDrawer = (active) => {
                    drawer.classList.toggle('active', active);
                    overlay.classList.toggle('active', active);
                    document.body.style.overflow = active ? 'hidden' : '';
                    if (active) {
                        // Ensure layout is refreshed
                        $(drawer).find('.versus-filter-drawer-content').scrollTop(0);
                    }
                };

                mobileFilterBtn.addEventListener('click', () => toggleDrawer(true));
                overlay.addEventListener('click', () => toggleDrawer(false));
                drawer.querySelector('.versus-filter-drawer-close').addEventListener('click', () => toggleDrawer(false));
            }
        }

        // Action Buttons Delegation (Mobile and Desktop)
        $(document).off('click', '.versus-filters-apply').on('click', '.versus-filters-apply', function () {
            if ($(this).closest('.versus-filter-drawer').length) {
                $('.versus-filter-drawer').removeClass('active');
                $('.versus-filter-overlay').removeClass('active');
                document.body.style.overflow = '';
            }
            updateActiveFilters(currentModelUuid);

            const toolbar = document.querySelector('.versus-toolbar');
            if (toolbar) {
                toolbar.scrollIntoView({ behavior: 'smooth' });
            }
        });

        $(document).off('click', '.versus-filters-clear').on('click', '.versus-filters-clear', function () {
            $('.versus-filter-item input[type="checkbox"]').prop('checked', false);
            $('.versus-price-input').val('');
            selectedFilters.clear();
            selectedBrandFilters.clear();
            refreshActiveFilterTags();
            updateActiveFilters(currentModelUuid);
        });
    }

    function slugify(text) {
        if (!text) return '';
        return text.toString().toLowerCase()
            .replace(/\s+/g, '-')
            .replace(/[^\u0600-\u06FFa-z0-9-]+/g, '') // Allow Persian chars and alphanumeric
            .replace(/--+/g, '-')
            .replace(/^-+/, '')
            .replace(/-+$/, '');
    }

    function generateFilterString(filters, brandFilters) {
        const params = new URLSearchParams();
        const grouped = {};

        // Group specification filters by Property UUID (filter.property)
        filters.forEach(filterKey => {
            const filter = JSON.parse(filterKey);
            // Use the Property UUID as the key
            const key = filter.property;
            if (!grouped[key]) grouped[key] = [];
            // Use the Value UUID
            grouped[key].push(filter.id);
        });

        // Loop through grouped specs and append params: spec_params[UUID][] = VALUE_UUID
        for (const [propUuid, valUuids] of Object.entries(grouped)) {
            valUuids.forEach(v => params.append(`spec_params[${propUuid}][]`, v));
        }

        // Handle Brands: brand_uuids[] = BRAND_UUID
        brandFilters.forEach(filterKey => {
            const filter = JSON.parse(filterKey);
            params.append('brand_uuids[]', filter.id);
        });

        return params.toString();
    }

    async function handleFilter(modelUuid, filters, brandFilters) {
        const searchResult = await searchProduct(getProductTitleFromQuery(), modelUuid, 1, generateFilterString(filters, brandFilters));
        renderProducts(searchResult, modelUuid);
        if (searchResult.specifications || searchResult.brands) {
            updateFiltersUI(searchResult);
        }
    }

    function getProductTitleFromQuery() {

        const params = new URLSearchParams(window.location.search);
        const productTitle = params.get('product_title');

        return productTitle ?? '';
    }

    function filterManagement(modelUuid) {

        currentModelUuid = modelUuid;
        const activeFiltersContainer = document.querySelector('.versus-active-filters');
        const activeFiltersContent = document.querySelector('.versus-active-filters-content');

        initGeneralFilters();
        initBrands();
        initCategories(); // Added initCategories
        handleSorting();
        syncFiltersFromURL();
        refreshActiveFilterTags();

        // Removed redundant event listeners that were causing conflicts with initializeFilters

        document.querySelector('.versus-filters-clear').addEventListener('click', () => {
            selectedFilters.clear();
            selectedBrandFilters.clear();
            selectedCategoryFilters.clear(); // Clear category filters
            document.querySelectorAll('.versus-filter-item input[type="checkbox"]').forEach(checkbox => {
                checkbox.checked = false;
            });
            updateActiveFilters(currentModelUuid);
        });

        function initGeneralFilters() {
            $(document).on('change', '.versus-filter-item:not(.brand):not(.category) input[type="checkbox"]', function () {
                const item = this.closest('.versus-filter-item');
                const filterData = {
                    group: item.dataset.group,
                    property: item.dataset.property,
                    propertyTitle: item.dataset.propertyTitle,
                    value: item.dataset.value,
                    id: this.value
                };
                const filterKey = JSON.stringify(filterData);

                if (this.checked) {
                    selectedFilters.add(filterKey);
                } else {
                    // Remove by matching ID since exact string might vary for some reason or we want to be safe
                    for (let key of selectedFilters) {
                        if (JSON.parse(key).id === this.value) {
                            selectedFilters.delete(key);
                            break;
                        }
                    }
                }

                // Keep checkboxes in sync between Sidebar and Drawer
                $(`.versus-filter-item input[value="${this.value}"]`).prop('checked', this.checked);

                // Update tags UI instantly in both views
                refreshActiveFilterTags();

                // Only trigger update/reload if NOT inside drawer (Desktop behavior)
                if (!$(this).closest('.versus-filter-drawer').length) {
                    updateActiveFilters(currentModelUuid);
                }
            });
        }

        function initBrands() {
            $(document).on('change', '.versus-filter-item.brand input[type="checkbox"]', function () {
                const item = this.closest('.versus-filter-item');
                const filterData = {
                    group: item.dataset.group,
                    property: item.dataset.property,
                    propertyTitle: item.dataset.propertyTitle,
                    value: item.dataset.value,
                    id: this.value
                };
                const filterKey = JSON.stringify(filterData);

                if (this.checked) {
                    selectedBrandFilters.add(filterKey);
                } else {
                    for (let key of selectedBrandFilters) {
                        if (JSON.parse(key).id === this.value) {
                            selectedBrandFilters.delete(key);
                            break;
                        }
                    }
                }

                // Sync
                $(`.versus-filter-item.brand input[value="${this.value}"]`).prop('checked', this.checked);

                // Update tags UI
                refreshActiveFilterTags();

                // Only trigger update if NOT inside drawer
                if (!$(this).closest('.versus-filter-drawer').length) {
                    updateActiveFilters(currentModelUuid);
                }
            });
        }

        function initCategories() {
            $(document).on('change', '.versus-filter-item.category input[type="checkbox"]', function () {
                const item = this.closest('.versus-filter-item');
                const filterData = {
                    group: 'category', // A generic group for categories
                    property: undefined, // Categories don't have properties in the same way specs do
                    propertyTitle: item.dataset.propertyTitle, // Should be 'Category'
                    value: item.dataset.value, // Category title
                    id: this.value // Category UUID
                };
                const filterKey = JSON.stringify(filterData);

                if (this.checked) {
                    selectedCategoryFilters.add(filterKey);
                } else {
                    for (let key of selectedCategoryFilters) {
                        if (JSON.parse(key).id === this.value) {
                            selectedCategoryFilters.delete(key);
                            break;
                        }
                    }
                }

                // Sync
                $(`.versus-filter-item.category input[value="${this.value}"]`).prop('checked', this.checked);

                // Update tags UI
                refreshActiveFilterTags();

                // Only trigger update if NOT inside drawer
                if (!$(this).closest('.versus-filter-drawer').length) {
                    updateActiveFilters(currentModelUuid);
                }
            });
        }
    }

    function handleSorting() {
        $(document).on('click', '.versus-sort-btn', function () {
            const sort = $(this).data('sort');
            const url = new URL(window.location.href);
            url.searchParams.set('order', sort);
            url.searchParams.set('page', '1'); // Reset to page 1 on sort change
            window.location.href = url.toString();
        });

        // Toggle dropdown on mobile
        $(document).on('click', '.versus-sort-dropdown-toggle', function (e) {
            e.stopPropagation();
            $(this).closest('.versus-sort-dropdown').toggleClass('active');
        });

        // Close dropdown when clicking outside
        $(document).on('click', function () {
            $('.versus-sort-dropdown').removeClass('active');
        });
    }

    function refreshActiveFilterTags() {
        const containers = document.querySelectorAll('.versus-active-filters');
        const contents = document.querySelectorAll('.versus-active-filters-content');

        if (contents.length === 0) return;

        contents.forEach(content => content.innerHTML = '');

        const allFiltersCount = selectedFilters.size + selectedBrandFilters.size + selectedCategoryFilters.size;

        if (allFiltersCount > 0) {
            containers.forEach(container => container.style.display = 'block');

            selectedFilters.forEach(filterKey => {
                const filter = JSON.parse(filterKey);
                contents.forEach(content => createActiveFilterTag(filter, selectedFilters, content));
            });

            selectedBrandFilters.forEach(filterKey => {
                const filter = JSON.parse(filterKey);
                contents.forEach(content => createActiveFilterTag(filter, selectedBrandFilters, content));
            });

            selectedCategoryFilters.forEach(filterKey => {
                const filter = JSON.parse(filterKey);
                contents.forEach(content => createActiveFilterTag(filter, selectedCategoryFilters, content));
            });
        } else {
            containers.forEach(container => container.style.display = 'none');
        }
    }

    function updateActiveFilters(modelUuid) {
        // Update URL and Trigger Reload for consistency
        const filterString = generateFilterString(selectedFilters, selectedBrandFilters, selectedCategoryFilters);
        const urlParams = new URLSearchParams(window.location.search);
        const currentOrder = urlParams.get('order');

        let finalFilterString = filterString;
        if (currentOrder) {
            finalFilterString += (finalFilterString ? '&' : '') + 'order=' + currentOrder;
        }

        updateURLFilters(finalFilterString, true);
    }
    function createActiveFilterTag(filterData, filterSet, targetContainer) {
        if (!targetContainer) return;

        const tag = document.createElement('div');
        tag.className = 'versus-active-filter-tag';
        tag.innerHTML = `
                <span>${filterData.value}</span>
                <i class="fas fa-times"></i>
            `;

        tag.addEventListener('click', () => {
            // Find the correct key in the set to delete
            for (let key of filterSet) {
                if (JSON.parse(key).id === filterData.id) {
                    filterSet.delete(key);
                    break;
                }
            }
            // Find and uncheck corresponding checkbox
            const checkboxes = document.querySelectorAll(`.versus-filter-item input[value="${filterData.id}"]`);
            checkboxes.forEach(cb => cb.checked = false);

            // Only trigger update if NOT inside drawer
            if (!$(targetContainer).closest('.versus-filter-drawer').length) {
                updateActiveFilters(currentModelUuid);
            } else {
                refreshActiveFilterTags();
            }
        });

        targetContainer.appendChild(tag);
    }


    function generateFilterString(filters, brandFilters, categoryFilters) {
        const params = new URLSearchParams();
        const grouped = {};

        // Group specification filters by Property UUID (filter.property)
        filters.forEach(filterKey => {
            const filter = JSON.parse(filterKey);
            const key = filter.property;
            if (!grouped[key]) grouped[key] = [];
            grouped[key].push(filter.id);
        });

        for (const [propUuid, valUuids] of Object.entries(grouped)) {
            valUuids.forEach(v => params.append(`spec_params[${propUuid}][]`, v));
        }

        // Handle Brands
        brandFilters.forEach(filterKey => {
            const filter = JSON.parse(filterKey);
            params.append('brand_uuids[]', filter.id);
        });

        // Handle Categories
        categoryFilters.forEach(filterKey => {
            const filter = JSON.parse(filterKey);
            params.append('category_id[]', filter.id);
        });

        return params.toString();
    }

    async function handleFilter(modelUuid, filters, brandFilters) {
        // Implementation for AJAX filters if needed
    }

    function syncFiltersFromURL() {
        const urlParams = new URLSearchParams(window.location.search);
        const allItems = Array.from(document.querySelectorAll('.versus-filter-item'));

        // 1. Handle Brand UUIDs
        const brandUuids = urlParams.getAll('brand_uuids[]');
        if (brandUuids.length > 0) {
            allItems.forEach(item => {
                if (item.classList.contains('brand')) {
                    const checkbox = item.querySelector('input');
                    if (checkbox && brandUuids.includes(checkbox.value)) {
                        checkbox.checked = true;
                        const filterData = {
                            group: 'brand',
                            property: undefined,
                            propertyTitle: item.dataset.propertyTitle || 'Brand',
                            value: item.dataset.value,
                            id: checkbox.value
                        };
                        selectedBrandFilters.add(JSON.stringify(filterData));

                        const filterSection = checkbox.closest('.versus-filter-section');
                        if (filterSection) {
                            filterSection.classList.add('active');
                            filterSection.classList.remove('d-none');
                        }
                    }
                }
            });
        }

        // 2. Handle Category IDs
        const categoryIds = urlParams.getAll('category_id[]');
        if (categoryIds.length > 0) {
            allItems.forEach(item => {
                if (item.classList.contains('category')) {
                    const checkbox = item.querySelector('input');
                    if (checkbox && categoryIds.includes(checkbox.value)) {
                        checkbox.checked = true;
                        const filterData = {
                            group: 'category',
                            property: undefined,
                            propertyTitle: item.dataset.propertyTitle || 'Category',
                            value: item.dataset.value,
                            id: checkbox.value
                        };
                        selectedCategoryFilters.add(JSON.stringify(filterData));

                        const filterSection = checkbox.closest('.versus-filter-section');
                        if (filterSection) {
                            filterSection.classList.add('active');
                            filterSection.classList.remove('d-none');
                        }
                    }
                }
            });
        }

        // 3. Handle Spec Params
        for (const [key, value] of urlParams.entries()) {
            if (key.startsWith('spec_params[')) {
                const matches = key.match(/spec_params\[([^\]]+)\]/);
                if (matches && matches[1]) {
                    const specUuid = matches[1];
                    const label = document.querySelector(`.versus-filter-item[data-property="${specUuid}"]`);
                    if (label) {
                        const checkbox = label.closest('.versus-property-section')?.querySelector(`input[value="${value}"]`) ||
                            label.querySelector(`input[value="${value}"]`);

                        if (checkbox && !checkbox.checked) {
                            checkbox.checked = true;
                            const propertySection = checkbox.closest('.versus-property-section');
                            const filterSection = checkbox.closest('.versus-filter-section');

                            if (propertySection) {
                                propertySection.classList.add('active');
                                propertySection.classList.remove('d-none');
                            }
                            if (filterSection) {
                                filterSection.classList.add('active');
                                filterSection.classList.remove('d-none');
                            }

                            const item = checkbox.closest('.versus-filter-item');
                            const filterData = {
                                group: item.dataset.group,
                                property: item.dataset.property,
                                propertyTitle: item.dataset.propertyTitle,
                                value: item.dataset.value,
                                id: checkbox.value
                            };
                            selectedFilters.add(JSON.stringify(filterData));
                        }
                    }
                }
            }
        }

        if (selectedFilters.size > 0 || selectedBrandFilters.size > 0 || selectedCategoryFilters.size > 0) {
            refreshActiveFilterTags();
        }
    }

    function updateFiltersUI(data) {
        const specifications = data.specifications || {};
        const brands = data.brands || [];

        // Reset counts and hide all specification items first
        document.querySelectorAll('.versus-filter-item:not(.brand)').forEach(item => {
            item.style.display = 'none';
        });

        // Show matching specifications and update counts
        Object.values(specifications).forEach(group => {
            Object.values(group.specifications).forEach(spec => {
                spec.specification_values.forEach(val => {
                    const checkbox = document.querySelector(`.versus-filter-item:not(.brand) input[value="${val.uuid}"]`);
                    if (checkbox) {
                        const item = checkbox.closest('.versus-filter-item');
                        const countEl = item.querySelector('.versus-filter-count');
                        if (countEl) countEl.innerText = `(${val.count})`;
                        item.style.display = 'flex';
                    }
                });
            });
        });

        // Handle Brands Dynamic UI
        if (brands.length > 0) {
            document.querySelectorAll('.versus-filter-item.brand').forEach(item => {
                const checkbox = item.querySelector('input');
                const brandExists = brands.some(b => b.uuid === checkbox.value);
                item.style.display = brandExists ? 'flex' : 'none';
            });
        }

        // Hide empty sections and groups
        document.querySelectorAll('.versus-property-section').forEach(section => {
            const visibleItems = Array.from(section.querySelectorAll('.versus-filter-item')).filter(i => i.style.display !== 'none');
            section.style.display = visibleItems.length > 0 ? 'block' : 'none';
        });

        document.querySelectorAll('.versus-filter-section').forEach(group => {
            const visibleSections = Array.from(group.querySelectorAll('.versus-property-section, .versus-filter-item.brand')).filter(s => s.style.display !== 'none');
            group.style.display = visibleSections.length > 0 ? 'block' : 'none';
        });
    }
</script>    <script>

    let isBrand = false;

    function clearAllFilters() {

        selectedFilters.clear();
        selectedBrandFilters.clear();
        document.querySelectorAll('.versus-filter-item input[type="checkbox"]').forEach(checkbox => {
            checkbox.checked = false;
        });
        document.querySelector('.versus-active-filters-content').innerHTML = '';
    }

    async function searchProduct(query, modelUuid, page = 1, filterParams = '') {
        try {
            const filterName = (isBrand ? 'brand_uuid' : 'category_uuid');
            let params = `search_page=${page}`;
            if (modelUuid) {
                params += `&${filterName}=${modelUuid}`
            }
            if (filterParams) {
                params += `&${filterParams}`
            }

            query = (query ?? '');

            updateURLParameter('product_title', query);

            let url = `/search/${encodeURIComponent(query)}?${params}`;
            if (typeof window.searchUrlBuilder === 'function') {
                url = window.searchUrlBuilder(query, params);
            }

            const response = await fetch(url, {
                headers: {
                    'X-Requested-With': 'XMLHttpRequest',
                    'Accept': 'application/json'
                }
            });

            if (!response.ok) {
                throw new Error(`Hata HTTP: ${response.status}`);
            }

            return await response.json();
        } catch (error) {
            console.error('Arama hatası:', error);
        }
    }

    function updateURLParameter(key, value) {
        const url = new URL(window.location.href);
        if (value === null || value === '') {
            url.searchParams.delete(key);
        } else {
            url.searchParams.set(key, value);
        }
        window.history.replaceState({}, '', url);
    }

    function updateURLFilters(filterString, reload = false) {
        const url = new URL(window.location.href);
        const searchParams = new URLSearchParams(filterString);

        // Remove existing filter-like params
        // We consider anything not in safe keys as a filter
        const safeKeys = ['q', 'page', 'product_title', 'search_page', 'category_uuid', 'brand_uuid', 'order', 'view'];
        const keysToRemove = [];
        for (const key of url.searchParams.keys()) {
            const cleanKey = key.replace('[]', '');
            if (!safeKeys.includes(cleanKey)) {
                keysToRemove.push(key);
            }
        }
        keysToRemove.forEach(key => url.searchParams.delete(key));

        // Add new ones
        for (const [key, value] of searchParams.entries()) {
            url.searchParams.append(key, value);
        }

        if (reload) {
            window.location.href = url.toString();
        } else {
            window.history.replaceState({}, '', url);
        }
    }

    function handleSearchInput(modelUuid, brandPage = false) {

        isBrand = brandPage;
        const searchInput = document.getElementById('categorySearch');
        let searchTimeout;

        searchInput.addEventListener('input', function (e) {
            const searchTerm = e.target.value.trim();
            clearAllFilters();
            clearTimeout(searchTimeout);
            searchTimeout = setTimeout(async () => {

                const data = await searchProduct(searchTerm, modelUuid, 1);
                renderProducts(data, modelUuid);
            }, 500);
        });
    }

    function handleSubmitSearchForm(modelUuid, filterParams = '') {

        if (!modelUuid) {
            return;
        }

        document.getElementById('searchForm')?.addEventListener('submit', async (e) => {
            e.preventDefault();
            clearAllFilters();
            const data = await searchProduct(
                document.getElementById('categorySearch').value.trim(),
                modelUuid,
                1,
                filterParams
            );

            renderProducts(data, modelUuid);
        });
    }

    function renderProducts(data = {}, modelUuid, append = false) {
        const containerSelector = '.versus-category-products'
        const container = document.querySelector(containerSelector);
        if (!container) return;

        if (!append) {
            container.innerHTML = '';
        }

        // Handle Laravel Resource structure (data.products.data) or simple array (data.products)
        const productsRaw = (data?.products?.data) ? data.products.data : (data?.products || []);
        const products = Array.isArray(productsRaw) ? productsRaw : [];
        const pagination = data?.pagination || data?.all_products_pagination;

        if (pagination) {
            updateLoadMoreButton(pagination);
        }

        if (!append && (!products || products.length === 0)) {
            container.innerHTML = `
            <div class="versus-category-no-products">
                <svg viewBox="0 0 24 24">
                    <path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10
                        10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
                          fill="none" stroke="currentColor" stroke-width="2"/>
                </svg>
                <p>${data?.language_config?.common?.no_products_found || 'No products found'}</p>
            </div>
        `;
            return;
        }

        products.forEach(product => {
            const productEl = document.createElement('div');
            productEl.className = 'versus-category-product-card';
            productEl.dataset.properties = JSON.stringify(product?.specifications_text || {});

            const categorySlug = product?.category?.slug || '';
            const mainCategorySlug = product?.main_category || '';
            const image = product?.media?.primary_image || product?.image || '-';
            const title = product?.title || '';
            const link = product?.link || '#';
            const price = product?.formatted_price || product?.price || null;
            const currency = product?.from_currency || '';
            const score = product?.scores || { stars: 0, average: 0, count: 0 };

            productEl.innerHTML = categoryProductBox(product, title, image, categorySlug, link, score, price, mainCategorySlug, currency);
            container.appendChild(productEl);
        });
    }

    async function handleChangePage(link, page, modelUuid) {

        const match = link.match(/\/search\/([^/?#]+)/);
        const slug = match ? decodeURIComponent(match[1]) : null;
        updateURLParameter('page', page);
        clearAllFilters();
        const data = await searchProduct(
            slug,
            modelUuid,
            page
        );

        renderProducts(data, modelUuid);
    }

    function updateLoadMoreButton(pagination) {
        const btn = document.getElementById('loadMoreBtn');
        const container = document.querySelector('.versus-load-more-container');

        if (!pagination.next_page_url) {
            if (container) container.style.display = 'none';
            return;
        }

        if (!btn) {
            // If button doesn't exist (e.g. filtered results now have multiple pages)
            const paginationDiv = document.querySelector('.versus-pagination');
            if (paginationDiv) {
                paginationDiv.innerHTML = `
                    <div class="versus-load-more-container">
                        <button class="versus-load-more-btn" 
                                id="loadMoreBtn" 
                                data-next-page="${pagination.current_page + 1}"
                                data-last-page="${pagination.last_page}">
                            Daha Fazla
                        </button>
                    </div>
                `;
                initLoadMoreListener();
            }
        } else {
            if (container) container.style.display = 'flex';
            btn.dataset.nextPage = pagination.current_page + 1;
            btn.dataset.lastPage = pagination.last_page;
            btn.classList.remove('loading');
            btn.innerText = 'Daha Fazla';
        }
    }

    function initLoadMoreListener() {
        const btn = document.getElementById('loadMoreBtn');
        if (!btn) return;

        // Remove old listener if any (by cloning)
        const newBtn = btn.cloneNode(true);
        btn.parentNode.replaceChild(newBtn, btn);

        newBtn.addEventListener('click', async function () {
            const page = this.dataset.nextPage;
            const modelUuid = document.getElementById('category_uuid')?.value;

            this.classList.add('loading');
            this.innerText = 'Loading...';

            const filterParams = generateFilterString(selectedFilters, selectedBrandFilters);
            const data = await searchProduct(document.getElementById('categorySearch')?.value, modelUuid, page, filterParams);

            renderProducts(data, modelUuid, true);
        });
    }

    document.addEventListener('DOMContentLoaded', initLoadMoreListener);

    async function updateProductsViaAjax(modelUuid) {
        const urlParams = new URLSearchParams(window.location.search);
        const page = urlParams.get('page') ?? 1;
        const productTitle = urlParams.get('product_title') ?? '';

        const filterParams = new URLSearchParams(window.location.search);
        filterParams.delete('page');
        filterParams.delete('product_title');
        filterParams.delete('category_uuid');
        filterParams.delete('brand_uuid');

        const data = await searchProduct(
            productTitle,
            modelUuid,
            page,
            filterParams.toString()
        );

        renderProducts(data, modelUuid);
    }

    function categoryProductBox(product, title, image, categorySlug, link, score, price, mainCategorySlug, currency = '') {
        const starRating = score?.stars || 0;
        const scoreAvg = score?.average || 0;
        const scoreCount = score?.count || 0;

        let starsHtml = '';
        for (let i = 1; i <= 5; i++) {
            starsHtml += `
            <svg class="versus-category-star ${i <= starRating ? 'active' : ''}" viewBox="0 0 24 24">
                <path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z" fill="currentColor"/>
            </svg>`;
        }

        const priceHtml = price ? `
            <div class="versus-category-product-actions">
                <span class="versus-category-price">
                    ${price} ${currency}
                </span>
            </div>` : '';

        // Safely extract specifications list
        let propsHtml = '';
        const specs = product.specifications_text || {};
        let groupCount = 0;
        for (const [groupUuid, group] of Object.entries(specs)) {
            if (groupCount >= 6) break;
            const groupSpecs = group.specifications || {};
            const specValues = Object.values(groupSpecs);
            if (specValues.length > 0) {
                const firstSpec = specValues[0];
                let label = firstSpec.value?.text || firstSpec.value || '';

                if (typeof label === 'string') {
                    const lowerLabel = label.trim().toLowerCase();
                    if (lowerLabel === 'true') {
                        label = window.langData?.common?.yes || 'Yes';
                    } else if (lowerLabel === 'false') {
                        label = window.langData?.common?.no || 'No';
                    }
                }

                if (label && label !== '-') {
                    propsHtml += `
                        <li class="versus-category-prop">
                            <span class="versus-category-prop-icon">
                                <i class="${group.class || 'fas fa-info-circle'} text-body" style="font-size: 1rem"></i>
                            </span>
                            <div class="versus-category-prop-value">${label}</div>
                        </li>`;
                    groupCount++;
                }
            }
        }

        if (!propsHtml) {
            propsHtml = `
                <li class="versus-category-prop">
                    <span class="versus-category-prop-icon">
                        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 32 32">
                            <path d="M16 4c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12z"></path>
                        </svg>
                    </span>
                    <div class="versus-category-prop-value">${window.langData?.common?.no_data_available || 'No data'}</div>
                </li>`;
        }

        return `
            <button class="versus-add-to-compare" data-product-id="${product.slug}"
                    data-product-title="${title}"
                    data-product-image="${image}"
                    data-product-category="${categorySlug}"
                    data-product-main-category="${mainCategorySlug}">
                 <span class="versus-add-icon">
                    <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 1024 1024" height="20" width="20" xmlns="http://www.w3.org/2000/svg">
                        <path d="M482 152h60q8 0 8 8v704q0 8-8 8h-60q-8 0-8-8V160q0-8 8-8Z"></path>
                        <path d="M192 474h672q8 0 8 8v60q0 8-8 8H160q-8 0-8-8v-60q0-8 8-8Z"></path>
                    </svg>
                 </span>
            </button>
            <div class="versus-category-product-top">
                <div class="versus-category-product-image">
                    <a href="${link}">
                        <img src="${image}" alt="${title}" loading="lazy">
                    </a>
                </div>
                <div class="versus-category-product-info">
                    <h3 class="versus-category-product-title">
                        <a href="${link}">${title}</a>
                    </h3>
                    <ul class="versus-category-product-props">
                        ${propsHtml}
                    </ul>
                </div>
            </div>
            <div class="versus-category-product-bottom">
                <div class="versus-category-product-score">
                    <div class="versus-category-score-stars">${starsHtml}</div>
                    <div class="versus-category-score-value">${scoreAvg}</div>
                    ${scoreCount ? `<div class="versus-category-score-label">${scoreCount} ${window.langData?.common?.vote || 'votes'}</div>` : ''}
                </div>
                ${priceHtml}
            </div>`;
    }

</script>    <script>
    // تابع برای بررسی اینکه آیا المان در دید کاربر است
    function isElementInViewport(el) {
        const rect = el.getBoundingClientRect();
        return (
            rect.top >= 0 &&
            rect.left >= 0 &&
            rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
            rect.right <= (window.innerWidth || document.documentElement.clientWidth)
        );
    }

    function addScrollListenerToArticleContentBox() {
        // گرفتن المان article_content_box
        const articleContentBox = document.getElementById('article_content_box');

        if (articleContentBox) {
            let wasInViewport = false;

            // اضافه کردن event listener برای اسکرول
            window.addEventListener('scroll', function () {
                const isInView = isElementInViewport(articleContentBox);

                if (isInView && !wasInViewport) {
                    wasInViewport = true;
                } else if (!isInView && wasInViewport) {
                    wasInViewport = false;
                }
            });

            // بررسی اولیه در هنگام لود صفحه
            if (isElementInViewport(articleContentBox)) {
                wasInViewport = true;
            }
        }
    }
</script>

            </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/computer-and-accessorie/computer-accessories/laptop-accessorie/laptop-internal-hard-drives">
                                Persian (فارسی)
                            </a></li>
                                                                    <li><a href="https://vswizard.com/tech/computer-and-accessorie/computer-accessories/laptop-accessorie/laptop-internal-hard-drives">
                                English
                            </a></li>
                                                                    <li><a href="https://benzetme.com/tech/computer-and-accessorie/computer-accessories/laptop-accessorie/laptop-internal-hard-drives">
                                Turkish (Türkçe)
                            </a></li>
                                                                    <li><a href="https://yuqarin.com/tech/computer-and-accessorie/computer-accessories/laptop-accessorie/laptop-internal-hard-drives">
                                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/product-compare.js"></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>
</body>
</html>