.ecomStoriesSection {
    /* Breakout: container parent is max-width 1320px with 16px padding;
       we extend to 100vw and re-center via negative inline margins.
       Parent .ecomProductPage has overflow-x: clip → safe from scrollbars. */
    margin-inline: calc(50% - 50vw);
    margin-top: 32px;
    margin-bottom: 0;
    padding: 32px 16px;
    background-color: rgba(235, 183, 106, 0.2);
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.ecomStoriesTitle {
    margin: 0;
    color: var(--ecomColorTextStrong);
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 1;
    text-align: center;
}

.ecomStoriesWidget {
    width: 100%;
}

@media (min-width: 1024px) {
    .ecomStoriesSection {
        margin-top: 100px;
        padding: 75px 100px;
        gap: 32px;
    }

    .ecomStoriesTitle {
        font-size: 32px;
    }
}