.robotic-common-issues .expandable-list {
    margin: 0;
}

@media screen and (max-width: 768px) {
    .robotic-content {
        padding: 0 16px;
    }

    .robotic-common-issues {
        margin-top: 32px;
    }
}

@media screen and (max-width: 1024px) {
    .robotic-common-issues {
        margin-top: 32px;
    }
}

@media screen and (min-width: 768px) {
    .robotic-content {
        margin-bottom: 64px;

        h3:first-child {
            margin-top: -8px;
        }
    }

    .robotic-topics {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 32px;
        align-content: start;
    }

    .robotic-content h3 {
        font-size: 36px;
    }

    .robotic-topics {
        order: 2;
    }
}

@media screen and (min-width: 1024px) {
    .robotic-content {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 32px;
    }
}

.section-product .robots-section-root-content {
    display: none;
}

.robotic-video {
    width: 384px;
    margin-top: 12px;

    .site-video-img {
        height: 200px;
    }

    .robotic-video-title {
        color: #000;
        text-align: left;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        margin-top: 16px;
    }
}

/* Expandable list */
.expandable-list .expandable-list-item li {
    margin: 0;
}
.expandable-list-item {
    border-top: 1px solid #ddd;
}
.expandable-list-item:first-child {
    border-top: 0;
}
.expandable-list .expandable-list-item {
    margin: 0;
}
.expandable-list .expandable-list-content {
    margin-left: 24px;
    line-height: 1.5;
}
.expandable-list-title {
    position: relative;
    display: block;
    font-size: 18px;
    line-height: 24px;
    padding: 16px 40px 16px 0;
    margin: 0;
    cursor: pointer;
}
.expandable-list-title::after {
    content: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Arrow Next - 24px icon'%3E%3Cpath id='Shape' d='M7.21967 3.21967C7.48594 2.9534 7.9026 2.9292 8.19621 3.14705L8.28033 3.21967L16.5303 11.4697C16.7966 11.7359 16.8208 12.1526 16.6029 12.4462L16.5303 12.5303L8.28033 20.7803C7.98744 21.0732 7.51256 21.0732 7.21967 20.7803C6.9534 20.5141 6.9292 20.0974 7.14705 19.8038L7.21967 19.7197L14.9393 12L7.21967 4.28033C6.92678 3.98744 6.92678 3.51256 7.21967 3.21967Z' fill='black'/%3E%3C/g%3E%3C/svg%3E%0A");
    position: absolute;
    top: 16px;
    right: 0;
    width: 24px;
    height: 24px;
    transition: transform .4s;
}

.expandable-list-title.active::after {
    transform: rotate(90deg);
}
