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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .product-info {
        padding: 1.5rem;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .imagePlaceholder::after {
        display: none;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    /* بنفش */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    margin: 0;
    }

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

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

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

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

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

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

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

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

    @media (max-width: 768px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    }

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

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

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

    @media (max-width: 1200px) {

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

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

    @media (max-width: 992px) {

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

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

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

        .col-auto {
            display: none;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

    @media (max-width: 992px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    @media (min-width: 992px) {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        preloadIcons();
        preloadProductImages();

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

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

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

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

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

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

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

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

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

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

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

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

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

        highlightSimilarValues();
    });


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

    document.addEventListener('DOMContentLoaded', function() {
        window.comparison = {"uuid":"1e70a9e4-48f8-4aa7-8558-8731365a6d4a","status":null,"entity_type":"comparison","rating":{"count":0,"total":0,"average":0,"stars":0},"site_domain":"yuqarin.com","uuid_list":["8f1b601e-fca5-452b-87f1-f36ebdc647c4","b810cc73-e099-4682-8344-9f9acb5c582e"],"slug_list":["jbl-bar-20-all-in-one","snowa-ssb-b400"],"title_list":["Jbl Bar 20 All In One","Snowa Ssb B400"],"parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"main_category":"tech","menu":{"ed79da54-94e9-4eed-9433-b81211ec50a3":{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"link":"https:\/\/yuqarin.com\/tech","blog_link":"https:\/\/yuqarin.com\/tech\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/wiki","news_link":"https:\/\/yuqarin.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":"\u0627\u0644\u0647\u0648\u0627\u062a\u0641 \u0627\u0644\u0645\u062d\u0645\u0648\u0644\u0629 \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0644\u0648\u062d\u064a\u0629","description":"","link":"https:\/\/yuqarin.com\/tech\/mobile-tablet","blog_link":"https:\/\/yuqarin.com\/tech\/mobile-tablet\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/mobile-tablet\/wiki","news_link":"https:\/\/yuqarin.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":"\u0627\u0644\u062c\u0648\u0627\u0644","description":"","link":"https:\/\/yuqarin.com\/tech\/mobile","blog_link":"https:\/\/yuqarin.com\/tech\/mobile\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/mobile\/wiki","news_link":"https:\/\/yuqarin.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":"\u062c\u0647\u0627\u0632 \u0644\u0648\u062d\u064a (Tablet)","description":"","link":"https:\/\/yuqarin.com\/tech\/tablet","blog_link":"https:\/\/yuqarin.com\/tech\/tablet\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/tablet\/wiki","news_link":"https:\/\/yuqarin.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":"\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0627\u0644\u062c\u0648\u0627\u0644 \u0648\u0627\u0644\u062a\u0627\u0628\u0644\u062a","description":"","link":"https:\/\/yuqarin.com\/tech\/mobile-tablet-accessorie","blog_link":"https:\/\/yuqarin.com\/tech\/mobile-tablet-accessorie\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/mobile-tablet-accessorie\/wiki","news_link":"https:\/\/yuqarin.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":"\u0634\u0627\u062d\u0646 \u0645\u062a\u0646\u0642\u0644 (Powerbank)","description":"","link":"https:\/\/yuqarin.com\/tech\/powerbank","blog_link":"https:\/\/yuqarin.com\/tech\/powerbank\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/powerbank\/wiki","news_link":"https:\/\/yuqarin.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":"\u0643\u0627\u0628\u0644\u0627\u062a \u0627\u0644\u0634\u062d\u0646 \u0648\u0627\u0644\u0645\u062d\u0648\u0644\u0627\u062a","description":"","link":"https:\/\/yuqarin.com\/tech\/charger","blog_link":"https:\/\/yuqarin.com\/tech\/charger\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/charger\/wiki","news_link":"https:\/\/yuqarin.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":"\u0643\u0627\u0628\u0644 \u0634\u062d\u0646","description":"","link":"https:\/\/yuqarin.com\/tech\/charge-cable","blog_link":"https:\/\/yuqarin.com\/tech\/charge-cable\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/charge-cable\/wiki","news_link":"https:\/\/yuqarin.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":"\u0623\u062c\u0647\u0632\u0629 \u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0643\u062a\u0628 \u0627\u0644\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0629","description":"","link":"https:\/\/yuqarin.com\/tech\/ebook-reader","blog_link":"https:\/\/yuqarin.com\/tech\/ebook-reader\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/ebook-reader\/wiki","news_link":"https:\/\/yuqarin.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":"\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0648\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a\u0647","description":"","link":"https:\/\/yuqarin.com\/tech\/computer-and-accessorie","blog_link":"https:\/\/yuqarin.com\/tech\/computer-and-accessorie\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/computer-and-accessorie\/wiki","news_link":"https:\/\/yuqarin.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":"\u0644\u0627\u0628\u062a\u0648\u0628\u0627\u062a","description":"","link":"https:\/\/yuqarin.com\/tech\/laptop","blog_link":"https:\/\/yuqarin.com\/tech\/laptop\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/laptop\/wiki","news_link":"https:\/\/yuqarin.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":"\u0627\u0644\u062d\u0648\u0627\u0633\u064a\u0628 \u0648\u0627\u0644\u0645\u0644\u062d\u0642\u0627\u062a","description":"","link":"https:\/\/yuqarin.com\/tech\/cpu","blog_link":"https:\/\/yuqarin.com\/tech\/cpu\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/cpu\/wiki","news_link":"https:\/\/yuqarin.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":"\u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0627\u0644\u0645\u062d\u0645\u0648\u0644","description":"","link":"https:\/\/yuqarin.com\/tech\/vga","blog_link":"https:\/\/yuqarin.com\/tech\/vga\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/vga\/wiki","news_link":"https:\/\/yuqarin.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":"\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631","description":"","link":"https:\/\/yuqarin.com\/tech\/computer-accessories","blog_link":"https:\/\/yuqarin.com\/tech\/computer-accessories\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/computer-accessories\/wiki","news_link":"https:\/\/yuqarin.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":"\u0645\u062d\u0648\u0644\u0627\u062a \u0648\u062f\u0648\u0646\u062c\u0644","description":"","link":"https:\/\/yuqarin.com\/tech\/dongle-converter","blog_link":"https:\/\/yuqarin.com\/tech\/dongle-converter\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/dongle-converter\/wiki","news_link":"https:\/\/yuqarin.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":"\u0643\u0627\u0628\u0644\u0627\u062a HDMI","description":"","link":"https:\/\/yuqarin.com\/tech\/hdmi-cable","blog_link":"https:\/\/yuqarin.com\/tech\/hdmi-cable\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/hdmi-cable\/wiki","news_link":"https:\/\/yuqarin.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":"\u0643\u0627\u0645\u064a\u0631\u0627\u062a \u0627\u0644\u0648\u064a\u0628","description":"","link":"https:\/\/yuqarin.com\/tech\/webcam","blog_link":"https:\/\/yuqarin.com\/tech\/webcam\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/webcam\/wiki","news_link":"https:\/\/yuqarin.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":"\u0625\u0643\u0633\u0633\u0648\u0627\u0631\u0627\u062a \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628","description":"","link":"https:\/\/yuqarin.com\/tech\/laptop-accessorie","blog_link":"https:\/\/yuqarin.com\/tech\/laptop-accessorie\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/laptop-accessorie\/wiki","news_link":"https:\/\/yuqarin.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":"\u0645\u0628\u0631\u062f\u0627\u062a \u0627\u0644\u0644\u0627\u0628\u062a\u0648\u0628","description":"","link":"https:\/\/yuqarin.com\/tech\/laptop-cooler","blog_link":"https:\/\/yuqarin.com\/tech\/laptop-cooler\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/laptop-cooler\/wiki","news_link":"https:\/\/yuqarin.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":"\u0648\u0633\u0627\u062f\u0629 \u0627\u0644\u0641\u0623\u0631\u0629","description":"","link":"https:\/\/yuqarin.com\/tech\/mouse-pad","blog_link":"https:\/\/yuqarin.com\/tech\/mouse-pad\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/mouse-pad\/wiki","news_link":"https:\/\/yuqarin.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":"\u0634\u0627\u0634\u0627\u062a \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631","description":"","link":"https:\/\/yuqarin.com\/tech\/monitor","blog_link":"https:\/\/yuqarin.com\/tech\/monitor\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/monitor\/wiki","news_link":"https:\/\/yuqarin.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":"\u0623\u062c\u0647\u0632\u0629 \u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0635\u063a\u064a\u0631\u0629","description":"","link":"https:\/\/yuqarin.com\/tech\/mini-pc","blog_link":"https:\/\/yuqarin.com\/tech\/mini-pc\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/mini-pc\/wiki","news_link":"https:\/\/yuqarin.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":"\u0627\u0644\u0634\u0627\u0634\u0627\u062a","description":"","link":"https:\/\/yuqarin.com\/tech\/motherboard","blog_link":"https:\/\/yuqarin.com\/tech\/motherboard\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/motherboard\/wiki","news_link":"https:\/\/yuqarin.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":"\u0627\u0644\u062d\u0648\u0627\u0633\u064a\u0628 \u0627\u0644\u0635\u063a\u064a\u0631\u0629","description":"","link":"https:\/\/yuqarin.com\/tech\/case","blog_link":"https:\/\/yuqarin.com\/tech\/case\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/case\/wiki","news_link":"https:\/\/yuqarin.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":"\u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0645\u0643\u062a\u0628\u064a","description":"","link":"https:\/\/yuqarin.com\/tech\/desktop-computer","blog_link":"https:\/\/yuqarin.com\/tech\/desktop-computer\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/desktop-computer\/wiki","news_link":"https:\/\/yuqarin.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":"\u0623\u0646\u0638\u0645\u0629 \u0627\u0644\u062a\u0628\u0631\u064a\u062f","description":"","link":"https:\/\/yuqarin.com\/tech\/coolers","blog_link":"https:\/\/yuqarin.com\/tech\/coolers\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/coolers\/wiki","news_link":"https:\/\/yuqarin.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":"\u0635\u0646\u0627\u062f\u064a\u0642 \u0627\u0644\u0643\u0645\u0628\u064a\u0648\u062a\u0631","description":"","link":"https:\/\/yuqarin.com\/tech\/cpu-cooler","blog_link":"https:\/\/yuqarin.com\/tech\/cpu-cooler\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/cpu-cooler\/wiki","news_link":"https:\/\/yuqarin.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":"\u0645\u0631\u0627\u0648\u062d \u0627\u0644\u062a\u0628\u0631\u064a\u062f","description":"","link":"https:\/\/yuqarin.com\/tech\/liquid-cooling","blog_link":"https:\/\/yuqarin.com\/tech\/liquid-cooling\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/liquid-cooling\/wiki","news_link":"https:\/\/yuqarin.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":"\u0645\u0628\u0631\u062f\u0627\u062a \u0627\u0644\u0645\u0639\u0627\u0644\u062c","description":"","link":"https:\/\/yuqarin.com\/tech\/case-fan","blog_link":"https:\/\/yuqarin.com\/tech\/case-fan\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/case-fan\/wiki","news_link":"https:\/\/yuqarin.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":"\u0645\u062c\u0645\u0648\u0639\u0627\u062a \u0644\u0648\u062d\u0629 \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d \u0648\u0627\u0644\u0645\u0627\u0648\u0633","description":"","link":"https:\/\/yuqarin.com\/tech\/keyboard-mouse","blog_link":"https:\/\/yuqarin.com\/tech\/keyboard-mouse\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/keyboard-mouse\/wiki","news_link":"https:\/\/yuqarin.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":"\u0645\u0627\u0648\u0633\u0627\u062a","description":"","link":"https:\/\/yuqarin.com\/tech\/mouse","blog_link":"https:\/\/yuqarin.com\/tech\/mouse\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/mouse\/wiki","news_link":"https:\/\/yuqarin.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":"\u0644\u0648\u062d\u0627\u062a \u0627\u0644\u0645\u0641\u0627\u062a\u064a\u062d","description":"","link":"https:\/\/yuqarin.com\/tech\/keyboard","blog_link":"https:\/\/yuqarin.com\/tech\/keyboard\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/keyboard\/wiki","news_link":"https:\/\/yuqarin.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":"\u0623\u062c\u0647\u0632\u0629 \u0643\u0645\u0628\u064a\u0648\u062a\u0631 \u0627\u0644\u0643\u0644 \u0641\u064a \u0648\u0627\u062d\u062f","description":"","link":"https:\/\/yuqarin.com\/tech\/all-in-one","blog_link":"https:\/\/yuqarin.com\/tech\/all-in-one\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/all-in-one\/wiki","news_link":"https:\/\/yuqarin.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":"\u0648\u062d\u062f\u0627\u062a \u062a\u062e\u0632\u064a\u0646 \u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a","description":"","link":"https:\/\/yuqarin.com\/tech\/hdd","blog_link":"https:\/\/yuqarin.com\/tech\/hdd\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/hdd\/wiki","news_link":"https:\/\/yuqarin.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":"\u0623\u0642\u0631\u0627\u0635 SSD","description":"","link":"https:\/\/yuqarin.com\/tech\/ssd","blog_link":"https:\/\/yuqarin.com\/tech\/ssd\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/ssd\/wiki","news_link":"https:\/\/yuqarin.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":"\u0633\u0648\u0627\u0642\u0629 \u0636\u0648\u0626\u064a\u0629","description":"","link":"https:\/\/yuqarin.com\/tech\/optical-drive","blog_link":"https:\/\/yuqarin.com\/tech\/optical-drive\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/optical-drive\/wiki","news_link":"https:\/\/yuqarin.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":"\u0641\u0644\u0627\u0634 \u0645\u064a\u0645\u0648\u0631\u064a","description":"","link":"https:\/\/yuqarin.com\/tech\/flash-memory","blog_link":"https:\/\/yuqarin.com\/tech\/flash-memory\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/flash-memory\/wiki","news_link":"https:\/\/yuqarin.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":"\u0628\u0637\u0627\u0642\u0627\u062a \u0627\u0644\u0630\u0627\u0643\u0631\u0629","description":"","link":"https:\/\/yuqarin.com\/tech\/memory-card","blog_link":"https:\/\/yuqarin.com\/tech\/memory-card\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/memory-card\/wiki","news_link":"https:\/\/yuqarin.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":"\u0627\u0644\u0630\u0627\u0643\u0631\u0629","description":"","link":"https:\/\/yuqarin.com\/tech\/memory","blog_link":"https:\/\/yuqarin.com\/tech\/memory\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/memory\/wiki","news_link":"https:\/\/yuqarin.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":"\u0648\u062d\u062f\u0627\u062a \u062a\u0632\u0648\u064a\u062f \u0627\u0644\u0637\u0627\u0642\u0629 (PSU)","description":"","link":"https:\/\/yuqarin.com\/tech\/power-supply","blog_link":"https:\/\/yuqarin.com\/tech\/power-supply\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/power-supply\/wiki","news_link":"https:\/\/yuqarin.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":"\u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627\u062a \u0648\u0627\u0644\u0641\u064a\u062f\u064a\u0648 \u0648\u0627\u0644\u0635\u0648\u0631","description":"","link":"https:\/\/yuqarin.com\/tech\/cameras-photo-video","blog_link":"https:\/\/yuqarin.com\/tech\/cameras-photo-video\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/cameras-photo-video\/wiki","news_link":"https:\/\/yuqarin.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":"\u0643\u0627\u0645\u064a\u0631\u0627\u062a \u0627\u0644\u062a\u0635\u0648\u064a\u0631","description":"","link":"https:\/\/yuqarin.com\/tech\/camera","blog_link":"https:\/\/yuqarin.com\/tech\/camera\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/camera\/wiki","news_link":"https:\/\/yuqarin.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":"\u0639\u062f\u0633\u0627\u062a \u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627","description":"","link":"https:\/\/yuqarin.com\/tech\/lens","blog_link":"https:\/\/yuqarin.com\/tech\/lens\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/lens\/wiki","news_link":"https:\/\/yuqarin.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":"\u0645\u0644\u062d\u0642\u0627\u062a \u0627\u0644\u0643\u0627\u0645\u064a\u0631\u0627 \u0648\u0627\u0644\u0635\u0648\u0631 \u0648\u0627\u0644\u0641\u064a\u062f\u064a\u0648","description":"","link":"https:\/\/yuqarin.com\/tech\/camera-video-accessorie","blog_link":"https:\/\/yuqarin.com\/tech\/camera-video-accessorie\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/camera-video-accessorie\/wiki","news_link":"https:\/\/yuqarin.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":"\u0642\u0627\u0631\u0626 \u0628\u0637\u0627\u0642\u0629 \u0627\u0644\u0630\u0627\u0643\u0631\u0629 SD \u0644\u0644\u0643\u0627\u0645\u064a\u0631\u0627","description":"","link":"https:\/\/yuqarin.com\/tech\/card-reader","blog_link":"https:\/\/yuqarin.com\/tech\/card-reader\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/card-reader\/wiki","news_link":"https:\/\/yuqarin.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":"\u0627\u0644\u0633\u0627\u0639\u0627\u062a \u0648\u0627\u0644\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0642\u0627\u0628\u0644\u0629 \u0644\u0644\u0627\u0631\u062a\u062f\u0627\u0621","description":"","link":"https:\/\/yuqarin.com\/tech\/wearables","blog_link":"https:\/\/yuqarin.com\/tech\/wearables\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/wearables\/wiki","news_link":"https:\/\/yuqarin.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":"\u0623\u062c\u0647\u0632\u0629 \u0627\u0644\u0645\u0648\u062f\u0645 \u0648\u0627\u0644\u0634\u0628\u0643\u0627\u062a","description":"","link":"https:\/\/yuqarin.com\/tech\/modem-router","blog_link":"https:\/\/yuqarin.com\/tech\/modem-router\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/modem-router\/wiki","news_link":"https:\/\/yuqarin.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":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/wiki","news_link":"https:\/\/yuqarin.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":"\u0645\u0643\u0628\u0631\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","link":"https:\/\/yuqarin.com\/tech\/speaker","blog_link":"https:\/\/yuqarin.com\/tech\/speaker\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/speaker\/wiki","news_link":"https:\/\/yuqarin.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":"\u0633\u0645\u0627\u0639\u0627\u062a \u0627\u0644\u0631\u0623\u0633","description":"","link":"https:\/\/yuqarin.com\/tech\/headphone","blog_link":"https:\/\/yuqarin.com\/tech\/headphone\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphone\/wiki","news_link":"https:\/\/yuqarin.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":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","link":"https:\/\/yuqarin.com\/tech\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/soundbar\/wiki","news_link":"https:\/\/yuqarin.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":"\u0645\u064a\u0643\u0631\u0648\u0641\u0648\u0646\u0627\u062a","description":"","link":"https:\/\/yuqarin.com\/tech\/microphone","blog_link":"https:\/\/yuqarin.com\/tech\/microphone\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/microphone\/wiki","news_link":"https:\/\/yuqarin.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":"\u0635\u0646\u062f\u0648\u0642 \u0623\u0646\u062f\u0631\u0648\u064a\u062f","description":"","link":"https:\/\/yuqarin.com\/tech\/android-box","blog_link":"https:\/\/yuqarin.com\/tech\/android-box\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/android-box\/wiki","news_link":"https:\/\/yuqarin.com\/tech\/android-box\/news","level":2,"sort_order":0,"is_active":true,"sub":[]}}}}}},"products_slug":"jbl-bar-20-all-in-one-vs-snowa-ssb-b400","link":"https:\/\/yuqarin.com\/tech\/jbl-bar-20-all-in-one-vs-snowa-ssb-b400","products_title":"Jbl Bar 20 All In One \u0645\u0639 Snowa Ssb B400","brands":[{"uuid":"a71f24d9-3c0c-426f-9512-0d4ca1704aa9","slug":"jbl","is_active":true,"title":"\u062c\u064a \u0628\u064a \u0625\u0644","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/jbl"},{"uuid":"049cde44-201f-48a8-9df6-7538e75b6c71","slug":"snowa","is_active":true,"title":"\u0633\u0646\u0648\u0648\u0627","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/snowa"}],"images":{"8f1b601e-fca5-452b-87f1-f36ebdc647c4":[{"uuid":"8f1b601e-fca5-452b-87f1-f36ebdc647c4","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"b810cc73-e099-4682-8344-9f9acb5c582e":[{"uuid":"b810cc73-e099-4682-8344-9f9acb5c582e","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/b810cc73-e099-4682-8344-9f9acb5c582e.jpeg","is_active":true,"is_default":true,"entity_type":"product"}]},"specifications":[{"values":["2.0 \u0642\u0646\u0627\u0629",null],"title":"\u0646\u0648\u0639 \u0646\u0638\u0627\u0645 \u0627\u0644\u0635\u0648\u062a","group":"\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629","sort_order":0,"group_sort_order":0},{"values":["",""],"title":"\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0644\u0644\u0625\u062e\u0631\u0627\u062c (RMS)","group":"\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629","sort_order":0,"group_sort_order":0},{"values":["70-20000 \u0647\u0631\u062a\u0632 (hz)",null],"title":"\u0646\u0637\u0627\u0642 \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u062a\u0631\u062f\u062f","group":"\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629","sort_order":0,"group_sort_order":0},{"values":["false","false"],"title":"\u0645\u0636\u062e\u0645 \u0627\u0644\u0635\u0648\u062a","group":"\u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0648\u0627\u0644\u0645\u0631\u0626\u064a\u0629","sort_order":0,"group_sort_order":0},{"values":["true","true"],"title":"\u062f\u0639\u0645 \u0627\u0644\u0628\u0644\u0648\u062a\u0648\u062b","group":"\u0627\u0644\u0625\u062a\u0635\u0627\u0644\u0627\u062a","sort_order":0,"group_sort_order":0},{"values":["",null],"title":"\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0628\u0644\u0648\u062a\u0648\u062b \u0627\u0644\u0645\u062a\u0627\u062d","group":"\u0627\u0644\u0625\u062a\u0635\u0627\u0644\u0627\u062a","sort_order":0,"group_sort_order":0},{"values":["58 * 90 * 614 \u0645\u0644\u064a\u0645\u062a\u0631 (mm)",null],"title":"\u0623\u0628\u0639\u0627\u062f \u0648\u0645\u0642\u0627\u0633\u0627\u062a \u0627\u0644\u0633\u0645\u0627\u0639\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","group":"\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629","sort_order":0,"group_sort_order":0},{"values":["1.61 \u0643\u064a\u0644\u0648\u062c\u0631\u0627\u0645 (kg)",null],"title":"\u0648\u0632\u0646 \u0627\u0644\u0645\u0646\u062a\u062c","group":"\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629","sort_order":0,"group_sort_order":0},{"values":[null,"\u0628\u0644\u0627\u0633\u062a\u064a\u0643"],"title":"\u0645\u0627\u062f\u0629 \u0627\u0644\u0647\u064a\u0643\u0644","group":"\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629","sort_order":0,"group_sort_order":0},{"values":[null,"\u0634\u0627\u0634\u0629 LED"],"title":"\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u062e\u0631\u0649","group":"\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629","sort_order":0,"group_sort_order":0}],"products":[{"sku":null,"uuid":"8f1b601e-fca5-452b-87f1-f36ebdc647c4","is_active":true,"slug":"jbl-bar-20-all-in-one","category_pin":0,"faqs":[],"comments":[],"brand":{"uuid":"a71f24d9-3c0c-426f-9512-0d4ca1704aa9","slug":"jbl","is_active":true,"title":"\u062c\u064a \u0628\u064a \u0625\u0644","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/jbl"},"category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"price":null,"from_price":null,"from_currency":"$","main_category":"tech","media":{"images":[{"uuid":"8f1b601e-fca5-452b-87f1-f36ebdc647c4","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"},"scores":{"count":1,"total":0,"average":0,"stars":0},"rating":{"count":1,"total":0,"average":0,"stars":0},"title":"Jbl Bar 20 All In One","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"description":"done","short_description":"","specifications_text":{"1de36018-4153-4244-97a4-e876f4c45ee8":{"specifications":[{"uuid":"a1c5f6ce-0b38-49f5-86f2-d2e81b32bbbe","data_type":"text","separator":null,"sort_order":0,"title":"\u0646\u0648\u0639 \u0646\u0638\u0627\u0645 \u0627\u0644\u0635\u0648\u062a","help_text":"","description":"","articles":[],"value":{"uuid":"4dd79c28-72ac-42c6-b564-138cd7169a14","date_value":null,"text":"2.0 \u0642\u0646\u0627\u0629","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"b99bad56-f408-4677-9a78-df476fcdee40","data_type":"text","separator":null,"sort_order":0,"title":"\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0644\u0644\u0625\u062e\u0631\u0627\u062c (RMS)","help_text":"","description":"","articles":[],"value":{"uuid":"068f1845-4698-4721-8497-6216c790d879","date_value":null,"text":"","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"a6d01e5c-2aca-490b-a73d-ceaa3778922e","data_type":"text","separator":null,"sort_order":0,"title":"\u0646\u0637\u0627\u0642 \u0627\u0633\u062a\u062c\u0627\u0628\u0629 \u0627\u0644\u062a\u0631\u062f\u062f","help_text":"","description":"","articles":[],"value":{"uuid":"03c5d0b4-dd46-4479-95c8-d9961e605685","date_value":null,"text":"70-20000 \u0647\u0631\u062a\u0632 (hz)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-square-check","sort_order":0,"group_title":"\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629"},"7438a837-c3d7-42c4-8dc3-d08168c13111":{"specifications":[{"uuid":"c3ee86aa-d25b-4310-8c2e-dfe24b17bc5d","data_type":"text","separator":null,"sort_order":0,"title":"\u0645\u0636\u062e\u0645 \u0627\u0644\u0635\u0648\u062a","help_text":"","description":"","articles":[],"value":{"uuid":"830d7a69-630d-4c7c-84df-84355a733013","date_value":null,"text":"false","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-volume-high","sort_order":0,"group_title":"\u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0648\u0627\u0644\u0645\u0631\u0626\u064a\u0629"},"d2ffb00b-83ff-4afd-bec2-c963262395bf":{"specifications":[{"uuid":"01c24174-425d-4e1b-99ad-c9ed87ca7053","data_type":"text","separator":null,"sort_order":0,"title":"\u062f\u0639\u0645 \u0627\u0644\u0628\u0644\u0648\u062a\u0648\u062b","help_text":"","description":"","articles":[],"value":{"uuid":"4248275c-42ce-4315-84d2-a15a6fef2b0c","date_value":null,"text":"true","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"c3f04b10-818c-496b-a1a0-e569094dd2b0","data_type":"text","separator":null,"sort_order":0,"title":"\u0625\u0635\u062f\u0627\u0631 \u0627\u0644\u0628\u0644\u0648\u062a\u0648\u062b \u0627\u0644\u0645\u062a\u0627\u062d","help_text":"","description":"","articles":[],"value":{"uuid":"d5193c48-1e32-4ceb-83be-9505133192d3","date_value":null,"text":"","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-ethernet","sort_order":0,"group_title":"\u0627\u0644\u0625\u062a\u0635\u0627\u0644\u0627\u062a"},"1ebceb0b-eae6-4f2a-adf1-a2526c59ead3":{"specifications":[{"uuid":"b4e6ec2e-7b07-401b-9d48-16c0df560930","data_type":"text","separator":null,"sort_order":0,"title":"\u0623\u0628\u0639\u0627\u062f \u0648\u0645\u0642\u0627\u0633\u0627\u062a \u0627\u0644\u0633\u0645\u0627\u0639\u0629 \u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","help_text":"","description":"","articles":[],"value":{"uuid":"61e41d40-dad8-451c-a746-2bb642fd794e","date_value":null,"text":"58 * 90 * 614 \u0645\u0644\u064a\u0645\u062a\u0631 (mm)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-eye","sort_order":0,"group_title":"\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629"},"703af4bb-6271-49bf-9465-c7d8884eac38":{"specifications":[{"uuid":"d8f3888e-56af-4b3a-90b6-af48a0532fbf","data_type":"text","separator":null,"sort_order":0,"title":"\u0648\u0632\u0646 \u0627\u0644\u0645\u0646\u062a\u062c","help_text":"","description":"","articles":[],"value":{"uuid":"20c48856-be38-4a65-8c4c-02161fd87a5f","date_value":null,"text":"1.61 \u0643\u064a\u0644\u0648\u062c\u0631\u0627\u0645 (kg)","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-square-check","sort_order":0,"group_title":"\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629"}},"link":"https:\/\/yuqarin.com\/tech\/jbl-bar-20-all-in-one","created_at":"2025-08-15","updated_at":"2025-12-10"},{"sku":null,"uuid":"b810cc73-e099-4682-8344-9f9acb5c582e","is_active":true,"slug":"snowa-ssb-b400","category_pin":0,"faqs":[],"comments":[],"brand":{"uuid":"049cde44-201f-48a8-9df6-7538e75b6c71","slug":"snowa","is_active":true,"title":"\u0633\u0646\u0648\u0648\u0627","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/snowa"},"category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"price":null,"from_price":null,"from_currency":"$","main_category":"tech","media":{"images":[{"uuid":"b810cc73-e099-4682-8344-9f9acb5c582e","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/b810cc73-e099-4682-8344-9f9acb5c582e.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/b810cc73-e099-4682-8344-9f9acb5c582e.jpeg"},"scores":{"count":1,"total":0,"average":0,"stars":0},"rating":{"count":1,"total":0,"average":0,"stars":0},"title":"Snowa Ssb B400","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"description":"done","short_description":"","specifications_text":{"1de36018-4153-4244-97a4-e876f4c45ee8":{"specifications":[{"uuid":"b99bad56-f408-4677-9a78-df476fcdee40","data_type":"text","separator":null,"sort_order":0,"title":"\u0627\u0644\u0642\u062f\u0631\u0629 \u0627\u0644\u0641\u0639\u0644\u064a\u0629 \u0644\u0644\u0625\u062e\u0631\u0627\u062c (RMS)","help_text":"","description":"","articles":[],"value":{"uuid":"2b9325f0-a24d-40c2-af11-5ec11e8a6e87","date_value":null,"text":"","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-square-check","sort_order":0,"group_title":"\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u0641\u0646\u064a\u0629"},"7438a837-c3d7-42c4-8dc3-d08168c13111":{"specifications":[{"uuid":"c3ee86aa-d25b-4310-8c2e-dfe24b17bc5d","data_type":"text","separator":null,"sort_order":0,"title":"\u0645\u0636\u062e\u0645 \u0627\u0644\u0635\u0648\u062a","help_text":"","description":"","articles":[],"value":{"uuid":"830d7a69-630d-4c7c-84df-84355a733013","date_value":null,"text":"false","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-volume-high","sort_order":0,"group_title":"\u0627\u0644\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a\u064a\u0629 \u0648\u0627\u0644\u0645\u0631\u0626\u064a\u0629"},"d2ffb00b-83ff-4afd-bec2-c963262395bf":{"specifications":[{"uuid":"01c24174-425d-4e1b-99ad-c9ed87ca7053","data_type":"text","separator":null,"sort_order":0,"title":"\u062f\u0639\u0645 \u0627\u0644\u0628\u0644\u0648\u062a\u0648\u062b","help_text":"","description":"","articles":[],"value":{"uuid":"4248275c-42ce-4315-84d2-a15a6fef2b0c","date_value":null,"text":"true","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-ethernet","sort_order":0,"group_title":"\u0627\u0644\u0625\u062a\u0635\u0627\u0644\u0627\u062a"},"1ebceb0b-eae6-4f2a-adf1-a2526c59ead3":{"specifications":[{"uuid":"8cbeb3fd-f54e-49c4-a04c-4032966b1ec7","data_type":"text","separator":null,"sort_order":0,"title":"\u0645\u0627\u062f\u0629 \u0627\u0644\u0647\u064a\u0643\u0644","help_text":"","description":"","articles":[],"value":{"uuid":"7fd3d1d6-c0e7-4690-9d91-b8d43067dc86","date_value":null,"text":"\u0628\u0644\u0627\u0633\u062a\u064a\u0643","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}},{"uuid":"15661b21-40e1-40b9-b943-28223647284d","data_type":"text","separator":null,"sort_order":0,"title":"\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u062a\u0635\u0645\u064a\u0645 \u0627\u0644\u0623\u062e\u0631\u0649","help_text":"","description":"","articles":[],"value":{"uuid":"f83c8df4-2549-450e-9959-def38c9f6d4f","date_value":null,"text":"\u0634\u0627\u0634\u0629 LED","numeric_value":null,"boolean_value":null,"datetime_value":null,"description":null,"articles":[],"unit":null}}],"class":"fa-solid fa-eye","sort_order":0,"group_title":"\u0627\u0644\u0645\u064a\u0632\u0627\u062a \u0627\u0644\u062c\u0645\u0627\u0644\u064a\u0629"}},"link":"https:\/\/yuqarin.com\/tech\/snowa-ssb-b400","created_at":"2025-08-15","updated_at":"2025-12-10"}],"faqs":[],"comments":[],"faqs_pagination":{"path":"https:\/\/yuqarin.com\/tech\/jbl-bar-20-all-in-one-vs-snowa-ssb-b400","to":null,"total":0,"from":null,"per_page":3,"last_page":1,"first_page_url":"https:\/\/yuqarin.com\/tech\/jbl-bar-20-all-in-one-vs-snowa-ssb-b400?product_faqs_pagination=1","current_page":1,"next_page_url":null,"prev_page_url":null,"last_page_url":"https:\/\/yuqarin.com\/tech\/jbl-bar-20-all-in-one-vs-snowa-ssb-b400?product_faqs_pagination=1"},"comments_pagination":{"path":"https:\/\/yuqarin.com\/tech\/jbl-bar-20-all-in-one-vs-snowa-ssb-b400","to":null,"total":0,"from":null,"per_page":3,"last_page":1,"first_page_url":"https:\/\/yuqarin.com\/tech\/jbl-bar-20-all-in-one-vs-snowa-ssb-b400?product_comments_pagination=1","current_page":1,"next_page_url":null,"prev_page_url":null,"last_page_url":"https:\/\/yuqarin.com\/tech\/jbl-bar-20-all-in-one-vs-snowa-ssb-b400?product_comments_pagination=1"},"related_product":[{"entity_type":"product","sku":null,"uuid":"4bbc8baa-d4ea-4805-9922-93c35a292557","is_active":true,"media":{"images":[{"uuid":"4bbc8baa-d4ea-4805-9922-93c35a292557","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/4bbc8baa-d4ea-4805-9922-93c35a292557.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/4bbc8baa-d4ea-4805-9922-93c35a292557.jpeg"},"main_category":"tech","slug":"monster-sb100","title":"Monster Sb100","site_domain":"yuqarin.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/yuqarin.com\/tech\/monster-sb100","category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"4b3bfaa6-5b0d-4e04-b6f0-0a71d074d3a6","slug":"monster","is_active":true,"title":"\u0645\u0648\u0646\u0633\u062a\u0631","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/monster"}},{"entity_type":"product","sku":null,"uuid":"9b5ceb27-587d-4d41-8da3-2ce2d3eb8959","is_active":true,"media":{"images":[{"uuid":"9b5ceb27-587d-4d41-8da3-2ce2d3eb8959","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/9b5ceb27-587d-4d41-8da3-2ce2d3eb8959.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/9b5ceb27-587d-4d41-8da3-2ce2d3eb8959.jpeg"},"main_category":"tech","slug":"gplus-gso-k624en","title":"Gplus Gso K624En","site_domain":"yuqarin.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/yuqarin.com\/tech\/gplus-gso-k624en","category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"0a09b525-5994-4fad-86da-b7252c085e6f","slug":"gplus","is_active":true,"title":"\u062c\u064a \u0628\u0644\u0633","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/gplus"}},{"entity_type":"product","sku":null,"uuid":"64e7ca34-1a3f-401b-a87e-76e0478ef6c7","is_active":true,"media":{"images":[{"uuid":"64e7ca34-1a3f-401b-a87e-76e0478ef6c7","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/64e7ca34-1a3f-401b-a87e-76e0478ef6c7.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/64e7ca34-1a3f-401b-a87e-76e0478ef6c7.jpeg"},"main_category":"tech","slug":"awei-y999","title":"Awei Y999","site_domain":"yuqarin.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/yuqarin.com\/tech\/awei-y999","category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"5836d211-8c25-47d7-9b8f-55abba6ddec8","slug":"awei","is_active":true,"title":"\u0627\u064a\u0648\u064a","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/awei"}},{"entity_type":"product","sku":null,"uuid":"15c07211-11cb-4aac-bd7a-c4c75869ee71","is_active":true,"media":{"images":[{"uuid":"15c07211-11cb-4aac-bd7a-c4c75869ee71","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/15c07211-11cb-4aac-bd7a-c4c75869ee71.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/15c07211-11cb-4aac-bd7a-c4c75869ee71.jpeg"},"main_category":"tech","slug":"awei-y998","title":"Awei Y998","site_domain":"yuqarin.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/yuqarin.com\/tech\/awei-y998","category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"5836d211-8c25-47d7-9b8f-55abba6ddec8","slug":"awei","is_active":true,"title":"\u0627\u064a\u0648\u064a","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/awei"}},{"entity_type":"product","sku":null,"uuid":"b073a551-26d8-41d4-8a65-ffcc1cf008a3","is_active":true,"media":{"images":[{"uuid":"b073a551-26d8-41d4-8a65-ffcc1cf008a3","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/b073a551-26d8-41d4-8a65-ffcc1cf008a3.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/b073a551-26d8-41d4-8a65-ffcc1cf008a3.jpeg"},"main_category":"tech","slug":"hiska-b202","title":"Hiska B202","site_domain":"yuqarin.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/yuqarin.com\/tech\/hiska-b202","category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"eda0ffb9-47d4-430d-b000-20b3cfe6a16d","slug":"hiska","is_active":true,"title":"\u0647\u064a\u0633\u0643\u0627","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/hiska"}},{"entity_type":"product","sku":null,"uuid":"a8df571f-f587-437c-a7ce-41684b1eb613","is_active":true,"media":{"images":[{"uuid":"a8df571f-f587-437c-a7ce-41684b1eb613","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/a8df571f-f587-437c-a7ce-41684b1eb613.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/a8df571f-f587-437c-a7ce-41684b1eb613.jpeg"},"main_category":"tech","slug":"redragon-gs815-janna","title":"Redragon Gs815 Janna","site_domain":"yuqarin.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/yuqarin.com\/tech\/redragon-gs815-janna","category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"fccffbdd-f767-4eda-af90-a6295bc43d63","slug":"redragon","is_active":true,"title":"\u0631\u064a\u062f\u0631\u0627\u062c\u0648\u0646","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/redragon"}},{"entity_type":"product","sku":null,"uuid":"fb3768e4-5ff2-4425-8feb-b5089a9e530f","is_active":true,"media":{"images":[{"uuid":"fb3768e4-5ff2-4425-8feb-b5089a9e530f","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/fb3768e4-5ff2-4425-8feb-b5089a9e530f.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/fb3768e4-5ff2-4425-8feb-b5089a9e530f.jpeg"},"main_category":"tech","slug":"xiaomi-jiekemi-s301","title":"Xiaomi Jiekemi S301","site_domain":"yuqarin.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/yuqarin.com\/tech\/xiaomi-jiekemi-s301","category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"b398d7d5-96c4-4306-991c-d745b51d9617","slug":"xiaomi","is_active":true,"title":"\u0634\u0627\u0648\u0645\u064a","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/xiaomi"}},{"entity_type":"product","sku":null,"uuid":"ac79e49a-9833-4b65-88f7-8b8b5e73bace","is_active":true,"media":{"images":[{"uuid":"ac79e49a-9833-4b65-88f7-8b8b5e73bace","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/ac79e49a-9833-4b65-88f7-8b8b5e73bace.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/ac79e49a-9833-4b65-88f7-8b8b5e73bace.jpeg"},"main_category":"tech","slug":"genius-usb-soundbar-100","title":"Genius Usb Soundbar 100","site_domain":"yuqarin.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/yuqarin.com\/tech\/genius-usb-soundbar-100","category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"d60ecacb-b36d-4dd7-aef2-093755f2a5b4","slug":"genius","is_active":true,"title":"\u062c\u064a\u0646\u064a\u0648\u0633","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/genius"}},{"entity_type":"product","sku":null,"uuid":"fe8ec274-7a8c-479b-a544-a1743cdab3ee","is_active":true,"media":{"images":[{"uuid":"fe8ec274-7a8c-479b-a544-a1743cdab3ee","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/fe8ec274-7a8c-479b-a544-a1743cdab3ee.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/fe8ec274-7a8c-479b-a544-a1743cdab3ee.jpeg"},"main_category":"tech","slug":"daewoo-dsb-4000k","title":"Daewoo Dsb 4000K","site_domain":"yuqarin.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/yuqarin.com\/tech\/daewoo-dsb-4000k","category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"99bb3978-bbaa-4e1a-b2bd-721932ea30c6","slug":"ds","is_active":true,"title":"\u062f\u064a \u0625\u0633","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/ds"}},{"entity_type":"product","sku":null,"uuid":"6d8a5964-6353-4735-bb6c-cd50a77613a7","is_active":true,"media":{"images":[{"uuid":"6d8a5964-6353-4735-bb6c-cd50a77613a7","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/6d8a5964-6353-4735-bb6c-cd50a77613a7.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/6d8a5964-6353-4735-bb6c-cd50a77613a7.jpeg"},"main_category":"tech","slug":"denon-dht-s316","title":"Denon Dht S316","site_domain":"yuqarin.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/yuqarin.com\/tech\/denon-dht-s316","category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"e36b0515-7ac1-43b1-a00b-b842c83b34f8","slug":"denon","is_active":true,"title":"\u062f\u064a\u0646\u0648\u0646","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/denon"}},{"entity_type":"product","sku":null,"uuid":"f2fa2b4f-e652-4bc8-a553-f8c7e344e1b4","is_active":true,"media":{"images":[{"uuid":"f2fa2b4f-e652-4bc8-a553-f8c7e344e1b4","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/f2fa2b4f-e652-4bc8-a553-f8c7e344e1b4.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/f2fa2b4f-e652-4bc8-a553-f8c7e344e1b4.jpeg"},"main_category":"tech","slug":"yamaha-yas-207","title":"Yamaha Yas 207","site_domain":"yuqarin.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/yuqarin.com\/tech\/yamaha-yas-207","category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"43320d86-e782-49db-90a8-2f3fcbbf6d8e","slug":"yamaha","is_active":true,"title":"\u064a\u0627\u0645\u0627\u0647\u0627","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/yamaha"}},{"entity_type":"product","sku":null,"uuid":"eeddde7d-48de-402d-8a85-c4c1bdd06ec1","is_active":true,"media":{"images":[{"uuid":"eeddde7d-48de-402d-8a85-c4c1bdd06ec1","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/eeddde7d-48de-402d-8a85-c4c1bdd06ec1.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/eeddde7d-48de-402d-8a85-c4c1bdd06ec1.jpeg"},"main_category":"tech","slug":"yamaha-yas-209","title":"Yamaha Yas 209","site_domain":"yuqarin.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/yuqarin.com\/tech\/yamaha-yas-209","category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"43320d86-e782-49db-90a8-2f3fcbbf6d8e","slug":"yamaha","is_active":true,"title":"\u064a\u0627\u0645\u0627\u0647\u0627","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/yamaha"}},{"entity_type":"product","sku":null,"uuid":"01481c17-7dd9-40e6-a5cc-7f8cabb877fe","is_active":true,"media":{"images":[{"uuid":"01481c17-7dd9-40e6-a5cc-7f8cabb877fe","label":null,"cdn_url":"https:\/\/cdn.moqayese.com\/product_images\/01481c17-7dd9-40e6-a5cc-7f8cabb877fe.jpeg","is_active":true,"is_default":true,"entity_type":"product"}],"primary_image":"https:\/\/cdn.moqayese.com\/product_images\/01481c17-7dd9-40e6-a5cc-7f8cabb877fe.jpeg"},"main_category":"tech","slug":"bose-lifestyle-650","title":"Bose Lifestyle 650","site_domain":"yuqarin.com","category_pin":0,"description":"done","parent_categories":[{"uuid":"ed79da54-94e9-4eed-9433-b81211ec50a3","slug":"tech","title":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a","description":null,"level":0,"is_main":true},{"uuid":"35f0fcfd-f25a-42ca-a373-a2207232cdd4","slug":"headphones-audio-equipment","title":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a","description":"","level":1,"is_main":true},{"uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","level":2,"is_main":true}],"short_description":"","link":"https:\/\/yuqarin.com\/tech\/bose-lifestyle-650","category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"brand":{"uuid":"a8409773-0a89-4263-93a4-7078893eecd4","slug":"bose","is_active":true,"title":"\u0628\u0648\u0632","description":null,"created_at":"2025-08-15","updated_at":"2025-08-15","link":"https:\/\/yuqarin.com\/brands\/bose"}}],"category":{"id":138,"path":"1\/134\/138","uuid":"211661b0-e4c5-4337-917d-78d4f6ea8782","slug":"soundbar","icon":null,"level":2,"is_main":true,"is_active":true,"sort_order":0,"menu_visibility":true,"category_type":"product","title":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631","description":"","main_category":"tech","link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","blog_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog","wiki_link":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki","created_at":"2025-08-15","updated_at":"2026-01-04"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@context":"https:\/\/schema.org","@name":"\u064a\u064f\u0642\u0627\u0631\u0650\u0646","@type":"Organization","legalName":"\u0645\u0648\u0642\u0639 Yuqarin","foundingDate":"2024-01-01","@alternateName":"Yuqarin \u0623\u0648 \u064a\u0642\u0627\u0631\u0646","@url":"https:\/\/yuqarin.com","@logo":"https:\/\/cdn.yuqarin.com\/public\/ar-logo.png","sameAs":null,"knowsAbout":["\u0645\u0631\u0627\u062c\u0639\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a","\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a","\u0622\u0631\u0627\u0621 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u062d\u0648\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u062a\u0642\u064a\u064a\u0645\u0627\u062a\u0647\u0645"],"award":"\u0623\u0641\u0636\u0644 \u0645\u0648\u0642\u0639 \u0644\u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0648\u062f\u0644\u064a\u0644 \u0627\u0644\u0634\u0631\u0627\u0621"},{"@type":"WebPage","name":"Jbl Bar 20 All In One \u0645\u0639 Snowa Ssb B400","url":"https:\/\/https:\/\/yuqarin.com\/tech\/jbl-bar-20-all-in-one-vs-snowa-ssb-b400","description":"\u0645\u0642\u0627\u06cc\u0633\u0647 Jbl Bar 20 All In One \u0645\u0639 Snowa Ssb B400"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/yuqarin.com","name":"\u0645\u0642\u0627\u06cc\u0633\u0647"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/yuqarin.com\/tech","name":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a"}},{"@type":"ListItem","position":3,"item":{"@id":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment","name":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a"}},{"@type":"ListItem","position":4,"item":{"@id":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","name":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631"}}]}]}};

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

        let isScrolling = false;
        let currentHash = '';

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

            const isAtTop = rect.top <= 150;

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

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

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

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

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

            updateURL(sectionId);

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

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

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

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

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

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

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

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

                    ticking = false;
                });

                ticking = true;
            }
        });

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

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

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

        if (!description) {
            showMessage('يرجى إدخال وصف المشكلة.', 'error');
            return;
        }

        $.ajax({
            type: 'POST',
            url: 'https://yuqarin.com/reported-issues/store',
            data: {
                entity_uuid: '1e70a9e4-48f8-4aa7-8558-8731365a6d4a',
                description: description,
                source_link: sourceLink,
                _token: '7kXsXIz0E6nsp63NEAwbqQhU6R0kNcuocq4Ytxpt',
                entity_type: 'comparisons'
            },
            success: function() {
                $('#reportModal').modal('hide');
                showMessage('تم تقديم تقريرك بنجاح. شكراً لتعاونك.', 'success');
                $('#reportForm').trigger('reset');
            },
            error: function(error) {

                if (error?.status === 403) {
                    showMessage('يرجى تسجيل الدخول لإرسال بلاغ', 'error');
                    return;
                }

                showMessage('عذراً، حدث خطأ في تقديم التقرير. يرجى المحاولة مرة أخرى.', 'error');
            }
        });
    }

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

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

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

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

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


<!DOCTYPE html>
<html lang="ar" dir="rtl">

<head>
        
    <meta name="description" content="مقارنة ومراجعة المواصفات وقائمة أسعار 20 Feb 2026 Jbl Bar 20 All In One مع Snowa Ssb B400 في جميع المتاجر الإلكترونية على موقع يُقارِن">
    <link rel="canonical" href="https://yuqarin.com/tech/jbl-bar-20-all-in-one-vs-snowa-ssb-b400">

    <meta property="og:locale" content="fa_IR">
    <meta property="og:type" content="comparison">
    <meta property="og:image:width" content="1800">
    <meta property="og:site_name" content="مقارنة">
    <meta property="og:image:height" content="1200">
    <meta property="og:availability" content="in stock">
    <meta property="og:image:type" content="image/jpeg">
    <meta property="og:url" content="https://yuqarin.com/tech/jbl-bar-20-all-in-one-vs-snowa-ssb-b400">
    <meta property="og:title"
          content="مقارنة Jbl Bar 20 All In One مع Snowa Ssb B400">
    <meta property="og:image:alt"
          content="صورة Jbl Bar 20 All In One مع Snowa Ssb B400">
    <meta property="og:image"
          content="">
    <meta property="og:description"
          content="مقارنة ومراجعة المواصفات وقائمة أسعار 20 Feb 2026 Jbl Bar 20 All In One مع Snowa Ssb B400 في جميع المتاجر الإلكترونية على موقع يُقارِن">
    <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>مقارنة Jbl Bar 20 All In One مع Snowa Ssb B400</title>
        <script type="application/ld+json">
        {"@context":"https:\/\/schema.org","@graph":[{"@context":"https:\/\/schema.org","@name":"\u064a\u064f\u0642\u0627\u0631\u0650\u0646","@type":"Organization","legalName":"\u0645\u0648\u0642\u0639 Yuqarin","foundingDate":"2024-01-01","@alternateName":"Yuqarin \u0623\u0648 \u064a\u0642\u0627\u0631\u0646","@url":"https:\/\/yuqarin.com","@logo":"https:\/\/cdn.yuqarin.com\/public\/ar-logo.png","sameAs":null,"knowsAbout":["\u0645\u0631\u0627\u062c\u0639\u0627\u062a \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a","\u0645\u0642\u0627\u0631\u0646\u0629 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u0627\u0644\u062e\u062f\u0645\u0627\u062a","\u0622\u0631\u0627\u0621 \u0627\u0644\u0645\u0633\u062a\u062e\u062f\u0645\u064a\u0646 \u062d\u0648\u0644 \u0627\u0644\u0645\u0646\u062a\u062c\u0627\u062a \u0648\u062a\u0642\u064a\u064a\u0645\u0627\u062a\u0647\u0645"],"award":"\u0623\u0641\u0636\u0644 \u0645\u0648\u0642\u0639 \u0644\u0644\u0645\u0642\u0627\u0631\u0646\u0629 \u0648\u062f\u0644\u064a\u0644 \u0627\u0644\u0634\u0631\u0627\u0621"},{"@type":"WebPage","name":"Jbl Bar 20 All In One \u0645\u0639 Snowa Ssb B400","url":"https:\/\/https:\/\/yuqarin.com\/tech\/jbl-bar-20-all-in-one-vs-snowa-ssb-b400","description":"\u0645\u0642\u0627\u06cc\u0633\u0647 Jbl Bar 20 All In One \u0645\u0639 Snowa Ssb B400"},{"@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/yuqarin.com","name":"\u0645\u0642\u0627\u06cc\u0633\u0647"}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/yuqarin.com\/tech","name":"\u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a\u0627\u062a"}},{"@type":"ListItem","position":3,"item":{"@id":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment","name":"\u0627\u0644\u0633\u0645\u0627\u0639\u0627\u062a \u0648\u0645\u0639\u062f\u0627\u062a \u0627\u0644\u0635\u0648\u062a"}},{"@type":"ListItem","position":4,"item":{"@id":"https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar","name":"\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631"}}]}]}
    </script>

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

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

<link rel="alternate" href="https://moqayese.com/tech/jbl-bar-20-all-in-one-vs-snowa-ssb-b400"
              hreflang="fa-IR"/>
        
        
                            <link rel="alternate" href="https://vswizard.com/tech/jbl-bar-20-all-in-one-vs-snowa-ssb-b400"
              hreflang="en-US"/>
        
        
                    <link rel="alternate" href="https://vswizard.com/tech/jbl-bar-20-all-in-one-vs-snowa-ssb-b400"
                  hreflang="x-default"/>
                            <link rel="alternate" href="https://benzetme.com/tech/jbl-bar-20-all-in-one-vs-snowa-ssb-b400"
              hreflang="tr-TR"/>
        
        
                            <link rel="alternate" href="https://yuqarin.com/tech/jbl-bar-20-all-in-one-vs-snowa-ssb-b400"
              hreflang="ar-AE"/>
        
        
            


    <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=Alexandria:wght@400;500;700&family=Noto+Kufi+Arabic:wght@400;500;700&display=swap"
        rel="stylesheet">
    <style>
        /* Amazon UAE style: Alexandria for headings, Noto Kufi for body */
        body,
        p,
        a,
        span,
        div,
        li,
        input,
        textarea,
        button,
        ol,
        ul {
            font-family: 'Noto Kufi Arabic', sans-serif !important;
        }

        h1,
        h2,
        h3,
        h4,
        h5,
        h6,
        .h1,
        .h2,
        .h3,
        .h4,
        .h5,
        .h6 {
            font-family: Alexandria, 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://yuqarin.com/assets/admin_panel/v1/js/jquery-3.2.1.min.js"></script>
    <link rel="stylesheet" type="text/css" href="https://cdn.yuqarin.com/public_assets/custom.min.css">
    <script>
        $(function () {
            let currentHash = "";
            $(window).scroll(function () {
                let top = window.pageYOffset;
                let foundHash = "";

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

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

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

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

<body class="comparison-page">

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<header class="main-header">
    
    <div class="container main-container header-desktop-container">
        <div class="topbar">
            <div class="row align-items-center w-100 m-0">
                <div class="col-lg-2 col-md-3 p-0">
                    <div class="logo-area">
                        <a href="https://yuqarin.com">
                            <img class="img-logo" src="https://cdn.yuqarin.com/public/ar-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://yuqarin.com/search" method="GET" class="search">
        <input
            name="q"
            type="text"
            class="form-control header-search-input"
            oninput="handleHeaderSearch(this)"
            onfocus="handleFocusHeaderSearch(this)"
            placeholder="ابحث عن اسم، علامة تجارية أو فئة…">
        <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>تسجيل الدخول / التسجيل</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://yuqarin.com">
                    <img class="img-logo" src="https://cdn.yuqarin.com/public/ar-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://yuqarin.com/search" method="GET" class="search">
        <input
            name="q"
            type="text"
            class="form-control header-search-input"
            oninput="handleHeaderSearch(this)"
            onfocus="handleFocusHeaderSearch(this)"
            placeholder="ابحث عن اسم، علامة تجارية أو فئة…">
        <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://yuqarin.com/tech">
            <i class="fa fa-bars me-2"></i>إلكترونيات
        </a>

        <ul>
                                                <li>
                <a href="https://yuqarin.com/tech/mobile-tablet">
                    الهواتف المحمولة والأجهزة اللوحية
                                                            <i class="fa fa-angle-left"></i>
                                    </a>
                                <ul class="mega-menu-content">
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/mobile">
                                الجوال
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/tablet">
                                جهاز لوحي (Tablet)
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/mobile-tablet-accessorie">
                                إكسسوارات الجوال والتابلت
                            </a>
                        </li>
                                                                                                <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/powerbank">
                                شاحن متنقل (Powerbank)
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/charger">
                                كابلات الشحن والمحولات
                            </a>
                        </li>
                                                                    </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/ebook-reader">
                                أجهزة قراءة الكتب الإلكترونية
                            </a>
                        </li>
                                            </div>
                                    </ul>
                            </li>
                                    <li>
                <a href="https://yuqarin.com/tech/computer-and-accessorie">
                    الكمبيوتر وإكسسواراته
                                                            <i class="fa fa-angle-left"></i>
                                    </a>
                                <ul class="mega-menu-content">
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/laptop">
                                لابتوبات
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/cpu">
                                الحواسيب والملحقات
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/vga">
                                الكمبيوتر المحمول
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/computer-accessories">
                                إكسسوارات الكمبيوتر
                            </a>
                        </li>
                                                                                                <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/dongle-converter">
                                محولات ودونجل
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/webcam">
                                كاميرات الويب
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/laptop-accessorie">
                                إكسسوارات اللابتوب
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/mouse-pad">
                                وسادة الفأرة
                            </a>
                        </li>
                                                                    </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/monitor">
                                شاشات الكمبيوتر
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/mini-pc">
                                أجهزة كمبيوتر صغيرة
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/motherboard">
                                الشاشات
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/case">
                                الحواسيب الصغيرة
                            </a>
                        </li>
                                                                                                <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/desktop-computer">
                                كمبيوتر مكتبي
                            </a>
                        </li>
                                                                    </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/coolers">
                                أنظمة التبريد
                            </a>
                        </li>
                                                                                                <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/cpu-cooler">
                                صناديق الكمبيوتر
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/liquid-cooling">
                                مراوح التبريد
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/case-fan">
                                مبردات المعالج
                            </a>
                        </li>
                                                                    </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/keyboard-mouse">
                                مجموعات لوحة المفاتيح والماوس
                            </a>
                        </li>
                                                                                                <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/mouse">
                                ماوسات
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/keyboard">
                                لوحات المفاتيح
                            </a>
                        </li>
                                                                    </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/all-in-one">
                                أجهزة كمبيوتر الكل في واحد
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/hdd">
                                وحدات تخزين البيانات
                            </a>
                        </li>
                                                                                                <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/ssd">
                                أقراص SSD
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/optical-drive">
                                سواقة ضوئية
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/flash-memory">
                                فلاش ميموري
                            </a>
                        </li>
                                                                        <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/memory-card">
                                بطاقات الذاكرة
                            </a>
                        </li>
                                                                    </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/memory">
                                الذاكرة
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/power-supply">
                                وحدات تزويد الطاقة (PSU)
                            </a>
                        </li>
                                            </div>
                                    </ul>
                            </li>
                                    <li>
                <a href="https://yuqarin.com/tech/cameras-photo-video">
                    الكاميرات والفيديو والصور
                                                            <i class="fa fa-angle-left"></i>
                                    </a>
                                <ul class="mega-menu-content">
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/camera">
                                كاميرات التصوير
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/lens">
                                عدسات الكاميرا
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/camera-video-accessorie">
                                ملحقات الكاميرا والصور والفيديو
                            </a>
                        </li>
                                                                                                <li class="sublist--item">
                            <a href="https://yuqarin.com/tech/card-reader">
                                قارئ بطاقة الذاكرة SD للكاميرا
                            </a>
                        </li>
                                                                    </div>
                                    </ul>
                            </li>
                                    <li>
                <a href="https://yuqarin.com/tech/wearables">
                    الساعات والأجهزة القابلة للارتداء
                                    </a>
                            </li>
                                    <li>
                <a href="https://yuqarin.com/tech/modem-router">
                    أجهزة المودم والشبكات
                                    </a>
                            </li>
                                    <li>
                <a href="https://yuqarin.com/tech/headphones-audio-equipment">
                    السماعات ومعدات الصوت
                                                            <i class="fa fa-angle-left"></i>
                                    </a>
                                <ul class="mega-menu-content">
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/speaker">
                                مكبرات الصوت
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/headphone">
                                سماعات الرأس
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/soundbar">
                                مكبرات صوت ساوند بار
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/microphone">
                                ميكروفونات
                            </a>
                        </li>
                                            </div>
                                                            <div class="mega-menu-column">
                        <li class="sublist--title">
                            <a href="https://yuqarin.com/tech/android-box">
                                صندوق أندرويد
                            </a>
                        </li>
                                            </div>
                                    </ul>
                            </li>
                                </ul>
    </li>
        <li class="list-item category-list">
                <a href="https://yuqarin.com/tech/compare">
            مقارنة إلكترونيات
        </a>
        <ul>
                                                <li>
                        <a href="https://yuqarin.com/tech/mobile-tablet/compare">
                            مقارنة الهواتف المحمولة والأجهزة اللوحية
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/computer-and-accessorie/compare">
                            مقارنة الكمبيوتر وإكسسواراته
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/cameras-photo-video/compare">
                            مقارنة الكاميرات والفيديو والصور
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/wearables/compare">
                            مقارنة الساعات والأجهزة القابلة للارتداء
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/modem-router/compare">
                            مقارنة أجهزة المودم والشبكات
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/headphones-audio-equipment/compare">
                            مقارنة السماعات ومعدات الصوت
                        </a>
                    </li>
                                    </ul>
    </li>
    <li class="list-item category-list">
                <a href="https://yuqarin.com/tech/blog">
            المدونة إلكترونيات
        </a>
        <ul>
                                                <li>
                        <a href="https://yuqarin.com/tech/mobile-tablet/blog">
                            المدونة الهواتف المحمولة والأجهزة اللوحية
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/computer-and-accessorie/blog">
                            المدونة الكمبيوتر وإكسسواراته
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/cameras-photo-video/blog">
                            المدونة الكاميرات والفيديو والصور
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/wearables/blog">
                            المدونة الساعات والأجهزة القابلة للارتداء
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/modem-router/blog">
                            المدونة أجهزة المودم والشبكات
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/headphones-audio-equipment/blog">
                            المدونة السماعات ومعدات الصوت
                        </a>
                    </li>
                                    </ul>
    </li>
    <li class="list-item category-list">
                <a href="https://yuqarin.com/tech/wiki">
            الموسوعة إلكترونيات
        </a>

        <ul>
                                                <li>
                        <a href="https://yuqarin.com/tech/mobile-tablet/wiki">
                            الموسوعة الهواتف المحمولة والأجهزة اللوحية
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/computer-and-accessorie/wiki">
                            الموسوعة الكمبيوتر وإكسسواراته
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/cameras-photo-video/wiki">
                            الموسوعة الكاميرات والفيديو والصور
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/wearables/wiki">
                            الموسوعة الساعات والأجهزة القابلة للارتداء
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/modem-router/wiki">
                            الموسوعة أجهزة المودم والشبكات
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/headphones-audio-equipment/wiki">
                            الموسوعة السماعات ومعدات الصوت
                        </a>
                    </li>
                                    </ul>
    </li>

    
    <li class="list-item">
        <a class="nav-link"
            href="https://yuqarin.com/brands">العلامات التجارية</a>
    </li>
    <li class="list-item">
        <a class="nav-link"
            href="https://yuqarin.com/news">الأخبار</a>
    </li>

</ul>        </nav>
    </div>
</div>
        <div class="side-menu">
    <div class="logo-nav-res dt-sl text-center">
        <a href="https://yuqarin.com">
            <img src="https://cdn.yuqarin.com/public/ar-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="البحث في القائمة"
                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://yuqarin.com/tech/mobile-tablet" class="flex-grow-1 text-dark font-weight-bold">الهواتف المحمولة والأجهزة اللوحية</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://yuqarin.com/tech/mobile" class="flex-grow-1 text-secondary">الجوال</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://yuqarin.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://yuqarin.com/tech/mobile-tablet-accessorie" class="flex-grow-1 text-secondary">إكسسوارات الجوال والتابلت</a>
                                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer;"></i>
                                            </div>
                                        <ul>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/powerbank" class="d-block py-2 px-4 text-muted small">
                                شاحن متنقل (Powerbank)
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/charger" class="d-block py-2 px-4 text-muted small">
                                كابلات الشحن والمحولات
                            </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://yuqarin.com/tech/ebook-reader" class="flex-grow-1 text-secondary">أجهزة قراءة الكتب الإلكترونية</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://yuqarin.com/tech/computer-and-accessorie" class="flex-grow-1 text-dark font-weight-bold">الكمبيوتر وإكسسواراته</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://yuqarin.com/tech/laptop" class="flex-grow-1 text-secondary">لابتوبات</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://yuqarin.com/tech/cpu" class="flex-grow-1 text-secondary">الحواسيب والملحقات</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://yuqarin.com/tech/vga" class="flex-grow-1 text-secondary">الكمبيوتر المحمول</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://yuqarin.com/tech/computer-accessories" class="flex-grow-1 text-secondary">إكسسوارات الكمبيوتر</a>
                                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer;"></i>
                                            </div>
                                        <ul>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/dongle-converter" class="d-block py-2 px-4 text-muted small">
                                محولات ودونجل
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/webcam" class="d-block py-2 px-4 text-muted small">
                                كاميرات الويب
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/laptop-accessorie" class="d-block py-2 px-4 text-muted small">
                                إكسسوارات اللابتوب
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/mouse-pad" class="d-block py-2 px-4 text-muted small">
                                وسادة الفأرة
                            </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://yuqarin.com/tech/monitor" class="flex-grow-1 text-secondary">شاشات الكمبيوتر</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://yuqarin.com/tech/mini-pc" class="flex-grow-1 text-secondary">أجهزة كمبيوتر صغيرة</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://yuqarin.com/tech/motherboard" class="flex-grow-1 text-secondary">الشاشات</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://yuqarin.com/tech/case" class="flex-grow-1 text-secondary">الحواسيب الصغيرة</a>
                                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer;"></i>
                                            </div>
                                        <ul>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/desktop-computer" class="d-block py-2 px-4 text-muted small">
                                كمبيوتر مكتبي
                            </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://yuqarin.com/tech/coolers" class="flex-grow-1 text-secondary">أنظمة التبريد</a>
                                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer;"></i>
                                            </div>
                                        <ul>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/cpu-cooler" class="d-block py-2 px-4 text-muted small">
                                صناديق الكمبيوتر
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/liquid-cooling" class="d-block py-2 px-4 text-muted small">
                                مراوح التبريد
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/case-fan" class="d-block py-2 px-4 text-muted small">
                                مبردات المعالج
                            </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://yuqarin.com/tech/keyboard-mouse" class="flex-grow-1 text-secondary">مجموعات لوحة المفاتيح والماوس</a>
                                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer;"></i>
                                            </div>
                                        <ul>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/mouse" class="d-block py-2 px-4 text-muted small">
                                ماوسات
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/keyboard" class="d-block py-2 px-4 text-muted small">
                                لوحات المفاتيح
                            </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://yuqarin.com/tech/all-in-one" class="flex-grow-1 text-secondary">أجهزة كمبيوتر الكل في واحد</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://yuqarin.com/tech/hdd" class="flex-grow-1 text-secondary">وحدات تخزين البيانات</a>
                                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer;"></i>
                                            </div>
                                        <ul>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/ssd" class="d-block py-2 px-4 text-muted small">
                                أقراص SSD
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/optical-drive" class="d-block py-2 px-4 text-muted small">
                                سواقة ضوئية
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/flash-memory" class="d-block py-2 px-4 text-muted small">
                                فلاش ميموري
                            </a>
                        </li>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/memory-card" class="d-block py-2 px-4 text-muted small">
                                بطاقات الذاكرة
                            </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://yuqarin.com/tech/memory" class="flex-grow-1 text-secondary">الذاكرة</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://yuqarin.com/tech/power-supply" class="flex-grow-1 text-secondary">وحدات تزويد الطاقة (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://yuqarin.com/tech/cameras-photo-video" class="flex-grow-1 text-dark font-weight-bold">الكاميرات والفيديو والصور</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://yuqarin.com/tech/camera" class="flex-grow-1 text-secondary">كاميرات التصوير</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://yuqarin.com/tech/lens" class="flex-grow-1 text-secondary">عدسات الكاميرا</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://yuqarin.com/tech/camera-video-accessorie" class="flex-grow-1 text-secondary">ملحقات الكاميرا والصور والفيديو</a>
                                                    <i class="fa fa-angle-down p-2 menu-toggle-btn" style="cursor: pointer;"></i>
                                            </div>
                                        <ul>
                                                
                        <li>
                            <a href="https://yuqarin.com/tech/card-reader" class="d-block py-2 px-4 text-muted small">
                                قارئ بطاقة الذاكرة SD للكاميرا
                            </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://yuqarin.com/tech/wearables" class="flex-grow-1 text-dark font-weight-bold">الساعات والأجهزة القابلة للارتداء</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://yuqarin.com/tech/modem-router" class="flex-grow-1 text-dark font-weight-bold">أجهزة المودم والشبكات</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://yuqarin.com/tech/headphones-audio-equipment" class="flex-grow-1 text-dark font-weight-bold">السماعات ومعدات الصوت</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://yuqarin.com/tech/speaker" class="flex-grow-1 text-secondary">مكبرات الصوت</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://yuqarin.com/tech/headphone" class="flex-grow-1 text-secondary">سماعات الرأس</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://yuqarin.com/tech/soundbar" class="flex-grow-1 text-secondary">مكبرات صوت ساوند بار</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://yuqarin.com/tech/microphone" class="flex-grow-1 text-secondary">ميكروفونات</a>
                                            </div>
                                    </li>
                                
                <li class="sub-menu">
                    <div class="d-flex justify-content-between align-items-center py-2 px-3">
                        <a href="https://yuqarin.com/tech/android-box" class="flex-grow-1 text-secondary">صندوق أندرويد</a>
                                            </div>
                                    </li>
                            </ul>
                    </li>
                        <li class="list-item category-list">
                <a href="https://yuqarin.com/tech/compare">
            مقارنة إلكترونيات
        </a>
        <ul>
                                                <li>
                        <a href="https://yuqarin.com/tech/mobile-tablet/compare">
                            مقارنة الهواتف المحمولة والأجهزة اللوحية
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/computer-and-accessorie/compare">
                            مقارنة الكمبيوتر وإكسسواراته
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/cameras-photo-video/compare">
                            مقارنة الكاميرات والفيديو والصور
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/wearables/compare">
                            مقارنة الساعات والأجهزة القابلة للارتداء
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/modem-router/compare">
                            مقارنة أجهزة المودم والشبكات
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/headphones-audio-equipment/compare">
                            مقارنة السماعات ومعدات الصوت
                        </a>
                    </li>
                                    </ul>
    </li>
        <li class="list-item category-list">
                <a href="https://yuqarin.com/tech/blog">
            المدونة إلكترونيات
        </a>
        <ul>
                                                <li>
                        <a href="https://yuqarin.com/tech/mobile-tablet/blog">
                            المدونة الهواتف المحمولة والأجهزة اللوحية
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/computer-and-accessorie/blog">
                            المدونة الكمبيوتر وإكسسواراته
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/cameras-photo-video/blog">
                            المدونة الكاميرات والفيديو والصور
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/wearables/blog">
                            المدونة الساعات والأجهزة القابلة للارتداء
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/modem-router/blog">
                            المدونة أجهزة المودم والشبكات
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/headphones-audio-equipment/blog">
                            المدونة السماعات ومعدات الصوت
                        </a>
                    </li>
                                    </ul>
    </li>
        <li class="list-item category-list">
                <a href="https://yuqarin.com/tech/wiki">
            الموسوعة إلكترونيات
        </a>

        <ul>
                                                <li>
                        <a href="https://yuqarin.com/tech/mobile-tablet/wiki">
                            الموسوعة الهواتف المحمولة والأجهزة اللوحية
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/computer-and-accessorie/wiki">
                            الموسوعة الكمبيوتر وإكسسواراته
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/cameras-photo-video/wiki">
                            الموسوعة الكاميرات والفيديو والصور
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/wearables/wiki">
                            الموسوعة الساعات والأجهزة القابلة للارتداء
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/modem-router/wiki">
                            الموسوعة أجهزة المودم والشبكات
                        </a>
                    </li>
                                    <li>
                        <a href="https://yuqarin.com/tech/headphones-audio-equipment/wiki">
                            الموسوعة السماعات ومعدات الصوت
                        </a>
                    </li>
                                    </ul>
    </li>
        <li class="list-item">
            <a class="nav-link"
                href="https://yuqarin.com/brands">العلامات التجارية</a>
        </li>
        <li class="list-item">
            <a class="nav-link"
                href="https://yuqarin.com/news">الأخبار</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">
                    تسجيل الدخول / التسجيل
                </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="7kXsXIz0E6nsp63NEAwbqQhU6R0kNcuocq4Ytxpt" autocomplete="off">        <div class="form-group">
            <label for="loginEmail">
                البريد الإلكتروني
            </label>
            <input type="email" class="form-control" id="loginEmail" name="email" required
                   placeholder="أدخل بريدك الإلكتروني">
        </div>
        <div class="form-group">
            <label for="loginPassword">
                كلمة المرور
            </label>
            <input type="password" class="form-control" id="loginPassword" name="password" required
                   placeholder="أدخل كلمة المرور">
        </div>
        <button type="submit" class="btn btn-primary btn-block" id="loginButton">
            تسجيل الدخول
        </button>
    </form>
    <hr>
    <a href="https://yuqarin.com/api/v1/auth/google?return_url=https%3A%2F%2Fyuqarin.com%2Ftech%2Fjbl-bar-20-all-in-one-vs-snowa-ssb-b400" class="btn btn-danger btn-block">
        <i class="fab fa-google"></i> تسجيل الدخول باستخدام جوجل
    </a>
    <hr>
    <div class="text-center">
        <a href="#" onclick="toggleForms()">ليس لديك حساب؟ سجل الآن</a>
    </div>
</div>
                <div id="registerForm" style="display: none;">
    <form id="registerFormElement" onsubmit="submitRegister(event)">
        <input type="hidden" name="_token" value="7kXsXIz0E6nsp63NEAwbqQhU6R0kNcuocq4Ytxpt" autocomplete="off">        <div class="form-group">
            <label for="registerEmail">
                البريد الإلكتروني
            </label>
            <input type="email" class="form-control" id="registerEmail" name="email" required
                   placeholder="أدخل بريدك الإلكتروني">
        </div>
        <div class="form-group">
            <label for="registerPassword">
                كلمة المرور
            </label>
            <input type="password" class="form-control" id="registerPassword" name="password" required
                   placeholder="أدخل كلمة المرور">
        </div>
        <div class="form-group">
            <label for="registerPasswordConfirmation">
                تأكيد كلمة المرور
            </label>
            <input type="password" class="form-control" id="registerPasswordConfirmation"
                   name="password_confirmation" required
                   placeholder="أعد إدخال كلمة المرور ">
        </div>
        <button type="submit" class="btn btn-primary btn-block">
            التسجيل
        </button>
    </form>
    <hr>
    <a href="https://yuqarin.com/api/v1/auth/google?return_url=https%3A%2F%2Fyuqarin.com%2Ftech%2Fjbl-bar-20-all-in-one-vs-snowa-ssb-b400" class="btn btn-danger btn-block">
        <i class="fab fa-google"></i> تسجيل الدخول باستخدام جوجل
    </a>
    <hr>
    <div class="text-center">
        <a href="#" onclick="toggleForms()">لديك حساب؟ سجل دخولك
        </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://yuqarin.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 = تسجيل الدخول;
                    alert("خطأ في تسجيل الدخول. يرجى المحاولة مرة أخرى.");
                }
            },
            error: function (xhr) {

                loginButton.disabled = false;
                loginButton.innerHTML = تسجيل الدخول;

                if (xhr.status === 401) {
                    alert("البريد الإلكتروني أو كلمة المرور غير صحيحة.");
                } else {
                    alert("خطأ في تسجيل الدخول. يرجى المحاولة مرة أخرى.");
                }
            }
        });
    }

    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://yuqarin.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("خطأ في التسجيل. يرجى المحاولة مرة أخرى.");
                }
            }
        });
    }
</script>
    </div>

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

                                                                                    <div class="breadcrumb-container-card">
    <div class="breadcrumb-wrapper">
        <ol class="breadcrumb">
            <li class="breadcrumb-item">
                <a href="https://yuqarin.com">
                    يُقارِن | Yuqarin
                </a>
            </li>

                                    <li class="breadcrumb-item">
                                <a
                    href="https://yuqarin.com/tech/compare">
                    مقارنة إلكترونيات
                </a>
            </li>
                        <li class="breadcrumb-item">
                                <a
                    href="https://yuqarin.com/tech/headphones-audio-equipment/compare">
                    مقارنة السماعات ومعدات الصوت
                </a>
            </li>
                        <li class="breadcrumb-item">
                                <a
                    href="https://yuqarin.com/tech/headphones-audio-equipment/soundbar/compare">
                    مقارنة مكبرات صوت ساوند بار
                </a>
            </li>
                                </ol>
    </div>
</div>
        <div class="card shadow-lg">
            <div class="row">
                <div class="col-12">
                    <div class="versus-products-container">
                                                                                <div class="versus-product">
                                <div class="product-card">
                                    <div class="product-image-container">
                                        <a href="https://yuqarin.com/tech/jbl-bar-20-all-in-one" target="_blank">
                                            <img class="product-image"
                                                 src="https://cdn.moqayese.com/product_images/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"
                                                 alt="Jbl Bar 20 All In One"
                                                 loading="lazy">
                                        </a>
                                                                            </div>
                                </div>
                            </div>
                                                                                    <div class="versus-divider">VS</div>
                                                        <div class="versus-product">
                                <div class="product-card">
                                    <div class="product-image-container">
                                        <a href="https://yuqarin.com/tech/snowa-ssb-b400" target="_blank">
                                            <img class="product-image"
                                                 src="https://cdn.moqayese.com/product_images/b810cc73-e099-4682-8344-9f9acb5c582e.jpeg"
                                                 alt="Snowa Ssb B400"
                                                 loading="lazy">
                                        </a>
                                                                            </div>
                                </div>
                            </div>
                        
                                                    <div class="versus-divider gray">VS</div>
                            <div class="versus-product">
                                <a href="#" class="imagePlaceholder"
                                   onclick="event.preventDefault(); openSearchOverlay();" id="openSearchButton">
                                </a>
                            </div>
                                            </div>

                    <h1 class="comparison-title">
                        <span
                            class="comparison-label">مقارنة</span>
                                                                                <span
                                class="product-title  text-danger "
                                style="max-width:50%">
                            Jbl Bar 20 All In One
                                                        </span>
                                                                                    <span
                                    class="comparison-separator">مع</span>
                                                        <span
                                class="product-title  text-primary "
                                style="max-width:50%">
                            Snowa Ssb B400
                                                        </span>
                                            </h1>
                </div>
            </div>

                        
            <div class="sticky-product-nav" id="stickyNav">
                <div class="sticky-products-container products-2">
                                                                    <div class="sticky-product">
                            <img class="sticky-product-image"
                                 src="https://cdn.moqayese.com/product_images/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"
                                 loading="lazy"
                                 alt="Jbl Bar 20 All In One">
                            <div class="sticky-product-info">
                                <div class="sticky-product-title">Jbl Bar 20 All In One</div>
                                <div class="sticky-product-specs" id="product-specs-0">
                                    <span class="spec-title" onclick="scrollToCurrentSection()"></span>
                                    <span class="spec-value"></span>
                                </div>
                            </div>
                        </div>
                                                                        <div class="sticky-versus">VS</div>
                                                <div class="sticky-product">
                            <img class="sticky-product-image"
                                 src="https://cdn.moqayese.com/product_images/b810cc73-e099-4682-8344-9f9acb5c582e.jpeg"
                                 loading="lazy"
                                 alt="Snowa Ssb B400">
                            <div class="sticky-product-info">
                                <div class="sticky-product-title">Snowa Ssb B400</div>
                                <div class="sticky-product-specs" id="product-specs-1">
                                    <span class="spec-title" onclick="scrollToCurrentSection()"></span>
                                    <span class="spec-value"></span>
                                </div>
                            </div>
                        </div>
                                    </div>
            </div>

            <div class="sticky-features-nav" id="stickyFeaturesNav">
                <div class="sticky-features-container">
                    
                        <a href="#specifications-1"
                           class="sticky-feature-item"
                           title="الميزات الفنية"
                           onclick="event.preventDefault(); scrollToSection('specifications-1')">
                            <i class="fa-solid fa-square-check text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>الميزات الفنية</span>
                        </a>
                    
                        <a href="#specifications-2"
                           class="sticky-feature-item"
                           title="المعدات الصوتية والمرئية"
                           onclick="event.preventDefault(); scrollToSection('specifications-2')">
                            <i class="fa-solid fa-volume-high text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>المعدات الصوتية والمرئية</span>
                        </a>
                    
                        <a href="#specifications-3"
                           class="sticky-feature-item"
                           title="الإتصالات"
                           onclick="event.preventDefault(); scrollToSection('specifications-3')">
                            <i class="fa-solid fa-ethernet text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>الإتصالات</span>
                        </a>
                    
                        <a href="#specifications-4"
                           class="sticky-feature-item"
                           title="الميزات الجمالية"
                           onclick="event.preventDefault(); scrollToSection('specifications-4')">
                            <i class="fa-solid fa-eye text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>الميزات الجمالية</span>
                        </a>
                    
                        <a href="#specifications-5"
                           class="sticky-feature-item"
                           title="الميزات الجمالية"
                           onclick="event.preventDefault(); scrollToSection('specifications-5')">
                            <i class="fa-solid fa-square-check text-body sticky-feature-icon" style="font-size: 1.4rem"></i>
                            <span>الميزات الجمالية</span>
                        </a>
                                    </div>
            </div>

            <div class="m-4" id="details_box">
                <div class="box-title-cart d-flex justify-content-between align-items-center mb-4">
                    <h2>مقارنة الميزات</h2>
                    <div class="toggle-buttons">
                        <button id="expandAll" class="btn btn-outline-secondary btn-sm"
                                onclick="toggleAllSections(true)">توسيع الكل</button>
                        <button id="collapseAll" class="btn btn-outline-secondary btn-sm ms-2"
                                onclick="toggleAllSections(false)">طي الكل</button>
                    </div>
                </div>
                <div class="m-4">
                    <div class="comparison-nav-wrapper">
                        <div class="comparison-nav-items">

                                                            <a href="#specifications-1"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-square-check text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">الميزات الفنية</span>
                                </a>
                                                            <a href="#specifications-2"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-volume-high text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">المعدات الصوتية والمرئية</span>
                                </a>
                                                            <a href="#specifications-3"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-ethernet text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">الإتصالات</span>
                                </a>
                                                            <a href="#specifications-4"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-eye text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">الميزات الجمالية</span>
                                </a>
                                                            <a href="#specifications-5"
                                   class="comparison-nav-item text-decoration-none">
                                    <div class="comparison-nav-icon">
                                        <i class="fa-solid fa-square-check text-body" style="font-size: 1.4rem"></i>
                                    </div>
                                    <span class="comparison-nav-title">الميزات الجمالية</span>
                                </a>
                                                    </div>
                    </div>
                </div>

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

                                                    <div class="specifications-section" id="specifications-1">
                                <details class="specification-details" open>
                                    <summary class="specification-summary">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <div class="d-flex align-items-center">
                                                <i class="fa-solid fa-square-check text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">الميزات الفنية</h3>
                                            </div>
                                            <div class="toggle-icon ms-auto ms-0"></div>
                                        </div>
                                    </summary>
                                    <div class="table-responsive">
                                        <table
                                            class="table table-striped products-2">
                                            <caption class="info-block d-none">
                                                الميزات الفنية
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">نوع نظام الصوت</th>
                                                                                                                                                                    <td class="justify-content-md-start">2.0 قناة</td>
                                                                                                                                                                    <td class="justify-content-md-start">-</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">القدرة الفعلية للإخراج (RMS)</th>
                                                                                                                                                                    <td class="justify-content-md-start"></td>
                                                                                                                                                                    <td class="justify-content-md-start"></td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">نطاق استجابة التردد</th>
                                                                                                                                                                    <td class="justify-content-md-start">70-20000 هرتز (hz)</td>
                                                                                                                                                                    <td class="justify-content-md-start">-</td>
                                                                                                    </tr>
                                                                                        </tbody>
                                        </table>
                                    </div>
                                </details>
                            </div>
                                                    <div class="specifications-section" id="specifications-2">
                                <details class="specification-details" open>
                                    <summary class="specification-summary">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <div class="d-flex align-items-center">
                                                <i class="fa-solid fa-volume-high text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">المعدات الصوتية والمرئية</h3>
                                            </div>
                                            <div class="toggle-icon ms-auto ms-0"></div>
                                        </div>
                                    </summary>
                                    <div class="table-responsive">
                                        <table
                                            class="table table-striped products-2">
                                            <caption class="info-block d-none">
                                                المعدات الصوتية والمرئية
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">مضخم الصوت</th>
                                                                                                                                                                    <td class="justify-content-md-start">لا</td>
                                                                                                                                                                    <td class="justify-content-md-start">لا</td>
                                                                                                    </tr>
                                                                                        </tbody>
                                        </table>
                                    </div>
                                </details>
                            </div>
                                                    <div class="specifications-section" id="specifications-3">
                                <details class="specification-details" open>
                                    <summary class="specification-summary">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <div class="d-flex align-items-center">
                                                <i class="fa-solid fa-ethernet text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">الإتصالات</h3>
                                            </div>
                                            <div class="toggle-icon ms-auto ms-0"></div>
                                        </div>
                                    </summary>
                                    <div class="table-responsive">
                                        <table
                                            class="table table-striped products-2">
                                            <caption class="info-block d-none">
                                                الإتصالات
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">دعم البلوتوث</th>
                                                                                                                                                                    <td class="justify-content-md-start">نعم</td>
                                                                                                                                                                    <td class="justify-content-md-start">نعم</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">إصدار البلوتوث المتاح</th>
                                                                                                                                                                    <td class="justify-content-md-start"></td>
                                                                                                                                                                    <td class="justify-content-md-start">-</td>
                                                                                                    </tr>
                                                                                        </tbody>
                                        </table>
                                    </div>
                                </details>
                            </div>
                                                    <div class="specifications-section" id="specifications-4">
                                <details class="specification-details" open>
                                    <summary class="specification-summary">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <div class="d-flex align-items-center">
                                                <i class="fa-solid fa-eye text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">الميزات الجمالية</h3>
                                            </div>
                                            <div class="toggle-icon ms-auto ms-0"></div>
                                        </div>
                                    </summary>
                                    <div class="table-responsive">
                                        <table
                                            class="table table-striped products-2">
                                            <caption class="info-block d-none">
                                                الميزات الجمالية
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">أبعاد ومقاسات السماعة الرئيسية</th>
                                                                                                                                                                    <td class="justify-content-md-start">58 * 90 * 614 مليمتر (mm)</td>
                                                                                                                                                                    <td class="justify-content-md-start">-</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">مادة الهيكل</th>
                                                                                                                                                                    <td class="justify-content-md-start">-</td>
                                                                                                                                                                    <td class="justify-content-md-start">بلاستيك</td>
                                                                                                    </tr>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">ميزات التصميم الأخرى</th>
                                                                                                                                                                    <td class="justify-content-md-start">-</td>
                                                                                                                                                                    <td class="justify-content-md-start">شاشة LED</td>
                                                                                                    </tr>
                                                                                        </tbody>
                                        </table>
                                    </div>
                                </details>
                            </div>
                                                    <div class="specifications-section" id="specifications-5">
                                <details class="specification-details" open>
                                    <summary class="specification-summary">
                                        <div class="d-flex align-items-center justify-content-between">
                                            <div class="d-flex align-items-center">
                                                <i class="fa-solid fa-square-check text-body spec-icon" style="font-size: 1.25rem"></i>
                                                <h3 class="spec-title">الميزات الجمالية</h3>
                                            </div>
                                            <div class="toggle-icon ms-auto ms-0"></div>
                                        </div>
                                    </summary>
                                    <div class="table-responsive">
                                        <table
                                            class="table table-striped products-2">
                                            <caption class="info-block d-none">
                                                الميزات الجمالية
                                            </caption>
                                            <tbody>
                                                                                            <tr>
                                                    <th class="justify-content-md-start col-4">وزن المنتج</th>
                                                                                                                                                                    <td class="justify-content-md-start">1.61 كيلوجرام (kg)</td>
                                                                                                                                                                    <td class="justify-content-md-start">-</td>
                                                                                                    </tr>
                                                                                        </tbody>
                                        </table>
                                    </div>
                                </details>
                            </div>
                        
                        <div class="alert alert-warning mt-4 d-flex align-items-center justify-content-between">
                            <div>
                                <i class="fa fa-exclamation-triangle ml-2"></i>
                                إخلاء المسؤولية: قد تحتاج المعلومات في هذه الصفحة إلى مراجعة. إذا لاحظت أي تناقض، يرجى الإبلاغ عنه
                            </div>
                            <button class="btn btn-outline-warning" onclick="openReportForm()">
                                الإبلاغ عن مشكلة
                                <i class="fa fa-flag mr-1"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>

            
            <div id="secondary-data-container">
                 <div class="comparison-comments-section mt-5">
    <div class="box-title-cart">
        <h2>مقارنة تقييمات المستخدمين</h2>
    </div>

    <div class="row row-gap-4">
        
            <div class="col-md-6">
                <div class="product-comments-card">
                    <div class="product-title mb-3">
                        <h3 class="h5">Jbl Bar 20 All In One</h3>
                    </div>
                    <div class="comments-overview">
                        <div class="top-comments">
                            <h4>التقييمات المميزة</h4>
                                                            <div class="no-comments">
                                    لا توجد تقييمات بعد
                                </div>
                                                    </div>
                    </div>
                    <div class="view-all-comments mt-3">
                        <a href="https://https://yuqarin.com/tech/jbl-bar-20-all-in-one#comments_box" class="btn btn-outline-primary btn-sm">
                            عرض جميع التقييمات
                        </a>
                    </div>
                </div>
            </div>
        
            <div class="col-md-6">
                <div class="product-comments-card">
                    <div class="product-title mb-3">
                        <h3 class="h5">Snowa Ssb B400</h3>
                    </div>
                    <div class="comments-overview">
                        <div class="top-comments">
                            <h4>التقييمات المميزة</h4>
                                                            <div class="no-comments">
                                    لا توجد تقييمات بعد
                                </div>
                                                    </div>
                    </div>
                    <div class="view-all-comments mt-3">
                        <a href="https://https://yuqarin.com/tech/snowa-ssb-b400#comments_box" class="btn btn-outline-primary btn-sm">
                            عرض جميع التقييمات
                        </a>
                    </div>
                </div>
            </div>
            </div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .comment-header {
            flex-direction: column;
        }
    }
</style>
<div class="comparison-faqs-section mt-5">
    <div class="box-title-cart">
        <h2>مقارنة تقييمات المستخدمين</h2>
    </div>

    <div class="row row-gap-4">
                    <div class="col-md-6">
                <div class="product-faqs-card d-flex flex-column">
                    <div class="product-title mb-3">
                        <h3 class="h5">Jbl Bar 20 All In One</h3>
                    </div>
                    <div class="score-box text-center p-4 rounded h-100 d-flex flex-column justify-content-center">
                        <div class="score-circle">
                            <span class="score-number">0</span>
                            <span class="score-max">/10</span>
                        </div>
                        <div class="score-details-mini mt-2">
                            <div class="text-muted mb-2">من إجمالي 1 تصويت</div>
                            <div class="d-flex justify-content-center align-items-center">
                                <div class="score-stars ml-2">
                                                                                                                        <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                            </div>
                            </div>
                        </div>
                    </div>

                    <div class="view-all-ratings mt-3">
                        <a href="https://yuqarin.com/tech/jbl-bar-20-all-in-one#scores_box" class="btn btn-outline-primary btn-sm">
                            عرض جميع التقييمات
                        </a>
                    </div>
                </div>
            </div>
                    <div class="col-md-6">
                <div class="product-faqs-card d-flex flex-column">
                    <div class="product-title mb-3">
                        <h3 class="h5">Snowa Ssb B400</h3>
                    </div>
                    <div class="score-box text-center p-4 rounded h-100 d-flex flex-column justify-content-center">
                        <div class="score-circle">
                            <span class="score-number">0</span>
                            <span class="score-max">/10</span>
                        </div>
                        <div class="score-details-mini mt-2">
                            <div class="text-muted mb-2">من إجمالي 1 تصويت</div>
                            <div class="d-flex justify-content-center align-items-center">
                                <div class="score-stars ml-2">
                                                                                                                        <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                                                                                <i class="fa fa-star-o text-warning"></i>
                                                                                                            </div>
                            </div>
                        </div>
                    </div>

                    <div class="view-all-ratings mt-3">
                        <a href="https://yuqarin.com/tech/snowa-ssb-b400#scores_box" class="btn btn-outline-primary btn-sm">
                            عرض جميع التقييمات
                        </a>
                    </div>
                </div>
            </div>
            </div>
</div>

<div class="comparison-page-faqs-section mt-5">
    <div class="box-title-cart">
        <h2>الأسئلة والأجوبة حول هذه المقارنة</h2>
    </div>

    <div class="questions-box">
        <div class="questions-form">
            <div class="form-group">
                <label>سؤالك</label>
                <textarea class="form-control" id="faq" rows="3"
                    placeholder="اكتب سؤالك حول هذه المقارنة..."></textarea>
                <small class="form-text text-muted">
                    سيتم عرض سؤالك بعد الموافقة عليه
                </small>
            </div>
                            <button type="button" class="btn btn-primary" data-toggle="modal"
                        data-target="#loginModal">
                    <i class="fa fa-lock ml-1"></i>
                    سجل دخولك لطرح السؤال
                </button>
                    </div>

        <div class="questions-list">
                            <div class="no-questions">
                    <div class="no-questions-icon">❓</div>
                    <p>لا توجد أسئلة حول هذه المقارنة بعد.</p>
                    <p>كن أول من يطرح سؤالاً!</p>
                </div>
                    </div>
    </div>
</div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .overall-rating {
            padding: 0.75rem;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        .questions-form {
            padding: 1rem;
        }

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

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

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

        if (faq.val().length <= 5) {
            Swal.fire({
                title: "خطأ",
                text: "يجب أن يكون نص السؤال أكثر من 5 أحرف",
                icon: "error",
                toast: true,
                position: 'top',
                showConfirmButton: false,
                timer: 3000
            });
            return;
        }

        $.ajax({
            type: "POST",
            url: "https://yuqarin.com/faqs/store",
            data: {
                'comment': faq.val(),
                'entity_type': "comparison",
                'entity_uuid': "1e70a9e4-48f8-4aa7-8558-8731365a6d4a",
                'languageUuid': JSON.parse(localStorage.getItem('panel_language')).uuid,
                'type':'faqs'
            }
        }).done(function () {
            faq.val('');
            Swal.fire({
                title: "تم تقديم سؤالك بنجاح",
                icon: "success",
                showConfirmButton: false,
                timerProgressBar: true,
                timer: 3000,
                toast: true,
                position: 'top'
            });
            // setTimeout(() => window.location.reload(), 3000);
        }).fail(function () {
            Swal.fire({
                title: "خطأ",
                text: "حدث خطأ في تقديم السؤال",
                icon: "error",
                toast: true,
                position: 'top',
                showConfirmButton: false,
                timer: 3000
            });
        });
    }

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

        if (reply.val().length <= 5) {
            Swal.fire({
                title: "خطأ",
                text: "يجب أن يكون نص الإجابة أكثر من 5 أحرف",
                icon: "error",
                toast: true,
                position: 'top',
                showConfirmButton: false,
                timer: 3000
            });
            return;
        }

        $.ajax({
            type: "POST",
            url: "https://yuqarin.com/faqs/store",
            data: {
                'comment': reply.val(),
                'entity_type': "comparison",
                'entity_uuid': "1e70a9e4-48f8-4aa7-8558-8731365a6d4a",
                'parentCommentUuid': faqId,
                'languageUuid': JSON.parse(localStorage.getItem('panel_language')).uuid,
                'type':'faqs'
            }
        }).done(function () {
            reply.val('');
            Swal.fire({
                title: "تم تقديم إجابتك بنجاح",
                icon: "success",
                showConfirmButton: false,
                timerProgressBar: true,
                timer: 3000,
                toast: true,
                position: 'top'
            });
        }).fail(function () {
            Swal.fire({
                title: "خطأ",
                text: "حدث خطأ في تقديم الإجابة",
                icon: "error",
                toast: true,
                position: 'top',
                showConfirmButton: false,
                timer: 3000
            });
        });
    }

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

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

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

    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <div class="modal-title h5" id="loginModalLabel">
                    تسجيل الدخول / التسجيل
                </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="7kXsXIz0E6nsp63NEAwbqQhU6R0kNcuocq4Ytxpt" autocomplete="off">        <div class="form-group">
            <label for="loginEmail">
                البريد الإلكتروني
            </label>
            <input type="email" class="form-control" id="loginEmail" name="email" required
                   placeholder="أدخل بريدك الإلكتروني">
        </div>
        <div class="form-group">
            <label for="loginPassword">
                كلمة المرور
            </label>
            <input type="password" class="form-control" id="loginPassword" name="password" required
                   placeholder="أدخل كلمة المرور">
        </div>
        <button type="submit" class="btn btn-primary btn-block" id="loginButton">
            تسجيل الدخول
        </button>
    </form>
    <hr>
    <a href="https://yuqarin.com/api/v1/auth/google?return_url=https%3A%2F%2Fyuqarin.com%2Ftech%2Fjbl-bar-20-all-in-one-vs-snowa-ssb-b400" class="btn btn-danger btn-block">
        <i class="fab fa-google"></i> تسجيل الدخول باستخدام جوجل
    </a>
    <hr>
    <div class="text-center">
        <a href="#" onclick="toggleForms()">ليس لديك حساب؟ سجل الآن</a>
    </div>
</div>
                <div id="registerForm" style="display: none;">
    <form id="registerFormElement" onsubmit="submitRegister(event)">
        <input type="hidden" name="_token" value="7kXsXIz0E6nsp63NEAwbqQhU6R0kNcuocq4Ytxpt" autocomplete="off">        <div class="form-group">
            <label for="registerEmail">
                البريد الإلكتروني
            </label>
            <input type="email" class="form-control" id="registerEmail" name="email" required
                   placeholder="أدخل بريدك الإلكتروني">
        </div>
        <div class="form-group">
            <label for="registerPassword">
                كلمة المرور
            </label>
            <input type="password" class="form-control" id="registerPassword" name="password" required
                   placeholder="أدخل كلمة المرور">
        </div>
        <div class="form-group">
            <label for="registerPasswordConfirmation">
                تأكيد كلمة المرور
            </label>
            <input type="password" class="form-control" id="registerPasswordConfirmation"
                   name="password_confirmation" required
                   placeholder="أعد إدخال كلمة المرور ">
        </div>
        <button type="submit" class="btn btn-primary btn-block">
            التسجيل
        </button>
    </form>
    <hr>
    <a href="https://yuqarin.com/api/v1/auth/google?return_url=https%3A%2F%2Fyuqarin.com%2Ftech%2Fjbl-bar-20-all-in-one-vs-snowa-ssb-b400" class="btn btn-danger btn-block">
        <i class="fab fa-google"></i> تسجيل الدخول باستخدام جوجل
    </a>
    <hr>
    <div class="text-center">
        <a href="#" onclick="toggleForms()">لديك حساب؟ سجل دخولك
        </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://yuqarin.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 = تسجيل الدخول;
                    alert("خطأ في تسجيل الدخول. يرجى المحاولة مرة أخرى.");
                }
            },
            error: function (xhr) {

                loginButton.disabled = false;
                loginButton.innerHTML = تسجيل الدخول;

                if (xhr.status === 401) {
                    alert("البريد الإلكتروني أو كلمة المرور غير صحيحة.");
                } else {
                    alert("خطأ في تسجيل الدخول. يرجى المحاولة مرة أخرى.");
                }
            }
        });
    }

    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://yuqarin.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("خطأ في التسجيل. يرجى المحاولة مرة أخرى.");
                }
            }
        });
    }
