.genie-specSheet {
    overflow-wrap: anywhere;

    h2 {
        margin: 0;
    }

    h3 {
        margin: 0;
    }

    .spec-bkt {
        border: 0;
    }
}

.bread-brand,
.bread-sec {
    &:hover {
        text-decoration: underline;
        color: red;
    }
}

.spec-specbar {
    gap: 1rem;
    font-size: 12px;

    .brand {
        text-transform: uppercase;

        font-weight: bold;
        color: red;
    }

    .price {
        font-size: 1.125rem;
        font-weight: bold;
        color: white;
        background: red;
        border: 1px solid;
        border-radius: .5rem;
        padding: .25rem .5rem;
        overflow-wrap: break-word;
    }
}

.specsheet-description {
    display: flex;
    justify-content: flex-start;
    padding: 1rem;
    border: 1px solid #bbb;
    text-align: left;
    margin-bottom: 1rem;
}

#spec-bkt {
    width: 100%;
    gap: 2rem;

    &:has(.loader) {
        align-items: center;
    }
}

.spec-table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    background: #fff;

    th {
        padding: 8px;
        text-align: center;
        background: #08e;
        color: #fff;
        font-size: .75rem;
        border-radius: 1rem 1rem 0 0;
    }

    td {
        padding: .25rem;
        font-size: .75rem;
        width: 50%;

        &:first-child {
            text-align: right;
        }
    }

    tr:nth-child(odd) {
        background: #eee;
    }

}

.loader {
    border: 1rem solid #f3f3f3;
    /* Light grey */
    border-top: 1rem solid #3498db;
    /* Blue */
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    margin: 1rem;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.spec-bkt.small {
    grid-column: 1 / 3;
    border: 2px solid #bbb;
    padding: 1rem;
}

.spec-bkt {
    background: #ffffffdd;
    padding: 1rem;
    gap: 1rem;
    border-radius: 1rem;
    border: 1px solid #08f;
    margin-top: 1rem;
}

#spec-hd {
    padding: 0 8px;
}