/* ==========================================================
   MAURADIAN GUTTERS
   R11-R1 — APPROVED BENEFIT BAR
   ========================================================== */

/*
 * Remove the rejected generic:
 * Protect / Prevent / Enhance / Quality row.
 */
.feature-row {
    display: none !important;
}


/* Approved four-panel bar */

.gold-benefit-bar.mg-approved-benefits {
    width: 100%;

    box-sizing: border-box;

    display: grid !important;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    margin:
        0 !important;

    padding:
        0 !important;

    overflow: hidden;

    background:
        #020b14;

    border-top:
        1px solid
        rgba(244,182,0,.38);

    border-bottom:
        1px solid
        rgba(244,182,0,.38);
}


.gold-benefit-bar
.mg-benefit-card {
    min-height: 118px;

    display: flex;

    align-items: center;

    gap: 18px;

    box-sizing: border-box;

    padding:
        21px
        28px;

    background:
        linear-gradient(
            180deg,
            #03101b 0%,
            #020b13 100%
        );

    border-right:
        1px solid
        rgba(244,182,0,.30);
}


.gold-benefit-bar
.mg-benefit-card:last-child {
    border-right: 0;
}


.gold-benefit-bar
.mg-benefit-icon {
    flex:
        0
        0
        64px;

    width: 64px;
    height: 64px;

    display: flex;

    align-items: center;
    justify-content: center;
}


.gold-benefit-bar
.mg-benefit-icon svg {
    width: 60px;
    height: 60px;

    overflow: visible;

    fill: none;

    stroke: #f4b600;

    stroke-width: 2.8;

    stroke-linecap: round;
    stroke-linejoin: round;

    filter:
        drop-shadow(
            0
            0
            5px
            rgba(244,182,0,.16)
        );
}


.gold-benefit-bar
.mg-benefit-copy {
    min-width: 0;

    text-align: left;
}


.gold-benefit-bar
.mg-benefit-copy h3 {
    margin:
        0
        0
        7px !important;

    padding: 0 !important;

    color:
        #f4b600 !important;

    font-family:
        inherit;

    font-size:
        14px !important;

    font-weight:
        900 !important;

    line-height:
        1.15 !important;

    letter-spacing:
        .08em;

    text-transform:
        uppercase;
}


.gold-benefit-bar
.mg-benefit-copy p {
    margin:
        0 !important;

    padding:
        0 !important;

    color:
        rgba(
            255,
            255,
            255,
            .91
        ) !important;

    font-size:
        13px !important;

    font-weight:
        500;

    line-height:
        1.48 !important;
}


/*
 * Prevent old R7/R10 generic diamond styling
 * from leaking into this approved row.
 */

.mg-approved-benefits
article::before,

.mg-approved-benefits
article::after,

.mg-approved-benefits
.mg-benefit-icon::before,

.mg-approved-benefits
.mg-benefit-icon::after {
    content:
        none !important;

    display:
        none !important;
}


@media (max-width: 920px) {

    .gold-benefit-bar.mg-approved-benefits {
        grid-template-columns:
            repeat(2, 1fr);
    }

    .gold-benefit-bar
    .mg-benefit-card:nth-child(2) {
        border-right:
            0;
    }

}


@media (max-width: 560px) {

    .gold-benefit-bar.mg-approved-benefits {
        grid-template-columns:
            1fr;
    }

    .gold-benefit-bar
    .mg-benefit-card {
        border-right:
            0;

        border-bottom:
            1px solid
            rgba(244,182,0,.22);
    }

}