</script>

<div class="anchor_tags" id="comments_box">
    <div class="box-title-cart mb-4 px-3">
        <h2 class="font-weight-bold"><span
                    class="card-title-right">تقديم تقييم وملاحظات لهذه المقارنة</span>
        </h2>
    </div>

    <div class="comment-form-container mb-4">
        <div class="comment-form-wrapper">
            <form id="commentForm" onsubmit="handleSubmitCommentForm(event, this)">
                <div class="row mx-0">
                    <div class="col-md-8 order-md-1">
                        <div class="form-section mb-4">
                            <label for="comment"
                                   class="form-label required">تقييمك
                                :</label>
                            <textarea id="comment" name="comment" class="form-control" rows="4"
                                      placeholder="شارك تجربتك مع هذا المنتج مع الآخرين..."></textarea>
                            <small class="form-text text-muted">اكتب 10 أحرف على الأقل</small>
                        </div>

                                                <div class="form-actions mt-4 text-left">
                                                            <button type="button" class="btn btn-primary" data-toggle="modal"
                                        data-target="#loginModal">
                                    <i class="fa fa-paper-plane ml-1"></i>
                                    سجل دخولك لتقديم التقييم
                                </button>
                                                        <button type="button" class="btn btn-outline-secondary mr-2" onclick="resetForm()">
                                <i class="fa fa-refresh ml-1"></i>
                                إعادة تعيين النموذج
                            </button>
                        </div>
                    </div>

                    <div class="col-md-4 order-md-2">
                        
                        <div class="form-section mb-4">
                            <label class="form-label required">تقييمك
                                :</label>
                            <div class="star-rating-input">
                                <select name="score" class="product-rating">
                                    <option value="">اختر</option>
                                    <option value="1">1
                                        - سيء جداً</option>
                                    <option value="2">2
                                        - سيء</option>
                                    <option value="3">3
                                        - ضعيف</option>
                                    <option value="4">4
                                        - أقل من المتوسط</option>
                                    <option value="5">5
                                        - متوسط</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

    <div class="comments-section mt-5 px-3">
        <h3 class="section-title mb-4">التقييمات المقدمة</h3>
        <div class="comments-list" id="comments_text_box">
                            <div class="no-comments-box text-center py-5">
                    <div class="no-comments-icon mb-3">
                        <i class="fa fa-comments-o fa-3x text-muted"></i>
                    </div>
                    <h4 class="mb-3">لا توجد تقييمات لهذا المنتج بعد</h4>
                    <p class="text-muted mb-3">يمكنك أن تكون أول من يقدم تقييماً</p>
                    <button class="btn btn-primary" onclick="scrollToCommentForm()">
                        <i class="fa fa-pencil ml-1"></i>
                        تقديم أول تقييم
                    </button>
                </div>
                    </div>

            </div>
