body.stpp-product-layout .stpp-qa {
    --stpp-qa-green: #107946;
    --stpp-qa-green-dark: #08653a;
    --stpp-qa-text: #29372f;
    --stpp-qa-muted: #76827b;
    --stpp-qa-border: #e1e6e3;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 34px;
    padding: 28px 18px 8px;
    border-top: 1px solid #edf0ee;
    background: #fff;
}

body.stpp-product-layout .stpp-qa__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--stpp-qa-border);
}


body.stpp-product-layout .stpp-qa__head h2 {
    margin: 0 !important;
    color: #252d29;
    font-size: 21px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
}

body.stpp-product-layout .stpp-qa__head h2 span {
    color: #8b938f;
    font-size: 12px;
    font-weight: 400;
}

body.stpp-product-layout .stpp-qa__ask-button {
    min-height: 36px !important;
    padding: 8px 14px !important;
    border: 1px solid #17251d !important;
    border-radius: 999px !important;
    background: #fff !important;
    color: #17251d !important;
    box-shadow: none !important;
    font-size: 11px !important;
    font-weight: 650 !important;
    line-height: 1 !important;
    text-transform: none !important;
    white-space: nowrap;
}

body.stpp-product-layout .stpp-qa__ask-button:hover {
    border-color: var(--stpp-qa-green) !important;
    color: var(--stpp-qa-green) !important;
}

body.stpp-product-layout .stpp-qa-form-panel,
body.stpp-product-layout .stpp-qa-answer-panel {
    padding: 14px 0;
}

body.stpp-product-layout .stpp-qa-form-panel[hidden],
body.stpp-product-layout .stpp-qa-answer-panel[hidden] {
    display: none !important;
}

body.stpp-product-layout .stpp-qa-form,
body.stpp-product-layout .stpp-qa-answer-form {
    padding: 14px;
    border: 1px solid #d9e2dd;
    border-radius: 8px;
    background: #fbfcfb;
}

body.stpp-product-layout .stpp-qa-form__heading,
body.stpp-product-layout .stpp-qa-answer-form__heading {
    display: flex;
    align-items: baseline;
    gap: 9px;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

body.stpp-product-layout .stpp-qa-form__heading strong,
body.stpp-product-layout .stpp-qa-answer-form__heading strong {
    color: #29372f;
    font-size: 11px;
}

body.stpp-product-layout .stpp-qa-form__heading span,
body.stpp-product-layout .stpp-qa-answer-form__heading small,
body.stpp-product-layout .stpp-qa-form__logged {
    color: #87918c;
    font-size: 9px;
}

body.stpp-product-layout .stpp-qa-form__logged {
    margin: 0 0 8px !important;
}

body.stpp-product-layout .stpp-qa-form__guest {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-bottom: 9px;
}

body.stpp-product-layout .stpp-qa-form__guest label {
    display: grid;
    gap: 4px;
    color: #58675f;
    font-size: 9px;
    font-weight: 600;
}

body.stpp-product-layout .stpp-qa-form input,
body.stpp-product-layout .stpp-qa-answer-form input,
body.stpp-product-layout .stpp-qa-form textarea,
body.stpp-product-layout .stpp-qa-answer-form textarea {
    width: 100%;
    border: 1px solid #cbd7d0 !important;
    border-radius: 6px !important;
    background: #fff !important;
    color: #2c3932 !important;
    box-shadow: none !important;
    font-size: 11px !important;
}

body.stpp-product-layout .stpp-qa-form input,
body.stpp-product-layout .stpp-qa-answer-form input {
    height: 38px;
}

body.stpp-product-layout .stpp-qa-form textarea,
body.stpp-product-layout .stpp-qa-answer-form textarea {
    min-height: 92px;
    padding: 10px 11px !important;
    resize: vertical;
}

body.stpp-product-layout .stpp-qa-form input:focus,
body.stpp-product-layout .stpp-qa-answer-form input:focus,
body.stpp-product-layout .stpp-qa-form textarea:focus,
body.stpp-product-layout .stpp-qa-answer-form textarea:focus {
    border-color: var(--stpp-qa-green) !important;
    outline: 2px solid rgba(16,121,70,.08) !important;
}

body.stpp-product-layout .stpp-qa-form__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 10px;
}

body.stpp-product-layout .stpp-qa-form__footer > div:last-child {
    display: flex;
    gap: 7px;
}

body.stpp-product-layout .stpp-qa-form__message {
    min-height: 16px;
    color: #66736b;
    font-size: 9px;
}

body.stpp-product-layout .stpp-qa-form__message.is-success {
    color: #08733f;
    font-weight: 600;
}

body.stpp-product-layout .stpp-qa-form__message.is-error {
    color: #b43d3d;
    font-weight: 600;
}

body.stpp-product-layout .stpp-qa__results {
    transition: opacity .15s ease;
}

