/*==================================================
BREADCRUMB
==================================================*/

.breadcrumb-section{

    background:#F7F9FC;

    border-top:1px solid #E8EDF5;

    border-bottom:1px solid #E8EDF5;

}

.breadcrumb-container{

    max-width:1500px;

    margin:auto;

    padding:16px 20px;

    display:flex;

    align-items:center;

    gap:10px;

    font-size:14px;

}

.breadcrumb-container a{

    color:#1746C5;

    text-decoration:none;

}

.breadcrumb-container a:hover{

    text-decoration:underline;

}

.breadcrumb-container span{

    color:#94A3B8;

}

.breadcrumb-container strong{

    color:#23324A;

    font-weight:600;

}
/*==================================================
PRODUCT DETAILS
==================================================*/

.product-details{

    padding:60px 0;

    background:#fff;

}

.product-container{

    max-width:1500px;

    margin:auto;

    padding:0 20px;

    display:grid;

    grid-template-columns:520px 1fr;

    gap:60px;

    align-items:start;

}

/*========================================
PRODUCT GALLERY
========================================*/

.product-gallery{

    display:flex;
    gap:20px;
    align-items:flex-start;

}

/* LEFT */

.thumbnail-gallery{

    display:flex;
    flex-direction:column;
    gap:15px;

}

.thumb{

    width:75px;
    height:75px;

    border:2px solid #e8eef8;

    border-radius:12px;

    cursor:pointer;

    object-fit:contain;

    padding:8px;

    background:#fff;

    transition:.3s;

}

.thumb:hover{

    border-color:#1E4DB7;

}

.thumb.active{

    border:2px solid #1E4DB7;

}

/* RIGHT */

.main-image{

    width:500px;
    height:500px;

    background:#fff;

    border:1px solid #e7edf7;

    border-radius:15px;

    display:flex;

    justify-content:center;

    align-items:center;

    overflow:hidden;

}

.main-image img{

    max-width:100%;
    max-height:100%;

    object-fit:contain;

}
/* RIGHT */

.product-brand{

    color:#1746C5;

    font-weight:600;

    font-size:15px;

}

.product-summary h1{

    font-size:40px;

    margin:10px 0 15px;

    color:#163D8F;

    line-height:1.2;

}

.product-rating{

    color:#F6B100;

    margin-bottom:20px;

}

.product-rating span{

    color:#64748B;

    margin-left:10px;

}

.product-price{

    font-size:36px;

    color:#F44336;

    font-weight:700;

    margin-bottom:15px;

}

.product-stock{

    color:#16A34A;

    font-weight:600;

    margin-bottom:25px;

}

.product-short-description{

    font-size:16px;

    line-height:1.8;

    color:#475569;

    margin-bottom:35px;

}

/* BUTTONS */

.marketplace-buttons{

    display:flex;

    flex-direction:column;

    gap:15px;

}

.shop-btn{

    height:52px;

    border-radius:12px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    text-decoration:none;

    font-weight:600;

    color:#fff;

}

.shopee{

    background:#EE4D2D;

}

.lazada{

    background:#4B2BFF;

}

.tiktok{

    background:#000;

}
/*==================================================
PRODUCT TABS
==================================================*/

.product-tabs-section{

    padding:70px 0;

    background:#F8FAFD;

}

.tabs-container{

    max-width:1500px;

    margin:auto;

    padding:0 20px;

}

/* Navigation */

.tabs-nav{

    display:flex;

    gap:15px;

    margin-bottom:35px;

    border-bottom:2px solid #E5EAF2;

}

.tab-btn{

    background:none;

    border:none;

    padding:15px 25px;

    font-size:16px;

    font-weight:600;

    cursor:pointer;

    color:#64748B;

    border-bottom:3px solid transparent;

    transition:.3s;

}

.tab-btn.active{

    color:#1746C5;

    border-color:#1746C5;

}

/* Content */

.tab-content{

    display:none;

    background:#fff;

    border-radius:18px;

    padding:35px;

    border:1px solid #E7EDF5;

}

.tab-content.active{

    display:block;

}

.tab-content h3{

    color:#173C92;

    margin-bottom:20px;

}

.tab-content p{

    color:#64748B;

    line-height:1.9;

}

/* Specification Table */

.spec-table{

    width:100%;

    border-collapse:collapse;

}

.spec-table th{

    width:250px;

    background:#F4F7FC;

    text-align:left;

    padding:16px;

    color:#163D8F;

}

.spec-table td{

    padding:16px;

    border-bottom:1px solid #EDF1F6;

}

/* Downloads */