</div>

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

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

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

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

    .gap-3 {
        gap: 1rem;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

        if (value.length >= 3) {
            positivePoints.push(value);
            updatePointsList('positive-points-list', positivePoints, true);
            input.value = '';
        } else {
            showError('يجب أن تكون النقطة الإيجابية 3 أحرف على الأقل');
        }
    }

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

        if (value.length >= 3) {
            negativePoints.push(value);
            updatePointsList('negative-points-list', negativePoints, false);
            input.value = '';
        } else {
            showError('يجب أن تكون النقطة السلبية 3 أحرف على الأقل');
        }
    }

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

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

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

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

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

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

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

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

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

    }

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

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

        if (textElement.classList.contains('expanded')) {
            textElement.classList.remove('expanded');
            button.innerHTML = '<i class="fa fa-plus"></i> عرض المزيد';
        } else {
            textElement.classList.add('expanded');
            button.innerHTML = '<i class="fa fa-minus"></i> إغلاق';
        }
    }

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

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

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

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

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

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

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

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

        return {
            data: result,
            comment,
            score,
            entity_uuid: "1e70a9e4-48f8-4aa7-8558-8731365a6d4a",
            entity_type: "comparison",
            languageUuid: JSON.parse(localStorage.getItem('panel_language')).uuid,
        };
    }


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

            if (comment.value?.length < 10) {
                showMessage("يجب أن يكون نص التقييم أكثر من 10 أحرف", 'error')
                return;
            }

            const formData = generateCommentFormData(form);

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

            const data = await response.json();

            if (data?.comment?.uuid) {
                showMessage('تم تقديم تقييمك بنجاح', 'success');
                resetForm();

                if (score) {
                    like_comment(data.comment.uuid, score)
                }
            } else {
                showMessage("حدث خطأ في تقديم التقييم. يرجى المحاولة مرة أخرى.", 'error')
            }
        } catch (e) {
            showMessage("حدث خطأ في تقديم التقييم. يرجى المحاولة مرة أخرى.", 'error')
        }
    }
