.collection-banner {
    margin: 0 0 30px;
    position: relative
}

.collection-banner__link {
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.collection-banner__textwrapper {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.promo-grid__container {
    display: flex;
    justify-content: flex-end;
    padding: 0 2em
}

@media (max-width:768px) {
    .section-header.section-header--hero {
        color: #000
    }

    .section-header__title {
        font-size: 22px!important
    }

    .collection-hero.loaded img {
        display: none
    }

    .collection-hero.loaded {
        height: 55px;
        margin-bottom: -3%
    }

    .collection-hero {
        background: #fff
    }

    .promo-grid__container {
        padding: 2em;
        padding-bottom: 0;
    }
}

.collection-sidebar__group .collapsible-trigger-btn {
    font-size: 16px;
    font-weight: 700;
    letter-spacing: 0
}

.promo-grid__container.horizontal-center {
    height: 400px;
}

/* Mobile splitscreen improvements */
@media (max-width: 768px) {
    .promo-grid__container.horizontal-center {
        height: 50vw !important; /* Square aspect ratio on mobile */
        min-height: 200px !important;
        max-height: 300px !important;
    }
    
    /* Improve text sizing and centering for mobile splitscreen */
    .flex-grid__item--50 .promo-grid__text {
        font-size: 0.7em !important;
        text-align: center !important;
    }
    
    .flex-grid__item--50 .rte--strong {
        font-size: 1.5em !important;
        line-height: 1.1 !important;
        margin-bottom: 8px !important;
    }
    
    .flex-grid__item--50 .rte--em {
        font-size: 0.9em !important;
        margin-bottom: 4px !important;
    }
    
    .flex-grid__item--50 .btn {
        font-size: 1em !important;
        padding: 8px 16px !important;
        margin-top: 8px !important;
    }
    
    /* Better text positioning for mobile splitscreen */
    .flex-grid__item--50 .promo-grid__content {
        padding: 15px 10px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

.promo-grid__content .btn--inverse {
    border: 0;
    border-bottom: 2px solid
}

.promo-grid__content {
    color: #fff
}

@media (max-width:768px) {
    #CollectionAjaxContent .page-width {
        padding: 10px!important
    }

    #CollectionAjaxContent .promo-grid__container {
        margin-bottom: 15px!important;
        margin-top: -20px!important
    }

    .flex-grid .flex-grid__item {
        margin-left: 0!important;
        padding-left: 0!important
    }

    .type-product__images {
        margin: 0!important
    }

    /*.flex-grid__item .promo-grid__container {
        padding: 0 0 0 2em!important
    }*/
}