.wp-block-baytek-tabs {
    .wp-block-tabs__tab-panels {
        background-color: rgba(255, 210, 0, 0.2);
        padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
        margin-bottom: var(--wp--preset--spacing--10);
        border-top: 1px solid var(--wp--preset--color--yellow);
        .wp-block-tab {
            display: none;
        }
        .wp-block-tab.active {
            display: block;
        }
    }
    .wp-block-tabs__inner-container {
        display: grid;
        gap: var(--wp--preset--spacing--10);
        @media(min-width: 768px) {
            grid-template-columns: 1fr 2fr;
            grid-template-rows: auto auto;
        } 
    }
    .wp-block-tabs__inner-container.mobile .wp-block-tab p {
        margin: 0;
        padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
        color: var(--wp--preset--color--white);
    }
    .wp-block-tabs__inner-container.mobile .wp-block-tab {
        overflow: hidden;
        max-height: 0;
        transition: max-height 0.5s ease-in-out;
    }
    .wp-block-tabs__inner-container.mobile li {
        display: block;
    }
    .wp-block-tabs__inner-container.mobile .wp-block-tab.active {
        border-top: 1px solid rgba(255, 210, 0, 0.3);
        max-height: 1000px; 
    }
    .wp-block-tabs__tab-labels {
        @media(max-width: 767px) {
            order: 1;
        }
        @media(min-width: 768px) {
            grid-column: 1 / 2;
        }
    }
    .wp-block-tabs__tab-panels {
        @media(max-width: 767px) {
            order: 3;
        }
        @media(min-width: 768px) {
            grid-column: 2 / 3;
        }
        body, p, li {
            font-size: var(--wp--preset--font-size--medium);
            color: var(--wp--preset--color--white);
        }
        p:first-of-type {
            margin-top: 0;
        }
    }
    .tab-titles {
        list-style-type: none;
        padding-left: 0;
        margin-top: 0;
        margin-bottom: 0;
        li {
            border-left: 1px solid var(--wp--preset--color--yellow);
            background-color: rgba(255, 255, 255, 0.1);
            margin-bottom: var(--wp--preset--spacing--10);
            display: flex;
            a {
                padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
                display: block;
                text-transform: uppercase;
                font-size: var(--wp--preset--font-size--h-4);
                @media(min-width: 1024px) {
                    width: 100%;
                }
            }
        }
        li:has(.tab-label.active) {
            background-color: rgba(255, 210, 0, 0.2);
        }
        .tab-label.active {
            display: flex;
            color: var(--wp--preset--color--yellow);
        }
        .tab-label {
            color: var(--wp--preset--color--white);
            cursor: pointer;
            font-size: var(--wp--preset--font-size--h-4);
            font-weight: 600;
            display: flex;
            align-items: flex-start;
            gap: 0.4em;
        }
        .tab-label::before {
            content: attr(data-number);
            flex-shrink: 0;
        }
        .tab-label span {
            display: block;
        }
    }
    
    
}