</script>
<div class="anchor_tags box-faq m-4" id="related_comparison">
    <p class="text-danger m-3 text-center font-weight-bold">
        <a class="text-danger m-3 text-center font-weight-bold"
           href="https://yuqarin.com/soundbar/headphones-audio-equipment/tech/compare">
            مقارنات إلكترونيات
        </a>
    </p>

                <div class="versus-related-comparisons">
                                            
                                <div class="versus-comparison-card">
                    <a href="https://yuqarin.com/tech/jbl-bar-20-all-in-one-vs-monster-sb100"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"
                                     alt="صورة Jbl Bar 20 All In One"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/4bbc8baa-d4ea-4805-9922-93c35a292557.jpeg"
                                     alt="صورة Monster Sb100"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                مقارنة Monster Sb100 مع Jbl Bar 20 All In One
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://yuqarin.com/tech/gplus-gso-k624en-vs-jbl-bar-20-all-in-one"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"
                                     alt="صورة Jbl Bar 20 All In One"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/9b5ceb27-587d-4d41-8da3-2ce2d3eb8959.jpeg"
                                     alt="صورة Gplus Gso K624En"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                مقارنة Gplus Gso K624En مع Jbl Bar 20 All In One
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://yuqarin.com/tech/awei-y999-vs-jbl-bar-20-all-in-one"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"
                                     alt="صورة Jbl Bar 20 All In One"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/64e7ca34-1a3f-401b-a87e-76e0478ef6c7.jpeg"
                                     alt="صورة Awei Y999"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                مقارنة Awei Y999 مع Jbl Bar 20 All In One
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://yuqarin.com/tech/awei-y998-vs-jbl-bar-20-all-in-one"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"
                                     alt="صورة Jbl Bar 20 All In One"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/15c07211-11cb-4aac-bd7a-c4c75869ee71.jpeg"
                                     alt="صورة Awei Y998"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                مقارنة Awei Y998 مع Jbl Bar 20 All In One
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://yuqarin.com/tech/hiska-b202-vs-jbl-bar-20-all-in-one"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"
                                     alt="صورة Jbl Bar 20 All In One"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/b073a551-26d8-41d4-8a65-ffcc1cf008a3.jpeg"
                                     alt="صورة Hiska B202"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                مقارنة Hiska B202 مع Jbl Bar 20 All In One
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://yuqarin.com/tech/jbl-bar-20-all-in-one-vs-redragon-gs815-janna"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"
                                     alt="صورة Jbl Bar 20 All In One"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/a8df571f-f587-437c-a7ce-41684b1eb613.jpeg"
                                     alt="صورة Redragon Gs815 Janna"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                مقارنة Redragon Gs815 Janna مع Jbl Bar 20 All In One
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://yuqarin.com/tech/jbl-bar-20-all-in-one-vs-xiaomi-jiekemi-s301"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"
                                     alt="صورة Jbl Bar 20 All In One"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/fb3768e4-5ff2-4425-8feb-b5089a9e530f.jpeg"
                                     alt="صورة Xiaomi Jiekemi S301"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                مقارنة Xiaomi Jiekemi S301 مع Jbl Bar 20 All In One
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://yuqarin.com/tech/genius-usb-soundbar-100-vs-jbl-bar-20-all-in-one"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"
                                     alt="صورة Jbl Bar 20 All In One"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/ac79e49a-9833-4b65-88f7-8b8b5e73bace.jpeg"
                                     alt="صورة Genius Usb Soundbar 100"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                مقارنة Genius Usb Soundbar 100 مع Jbl Bar 20 All In One
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://yuqarin.com/tech/daewoo-dsb-4000k-vs-jbl-bar-20-all-in-one"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"
                                     alt="صورة Jbl Bar 20 All In One"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/fe8ec274-7a8c-479b-a544-a1743cdab3ee.jpeg"
                                     alt="صورة Daewoo Dsb 4000K"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                مقارنة Daewoo Dsb 4000K مع Jbl Bar 20 All In One
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://yuqarin.com/tech/denon-dht-s316-vs-jbl-bar-20-all-in-one"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"
                                     alt="صورة Jbl Bar 20 All In One"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/6d8a5964-6353-4735-bb6c-cd50a77613a7.jpeg"
                                     alt="صورة Denon Dht S316"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                مقارنة Denon Dht S316 مع Jbl Bar 20 All In One
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://yuqarin.com/tech/jbl-bar-20-all-in-one-vs-yamaha-yas-207"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"
                                     alt="صورة Jbl Bar 20 All In One"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/f2fa2b4f-e652-4bc8-a553-f8c7e344e1b4.jpeg"
                                     alt="صورة Yamaha Yas 207"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                مقارنة Yamaha Yas 207 مع Jbl Bar 20 All In One
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://yuqarin.com/tech/jbl-bar-20-all-in-one-vs-yamaha-yas-209"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"
                                     alt="صورة Jbl Bar 20 All In One"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/eeddde7d-48de-402d-8a85-c4c1bdd06ec1.jpeg"
                                     alt="صورة Yamaha Yas 209"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                مقارنة Yamaha Yas 209 مع Jbl Bar 20 All In One
                            </h3>
                        </div>
                    </a>
                </div>
                                            
                                <div class="versus-comparison-card">
                    <a href="https://yuqarin.com/tech/bose-lifestyle-650-vs-jbl-bar-20-all-in-one"
                       class="versus-comparison-link">
                        <div class="versus-comparison-dual-images">
                            <div class="versus-dual-image first-product">
                                <img src="https://cdn.moqayese.com/product_images/8f1b601e-fca5-452b-87f1-f36ebdc647c4.jpeg"
                                     alt="صورة Jbl Bar 20 All In One"
                                     loading="lazy">
                            </div>
                            <div class="versus-vs-badge">VS</div>
                            <div class="versus-dual-image second-product">
                                <img src="https://cdn.moqayese.com/product_images/01481c17-7dd9-40e6-a5cc-7f8cabb877fe.jpeg"
                                     alt="صورة Bose Lifestyle 650"
                                     loading="lazy">
                            </div>
                        </div>
                        <div class="versus-comparison-content">
                            <h3 class="versus-comparison-title">
                                مقارنة Bose Lifestyle 650 مع Jbl Bar 20 All In One
                            </h3>
                        </div>
                    </a>
                </div>
                    </div>
    </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

            <div class="modal fade" id="reportModal" tabindex="-1" role="dialog">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-header">
                            <h5 class="modal-title">الإبلاغ عن مشكلة في معلومات المقارنة</h5>
                            <button type="button" class="close" data-dismiss="modal">
                                <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body">
                            <form id="reportForm">
                                <div class="form-group">
                                    <label>وصف المشكلة</label>
                                    <textarea class="form-control" id="reportDescription" rows="4"
                                              placeholder="يرجى وصف المشكلة التي لاحظتها..."></textarea>
                                </div>
                                <div class="form-group">
                                    <label>رابط المصدر (اختياري)</label>
                                    <input type="url" class="form-control" id="sourceLink"
                                           placeholder="أدخل رابط مصدر صالح...">
                                </div>
                            </form>
                        </div>
                        <div class="modal-footer">
                            <button type="button" class="btn btn-secondary"
                                    data-dismiss="modal">إلغاء</button>
                            <button type="button" class="btn btn-primary"
                                    onclick="submitReport()">تقديم التقرير</button>
                        </div>
                    </div>
                </div>
            </div>

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

        <div class="search-overlay" id="searchOverlay">
            <div class="search-overlay-content">
                <div class="search-overlay-header">
                    <h2 class="search-overlay-title">البحث عن منتج للمقارنة</h2>
                    <button class="search-overlay-close" onclick="closeSearchOverlay()">×</button>
                </div>
                <input type="text" class="search-overlay-input"
                       placeholder="أدخل اسم المنتج..."
                       onkeyup="searchProducts(this.value,{&quot;id&quot;:138,&quot;path&quot;:&quot;1\/134\/138&quot;,&quot;uuid&quot;:&quot;211661b0-e4c5-4337-917d-78d4f6ea8782&quot;,&quot;slug&quot;:&quot;soundbar&quot;,&quot;icon&quot;:null,&quot;level&quot;:2,&quot;is_main&quot;:true,&quot;is_active&quot;:true,&quot;sort_order&quot;:0,&quot;menu_visibility&quot;:true,&quot;category_type&quot;:&quot;product&quot;,&quot;title&quot;:&quot;\u0645\u0643\u0628\u0631\u0627\u062a \u0635\u0648\u062a \u0633\u0627\u0648\u0646\u062f \u0628\u0627\u0631&quot;,&quot;description&quot;:&quot;&quot;,&quot;main_category&quot;:&quot;tech&quot;,&quot;link&quot;:&quot;https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar&quot;,&quot;blog_link&quot;:&quot;https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/blog&quot;,&quot;wiki_link&quot;:&quot;https:\/\/yuqarin.com\/tech\/headphones-audio-equipment\/soundbar\/wiki&quot;,&quot;created_at&quot;:&quot;2025-08-15&quot;,&quot;updated_at&quot;:&quot;2026-01-04&quot;})">
                <div class="search-overlay-results" id="searchResults"></div>
            </div>
        </div>
    </div>
            </div>
        </div>

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

