/* ==========================================
   Related Products
========================================== */

.techorz-related-results{

    display:flex;
    gap:20px;
    margin-top:25px;
    overflow-x:auto;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
    padding-bottom:10px;

}

.techorz-related-results::-webkit-scrollbar{

    display:none;

}

/* Desktop - 5 Cards */

.techorz-product-card{

    flex:0 0 calc((100% - 80px) / 5);
    background:#fff;
    border:1px solid #e6e6e6 !important;
    border-radius:15px;
    padding:12px;
    text-align:center;
    display:flex;
    flex-direction:column;
    box-sizing:border-box;
    transition:.25s;

}

.techorz-related-tabs{
    margin-bottom: 0 !important;
    padding-bottom: 12px !important;
}

.techorz-related-results{
    margin-top: 0 !important;
    padding-top: 12px !important;
}

.techorz-product-card:hover{

    box-shadow:0 8px 25px rgba(0,0,0,.08);

}

.techorz-product-image{

    display:block;

}

.techorz-product-image img{

    width:140px;
    height:140px;
    object-fit:contain;
    display:block;
    margin:0 auto;

}

.techorz-product-title{
    margin:10px 0 8px !important;
    line-height:1.3 !important;
}

.techorz-product-title a{
    font-size:16px !important;
    font-weight:600 !important;
    color:#111827 !important;
    text-decoration:none !important;
}

.techorz-product-price{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:4px !important;
    font-size:12px !important;
    color:#666 !important;
    text-decoration:none !important;
    flex-wrap:nowrap !important;
    white-space:nowrap !important;
    margin-bottom:8px !important;
}

.techorz-product-price span{
    display:inline !important;
    margin:0 !important;
    font-size:14px !important;
    font-weight:700 !important;
    color:#2563eb !important;
    white-space:nowrap !important;
}

/* ==========================================
   Tablet - 3.5 Cards
========================================== */

@media (max-width:1024px){

    .techorz-product-card{

        flex:0 0 calc((100% - 40px) / 3.5);

    }

}

/* ==========================================
   Mobile - 1.5 Cards
========================================== */

@media (max-width:767px){

    .techorz-related-results{

        gap:16px;

    }

    .techorz-product-card{

        flex:0 0 calc((100% - 16px) / 1.5);

    }

    .techorz-product-image img{

        width:130px;
        height:130px;

    }

    .techorz-product-title{

        font-size:16px;

    }

    .techorz-product-price span{

        font-size:20px;

    }
    
}

/* Related Product Tabs */

.techorz-related-tab{
    background: #f5f5f5;
    font-size:13px !important;
    font-weight:600 !important;
    color: #333;
    padding: 6px 18px !important;
    border: 1px solid #bdbdbd !important;
    border-radius: 20px;
    transition: all .2s ease;
    cursor: pointer;
}

/* Hover */
.techorz-related-tab:hover{
    background: #2b5776 !important;
    color: #fff !important;
    border-color: #2b5776 !important;
}

/* Active */
.techorz-related-tab.active{
    background: #2b5776 !important;
    color: #fff !important;
    border-color: #2b5776 !important;
}

}

/* ==========================================
   Product Specs
========================================== */

.techorz-product-specs{

    margin-top:15px !important;
    text-align:left !important;

}

.spec-score{

    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;

    background:#a3d12f !important;
    color:#ffffff !important;

    border-radius:8px !important;

    padding:6px 8px !important;
    margin-bottom:16px !important;

    font-size:13px !important;
    font-weight:600 !important;

}

.spec-item{

    display:grid !important;
    grid-template-columns:25% 75% !important;
    align-items:center !important;

    margin-bottom:8px !important;
    column-gap:8px !important;

    font-size:12px !important;
    line-height:1.5 !important;

}

.spec-item strong{

    display:block !important;
    text-align:left !important;
    font-size:12px !important;
    font-weight:600 !important;
    color:#111 !important;

}

.spec-item span{

    display:block !important;
    text-align:left !important;
    font-size:12px !important;
    color:#444 !important;

    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;

}

/* ==========================================
   View Details
========================================== */

.techorz-view-details-btn{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 8px 12px;
    background: #fff;
    color: #2b5776 !important;
    border: 1px solid #2b5776;
    border-radius: 20px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
    transition: all .2s ease;
    box-sizing: border-box;
}

/* Hover & Active */
.techorz-view-details-btn:hover,
.techorz-view-details-btn:active{
    background: #2b5776;
    color: #fff !important;
    border-color: #2b5776;
}

/* ==========================================
   Price Link
========================================== */

.techorz-product-price{

    display:block;
    text-decoration:none;
    color:#666;
}

.techorz-product-price:hover{

    color:#2563eb;

}

.techorz-product-price span{

    display:block;
    margin-top:4px;

}

/* ==========================================
   Mobile
========================================== */

@media (max-width:767px){

    .techorz-spec{

        padding:7px 0;

    }

    .techorz-spec span,
    .techorz-spec strong{

        font-size:12px;

    }

    .techorz-product-buttons{

        flex-direction:column;

    }

}

/* Related Products Container */
.techorz-related-products {
    background: #fff;
    border: 1px solid #dcdcdc;
    border-radius: 15px;
    overflow: hidden;
    margin: 30px 0;
}

/* Heading */
.techorz-related-products-header{
    padding: 18px 20px 18px;
}

.techorz-related-products-header h3{
    font-size:18px !important;
    font-weight:700 !important;
    margin:0 !important;
    line-height:1.3;
}

/* Tabs */
.techorz-related-tabs {
    display: flex;
    gap: 12px;
    padding: 0 20px 16px;
    border-bottom: 1px solid #e6e6e6;
}

.techorz-related-tabs button {
    background: transparent;
    border: none;
    padding: 10px 16px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
    color: #666;
    border-bottom: 2px solid transparent;
    transition: .2s;
}

.techorz-related-tabs button.active {
    color: #2563eb;
    border-bottom-color: #2563eb;
}

/* Products Grid */
.techorz-related-results {
    padding: 20px;
}