/* -------------------------------------- */
/* Random Quote Section, centered.        */
/* -------------------------------------- */
.bcps-text_middle_center {
    display: flex;
    flex-direction: column;
    row-gap: 0.5rem;
    justify-content: center;
    align-items: center;
    min-height: 700px;
}
.bcps-heading {
    font-size: 2.0rem;
}
.bcps-sub-heading {
    font-size: 1.4rem;
}
@media (max-width: 768px) {
    .bcps-heading {
        font-size: 1.3rem;
    }
    .bcps-sub-heading {
        font-size: 1.0rem;
    }
}
@media (max-width: 550px) {
    .bcps-heading {
        font-size: 1.1rem;
    }
    .bcps-sub-heading {
        font-size: 0.9rem;
    }
}

/* -------------------------------------------------------------------------- */
.bcps-embed-product-min-height {
    min-height: 400px;
}
.bcps-embed-image-min-height {
}
.bcps-embed-tiktok-min-height {
    min-height: 900px;
}
.bcps-embed-youtube-min-height {
    min-height: 400px;
}
.bcps-embed-youtube-shorts-min-height {
    min-height: 33rem;
}
.bcps-embedded-text-min-height {
}
/* -------------------------------------------------------------------------- */
.bcps-embedded-img {
    max-width: 350px;
    max-height: 350px;
    border-radius: 4.9px !important;
    border: none !important;
    -webkit-box-shadow: 0 0.1975rem 0.1975rem 0 rgba(0, 0, 0, 0.15) !important;
}
.bcps-embedded-product {
    max-width: 350px;
    max-height: 350px;
    border-radius: 4.9px !important;
    border: none !important;
    -webkit-box-shadow: 0 0.1975rem 0.1975rem 0 rgba(0, 0, 0, 0.15) !important;
}
.bcps-product-magic-button {
    position: absolute;
    left: 50%;
    bottom: 0px;
    transform: translateX(-50%);
}
.bcps-embed-youtube {
    margin: auto;
}
.bcps-embed-youtube-shorts iframe,
.bcps-embed-youtube-shorts object,
.bcps-embed-youtube-shorts embed {
    margin: auto;
    width: 18rem;
    height: 32rem;
}
/* -------------------------------------------------------------------------- */
.bcps-DEFAULT_NOW_PRODUCT_SECTION-left {
    display: inline-block;;
    max-width: 49%;
    padding: 0.5rem;
}
.bcps-DEFAULT_NOW_PRODUCT_SECTION-right {
    display: inline-block;;
    max-width: 42%;
    padding: 0.5rem;
}
@media (max-width: 900px) {
    .bcps-DEFAULT_NOW_PRODUCT_SECTION-left {
        width: 100%;
        max-width: 95%;
    }
    .bcps-DEFAULT_NOW_PRODUCT_SECTION-right {
        width: 100%;
        max-width: 95%;
    }
}
/* -------------------------------------------------------------------------- */
.bcps-TEXT_LEFT_EMBED_RIGHT-product {
    position: relative;
    float: right;
    max-width: 50%;
    margin: 0.35rem 0.00rem 0.75rem 0.75rem;
}
.bcps-TEXT_RIGHT_EMBED_LEFT-product {
    position: relative;
    float: left;
    max-width: 50%;
    margin: 0.35rem 0.75rem 0.75rem 0.00rem;
}
@media (max-width: 768px) {
    .bcps-TEXT_LEFT_EMBED_RIGHT-product {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
    .bcps-TEXT_RIGHT_EMBED_LEFT-product {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }
}
/* -------------------------------------------------------------------------- */
.bcps-TEXT_LEFT_EMBED_RIGHT-image {
    position: relative;
    float: right;
    max-width: 50%;
    margin: 0.35rem 0.00rem 0.75rem 0.75rem;
}
.bcps-TEXT_RIGHT_EMBED_LEFT-image {
    position: relative;
    float: left;
    max-width: 50%;
    margin: 0.35rem 0.75rem 0.75rem 0.00rem;
}
@media (max-width: 768px) {
    .bcps-TEXT_LEFT_EMBED_RIGHT-image {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0.00rem auto;
    }
    .bcps-TEXT_RIGHT_EMBED_LEFT-image {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0.00rem auto;
    }
}
/* -------------------------------------------------------------------------- */
.bcps-TEXT_RIGHT_EMBED_LEFT-tiktok {
    position: relative;
    float: left;
    max-width: 50%;
    margin: 0.00rem 1.00rem;
}
.bcps-TEXT_LEFT_EMBED_RIGHT-tiktok {
    position: relative;
    float: right;
    max-width: 50%;
    margin: 0.00rem 1.00rem;
}
@media (max-width: 768px) {
    .bcps-TEXT_RIGHT_EMBED_LEFT-tiktok {
        float: none;
        width: 100%;
        max-width: 325px;
        margin: 0.00rem auto;
    }
    .bcps-TEXT_LEFT_EMBED_RIGHT-tiktok {
        float: none;
        width: 100%;
        max-width: 325px;
        margin: 0.00rem auto;
    }
}
/* -------------------------------------------------------------------------- */
.bcps-TEXT_RIGHT_EMBED_LEFT-youtube {
    position: relative;
    float: left;
    width: 554px;
    margin: 0.00rem 1.00rem;
}
.bcps-TEXT_LEFT_EMBED_RIGHT-youtube {
    position: relative;
    float: right;
    width: 554px;
    margin: 0.00rem 1.00rem;
}
@media (max-width: 1024px) {
    .bcps-TEXT_RIGHT_EMBED_LEFT-youtube {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0.00rem auto;
    }
    .bcps-TEXT_LEFT_EMBED_RIGHT-youtube {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0.00rem auto;
    }
}
/* -------------------------------------------------------------------------- */
.bcps-TEXT_RIGHT_EMBED_LEFT-youtube-shorts {
    position: relative;
    float: left;
    max-width: 50%;
    margin: 0.50rem 1.00rem;
}
.bcps-TEXT_LEFT_EMBED_RIGHT-youtube-shorts {
    position: relative;
    float: right;
    max-width: 50%;
    margin: 0.50rem 1.00rem;
}
@media (max-width: 768px) {
    .bcps-TEXT_RIGHT_EMBED_LEFT-youtube-shorts {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0.00rem auto;
    }
    .bcps-TEXT_LEFT_EMBED_RIGHT-youtube-shorts {
        float: none;
        width: 100%;
        max-width: 100%;
        margin: 0.00rem auto;
    }
}

/* -------------------------------------------------------------------------- */
/* preview: TWO_COLUMN_CONTROL                                                */
/* -------------------------------------------------------------------------- */
.bcps-TWO_COLUMN_CONTROL-container {
    display: flex;
    align-items: stretch;
    justify-content: center;
    text-align: center;
}
.bcps-TWO_COLUMN_CONTROL-container > div {
    min-height: 200px;
    width: 50%;
    align-self: stretch;

    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover; /* Crucial for filling the div */

    /* Example: Make the div's content also centered if you add any */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;

    position: relative; /* Add this */
    overflow: hidden; /* Add this to contain the video */
}

.bcps-TWO_COLUMN_CONTROL-embedded {
    position: relative;
    border-radius: 4.9px;
    padding: 1.0rem 0.0rem;
}
.bcps-TWO_COLUMN_CONTROL-youtube {
    position: relative;
    border-radius: 4.9px;
    padding: 1.5rem;
}
.bcps-TWO-COLUMN-CONTROL-embedded-product {
    max-width: 350px;
    max-height: 350px;
    margin: 1.5rem;
    border-radius: 4.9px !important;
    -webkit-box-shadow: 0 0.1975rem 0.1975rem 0 rgba(0, 0, 0, 0.15) !important;
}
.bcps-TWO-COLUMN-CONTROL-magic-button {
    position: absolute;
    left: 50%;
    bottom: 45px;
    transform: translateX(-50%);
}
.bcps-TWO-COLUMN-CONTROL-embedded-img {
    max-width: 500px;
    max-height: 500px;
    border-radius: 4.9px !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}
.bcps-embedded-text {
    position: relative;
    padding: 0.75rem;
    z-index: 1;
}
@media (max-width: 768px) {
    .bcps-TWO_COLUMN_CONTROL-container {
        flex-direction: column;   /* Stacks items vertically */
    }
    .bcps-TWO_COLUMN_CONTROL-container > div {
        width: 100%; /* Stack to full width on smaller screens */
    }
    .bcps-TWO_COLUMN_CONTROL-embedded {
    }
    .bcps-TWO_COLUMN_CONTROL-youtube {
    }
}


/* -------------------------------------------- */
/* preview: FULL_WIDTH_BACKGROUND_YOUTUBE_VIDEO */
/* -------------------------------------------- */
.bcps-youtube-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    background-color: black;
}
.bcps-youtube-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.bcps-video-overlay-text {
    position: absolute;
    padding: 0.25rem 0.5rem;
    background-color: rgba(0, 0, 0, 0.00);  /* make it transparent */
    border-radius: 4.9px;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}