<footer class="main-footer px-2">
    <div class="container">
        <div class="footer-content">
            <div class="footer-section">
                <p class="h3">من نحن</p>
                <p>يُقارِن منصة متخصصة لمقارنة المنتجات والخدمات بهدف تقديم معلومات دقيقة وموثوقة للمستخدمين.</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">روابط سريعة</p>
                <ul>
                    <li>
                        <a href="https://yuqarin.com/page/about-us">من نحن</a>
                    </li>
                    <li>
                        <a href="https://yuqarin.com/page/contact-us">اتصل بنا</a>
                    </li>
                    <li>
                        <a href="https://yuqarin.com/page/terms">الشروط والأحكام</a>
                    </li>
                    <li>
                        <a href="https://yuqarin.com/page/privacy-policy">سياسة الخصوصية</a>
                    </li>
                    <li>
                        <a href="https://yuqarin.com/users">المستخدمين</a>
                    </li>
                    <li>
                        <a href="https://yuqarin.com/authors">الكتاب</a>
                    </li>
                </ul>
            </div>

            <div class="footer-section">
                <ul>
                                        
                                                                    <li><a href="https://moqayese.com/tech/jbl-bar-20-all-in-one-vs-snowa-ssb-b400">
                                Persian (فارسی)
                            </a></li>
                                                                    <li><a href="https://vswizard.com/tech/jbl-bar-20-all-in-one-vs-snowa-ssb-b400">
                                English
                            </a></li>
                                                                    <li><a href="https://benzetme.com/tech/jbl-bar-20-all-in-one-vs-snowa-ssb-b400">
                                Turkish (Türkçe)
                            </a></li>
                                                                    <li><a href="https://yuqarin.com/tech/jbl-bar-20-all-in-one-vs-snowa-ssb-b400">
                                Arabic (العربية)
                            </a></li>
                                    </ul>
            </div>

            <div class="footer-section">
                <p class="h3">اتصل بنا</p>
                <ul>
                    <li><i class="fas fa-envelope"></i> info@yuqarin.com</li>
                </ul>
            </div>
        </div>

        <div class="footer-bottom">
            <div class="footer-copyright">
                <p class="mb-0">
                    حقوق النشر © 1403 - جميع الحقوق محفوظة لـ <a href="https://yuqarin.com">يُقارِن | Yuqarin</a>
                </p>
            </div>
                    </div>
    </div>