body.stpp-product-layout .stpp-qa__results.is-loading {
    opacity: .5;
    pointer-events: none;
}

body.stpp-product-layout .stpp-qa-list {
    display: grid;
}

body.stpp-product-layout .stpp-qa-question {
    padding: 19px 0 21px;
    border-bottom: 1px solid #edf0ee;
}

body.stpp-product-layout .stpp-qa-question__meta,
body.stpp-product-layout .stpp-qa-answer__author {
    display: flex;
    align-items: center;
    gap: 8px;
}

body.stpp-product-layout .stpp-qa-avatar {
    display: grid;
    flex: 0 0 auto;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: #7a8780;
    color: #fff;
    font-size: 10px;
    font-weight: 700;
}

body.stpp-product-layout .stpp-qa-question__meta > div,
body.stpp-product-layout .stpp-qa-answer__author > div {
    display: grid;
    gap: 1px;
}

body.stpp-product-layout .stpp-qa-question__meta strong,
body.stpp-product-layout .stpp-qa-answer__author strong {
    color: #26342c;
    font-size: 10px;
}

body.stpp-product-layout .stpp-qa-question__meta time,
body.stpp-product-layout .stpp-qa-answer__author time {
    color: #8e9993;
    font-size: 8px;
}

body.stpp-product-layout .stpp-qa-question__text {
    max-width: 1150px;
    margin-top: 10px;
    color: #075ed0;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.55;
}

body.stpp-product-layout .stpp-qa-question__text p,
body.stpp-product-layout .stpp-qa-answer__text p {
    margin: 0 0 7px !important;
}

body.stpp-product-layout .stpp-qa-question__actions {
    display: flex;
    margin-top: 9px;
}

body.stpp-product-layout .stpp-qa-question__actions button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 28px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: #075ed0 !important;
    box-shadow: none !important;
    font-size: 9px !important;
    font-weight: 550 !important;
    text-transform: none !important;
}

body.stpp-product-layout .stpp-qa-question__actions button svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.7;
    stroke-linecap: round;
    stroke-linejoin: round;
}

body.stpp-product-layout .stpp-qa-question__actions button span {
    color: #8c9791;
}

body.stpp-product-layout .stpp-qa-answers {
    display: grid;
    gap: 10px;
    margin-top: 12px;
}

body.stpp-product-layout .stpp-qa-answer {
    margin-left: 18px;
    padding: 13px 14px;
    border-radius: 11px;
    background: #f5f6f6;
}

body.stpp-product-layout .stpp-qa-answer.is-official {
    border-left: 3px solid var(--stpp-qa-green);
    background: #f2f8f5;
}

body.stpp-product-layout .stpp-qa-answer.is-official .stpp-qa-avatar {
    background: var(--stpp-qa-green);
}

body.stpp-product-layout .stpp-qa-answer__author > div {
    grid-template-columns: auto auto;
    align-items: center;
    column-gap: 6px;
}

body.stpp-product-layout .stpp-qa-answer__author time {
    grid-column: 1 / -1;
}

body.stpp-product-layout .stpp-qa-answer__author span {
    width: max-content;
    padding: 2px 6px;
    border-radius: 999px;
    background: #dff2e7;
    color: #08733f;
    font-size: 7px;
    font-weight: 750;
    text-transform: uppercase;
}

body.stpp-product-layout .stpp-qa-answer__text {
    max-width: 1100px;
    margin-top: 8px;
    color: #37453d;
    font-size: 10px;
    line-height: 1.65;
}

body.stpp-product-layout .stpp-qa-empty {
    padding: 30px 12px;
    text-align: center;
    color: #6e7973;
}

body.stpp-product-layout .stpp-qa-empty strong {
    display: block;
    margin-bottom: 4px;
    color: #344239;
    font-size: 12px;
}

body.stpp-product-layout .stpp-qa-empty p {
    margin: 0 !important;
    font-size: 10px;
}

body.stpp-product-layout .stpp-qa-pagination {
    display: flex;
    justify-content: center;
    gap: 5px;
    padding: 17px 0 3px;
}

body.stpp-product-layout .stpp-qa-pagination button {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    min-height: 0 !important;
    padding: 0 !important;
    border: 1px solid #dce5df !important;
    border-radius: 5px !important;
    background: #fff !important;
    color: #314038 !important;
    box-shadow: none !important;
    font-size: 10px !important;
}

body.stpp-product-layout .stpp-qa-pagination button.is-active {
    border-color: var(--stpp-qa-green) !important;
    background: var(--stpp-qa-green) !important;
    color: #fff !important;
}

