﻿.homepage-hero.hero-product-suggester {
    padding-bottom: 5em;
    margin-bottom: -1em;
}

#product-suggester .selection-options {
    justify-content: space-evenly;
    flex-wrap: wrap;
    flex-direction: row;
    row-gap: 1em;
    column-gap: 1em;
    max-width: 272px;
    margin: 0 auto;
}

#product-suggester .feature-option .option-icon {
    margin: 1em auto .5em !important;
    height: 44px;
}

#product-suggester .centered-text {
    font-weight: 700;
    font-size: 1em;
    line-height: 1.3;
    flex: 1;
}

#product-suggester .feature-option {
    border-radius: 8px;
    height: 128px;
    width: 128px;
    min-width: 128px;
    max-width: 128px;
    padding: 8px;
    display: block;
    margin-bottom: 0;
}

    #product-suggester .feature-option[data-selected] {
        background: #D8F4FF;
    }

    #product-suggester .feature-option .feature-icon {
        height: 33px !important;
        margin-top: 5.5px;
    }

    #product-suggester .feature-option .selected-icon {
        height: 44px !important;
        margin: unset;
    }

/*#region override hover state with click bait box*/
#product-suggester .feature-option {
    border: 1px solid rgba(150, 156, 169, 1); /*static border*/
    margin-right: unset;
}

#product-suggester .feature-option {
    background-image: url(/cmscontent/svgs/grayscale/suggester-small-box.svg);
    background-position: top 12px right 12px;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/*#endregion*/

@media (min-width: 768px) {
    .homepage-hero.hero-product-suggester {
        padding-bottom: 15em;
    }

    #product-suggester .selection-options {
        justify-content: space-between;
        max-width: 560px;
        margin: 0 auto;
    }
}

@media (min-width: 768px) and (max-width: 1200px) {
    #product-suggester .selection-options {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (min-width: 992px) {
    #hero-section.hero-product-suggester.homepage-hero {
        padding-bottom: 16em;
    }
}

@media (min-width: 1200px) {
    #product-suggester .selection-options {
        max-width: unset;
    }
}

/*#region override product chooser*/
.product-chooser-wrapper .product-choice a.learnmore-arrow-link {
    display: none;
}

/*persist the best value tag on classic*/
#chooser-classic-tile.product-choice h3 span.header-additional-text:after {
    background-color: #E6F5CD;
    content: "Best Value";
    vertical-align: middle;
    font-size: 12px;
    font-weight: 900;
    padding: 6px 12px;
    border-radius: 8px
}

.product-chooser-wrapper.header-decorated .product-choice.best-choice, .product-chooser-wrapper.header-decorated .product-choice.emphasized {
    border: 1px solid #C7C8CA; /*no highlighted border*/
    padding: 3.75em 1.375em 1.938em !important;
}

@media screen and (min-width: 1024px) {
    .product-chooser-wrapper.header-decorated .product-choice.best-choice, .product-chooser-wrapper.header-decorated .product-choice.best-value, .product-chooser-wrapper.header-decorated .product-choice.emphasized {
        border-radius: unset;
        border-top-left-radius: 1.43em;
        border-top-right-radius: 1.43em;
        box-shadow: unset;
        margin-bottom: unset;
    }
}

@media screen and (min-width: 1024px) {
    #chooser-free-tile.product-choice.best-choice, #chooser-free-tile.product-choice.best-value, #chooser-free-tile.product-choice.emphasized {
        border-bottom-left-radius: 1.43em;
    }
}

@media screen and (min-width: 1024px) {
    #chooser-selfemployed-tile.product-choice.best-choice, #chooser-selfemployed-tile.product-choice.best-value, #chooser-selfemployed-tile.product-choice.emphasized {
        border-bottom-right-radius: 1.43em;
    }
}
/*#endregion*/

.not-recommended {
    background-color: #F5F7F9 !important;
}