</footer>
        </footer>
    </div>
</div>
<button
    id="backToTopBtn"
    class="back-to-top-btn"
    style="display: none; transition: unset !important;"
    title="العودة للأعلى"
>
    <i class="fa fa-angle-up"></i>
</button>
<script>
    window.slug_cleanup_error = 'حدث خطأ أثناء تنظيف السلاگ';
    window.compare_list_save_error = 'حدث خطأ أثناء حفظ قائمة المقارنة';
    window.compare_list_load_error = 'حدث خطأ أثناء تحميل قائمة المقارنة';
    window.invalid_product_id = 'معرف المنتج غير صالح';
    window.compare_max_items_error = 'يمكنك مقارنة ما يصل إلى :max_item منتجًا';
    window.compare_same_category_error = 'يمكن مقارنة المنتجات من نفس الفئة فقط';
    window.compare_link_error = 'حدث خطأ أثناء إنشاء رابط المقارنة';
    window.main_category_error = 'حدث خطأ أثناء جلب الفئة الرئيسية';
    window.category_not_found = 'لم يتم العثور على فئة المنتج';
    window.general_error = 'حدث خطأ ما، يرجى المحاولة مرة أخرى';
    window.compare_min_items = 'اختر منتجين صالحين على الأقل للمقارنة';
    window.product_added_to_compare_list = 'تمت إضافة المنتج إلى قائمة المقارنة';
    window.product_removed_in_compare_list = 'تمت إزالة المنتج من قائمة المقارنة';
    window.compare_list_cleared = 'تم مسح قائمة المقارنة';
    window.remove_from_compare = 'إزالة من المقارنة';
    window.product_for_compare = 'منتج للمقارنة';
    window.compare_products = 'مقارنة المنتجات';
    window.remove_all = 'إزالة الكل';
    window.product_searching = 'جاري البحث...';
    window.product_search_error_fetching_data = 'خطأ في جلب البيانات';
    window.product_not_found = 'لم يتم العثور على المنتج';
    window.different_category = 'فئة مختلفة';
    window.currency = 'AED';
    window.product_suggested_for_comparison = 'محصولات پیشنهادی برای مقایسه:';
    window.lang_prefix = '';
    window.lang_locale = 'ar-SA';
    window.view_all_results_text = 'عرض جميع النتائج';
</script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/bootstrap/popper.min.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/bootstrap/bootstrap.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/icons/feather-icon/feather.min.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/icons/feather-icon/feather-icon.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/clipboard/clipboard.min.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/custom-card/custom-card.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/notify/bootstrap-notify.min.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/typeahead/handlebars.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/typeahead/typeahead.bundle.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/tooltip-init.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/typeahead-search/handlebars.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/typeahead-search/typeahead-custom.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/script.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/custom.js?ver=1.0.1"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/header.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/owlcarousel/owl.carousel.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/owlcarousel/owl-custom.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/rating/rating-script.js"></script>
<script src="https://yuqarin.com/assets/admin_panel/v1/js/rating/jquery.barrating.js"></script>
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
<script src="https://yuqarin.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">جاري البحث...</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">خطأ في جلب البيانات</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">لم يتم العثور على المنتج</div>';
            return;
        }

        const fragment = document.createDocumentFragment();

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

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

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

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

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

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

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

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

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


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

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

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

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

            let isClickInsideAny = false;
            let isAnyBoxVisible = false;

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

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

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

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

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