/* ===== GLOBAL STYLES ===== */
html {
    scroll-behavior: smooth;
}

/* ===== MAIN CONTAINER ===== */
#FeatureEditorial {
    max-width: 100%;
    margin: 20px auto 0px;
}

/* ===== TAB PAGE LAYOUT ===== */
.qixi-outfit-gift-guide-tabpage {
    margin: 50px auto;
}

@media only screen and (min-width: 768px) {
    .qixi-outfit-gift-guide-tabpage {
        margin-top: 90px;
    }
}

/* ===== TAB CONTAINER & NAVIGATION ===== */
.tab-container {
    position: relative;
    overflow: hidden;
    margin-bottom: -40px !important;
}

.qixi-outfit-gift-guide-tabpage .qixi-outfit-gift-guide-tab_sub_title {
    display: flex;
    border-bottom: 1px solid #333;
    margin-bottom: 10px;
    overflow-x: scroll;
    justify-content: center;
    overflow: -moz-scrollbars-none;
    scrollbar-width: none;
    list-style-type: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
}

.qixi-outfit-gift-guide-tabpage .qixi-outfit-gift-guide-tab_sub_title::-webkit-scrollbar {
    display: none;
}

.qixi-outfit-gift-guide-tabpage .qixi-outfit-gift-guide-tab_sub_title li {
    float: left;
    text-align: center;
    padding: 10px !important;
    width: 50%;
}

.qixi-outfit-gift-guide-tabpage .qixi-outfit-gift-guide-tab_sub_title li a {
    padding: 5px 45px 5px;
}

.qixi-outfit-gift-guide-tabpage .qixi-outfit-gift-guide-tab_sub_title .active {
    font-weight: bold !important;
    margin-bottom: -2px;
}

.qixi-outfit-gift-guide-tabpage .qixi-outfit-gift-guide-tab_sub_title li.active a {
    font-family: "Lane Crawford Bold";
}

/* Tab background styles */
.qixi-outfit-gift-guide-tabpage .qixi-outfit-gift-guide-tab_sub_title li:first-child {
    background: url(http://media.lanecrawford.com/feature/ss25_qixi_giftguide_background_20250730_1200.jpg);
}

.qixi-outfit-gift-guide-tabpage .qixi-outfit-gift-guide-tab_sub_title li:last-child {
    background-color: #FCB5D7;
}

/* ===== TAB CONTENT ===== */
#FeatureEditorial #qixi-tab-0,
#FeatureEditorial #qixi-tab-1 {
    padding-top: 60px;
}

#FeatureEditorial #qixi-tab-0 {
    background: url(http://media.lanecrawford.com/feature/ss25_qixi_giftguide_background_20250730_1200.jpg);
    background-color: rgba(255, 255, 255, 0.5);
    background-position: center;
}

#FeatureEditorial #qixi-tab-1 {
    background-color: #FCB5D7;
}

#FeatureEditorial .qixi-tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#FeatureEditorial .qixi-tab div {
    flex: 0 0 100%;
}

@media screen and (max-width:767px) {

    #FeatureEditorial #qixi-tab-0,
    #FeatureEditorial #qixi-tab-1 {
        padding-top: 40px;
    }

    #FeatureEditorial .qixi-tab a[data-label='for-whom'] {
        order: 1
    }

    #FeatureEditorial .qixi-tab #for-whom {
        order: 2
    }

    #FeatureEditorial .qixi-tab a[data-label='price'] {
        order: 3
    }

    #FeatureEditorial .qixi-tab #price {
        order: 4
    }

    #FeatureEditorial .qixi-tab a[data-label='categories'] {
        order: 5
    }

    #FeatureEditorial .qixi-tab #categories {
        order: 6
    }


    #FeatureEditorial .qixi-tab a[data-label='what-to-wear'] {
        order: 7
    }

    #FeatureEditorial .qixi-tab #what-to-wear {
        order: 8
    }

    #FeatureEditorial .qixi-tab a[data-label='outfit-price'] {
        order: 9
    }

    #FeatureEditorial .qixi-tab #outfit-price {
        order: 10
    }

    #FeatureEditorial .qixi-tab a[data-label='outfit-categories'] {
        order: 11
    }

    #FeatureEditorial .qixi-tab #outfit-categories {
        order: 12
    }
}

/* ===== CTA BUTTONS ===== */
#FeatureEditorial .lc-button {
    border: 0px;
    background-color: #FCB5D7;
    border: 1px solid #fff;
}

#FeatureEditorial .lc-button:active,
#FeatureEditorial .lc-button:focus,
#FeatureEditorial .lc-button:hover,
#FeatureEditorial .lc-button.active {
    background: #fff;
    color: black;
    border: 1px solid #FCB5D7;
}

#FeatureEditorial .style__content__cta:last-child {
    margin-top: 30px;
    margin-bottom: 30px;
}

@media screen and (max-width:767px) {
    #FeatureEditorial .style__content__cta__button {
        width: 100%
    }

    #FeatureEditorial .style__content__cta__button {

        margin: 0px;
        padding: 15px;
    }

    #FeatureEditorial .style__content__cta:last-child {
        margin-top: 39px;

    }
}

/* ===== TAB LIST SECTIONS ===== */
.qixi-outfit-gift-guide-tabpage .qixi-tab__list {
    display: none;
    /* Hide by default */
    line-height: 1;
    gap: 10px;
    font-weight: 600;
    max-width: 98%;
    padding: 30px 0 !important;
}

.qixi-outfit-gift-guide-tabpage .qixi-tab__list a {
    display: inline-block;
    text-transform: uppercase;
    flex: 1;
    min-height: 72px;
}

.qixi-outfit-gift-guide-tabpage .qixi-tab__list a:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

.qixi-outfit-gift-guide-tabpage .qixi-tab__list a img {
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.qixi-tab__list .current {
    background-color: rgba(255, 255, 255, 0.5);
    font-weight: bold !important;
}

@media screen and (max-width:767px) {
    #for-whom {
        width: 100%;
        flex-wrap: wrap
    }

    #for-whom a {
        flex: 0 0 20%;
    }
}

@media screen and (max-width:500px) {
    .qixi-tab__list a {
        font-size: 12px !important
    }
}