:root {
    --lili-product-tabs-bg: #ffffff;
    --lili-product-tabs-soft-bg: #f8f8f8;
    --lili-product-tabs-row-bg: #fbfbfb;
    --lili-product-tabs-border: #ececec;
    --lili-product-tabs-text-muted: #666666;
}

.single-product .woocommerce-tabs {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
}

/* Desktop tabs shell */
.single-product .woocommerce-tabs[data-layout="tabs"] {
    padding: 22px;
    border: 1px solid var(--lili-product-tabs-border);
    border-radius: var(--lili-ui-radius, 9px);
    background: var(--lili-product-tabs-bg);
    box-shadow: 0 8px 26px rgba(0, 0, 0, .035);
}

.single-product .woocommerce-tabs[data-layout="tabs"] > .wd-nav-wrapper {
    margin: 0 0 22px;
    padding: 6px;
    border: 1px solid var(--lili-product-tabs-border);
    border-radius: var(--lili-ui-radius, 9px);
    background: var(--lili-product-tabs-soft-bg);
}

.single-product .woocommerce-tabs[data-layout="tabs"] > .wd-nav-wrapper .wd-nav-tabs {
    gap: 6px;
}

.single-product .woocommerce-tabs[data-layout="tabs"] > .wd-nav-wrapper .wd-nav-tabs > li > a {
    min-height: 42px;
    padding: 9px 16px;
    border-radius: calc(var(--lili-ui-radius, 9px) - 2px);
    line-height: 1.45;
}

.single-product .woocommerce-tabs[data-layout="tabs"] > .wd-nav-wrapper .wd-nav-tabs > li.active > a {
    background: #fff;
    box-shadow: 0 1px 5px rgba(0, 0, 0, .06);
}

.single-product .woocommerce-tabs[data-layout="tabs"] > .woocommerce-Tabs-panel,
.single-product .woocommerce-tabs[data-layout="tabs"] > .wd-accordion-item > .woocommerce-Tabs-panel {
    margin: 0;
    padding: 8px 4px 2px;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.single-product .woocommerce-Tabs-panel > :first-child,
.single-product .woocommerce-Tabs-panel .wc-tab-inner > :first-child {
    margin-top: 0;
}

.single-product .woocommerce-Tabs-panel > :last-child,
.single-product .woocommerce-Tabs-panel .wc-tab-inner > :last-child {
    margin-bottom: 0;
}

.single-product .woocommerce-Tabs-panel h2,
.single-product .woocommerce-Tabs-panel h3,
.single-product .woocommerce-Tabs-panel h4 {
    margin-bottom: 18px;
}

/* Tables inside product tabs */
.single-product .woocommerce-Tabs-panel table {
    width: 100%;
    margin: 20px 0;
    overflow: hidden;
    border: 1px solid var(--lili-product-tabs-border) !important;
    border-radius: var(--lili-ui-radius, 9px);
    border-collapse: separate !important;
    border-spacing: 0;
    background: var(--lili-product-tabs-bg);
}

.single-product .woocommerce-Tabs-panel table thead th,
.single-product .woocommerce-Tabs-panel table th {
    padding: 15px 18px;
    border: 0 !important;
    border-bottom: 1px solid var(--lili-product-tabs-border) !important;
    background: var(--lili-product-tabs-soft-bg);
    font-weight: 700;
    vertical-align: middle;
}

.single-product .woocommerce-Tabs-panel table td {
    padding: 15px 18px;
    border: 0 !important;
    border-bottom: 1px solid var(--lili-product-tabs-border) !important;
    background: var(--lili-product-tabs-bg);
    vertical-align: middle;
}

.single-product .woocommerce-Tabs-panel table tbody tr:nth-child(even) td {
    background: var(--lili-product-tabs-row-bg);
}

.single-product .woocommerce-Tabs-panel table tbody tr:last-child td,
.single-product .woocommerce-Tabs-panel table tbody tr:last-child th {
    border-bottom: 0 !important;
}

.single-product .woocommerce-Tabs-panel table tbody tr {
    transition: background-color .18s ease;
}

.single-product .woocommerce-Tabs-panel table tbody tr:hover td {
    background: #f7f3f7;
}

/* WooCommerce additional information table */
.single-product .woocommerce-Tabs-panel.wd-single-attrs table,
.single-product .woocommerce-Tabs-panel .woocommerce-product-attributes {
    overflow: hidden;
    border-radius: var(--lili-ui-radius, 9px);
}

.single-product .woocommerce-product-attributes th,
.single-product .woocommerce-product-attributes td {
    text-align: right;
}

/* Accordion layout */
.single-product .woocommerce-tabs[data-layout="accordion"] .wd-accordion-item {
    margin-bottom: 10px;
    overflow: hidden;
    border: 1px solid var(--lili-product-tabs-border);
    border-radius: var(--lili-ui-radius, 9px);
    background: var(--lili-product-tabs-bg);
}

.single-product .woocommerce-tabs[data-layout="accordion"] .wd-accordion-title {
    min-height: 52px;
    margin: 0;
    padding: 12px 18px;
    border: 0;
    background: var(--lili-product-tabs-soft-bg);
}

.single-product .woocommerce-tabs[data-layout="accordion"] .wd-accordion-content {
    margin: 0;
    padding: 0 18px 18px;
    background: var(--lili-product-tabs-bg);
}

/* Tabs builder variant that enables accordion titles on mobile */
.single-product .woocommerce-tabs[data-layout="tabs"] > .wd-accordion-item {
    border-radius: var(--lili-ui-radius, 9px);
}

@media (max-width: 767px) {
    .single-product .woocommerce-tabs[data-layout="tabs"] {
        padding: 14px;
    }

    .single-product .woocommerce-tabs[data-layout="tabs"] > .wd-nav-wrapper {
        margin-bottom: 14px;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .single-product .woocommerce-tabs[data-layout="tabs"] > .wd-nav-wrapper .wd-nav-tabs {
        flex-wrap: nowrap;
        justify-content: flex-start;
        min-width: max-content;
    }

    .single-product .woocommerce-tabs[data-layout="tabs"] > .woocommerce-Tabs-panel,
    .single-product .woocommerce-tabs[data-layout="tabs"] > .wd-accordion-item > .woocommerce-Tabs-panel {
        padding-inline: 0;
    }

    .single-product .woocommerce-Tabs-panel table {
        display: block;
        max-width: 100%;
        overflow-x: auto;
        white-space: normal;
        -webkit-overflow-scrolling: touch;
    }

    .single-product .woocommerce-Tabs-panel table th,
    .single-product .woocommerce-Tabs-panel table td {
        min-width: 145px;
        padding: 12px 14px;
    }
}