@media (max-width: 760px) {
    body.stpp-product-layout .stpp-qa {
        padding: 22px 12px 5px;
    }

    body.stpp-product-layout .stpp-qa__head {
        align-items: stretch;
        flex-direction: column;
        gap: 12px;
    }

    body.stpp-product-layout .stpp-qa__head h2 {
        font-size: 18px !important;
    }

    body.stpp-product-layout .stpp-qa__ask-button {
        align-self: flex-start;
    }

    body.stpp-product-layout .stpp-qa-form__guest {
        grid-template-columns: 1fr;
    }

    body.stpp-product-layout .stpp-qa-form__footer {
        align-items: stretch;
        flex-direction: column;
    }

    body.stpp-product-layout .stpp-qa-form__footer > div:last-child {
        width: 100%;
    }

    body.stpp-product-layout .stpp-qa-form__footer button {
        flex: 1;
    }

    body.stpp-product-layout .stpp-qa-answer {
        margin-left: 0;
    }
}

/* 1.0.62 - Typography Q&A: all supporting text at 14px; section title remains distinct. */
body.stpp-product-layout .stpp-qa,
body.stpp-product-layout .stpp-qa * {
    font-size: 14px !important;
}

body.stpp-product-layout .stpp-qa__head h2 {
    font-size: 21px !important;
}

body.stpp-product-layout .stpp-qa__head h2 span {
    font-size: 12px !important;
}

@media (max-width: 760px) {
    body.stpp-product-layout .stpp-qa__head h2 {
        font-size: 18px !important;
    }
}



/* 1.0.64 - identitate vizuala pentru raspunsurile oficiale SimpleTools Support */
body.stpp-product-layout .stpp-qa-avatar--image {
    overflow: hidden;
    background: #ffffff;
    border: 1px solid #d8e4dd;
}

body.stpp-product-layout .stpp-qa-avatar--image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

body.stpp-product-layout .stpp-qa-answer__identity.is-official {
    display: grid;
    gap: 1px;
}

body.stpp-product-layout .stpp-qa-answer__identity.is-official strong {
    font-size: 14px;
    line-height: 1.2;
}

body.stpp-product-layout .stpp-qa-answer__identity.is-official span {
    width: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #5f6e65;
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    line-height: 1.25;
}

body.stpp-product-layout .stpp-qa-answer__identity.is-official time {
    grid-column: auto;
    color: #8e9993;
    font-size: 12px;
    line-height: 1.25;
}


/* 1.0.65 - logo oficial + identitate verticala pentru raspunsurile SimpleTools Support */
body.stpp-product-layout .stpp-qa-question__text {
    color: #202723;
}

body.stpp-product-layout .stpp-qa-question__text a {
    color: inherit;
}

body.stpp-product-layout .stpp-qa-official-logo {
    display: inline-flex;
    align-items: flex-start;
    flex: 0 0 auto;
    min-width: 96px;
}

body.stpp-product-layout .stpp-qa-official-logo img {
    display: block;
    width: auto;
    height: 58px;
    max-width: 120px;
    object-fit: contain;
}

body.stpp-product-layout .stpp-qa-answer.is-official .stpp-qa-avatar {
    background: transparent;
}

body.stpp-product-layout .stpp-qa-answer__identity.is-official {
    display: grid;
    grid-template-columns: 1fr;
    align-items: start;
    row-gap: 1px;
}

body.stpp-product-layout .stpp-qa-answer__identity.is-official strong {
    font-size: 14px;
    line-height: 1.2;
}

body.stpp-product-layout .stpp-qa-answer__identity.is-official span {
    display: block;
    width: auto;
    padding: 0;
    border-radius: 0;
    background: transparent;
    color: #6c7771;
    font-size: 12px;
    font-weight: 500;
    text-transform: none;
    line-height: 1.25;
}

body.stpp-product-layout .stpp-qa-answer__identity.is-official time {
    grid-column: auto;
    color: #8e9993;
    font-size: 12px;
    line-height: 1.25;
}

@media (max-width: 760px) {
    body.stpp-product-layout .stpp-qa-answer__author {
        align-items: flex-start;
    }

    body.stpp-product-layout .stpp-qa-official-logo img {
        height: 50px;
        max-width: 105px;
    }
}


/* 1.0.66 - ajustari vizuale QA solicitate */
body.stpp-product-layout .stpp-qa-official-logo img {
    display: block;
    width: auto;
    height: 90px;
    max-width: 120px;
    object-fit: contain;
}

body.stpp-product-layout .stpp-qa-answer__author span {
    width: max-content;
    padding: 2px 2px;
    border-radius: 999px;
    background: #f2f8f5;
    color: #08733f;
    font-size: 7px;
    font-weight: 750;
    text-transform: uppercase;
}

body.stpp-product-layout .stpp-qa-question__text p,
body.stpp-product-layout .stpp-qa-answer__text p {
    margin: 0 0 7px !important;
    text-align: justify;
}

@media (max-width: 760px) {
    body.stpp-product-layout .stpp-qa-official-logo img {
        height: 70px;
        max-width: 105px;
    }
}