.download-item{

    display:flex;

    align-items:center;

    gap:15px;

    padding:18px 20px;

    border:1px solid #E8EDF5;

    border-radius:12px;

    margin-bottom:15px;

    text-decoration:none;

    color:#163D8F;

    font-weight:600;

    transition:.3s;

}

.download-item:hover{

    background:#EDF5FF;

}

.download-item i{

    color:#E53935;

    font-size:22px;

}
/*==================================================
RELATED PRODUCTS
==================================================*/

.related-products{

    padding:80px 0;

    background:#fff;

}

.related-container{

    max-width:1500px;

    margin:auto;

    padding:0 20px;

}

.section-header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:40px;

}

.section-header h2{

    font-size:34px;

    color:#163D8F;

    font-weight:700;

}

.section-header a{

    color:#1746C5;

    text-decoration:none;

    font-weight:600;

    display:flex;

    align-items:center;

    gap:8px;

}

.related-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}
/*=========================================
PURCHASE SECTION
=========================================*/

.purchase-section{

    margin:35px 0;

}

.qty-label{

    display:block;

    font-size:15px;

    font-weight:700;

    color:#1E3A8A;

    margin-bottom:10px;

}

.purchase-row{

    display:flex;

    align-items:center;

    gap:14px;

}

.quantity-control{

    display:flex;
        height:48px;
           width:120px;


    align-items:center;

    border:1px solid #D8E2F0;

    border-radius:10px;

    overflow:hidden;

    background:#fff;

}

.qty-btn{

    width:45px;
    height:48px;

    border:none;

    background:#F5F8FC;

    cursor:pointer;

    font-size:14px;

    transition:.3s;

}

.qty-btn:hover{

    background:#1E4DB7;
    color:#fff;

}

.quantity-control input{

    width:48px;

    border:none;

    text-align:center;

    font-size:16px;

    font-weight:600;

    outline:none;

}

.add-cart-btn{

    flex:1;

    height:48px;
       width:240px;

    border:2px solid #1E4DB7;

    background:#fff;

    color:#1E4DB7;

    border-radius:10px;

    font-weight:600;

    cursor:pointer;

    transition:.3s;

}

.add-cart-btn:hover{

    background:#1E4DB7;

    color:#fff;


}
.add-cart-btn i{

    margin-right:8px;

}

.buy-now-btn{

    flex:1;

    height:48px;
     width:280px;

    border:none;

    background:#1E4DB7;

    color:#fff;

    border-radius:10px;

    font-weight:600;

    cursor:pointer;

    transition:.3s;

}

.buy-now-btn:hover{

    background:#173C93;

}

.marketplace-section{

    border-top:1px solid #E8EDF5;

    padding-top:30px;
       margin-top:30px;

}

.marketplace-section h4{

    margin-bottom:18px;

    color:#163D8F;

}
/*=====================================
PRODUCT META
======================================*/

.product-meta{

    margin:25px 0;

    padding:20px 0;
        margin-bottom:30px;

    border-top:1px solid #E8EDF5;

    border-bottom:1px solid #E8EDF5;

}

.meta-item{

    display:flex;

    gap:10px;

    margin-bottom:12px;

    font-size:15px;

}

.meta-item:last-child{

    margin-bottom:0;

}

.meta-item strong{

    width:90px;

    color:#163D8F;

}

.meta-item a{

    color:#1746C5;

    text-decoration:none;

}
/*========================================
PRODUCT SUMMARY
========================================*/

.product-summary{

    flex:1;

}

.product-brand{

    color:#1E4DB7;

    font-size:14px;

    font-weight:700;

    text-transform:uppercase;

    letter-spacing:.5px;

}

.product-title{

    font-size:42px;

    font-weight:700;

    color:#163A7A;

    margin:12px 0;

    line-height:1.25;

}

.product-rating{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

}

.stars{

    color:#FFC107;

    font-size:18px;

}

.product-rating span{

    color:#7b8794;

    font-size:15px;

}

.product-price{

    font-size:42px;

    font-weight:700;

    color:#F44336;

    margin-bottom:15px;

}

.product-stock{

    display:flex;

    align-items:center;

    gap:8px;

    color:#2E7D32;

    font-weight:600;

    margin-bottom:20px;

}

.product-short-description{

    color:#666;

    line-height:1.8;

    margin-bottom:30px;

}

.product-meta{

    border-top:1px solid #ECEFF5;

    border-bottom:1px solid #ECEFF5;

    padding:18px 0;

    margin-bottom:35px;

}

.meta-row{

    display:flex;
      align-items:center;
    padding:8px 0;

    margin-bottom:14px;

}

.meta-row:last-child{

    margin-bottom:0;

}

.meta-row span{

    width:120px;

    color:#777;

    font-weight:600;

}

.meta-row strong{

    color:#163A7A;

    font-weight:600;

}