/* CSX Display - Product detail layout: gallery 55%, gap 3%, summary 42% */
.single-product div.product .woocommerce-product-gallery,
.single-product div.product .images {
    width: 55% !important;
    margin-right: 3% !important;
}

.single-product div.product .woocommerce-product-gallery .woocommerce-product-gallery__image {
    display: flex !important;
    justify-content: center !important;
}

.single-product div.product .summary {
    width: 42% !important;
}

/* CSX Display - Single Product Detail Block */
.csx-detail-block {
    background: #f8f9fa;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
    padding: 15px 18px;
    margin: 12px 0 16px;
    line-height: 1.7;
}

.csx-detail-row {
    padding: 2px 0;
}

.csx-label {
    font-weight: 700;
}

.csx-value {
    font-weight: 400;
}

/* CSX Display - Tabs: horizontal layout */
.woocommerce-tabs {
    clear: both !important;
}

.woocommerce-tabs ul.tabs {
    width: 100% !important;
    float: none !important;
    display: flex !important;
    margin: 0 0 0 0 !important;
    padding: 0 !important;
    border-top: none !important;
    border-bottom: 2px solid #e2e2e2 !important;
}

.woocommerce-tabs ul.tabs li {
    display: inline-block !important;
    margin: 0 !important;
    border-bottom: none !important;
}

.woocommerce-tabs ul.tabs li a {
    padding: 10px 20px !important;
    display: block !important;
    border: 1px solid #e2e2e2 !important;
    border-bottom: none !important;
    border-radius: 4px 4px 0 0 !important;
    margin-right: -1px !important;
    background: #f8f8f8 !important;
}

.woocommerce-tabs ul.tabs li.active a {
    background: #fff !important;
    border-bottom: 1px solid #fff !important;
    margin-bottom: -2px !important;
}

.woocommerce-tabs ul.tabs li.active {
    border-bottom: 2px solid #f7a600 !important;
    margin-bottom: -2px !important;
}

.woocommerce-tabs ul.tabs li.active a {
    font-weight: 700 !important;
}

.woocommerce-tabs ul.tabs li.active::after {
    display: none !important;
}

.woocommerce-tabs .panel {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
    padding: 15px 0 !important;
}

/* CSX Display - Mobile responsive */
@media (max-width: 768px) {
    .single-product div.product .woocommerce-product-gallery,
    .single-product div.product .images {
        width: 100% !important;
        margin-right: 0 !important;
        float: none !important;
    }

    .single-product div.product .summary {
        width: 100% !important;
        float: none !important;
    }
}

/* CSX Display - Loop Compact Info */
.csx-loop-info {
    font-size: 0.82em;
    color: #888;
    line-height: 1.4;
    margin: 4px 0 6px;
}